@adobe/alloy 2.21.0-beta.4 → 2.21.0-beta.5

package/LICENSE_BANNER

@@ -0,0 +1,9 @@
+Copyright 2019 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.

package/babel.config.cjs

@@ -0,0 +1,93 @@
+/*
+Copyright 2021 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+
+/*
+ * This file is used in 4 scenarios:
+ * 1. Building files specified in rollup.config.js
+ * 2. Building libEs5/ files when publishing to NPM
+ * 3. Building libEs6/ files when publishing to NPM
+ * 4. Testcafe compiling clientFunctions. Unfortunately, there is no configuration I've found
+ *    to tell Testcafe not to use this file.
+ *
+ * Environments:
+ * "rollup" - Used for rollup.config.js
+ * "npmEs5" - Used for building libEs5 files when publishing to NPM
+ * "npmEs6" - Used for building libEs6 files when publishing to NPM
+ */
+
+const targets = {
+  browsers: [
+    "last 2 Chrome versions",
+    "last 2 Firefox versions",
+    "last 2 Safari versions",
+    "last 2 Edge versions",
+    "Explorer >= 10",
+  ],
+};
+
+const transformTemplateLiteralsPlugin = [
+  "@babel/plugin-transform-template-literals",
+  {
+    loose: true,
+  },
+];
+const versionPlugin = [
+  "./scripts/helpers/versionBabelPlugin",
+  { cwd: __dirname },
+];
+
+const transformModulesCommonjsPlugin = [
+  "@babel/plugin-transform-modules-commonjs",
+  {
+    strict: true,
+    noInterop: true,
+  },
+];
+
+const npmIgnoreFiles = ["src/baseCode.js"];
+
+module.exports = {
+  env: {
+    rollup: {
+      presets: [
+        [
+          "@babel/preset-env",
+          {
+            modules: false,
+            targets,
+          },
+        ],
+      ],
+      plugins: [transformTemplateLiteralsPlugin, versionPlugin],
+    },
+    npmEs5: {
+      presets: [
+        [
+          "@babel/preset-env",
+          {
+            targets,
+          },
+        ],
+      ],
+      ignore: npmIgnoreFiles,
+      plugins: [
+        transformTemplateLiteralsPlugin,
+        versionPlugin,
+        transformModulesCommonjsPlugin,
+      ],
+    },
+    npmEs6: {
+      ignore: npmIgnoreFiles,
+      plugins: [versionPlugin],
+    },
+  },
+};

package/libEs5/constants/libraryVersion.js

@@ -14,4 +14,4 @@ governing permissions and limitations under the License.
 */
 // The __VERSION__ keyword will be replace at alloy build time with the package.json version.
 // see babel-plugin-version
-var _default = exports.default = "2.21.0-beta.4";
+var _default = exports.default = "2.21.0-beta.5";

package/libEs5/core/componentCreators.js

@@ -31,9 +31,13 @@ governing permissions and limitations under the License.
 /* @skipwhen ENV.alloy_activitycollector === false */
 /* @skipwhen ENV.alloy_audiences === false */
 /* @skipwhen ENV.alloy_personalization === false */
+/* @skipwhen ENV.alloy_context === false */
+/* @skipwhen ENV.alloy_privacy === false */
 /* @skipwhen ENV.alloy_eventmerge === false */
 /* @skipwhen ENV.alloy_decisioningengine === false */
 /* @skipwhen ENV.alloy_machinelearning === false */
+/* @skipwhen ENV.alloy_streamingmedia === false */
+/* @skipwhen ENV.alloy_legacymediaanalytics === false */
 // TODO: Register the Components here statically for now. They might be registered differently.
 // TODO: Figure out how sub-components will be made available/registered
 var _default = exports.default = [_index.default, _index2.default, _index3.default, _index4.default, _index5.default, _index6.default, _index7.default, _index8.default, _index9.default, _index11.default, _index10.default, _index13.default, _index12.default];

package/libEs5/standalone.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _index = require("./core/index.js");
+/*
+Copyright 2020 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+
+// This file is used by rollup to create the browser version that is uploaded to cdn
+
+(0, _index.default)();

package/libEs6/constants/libraryVersion.js

@@ -13,4 +13,4 @@ governing permissions and limitations under the License.
 // The __VERSION__ keyword will be replace at alloy build time with the package.json version.
 // see babel-plugin-version
 
-export default "2.21.0-beta.4";
+export default "2.21.0-beta.5";

package/libEs6/core/componentCreators.js

@@ -26,7 +26,11 @@ import createAudiences from "../components/Audiences/index.js";
 
 /* @skipwhen ENV.alloy_personalization === false */
 import createPersonalization from "../components/Personalization/index.js";
