chore(atomic)!: externalize dependencies

.deployment.config.json

@@ -16,99 +16,99 @@
   },
   "ordered_phases": [
     {
-      "id": "deploy-headless-patch-to-s3-version",
+      "id": "deploy-bueno-patch-to-s3-version",
       "s3": {
         "bucket": "{terraform.infra.infra.bucket_binaries}",
-        "directory": "proda/StaticCDN/headless/v$[HEADLESS_PATCH_VERSION]",
-        "source": "packages/headless/dist/browser",
+        "directory": "proda/StaticCDN/bueno/v$[BUENO_PATCH_VERSION]",
+        "source": "packages/bueno/dist/browser",
         "parameters": {
           "acl": "public-read"
         }
       }
     },
     {
-      "id": "deploy-headless-minor-to-s3-version",
+      "id": "deploy-bueno-minor-to-s3-version",
       "s3": {
         "bucket": "{terraform.infra.infra.bucket_binaries}",
-        "directory": "proda/StaticCDN/headless/v$[HEADLESS_MINOR_VERSION]",
-        "source": "packages/headless/dist/browser",
+        "directory": "proda/StaticCDN/bueno/v$[BUENO_MINOR_VERSION]",
+        "source": "packages/bueno/dist/browser",
         "parameters": {
           "acl": "public-read"
         }
       }
     },
     {
-      "id": "deploy-headless-major-to-s3-version",
+      "id": "deploy-bueno-major-to-s3-version",
       "s3": {
         "bucket": "{terraform.infra.infra.bucket_binaries}",
-        "directory": "proda/StaticCDN/headless/v$[HEADLESS_MAJOR_VERSION]",
-        "source": "packages/headless/dist/browser",
+        "directory": "proda/StaticCDN/bueno/v$[BUENO_MAJOR_VERSION]",
+        "source": "packages/bueno/dist/browser",
         "parameters": {
           "acl": "public-read"
         }
       }
     },
     {
-      "id": "deploy-atomic-patch-to-s3-version",
+      "id": "deploy-headless-patch-to-s3-version",
       "s3": {
         "bucket": "{terraform.infra.infra.bucket_binaries}",
-        "directory": "proda/StaticCDN/atomic/v$[ATOMIC_PATCH_VERSION]",
-        "source": "packages/atomic/dist/atomic",
+        "directory": "proda/StaticCDN/headless/v$[HEADLESS_PATCH_VERSION]",
+        "source": "packages/headless/dist/browser",
         "parameters": {
           "acl": "public-read"
         }
       }
     },
     {
-      "id": "deploy-atomic-minor-to-s3-version",
+      "id": "deploy-headless-minor-to-s3-version",
       "s3": {
         "bucket": "{terraform.infra.infra.bucket_binaries}",
-        "directory": "proda/StaticCDN/atomic/v$[ATOMIC_MINOR_VERSION]",
-        "source": "packages/atomic/dist/atomic",
+        "directory": "proda/StaticCDN/headless/v$[HEADLESS_MINOR_VERSION]",
+        "source": "packages/headless/dist/browser",
         "parameters": {
           "acl": "public-read"
         }
       }
     },
     {
-      "id": "deploy-atomic-major-to-s3-version",
+      "id": "deploy-headless-major-to-s3-version",
       "s3": {
         "bucket": "{terraform.infra.infra.bucket_binaries}",
-        "directory": "proda/StaticCDN/atomic/v$[ATOMIC_MAJOR_VERSION]",
-        "source": "packages/atomic/dist/atomic",
+        "directory": "proda/StaticCDN/headless/v$[HEADLESS_MAJOR_VERSION]",
+        "source": "packages/headless/dist/browser",
         "parameters": {
           "acl": "public-read"
         }
       }
     },
     {
-      "id": "deploy-atomic-headless-patch-to-s3-version",
+      "id": "deploy-atomic-patch-to-s3-version",
       "s3": {
         "bucket": "{terraform.infra.infra.bucket_binaries}",
-        "directory": "proda/StaticCDN/atomic/v$[ATOMIC_PATCH_VERSION]/headless",
-        "source": "packages/headless/dist/browser",
+        "directory": "proda/StaticCDN/atomic/v$[ATOMIC_PATCH_VERSION]",
+        "source": "packages/atomic/dist/atomic",
         "parameters": {
           "acl": "public-read"
         }
       }
     },
     {
-      "id": "deploy-atomic-headless-minor-to-s3-version",
+      "id": "deploy-atomic-minor-to-s3-version",
       "s3": {
         "bucket": "{terraform.infra.infra.bucket_binaries}",
-        "directory": "proda/StaticCDN/atomic/v$[ATOMIC_MINOR_VERSION]/headless",
-        "source": "packages/headless/dist/browser",
+        "directory": "proda/StaticCDN/atomic/v$[ATOMIC_MINOR_VERSION]",
+        "source": "packages/atomic/dist/atomic",
         "parameters": {
           "acl": "public-read"
         }
       }
     },
     {
-      "id": "deploy-atomic-headless-major-to-s3-version",
+      "id": "deploy-atomic-major-to-s3-version",
       "s3": {
         "bucket": "{terraform.infra.infra.bucket_binaries}",
-        "directory": "proda/StaticCDN/atomic/v$[ATOMIC_MAJOR_VERSION]/headless",
-        "source": "packages/headless/dist/browser",
+        "directory": "proda/StaticCDN/atomic/v$[ATOMIC_MAJOR_VERSION]",
+        "source": "packages/atomic/dist/atomic",
         "parameters": {
           "acl": "public-read"
         }

.github/actions/setup/action.yml

@@ -46,3 +46,7 @@ runs:
     # - if: steps.nx-cache.outputs.cache-hit != 'true'
     - run: npm run build
       shell: bash
+    - name: Run step only if DEPLOYMENT_ENVIRONMENT is CDN
+      if: env.DEPLOYMENT_ENVIRONMENT == 'CDN'
+      run: npm run prepare-for-cdn
+      shell: bash

package.json

@@ -23,7 +23,8 @@
     "release:phase1": "nx run-many --targets=release:phase1 --all --parallel=false --output-style=stream",
     "release:phase2": "npm run-script -w=@coveo/release reify",
     "release:phase3": "npm run-script -w=@coveo/release git-publish-all",
-    "release:phase4": "nx run-many --targets=release:phase4 --all"
+    "release:phase4": "nx run-many --targets=release:phase4 --all",
+    "release:prepare-cdn": "node ./scripts/deploy/replace-external-deps-with-cdn.mjs"
   },
   "devDependencies": {
     "@actions/core": "1.10.1",

packages/atomic/package.json

@@ -66,7 +66,6 @@
     "@axe-core/playwright": "4.9.1",
     "@babel/core": "7.24.9",
     "@coveo/atomic": "file:.",
-    "@coveo/headless": "2.80.0",
     "@coveo/release": "1.0.0",
     "@custom-elements-manifest/analyzer": "0.10.3",
     "@fullhuman/postcss-purgecss": "6.0.0",

packages/atomic/src/pages/index.html

@@ -4,7 +4,6 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0" />
     <title>Coveo Atomic</title>
-
     <script type="module" src="/build/atomic.esm.js"></script>
     <script nomodule src="/build/atomic.js"></script>
     <link rel="icon" href="data:," />
@@ -20,6 +19,7 @@
         organizationEndpoints: await searchInterface.getOrganizationEndpoints('searchuisamples'),
       });
 
+      // Trigger a first search
       // Trigger a first search
       searchInterface.executeFirstSearch();
 

packages/atomic/stencil.config.ts

@@ -183,60 +183,62 @@ export const config: Config = {
   ],
   rollupPlugins: {
     before: [
-      isDevWatch &&
-        alias({
-          entries: [
-            {
-              find: '@coveo/headless/case-assist',
-              replacement: path.resolve(
-                __dirname,
-                './src/external-builds/case-assist/headless.esm.js'
-              ),
-            },
-            {
-              find: '@coveo/headless/commerce',
-              replacement: path.resolve(
-                __dirname,
-                './src/external-builds/commerce/headless.esm.js'
-              ),
-            },
-            {
-              find: '@coveo/headless/recommendation',
-              replacement: path.resolve(
-                __dirname,
-                './src/external-builds/recommendation/headless.esm.js'
-              ),
-            },
-            {
-              find: '@coveo/headless/commerce',
-              replacement: path.resolve(
-                __dirname,
-                './src/external-builds/commerce/headless.esm.js'
-              ),
-            },
-            {
-              find: '@coveo/headless/product-recommendation',
-              replacement: path.resolve(
-                __dirname,
-                './src/external-builds/product-recommendation/headless.esm.js'
-              ),
-            },
-            {
-              find: '@coveo/headless/insight',
-              replacement: path.resolve(
-                __dirname,
-                './src/external-builds/insight/headless.esm.js'
-              ),
-            },
-            {
-              find: '@coveo/headless',
-              replacement: path.resolve(
-                __dirname,
-                './src/external-builds/headless.esm.js'
-              ),
-            },
-          ],
-        }),
+      isDevWatch
+        ? alias({
+            entries: [
+              {
+                find: '@coveo/headless/case-assist',
+                replacement: path.resolve(
+                  __dirname,
+                  './src/external-builds/case-assist/headless.esm.js'
+                ),
+              },
+              {
+                find: '@coveo/headless/commerce',
+                replacement: path.resolve(
+                  __dirname,
+                  './src/external-builds/commerce/headless.esm.js'
+                ),
+              },
+              {
+                find: '@coveo/headless/recommendation',
+                replacement: path.resolve(
+                  __dirname,
+                  './src/external-builds/recommendation/headless.esm.js'
+                ),
+              },
+              {
+                find: '@coveo/headless/commerce',
+                replacement: path.resolve(
+                  __dirname,
+                  './src/external-builds/commerce/headless.esm.js'
+                ),
+              },
+              {
+                find: '@coveo/headless/product-recommendation',
+                replacement: path.resolve(
+                  __dirname,
+                  './src/external-builds/product-recommendation/headless.esm.js'
+                ),
+              },
+              {
+                find: '@coveo/headless/insight',
+                replacement: path.resolve(
+                  __dirname,
+                  './src/external-builds/insight/headless.esm.js'
+                ),
+              },
+              {
+                find: '@coveo/headless',
+                replacement: path.resolve(
+                  __dirname,
+                  './src/external-builds/headless.esm.js'
+                ),
+              },
+            ],
+          })
+        : externalizeDependenciesPlugin(),
+
       html({
         include: 'src/templates/**/*.html',
       }),
@@ -247,3 +249,16 @@ export const config: Config = {
     enableImportInjection: true,
   },
 };
+
+function externalizeDependenciesPlugin() {
+  return {
+    name: 'externalize-dependencies',
+    resolveId(source: string) {
+      // TODO: add bueno once it's published on the cdn and npm
+      if (/^@coveo\/(headless)/.test(source)) {
+        return false;
+      }
+      return null;
+    },
+  };
+}

scripts/deploy/execute-deployment-pipeline.mjs

@@ -4,6 +4,7 @@ import atomicHostedPageJson from '../../packages/atomic-hosted-page/package.json
 import atomicReactJson from '../../packages/atomic-react/package.json' assert {type: 'json'};
 import atomicJson from '../../packages/atomic/package.json' assert {type: 'json'};
 import headlessJson from '../../packages/headless/package.json' assert {type: 'json'};
+import buenoJson from '../../packages/bueno/package.json' assert {type: 'json'};
 
 const releaseCommit = execSync('git rev-parse HEAD').toString().trim();
 
@@ -16,12 +17,16 @@ function getVersionComposants(version) {
   };
 }
 
+const bueno = getVersionComposants(buenoJson.version);
 const headless = getVersionComposants(headlessJson.version);
 const atomic = getVersionComposants(atomicJson.version);
 const atomicReact = getVersionComposants(atomicReactJson.version);
 const atomicHostedPage = getVersionComposants(atomicHostedPageJson.version);
 console.log(execSync(`
   deployment-package package create --with-deploy \
+    --resolve BUENO_MAJOR_VERSION=${bueno.major} \
+    --resolve BUENO_MINOR_VERSION=${bueno.major}.${bueno.minor} \
+    --resolve BUENO_PATCH_VERSION=${bueno.major}.${bueno.minor}.${bueno.patch} \
     --resolve HEADLESS_MAJOR_VERSION=${headless.major} \
     --resolve HEADLESS_MINOR_VERSION=${headless.major}.${headless.minor} \
     --resolve HEADLESS_PATCH_VERSION=${headless.major}.${headless.minor}.${headless.patch} \

scripts/deploy/invalidate-cloudfront.mjs

@@ -17,6 +17,8 @@ async function main() {
     `/atomic/v${getMajorVersion('atomic')}/*`,
     '/headless/latest/*',
     `/headless/v${getMajorVersion('headless')}/*`,
+    '/bueno/latest/*',
+    `/bueno/v${getMajorVersion('bueno')}/*`,
   ];
 
   const invalidationRequest = cloudfront.createInvalidation({