@commercetools-frontend/mc-scripts 21.8.0 → 21.10.0

package/dist/{build-vite-6c987a60.cjs.dev.js → build-vite-3b82522e.cjs.dev.js}

@@ -12,9 +12,11 @@ var pluginReact = require('@vitejs/plugin-react');
 var mcHtmlTemplate = require('@commercetools-frontend/mc-html-template');
 var assets = require('@commercetools-frontend/assets');
 var paths = require('./paths-16823f56.cjs.dev.js');
+var vitePluginSvgr = require('./vite-plugin-svgr-4205f2b5.cjs.dev.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 }; }
 
@@ -26,6 +28,31 @@ var path__default = /*#__PURE__*/_interopDefault(path);
 var pluginGraphql__default = /*#__PURE__*/_interopDefault(pluginGraphql);
 var pluginReact__default = /*#__PURE__*/_interopDefault(pluginReact);
 
+// 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
+var dynamicBaseAssetsCode = "globalThis.__toCdnUrl = filePath => window.app.cdnUrl.replace(/\\/$/, '') + '/' + filePath;";
+
+function vitePluginDynamicBaseAssetsGlobals() {
+  return {
+    name: 'dynamic-base-assets-globals',
+    transformIndexHtml: function transformIndexHtml(html, ctx) {
+      if (ctx.bundle) {
+        // Only inject during build
+        return [{
+          tag: 'script',
+          attrs: {
+            type: 'module'
+          },
+          children: dynamicBaseAssetsCode
+        }];
+      }
+
+      return html;
+    }
+  };
+}
+
 function run() {
   return _run.apply(this, arguments);
 }
@@ -56,13 +83,14 @@ function _run() {
             _context.next = 7;
             return 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',
-                assetsDir: '.',
                 rollupOptions: {
                   // This is necessary to instruct Vite that the `index.html` (template)
                   // is located in the `/public` folder.
@@ -74,12 +102,26 @@ function _run() {
               server: {
                 port: DEFAULT_PORT
               },
+              experimental: {
+                // https://vitejs.dev/guide/build.html#advanced-base-options
+                renderBuiltUrl: function renderBuiltUrl(filename, _ref) {
+                  var 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']
                 }
-              })]
+              }), vitePluginSvgr.vitePluginSvgr(), vitePluginDynamicBaseAssetsGlobals()]
             });
 
           case 7:

package/dist/{build-vite-a9602b19.esm.js → build-vite-93abdc95.esm.js}

@@ -10,9 +10,36 @@ import pluginReact from '@vitejs/plugin-react';
 import { generateTemplate } from '@commercetools-frontend/mc-html-template';
 import { packageLocation } from '@commercetools-frontend/assets';
 import { p as paths } from './paths-ed23d5a1.esm.js';
+import { v as vitePluginSvgr } from './vite-plugin-svgr-eb8524fa.esm.js';
 import '@babel/runtime-corejs3/core-js-stable/instance/find';
 import '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import 'fs';
