at-builder 1.4.3 → 1.4.5

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.5",
     "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(){

package/.claude/settings.local.json

@@ -1,76 +0,0 @@
-{
-  "permissions": {
-    "allow": [
-      "Bash(npm run *)",
-      "Bash(npm install *)",
-      "Bash(/Users/upesenga/Documents/Projects/AT/at-builder/node_modules/.bin/tsc *)",
-      "Bash(node /Users/upesenga/Documents/Projects/AT/at-builder/bin/index.js)",
-      "Bash(node /Users/upesenga/Documents/Projects/AT/at-builder/bin/index.js --help)",
-      "Bash(node /Users/upesenga/Documents/Projects/AT/at-builder/bin/index.js sync --help)",
-      "Bash(node /Users/upesenga/Documents/Projects/AT/at-builder/bin/index.js deploy --help)",
-      "Bash(node --check /Users/upesenga/Documents/Projects/AT/at-builder/lib/at-deploy.js)",
-      "Bash(node --check /Users/upesenga/Documents/Projects/AT/at-builder/lib/at-sync.js)",
-      "Bash(node --check /Users/upesenga/Documents/Projects/AT/at-builder/webpack.config.js)",
-      "Bash(node *)",
-      "Bash(plop --help)",
-      "Bash(plop page *)",
-      "Bash(git rev-list *)",
-      "Bash(PATH=/dev/null node /Users/upesenga/Documents/Projects/AT/at-builder/bin/index.js install-extension)",
-      "Bash(git commit -m 'chore: drop broken postinstall reference, ignore test/ sandbox *)",
-      "Bash(git commit -m 'fix\\(plop\\): random windowFlagName per activity *)",
-      "Bash(git commit -m 'feat: doctor build.config validation, .env consolidation, install-extension command *)",
-      "Bash(git commit -m 'docs: document local-dev workflow \\(yarn link + npm pack\\) *)",
-      "Bash(git fetch *)",
-      "Bash(git check-ignore *)",
-      "Bash(git commit -m 'docs: move local-dev guide to standalone DEVELOPMENT.md *)",
-      "Bash(git add *)",
-      "Bash(atb --version)",
-      "Bash(atb --help)",
-      "Bash(tar tzf *)",
-      "Bash(npm ls *)",
-      "Bash(/usr/local/bin/atb --version)",
-      "Bash(grep -E \"\\(at-deploy|at-sync|index\\\\.js|\\\\.vsix|package\\\\.json\\)$\")",
-      "Bash(npm pack *)",
-      "Bash(tar xzf *)",
-      "Bash(tar xzOf at-builder-1.3.0.tgz package/package.json)",
-      "Bash(git commit -m '1.3.0 *)",
-      "Read(//usr/local/lib/node_modules/at-builder/bin/**)",
-      "Read(//Users/upesenga/.nvm/versions/node/v22.12.0/lib/node_modules/at-builder/bin/**)",
-      "Read(//usr/local/share/.config/yarn/link/**)",
-      "Bash(npm uninstall *)",
-      "Bash(/Users/upesenga/.nvm/versions/node/v22.12.0/bin/atb --version)",
-      "Bash(/Users/upesenga/.nvm/versions/node/v22.12.0/bin/atb --help)",
-      "Bash(/Users/upesenga/.nvm/versions/node/v22.12.0/lib/node_modules/at-builder/bin/index.js --version)",
-      "Bash(tar xzOf /Users/upesenga/Documents/Projects/AT/at-builder/at-builder-1.3.0.tgz package/package.json)",
-      "Bash(npm config *)",
-      "Bash(npm cache *)",
-      "Bash(git commit -m 'docs: capture two install-time gotchas hit during 1.3.0 verification *)",
-      "Bash(kill %1)",
-      "Bash(git commit -m 'fix\\(eslint-plugin\\): pass overrideConfigFile: true so build doesn'\\\\''t require consumer eslint.config.js *)",
-      "Bash(yarn global *)",
-      "Bash(ls -la \"$\\(yarn global bin\\)/atb\")",
-      "Bash(ls -la \"$\\(yarn global dir \\)/node_modules/at-builder\")",
-      "Bash(git commit -m 'fix: surface ESLint error detail and clean up atb deploy build-failure exit *)",
-      "Bash(git commit -m 'fix\\(webpack\\): emit correct `variation=` attribute on at-build.html script tag *)",
-      "Bash(yarn install *)",
-      "Bash(git rm *)",
-      "Bash(git commit -m 'chore\\(deps\\): drop unused/deprecated deps + migrate qs to URLSearchParams *)",
-      "Bash(git commit -m 'fix\\(config\\): stop printing red \"Error reading .env\" on every atb invocation *)",
-      "Bash(yarn why *)",
-      "Bash(git commit -m 'fix\\(plop\\): trim whitespace on all atb new text prompts *)",
-      "Bash(atb install-extension *)",
-      "Bash(git commit -m 'feat\\(install-extension\\): first-class support for Antigravity IDE \\(agy\\) *)",
-      "Bash(npm whoami *)",
-      "Bash(npm view *)",
-      "Bash(git tag *)",
-      "Bash(git push *)",
-      "Bash(npm publish *)",
-      "Bash(git commit -m 'feat\\(eslint\\): honor consumer .eslintrc.* via FlatCompat *)",
-      "Bash(atb build *)",
-      "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 *)"
-    ]
-  }
-}

package/.plop/index.js

@@ -1,5 +0,0 @@
-const components = require("./generators/components");
-
-module.exports = function (plop) {
-    plop.setGenerator('components', components );
-};

package/CustomWrapperPlugin.js

