@commercetools-frontend/mc-scripts 0.0.0-FEC-157-preview-releases-20241126230331

package/dist/build-vite-838c8e01.cjs.dev.js

@@ -0,0 +1,193 @@
+'use strict';
+
+var _parseInt = require('@babel/runtime-corejs3/core-js-stable/parse-int');
+var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
+var path = require('path');
+var pluginGraphql = require('@rollup/plugin-graphql');
+var pluginReact = require('@vitejs/plugin-react');
+var fs = require('fs-extra');
+var rollupPluginVisualizer = require('rollup-plugin-visualizer');
+var vite = require('vite');
+var viteBundleAnalyzer = require('vite-bundle-analyzer');
+var assets = require('@commercetools-frontend/assets');
+var mcHtmlTemplate = require('@commercetools-frontend/mc-html-template');
+var optimizations = require('./optimizations-7789145e.cjs.dev.js');
+var paths = require('./paths-b76fc753.cjs.dev.js');
+var cliLib = require('@formatjs/cli-lib');
+var pluginutils = require('@rollup/pluginutils');
+var i18nMessageComplilation = require('./i18n-message-complilation-7311cb29.cjs.dev.js');
+var vitePluginSvgr = require('./vite-plugin-svgr-7fb42bbf.cjs.dev.js');
+require('@babel/runtime-corejs3/helpers/defineProperty');
+require('@babel/runtime-corejs3/helpers/slicedToArray');
+require('@babel/runtime-corejs3/core-js-stable/instance/reduce');
+require('@babel/runtime-corejs3/core-js-stable/object/entries');
+require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+require('@babel/runtime-corejs3/core-js-stable/instance/includes');
+require('@babel/runtime-corejs3/core-js-stable/object/keys');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+require('chalk');
+require('@babel/runtime-corejs3/core-js-stable/instance/find');
+require('fs');
+require('./does-file-exist-eb86baca.cjs.dev.js');
+require('node:fs');
+require('@babel/runtime-corejs3/core-js-stable/object/values');
+require('crypto');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _parseInt__default = /*#__PURE__*/_interopDefault(_parseInt);
+var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
+var path__default = /*#__PURE__*/_interopDefault(path);
+var pluginGraphql__default = /*#__PURE__*/_interopDefault(pluginGraphql);
+var pluginReact__default = /*#__PURE__*/_interopDefault(pluginReact);
+var fs__default = /*#__PURE__*/_interopDefault(fs);
+
+// This script/function is injected into the `index.html` and used by Vite
+// on runtime to build the assets URL (for example when using a separate CDN for the assets).
+// Inspired by https://github.com/vitejs/vite/blob/main/playground/assets/vite.config-runtime-base.js
+const dynamicBaseAssetsCode = `globalThis.__toCdnUrl = filePath => window.app.cdnUrl.replace(/\\/$/, '') + '/' + filePath;`;
+function vitePluginDynamicBaseAssetsGlobals() {
+  return {
+    name: 'dynamic-base-assets-globals',
+    transformIndexHtml(html, ctx) {
+      if (ctx.bundle) {
+        // Only inject during build
+        return [{
+          tag: 'script',
+          attrs: {
+            type: 'module'
+          },
+          children: dynamicBaseAssetsCode
+        }];
+      }
+      return html;
+    }
+  };
+}
+
+function vitePluginI18nMessageCompilation() {
+  const filter = pluginutils.createFilter('**/i18n/data/*.json');
+  return {
+    name: 'vite-plugin-i18n-message-compilation',
+    enforce: 'pre',
+    async transform(code, id) {
+      if (!process.env.DISABLE_I18N_MESSAGE_COMPILATION && filter(id)) {
+        try {
+          const format = i18nMessageComplilation.getI18nMessageFormat(code);
+          const res = await cliLib.compile([id], {
+            ast: true,
+            format
+          });
+          return {
+            code: res,
+            map: null
+          };
+        } catch (error) {
+          i18nMessageComplilation.handleMessageCompilationError(id, error, this.warn);
+        }
+      }
+      return null;
+    }
+  };
+}
+
+async function run() {
+  const DEFAULT_PORT = _parseInt__default["default"](String(process.env.HTTP_PORT), 10) || 3001;
+
+  // Ensure the `/public` folder exists.
+  fs__default["default"].mkdirSync(paths.paths.appBuild, {
+    recursive: true
+  });
+
+  // Generate `index.html` (template).
+  const appEntryPoint = path__default["default"].relative(paths.paths.appRoot, paths.paths.entryPoint);
+  const html = mcHtmlTemplate.generateTemplate({
+    // Define the module entry point (path relative from the `/public` folder).
+    // NOTE: that this is different from the development configuration.
+    scriptImports: [`<script type="module" src="/${appEntryPoint}" defer></script>`]
+  });
+  // Write `index.html` (template) into the `/public` folder.
+  fs__default["default"].writeFileSync(paths.paths.appIndexHtml, html, {
+    encoding: 'utf8'
+  });
+  const appDependencies = require(paths.paths.appPackageJson).dependencies;
+  await vite.build({
+    root: paths.paths.appRoot,
+    base: './',
+    // <-- Important to allow configuring the runtime base path.
+    define: {
+      'process.env.DEBUG': _JSON$stringify__default["default"](false),
+      'process.env.NODE_ENV': _JSON$stringify__default["default"]('production')
+    },
+    build: {
+      outDir: 'public',
+      rollupOptions: {
+        // This is necessary to instruct Vite that the `index.html` (template)
+        // is located in the `/public` folder.
+        // NOTE that after the build, Vite will write the `index.html` (template)
+        // at the `/public/public/index.html` location. See `fs.renameSync` below.
+        input: paths.paths.appIndexHtml,
+        output: {
+          manualChunks: optimizations.getViteCacheGroups(appDependencies)
+        },
+        // Reduce the memory footprint when building sourcemaps.
+        // https://github.com/vitejs/vite/issues/2433#issuecomment-1361094727
+        cache: false
+      },
+      sourcemap:
+      // Generating sourcemaps can increase the memory footprint of the build process,
+      // therefore it's an opt-in option.
+      // TODO: make it a CLI option when Vite support becomes stable.
+      process.env.ENABLE_EXPERIMENTAL_VITE_BUNDLER_SOURCEMAP === 'true'
+    },
+    server: {
+      port: DEFAULT_PORT
+    },
+    experimental: {
+      // https://vitejs.dev/guide/build.html#advanced-base-options
+      renderBuiltUrl(filename, _ref) {
+        let hostType = _ref.hostType;
+        if (hostType === 'html') {
+          return `__CDN_URL__${filename}`;
+        }
+        return {
+          runtime: `window.__toCdnUrl(${_JSON$stringify__default["default"](filename)})`
+        };
+      }
+    },
+    plugins: [pluginGraphql__default["default"](), pluginReact__default["default"]({
+      jsxImportSource: '@emotion/react',
+      babel: {
+        plugins: ['@emotion/babel-plugin', '@babel/plugin-proposal-do-expressions']
+      }
+    }), vitePluginSvgr.vitePluginSvgr(), vitePluginDynamicBaseAssetsGlobals(), vitePluginI18nMessageCompilation(), process.env.ANALYZE_BUNDLE === 'true' && viteBundleAnalyzer.analyzer({
+      defaultSizes: 'parsed',
+      openAnalyzer: true
+    }), process.env.ANALYZE_BUNDLE_TREE === 'true' && rollupPluginVisualizer.visualizer({
+      open: true,
+      template: 'network'
+    })]
+  });
+
+  // Rename `/public/public/index.html` to `/public/index.html.template`
+  fs__default["default"].renameSync(
+  // Because of our custom entry point path (`/public/index.html`),
+  // Vite will write the `index.html` to `/public/public/index.html`.
+  // We need to move this file to the `/public` folder and rename it
+  // to `index.html.template` (as expected by the `compile-html` command).
+  path__default["default"].join(paths.paths.appBuild, 'public/index.html'), paths.paths.appIndexHtmlTemplate);
+  // Clean up nested folder
+  fs__default["default"].rmdirSync(path__default["default"].join(paths.paths.appBuild, 'public'));
+
+  // Copy public assets
+  fs__default["default"].copySync(path__default["default"].join(assets.packageLocation, 'html-page'), paths.paths.appBuild, {
+    dereference: true
+  });
+}
+
+exports["default"] = run;