+import '@rollup/pluginutils';
+
+// 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
+var dynamicBaseAssetsCode = "globalThis.__toCdnUrl = filePath => window.app.cdnUrl.replace(/\\/$/, '') + '/' + filePath;";
+
+function vitePluginDynamicBaseAssetsGlobals() {
+  return {
+    name: 'dynamic-base-assets-globals',
+    transformIndexHtml: function transformIndexHtml(html, ctx) {
+      if (ctx.bundle) {
+        // Only inject during build
+        return [{
+          tag: 'script',
+          attrs: {
+            type: 'module'
+          },
+          children: dynamicBaseAssetsCode
+        }];
+      }
+
+      return html;
+    }
+  };
+}
 
 function run() {
   return _run.apply(this, arguments);
@@ -44,13 +71,14 @@ function _run() {
             _context.next = 7;
             return build({
               root: paths.appRoot,
+              base: './',
+              // <-- Important to allow configuring the runtime base path.
               define: {
                 'process.env.DEBUG': _JSON$stringify(false),
                 'process.env.NODE_ENV': _JSON$stringify('production')
               },
               build: {
                 outDir: 'public',
-                assetsDir: '.',
                 rollupOptions: {
                   // This is necessary to instruct Vite that the `index.html` (template)
                   // is located in the `/public` folder.
@@ -62,12 +90,26 @@ function _run() {
               server: {
                 port: DEFAULT_PORT
               },
+              experimental: {
+                // https://vitejs.dev/guide/build.html#advanced-base-options
+                renderBuiltUrl: function renderBuiltUrl(filename, _ref) {
+                  var hostType = _ref.hostType;
+
+                  if (hostType === 'html') {
+                    return "__CDN_URL__".concat(filename);
+                  }
+
+                  return {
+                    runtime: "window.__toCdnUrl(".concat(_JSON$stringify(filename), ")")
+                  };
+                }
+              },
               plugins: [pluginGraphql(), pluginReact({
                 jsxImportSource: '@emotion/react',
                 babel: {
                   plugins: ['@emotion/babel-plugin']
                 }
-              })]
+              }), vitePluginSvgr(), vitePluginDynamicBaseAssetsGlobals()]
             });
 
           case 7:

package/dist/{build-vite-76d44332.cjs.prod.js → build-vite-b7cd993a.cjs.prod.js}

@@ -12,9 +12,11 @@ var pluginReact = require('@vitejs/plugin-react');
 var mcHtmlTemplate = require('@commercetools-frontend/mc-html-template');
 var assets = require('@commercetools-frontend/assets');
 var paths = require('./paths-76b66e74.cjs.prod.js');
+var vitePluginSvgr = require('./vite-plugin-svgr-f3bbedbe.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 }; }
 
@@ -26,6 +28,31 @@ var path__default = /*#__PURE__*/_interopDefault(path);
 var pluginGraphql__default = /*#__PURE__*/_interopDefault(pluginGraphql);
 var pluginReact__default = /*#__PURE__*/_interopDefault(pluginReact);
 
+// 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
+var dynamicBaseAssetsCode = "globalThis.__toCdnUrl = filePath => window.app.cdnUrl.replace(/\\/$/, '') + '/' + filePath;";
+
+function vitePluginDynamicBaseAssetsGlobals() {
+  return {
+    name: 'dynamic-base-assets-globals',
+    transformIndexHtml: function transformIndexHtml(html, ctx) {
+      if (ctx.bundle) {
+        // Only inject during build
+        return [{
+          tag: 'script',
+          attrs: {
+            type: 'module'
+          },
+          children: dynamicBaseAssetsCode
+        }];
+      }
+
+      return html;
+    }
+  };
+}
+
 function run() {
   return _run.apply(this, arguments);
 }
@@ -56,13 +83,14 @@ function _run() {
             _context.next = 7;
             return 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',
-                assetsDir: '.',
                 rollupOptions: {
                   // This is necessary to instruct Vite that the `index.html` (template)
                   // is located in the `/public` folder.
@@ -74,12 +102,26 @@ function _run() {
               server: {
                 port: DEFAULT_PORT
               },
+              experimental: {
+                // https://vitejs.dev/guide/build.html#advanced-base-options
+                renderBuiltUrl: function renderBuiltUrl(filename, _ref) {
+                  var 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']
                 }
-              })]
+              }), vitePluginSvgr.vitePluginSvgr(), vitePluginDynamicBaseAssetsGlobals()]
             });
 
           case 7:

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vendorsToTranspile = require('./vendors-to-transpile-b51af5d3.cjs.dev.js');
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "21.8.0";
+var version = "21.10.0";
 
 // These exports are deprecated.
 function createWebpackConfigForDevelopment(options) {

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vendorsToTranspile = require('./vendors-to-transpile-367e0ba8.cjs.prod.js');
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "21.8.0";
+var version = "21.10.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';
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "21.8.0";
+var version = "21.10.0";
 
 // These exports are deprecated.
 function createWebpackConfigForDevelopment(options) {

package/dist/{compile-html-4832f8c5.esm.js → compile-html-4361a0b3.esm.js}

@@ -11,71 +11,65 @@ import 'path';
 
 var appDirectory = fs.realpathSync(process.cwd());
 
-function run() {
+function run(_x) {
   return _run.apply(this, arguments);
 }
 
 function _run() {
-  _run = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-    var options,
-        compiled,
-        transformerPath,
-        transformerFn,
-        _context,
-        _args = arguments;
+  _run = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(options) {
+    var compiled, transformerPath, transformerFn, _context;
 
     return _regeneratorRuntime.wrap(function _callee$(_context2) {
       while (1) {
         switch (_context2.prev = _context2.next) {
           case 0:
-            options = _args.length > 0 && _args[0] !== undefined ? _args[0] : {};
             console.log('Compiling index.html...');
-            _context2.next = 4;
+            _context2.next = 3;
             return compileHtml(paths.appIndexHtmlTemplate);
 
-          case 4:
+          case 3:
             compiled = _context2.sent;
             fs.writeFileSync(paths.appIndexHtml, compiled.indexHtmlContent, {
               encoding: 'utf8'
             });
 
             if (!options.transformer) {
-              _context2.next = 18;
+              _context2.next = 17;
               break;
             }
 
-            _context2.prev = 7;
+            _context2.prev = 6;
             transformerPath = require.resolve(options.transformer, {
               paths: [appDirectory]
             });
             transformerFn = require(transformerPath);
             transformerFn(compiled);
-            _context2.next = 16;
+            _context2.next = 15;
             break;
 
-          case 13:
-            _context2.prev = 13;
-            _context2.t0 = _context2["catch"](7);
+          case 12:
+            _context2.prev = 12;
+            _context2.t0 = _context2["catch"](6);
             throw new Error(_concatInstanceProperty(_context = "Could not load transformer module \"".concat(options.transformer, "\"\n")).call(_context, _context2.t0 instanceof Error ? _context2.t0.stack : ''));
 
-          case 16:
-            _context2.next = 19;
+          case 15:
+            _context2.next = 18;
             break;
 
-          case 18:
-            if (options['print-security-headers']) {
+          case 17:
+            if (options.printSecurityHeaders) {
               console.log(_JSON$stringify(compiled.headers));
             }
 
-          case 19:
+          case 18:
             console.log(chalk.green('Compiled successfully.\n'));
 
-          case 20:
+          case 19:
           case "end":
             return _context2.stop();
         }
       }
-    }, _callee, null, [[7, 13]]);
+    }, _callee, null, [[6, 12]]);
   }));
   return _run.apply(this, arguments);
 }

