Update AEM libraries to latest release.

.github/workflows/run-tests.yaml

@@ -1,4 +1,4 @@
-name: Tests and Linting
+name: Linting
 
 on: [pull_request]
 
@@ -10,7 +10,7 @@ jobs:
     - name: Use Node.js
       uses: actions/setup-node@v3
       with:
-        node-version: '14'
+        node-version: '16' #required for npm 8 or later.
     - run: npm install
     - run: npm run lint
       env:

404.html

@@ -11,7 +11,7 @@
   <meta property="og:title" content="Page not found">
   <script src="/scripts/scripts.js" type="module" crossorigin="use-credentials"></script>
   <script type="module">
-    import { sampleRUM } from '/scripts/lib-franklin.js';
+    import { sampleRUM } from '/scripts/aem.js';
 
     window.addEventListener('load', () => {
       if (document.referrer) {

README.md

@@ -11,16 +11,16 @@ Your project's description...
 npm i
 ```
 
-## Tests
+## Linting
 
 ```sh
-npm test
+npm run lint
 ```
 
 ## Local development
 
-1. Create a new repository based on the `helix-project-boilerplate` template and add a mountpoint in the `fstab.yaml`
-1. Add the [helix-bot](https://github.com/apps/helix-bot) to the repository
-1. Install the [Helix CLI](https://github.com/adobe/helix-cli): `npm install -g @adobe/helix-cli`
-1. Start Franklin Proxy: `hlx up` (opens your browser at `http://localhost:3000`)
+1. Create a new repository based on the `aem-boilerplate` template and add a mountpoint in the `fstab.yaml`
+1. Add the [AEM Code Sync GitHub App](https://github.com/apps/aem-code-sync) to the repository
+1. Install the [AEM CLI](https://github.com/adobe/aem-cli): `npm install -g @adobe/aem-cli`
+1. Start AEM Proxy: `aem up` (opens your browser at `http://localhost:3000`)
 1. Open the `{repo}` directory in your favorite IDE and start coding :)

blocks/agent-search/agent-search.js

@@ -1,4 +1,4 @@
-import { getMetadata } from '../../scripts/lib-franklin.js';
+import { getMetadata } from '../../scripts/aem.js';
 import { getSpinner } from '../../scripts/util.js';
 import {
   fromParam as filterFromParam,

blocks/agent-search/builders/form.js

@@ -1,4 +1,4 @@
-import { getMetadata } from '../../../scripts/lib-franklin.js';
+import { getMetadata } from '../../../scripts/aem.js';
 import { BREAKPOINTS } from '../../../scripts/scripts.js';
 
 import { abortSuggestions, getSuggestions } from '../../../scripts/apis/agent/suggestion.js';

blocks/agent-search/builders/sort.js

@@ -1,4 +1,4 @@
-import { fetchPlaceholders } from '../../../scripts/lib-franklin.js';
+import { fetchPlaceholders } from '../../../scripts/aem.js';
 import Sort, { sortFor } from '../../../scripts/apis/agent/sort.js';
 import { PAGE_PARAM } from './pagination.js';
 

blocks/avm-report/avm-report-delayed.js

@@ -1,4 +1,4 @@
-import { fetchPlaceholders } from '../../scripts/lib-franklin.js';
+import { fetchPlaceholders } from '../../scripts/aem.js';
 
 async function initGooglePlacesAPI() {
   const placeholders = await fetchPlaceholders();

blocks/blog-listing/blog-listing.js

@@ -1,6 +1,6 @@
 import {
   readBlockConfig,
-} from '../../scripts/lib-franklin.js';
+} from '../../scripts/aem.js';
 
 const urlParams = new URLSearchParams(window.location.search);
 export const API_HOST = urlParams.get('env') === 'stage' ? 'https://ignite-staging.bhhs.com' : 'https://www.bhhs.com';

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/header/header.js

@@ -1,5 +1,5 @@
 import { BREAKPOINTS } from '../../scripts/scripts.js';
-import { getMetadata, decorateIcons, decorateSections } from '../../scripts/lib-franklin.js';
+import { getMetadata, decorateIcons, decorateSections } from '../../scripts/aem.js';
 
 // media query match that indicates mobile/tablet width
 const isDesktop = BREAKPOINTS.medium;

blocks/hero/search/home-delayed.js

@@ -1,4 +1,4 @@
-import { getMetadata } from '../../../scripts/lib-franklin.js';
+import { getMetadata } from '../../../scripts/aem.js';
 import { BREAKPOINTS } from '../../../scripts/scripts.js';
 import {
   close as closeCountrySelect,

blocks/hero/search/home.js

@@ -1,4 +1,4 @@
-import { decorateIcons } from '../../../scripts/lib-franklin.js';
+import { decorateIcons } from '../../../scripts/aem.js';
 import {
   build as buildCountrySelect,
 } from '../../shared/search-countries/search-countries.js';

blocks/info-mouseover/info-mouseover.js

@@ -1,4 +1,4 @@
-import { decorateIcons } from '../../scripts/lib-franklin.js';
+import { decorateIcons } from '../../scripts/aem.js';
 import { BREAKPOINTS } from '../../scripts/scripts.js';
 
 function positionIcon(heading, icon) {

blocks/juicer/juicer.js

@@ -1,4 +1,4 @@
-import { readBlockConfig } from '../../scripts/lib-franklin.js';
+import { readBlockConfig } from '../../scripts/aem.js';
 
 function loadEmbeds() {
   const style = document.createElement('link');

blocks/liveby-demographics/liveby-demographics.js

@@ -1,5 +1,5 @@
 import { LIVEBY_API } from '../../scripts/scripts.js';
-import { decorateIcons } from '../../scripts/lib-franklin.js';
+import { decorateIcons } from '../../scripts/aem.js';
 
 const dollarFormatter = new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD', minimumFractionDigits: 0 });
 const percFormatter = new Intl.NumberFormat('en-US', { style: 'percent' });

blocks/liveby-map/liveby-map-delayed.js

@@ -1,6 +1,6 @@
 /* global google */
 
-import { fetchPlaceholders } from '../../scripts/lib-franklin.js';
+import { fetchPlaceholders } from '../../scripts/aem.js';
 
 function getCenter(coords) {
   // Find bounding box

blocks/liveby-metadata/liveby-metadata.js

@@ -1,4 +1,4 @@
-import { getMetadata } from '../../scripts/lib-franklin.js';
+import { getMetadata } from '../../scripts/aem.js';
 
 async function getCommunityId(id, ref, name) {
   const resp = await fetch(`https://api.liveby.com/v1/pages?id=${id}&ref=/${ref}/communities/${name}`);

blocks/liveby-schools/liveby-schools.js

@@ -1,4 +1,4 @@
-import { decorateIcons } from '../../scripts/lib-franklin.js';
+import { decorateIcons } from '../../scripts/aem.js';
 import { LIVEBY_API } from '../../scripts/scripts.js';
 
 const ES_GRADES = ['PK', 'KG', '01', '02', '03', '04', '05', '06'];

blocks/property-listing/cards/cards.js

@@ -1,5 +1,5 @@
 import { propertySearch } from '../../../scripts/apis/creg/creg.js';
-import { decorateIcons } from '../../../scripts/lib-franklin.js';
+import { decorateIcons } from '../../../scripts/aem.js';
 
 function createImage(listing) {
   if (listing.SmallMedia?.length > 0) {

blocks/property-listing/property-listing.js

@@ -1,4 +1,4 @@
-import { getMetadata, readBlockConfig } from '../../scripts/lib-franklin.js';
+import { getMetadata, readBlockConfig } from '../../scripts/aem.js';
 import ApplicationType from '../../scripts/apis/creg/ApplicationType.js';
 import SearchType, { searchTypeFor } from '../../scripts/apis/creg/SearchType.js';
 import PropertyType from '../../scripts/apis/creg/PropertyType.js';

blocks/property-result-map/map-delayed.js

@@ -1,7 +1,7 @@
 /* global google */
 /* eslint-disable no-param-reassign,  no-shadow,  prefer-rest-params */
 
-import { fetchPlaceholders } from '../../scripts/lib-franklin.js';
+import { fetchPlaceholders } from '../../scripts/aem.js';
 import { removeFilterValue, searchProperty, setFilterValue } from '../property-search-bar/filter-processor.js';
 import Template from './Template.js';
 import SearchParameters from '../../scripts/apis/creg/SearchParameters.js';

blocks/quote/quote.js

@@ -1,4 +1,4 @@
-import { readBlockConfig } from '../../scripts/lib-franklin.js';
+import { readBlockConfig } from '../../scripts/aem.js';
 
 export default async function decorate(block) {
   const config = readBlockConfig(block);

blocks/shared/search-countries/search-countries.js

@@ -1,6 +1,6 @@
 import {
   loadCSS,
-} from '../../../scripts/lib-franklin.js';
+} from '../../../scripts/aem.js';
 
 const imgHTML = (country) => `<img src="/icons/flags/${country}.png" alt="${country}" class="label-image" role="presentation" aria-hidden="true" tabIndex="-1" height="25" width="25"/>${country}`;
 
@@ -64,9 +64,7 @@ export async function build(...callbacks) {
     return undefined;
   }
 
-  await new Promise((resolve) => {
-    loadCSS(`${window.hlx.codeBasePath}/blocks/shared/search-countries/search-countries.css`, resolve);
-  });
+  await loadCSS(`${window.hlx.codeBasePath}/blocks/shared/search-countries/search-countries.css`);
 
   const tmp = document.createElement('div');
   tmp.innerHTML = await resp.text();

head.html

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