@raisenow/tamaro-cli 1.0.21 → 1.0.22

package/.nvmrc

@@ -1 +1 @@
-16.15.0
+16.17.0

package/README.md

@@ -38,6 +38,7 @@ Runs the local development server for _Tamaro Core_ or a particular customer con
 ### Options
 
 - `--local-core` – Load _Tamaro Core_ from localhost:1234 instead of the CDN
+- `--https` – Let local web server serve Tamaro with SSL encryption
 - `--port <port>` – Web server port (default: 1234)
 - `--env <env>` – Environment (dev, stage, prod)
 
@@ -66,6 +67,26 @@ npx -y @raisenow/tamaro-cli dev
     npx -y @raisenow/tamaro-cli dev --local-core
     ```
 
+### Use Transport Level Security (HTTPS)
+
+You might want to the local web server to serve Tamaro over HTTPS, for example for testing wallet payments over Google Pay. For that, you have to install [mkcert](https://mkcert.org/), then generate a local certificate and key file and install it into your local trust stores using this command in the root directory of the Tamaro configuration repository (or Tamaro Core):
+
+Install `mkcert`:
+
+```bash
+brew install mkcert
+```
+
+Generate certificate:
+
+```bash
+mkcert -install -cert-file localhost.crt -key-file localhost.key localhost 127.0.0.1 0.0.0.0 ::1
+```
+
+You will see that the certificate and key files are created. Keep them for yourself. Do not share them or commit them. (They should be ignored by Git.)
+
+You can then use the flag `--https` with the CLI. If you are using the local Tamaro Core, you also have to serve that over HTTPS. Certificate and key files must be copied to Tamaro Core folder as well.
+
 ## `build`
 
 Build an optimised (minified) bundle of _Tamaro Core_ or a customer configuration.
@@ -75,6 +96,7 @@ Build an optimised (minified) bundle of _Tamaro Core_ or a customer configuratio
 - `--local-core` – Load _Tamaro Core_ from localhost:1234 instead of the CDN
 - `--analyze` – Generate bundle statistics to `reports` folder
 - `--serve` – Run the generated bundle with a local web server
+- `--https` – Let local web server serve Tamaro with SSL encryption
 - `--port <port>` – Web server port (default: 1234)
 - `--env <env>` – Environment (dev, stage, prod)
 - `--deploy` – Deploy _Tamaro Core_ or a customer configuration bundle to AWS S3

package/dist/{chunk-MVLEHXBO.js → chunk-2HKMDCAH.js}

@@ -5,6 +5,17 @@ var getFilename = () => fileURLToPath(import.meta.url);
 var getDirname = () => path.dirname(getFilename());
 var __dirname = /* @__PURE__ */ getDirname();
 
+// src/lib/constants.ts
+var DEFAULT_TAG = "latest";
+var DEFAULT_PORT = 1234;
+var DEFAULT_AWS_PROFILE = "payments-prod-cs-deployer";
+var DEFAULT_AWS_S3_EMAIL_CONFIG_BUCKET = "rnw-email-service";
+var AWS_S3_BUCKET = "tamaro.raisenow.com";
+var CORE_CONFIG_NAME = "tamaro-core";
+var AWS_CLOUDFRONT_DISTRIBUTION_ID = "EHJ1OM458YQ0I";
+var HTTPS_CRT_FILE = "localhost.crt";
+var HTTPS_KEY_FILE = "localhost.key";
+
 // src/lib/logging.ts
 import chalk from "chalk";
 import stripIndent from "strip-indent";
@@ -62,6 +73,7 @@ var getWidgetUuid = () => basename(resolveApp("."));
 var getPaths = (ifCore) => {
   return ifCore(
     {
+      root: resolveApp("."),
       app: resolveApp("."),
       appEntry: resolveModule(resolveApp, "src/index"),
       appDist: resolveApp("dist"),
@@ -72,6 +84,7 @@ var getPaths = (ifCore) => {
       appTailwindConfig: resolveApp("tailwind.config.js")
     },
     {
+      root: resolveApp("../.."),
       app: resolveApp("."),
       appEntry: resolveModule(resolveApp, "widget"),
       appDist: resolveApp(`../../dist/${getWidgetUuid()}`),
@@ -144,7 +157,7 @@ var runCommandSync = (cmd, options) => {
 
 // src/lib/env.ts
 var require3 = createRequire2(import.meta.url);
-var getEnvVars = (files, ifMin, ifCore, ifLocalCore) => {
+var getEnvVars = (files, ifMin, ifCore, ifLocalCore, ifHttps) => {
   var _a, _b, _c, _d, _e, _f, _g, _h;
   const filePath = files.find((file) => basename2(file) === ".env");
   dotenvExpand(dotenvConfig({ path: filePath }));
@@ -168,7 +181,8 @@ var getEnvVars = (files, ifMin, ifCore, ifLocalCore) => {
   if (!ifCore()) {
     process.env.WIDGET_UUID = getWidgetUuid();
     if (ifLocalCore()) {
-      process.env.CORE_URL = `http://0.0.0.0:1234/index.js`;
+      const protocol = ifHttps() ? "https" : "http";
+      process.env.CORE_URL = `${protocol}://0.0.0.0:1234/index.js`;
     } else {
       let version = process.env.CORE_VERSION;
       version = version ? `@${version}` : "";
@@ -238,6 +252,15 @@ var assertEnvValid = (env) => {
 };
 
 export {
+  DEFAULT_TAG,
+  DEFAULT_PORT,
+  DEFAULT_AWS_PROFILE,
+  DEFAULT_AWS_S3_EMAIL_CONFIG_BUCKET,
+  AWS_S3_BUCKET,
+  CORE_CONFIG_NAME,
+  AWS_CLOUDFRONT_DISTRIBUTION_ID,
+  HTTPS_CRT_FILE,
+  HTTPS_KEY_FILE,
   logTitle,
   logError,
   logCommand,

package/dist/cli.js

@@ -1,5 +1,14 @@
 #!/usr/bin/env node
 import {
+  AWS_CLOUDFRONT_DISTRIBUTION_ID,
+  AWS_S3_BUCKET,
+  CORE_CONFIG_NAME,
+  DEFAULT_AWS_PROFILE,
+  DEFAULT_AWS_S3_EMAIL_CONFIG_BUCKET,
+  DEFAULT_PORT,
+  DEFAULT_TAG,
+  HTTPS_CRT_FILE,
+  HTTPS_KEY_FILE,
   assertEnvValid,
   getIfCoreFns,
   getPaths,
@@ -12,7 +21,7 @@ import {
   resolveBin,
   resolveOwn,
   runCommandSync
-} from "./chunk-MVLEHXBO.js";
+} from "./chunk-2HKMDCAH.js";
 
 // src/cli.ts
 import { createCommand } from "commander";
@@ -20,7 +29,7 @@ import { createCommand } from "commander";
 // package.json
 var package_default = {
   name: "@raisenow/tamaro-cli",
-  version: "1.0.21",
+  version: "1.0.22",
   author: {
     name: "RaiseNow",
     email: "development@raisenow.com"
@@ -40,25 +49,25 @@ var package_default = {
     npm: ">=8"
   },
   dependencies: {
-    "@babel/cli": "^7.18.9",
-    "@babel/core": "^7.18.9",
-    "@babel/plugin-proposal-decorators": "^7.18.9",
+    "@babel/cli": "^7.18.10",
+    "@babel/core": "^7.19.0",
+    "@babel/plugin-proposal-decorators": "^7.19.0",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/plugin-transform-runtime": "^7.18.9",
-    "@babel/preset-env": "^7.18.9",
+    "@babel/plugin-transform-runtime": "^7.18.10",
+    "@babel/preset-env": "^7.19.0",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.18.6",
-    "@babel/runtime-corejs3": "^7.18.9",
+    "@babel/runtime-corejs3": "^7.19.0",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.7",
     "@statoscope/webpack-plugin": "^5.24.0",
     "@types/columnify": "^1.5.1",
-    "@types/lodash": "^4.14.182",
-    "@types/node": "^18.6.3",
+    "@types/lodash": "^4.14.184",
+    "@types/node": "^18.7.15",
     "@types/node-notifier": "^8.0.2",
     "@types/resolve-bin": "^0.4.1",
     "@types/webpack-config-utils": "^2.3.1",
-    "@typescript-eslint/eslint-plugin": "^5.31.0",
-    "@typescript-eslint/parser": "^5.31.0",
+    "@typescript-eslint/eslint-plugin": "^5.36.2",
+    "@typescript-eslint/parser": "^5.36.2",
     autoprefixer: "^10.4.8",
     "babel-loader": "^8.2.5",
     "babel-plugin-istanbul": "^6.1.1",
@@ -68,16 +77,16 @@ var package_default = {
     columnify: "^1.6.0",
     commander: "^9.4.0",
     "copy-webpack-plugin": "^11.0.0",
-    "core-js": "^3.24.1",
+    "core-js": "^3.25.0",
     "css-loader": "^6.7.1",
     "css-minimizer-webpack-plugin": "^4.0.0",
-    dotenv: "^16.0.1",
-    "dotenv-expand": "^8.0.3",
+    dotenv: "^16.0.2",
+    "dotenv-expand": "^9.0.0",
     "escape-string-regexp": "^5.0.0",
-    eslint: "^8.20.0",
+    eslint: "^8.23.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-promise": "^6.0.0",
+    "eslint-plugin-promise": "^6.0.1",
     "eslint-webpack-plugin": "^3.2.0",
     execa: "^6.1.0",
     "file-loader": "^6.2.0",
@@ -89,41 +98,55 @@ var package_default = {
     lodash: "^4.17.21",
     "mini-css-extract-plugin": "^2.6.1",
     "node-notifier": "^10.0.1",
-    portfinder: "^1.0.28",
-    postcss: "^8.4.14",
+    portfinder: "^1.0.32",
+    postcss: "^8.4.16",
     "postcss-custom-properties": "^12.1.7",
     "postcss-loader": "^7.0.1",
     prettier: "^2.7.1",
     "react-refresh": "^0.14.0",
     "resolve-url-loader": "^5.0.0",
-    sass: "^1.54.0",
+    sass: "^1.54.8",
     "sass-loader": "^13.0.2",
     "source-map-loader": "^4.0.0",
     "strip-indent": "^4.0.0",
     "style-loader": "^3.3.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
-    tsup: "^6.2.1",
-    typescript: "^4.7.4",
+    tsup: "^6.2.3",
+    typescript: "^4.8.2",
     "url-loader": "^4.1.1",
     webpack: "^5.74.0",
     "webpack-cli": "^4.10.0",
     "webpack-config-utils": "^2.3.1",
-    "webpack-dev-server": "^4.9.3",
+    "webpack-dev-server": "^4.10.1",
     "yaml-loader": "^0.8.0"
   }
 };
 
-// src/lib/constants.ts
-var DEFAULT_TAG = "latest";
-var DEFAULT_PORT = 1234;
-var DEFAULT_AWS_PROFILE = "payments-prod-cs-deployer";
-var DEFAULT_AWS_S3_EMAIL_CONFIG_BUCKET = "rnw-email-service";
-var AWS_S3_BUCKET = "tamaro.raisenow.com";
-var CORE_CONFIG_NAME = "tamaro-core";
-var AWS_CLOUDFRONT_DISTRIBUTION_ID = "EHJ1OM458YQ0I";
-
 // src/commands/dev.ts
 import { getPortPromise } from "portfinder";
+
+// src/lib/https.ts
+import { existsSync } from "fs";
+import { resolve } from "path";
+import stripIndent from "strip-indent";
+var assertCrtExists = () => {
+  const { ifCore } = getIfCoreFns();
+  const paths = getPaths(ifCore);
+  const certFile = resolve(paths.root, HTTPS_CRT_FILE);
+  const keyFile = resolve(paths.root, HTTPS_KEY_FILE);
+  if (existsSync(certFile) && existsSync(keyFile)) {
+    return;
+  }
+  halt(
+    stripIndent(`
+      Flag \u201C--https\u201D is used, but \u201C${HTTPS_CRT_FILE}\u201D and/or \u201C${HTTPS_KEY_FILE}\u201D files are not found.
+      You need to generate certificate first.
+      Check docs: https://unpkg.com/@raisenow/tamaro-cli/readme.html#/?id=use-transport-level-security-https
+    `)
+  );
+};
+
+// src/commands/dev.ts
 var dev = async (options) => {
   assertOptionsValid(options);
   const flags = (await prepareFlags([], options)).join(" ");
@@ -144,7 +167,7 @@ var dev = async (options) => {
   runCommandSync(cmd, { stdio: "inherit" });
 };
 var assertOptionsValid = (options) => {
-  const { localCore, port, env } = options;
+  const { localCore, https, port, env } = options;
   const { ifCore } = getIfCoreFns();
   if (ifCore() && localCore) {
     halt("Flag \u201C--local-core\u201D is redundant if running in Tamaro Core context.");
@@ -152,21 +175,27 @@ var assertOptionsValid = (options) => {
   if (isNaN(Number(port))) {
     halt("Flag \u201C--port\u201D should be a number.");
   }
+  if (https) {
+    assertCrtExists();
+  }
   assertEnvValid(env);
 };
 var prepareFlags = async (flags, options) => {
-  const { localCore, port: defaultPort } = options;
+  const { localCore, port: defaultPort, https } = options;
   const port = await getPortPromise({ port: Number(defaultPort) });
   if (localCore) {
     flags.push("--env localCore");
   }
   flags.push(`--port ${port}`);
+  if (https) {
+    flags.push("--env https");
+  }
   return flags;
 };
 
 // src/lib/aws.ts
 import { execaCommandSync } from "execa";
-import stripIndent from "strip-indent";
+import stripIndent2 from "strip-indent";
 var withAwsAuthenticate = (fn, options) => {
   awsAuthenticate(options);
   return fn();
@@ -193,16 +222,16 @@ var assertProfileValid = (profile) => {
     console.log(`Using AWS profile: \u201C${profile}\u201D`);
     let message;
     if (profiles.length === 0) {
-      message = stripIndent(`
+      message = stripIndent2(`
         No AWS profiles found.
       `);
     } else {
-      message = stripIndent(`
+      message = stripIndent2(`
         AWS profile \u201C${profile}\u201D has not been found.
         Available profiles are: ${profiles.map((v) => `\u201C${v}\u201D`).join(", ")}.
       `);
     }
-    message += stripIndent(`
+    message += stripIndent2(`
       Run \u201Caws configure sso\u201D to set up SSO-enabled profile.
       Check the wiki for more information:
       https://raisenow.atlassian.net/wiki/x/lIrWvg
@@ -237,12 +266,12 @@ var prepareFlags2 = (flags, options) => {
 
 // src/lib/notifier.ts
 import notifier from "node-notifier";
-import stripIndent2 from "strip-indent";
+import stripIndent3 from "strip-indent";
 var notify = (args) => {
   const { title, message = "" } = args;
   notifier.notify({
     title,
-    message: stripIndent2(message).trim(),
+    message: stripIndent3(message).trim(),
     contentImage: "https://assets.raisenow.io/favicon.png",
     sound: "Funk"
   });
@@ -282,7 +311,7 @@ Bundle for \u201C${configName}\u201D customer configuration is done.`);
   });
 };
 var assertOptionsValid2 = (options) => {
-  const { localCore, deploy: deploy2, profile, env } = options;
+  const { localCore, https, deploy: deploy2, profile, env } = options;
   const { ifCore } = getIfCoreFns();
   if (ifCore() && localCore) {
     halt("Flag \u201C--local-core\u201D is redundant if running in Tamaro Core context.");
@@ -290,23 +319,29 @@ var assertOptionsValid2 = (options) => {
   if (localCore && deploy2) {
     halt("Flags \u201C--local-core\u201D and \u201C--deploy\u201D must not be used together.");
   }
+  if (https) {
+    assertCrtExists();
+  }
   assertProfileValid(profile);
   assertEnvValid(env);
 };
 var prepareFlags3 = (flags, options) => {
-  const { localCore, analyze } = options;
+  const { localCore, analyze, https } = options;
   if (localCore) {
     flags.push("--env localCore");
   }
   if (analyze) {
     flags.push("--env analyze");
   }
+  if (https) {
+    flags.push("--env https");
+  }
   return flags;
 };
 
 // src/commands/deploy.ts
-import { existsSync } from "fs";
-import stripIndent3 from "strip-indent";
+import { existsSync as existsSync2 } from "fs";
+import stripIndent4 from "strip-indent";
 var deploy = async (options) => {
   const { ifCore } = getIfCoreFns();
   const paths = getPaths(ifCore);
@@ -387,9 +422,9 @@ var assertOptionsValid3 = (options) => {
   assertProfileValid(profile);
 };
 var assertDistPathExists = (distPath) => {
-  if (!existsSync(distPath)) {
+  if (!existsSync2(distPath)) {
     halt(
-      stripIndent3(`
+      stripIndent4(`
         Dist folder does not exists.
         Make sure you have built the bundle before trying to deploy it.
       `)
@@ -409,6 +444,7 @@ var prepareFlags4 = (flags, options) => {
 };
 
 // src/commands/serve.ts
+import { resolve as resolve2 } from "path";
 import { getPortPromise as getPortPromise2 } from "portfinder";
 var serve = async (options) => {
   assertOptionsValid4(options);
@@ -425,15 +461,26 @@ var serve = async (options) => {
   runCommandSync(cmd, { stdio: "inherit" });
 };
 var assertOptionsValid4 = (options) => {
-  const { port } = options;
+  const { port, https } = options;
   if (isNaN(Number(port))) {
     halt('Flag "--port" should be a number.');
   }
+  if (https) {
+    assertCrtExists();
+  }
 };
 var prepareFlags5 = async (flags, options) => {
-  const { port: defaultPort } = options;
+  const { port: defaultPort, https } = options;
   const port = await getPortPromise2({ port: Number(defaultPort) });
   flags.push(`-p ${port}`);
+  if (https) {
+    const { ifCore } = getIfCoreFns();
+    const paths = getPaths(ifCore);
+    const certFile = resolve2(paths.root, HTTPS_CRT_FILE);
+    const keyFile = resolve2(paths.root, HTTPS_KEY_FILE);
+    flags.push(`--ssl-cert ${certFile}`);
+    flags.push(`--ssl-key ${keyFile}`);
+  }
   return flags;
 };
 
@@ -497,7 +544,7 @@ var parseTags = (lines) => {
 };
 
 // src/commands/deploy-email-config.ts
-import { existsSync as existsSync2 } from "fs";
+import { existsSync as existsSync3 } from "fs";
 var deployEmailConfig = async (options) => {
   const { ifCore } = getIfCoreFns();
   const paths = getPaths(ifCore);
@@ -541,7 +588,7 @@ var assertOptionsValid6 = (options) => {
   assertProfileValid(profile);
 };
 var assertEmailConfigPathExists = (distPath) => {
-  if (!existsSync2(distPath)) {
+  if (!existsSync3(distPath)) {
     halt("Email config folder does not exists. Nothing to deploy.", 0);
   }
 };
@@ -577,6 +624,10 @@ cli.command("dev").description(
   "--local-core",
   "Load Tamaro Core from localhost:1234 instead of the CDN",
   false
+).option(
+  "--https",
+  "Let local web server serve Tamaro with SSL encryption",
+  false
 ).option("--port <port>", "Web server port", `${DEFAULT_PORT}`).option("--env <env>", "Environment (dev, stage, prod)").action(async (options) => {
   await dev(options);
 });
@@ -586,7 +637,11 @@ cli.command("build").description(
   "--local-core",
   "Load Tamaro Core from localhost:1234 instead of the CDN",
   false
-).option("--analyze", 'Generate bundle statistics to "reports" folder', false).option("--serve", "Run the generated bundle with a local web server", false).option("--port <port>", "Web server port", `${DEFAULT_PORT}`).option("--env <env>", "Environment (dev, stage, prod)").option(
+).option("--analyze", 'Generate bundle statistics to "reports" folder', false).option("--serve", "Run the generated bundle with a local web server", false).option(
+  "--https",
+  "Let local web server serve Tamaro with SSL encryption",
+  false
+).option("--port <port>", "Web server port", `${DEFAULT_PORT}`).option("--env <env>", "Environment (dev, stage, prod)").option(
   "--deploy",
   "Deploy Tamaro Core or a customer configuration bundle to AWS S3",
   false
@@ -607,7 +662,11 @@ cli.command("build").description(
     await deploy(options);
   }
 });
-cli.command("serve").description("Run a local web server for pre-built bundle").option("--port <port>", "Web server port", `${DEFAULT_PORT}`).action(async (options) => {
+cli.command("serve").description("Run a local web server for pre-built bundle").option("--port <port>", "Web server port", `${DEFAULT_PORT}`).option(
+  "--https",
+  "Let local web server serve Tamaro with SSL encryption",
+  false
+).action(async (options) => {
   await serve(options);
 });
 cli.command("deploy").description(

package/dist/webpack.config.js

@@ -1,4 +1,6 @@
 import {
+  HTTPS_CRT_FILE,
+  HTTPS_KEY_FILE,
   extensions,
   getEnvVars,
   getIfCoreFns,
@@ -8,11 +10,11 @@ import {
   logTitle,
   moduleFileExtensions,
   resolveApp
-} from "./chunk-MVLEHXBO.js";
+} from "./chunk-2HKMDCAH.js";
 
 // src/webpack.config.ts
 import { createRequire } from "module";
-import { basename, dirname } from "path";
+import { basename, dirname, resolve } from "path";
 import { existsSync } from "fs";
 import glob from "glob";
 import { getIfUtils, removeEmpty } from "webpack-config-utils";
@@ -65,12 +67,13 @@ var imageInlineSizeLimit = 0;
 var getWebpackConfig = async (env) => {
   const { ifMin, ifNotMin } = getIfUtils(env, ["min"]);
   const { ifAnalyze } = getIfUtils(env, ["analyze"]);
+  const { ifHttps } = getIfUtils(env, ["https"]);
   const { ifLocalCore } = getIfUtils(env, ["localCore"]);
   const { ifCore } = getIfCoreFns();
   const paths = getPaths(ifCore);
   const appHtmlFiles = glob.sync(paths.appHtml);
   const appEnvFiles = glob.sync(paths.appEnv);
-  const envVars = getEnvVars(appEnvFiles, ifMin, ifCore, ifLocalCore);
+  const envVars = getEnvVars(appEnvFiles, ifMin, ifCore, ifLocalCore, ifHttps);
   const { ifHmr } = getIfUtils({ hmr: process.env.HMR_ENABLED === "true" }, ["hmr"]);
   const useTailwind = ifCore() && paths.appTailwindConfig && existsSync(paths.appTailwindConfig);
   logTitle("Paths:");
@@ -288,7 +291,14 @@ var getWebpackConfig = async (env) => {
           warnings: false,
           errors: true
         }
-      }
+      },
+      server: ifHttps({
+        type: "https",
+        options: {
+          cert: resolve(paths.root, HTTPS_CRT_FILE),
+          key: resolve(paths.root, HTTPS_KEY_FILE)
+        }
+      })
     },
     optimization: {
       removeEmptyChunks: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@raisenow/tamaro-cli",
-  "version": "1.0.21",
+  "version": "1.0.22",
   "author": {
     "name": "RaiseNow",
     "email": "development@raisenow.com"
@@ -20,25 +20,25 @@
     "npm": ">=8"
   },
   "dependencies": {
-    "@babel/cli": "^7.18.9",
-    "@babel/core": "^7.18.9",
-    "@babel/plugin-proposal-decorators": "^7.18.9",
+    "@babel/cli": "^7.18.10",
+    "@babel/core": "^7.19.0",
+    "@babel/plugin-proposal-decorators": "^7.19.0",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/plugin-transform-runtime": "^7.18.9",
-    "@babel/preset-env": "^7.18.9",
+    "@babel/plugin-transform-runtime": "^7.18.10",
+    "@babel/preset-env": "^7.19.0",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.18.6",
-    "@babel/runtime-corejs3": "^7.18.9",
+    "@babel/runtime-corejs3": "^7.19.0",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.7",
     "@statoscope/webpack-plugin": "^5.24.0",
     "@types/columnify": "^1.5.1",
-    "@types/lodash": "^4.14.182",
-    "@types/node": "^18.6.3",
+    "@types/lodash": "^4.14.184",
+    "@types/node": "^18.7.15",
     "@types/node-notifier": "^8.0.2",
     "@types/resolve-bin": "^0.4.1",
     "@types/webpack-config-utils": "^2.3.1",
-    "@typescript-eslint/eslint-plugin": "^5.31.0",
-    "@typescript-eslint/parser": "^5.31.0",
+    "@typescript-eslint/eslint-plugin": "^5.36.2",
+    "@typescript-eslint/parser": "^5.36.2",
     "autoprefixer": "^10.4.8",
     "babel-loader": "^8.2.5",
     "babel-plugin-istanbul": "^6.1.1",
@@ -48,16 +48,16 @@
     "columnify": "^1.6.0",
     "commander": "^9.4.0",
     "copy-webpack-plugin": "^11.0.0",
-    "core-js": "^3.24.1",
+    "core-js": "^3.25.0",
     "css-loader": "^6.7.1",
     "css-minimizer-webpack-plugin": "^4.0.0",
-    "dotenv": "^16.0.1",
-    "dotenv-expand": "^8.0.3",
+    "dotenv": "^16.0.2",
+    "dotenv-expand": "^9.0.0",
     "escape-string-regexp": "^5.0.0",
-    "eslint": "^8.20.0",
+    "eslint": "^8.23.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-promise": "^6.0.0",
+    "eslint-plugin-promise": "^6.0.1",
     "eslint-webpack-plugin": "^3.2.0",
     "execa": "^6.1.0",
     "file-loader": "^6.2.0",
@@ -69,26 +69,26 @@
     "lodash": "^4.17.21",
     "mini-css-extract-plugin": "^2.6.1",
     "node-notifier": "^10.0.1",
-    "portfinder": "^1.0.28",
-    "postcss": "^8.4.14",
+    "portfinder": "^1.0.32",
+    "postcss": "^8.4.16",
     "postcss-custom-properties": "^12.1.7",
     "postcss-loader": "^7.0.1",
     "prettier": "^2.7.1",
     "react-refresh": "^0.14.0",
     "resolve-url-loader": "^5.0.0",
-    "sass": "^1.54.0",
+    "sass": "^1.54.8",
     "sass-loader": "^13.0.2",
     "source-map-loader": "^4.0.0",
     "strip-indent": "^4.0.0",
     "style-loader": "^3.3.1",
     "tsconfig-paths-webpack-plugin": "^4.0.0",
-    "tsup": "^6.2.1",
-    "typescript": "^4.7.4",
+    "tsup": "^6.2.3",
+    "typescript": "^4.8.2",
     "url-loader": "^4.1.1",
     "webpack": "^5.74.0",
     "webpack-cli": "^4.10.0",
     "webpack-config-utils": "^2.3.1",
-    "webpack-dev-server": "^4.9.3",
+    "webpack-dev-server": "^4.10.1",
     "yaml-loader": "^0.8.0"
   }
 }

package/src/cli.ts

@@ -49,6 +49,11 @@ cli
     'Load Tamaro Core from localhost:1234 instead of the CDN',
     false,
   )
+  .option(
+    '--https',
+    'Let local web server serve Tamaro with SSL encryption',
+    false,
+  )
   .option('--port <port>', 'Web server port', `${DEFAULT_PORT}`)
   .option('--env <env>', 'Environment (dev, stage, prod)')
   .action(async (options: DevOptions) => {
@@ -67,6 +72,11 @@ cli
   )
   .option('--analyze', 'Generate bundle statistics to "reports" folder', false)
   .option('--serve', 'Run the generated bundle with a local web server', false)
+  .option(
+    '--https',
+    'Let local web server serve Tamaro with SSL encryption',
+    false,
+  )
   .option('--port <port>', 'Web server port', `${DEFAULT_PORT}`)
   .option('--env <env>', 'Environment (dev, stage, prod)')
   .option(
@@ -100,6 +110,11 @@ cli
   .command('serve')
   .description('Run a local web server for pre-built bundle')
   .option('--port <port>', 'Web server port', `${DEFAULT_PORT}`)
+  .option(
+    '--https',
+    'Let local web server serve Tamaro with SSL encryption',
+    false,
+  )
   .action(async (options: ServeOptions) => {
     await serve(options)
   })

package/src/commands/build.ts

@@ -8,6 +8,7 @@ import {
   resolveOwn,
 } from 'lib/resolve'
 import {assertEnvValid} from 'lib/env'
+import {assertCrtExists} from 'lib/https'
 import {logCommand, logTitle} from 'lib/logging'
 import {notify} from 'lib/notifier'
 import {halt, runCommandSync} from 'lib/command'
@@ -18,6 +19,7 @@ import {DeployOptions} from 'commands/deploy'
 export type BuildOptions = {
   localCore: boolean
   analyze: boolean
+  https: boolean
   serve: boolean
   deploy: boolean
   env: string
@@ -70,7 +72,7 @@ export const build = async (
 ///////////////////////////////////////////////////////////////////////////////
 
 const assertOptionsValid = (options: BuildOptions & DeployOptions) => {
-  const {localCore, deploy, profile, env} = options
+  const {localCore, https, deploy, profile, env} = options
   const {ifCore} = getIfCoreFns()
 
   if (ifCore() && localCore) {
@@ -81,6 +83,10 @@ const assertOptionsValid = (options: BuildOptions & DeployOptions) => {
     halt('Flags “--local-core” and “--deploy” must not be used together.')
   }
 
+  if (https) {
+    assertCrtExists()
+  }
+
   assertProfileValid(profile)
   assertEnvValid(env)
 }
@@ -88,7 +94,7 @@ const assertOptionsValid = (options: BuildOptions & DeployOptions) => {
 ///////////////////////////////////////////////////////////////////////////////
 
 const prepareFlags = (flags: string[], options: BuildOptions): string[] => {
-  const {localCore, analyze} = options
+  const {localCore, analyze, https} = options
 
   if (localCore) {
     flags.push('--env localCore')
@@ -98,5 +104,9 @@ const prepareFlags = (flags: string[], options: BuildOptions): string[] => {
     flags.push('--env analyze')
   }
 
+  if (https) {
+    flags.push('--env https')
+  }
+
   return flags
 }

package/src/commands/dev.ts

@@ -3,11 +3,13 @@ import {getIfCoreFns, resolveBin, resolveOwn} from 'lib/resolve'
 import {logCommand, logTitle} from 'lib/logging'
 import {halt, runCommandSync} from 'lib/command'
 import {assertEnvValid} from 'lib/env'
+import {assertCrtExists} from 'lib/https'
 
 ///////////////////////////////////////////////////////////////////////////////
 
 export type DevOptions = {
   localCore: boolean
+  https: boolean
   port: string
   env: string
 }
@@ -39,7 +41,7 @@ export const dev = async (options: DevOptions): Promise<void> => {
 ///////////////////////////////////////////////////////////////////////////////
 
 const assertOptionsValid = (options: DevOptions) => {
-  const {localCore, port, env} = options
+  const {localCore, https, port, env} = options
   const {ifCore} = getIfCoreFns()
 
   if (ifCore() && localCore) {
@@ -50,6 +52,10 @@ const assertOptionsValid = (options: DevOptions) => {
     halt('Flag “--port” should be a number.')
   }
 
+  if (https) {
+    assertCrtExists()
+  }
+
   assertEnvValid(env)
 }
 
@@ -59,7 +65,7 @@ const prepareFlags = async (
   flags: string[],
   options: DevOptions,
 ): Promise<string[]> => {
-  const {localCore, port: defaultPort} = options
+  const {localCore, port: defaultPort, https} = options
   const port = await getPortPromise({port: Number(defaultPort)})
 
   if (localCore) {
@@ -68,5 +74,9 @@ const prepareFlags = async (
 
   flags.push(`--port ${port}`)
 
+  if (https) {
+    flags.push('--env https')
+  }
+
   return flags
 }

package/src/commands/serve.ts

@@ -1,12 +1,16 @@
+import {resolve} from 'path'
 import {getPortPromise} from 'portfinder'
 import {getIfCoreFns, getPaths} from 'lib/resolve'
 import {logCommand, logTitle} from 'lib/logging'
 import {halt, runCommandSync} from 'lib/command'
+import {assertCrtExists} from 'lib/https'
+import {HTTPS_CRT_FILE, HTTPS_KEY_FILE} from 'lib/constants'
 
 ///////////////////////////////////////////////////////////////////////////////
 
 export type ServeOptions = {
   port: string
+  https: boolean
 }
 
 ///////////////////////////////////////////////////////////////////////////////
@@ -31,11 +35,15 @@ export const serve = async (options: ServeOptions): Promise<void> => {
 ///////////////////////////////////////////////////////////////////////////////
 
 const assertOptionsValid = (options: ServeOptions) => {
-  const {port} = options
+  const {port, https} = options
 
   if (isNaN(Number(port))) {
     halt('Flag "--port" should be a number.')
   }
+
+  if (https) {
+    assertCrtExists()
+  }
 }
 
 ///////////////////////////////////////////////////////////////////////////////
@@ -44,10 +52,20 @@ const prepareFlags = async (
   flags: string[],
   options: ServeOptions,
 ): Promise<string[]> => {
-  const {port: defaultPort} = options
+  const {port: defaultPort, https} = options
   const port = await getPortPromise({port: Number(defaultPort)})
 
   flags.push(`-p ${port}`)
 
+  if (https) {
+    const {ifCore} = getIfCoreFns()
+    const paths = getPaths(ifCore)
+    const certFile = resolve(paths.root, HTTPS_CRT_FILE)
+    const keyFile = resolve(paths.root, HTTPS_KEY_FILE)
+
+    flags.push(`--ssl-cert ${certFile}`)
+    flags.push(`--ssl-key ${keyFile}`)
+  }
+
   return flags
 }

package/src/lib/constants.ts

@@ -5,3 +5,5 @@ export const DEFAULT_AWS_S3_EMAIL_CONFIG_BUCKET = 'rnw-email-service'
 export const AWS_S3_BUCKET = 'tamaro.raisenow.com'
 export const CORE_CONFIG_NAME = 'tamaro-core'
 export const AWS_CLOUDFRONT_DISTRIBUTION_ID = 'EHJ1OM458YQ0I'
+export const HTTPS_CRT_FILE = 'localhost.crt'
+export const HTTPS_KEY_FILE = 'localhost.key'

package/src/lib/env.ts

@@ -25,6 +25,7 @@ export const getEnvVars = (
   ifMin: IfUtilsFn,
   ifCore: IfUtilsFn,
   ifLocalCore: IfUtilsFn,
+  ifHttps: IfUtilsFn,
 ) => {
   const filePath = files.find((file) => basename(file) === '.env')
 
@@ -59,7 +60,8 @@ export const getEnvVars = (
     process.env.WIDGET_UUID = getWidgetUuid()
 
     if (ifLocalCore()) {
-      process.env.CORE_URL = `http://0.0.0.0:1234/index.js`
+      const protocol = ifHttps() ? 'https' : 'http'
+      process.env.CORE_URL = `${protocol}://0.0.0.0:1234/index.js`
     } else {
       let version = process.env.CORE_VERSION
       version = version ? `@${version}` : ''

package/src/lib/https.ts

@@ -0,0 +1,27 @@
+import {existsSync} from 'fs'
+import {resolve} from 'path'
+import stripIndent from 'strip-indent'
+import {halt} from 'lib/command'
+import {getIfCoreFns, getPaths} from 'lib/resolve'
+import {HTTPS_CRT_FILE, HTTPS_KEY_FILE} from 'lib/constants'
+
+///////////////////////////////////////////////////////////////////////////////
+
+export const assertCrtExists = () => {
+  const {ifCore} = getIfCoreFns()
+  const paths = getPaths(ifCore)
+  const certFile = resolve(paths.root, HTTPS_CRT_FILE)
+  const keyFile = resolve(paths.root, HTTPS_KEY_FILE)
+
+  if (existsSync(certFile) && existsSync(keyFile)) {
+    return
+  }
+
+  halt(
+    stripIndent(`
+      Flag “--https” is used, but “${HTTPS_CRT_FILE}” and/or “${HTTPS_KEY_FILE}” files are not found.
+      You need to generate certificate first.
+      Check docs: https://unpkg.com/@raisenow/tamaro-cli/readme.html#/?id=use-transport-level-security-https
+    `),
+  )
+}

package/src/lib/resolve.ts

@@ -67,6 +67,7 @@ export const getWidgetUuid = () => basename(resolveApp('.'))
 export const getPaths = (ifCore: IfUtilsFn) => {
   return ifCore(
     {
+      root: resolveApp('.'),
       app: resolveApp('.'),
       appEntry: resolveModule(resolveApp, 'src/index'),
       appDist: resolveApp('dist'),
@@ -77,6 +78,7 @@ export const getPaths = (ifCore: IfUtilsFn) => {
       appTailwindConfig: resolveApp('tailwind.config.js'),
     },
     {
+      root: resolveApp('../..'),
       app: resolveApp('.'),
       appEntry: resolveModule(resolveApp, 'widget'),
       appDist: resolveApp(`../../dist/${getWidgetUuid()}`),

package/src/webpack.config.ts

@@ -1,5 +1,5 @@
 import {createRequire} from 'module'
-import {basename, dirname} from 'path'
+import {basename, dirname, resolve} from 'path'
 import {existsSync} from 'fs'
 import glob from 'glob'
 import {getIfUtils, removeEmpty} from 'webpack-config-utils'
@@ -28,6 +28,7 @@ import {
 } from 'lib/resolve'
 import {getEnvVars} from 'lib/env'
 import {logDataTable, logTitle} from 'lib/logging'
+import {HTTPS_CRT_FILE, HTTPS_KEY_FILE} from 'lib/constants'
 
 ///////////////////////////////////////////////////////////////////////////////
 
@@ -40,12 +41,13 @@ const imageInlineSizeLimit = 0
 const getWebpackConfig = async (env: any): Promise<Configuration> => {
   const {ifMin, ifNotMin} = getIfUtils(env, ['min'])
   const {ifAnalyze} = getIfUtils(env, ['analyze'])
+  const {ifHttps} = getIfUtils(env, ['https'])
   const {ifLocalCore} = getIfUtils(env, ['localCore'])
   const {ifCore} = getIfCoreFns()
   const paths = getPaths(ifCore)
   const appHtmlFiles = glob.sync(paths.appHtml)
   const appEnvFiles = glob.sync(paths.appEnv)
-  const envVars = getEnvVars(appEnvFiles, ifMin, ifCore, ifLocalCore)
+  const envVars = getEnvVars(appEnvFiles, ifMin, ifCore, ifLocalCore, ifHttps)
   const {ifHmr} = getIfUtils({hmr: process.env.HMR_ENABLED === 'true'}, ['hmr'])
   const useTailwind =
     ifCore() && paths.appTailwindConfig && existsSync(paths.appTailwindConfig)
@@ -294,6 +296,13 @@ const getWebpackConfig = async (env: any): Promise<Configuration> => {
           errors: true,
         },
       },
+      server: ifHttps({
+        type: 'https',
+        options: {
+          cert: resolve(paths.root, HTTPS_CRT_FILE),
+          key: resolve(paths.root, HTTPS_KEY_FILE),
+        },
+      }),
     },
 
     optimization: {