+
+/* @skipwhen ENV.alloy_context === false */
 import createContext from "../components/Context/index.js";
+
+/* @skipwhen ENV.alloy_privacy === false */
 import createPrivacy from "../components/Privacy/index.js";
 
 /* @skipwhen ENV.alloy_eventmerge === false */
@@ -38,7 +42,11 @@ import createDecisioningEngine from "../components/DecisioningEngine/index.js";
 
 /* @skipwhen ENV.alloy_machinelearning === false */
 import createMachineLearning from "../components/MachineLearning/index.js";
+
+/* @skipwhen ENV.alloy_streamingmedia === false */
 import createStreamingMedia from "../components/StreamingMedia/index.js";
+
+/* @skipwhen ENV.alloy_legacymediaanalytics === false */
 import createLegacyMediaAnalytics from "../components/LegacyMediaAnalytics/index.js";
 
 // TODO: Register the Components here statically for now. They might be registered differently.

package/libEs6/standalone.js

@@ -0,0 +1,16 @@
+/*
+Copyright 2020 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+
+// This file is used by rollup to create the browser version that is uploaded to cdn
+
+import core from "./core/index.js";
+core();

package/package.json

@@ -1,17 +1,22 @@
 {
   "name": "@adobe/alloy",
-  "version": "2.21.0-beta.4",
+  "version": "2.21.0-beta.5",
   "description": "Adobe Experience Platform Web SDK",
   "type": "module",
   "main": "libEs5/index.js",
   "module": "libEs6/index.js",
   "files": [
     "libEs5",
-    "libEs6"
+    "libEs6",
+    "LICENSE_BANNER",
+    "babel.config.cjs",
+    "rollup.config.js",
+    "scripts/helpers/alloyComponents.js",
+    "scripts/helpers/conditionalBuildBabelPlugin.js",
+    "scripts/helpers/versionBabelPlugin.js"
   ],
   "bin": {
-    "alloy": "scripts/tui-builder.js",
-    "build-alloy": "scripts/build-alloy.js"
+    "alloyBuilder": "scripts/alloyBuilder.js"
   },
   "scripts": {
     "clean": "rimraf dist distTest libEs5 libEs6",
@@ -36,7 +41,7 @@
     "build": "npm run clean && rollup -c --environment BASE_CODE_MIN,STANDALONE,STANDALONE_MIN && echo \"Base Code:\" && cat distTest/baseCode.min.js",
     "build:cli": "node scripts/build-alloy.js",
     "prepare": "husky && cd sandbox && npm install",
-    "prepublishOnly": "rimraf libEs5 libEs6 && babel src -d libEs5 --env-name npmEs5 && babel src -d libEs6 --env-name npmEs6",
+    "prepack": "rimraf libEs5 libEs6 && babel src -d libEs5 --env-name npmEs5 && babel src -d libEs6 --env-name npmEs6",
     "checkthattestfilesexist": "./scripts/checkThatTestFilesExist.js",
     "add-license": "./scripts/add-license.js",
     "preinstall": "npx force-resolutions"
@@ -73,13 +78,12 @@
     "@adobe/reactor-object-assign": "^1.0.0",
     "@adobe/reactor-query-string": "^1.0.0",
     "css.escape": "^1.5.1",
-    "inquirer": "^9.2.23",
     "js-cookie": "3.0.5",
     "parse-uri": "^1.0.9",
     "uuid": "^9.0.1"
   },
   "devDependencies": {
-    "@adobe/alloy": "^2.21.0-beta.3",
+    "@adobe/alloy": "^2.21.0-beta.4",
     "@babel/cli": "^7.24.7",
     "@babel/core": "^7.24.7",
     "@babel/eslint-parser": "^7.24.7",
@@ -97,6 +101,7 @@
     "bundlesize": "^0.18.2",
     "chai": "^5.1.1",
     "chalk": "^5.3.0",
+    "commander": "^12.1.0",
     "concurrently": "^8.2.2",
     "date-fns": "^3.6.0",
     "dotenv": "^16.4.5",
@@ -112,6 +117,7 @@
     "globals": "^15.4.0",
     "handlebars": "^4.7.8",
     "husky": "^9.0.11",
+    "inquirer": "^9.2.23",
     "jasmine": "^5.1.0",
     "jasmine-core": "^5.1.2",
     "karma": "^6.4.3",
@@ -145,8 +151,7 @@
     "testcafe-reporter-junit": "^3.0.2",
     "testcafe-reporter-saucelabs": "^3.1.0",
     "url-exists-nodejs": "^0.2.4",
-    "url-parse": "^1.5.10",
-    "yargs": "^17.7.2"
+    "url-parse": "^1.5.10"
   },
   "overrides": {
     "karma-sauce-launcher": {

package/rollup.config.js

@@ -0,0 +1,164 @@
+/*
+Copyright 2019 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+
+import path from "path";
+import resolve from "@rollup/plugin-node-resolve";
+import commonjs from "@rollup/plugin-commonjs";
+import babel from "@rollup/plugin-babel";
+import terser from "@rollup/plugin-terser";
+import license from "rollup-plugin-license";
+import { fileURLToPath } from "url";
+
+// Set these boolean environment options to control which files are built:
+// build the snippet that must be add to the page
+const BASE_CODE = "BASE_CODE";
+// build the standalone distribution
+const STANDALONE = "STANDALONE";
+// build the standalone distribution, but put it in the sandbox directory
+const SANDBOX = "SANDBOX";
+// build the npm package entrypoint (createInstance)
+const NPM_PACKAGE_LOCAL = "NPM_PACKAGE_LOCAL";
+// build from the published npm package
+const NPM_PACKAGE_PROD = "NPM_PACKAGE_PROD";
+// Add "_MIN" to the end of the option name to build the minified version
+
+const dirname = path.dirname(fileURLToPath(import.meta.url));
+
+const buildPlugins = ({ variant, minify, babelPlugins }) => {
+  const plugins = [
+    resolve({
+      preferBuiltins: false,
+      // Support the browser field in dependencies' package.json.
+      // Useful for the uuid package.
+      mainFields: ["module", "main", "browser"],
+    }),
+    commonjs(),
+    babel({
+      envName: "rollup",
+      babelHelpers: "bundled",
+      configFile: path.resolve(dirname, "babel.config.cjs"),
+      plugins: babelPlugins,
+    }),
+  ];
+
+  if (minify) {
+    if (variant === BASE_CODE) {
+      plugins.push(
+        terser({
+          mangle: true,
+          compress: {
+            unused: true,
+          },
+          output: {
+            wrap_func_args: false,
+          },
+          toplevel: true,
+        }),
+      );
+    } else {
+      plugins.push(terser());
+    }
+  }
+  if (variant === STANDALONE) {
+    plugins.push(
+      license({
+        cwd: dirname,
+        banner: {
+          content: {
+            file: path.join(dirname, "LICENSE_BANNER"),
+          },
+        },
+      }),
+    );
+  }
+
+  return plugins;
+};
+
+export const buildConfig = ({
+  variant = STANDALONE,
+  minify = false,
+  babelPlugins = [],
+  input = `${dirname}/src/standalone.js`,
+  file,
+}) => {
+  const plugins = buildPlugins({ variant, minify, babelPlugins });
+  const minifiedExtension = minify ? ".min" : "";
+
+  if (variant === BASE_CODE) {
+    return {
+      input: "src/baseCode.js",
+      output: [
+        {
+          file: `distTest/baseCode${minifiedExtension}.js`,
+          format: "cjs",
+          strict: false,
+        },
+      ],
+      plugins,
+    };
+  }
+  if (variant === STANDALONE || variant === SANDBOX) {
+    const destDirectory = variant === SANDBOX ? "sandbox/public/" : "dist/";
+
+    return {
+      input,
+      output: [
+        {
+          file: file || `${destDirectory}alloy${minifiedExtension}.js`,
+          format: "iife",
+          intro:
+            "if (document.documentMode && document.documentMode < 11) {\n" +
+            "  console.warn('The Adobe Experience Cloud Web SDK does not support IE 10 and below.');\n" +
+            "  return;\n" +
+            "}\n",
+          sourcemap: variant === SANDBOX,
+        },
+      ],
+      plugins,
+    };
+  }
+
+  // NPM_PACKAGE_LOCAL or NPM_PACKAGE_PROD
+  const filename =
+    variant === NPM_PACKAGE_LOCAL ? "npmPackageLocal" : "npmPackageProd";
+
+  return {
+    input: `test/functional/helpers/${filename}.js`,
+    output: [
+      {
+        file: `distTest/${filename}${minifiedExtension}.js`,
+        format: "iife",
+      },
+    ],
+    plugins,
+  };
+};
+
+const config = [];
+
+const addConfig = (variant) => {
+  if (process.env[variant]) {
+    config.push(buildConfig({ variant, minify: false }));
+  }
+  if (process.env[`${variant}_MIN`]) {
+    config.push(buildConfig({ variant, minify: true }));
+  }
+};
+
+addConfig(BASE_CODE);
+addConfig(STANDALONE);
+addConfig(SANDBOX);
+addConfig(NPM_PACKAGE_LOCAL);
+addConfig(NPM_PACKAGE_PROD);
+
+export default config;

package/scripts/alloyBuilder.js

@@ -0,0 +1,213 @@
+#!/usr/bin/env node
+
+/*
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+
+import fs from "fs";
+import path from "path";
+import { rollup } from "rollup";
+import { Command, Option, InvalidOptionArgumentError } from "commander";
+import inquirer from "inquirer";
+import { buildConfig } from "../rollup.config.js";
+import conditionalBuildBabelPlugin from "./helpers/conditionalBuildBabelPlugin.js";
+import components from "./helpers/alloyComponents.js";
+
+const dirname = import.meta.dirname;
+let sourceRootPath = `${dirname}/../src`;
+if (!fs.existsSync(sourceRootPath)) {
+  sourceRootPath = `${dirname}/../libEs6`;
+}
+
+const getOptionalComponents = (() => {
+  const componentCreatorsPath = `${sourceRootPath}/core/componentCreators.js`;
+
+  // Read componentCreators.js
+  const componentCreatorsContent = fs.readFileSync(
+    componentCreatorsPath,
+    "utf8",
+  );
+
+  // Extract optional components based on @skipwhen directive
+  const optionalComponents = componentCreatorsContent
+    .split("\n")
+    .filter((line) => line.trim().startsWith("/* @skipwhen"))
+    .map((line) => {
+      const match = line.match(/ENV\.alloy_([a-zA-Z0-9]+) === false/);
+      if (match) {
+        const [, componentName] = match;
+        return componentName.toLowerCase(); // Ensure this matches the expected format for exclusion
+      }
+      return null;
+    })
+    .filter(Boolean);
+
+  return () => optionalComponents;
+})();
+
+const getDefaultPath = () => {
+  return process.cwd();
+};
+
+const getFile = (argv) => {
+  return `${[argv.outputDir, `alloy${argv.minify ? ".min" : ""}.js`].join(path.sep)}`;
+};
+
+const getFileSizeInKB = (filePath) => {
+  const stats = fs.statSync(filePath);
+  const fileSizeInBytes = stats.size;
+  return `${(fileSizeInBytes / 1024).toFixed(2)} K`;
+};
+
+const build = async (argv) => {
+  const rollupConfig = buildConfig({
+    input: `${sourceRootPath}/standalone.js`,
+    file: getFile(argv),
+    minify: argv.minify,
+    babelPlugins: [
+      conditionalBuildBabelPlugin(
+        argv.exclude.reduce((acc, module) => {
+          acc[`alloy_${module}`] = "false";
+          return acc;
+        }, {}),
+      ),
+    ],
+  });
+
+  const bundle = await rollup(rollupConfig);
+  await bundle.write(rollupConfig.output[0]);
+  console.log(
+    `🎉 Wrote ${
+      path.isAbsolute(argv.outputDir)
+        ? rollupConfig.output[0].file
+        : path.relative(process.cwd(), rollupConfig.output[0].file)
+    } (${getFileSizeInKB(rollupConfig.output[0].file)}).`,
+  );
+};
+
+const getMakeBuildCommand = () =>
+  new Command("build")
+    .description("Build a custom version of the alloy.js library.")
+    .addOption(
+      new Option(
+        "-e, --exclude <modules...>",
+        "optional components that can be excluded from the build",
+      )
+        .choices(getOptionalComponents())
+        .default([])
+        .argParser((value) => {
+          const modules = value.split(",");
+
+          modules.forEach((module) => {
+            if (!getOptionalComponents().includes(module))
+              throw new InvalidOptionArgumentError(
+                `Module "${module}" does not exists. Allowed choices are "${getOptionalComponents().join('", "')}".`,
+              );
+          });
+
+          return modules;
+        }),
+    )
+    .addOption(new Option("-M, --no-minify", "disable code minification"))
+    .addOption(
+      new Option(
+        "-o, --outputDir <dir>",
+        "the output directory for the generated build",
+      )
+        .default(getDefaultPath())
+        .argParser((value) => {
+          if (!path.isAbsolute(value)) {
+            value = `${getDefaultPath()}${path.sep}${value}`;
+          }
+
+          try {
+            const stats = fs.statSync(value);
+            if (!stats.isDirectory()) {
+              throw new InvalidOptionArgumentError(
+                `Output directory "${value}" is not a valid directory path.`,
+              );
+            }
+          } catch (error) {
+            throw new InvalidOptionArgumentError(
+              `Output directory "${value}" is not a valid directory path. ${error.message}`,
+            );
+          }
+
+          return value.replace(new RegExp(`${path.sep}+$`, "g"), "");
+        }),
+    )
+    .action(async (opts) => {
+      await build(opts);
+    });
+
+const getInteractiveBuildCommand = () =>
+  new Command("interactive-build")
+    .description(
+      "Interactive process that will ask a series of questions and then it will generate a build.",
+    )
+    .action(async () => {
+      await inquirer
+        .prompt([
+          {
+            type: "checkbox",
+            name: "include",
+            message: "What components should be included in your Alloy build?",
+            choices: components,
+          },
+          {
+            type: "list",
+            name: "minify",
+            message: "How would you like your JavaScript to be?",
+            choices: [
+              { name: "Minified", value: true },
+              { name: "Unminified", value: false },
+            ],
+          },
+          {
+            type: "string",
+            name: "outputDir",
+            message: "Where would you like to save the build?",
+            default: process.cwd(),
+          },
+        ])
+        .then(async (opts) => {
+          const { include } = opts;
+          const exclude = components
+            .map((v) => v.value)
+            .filter((component) => !include.includes(component));
+
+          opts.exclude = exclude;
+          delete opts.include;
+
+          await build(opts);
+        })
+        .catch((error) => {
+          if (error.isTtyError) {
+            console.error(
+              "Prompt couldn't be rendered in the current environment",
+            );
+          } else {
+            console.error("An error occurred: ", error);
+          }
+        });
+    });
+
+const program = new Command();
+
+program
+  .name("alloy")
+  .description(
+    "Tool for generating custom Adobe Experience Platform Web SDK builds.",
+  )
+  .version("1.0.0");
+
+program.addCommand(getMakeBuildCommand());
+program.addCommand(getInteractiveBuildCommand(), { isDefault: true });
+program.parse();

package/scripts/helpers/alloyComponents.js

@@ -0,0 +1,63 @@
+/*
+Copyright 2024 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+
+export default [
+  {
+    name: "Activity Collector",
+    value: "activitycollector",
+    checked: true,
+  },
+  {
+    name: "Audiences",
+    value: "audiences",
+    checked: true,
+  },
+  {
+    name: "Context",
+    value: "context",
+    checked: true,
+  },
+  {
+    name: "Decision Engine",
+    value: "decisioningengine",
+    checked: true,
+  },
+  {
+    name: "Event Merge",
+    value: "eventmerge",
+    checked: true,
+  },
+  {
+    name: "Personalization",
+    value: "personalization",
+    checked: true,
+  },
+  {
+    name: "Privacy",
+    value: "privacy",
+    checked: true,
+  },
+  {
+    name: "Streaming Media",
+    value: "streamingmedia",
+    checked: true,
+  },
+  {
+    name: "Legacy Media Analytics",
+    value: "legacymediaanalytics",
+    checked: true,
+  },
+  {
+    name: "Machine Learning",
+    value: "machinelearning",
+    checked: true,
+  },
+];

package/scripts/helpers/conditionalBuildBabelPlugin.js

@@ -0,0 +1,57 @@
+/*
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+
+export default (excludedModules) => ({
+  visitor: {
+    ImportDeclaration(path) {
+      let skipWhenComments = [];
+      if (path.node.leadingComments) {
+        skipWhenComments = path.node.leadingComments.filter((c) => {
+          return c.value.trim().startsWith("@skipwhen");
+        });
+      }
+
+      if (skipWhenComments.length > 0) {
+        const [, webSDKModuleName, value] = skipWhenComments[0].value.match(
+          "ENV.(.*) === (false|true)",
+        );
+
+        if (excludedModules[webSDKModuleName] === value) {
+          const variableName = path.node.specifiers[0].local.name;
+
+          // Wrap the variable declaration in an IIFE to turn it into an expression
+          path.replaceWithSourceString(
+            `(() => { const ${variableName} = () => {}; })()`,
+          );
+        }
+      }
+    },
+    ExportDefaultDeclaration(path) {
+      if (path.node.declaration.type === "ArrayExpression") {
+        path.node.declaration.elements = path.node.declaration.elements.filter(
+          (element) => {
+            if (element.name) {
+              const variableName = element.name;
+              const componentName = variableName
+                .replace("create", "")
+                .toLowerCase();
+              return !Object.keys(excludedModules).includes(
+                `alloy_${componentName}`,
+              );
+            }
+            return true;
+          },
+        );
+      }
+    },
+  },
+});

package/scripts/helpers/versionBabelPlugin.js

@@ -0,0 +1,43 @@
+import { createRequire } from "module";
+
+const require = createRequire(import.meta.url);
+
+const version = null;
+const getVersion = ({ opts: { cwd } }) => {
+  if (version) {
+    return version;
+  }
+
+  // eslint-disable-next-line import/no-dynamic-require
+  const packageJson = require(`${cwd}/package.json`);
+  return packageJson.version;
+};
+
+export default (_ref) => {
+  const t = _ref.types;
+
+  return {
+    visitor: {
+      // __VERSION__
+      ReferencedIdentifier(path, state) {
+        const identifier = state.opts.identifier;
+        const transform = identifier === undefined ? true : identifier; // 默认转换
+
+        const define = state.opts.define || "__VERSION__"; // 默认值
+        if (transform && path.node.name === define) {
+          path.replaceWith(t.valueToNode(getVersion(state)));
+        }
+      },
+      // "__VERSION__"
+      StringLiteral(path, state) {
+        const stringLiteral = state.opts.stringLiteral;
+        const transform = stringLiteral === undefined ? true : stringLiteral;
+
+        const define = state.opts.define || "__VERSION__";
+        if (transform && path.node.value === define) {
+          path.replaceWith(t.valueToNode(getVersion(state)));
+        }
+      },
+    },
+  };
+};

package/scripts/build-alloy.js

@@ -1,130 +0,0 @@
-#!/usr/bin/env node
-
-/*
-Copyright 2023 Adobe. All rights reserved.
-This file is licensed to you under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License. You may obtain a copy
-of the License at http://www.apache.org/licenses/LICENSE-2.0
-Unless required by applicable law or agreed to in writing, software distributed under
-the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
-OF ANY KIND, either express or implied. See the License for the specific language
-governing permissions and limitations under the License.
-*/
-
-import fs from "fs";
-import path from "path";
-import { rollup } from "rollup";
-import yargs from "yargs/yargs";
-// eslint-disable-next-line import/extensions
-import { hideBin } from "yargs/helpers";
-import conditionalBuildBabelPlugin from "./helpers/conditionalBuildBabelPlugin.js";
-import { buildConfig } from "../rollup.config.js";
-
-const dirname = import.meta.dirname;
-
-// Path to componentCreators.js
-const componentCreatorsPath = path.join(
-  dirname,
-  "../src/core/componentCreators.js",
-);
-
-// Read componentCreators.js
-const componentCreatorsContent = fs.readFileSync(componentCreatorsPath, "utf8");
-
-// Extract optional components based on @skipwhen directive
-const optionalComponents = componentCreatorsContent
-  .split("\n")
-  .filter((line) => line.trim().startsWith("/* @skipwhen"))
-  .map((line) => {
-    const match = line.match(/ENV\.alloy_([a-zA-Z0-9]+) === false/);
-    if (match) {
-      const [, componentName] = match;
-      return componentName.toLowerCase(); // Ensure this matches the expected format for exclusion
-    }
-    return null;
-  })
-  .filter(Boolean);
-
-const getDefaultPath = () => {
-  return process.cwd();
-};
-
-let pathIsAbsolute = false;
-
-const argv = yargs(hideBin(process.argv))
-  .scriptName("build-alloy")
-  .example([
-    [`$0 --exclude ${optionalComponents.slice(0, 2).join(" ")}`],
-    [`$0 --minify --exclude ${optionalComponents.slice(0, 2).join(" ")}`],
-  ])
-  .option("exclude", {
-    describe: "components that can be excluded from the build",
-    choices: optionalComponents,
-    type: "array",
-    alias: "e",
-    default: [],
-  })
-  .option("minify", {
-    type: "boolean",
-    default: true,
-    alias: "m",
-  })
-  .option("outputDir", {
-    alias: "o",
-    default: getDefaultPath(),
-  })
-  .coerce("outputDir", (opt) => {
-    if (!path.isAbsolute(opt)) {
-      opt = `${getDefaultPath()}${path.sep}${opt}`;
-    } else {
-      pathIsAbsolute = true;
-    }
-
-    try {
-      const stats = fs.statSync(opt);
-      if (!stats.isDirectory()) {
-        throw new Error("Output directory must be a valid directory path.");
-      }
-    } catch (error) {
-      throw new Error("Output directory must be a valid directory path.");
-    }
-
-    return opt.replace(new RegExp(`${path.sep}+$`, "g"), "");
-  }).argv;
-
-const getFile = () => {
-  return `${[argv.outputDir, `alloy${argv.minify ? ".min" : ""}.js`].join(path.sep)}`;
-};
-
-const getFileSizeInKB = (filePath) => {
-  const stats = fs.statSync(filePath);
-  const fileSizeInBytes = stats.size;
-  return `${(fileSizeInBytes / 1024).toFixed(2)} K`;
-};
-
-const buildWithComponents = async () => {
-  const rollupConfig = buildConfig({
-    file: getFile(),
-    minify: argv.minify,
-    babelPlugins: [
-      conditionalBuildBabelPlugin(
-        argv.exclude.reduce((acc, module) => {
-          acc[`alloy_${module}`] = "false";
-          return acc;
-        }, {}),
-      ),
-    ],
-  });
-
-  const bundle = await rollup(rollupConfig);
-  await bundle.write(rollupConfig.output[0]);
-  console.log(
-    `🎉 Wrote ${
-      pathIsAbsolute
-        ? rollupConfig.output[0].file
-        : path.relative(process.cwd(), rollupConfig.output[0].file)
-    } (${getFileSizeInKB(rollupConfig.output[0].file)}).`,
-  );
-};
-
-buildWithComponents();

