@commercetools-frontend/mc-scripts 0.0.0-CRAFT-1791-20251006162610

package/dist/start-vite-068e9f73.cjs.dev.js

@@ -0,0 +1,128 @@
+'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-swc');
+var fs = require('fs-extra');
+var vite = require('vite');
+var applicationConfig = require('@commercetools-frontend/application-config');
+var assets = require('@commercetools-frontend/assets');
+var mcHtmlTemplate = require('@commercetools-frontend/mc-html-template');
+var paths = require('./paths-b76fc753.cjs.dev.js');
+var _Object$assign = require('@babel/runtime-corejs3/core-js-stable/object/assign');
+var mcDevAuthentication = require('@commercetools-frontend/mc-dev-authentication');
+var vitePluginSvgr = require('./vite-plugin-svgr-7d06f400.cjs.dev.js');
+require('@babel/runtime-corejs3/core-js-stable/instance/find');
+require('fs');
+require('./does-file-exist-eb86baca.cjs.dev.js');
+require('node:fs');
+require('crypto');
+require('@rollup/pluginutils');
+require('@babel/runtime-corejs3/core-js/instance/match-all');
+
+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);
+var _Object$assign__default = /*#__PURE__*/_interopDefault(_Object$assign);
+
+const vitePluginCustomApplication = applicationConfig => {
+  return {
+    name: 'custom-application',
+    configureServer(server) {
+      return () => {
+        // Users do not need to have/maintain the `index.html` (as expected by Vite)
+        // as it's generated and maintained by the Merchant Center customization CLI.
+        // Therefore, the generated `index.html` (template) is written into the `/public`
+        // folder so that it's gitignored.
+        // As a result, we need to make sure to point the URI path to the correct location.
+        server.middlewares.use((req, _res, next) => {
+          if (req.url === '/index.html') {
+            req.url = '/public/index.html';
+          }
+          next();
+        });
+
+        // Handle auth routes for internal local development.
+        server.middlewares.use(mcDevAuthentication.createMcDevAuthenticationMiddleware(applicationConfig));
+      };
+    },
+    /**
+     * @type {import('vite').IndexHtmlTransformHook}
+     */
+    transformIndexHtml(rawHtml, _ctx) {
+      const compiledHeaders = mcHtmlTemplate.processHeaders(applicationConfig);
+      const enhancedLocalEnv = _Object$assign__default["default"]({}, applicationConfig.env,
+      // Now that the app config is defined as a `env.json`, when we start the FE app
+      // to point to the local backend API by passing the `MC_API_URL` env does not
+      // work anymore). To make it work again, we can override the `env.json` config
+      // with the env variable before injecting the values into the index.html.
+      // NOTE: this is only necessary for development.
+      process.env.MC_API_URL ? {
+        mcApiUrl: process.env.MC_API_URL
+      } : {});
+
+      // Resolve the placeholders of the `index.html` (template) file, before serving it.
+      const html = mcHtmlTemplate.replaceHtmlPlaceholders(rawHtml, {
+        env: enhancedLocalEnv,
+        headers: compiledHeaders
+      });
+      return html;
+    }
+  };
+};
+
+async function run() {
+  const DEFAULT_PORT = _parseInt__default["default"](String(process.env.HTTP_PORT), 10) || 3001;
+
+  // Load the Merchant Center customization config file first.
+  const applicationConfig$1 = await applicationConfig.processConfig();
+
+  // 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 to the `/public` folder).
+    // NOTE: that this is different from the production 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 compiledHeaders = mcHtmlTemplate.processHeaders(applicationConfig$1);
+  const server = await vite.createServer({
+    root: paths.paths.appRoot,
+    define: {
+      'process.env.DEBUG': _JSON$stringify__default["default"](false),
+      'process.env.NODE_ENV': _JSON$stringify__default["default"]('development')
+    },
+    server: {
+      open: true,
+      port: DEFAULT_PORT,
+      headers: compiledHeaders
+    },
+    plugins: [pluginGraphql__default["default"](), pluginReact__default["default"]({
+      jsxImportSource: '@emotion/react'
+    }), vitePluginSvgr.vitePluginSvgr(), vitePluginCustomApplication(applicationConfig$1)]
+  });
+  await server.listen();
+
+  // Copy public assets to `/public` folder (even in development).
+  fs__default["default"].copySync(path__default["default"].join(assets.packageLocation, 'html-page'), paths.paths.appBuild, {
+    dereference: true
+  });
+  server.printUrls();
+}
+
+exports["default"] = run;