@@ -1,61 +0,0 @@
-'use strict';
-
-/**
- * A custom Webpack plugin to wrap bundled assets with a header and footer.
- */
-class CustomWrapperPlugin {
-    /**
-     * Creates an instance of CustomWrapperPlugin.
-     * @param {object} options - The plugin options.
-     * @param {RegExp} options.test - A regular expression to match file paths that should be wrapped.
-     * @param {string|Function} [options.header=''] - The content to prepend to the file. Can be a string or a function that returns a string.
-     * @param {string|Function} [options.footer=''] - The content to append to the file. Can be a string or a function that returns a string.
-     */
-    constructor(options) {
-        this.options = options || {};
-    }
-
-    /**
-     * Applies the plugin to the Webpack compiler.
-     * @param {import('webpack').Compiler} compiler - The Webpack compiler instance.
-     */
-    apply(compiler) {
-        const pluginName = this.constructor.name;
-        const { webpack } = compiler;
-        const { Compilation } = webpack;
-
-        compiler.hooks.thisCompilation.tap(pluginName, (compilation) => {
-            compilation.hooks.processAssets.tap(
-                {
-                    name: pluginName,
-                    stage: Compilation.PROCESS_ASSETS_STAGE_SUMMARIZE
-                },
-                (assets) => {
-                    for (const pathname in assets) {
-                        if (this.options.test && this.options.test.test(pathname)) {
-                            const asset = compilation.getAsset(pathname);
-                            const source = asset.source.source();
-                            const args = { hash: compilation.hash };
-
-                            const wrappedSource =
-                                (typeof this.options.header === 'function'
-                                    ? this.options.header(source, args)
-                                    : this.options.header || '') +
-                                source +
-                                (typeof this.options.footer === 'function'
-                                    ? this.options.footer(source, args)
-                                    : this.options.footer || '');
-
-                            compilation.updateAsset(
-                                pathname,
-                                new webpack.sources.RawSource(wrappedSource)
-                            );
-                        }
-                    }
-                }
-            );
-        });
-    }
-}
-
-export default CustomWrapperPlugin;

package/package/package.json

@@ -1,86 +0,0 @@
-{
-    "name": "at-builder",
-    "version": "1.3.0",
-    "main": "bin/index.js",
-    "bin": {
-        "atb": "bin/index.js"
-    },
-    "scripts": {
-        "build:atb": "tsc",
-        "build:atb:dev": "tsc -w",
-        "atb:build:prod": "cross-env NODE_ENV=production webpack",
-        "atb:build:dev": "webpack -- -w",
-        "atb:build:dev:puppeteer": "webpack -- -w & npm run atb:puppeteer",
-        "atb:puppeteer": "node puppeteer.js $b",
-        "atb:plop:new:activity": "plop page",
-        "atb:build:deploy": "node lib/at-deploy.js",
-        "atb:build:sync": "node lib/at-sync.js"
-    },
-    "author": "Upendra Sengar <upendrasengar456@gmail.com>",
-    "license": "MIT",
-    "dependencies": {
-        "@babel/core": "^7.26.9",
-        "@babel/eslint-parser": "^7.26.8",
-        "@babel/plugin-proposal-class-properties": "^7.18.6",
-        "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-        "@babel/plugin-transform-runtime": "^7.18.9",
-        "@babel/preset-env": "^7.18.9",
-        "@babel/preset-react": "^7.18.6",
-        "@eslint/js": "^9.20.0",
-        "@types/node": "^22.13.2",
-        "async": "^3.2.3",
-        "axios": "^1.12.2",
-        "babel-loader": "^9.2.1",
-        "babel-plugin-transform-async-to-generator": "^6.24.1",
-        "build": "^0.1.4",
-        "chokidar": "^4.0.3",
-        "cli-color": "^2.0.3",
-        "commander": "^13.1.0",
-        "cross-env": "^7.0.3",
-        "css-loader": "^7.1.2",
-        "dotenv": "16.4.5",
-        "eslint": "^9.20.1",
-        "eslint-webpack-plugin": "^4.2.0",
-        "globals": "^15.15.0",
-        "inquirer": "^12.4.1",
-        "kleur": "^4.1.5",
-        "plop": "^4.0.1",
-        "postcss": "^8.4.12",
-        "postcss-loader": "^8.1.1",
-        "postcss-preset-env": "^10.1.4",
-        "puppeteer": "^24.2.0",
-        "querystring": "^0.2.1",
-        "readline": "^1.3.0",
-        "sass": "^1.53.0",
-        "sass-loader": "^16.0.4",
-        "style-loader": "^4.0.0",
-        "terser-webpack-plugin": "^5.3.3",
-        "ts-loader": "^9.3.1",
-        "typescript": "^5.7.3",
-        "typescript-eslint": "^8.24.1",
-        "webpack": "^5.72.0",
-        "webpack-cli": "^6.0.1",
-        "wrapper-webpack-plugin": "^2.1.0"
-    },
-    "description": "[![npm version](https://badge.fury.io/js/at-builder.svg)](https://www.npmjs.com/package/at-builder)   [![License](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE)",
-    "directories": {
-        "lib": "lib",
-        "test": "test"
-    },
-    "devDependencies": {
-        "@babel/runtime": "^7.29.2"
-    },
-    "repository": {
-        "type": "git",
-        "url": "git+https://github.com/upesenga/at-builder.git"
-    },
-    "keywords": [],
-    "bugs": {
-        "url": "https://github.com/upesenga/at-builder/issues"
-    },
-    "homepage": "https://github.com/upesenga/at-builder#readme",
-    "engines": {
-        "node": ">=16.0.0"
-    },
-    "packageManager": "yarn@1.22.22+sha1.ac34549e6aa8e7ead463a7407e1c7390f61a6610"
-}