package/scripts/tui-builder.js

@@ -1,71 +0,0 @@
-#!/usr/bin/env node
-
-/*
-Copyright 2024 Adobe. All rights reserved.
-This file is licensed to you under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License. You may obtain a copy
-of the License at http://www.apache.org/licenses/LICENSE-2.0
-Unless required by applicable law or agreed to in writing, software distributed under
-the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
-OF ANY KIND, either express or implied. See the License for the specific language
-governing permissions and limitations under the License.
-*/
-
-import inquirer from "inquirer";
-import util from "util";
-import { exec } from "child_process";
-import components from "./helpers/alloyComponents.js";
-
-const execAsync = util.promisify(exec);
-
-inquirer
-  .prompt([
-    {
-      type: "checkbox",
-      name: "include",
-      message: "What components should be included in your Alloy build?",
-      choices: components,
-    },
-    {
-      type: "list",
-      name: "minify",
-      message: "How would you like your JavaScript to be?",
-      choices: [
-        { name: "Minified", value: true },
-        { name: "Unminified", value: false },
-      ],
-    },
-    {
-      type: "string",
-      name: "outputDir",
-      message: "Where would you like to save the build?",
-      default: process.cwd(),
-    },
-  ])
-  .then(async (answers) => {
-    const { include, minify, outputDir } = answers;
-    const exclude = components
-      .map((v) => v.value)
-      .filter((component) => !include.includes(component));
-
-    let params = `--outputDir ${outputDir}`;
-
-    if (exclude.length > 0) {
-      params += ` --exclude ${exclude.join(" ")}`;
-    }
-
-    if (!minify) {
-      params += " --no-minify";
-    }
-
-    const resultPromise = execAsync(`npm run build:cli -- ${params}`);
-    const output = await resultPromise;
-    console.log(output.stdout);
-  })
-  .catch((error) => {
-    if (error.isTtyError) {
-      console.error("Prompt couldn't be rendered in the current environment");
-    } else {
-      console.error("An error occurred: ", error);
-    }
-  });