package/dist/start-vite-29078b3a.cjs.prod.js

@@ -0,0 +1,128 @@
+'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-swc');
+var fs = require('fs-extra');
+var vite = require('vite');
+var applicationConfig = require('@commercetools-frontend/application-config');
+var assets = require('@commercetools-frontend/assets');
+var mcHtmlTemplate = require('@commercetools-frontend/mc-html-template');
+var paths = require('./paths-7768b440.cjs.prod.js');
+var _Object$assign = require('@babel/runtime-corejs3/core-js-stable/object/assign');
+var mcDevAuthentication = require('@commercetools-frontend/mc-dev-authentication');
+var vitePluginSvgr = require('./vite-plugin-svgr-4034a834.cjs.prod.js');
+require('@babel/runtime-corejs3/core-js-stable/instance/find');
+require('fs');
+require('./does-file-exist-be53305d.cjs.prod.js');
+require('node:fs');
+require('crypto');
+require('@rollup/pluginutils');
+require('@babel/runtime-corejs3/core-js/instance/match-all');
+
+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);
+var _Object$assign__default = /*#__PURE__*/_interopDefault(_Object$assign);
+
+const vitePluginCustomApplication = applicationConfig => {
+  return {
+    name: 'custom-application',
+    configureServer(server) {
+      return () => {
+        // Users do not need to have/maintain the `index.html` (as expected by Vite)
+        // as it's generated and maintained by the Merchant Center customization CLI.
+        // Therefore, the generated `index.html` (template) is written into the `/public`
+        // folder so that it's gitignored.
+        // As a result, we need to make sure to point the URI path to the correct location.
+        server.middlewares.use((req, _res, next) => {
+          if (req.url === '/index.html') {
+            req.url = '/public/index.html';
+          }
+          next();
+        });
+
+        // Handle auth routes for internal local development.
+        server.middlewares.use(mcDevAuthentication.createMcDevAuthenticationMiddleware(applicationConfig));
+      };
+    },
+    /**
+     * @type {import('vite').IndexHtmlTransformHook}
+     */
+    transformIndexHtml(rawHtml, _ctx) {
+      const compiledHeaders = mcHtmlTemplate.processHeaders(applicationConfig);
+      const enhancedLocalEnv = _Object$assign__default["default"]({}, applicationConfig.env,
+      // Now that the app config is defined as a `env.json`, when we start the FE app
+      // to point to the local backend API by passing the `MC_API_URL` env does not
+      // work anymore). To make it work again, we can override the `env.json` config
+      // with the env variable before injecting the values into the index.html.
+      // NOTE: this is only necessary for development.
+      process.env.MC_API_URL ? {
+        mcApiUrl: process.env.MC_API_URL
+      } : {});
+
+      // Resolve the placeholders of the `index.html` (template) file, before serving it.
+      const html = mcHtmlTemplate.replaceHtmlPlaceholders(rawHtml, {
+        env: enhancedLocalEnv,
+        headers: compiledHeaders
+      });
+      return html;
+    }
+  };
+};
+
+async function run() {
+  const DEFAULT_PORT = _parseInt__default["default"](String(process.env.HTTP_PORT), 10) || 3001;
+
+  // Load the Merchant Center customization config file first.
+  const applicationConfig$1 = await applicationConfig.processConfig();
+
+  // 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 to the `/public` folder).
+    // NOTE: that this is different from the production 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 compiledHeaders = mcHtmlTemplate.processHeaders(applicationConfig$1);
+  const server = await vite.createServer({
+    root: paths.paths.appRoot,
+    define: {
+      'process.env.DEBUG': _JSON$stringify__default["default"](false),
+      'process.env.NODE_ENV': _JSON$stringify__default["default"]('development')
+    },
+    server: {
+      open: true,
+      port: DEFAULT_PORT,
+      headers: compiledHeaders
+    },
+    plugins: [pluginGraphql__default["default"](), pluginReact__default["default"]({
+      jsxImportSource: '@emotion/react'
+    }), vitePluginSvgr.vitePluginSvgr(), vitePluginCustomApplication(applicationConfig$1)]
+  });
+  await server.listen();
+
+  // Copy public assets to `/public` folder (even in development).
+  fs__default["default"].copySync(path__default["default"].join(assets.packageLocation, 'html-page'), paths.paths.appBuild, {
+    dereference: true
+  });
+  server.printUrls();
+}
+
+exports["default"] = run;