package/dist/{compile-html-7654b5e6.cjs.prod.js → compile-html-d6331c35.cjs.prod.js}

@@ -21,71 +21,65 @@ var chalk__default = /*#__PURE__*/_interopDefault(chalk);
 
 var appDirectory = fs__default["default"].realpathSync(process.cwd());
 
-function run() {
+function run(_x) {
   return _run.apply(this, arguments);
 }
 
 function _run() {
-  _run = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
-    var options,
-        compiled,
-        transformerPath,
-        transformerFn,
-        _context,
-        _args = arguments;
+  _run = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(options) {
+    var compiled, transformerPath, transformerFn, _context;
 
     return _regeneratorRuntime__default["default"].wrap(function _callee$(_context2) {
       while (1) {
         switch (_context2.prev = _context2.next) {
           case 0:
-            options = _args.length > 0 && _args[0] !== undefined ? _args[0] : {};
             console.log('Compiling index.html...');
-            _context2.next = 4;
+            _context2.next = 3;
             return mcHtmlTemplate.compileHtml(paths.paths.appIndexHtmlTemplate);
 
-          case 4:
+          case 3:
             compiled = _context2.sent;
             fs__default["default"].writeFileSync(paths.paths.appIndexHtml, compiled.indexHtmlContent, {
               encoding: 'utf8'
             });
 
             if (!options.transformer) {
-              _context2.next = 18;
+              _context2.next = 17;
               break;
             }
 
-            _context2.prev = 7;
+            _context2.prev = 6;
             transformerPath = require.resolve(options.transformer, {
               paths: [appDirectory]
             });
             transformerFn = require(transformerPath);
             transformerFn(compiled);
-            _context2.next = 16;
+            _context2.next = 15;
             break;
 
-          case 13:
-            _context2.prev = 13;
-            _context2.t0 = _context2["catch"](7);
+          case 12:
+            _context2.prev = 12;
+            _context2.t0 = _context2["catch"](6);
             throw new Error(_concatInstanceProperty__default["default"](_context = "Could not load transformer module \"".concat(options.transformer, "\"\n")).call(_context, _context2.t0 instanceof Error ? _context2.t0.stack : ''));
 
-          case 16:
-            _context2.next = 19;
+          case 15:
+            _context2.next = 18;
             break;
 
-          case 18:
-            if (options['print-security-headers']) {
+          case 17:
+            if (options.printSecurityHeaders) {
               console.log(_JSON$stringify__default["default"](compiled.headers));
             }
 
-          case 19:
+          case 18:
             console.log(chalk__default["default"].green('Compiled successfully.\n'));
 
-          case 20:
+          case 19:
           case "end":
             return _context2.stop();
         }
       }
-    }, _callee, null, [[7, 13]]);
+    }, _callee, null, [[6, 12]]);
   }));
   return _run.apply(this, arguments);
 }

