@raisenow/tamaro-cli 1.0.5 → 1.0.9

package/dist/webpack.config.js

@@ -20,51 +20,54 @@ var __spreadValues = (a, b) => {
 };
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
+var __reExport = (target, module2, copyDefault, desc) => {
   if (module2 && typeof module2 === "object" || typeof module2 === "function") {
     for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
         __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
   }
   return target;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
 };
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
 
 // src/webpack.config.ts
-__export(exports, {
+var webpack_config_exports = {};
+__export(webpack_config_exports, {
   default: () => webpack_config_default
 });
-var import_path2 = __toModule(require("path"));
-var import_glob = __toModule(require("glob"));
-var import_webpack_config_utils2 = __toModule(require("webpack-config-utils"));
-var import_webpack = __toModule(require("webpack"));
-var import_tsconfig_paths_webpack_plugin = __toModule(require("tsconfig-paths-webpack-plugin"));
-var import_clean_webpack_plugin = __toModule(require("clean-webpack-plugin"));
-var import_html_webpack_plugin2 = __toModule(require("html-webpack-plugin"));
-var import_fork_ts_checker_webpack_plugin = __toModule(require("fork-ts-checker-webpack-plugin"));
-var import_react_refresh_webpack_plugin = __toModule(require("@pmmmwh/react-refresh-webpack-plugin"));
-var import_mini_css_extract_plugin = __toModule(require("mini-css-extract-plugin"));
-var import_css_minimizer_webpack_plugin = __toModule(require("css-minimizer-webpack-plugin"));
-var import_eslint_webpack_plugin = __toModule(require("eslint-webpack-plugin"));
-var import_copy_webpack_plugin = __toModule(require("copy-webpack-plugin"));
-var import_webpack_plugin = __toModule(require("@statoscope/webpack-plugin"));
+var import_path2 = require("path");
+var import_fs2 = require("fs");
+var import_glob = __toESM(require("glob"));
+var import_webpack_config_utils2 = require("webpack-config-utils");
+var import_webpack = __toESM(require("webpack"));
+var import_portfinder = require("portfinder");
+var import_tsconfig_paths_webpack_plugin = require("tsconfig-paths-webpack-plugin");
+var import_clean_webpack_plugin = require("clean-webpack-plugin");
+var import_html_webpack_plugin2 = __toESM(require("html-webpack-plugin"));
+var import_fork_ts_checker_webpack_plugin = __toESM(require("fork-ts-checker-webpack-plugin"));
+var import_react_refresh_webpack_plugin = __toESM(require("@pmmmwh/react-refresh-webpack-plugin"));
+var import_mini_css_extract_plugin = __toESM(require("mini-css-extract-plugin"));
+var import_css_minimizer_webpack_plugin = __toESM(require("css-minimizer-webpack-plugin"));
+var import_eslint_webpack_plugin = __toESM(require("eslint-webpack-plugin"));
+var import_copy_webpack_plugin = __toESM(require("copy-webpack-plugin"));
+var import_webpack_plugin = __toESM(require("@statoscope/webpack-plugin"));
 
 // src/lib/InterpolateHtmlPlugin.ts
-var import_html_webpack_plugin = __toModule(require("html-webpack-plugin"));
-var import_escape_string_regexp = __toModule(require("escape-string-regexp"));
+var import_html_webpack_plugin = __toESM(require("html-webpack-plugin"));
+var import_escape_string_regexp = __toESM(require("escape-string-regexp"));
 var InterpolateHtmlPlugin = class {
+  replacements;
   constructor(replacements) {
-    __publicField(this, "replacements");
     this.replacements = __spreadValues({}, replacements);
   }
   apply(compiler) {
@@ -86,21 +89,20 @@ var InterpolateHtmlPlugin = class {
 var InterpolateHtmlPlugin_default = InterpolateHtmlPlugin;
 
 // src/lib/helpers.ts
-var import_path = __toModule(require("path"));
-var import_fs = __toModule(require("fs"));
-var import_chalk = __toModule(require("chalk"));
-var import_node_notifier = __toModule(require("node-notifier"));
-var import_webpack_config_utils = __toModule(require("webpack-config-utils"));
-var import_columnify = __toModule(require("columnify"));
-var import_boxen = __toModule(require("boxen"));
-var import_dotenv_expand = __toModule(require("dotenv-expand"));
-var import_dotenv = __toModule(require("dotenv"));
-var import_strip_indent = __toModule(require("strip-indent"));
-var TAMARO_CORE_PACKAGE_NAMES = ["@raisenow/tamaro-core", "demo-tamaro-core"];
-var TAMARO_CONFIGURATIONS_PACKAGE_NAMES = [
-  "@raisenow/tamaro-configurations",
-  "demo-tamaro-configurations"
-];
+var import_path = require("path");
+var import_fs = require("fs");
+var import_chalk = __toESM(require("chalk"));
+var import_node_notifier = __toESM(require("node-notifier"));
+var import_webpack_config_utils = require("webpack-config-utils");
+var import_columnify = __toESM(require("columnify"));
+var import_boxen = __toESM(require("boxen"));
+var import_dotenv_expand = require("dotenv-expand");
+var import_dotenv = require("dotenv");
+var import_open = __toESM(require("open"));
+var import_strip_indent = __toESM(require("strip-indent"));
+var import_execa = require("execa");
+var TAMARO_CORE_PACKAGE_NAMES = ["@raisenow/tamaro-core"];
+var TAMARO_CONFIGURATIONS_PACKAGE_NAMES = ["@raisenow/tamaro-configurations"];
 var getIfCoreFns = () => {
   const corePkgPath = resolveApp("package.json");
   const configsPkgPath = resolveApp("../../package.json");
@@ -116,12 +118,12 @@ var getIfCoreFns = () => {
       return (0, import_webpack_config_utils.getIfUtils)({ core: false }, ["core"]);
     }
   }
-  console.error(import_chalk.default.red((0, import_strip_indent.default)(`      You must run "npx @raisenow/tamaro-cli" commands from:
+  logError((0, import_strip_indent.default)(`      You must run "npx @raisenow/tamaro-cli" commands from:
       1. Root of "${import_chalk.default.bold(TAMARO_CORE_PACKAGE_NAMES[0])}" package folder.
       2. Root of particular customer configuration folder of "${import_chalk.default.bold(TAMARO_CONFIGURATIONS_PACKAGE_NAMES[0])}" package.
       You are currently in "${import_chalk.default.bold((0, import_fs.realpathSync)(process.cwd()))}".
-    `)));
-  process.exit(0);
+    `));
+  process.exit(1);
 };
 var moduleFileExtensions = ["ts", "tsx", "js", "jsx"];
 var extensions = moduleFileExtensions.map((v) => `.${v}`);
@@ -156,9 +158,18 @@ var getPaths = (ifCore) => {
     appTailwindConfig: void 0
   });
 };
+var getRelativePaths = (paths) => {
+  const relativePaths = {};
+  for (const [type, absPath] of Object.entries(paths)) {
+    if (absPath) {
+      relativePaths[type] = (0, import_path.relative)("./", absPath) || ".";
+    }
+  }
+  return relativePaths;
+};
 var getEnvVars = (filePath, ifMin, ifCore, ifLocalCore) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
-  (0, import_dotenv_expand.default)(import_dotenv.default.config({ path: filePath }));
+  (0, import_dotenv_expand.expand)((0, import_dotenv.config)({ path: filePath }));
   (_b = (_a = process.env).NODE_ENV) != null ? _b : _a.NODE_ENV = ifMin("production", "development");
   (_d = (_c = process.env).BABEL_ENV) != null ? _d : _c.BABEL_ENV = ifMin("production", "development");
   (_f = (_e = process.env).EXPOSE_VAR) != null ? _f : _e.EXPOSE_VAR = ifCore("rnw.tamaroCore", "rnw.tamaro");
@@ -174,7 +185,7 @@ var getEnvVars = (filePath, ifMin, ifCore, ifLocalCore) => {
   if (!ifCore()) {
     process.env.WIDGET_UUID = getWidgetUuid();
     if (ifLocalCore()) {
-      process.env.CORE_URL = `http://0.0.0.0:8080/index.js`;
+      process.env.CORE_URL = `http://0.0.0.0:1234/index.js`;
     } else {
       let version = process.env.CORE_VERSION;
       version = version ? `@${version}` : "";
@@ -206,12 +217,23 @@ var getEnvVars = (filePath, ifMin, ifCore, ifLocalCore) => {
   };
   return { raw, stringified };
 };
+var logError = (message) => {
+  if (message) {
+    console.log(import_chalk.default.red(message));
+  }
+};
 var logDataTable = (vars, title) => {
-  const boxTitle = import_chalk.default.bold(`${title}:
-`);
-  const boxTable = (0, import_columnify.default)(vars, { showHeaders: false });
-  console.log((0, import_boxen.default)(`${boxTitle}
-${boxTable}`, {
+  logTable((0, import_columnify.default)(vars, { showHeaders: false }), title);
+};
+var logTable = (text, title) => {
+  let out = "";
+  const boxTitle = title ? import_chalk.default.bold(`${title}`) : void 0;
+  if (boxTitle) {
+    out += `${boxTitle}
+`;
+  }
+  out += text;
+  console.log((0, import_boxen.default)(out, {
     margin: 0,
     padding: {
       top: 0,
@@ -234,7 +256,9 @@ var getWebpackConfig = async (env) => {
   const appHtmlFiles = import_glob.default.sync(paths.appHtml);
   const envVars = getEnvVars(paths.appEnv, ifMin, ifCore, ifLocalCore);
   const { ifHmr } = (0, import_webpack_config_utils2.getIfUtils)({ hmr: process.env.HMR_ENABLED === "true" }, ["hmr"]);
-  logDataTable(paths, "Paths");
+  const port = await (0, import_portfinder.getPortPromise)({ port: 1234 });
+  const useTailwind = ifCore() && paths.appTailwindConfig && (0, import_fs2.existsSync)(paths.appTailwindConfig);
+  logDataTable(getRelativePaths(paths), "Paths");
   logDataTable(envVars.raw, "Environment variables");
   const getCssLoaders = (cssOptions = {}) => {
     return (0, import_webpack_config_utils2.removeEmpty)([
@@ -251,8 +275,7 @@ var getWebpackConfig = async (env) => {
         loader: require.resolve("css-loader"),
         options: __spreadValues({
           sourceMap: ifNotMin(),
-          importLoaders: 3,
-          esModule: false
+          importLoaders: 3
         }, cssOptions)
       },
       {
@@ -260,7 +283,12 @@ var getWebpackConfig = async (env) => {
         options: {
           postcssOptions: {
             plugins: (0, import_webpack_config_utils2.removeEmpty)([
-              ifCore([require.resolve("tailwindcss"), paths.appTailwindConfig]),
+              useTailwind ? [
+                require.resolve("tailwindcss", {
+                  paths: [paths.appNodeModules]
+                }),
+                paths.appTailwindConfig
+              ] : void 0,
               require.resolve("postcss-custom-properties"),
               require.resolve("autoprefixer")
             ])
@@ -320,127 +348,143 @@ var getWebpackConfig = async (env) => {
           use: require.resolve("source-map-loader")
         }),
         {
-          test: /\.(js|ts)x?$/,
-          exclude: /node_modules/,
-          loader: require.resolve("babel-loader"),
-          options: {
-            babelrc: false,
-            configFile: false,
-            sourceMaps: ifNotMin(),
-            inputSourceMap: ifNotMin(),
-            presets: (0, import_webpack_config_utils2.removeEmpty)([
-              require.resolve("@babel/preset-env"),
-              [
-                require.resolve("@babel/preset-typescript"),
-                {
-                  allowDeclareFields: true
+          oneOf: [
+            {
+              test: /\.(js|ts)x?$/,
+              include: ifCore([
+                resolveApp("src"),
+                resolveApp("node_modules/micromark"),
+                resolveApp("node_modules/decode-named-character-reference")
+              ], [resolveApp("."), resolveApp("../../src")]),
+              loader: require.resolve("babel-loader"),
+              options: {
+                babelrc: false,
+                configFile: false,
+                sourceMaps: ifNotMin(),
+                inputSourceMap: ifNotMin(),
+                presets: [
+                  require.resolve("@babel/preset-env"),
+                  [
+                    require.resolve("@babel/preset-typescript"),
+                    {
+                      allowDeclareFields: true
+                    }
+                  ],
+                  require.resolve("@babel/preset-react")
+                ],
+                plugins: (0, import_webpack_config_utils2.removeEmpty)([
+                  [
+                    require.resolve("@babel/plugin-transform-runtime"),
+                    {
+                      corejs: {
+                        version: 3,
+                        proposals: true
+                      },
+                      absoluteRuntime: (0, import_path2.dirname)(require.resolve("@babel/runtime-corejs3/package.json"))
+                    }
+                  ],
+                  [
+                    require.resolve("@babel/plugin-proposal-decorators"),
+                    {
+                      legacy: true
+                    }
+                  ],
+                  require.resolve("@babel/plugin-syntax-dynamic-import"),
+                  require.resolve("babel-plugin-lodash"),
+                  ifHmr(require.resolve("react-refresh/babel"))
+                ])
+              }
+            },
+            {
+              test: /\.(js|mjs)$/
+            },
+            {
+              test: /\.s?css$/,
+              exclude: /\.module\.s?css$/,
+              use: getCssLoaders({
+                modules: false
+              })
+            },
+            {
+              test: /\.module\.s?css$/,
+              use: getCssLoaders({
+                modules: { localIdentName: "[local]__[hash:base64]" }
+              })
+            },
+            {
+              test: /\.svg$/,
+              issuer: [/\.html$/, /\.s?css$/],
+              type: "asset",
+              parser: {
+                dataUrlCondition: {
+                  maxSize: imageInlineSizeLimit
                 }
-              ],
-              require.resolve("@babel/preset-react")
-            ]),
-            plugins: (0, import_webpack_config_utils2.removeEmpty)([
-              [
-                require.resolve("@babel/plugin-transform-runtime"),
+              }
+            },
+            {
+              test: /\.svg$/,
+              issuer: [/\.(ts|tsx|js|jsx|md|mdx)$/],
+              use: [
                 {
-                  corejs: {
-                    version: 3,
-                    proposals: true
-                  },
-                  absoluteRuntime: (0, import_path2.dirname)(require.resolve("@babel/runtime-corejs3/package.json"))
-                }
-              ],
-              [
-                require.resolve("@babel/plugin-proposal-decorators"),
+                  loader: require.resolve("@svgr/webpack"),
+                  options: {
+                    svgoConfig: {
+                      plugins: [
+                        {
+                          removeHiddenElems: false,
+                          moveGroupAttrsToElems: false,
+                          collapseGroups: false
+                        }
+                      ]
+                    },
+                    prettier: false,
+                    titleProp: true,
+                    ref: true
+                  }
+                },
                 {
-                  legacy: true
+                  loader: require.resolve("url-loader"),
+                  options: {
+                    name: "assets/[name]-[contenthash:16].[ext]",
+                    limit: imageInlineSizeLimit
+                  }
                 }
-              ],
-              require.resolve("@babel/plugin-syntax-dynamic-import"),
-              require.resolve("babel-plugin-lodash"),
-              ifHmr(require.resolve("react-refresh/babel"))
-            ])
-          }
-        },
-        {
-          test: /\.s?css$/,
-          exclude: /\.module\.s?css$/,
-          use: getCssLoaders({
-            modules: false
-          })
-        },
-        {
-          test: /\.module\.s?css$/,
-          use: getCssLoaders({
-            modules: { localIdentName: "[local]__[hash:base64]" }
-          })
-        },
-        {
-          test: /\.svg$/,
-          issuer: /\.html$/,
-          type: "asset",
-          parser: {
-            dataUrlCondition: {
-              maxSize: imageInlineSizeLimit
-            }
-          }
-        },
-        {
-          test: /\.svg$/,
-          issuer: {
-            not: [/\.html$/]
-          },
-          use: [
+              ]
+            },
             {
-              loader: require.resolve("@svgr/webpack"),
-              options: {
-                svgoConfig: {
-                  plugins: [
-                    {
-                      removeHiddenElems: false,
-                      moveGroupAttrsToElems: false,
-                      collapseGroups: false
-                    }
-                  ]
+              test: /\.(png|jpe?g|webp|gif|ico|ttf|eot|woff2?)$/,
+              type: "asset",
+              parser: {
+                dataUrlCondition: {
+                  maxSize: imageInlineSizeLimit
                 }
               }
             },
             {
-              loader: require.resolve("url-loader"),
+              test: /\.ya?ml$/,
+              use: [
+                { loader: require.resolve("json-loader") },
+                { loader: require.resolve("yaml-loader") }
+              ]
+            },
+            {
+              test: /\.html$/,
+              loader: require.resolve("html-loader"),
               options: {
-                name: "assets/[name]-[contenthash:16].[ext]",
-                limit: imageInlineSizeLimit
+                minimize: false
               }
+            },
+            {
+              exclude: [/^$/, /\.(js|jsx|ts|tsx|mjs)$/, /\.html$/, /\.json$/],
+              type: "asset/resource"
             }
           ]
-        },
-        {
-          test: /\.(png|jpe?g|webp|gif|ico|ttf|eot|woff2?)$/,
-          type: "asset",
-          parser: {
-            dataUrlCondition: {
-              maxSize: imageInlineSizeLimit
-            }
-          }
-        },
-        {
-          test: /\.ya?ml$/,
-          use: [
-            { loader: require.resolve("json-loader") },
-            { loader: require.resolve("yaml-loader") }
-          ]
-        },
-        {
-          test: /\.html$/,
-          loader: require.resolve("html-loader"),
-          options: {
-            esModule: false,
-            minimize: false
-          }
         }
       ])
     },
     devtool: ifMin(false, "cheap-module-source-map"),
     devServer: {
+      port,
       static: false,
       historyApiFallback: {
         disableDotRule: true
@@ -526,5 +570,6 @@ var getWebpackConfig = async (env) => {
   return (0, import_webpack_config_utils2.removeEmpty)(config);
 };
 var webpack_config_default = getWebpackConfig;
+module.exports = __toCommonJS(webpack_config_exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@raisenow/tamaro-cli",
-  "version": "1.0.5",
+  "version": "1.0.9",
   "author": {
     "name": "RaiseNow",
     "email": "development@raisenow.com"
@@ -11,94 +11,90 @@
     "start": "npm run dev",
     "dev": "npm run build -- --watch --ignore-watch .idea",
     "build": "tsup src/cli.ts src/webpack.config.ts --format cjs",
-    "lint": "eslint .",
-    "lint:fix": "eslint . --fix"
+    "docs": "npx -y http-server . --cors -o /readme.html",
+    "lint": "eslint . --fix && prettier --write ."
   },
   "bin": "dist/cli.js",
   "engines": {
-    "node": ">=14",
+    "node": ">=16",
     "npm": ">=8"
   },
   "dependencies": {
-    "@babel/cli": "^7.15.7",
-    "@babel/core": "^7.15.8",
-    "@babel/plugin-proposal-decorators": "^7.15.8",
+    "@babel/cli": "^7.17.0",
+    "@babel/core": "^7.17.0",
+    "@babel/plugin-proposal-decorators": "^7.17.0",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-    "@babel/plugin-transform-runtime": "^7.15.8",
-    "@babel/preset-env": "^7.15.8",
-    "@babel/preset-react": "^7.14.5",
-    "@babel/preset-typescript": "^7.15.0",
-    "@babel/runtime-corejs3": "^7.15.4",
-    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.1",
-    "@statoscope/webpack-plugin": "^5.16.0",
-    "@svgr/webpack": "^5.5.0",
+    "@babel/plugin-transform-runtime": "^7.17.0",
+    "@babel/preset-env": "^7.16.11",
+    "@babel/preset-react": "^7.16.7",
+    "@babel/preset-typescript": "^7.16.7",
+    "@babel/runtime-corejs3": "^7.17.0",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.4",
+    "@statoscope/webpack-plugin": "^5.20.1",
+    "@svgr/webpack": "^6.2.1",
     "@types/columnify": "^1.5.1",
-    "@types/copy-webpack-plugin": "^8.0.1",
-    "@types/css-minimizer-webpack-plugin": "^3.0.2",
-    "@types/lodash": "^4.14.176",
-    "@types/mini-css-extract-plugin": "^2.4.0",
-    "@types/node": "^16.11.6",
-    "@types/node-notifier": "^8.0.1",
+    "@types/lodash": "^4.14.178",
+    "@types/mini-css-extract-plugin": "^2.5.1",
+    "@types/node": "^17.0.16",
+    "@types/node-notifier": "^8.0.2",
     "@types/resolve-bin": "^0.4.1",
     "@types/webpack-config-utils": "^2.3.1",
-    "@types/webpack-dev-server": "^4.3.1",
-    "@typescript-eslint/eslint-plugin": "^5.2.0",
-    "@typescript-eslint/parser": "^5.2.0",
-    "autoprefixer": "^10.3.7",
+    "@typescript-eslint/eslint-plugin": "^5.11.0",
+    "@typescript-eslint/parser": "^5.11.0",
+    "autoprefixer": "^10.4.2",
     "babel-loader": "^8.2.3",
     "babel-plugin-lodash": "^3.3.4",
     "boxen": "^5.1.2",
     "chalk": "^4.1.2",
     "clean-webpack-plugin": "^4.0.0",
-    "columnify": "^1.5.4",
-    "commander": "^8.3.0",
-    "copy-webpack-plugin": "^9.0.1",
-    "core-js": "^3.19.0",
-    "css-loader": "^6.4.0",
-    "css-minimizer-webpack-plugin": "^3.1.1",
+    "columnify": "^1.6.0",
+    "commander": "^9.0.0",
+    "copy-webpack-plugin": "^10.2.4",
+    "core-js": "^3.21.0",
+    "css-loader": "^6.6.0",
+    "css-minimizer-webpack-plugin": "^3.4.1",
     "current-script-polyfill": "^1.0.0",
-    "dotenv": "^10.0.0",
-    "dotenv-expand": "^5.1.0",
+    "dotenv": "^16.0.0",
+    "dotenv-expand": "^8.0.1",
     "element-closest": "^3.0.2",
     "escape-string-regexp": "^4.0.0",
-    "eslint": "^8.1.0",
-    "eslint-config-prettier": "^8.3.0",
+    "eslint": "^8.8.0",
     "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-promise": "^5.1.1",
-    "eslint-webpack-plugin": "^3.0.1",
+    "eslint-plugin-promise": "^6.0.0",
+    "eslint-webpack-plugin": "^3.1.0",
     "execa": "^5.1.1",
     "file-loader": "^6.2.0",
-    "fork-ts-checker-webpack-plugin": "^6.4.0",
+    "fork-ts-checker-webpack-plugin": "^7.1.1",
     "glob": "^7.2.0",
-    "html-loader": "^3.0.0",
+    "html-loader": "^3.1.0",
     "html-webpack-plugin": "^5.5.0",
     "json-loader": "^0.5.7",
     "lodash": "^4.17.21",
-    "mini-css-extract-plugin": "^2.4.3",
-    "node-notifier": "^10.0.0",
-    "postcss": "^8.3.11",
-    "postcss-custom-properties": "^12.0.0",
-    "postcss-loader": "^6.2.0",
-    "prettier": "^2.4.1",
-    "react-refresh": "^0.10.0",
+    "mini-css-extract-plugin": "^2.5.3",
+    "node-notifier": "^10.0.1",
+    "open": "^8.4.0",
+    "portfinder": "^1.0.28",
+    "postcss": "^8.4.6",
+    "postcss-custom-properties": "^12.1.4",
+    "postcss-loader": "^6.2.1",
+    "prettier": "^2.5.1",
+    "react-refresh": "^0.11.0",
     "resolve-bin": "^1.0.0",
-    "resolve-url-loader": "^4.0.0",
-    "sass": "^1.43.3",
-    "sass-loader": "^12.2.0",
-    "source-map-loader": "^3.0.0",
+    "resolve-url-loader": "^5.0.0",
+    "sass": "^1.49.7",
+    "sass-loader": "^12.4.0",
+    "source-map-loader": "^3.0.1",
     "strip-indent": "^3.0.0",
     "style-loader": "^3.3.1",
-    "tailwindcss": "^0.7.4",
-    "tsconfig-paths-webpack-plugin": "^3.5.1",
-    "tsup": "^5.5.0",
-    "typescript": "^4.4.4",
+    "tsconfig-paths-webpack-plugin": "^3.5.2",
+    "tsup": "^5.11.13",
+    "typescript": "^4.5.5",
     "unfetch": "^4.2.0",
     "url-loader": "^4.1.1",
-    "webpack": "^5.60.0",
-    "webpack-cli": "^4.9.1",
+    "webpack": "^5.68.0",
+    "webpack-cli": "^4.9.2",
     "webpack-config-utils": "^2.3.1",
-    "webpack-dev-server": "^4.3.1",
+    "webpack-dev-server": "^4.7.4",
     "yaml-loader": "^0.6.0"
   }
 }