package/dist/start-vite-7d1161e8.esm.js

@@ -0,0 +1,116 @@
+import _parseInt from '@babel/runtime-corejs3/core-js-stable/parse-int';
+import _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringify';
+import path from 'path';
+import pluginGraphql from '@rollup/plugin-graphql';
+import pluginReact from '@vitejs/plugin-react-swc';
+import fs from 'fs-extra';
+import { createServer } from 'vite';
+import { processConfig } from '@commercetools-frontend/application-config';
+import { packageLocation } from '@commercetools-frontend/assets';
+import { processHeaders, replaceHtmlPlaceholders, generateTemplate } from '@commercetools-frontend/mc-html-template';
+import { p as paths } from './paths-39f22b8b.esm.js';
+import _Object$assign from '@babel/runtime-corejs3/core-js-stable/object/assign';
+import { createMcDevAuthenticationMiddleware } from '@commercetools-frontend/mc-dev-authentication';
+import { v as vitePluginSvgr } from './vite-plugin-svgr-de6ee7da.esm.js';
+import '@babel/runtime-corejs3/core-js-stable/instance/find';
+import 'fs';
+import './does-file-exist-32618334.esm.js';
+import 'node:fs';
+import 'crypto';
+import '@rollup/pluginutils';
+import '@babel/runtime-corejs3/core-js/instance/match-all';
+
+const vitePluginCustomApplication = applicationConfig => {
+  return {
+    name: 'custom-application',
+    configureServer(server) {
+      return () => {
+        // Users do not need to have/maintain the `index.html` (as expected by Vite)
+        // as it's generated and maintained by the Merchant Center customization CLI.
+        // Therefore, the generated `index.html` (template) is written into the `/public`
+        // folder so that it's gitignored.
+        // As a result, we need to make sure to point the URI path to the correct location.
+        server.middlewares.use((req, _res, next) => {
+          if (req.url === '/index.html') {
+            req.url = '/public/index.html';
+          }
+          next();
+        });
+
+        // Handle auth routes for internal local development.
+        server.middlewares.use(createMcDevAuthenticationMiddleware(applicationConfig));
+      };
+    },
+    /**
+     * @type {import('vite').IndexHtmlTransformHook}
+     */
+    transformIndexHtml(rawHtml, _ctx) {
+      const compiledHeaders = processHeaders(applicationConfig);
+      const enhancedLocalEnv = _Object$assign({}, applicationConfig.env,
+      // Now that the app config is defined as a `env.json`, when we start the FE app
+      // to point to the local backend API by passing the `MC_API_URL` env does not
+      // work anymore). To make it work again, we can override the `env.json` config
+      // with the env variable before injecting the values into the index.html.
+      // NOTE: this is only necessary for development.
+      process.env.MC_API_URL ? {
+        mcApiUrl: process.env.MC_API_URL
+      } : {});
+
+      // Resolve the placeholders of the `index.html` (template) file, before serving it.
+      const html = replaceHtmlPlaceholders(rawHtml, {
+        env: enhancedLocalEnv,
+        headers: compiledHeaders
+      });
+      return html;
+    }
+  };
+};
+
+async function run() {
+  const DEFAULT_PORT = _parseInt(String(process.env.HTTP_PORT), 10) || 3001;
+
+  // Load the Merchant Center customization config file first.
+  const applicationConfig = await processConfig();
+
+  // Ensure the `/public` folder exists.
+  fs.mkdirSync(paths.appBuild, {
+    recursive: true
+  });
+
+  // Generate `index.html` (template).
+  const appEntryPoint = path.relative(paths.appRoot, paths.entryPoint);
+  const html = generateTemplate({
+    // Define the module entry point (path relative to the `/public` folder).
+    // NOTE: that this is different from the production configuration.
+    scriptImports: [`<script type="module" src="/../${appEntryPoint}" defer></script>`]
+  });
+  // Write `index.html` (template) into the `/public` folder.
+  fs.writeFileSync(paths.appIndexHtml, html, {
+    encoding: 'utf8'
+  });
+  const compiledHeaders = processHeaders(applicationConfig);
+  const server = await createServer({
+    root: paths.appRoot,
+    define: {
+      'process.env.DEBUG': _JSON$stringify(false),
+      'process.env.NODE_ENV': _JSON$stringify('development')
+    },
+    server: {
+      open: true,
+      port: DEFAULT_PORT,
+      headers: compiledHeaders
+    },
+    plugins: [pluginGraphql(), pluginReact({
+      jsxImportSource: '@emotion/react'
+    }), vitePluginSvgr(), vitePluginCustomApplication(applicationConfig)]
+  });
+  await server.listen();
+
+  // Copy public assets to `/public` folder (even in development).
+  fs.copySync(path.join(packageLocation, 'html-page'), paths.appBuild, {
+    dereference: true
+  });
+  server.printUrls();
+}
+
+export { run as default };

