@commercetools-frontend/mc-scripts 21.23.10 → 21.24.0

package/dist/build-vite-d17432ec.cjs.prod.js

@@ -0,0 +1,129 @@
+'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 vite = require('vite');
+var assets = require('@commercetools-frontend/assets');
+var mcHtmlTemplate = require('@commercetools-frontend/mc-html-template');
+var paths = require('./paths-284c77fb.cjs.prod.js');
+var vitePluginSvgr = require('./vite-plugin-svgr-9a4e7f77.cjs.prod.js');
+require('@babel/runtime-corejs3/core-js-stable/instance/find');
+require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+require('fs');
+require('@rollup/pluginutils');
+
+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;
+    }
+
+  };
+}
+
+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=\"/".concat(appEntryPoint, "\"></script>")]
+  }); // Write `index.html` (template) into the `/public` folder.
+
+  fs__default["default"].writeFileSync(paths.paths.appIndexHtml, html, {
+    encoding: 'utf8'
+  });
+  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
+      }
+    },
+    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__".concat(filename);
+        }
+
+        return {
+          runtime: "window.__toCdnUrl(".concat(_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()]
+  }); // 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.dev.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vendorsToTranspile = require('./vendors-to-transpile-b51af5d3.cjs.dev.js');
+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 = "21.23.10";
+var version = "21.24.0";
 
 // These exports are deprecated.
 function createWebpackConfigForDevelopment(options) {

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vendorsToTranspile = require('./vendors-to-transpile-367e0ba8.cjs.prod.js');
+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 = "21.23.10";
+var version = "21.24.0";
 
 // These exports are deprecated.
 function createWebpackConfigForDevelopment(options) {

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

@@ -1,7 +1,7 @@
-export { v as vendorsToTranspile } from './vendors-to-transpile-68e03526.esm.js';
+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 = "21.23.10";
+var version = "21.24.0";
 
 // These exports are deprecated.
 function createWebpackConfigForDevelopment(options) {

package/dist/compile-html-41195e35.cjs.dev.js

@@ -0,0 +1,49 @@
+'use strict';
+
+var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+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-db35ac0f.cjs.dev.js');
+require('@babel/runtime-corejs3/core-js-stable/instance/find');
+require('path');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
+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) {
+      var _context;
+
+      throw new Error(_concatInstanceProperty__default["default"](_context = "Could not load transformer module \"".concat(options.transformer, "\"\n")).call(_context, 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-5abd78aa.cjs.prod.js

@@ -0,0 +1,49 @@
+'use strict';
+
+var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+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-284c77fb.cjs.prod.js');
+require('@babel/runtime-corejs3/core-js-stable/instance/find');
+require('path');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _concatInstanceProperty__default = /*#__PURE__*/_interopDefault(_concatInstanceProperty);
+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) {
+      var _context;
+
+      throw new Error(_concatInstanceProperty__default["default"](_context = "Could not load transformer module \"".concat(options.transformer, "\"\n")).call(_context, 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-f9de842c.esm.js

@@ -0,0 +1,40 @@
+import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
+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-55c5d5a2.esm.js';
+import '@babel/runtime-corejs3/core-js-stable/instance/find';
+import 'path';
+
+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) {
+      var _context;
+
+      throw new Error(_concatInstanceProperty(_context = "Could not load transformer module \"".concat(options.transformer, "\"\n")).call(_context, 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 };