package/dist/{compile-html-0c588a89.cjs.dev.js → compile-html-d9e731aa.cjs.dev.js}

@@ -21,71 +21,65 @@ var chalk__default = /*#__PURE__*/_interopDefault(chalk);
 
 var appDirectory = fs__default["default"].realpathSync(process.cwd());
 
-function run() {
+function run(_x) {
   return _run.apply(this, arguments);
 }
 
 function _run() {
-  _run = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
-    var options,
-        compiled,
-        transformerPath,
-        transformerFn,
-        _context,
-        _args = arguments;
+  _run = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(options) {
+    var compiled, transformerPath, transformerFn, _context;
 
     return _regeneratorRuntime__default["default"].wrap(function _callee$(_context2) {
       while (1) {
         switch (_context2.prev = _context2.next) {
           case 0:
-            options = _args.length > 0 && _args[0] !== undefined ? _args[0] : {};
             console.log('Compiling index.html...');
-            _context2.next = 4;
+            _context2.next = 3;
             return mcHtmlTemplate.compileHtml(paths.paths.appIndexHtmlTemplate);
 
-          case 4:
+          case 3:
             compiled = _context2.sent;
             fs__default["default"].writeFileSync(paths.paths.appIndexHtml, compiled.indexHtmlContent, {
               encoding: 'utf8'
             });
 
             if (!options.transformer) {
-              _context2.next = 18;
+              _context2.next = 17;
               break;
             }
 
-            _context2.prev = 7;
+            _context2.prev = 6;
             transformerPath = require.resolve(options.transformer, {
               paths: [appDirectory]
             });
             transformerFn = require(transformerPath);
             transformerFn(compiled);
-            _context2.next = 16;
+            _context2.next = 15;
             break;
 
-          case 13:
-            _context2.prev = 13;
-            _context2.t0 = _context2["catch"](7);
+          case 12:
+            _context2.prev = 12;
+            _context2.t0 = _context2["catch"](6);
             throw new Error(_concatInstanceProperty__default["default"](_context = "Could not load transformer module \"".concat(options.transformer, "\"\n")).call(_context, _context2.t0 instanceof Error ? _context2.t0.stack : ''));
 
-          case 16:
-            _context2.next = 19;
+          case 15:
+            _context2.next = 18;
             break;
 
-          case 18:
-            if (options['print-security-headers']) {
+          case 17:
+            if (options.printSecurityHeaders) {
               console.log(_JSON$stringify__default["default"](compiled.headers));
             }
 
-          case 19:
+          case 18:
             console.log(chalk__default["default"].green('Compiled successfully.\n'));
 
-          case 20:
+          case 19:
           case "end":
             return _context2.stop();
         }
       }
-    }, _callee, null, [[7, 13]]);
+    }, _callee, null, [[6, 12]]);
   }));
   return _run.apply(this, arguments);
 }