package/dist/commercetools-frontend-mc-scripts.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./declarations/src/index";
+//# sourceMappingURL=commercetools-frontend-mc-scripts.cjs.d.ts.map

package/dist/commercetools-frontend-mc-scripts.cjs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"commercetools-frontend-mc-scripts.cjs.d.ts","sourceRoot":"","sources":["./declarations/src/index.d.ts"],"names":[],"mappings":"AAAA"}

package/dist/commercetools-frontend-mc-scripts.cjs.dev.js

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vendorsToTranspile = require('./vendors-to-transpile-6ab4ea06.cjs.dev.js');
+
+// NOTE: This string will be replaced on build time with the package version.
+var version = "22.35.1";
+
+// These exports are deprecated.
+
+function createWebpackConfigForDevelopment(options) {
+  console.log('Importing the function "createWebpackConfigForDevelopment" from the main entry point "@commercetools-frontend/mc-scripts" is deprecated. Use the entry point "@commercetools-frontend/mc-scripts/create-webpack-config" instead.');
+  return require('@commercetools-frontend/mc-scripts/webpack').createWebpackConfigForDevelopment(options);
+}
+function createWebpackConfigForProduction(options) {
+  console.log('Importing the function "createWebpackConfigForProduction" from the main entry point "@commercetools-frontend/mc-scripts" is deprecated. Use the entry point "@commercetools-frontend/mc-scripts/create-webpack-config" instead.');
+  return require('@commercetools-frontend/mc-scripts/webpack').createWebpackConfigForProduction(options);
+}
+function createPostcssConfig(options) {
+  console.log('Importing the function "createPostcssConfig" from the main entry point "@commercetools-frontend/mc-scripts" is deprecated. Use the entry point "@commercetools-frontend/mc-scripts/create-postcss-config" instead.');
+  return require('@commercetools-frontend/mc-scripts/postcss').createPostcssConfig(options);
+}
+
+exports.vendorsToTranspile = vendorsToTranspile.vendorsToTranspile;
+exports.createPostcssConfig = createPostcssConfig;
+exports.createWebpackConfigForDevelopment = createWebpackConfigForDevelopment;
+exports.createWebpackConfigForProduction = createWebpackConfigForProduction;
+exports.version = version;

