at-builder 1.4.3 → 1.4.4

package/.claude/settings.local.json

@@ -70,7 +70,8 @@
       "Bash(ACTIVITY_FOLDER_NAME=\"UPSDDO - 7313 - AB-26.3.1 - Left Hand Navigation With Flyout - Dashboard - EWS - FWS - Tracking - Support Portal - Billing - Pickup - Claims\" atb build --prod)",
       "Bash(grep -oE \"\\\\\\([a-z-]+\\\\\\)$\")",
       "Bash(awk '/^ERROR in/{flag=1; next} /^WARNING in/{flag=0; next} flag')",
-      "Bash(git commit -m 'fix\\(eslint\\): honor consumer ESLint config as sole authority + 2 FlatCompat bugs *)"
+      "Bash(git commit -m 'fix\\(eslint\\): honor consumer ESLint config as sole authority + 2 FlatCompat bugs *)",
+      "Bash(git commit -m 'feat\\(wrapper\\): configurable TARGET_BUILD_PREFIX + per-asset contentHash in window flag *)"
     ]
   }
 }

package/bin/constants/config.js

@@ -119,7 +119,7 @@ var setupEnv = function (basePath) { return __awaiter(void 0, void 0, void 0, fu
         envPath = path_1.default.join(basePath, '.env');
         // Check if the .env file exists
         if (!fs_1.default.existsSync(envPath)) {
-            envContent = "\nACTIVITIES_BASE_FOLDER=\"Activities\"\nACTIVITY_FOLDER_NAME=\"\"\nPUPPETEER_LANDING_PAGE=\"\"\nTARGET_URL=\"\"\nLOGIN_URL=\"\"\n\n# Dev-server selection (used by `atb dev --browser`).\n# Edit and save while puppeteer is running to hot-swap the previewed bundle.\n# PAGE is only meaningful for multi-page activities \u2014 leave empty otherwise.\nVARIATION=\"Variation-1\"\nPAGE=\"\"\n\nNODE_ENV=\"development\"\nVERBOSE=false\n\n# Adobe Target Deployment Configuration\n# ADOBE_TENANT is your AT tenant slug \u2014 find it in the AT URL after \"mc.adobe.io/\".\nADOBE_TENANT=\"\"\nADOBE_CLIENT_ID=\"\"\nADOBE_CLIENT_SECRET=\"\"\n    ";
+            envContent = "\nACTIVITIES_BASE_FOLDER=\"Activities\"\nACTIVITY_FOLDER_NAME=\"\"\nPUPPETEER_LANDING_PAGE=\"\"\nTARGET_URL=\"\"\nLOGIN_URL=\"\"\n\n# Dev-server selection (used by `atb dev --browser`).\n# Edit and save while puppeteer is running to hot-swap the previewed bundle.\n# PAGE is only meaningful for multi-page activities \u2014 leave empty otherwise.\nVARIATION=\"Variation-1\"\nPAGE=\"\"\n\nNODE_ENV=\"development\"\nVERBOSE=false\n\n# Build wrapper config.\n# TARGET_BUILD_PREFIX customizes the window flag baked into each build \u2014\n# rendered as window.${TARGET_BUILD_PREFIX}_${contentHash}_${hash}. Defaults\n# to \"TargetBuild\" when empty. Useful when multiple at-builder activities\n# end up loaded on the same page and you want each project's flag namespaced.\nTARGET_BUILD_PREFIX=\"\"\n\n# Adobe Target Deployment Configuration\n# ADOBE_TENANT is your AT tenant slug \u2014 find it in the AT URL after \"mc.adobe.io/\".\nADOBE_TENANT=\"\"\nADOBE_CLIENT_ID=\"\"\nADOBE_CLIENT_SECRET=\"\"\n    ";
             // Write the content to the .env file
             fs_1.default.writeFileSync(envPath, envContent.trim(), 'utf8');
             console.log('.env file created successfully!');

package/bin/services/doctor.js

@@ -655,7 +655,7 @@ var createEnvFile = function (projectPath) { return __awaiter(void 0, void 0, vo
     var envPath, envContent;
     return __generator(this, function (_a) {
         envPath = path_1.default.join(projectPath, '.env');
-        envContent = "ACTIVITIES_BASE_FOLDER=\"Activities\"\nACTIVITY_FOLDER_NAME=\"\"\nPUPPETEER_LANDING_PAGE=\"\"\nTARGET_URL=\"\"\nLOGIN_URL=\"\"\n\n# Dev-server selection (used by `atb dev --browser`).\n# Edit and save while puppeteer is running to hot-swap the previewed bundle.\n# PAGE is only meaningful for multi-page activities \u2014 leave empty otherwise.\nVARIATION=\"Variation-1\"\nPAGE=\"\"\n\nNODE_ENV=\"development\"\nVERBOSE=false\n\n# Adobe Target Deployment Configuration\n# ADOBE_TENANT is your AT tenant slug \u2014 find it in the AT URL after \"mc.adobe.io/\".\nADOBE_TENANT=\"\"\nADOBE_CLIENT_ID=\"\"\nADOBE_CLIENT_SECRET=\"\"";
+        envContent = "ACTIVITIES_BASE_FOLDER=\"Activities\"\nACTIVITY_FOLDER_NAME=\"\"\nPUPPETEER_LANDING_PAGE=\"\"\nTARGET_URL=\"\"\nLOGIN_URL=\"\"\n\n# Dev-server selection (used by `atb dev --browser`).\n# Edit and save while puppeteer is running to hot-swap the previewed bundle.\n# PAGE is only meaningful for multi-page activities \u2014 leave empty otherwise.\nVARIATION=\"Variation-1\"\nPAGE=\"\"\n\nNODE_ENV=\"development\"\nVERBOSE=false\n\n# Build wrapper config.\n# TARGET_BUILD_PREFIX customizes the window flag baked into each build \u2014\n# rendered as window.${TARGET_BUILD_PREFIX}_${contentHash}_${hash}. Defaults\n# to \"TargetBuild\" when empty. Useful when multiple at-builder activities\n# end up loaded on the same page and you want each project's flag namespaced.\nTARGET_BUILD_PREFIX=\"\"\n\n# Adobe Target Deployment Configuration\n# ADOBE_TENANT is your AT tenant slug \u2014 find it in the AT URL after \"mc.adobe.io/\".\nADOBE_TENANT=\"\"\nADOBE_CLIENT_ID=\"\"\nADOBE_CLIENT_SECRET=\"\"";
         try {
             fs_1.default.writeFileSync(envPath, envContent, 'utf8');
             return [2 /*return*/, true];

package/lib/CustomWrapperPlugin.js

@@ -1,5 +1,7 @@
 'use strict';
 
+const crypto = require('crypto');
+
 /**
  * A custom Webpack plugin to wrap bundled assets with a header and footer.
  */
@@ -35,7 +37,22 @@ class CustomWrapperPlugin {
                         if (this.options.test && this.options.test.test(pathname)) {
                             const asset = compilation.getAsset(pathname);
                             const source = asset.source.source();
-                            const args = { hash: compilation.hash };
+                            // contentHash is derived from the asset's source so
+                            // it changes whenever the bundled output changes,
+                            // independent of the compilation-wide `hash`. Both
+                            // are exposed so consumers can reference either or
+                            // combine them (e.g. for a window-flag id that's
+                            // unique per-asset AND per-build).
+                            const contentHash = crypto
+                                .createHash('md5')
+                                .update(typeof source === 'string' ? source : Buffer.from(source))
+                                .digest('hex')
+                                .slice(0, 20);
+                            const args = {
+                                hash: compilation.hash,
+                                contentHash,
+                                pathname
+                            };
 
                             const wrappedSource =
                                 (typeof this.options.header === 'function'

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "at-builder",
-    "version": "1.4.3",
+    "version": "1.4.4",
     "main": "bin/index.js",
     "bin": {
         "atb": "bin/index.js"

package/src/constants/config.ts

@@ -157,6 +157,13 @@ PAGE=""
 NODE_ENV="development"
 VERBOSE=false
 
+# Build wrapper config.
+# TARGET_BUILD_PREFIX customizes the window flag baked into each build —
+# rendered as window.\${TARGET_BUILD_PREFIX}_\${contentHash}_\${hash}. Defaults
+# to "TargetBuild" when empty. Useful when multiple at-builder activities
+# end up loaded on the same page and you want each project's flag namespaced.
+TARGET_BUILD_PREFIX=""
+
 # Adobe Target Deployment Configuration
 # ADOBE_TENANT is your AT tenant slug — find it in the AT URL after "mc.adobe.io/".
 ADOBE_TENANT=""

package/src/services/doctor.ts

@@ -558,6 +558,13 @@ PAGE=""
 NODE_ENV="development"
 VERBOSE=false
 
+# Build wrapper config.
+# TARGET_BUILD_PREFIX customizes the window flag baked into each build —
+# rendered as window.\${TARGET_BUILD_PREFIX}_\${contentHash}_\${hash}. Defaults
+# to "TargetBuild" when empty. Useful when multiple at-builder activities
+# end up loaded on the same page and you want each project's flag namespaced.
+TARGET_BUILD_PREFIX=""
+
 # Adobe Target Deployment Configuration
 # ADOBE_TENANT is your AT tenant slug — find it in the AT URL after "mc.adobe.io/".
 ADOBE_TENANT=""

package/webpack.config.js

@@ -222,8 +222,17 @@ const plugins = [
     new WrapperPlugin({
         test: /\.js$/,
         header: function (_, args) {
-            //Handle target issue for reloading the styles.
-            let _uniqueTestId = `TargetBuild_${args.hash}`;
+            // The window flag has to be unique per build so a fresh injection
+            // doesn't no-op against a stale flag from the previous version.
+            // Includes both contentHash (asset-content scoped) and hash
+            // (compilation scoped) so it changes whenever either does.
+            //
+            // Prefix is configurable per project via TARGET_BUILD_PREFIX in .env
+            // (defaults to "TargetBuild") — useful when multiple at-builder
+            // activities load on the same page and you want each one's flag
+            // namespaced.
+            const prefix = (process.env.TARGET_BUILD_PREFIX || 'TargetBuild').trim() || 'TargetBuild';
+            const _uniqueTestId = `${prefix}_${args.contentHash}_${args.hash}`;
             args._uniqueTestId = _uniqueTestId;
             return `
     (function(){