Main crosswalk

.eslintignore

@@ -1,3 +1,4 @@
 helix-importer-ui
 
 /scripts/alloy*.js
+/tools/actions/

blocks/footer/footer.js

@@ -59,7 +59,7 @@ export default async function decorate(block) {
   block.textContent = '';
 
   // fetch footer content
-  const footerPath = cfg.footer || '/footer';
+  const footerPath = cfg.footer || '/fragments/footer/master';
   const resp = await fetch(`${footerPath}.plain.html`, window.location.pathname.endsWith('/footer') ? { cache: 'reload' } : {});
 
   if (resp.ok) {

blocks/header/header.js

@@ -177,7 +177,7 @@ export default async function decorate(block) {
   const navMeta = getMetadata('nav');
   block.textContent = '';
 
-  const navPath = navMeta ? new URL(navMeta).pathname : '/nav';
+  const navPath = navMeta ? new URL(navMeta).pathname : '/fragments/header/master';
   const resp = await fetch(`${navPath}.plain.html`);
 
   if (resp.ok) {

paths.yaml

@@ -0,0 +1,8 @@
+mappings:
+  - /content/24petwatch/us/en:/
+  - /content/experience-fragments/24petwatch/us/en/site/:/fragments/
+
+includes:
+  - /content/24petwatch/us/en
+  - /content/experience-fragments/24petwatch/us/en/site/header
+  - /content/experience-fragments/24petwatch/us/en/site/footer

styles/styles.css

@@ -349,20 +349,20 @@ main .section {
 }
 
 /* section metadata */
-main .section.teal-bg {
+main .section.teal-bg, main .section.teal {
   background-color: #007680;
   color: white;
 }
 
-main .section.gray-bg {
+main .section.gray-bg, main .section.lightcool {
   background-color: #e7e9ea;
 }
 
-main .section.light-gray-bg {
+main .section.light-gray-bg, main .section.lightergray {
   background-color: #FBFBFB;
 }
 
-main .section.warm-white-bg {
+main .section.warm-white-bg, main .section.cream {
   background-color: #fff1d6;
 }
 

tools/actions/.gitignore

@@ -0,0 +1,4 @@
+.env
+.aio
+dist/
+*/node_modules/

tools/actions/README.md

@@ -0,0 +1,55 @@
+## Build
+
+Each action supports the default `npm run` commands to `build`, `test` and `serve`.
+
+To build the action run 
+
+```
+npm run build
+```
+
+This will build in development mode. To build for production use
+
+```
+npm run build -- --mode production
+```
+
+## Development
+
+To run the tests run
+
+```
+npm run test
+```
+
+To run the action locally run
+
+```
+npm run serve
+```
+
+That will build the action code inside an express app, with [src/express.js](src/express.js) as entry point watching any changes. In parallel it will run the webpack output in a self-restarting node process.
+
+The express app listens on port 3030 and handles incoming requests for *.html and *.md files, applying the import.js transformations. 
+
+The app uses [dotenv](https://www.npmjs.com/package/dotenv) to read environment configurations for `AEM_HOST`, `AEM_USER`, `AEM_PASSWORD` and `AEM_WCMMODE`.
+
+The node process can be debugged using for example the Chrome developer tools. Source maps are available.
+
+To test the converter run:
+
+```
+curl http://localhost:3030/index.md?wcmmode=disabled
+```
+
+## Deployment
+
+The actions built and deployed by a [github workflow](../../.github/workflows/deploy-action-convert.yaml). Each branch with changes to any of the files used by the action will automatically trigger a deployment to a package named after the branch.
+
+To deploy the action manually use the App Builder CLI. The [Getting Started guide for AIO Runtime](https://developer.adobe.com/runtime/docs/guides/getting-started/setup/#creating-a-namespace-and-retrieving-the-credentials) provides detailed steps to setup a local environment. 
+
+It is recommended to deploy the current work-in-progress into a separate package, e.g. using your username. Remember, the branch name will be used by the automated deployment. To change the package name, modify the [app.config.yaml](./app.config.yaml).
+
+```
+aio app deploy
+```

tools/actions/app.config.yaml

@@ -0,0 +1,17 @@
+application:
+  hooks:
+    pre-app-build: ./bundle-actions.js
+  runtimeManifest:
+    packages:
+      main:
+        license: Apache-2.0
+        actions:
+          convert:
+            function: convert/dist/main.js
+            web: 'yes'
+            runtime: 'nodejs:16'
+            inputs:
+              LOG_LEVEL: debug
+            annotations:
+              require-adobe-auth: false
+              final: true

tools/actions/bundle-actions.js

@@ -0,0 +1,58 @@
+#!/usr/bin/env node
+/*
+ * Copyright 2023 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+// this script is used instead of individual webpack-config.js configurations per action,
+// as these would require additional dependencies (e.g. loaders) to be installed as dev
+// dependency on the application level.
+
+import * as url from 'node:url';
+import * as path from 'node:path';
+import { fork } from 'node:child_process';
+import { existsSync } from 'node:fs';
+import { readdir } from 'node:fs/promises';
+
+// read all directories, for those that have a webpack executable, run it with --mode production
+
+const webpackArgs = ['--mode', 'production'];
+const dirname = url.fileURLToPath(new URL('.', import.meta.url));
+const children = await readdir(dirname, { withFileTypes: true });
+
+await Promise.all(children.map(async (child) => {
+  if (child.isDirectory) {
+    const childDir = path.resolve(dirname, child.name);
+    const webpackScript = path.resolve(childDir, 'node_modules/.bin/webpack');
+    if (existsSync(webpackScript)) {
+      return new Promise((resolve, reject) => {
+        // run the webpack script in the childDir
+        // eslint-disable-next-line no-console
+        console.log(`Bundling ${child.name} ... `);
+        const webpackProcess = fork(webpackScript, webpackArgs, { cwd: childDir, silent: true });
+        webpackProcess.on('error', (err) => reject(err));
+        webpackProcess.on('exit', (code) => {
+          if (code > 0) {
+            reject(code);
+          } else {
+            resolve();
+          }
+        });
+      })
+        .catch((err) => {
+          // eslint-disable-next-line no-console
+          console.log(`Failed bundling ${child.name}.`);
+          throw err;
+        });
+    }
+  }
+
+  return Promise.resolve();
+}));

tools/actions/convert/converter.yaml

@@ -0,0 +1,3 @@
+env:
+  publicURL: https://www.24petwatch.com/
+  aemURL:  	https://author-p33903-e122205.adobeaemcloud.com/