package/dist/commercetools-frontend-mc-scripts.cjs.js

@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === "production") {
+  module.exports = require("./commercetools-frontend-mc-scripts.cjs.prod.js");
+} else {
+  module.exports = require("./commercetools-frontend-mc-scripts.cjs.dev.js");
+}

package/dist/commercetools-frontend-mc-scripts.cjs.prod.js

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vendorsToTranspile = require('./vendors-to-transpile-04a49d40.cjs.prod.js');
+
+// NOTE: This string will be replaced on build time with the package version.
+var version = "22.35.1";
+
+// These exports are deprecated.
+
+function createWebpackConfigForDevelopment(options) {
+  console.log('Importing the function "createWebpackConfigForDevelopment" from the main entry point "@commercetools-frontend/mc-scripts" is deprecated. Use the entry point "@commercetools-frontend/mc-scripts/create-webpack-config" instead.');
+  return require('@commercetools-frontend/mc-scripts/webpack').createWebpackConfigForDevelopment(options);
+}
+function createWebpackConfigForProduction(options) {
+  console.log('Importing the function "createWebpackConfigForProduction" from the main entry point "@commercetools-frontend/mc-scripts" is deprecated. Use the entry point "@commercetools-frontend/mc-scripts/create-webpack-config" instead.');
+  return require('@commercetools-frontend/mc-scripts/webpack').createWebpackConfigForProduction(options);
+}
+function createPostcssConfig(options) {
+  console.log('Importing the function "createPostcssConfig" from the main entry point "@commercetools-frontend/mc-scripts" is deprecated. Use the entry point "@commercetools-frontend/mc-scripts/create-postcss-config" instead.');
+  return require('@commercetools-frontend/mc-scripts/postcss').createPostcssConfig(options);
+}
+
+exports.vendorsToTranspile = vendorsToTranspile.vendorsToTranspile;
+exports.createPostcssConfig = createPostcssConfig;
+exports.createWebpackConfigForDevelopment = createWebpackConfigForDevelopment;
+exports.createWebpackConfigForProduction = createWebpackConfigForProduction;
+exports.version = version;

package/dist/commercetools-frontend-mc-scripts.esm.js

@@ -0,0 +1,21 @@
+export { v as vendorsToTranspile } from './vendors-to-transpile-7dc84a72.esm.js';
+
+// NOTE: This string will be replaced on build time with the package version.
+var version = "22.35.1";
+
+// These exports are deprecated.
+
+function createWebpackConfigForDevelopment(options) {
+  console.log('Importing the function "createWebpackConfigForDevelopment" from the main entry point "@commercetools-frontend/mc-scripts" is deprecated. Use the entry point "@commercetools-frontend/mc-scripts/create-webpack-config" instead.');
+  return require('@commercetools-frontend/mc-scripts/webpack').createWebpackConfigForDevelopment(options);
+}
+function createWebpackConfigForProduction(options) {
+  console.log('Importing the function "createWebpackConfigForProduction" from the main entry point "@commercetools-frontend/mc-scripts" is deprecated. Use the entry point "@commercetools-frontend/mc-scripts/create-webpack-config" instead.');
+  return require('@commercetools-frontend/mc-scripts/webpack').createWebpackConfigForProduction(options);
+}
+function createPostcssConfig(options) {
+  console.log('Importing the function "createPostcssConfig" from the main entry point "@commercetools-frontend/mc-scripts" is deprecated. Use the entry point "@commercetools-frontend/mc-scripts/create-postcss-config" instead.');
+  return require('@commercetools-frontend/mc-scripts/postcss').createPostcssConfig(options);
+}
+
+export { createPostcssConfig, createWebpackConfigForDevelopment, createWebpackConfigForProduction, version };

