@commercetools-frontend/mc-scripts 20.10.6 → 20.11.0

package/build/bin/cli.js

@@ -41,6 +41,7 @@ Commands:
   compile-html              Compiles "index.html.template" file into a "index.html" with all the required runtime configuration. Outputs a "public" folder. Additionally, the security headers are also compiled and printed to stdout, unless you use a "transformer".
                             More info at https://docs.commercetools.com/custom-applications/deployment/compiling-a-custom-application.
       --transformer <path>  (optional) The path to a JS module that can be used to generate a configuration for a specific cloud provider (e.g. Netlify, Vercel, Firebase).
+      --inline-csp          (optional) If defined, the CSP config is inlined in the HTML head as a meta tag. This might be useful to keep using a static config for a hosting provider without the dynamically generated Content-Security-Policy header.
 
   start                     Starts the application in development mode using Webpack Dev Server.
 
@@ -78,7 +79,7 @@ const applicationDirectory = fs.realpathSync(process.cwd());
           // Do this as the first thing so that any code reading it knows the right env.
           process.env.NODE_ENV = 'production'; // Get specific flag for this command.
 
-          const commandArgs = getArgsForCommand(['transformer']);
+          const commandArgs = getArgsForCommand(['transformer', 'inline-csp']);
           proxyCommand({
             commandArgs
           });

package/build/commands/compile-html.js

@@ -17,7 +17,9 @@ const {
   compileHtml
 } = require('@commercetools-frontend/mc-html-template');
 
-const flags = mri(process.argv.slice(2));
+const flags = mri(process.argv.slice(2), {
+  boolean: ['inline-csp']
+});
 const appDirectory = fs.realpathSync(process.cwd());
 
 const resolveApp = relativePath => path.resolve(appDirectory, relativePath);
@@ -60,7 +62,9 @@ try {
 shelljs.cp('-R', path.join(assetsFrom, '/*'), publicAssetsPath);
 
 const generateStatic = async () => {
-  const compiled = await compileHtml(paths.indexHtmlTemplatePath);
+  const compiled = await compileHtml(paths.indexHtmlTemplatePath, {
+    inlineCsp: flags['inline-csp']
+  });
   fs.writeFileSync(paths.indexHtmlPath, compiled.indexHtmlContent, {
     encoding: 'utf8'
   });

package/build/webpack-plugins/local-html-webpack-plugin.js

@@ -25,7 +25,9 @@ class LocalHtmlWebpackPlugin {
   apply(compiler) {
     compiler.hooks.compilation.tap('LocalHtmlWebpackPlugin', compilation => {
       HtmlWebpackPlugin.getHooks(compilation).beforeEmit.tapAsync('LocalHtmlWebpackPlugin', (data, cb) => {
-        data.html = replaceHtmlPlaceholders(data.html, enhancedLocalEnv);
+        data.html = replaceHtmlPlaceholders(data.html, {
+          env: enhancedLocalEnv
+        });
         cb(null, data);
       });
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/mc-scripts",
-  "version": "20.10.6",
+  "version": "20.11.0",
   "description": "Configuration and scripts for developing a MC application",
   "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
   "repository": {
@@ -28,11 +28,11 @@
   "dependencies": {
     "@babel/runtime": "7.15.4",
     "@babel/runtime-corejs3": "7.15.4",
-    "@commercetools-frontend/application-config": "20.10.6",
+    "@commercetools-frontend/application-config": "20.11.0",
     "@commercetools-frontend/assets": "20.10.6",
     "@commercetools-frontend/babel-preset-mc-app": "20.10.6",
     "@commercetools-frontend/mc-dev-authentication": "20.10.6",
-    "@commercetools-frontend/mc-html-template": "20.10.6",
+    "@commercetools-frontend/mc-html-template": "20.11.0",
     "@pmmmwh/react-refresh-webpack-plugin": "0.5.1",
     "@svgr/webpack": "5.5.0",
     "autoprefixer": "10.3.7",