package/dist/vendors-to-transpile-04a49d40.cjs.prod.js

@@ -0,0 +1,5 @@
+'use strict';
+
+const vendorsToTranspile = [];
+
+exports.vendorsToTranspile = vendorsToTranspile;

package/dist/vendors-to-transpile-6ab4ea06.cjs.dev.js

@@ -0,0 +1,5 @@
+'use strict';
+
+const vendorsToTranspile = [];
+
+exports.vendorsToTranspile = vendorsToTranspile;

package/dist/vendors-to-transpile-7dc84a72.esm.js

@@ -0,0 +1,3 @@
+const vendorsToTranspile = [];
+
+export { vendorsToTranspile as v };

package/dist/vite-plugin-svgr-4034a834.cjs.prod.js

@@ -0,0 +1,151 @@
+'use strict';
+
+var crypto = require('crypto');
+var fs = require('fs');
+var pluginutils = require('@rollup/pluginutils');
+var vite = require('vite');
+var _matchAllInstanceProperty = require('@babel/runtime-corejs3/core-js/instance/match-all');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var crypto__default = /*#__PURE__*/_interopDefault(crypto);
+var fs__default = /*#__PURE__*/_interopDefault(fs);
+var _matchAllInstanceProperty__default = /*#__PURE__*/_interopDefault(_matchAllInstanceProperty);
+
+async function optimizeEmbeddedPngs(code, id) {
+  const pngRegex = /href="data:image\/png;base64,([a-zA-Z0-9+/]+=*)"/gs;
+  let modifiedCode = code;
+  const matchesIterator = _matchAllInstanceProperty__default["default"](code).call(code, pngRegex);
+  for (const match of matchesIterator) {
+    const originalBase64 = match[1];
+    if (originalBase64) {
+      // This length would indicate  that the match is greater than ~1mb
+      if (originalBase64.length > 1000000) {
+        const fileName = id.split('/').pop();
+        console.warn(`\n🚨 You have a large png embedded in ${fileName} - consider using an image tag instead 🚨`);
+        try {
+          const pngBuffer = Buffer.from(originalBase64, 'base64');
+          const sharp = (await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('sharp')); })).default;
+          const optimizedBuffer = await sharp(pngBuffer).png({
+            quality: 10,
+            compressionLevel: 9
+          }).toBuffer();
+          const optimizedPngBase64 = optimizedBuffer.toString('base64');
+          // Construct the new href value
+          const originalMatch = match[0];
+          const optimizedXlinkHref = originalMatch.replace(originalBase64, optimizedPngBase64);
+          // Replace the original href with the optimized one
+          modifiedCode = modifiedCode.replace(originalMatch, optimizedXlinkHref);
+        } catch (error) {
+          console.error('Error processing embedded PNG:', error, 'Original Base64:', originalBase64);
+        }
+      }
+    }
+  }
+  return modifiedCode;
+}
+
+/**
+ * COPIED FROM https://github.com/pd4d10/vite-plugin-svgr
+ */
+function vitePluginSvgr() {
+  const filter = pluginutils.createFilter('**/*.react.svg');
+  return {
+    name: 'vite-plugin-svgr',
+    async transform(_code, id) {
+      if (filter(id)) {
+        const _await$import = await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('@svgr/core')); }),
+          transform = _await$import.transform;
+        const svgCode = await fs__default["default"].promises.readFile(id, 'utf8');
+        let transformableSVGCode;
+        if (process.env.ENABLE_EXPERIMENTAL_SVG_PNG_OPTIMIZATION === 'true') {
+          // This is a temporary fix for the issue with large embedded PNGs
+          // in SVGs. It will be removed once we have a better solution.
+          transformableSVGCode = await optimizeEmbeddedPngs(svgCode, id);
+        } else {
+          transformableSVGCode = svgCode;
+        }
+        const componentCode = await transform(transformableSVGCode, {
+          icon: false,
+          svgoConfig: {
+            plugins: [{
+              // https://github.com/svg/svgo#default-preset
+              name: 'preset-default',
+              params: {
+                overrides: {
+                  removeViewBox: false
+                }
+              }
+            },
+            // Avoid collisions with ids in other SVGs,
+            // which was causing incorrect masking, gradient directions, etc
+            // this is an ongoing issue with both SVGR and SVGO,
+            // https://github.com/svg/svgo/issues/913#issuecomment-369373572
+            // see SVGR issues:
+            // https://github.com/gregberge/svgr/issues/322
+            // https://github.com/gregberge/svgr/issues/210
+            // see SVGO issues:
+            // https://github.com/svg/svgo/issues/674
+            // https://github.com/svg/svgo/issues/1746
+            //
+            // Initially, a naive counter was implemented based on this github comment:
+            // https://github.com/svg/svgo/issues/1746#issuecomment-1803600573
+            // But while that implementation insured id’s that are unique,
+            // it did not work in cases where the id is both declared and referenced in the same file,
+            // because the refernce gets a separate unique ID (a different number from the counter).
+            //
+            // The current implementation is based on this github comment:
+            // https://github.com/svg/svgo/issues/913#issuecomment-369373572
+            // Generates a hash of the filepath of the svg file, resulting in a prefix which is:
+            // - Short,
+            // - With characters valid for IDs,
+            // - The same within a file,
+            // - And different in different files.
+            {
+              name: 'prefixIds',
+              params: {
+                delim: '',
+                prefix: (_, info) => `svg${crypto__default["default"].createHash('shake256', {
+                  outputLength: 6
+                }).update(info.path || '').digest('hex')}`
+              }
+            }]
+          }
+        }, {
+          filePath: id,
+          caller: {
+            previousExport: null
+          }
+        });
+        const res = await vite.transformWithEsbuild(componentCode, id, {
+          loader: 'jsx'
+        });
+        return {
+          code: res.code,
+          map: null // TODO:
+        };
+      }
+      return null;
+    }
+  };
+}
+
+exports.vitePluginSvgr = vitePluginSvgr;