package/dist/compile-html-025cd493.esm.js

@@ -0,0 +1,34 @@
+import _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringify';
+import fs from 'fs';
+import chalk from 'chalk';
+import { compileHtml } from '@commercetools-frontend/mc-html-template';
+import { p as paths } from './paths-39f22b8b.esm.js';
+import '@babel/runtime-corejs3/core-js-stable/instance/find';
+import 'path';
+import './does-file-exist-32618334.esm.js';
+import 'node:fs';
+
+const appDirectory = fs.realpathSync(process.cwd());
+async function run(options) {
+  console.log('Compiling index.html...');
+  const compiled = await compileHtml(paths.appIndexHtmlTemplate);
+  fs.writeFileSync(paths.appIndexHtml, compiled.indexHtmlContent, {
+    encoding: 'utf8'
+  });
+  if (options.transformer) {
+    try {
+      const transformerPath = require.resolve(options.transformer, {
+        paths: [appDirectory]
+      });
+      const transformerFn = require(transformerPath);
+      transformerFn(compiled);
+    } catch (error) {
+      throw new Error(`Could not load transformer module "${options.transformer}"\n${error instanceof Error ? error.stack : ''}`);
+    }
+  } else if (options.printSecurityHeaders) {
+    console.log(_JSON$stringify(compiled.headers));
+  }
+  console.log(chalk.green('Compiled successfully.\n'));
+}
+
+export { run as default };

package/dist/compile-html-50fd05ec.cjs.prod.js

@@ -0,0 +1,42 @@
+'use strict';
+
+var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
+var fs = require('fs');
+var chalk = require('chalk');
+var mcHtmlTemplate = require('@commercetools-frontend/mc-html-template');
+var paths = require('./paths-7768b440.cjs.prod.js');
+require('@babel/runtime-corejs3/core-js-stable/instance/find');
+require('path');
+require('./does-file-exist-be53305d.cjs.prod.js');
+require('node:fs');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
+var fs__default = /*#__PURE__*/_interopDefault(fs);
+var chalk__default = /*#__PURE__*/_interopDefault(chalk);
+
+const appDirectory = fs__default["default"].realpathSync(process.cwd());
+async function run(options) {
+  console.log('Compiling index.html...');
+  const compiled = await mcHtmlTemplate.compileHtml(paths.paths.appIndexHtmlTemplate);
+  fs__default["default"].writeFileSync(paths.paths.appIndexHtml, compiled.indexHtmlContent, {
+    encoding: 'utf8'
+  });
+  if (options.transformer) {
+    try {
+      const transformerPath = require.resolve(options.transformer, {
+        paths: [appDirectory]
+      });
+      const transformerFn = require(transformerPath);
+      transformerFn(compiled);
+    } catch (error) {
+      throw new Error(`Could not load transformer module "${options.transformer}"\n${error instanceof Error ? error.stack : ''}`);
+    }
+  } else if (options.printSecurityHeaders) {
+    console.log(_JSON$stringify__default["default"](compiled.headers));
+  }
+  console.log(chalk__default["default"].green('Compiled successfully.\n'));
+}
+
+exports["default"] = run;

package/dist/compile-html-f4ac88cc.cjs.dev.js

@@ -0,0 +1,42 @@
+'use strict';
+
+var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
+var fs = require('fs');
+var chalk = require('chalk');
+var mcHtmlTemplate = require('@commercetools-frontend/mc-html-template');
+var paths = require('./paths-b76fc753.cjs.dev.js');
+require('@babel/runtime-corejs3/core-js-stable/instance/find');
+require('path');
+require('./does-file-exist-eb86baca.cjs.dev.js');
+require('node:fs');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
+var fs__default = /*#__PURE__*/_interopDefault(fs);
+var chalk__default = /*#__PURE__*/_interopDefault(chalk);
+
+const appDirectory = fs__default["default"].realpathSync(process.cwd());
+async function run(options) {
+  console.log('Compiling index.html...');
+  const compiled = await mcHtmlTemplate.compileHtml(paths.paths.appIndexHtmlTemplate);
+  fs__default["default"].writeFileSync(paths.paths.appIndexHtml, compiled.indexHtmlContent, {
+    encoding: 'utf8'
+  });
+  if (options.transformer) {
+    try {
+      const transformerPath = require.resolve(options.transformer, {
+        paths: [appDirectory]
+      });
+      const transformerFn = require(transformerPath);
+      transformerFn(compiled);
+    } catch (error) {
+      throw new Error(`Could not load transformer module "${options.transformer}"\n${error instanceof Error ? error.stack : ''}`);
+    }
+  } else if (options.printSecurityHeaders) {
+    console.log(_JSON$stringify__default["default"](compiled.headers));
+  }
+  console.log(chalk__default["default"].green('Compiled successfully.\n'));
+}
+
+exports["default"] = run;