MWPW-161273 Standalone Gnav needs a release cycle

libs/navigation/navigation.js

@@ -47,7 +47,7 @@ function getParamsConfigs(configs) {
   }, {});
 }
 
-export default async function loadBlock(configs, customLib) {
+export default async function loadBlock(configs, customLib, path = 'feds-gnav') {
   const {
     header,
     footer,
@@ -57,24 +57,24 @@ export default async function loadBlock(configs, customLib) {
     theme,
   } = configs || {};
   const branch = new URLSearchParams(window.location.search).get('navbranch');
-  const miloLibs = branch ? `https://${branch}--milo--adobecom.hlx.page` : customLib || envMap[env];
+  const miloLibs = branch ? `https://${branch}--milo--adobecom.hlx.page/${path}` : customLib || `${envMap[env]}/${path}`;
   if (!header && !footer) {
     // eslint-disable-next-line no-console
     console.error('Global navigation Error: header and footer configurations are missing.');
     return;
   }
   // Relative path can't be used, as the script will run on consumer's app
   const [{ default: bootstrapBlock }, { default: locales }, { setConfig }] = await Promise.all([
-    import(`${miloLibs}/libs/navigation/bootstrapper.js`),
-    import(`${miloLibs}/libs/utils/locales.js`),
-    import(`${miloLibs}/libs/utils/utils.js`),
+    import(`${miloLibs}/navigation/bootstrapper.js`),
+    import(`${miloLibs}/utils/locales.js`),
+    import(`${miloLibs}//utils/utils.js`),
   ]);
 
   const paramConfigs = getParamsConfigs(configs, miloLibs);
   const clientConfig = {
     clientEnv: env,
     origin: `https://main--federal--adobecom.hlx.${env === 'prod' ? 'live' : 'page'}`,
-    miloLibs: `${miloLibs}/libs`,
+    miloLibs,
     pathname: `/${locale}`,
     locales: configs.locales || locales,
     contentRoot: authoringPath || footer.authoringPath,
@@ -87,7 +87,7 @@ export default async function loadBlock(configs, customLib) {
     const configBlock = configs[block.key];
     try {
       if (configBlock) {
-        await bootstrapBlock(`${miloLibs}/libs`, {
+        await bootstrapBlock(miloLibs, {
           ...block,
           ...(block.key === 'header' && {
             unavComponents: configBlock.unav?.unavComponents,

test/navigation/navigation.test.js

@@ -25,15 +25,15 @@ describe('Navigation component', async () => {
   });
 
   it('Renders the footer block', async () => {
-    await loadBlock({ authoringPath: '/federal/dev', footer: { privacyId: '12343' }, env: 'qa' }, 'http://localhost:2000');
+    await loadBlock({ authoringPath: '/federal/dev', footer: { privacyId: '12343' }, env: 'qa' }, miloLibs);
     const el = document.getElementsByTagName('footer');
     expect(el).to.exist;
   });
 
   it('Renders the footer block should not load when config is not passed', async () => {
     try {
       const onError = stub();
-      await loadBlock({ authoringPath: '/federal/dev-new', env: 'qa', footer: { privacyId: '12343' }, header: { onError } }, 'http://localhost:2000');
+      await loadBlock({ authoringPath: '/federal/dev-new', env: 'qa', footer: { privacyId: '12343' }, header: { onError } }, miloLibs);
       const el = document.getElementsByTagName('footer');
       expect(el).to.not.exist;
       expect(onError.called).to.be.true;
@@ -44,15 +44,15 @@ describe('Navigation component', async () => {
 
   it('Renders the header block', async () => {
     const onReady = stub();
-    await loadBlock({ authoringPath: '/federal/dev', header: { imsClientId: 'fedsmilo', onReady }, env: 'prod' }, 'http://localhost:2000');
+    await loadBlock({ authoringPath: '/federal/dev', header: { imsClientId: 'fedsmilo', onReady }, env: 'prod' }, miloLibs);
     const el = document.getElementsByTagName('header');
     expect(el).to.exist;
     expect(onReady.called).to.be.true;
   });
 
   it('Does not render either header or footer if not found in configs', async () => {
     document.body.innerHTML = await readFile({ path: './mocks/body.html' });
-    await loadBlock({ authoringPath: '/federal/dev', env: 'qa' }, 'http://localhost:2000');
+    await loadBlock({ authoringPath: '/federal/dev', env: 'qa' }, miloLibs);
     const header = document.getElementsByTagName('header');
     const footer = document.getElementsByTagName('footer');
     expect(header).to.be.empty;
@@ -69,7 +69,7 @@ describe('Navigation component', async () => {
   });
 
   it('Renders the footer block with authoringpath passed in footer', async () => {
-    await loadBlock({ footer: { privacyId: '12343', authoringPath: '/federal/dev' }, env: 'qa' }, 'http://localhost:2000');
+    await loadBlock({ footer: { privacyId: '12343', authoringPath: '/federal/dev' }, env: 'qa' }, miloLibs);
     const el = document.getElementsByTagName('footer');
     expect(el).to.exist;
   });