Updated blocks (and supporting files) to reference aem.js instead of … #17

README.md

@@ -1,5 +1,6 @@
-# Your Project's Title...
-Your project's description...
+# Block collection
+
+This project contains code that is feature on the [AEM Block Collection](https://www.aem.live/developer/block-collection#block-collection-1) documentation.
 
 ## Environments
 - Preview: https://main--{repo}--{owner}.hlx.page/

blocks/cards/cards.js

@@ -1,4 +1,4 @@
-import { createOptimizedPicture } from '../../scripts/lib-franklin.js';
+import { createOptimizedPicture } from '../../scripts/aem.js';
 
 export default function decorate(block) {
   /* change to ul, li */

blocks/footer/footer.js

@@ -1,4 +1,4 @@
-import { readBlockConfig, decorateIcons } from '../../scripts/lib-franklin.js';
+import { readBlockConfig, decorateIcons } from '../../scripts/aem.js';
 
 /**
  * loads and decorates the footer

blocks/fragment/fragment.js

@@ -10,7 +10,7 @@ import {
 
 import {
   loadBlocks,
-} from '../../scripts/lib-franklin.js';
+} from '../../scripts/aem.js';
 
 /**
  * Loads a fragment.

blocks/header/header.js

@@ -1,4 +1,4 @@
-import { readBlockConfig, decorateIcons } from '../../scripts/lib-franklin.js';
+import { readBlockConfig, decorateIcons } from '../../scripts/aem.js';
 
 /**
  * collapses all open nav sections

head.html

@@ -1,5 +1,5 @@
 <meta name="viewport" content="width=device-width, initial-scale=1"/>
-<script src="/scripts/lib-franklin.js" type="module" crossorigin="use-credentials"></script>
+<script src="/scripts/aem.js" type="module" crossorigin="use-credentials"></script>
 <script src="/scripts/scripts.js" type="module" crossorigin="use-credentials"></script>
 <link rel="stylesheet" href="/styles/styles.css"/>
 <link rel="icon" href="data:,">

scripts/delayed.js

@@ -1,5 +1,5 @@
 // eslint-disable-next-line import/no-cycle
-import { sampleRUM } from './lib-franklin.js';
+import { sampleRUM } from './aem.js';
 
 // Core Web Vitals RUM collection
 sampleRUM('cwv');

scripts/scripts.js

@@ -11,7 +11,7 @@ import {
   waitForLCP,
   loadBlocks,
   loadCSS,
-} from './lib-franklin.js';
+} from './aem.js';
 
 const LCP_BLOCKS = []; // add your LCP blocks to the list
 window.hlx.RUM_GENERATION = 'project-1'; // add your RUM generation information here

test/blocks/footer/footer.test.js

@@ -6,7 +6,7 @@ import { expect } from '@esm-bundle/chai';
 
 document.body.innerHTML = await readFile({ path: '../../scripts/dummy.html' });
 
-const { buildBlock, decorateBlock, loadBlock } = await import('../../../scripts/lib-franklin.js');
+const { buildBlock, decorateBlock, loadBlock } = await import('../../../scripts/aem.js');
 
 document.body.innerHTML = await readFile({ path: '../../scripts/body.html' });
 

test/blocks/header/header.test.js

@@ -6,7 +6,7 @@ import { expect } from '@esm-bundle/chai';
 
 document.body.innerHTML = await readFile({ path: '../../scripts/dummy.html' });
 
-const { buildBlock, decorateBlock, loadBlock } = await import('../../../scripts/lib-franklin.js');
+const { buildBlock, decorateBlock, loadBlock } = await import('../../../scripts/aem.js');
 
 document.body.innerHTML = await readFile({ path: '../../scripts/body.html' });
 

test/scripts/block-utils.test.js

@@ -12,7 +12,7 @@ document.head.innerHTML = await readFile({ path: './head.html' });
 
 describe('Utils methods', () => {
   before(async () => {
-    blockUtils = await import('../../scripts/lib-franklin.js');
+    blockUtils = await import('../../scripts/aem.js');
     document.body.innerHTML = await readFile({ path: './body.html' });
   });