3a-ecommerce-utils 1.0.0 → 1.0.1

package/dist/config/vite.config.js

@@ -0,0 +1,114 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/config/vite.config.ts
+var vite_config_exports = {};
+__export(vite_config_exports, {
+  createBaseViteConfig: () => createBaseViteConfig,
+  createLibraryViteConfig: () => createLibraryViteConfig
+});
+module.exports = __toCommonJS(vite_config_exports);
+var import_vite = require("vite");
+var import_plugin_react = __toESM(require("@vitejs/plugin-react"));
+var path = __toESM(require("path"));
+function createBaseViteConfig(rootDir) {
+  return (0, import_vite.defineConfig)({
+    plugins: [(0, import_plugin_react.default)()],
+    css: {
+      postcss: path.resolve(rootDir, "postcss.config.js")
+    },
+    resolve: {
+      alias: {
+        "3a-ecommerce-ui-library": path.resolve(rootDir, "../../packages/ui-library/src"),
+        "3a-ecommerce-types": path.resolve(rootDir, "../../packages/types/src"),
+        "3a-ecommerce-utils": path.resolve(rootDir, "../../packages/utils/src")
+      }
+    }
+  });
+}
+async function createLibraryViteConfig(rootDir) {
+  const base = createBaseViteConfig(rootDir);
+  const config = Object.assign({}, base);
+  config.build = config.build || {};
+  config.build.lib = {
+    entry: path.resolve(rootDir, "src/index.ts"),
+    name: "ui-library",
+    formats: ["es", "cjs", "umd"],
+    fileName: (format) => `ui-library.${format}.js`
+  };
+  config.build.rollupOptions = config.build.rollupOptions || {};
+  config.build.rollupOptions.external = ["react", "react-dom"];
+  config.build.rollupOptions.output = {
+    globals: {
+      react: "React",
+      "react-dom": "ReactDOM"
+    }
+  };
+  const isVitest = Boolean(process.env.VITEST) || Boolean(
+    process.env.npm_lifecycle_event && process.env.npm_lifecycle_event.includes("vitest")
+  ) || process.argv.join(" ").includes("vitest");
+  if (isVitest) {
+    const { storybookTest } = await import("@storybook/addon-vitest/vitest-plugin").catch(() => ({
+      storybookTest: void 0
+    }));
+    const { playwright } = await import("@vitest/browser-playwright").catch(() => ({
+      playwright: void 0
+    }));
+    if (storybookTest) {
+      config.test = {
+        projects: [
+          {
+            extends: true,
+            plugins: [
+              storybookTest({
+                configDir: path.join(rootDir, ".storybook")
+              })
+            ],
+            test: {
+              name: "storybook",
+              browser: {
+                enabled: true,
+                headless: true,
+                provider: playwright ? playwright({}) : void 0,
+                instances: [{ browser: "chromium" }]
+              },
+              setupFiles: [".storybook/vitest.setup.ts"]
+            }
+          }
+        ]
+      };
+    }
+  }
+  return config;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createBaseViteConfig,
+  createLibraryViteConfig
+});

package/dist/config/vite.config.mjs

@@ -0,0 +1,78 @@
+// src/config/vite.config.ts
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+import * as path from "path";
+function createBaseViteConfig(rootDir) {
+  return defineConfig({
+    plugins: [react()],
+    css: {
+      postcss: path.resolve(rootDir, "postcss.config.js")
+    },
+    resolve: {
+      alias: {
+        "3a-ecommerce-ui-library": path.resolve(rootDir, "../../packages/ui-library/src"),
+        "3a-ecommerce-types": path.resolve(rootDir, "../../packages/types/src"),
+        "3a-ecommerce-utils": path.resolve(rootDir, "../../packages/utils/src")
+      }
+    }
+  });
+}
+async function createLibraryViteConfig(rootDir) {
+  const base = createBaseViteConfig(rootDir);
+  const config = Object.assign({}, base);
+  config.build = config.build || {};
+  config.build.lib = {
+    entry: path.resolve(rootDir, "src/index.ts"),
+    name: "ui-library",
+    formats: ["es", "cjs", "umd"],
+    fileName: (format) => `ui-library.${format}.js`
+  };
+  config.build.rollupOptions = config.build.rollupOptions || {};
+  config.build.rollupOptions.external = ["react", "react-dom"];
+  config.build.rollupOptions.output = {
+    globals: {
+      react: "React",
+      "react-dom": "ReactDOM"
+    }
+  };
+  const isVitest = Boolean(process.env.VITEST) || Boolean(
+    process.env.npm_lifecycle_event && process.env.npm_lifecycle_event.includes("vitest")
+  ) || process.argv.join(" ").includes("vitest");
+  if (isVitest) {
+    const { storybookTest } = await import("@storybook/addon-vitest/vitest-plugin").catch(() => ({
+      storybookTest: void 0
+    }));
+    const { playwright } = await import("@vitest/browser-playwright").catch(() => ({
+      playwright: void 0
+    }));
+    if (storybookTest) {
+      config.test = {
+        projects: [
+          {
+            extends: true,
+            plugins: [
+              storybookTest({
+                configDir: path.join(rootDir, ".storybook")
+              })
+            ],
+            test: {
+              name: "storybook",
+              browser: {
+                enabled: true,
+                headless: true,
+                provider: playwright ? playwright({}) : void 0,
+                instances: [{ browser: "chromium" }]
+              },
+              setupFiles: [".storybook/vitest.setup.ts"]
+            }
+          }
+        ]
+      };
+    }
+  }
+  return config;
+}
+export {
+  createBaseViteConfig,
+  createLibraryViteConfig
+};

package/dist/config/vitest.base.config.js

@@ -0,0 +1,98 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/config/vitest.base.config.ts
+var vitest_base_config_exports = {};
+__export(vitest_base_config_exports, {
+  createBrowserVitestConfig: () => createBrowserVitestConfig,
+  createNodeVitestConfig: () => createNodeVitestConfig,
+  defineConfig: () => import_config.defineConfig
+});
+module.exports = __toCommonJS(vitest_base_config_exports);
+var import_config = require("vitest/config");
+var import_plugin_react = __toESM(require("@vitejs/plugin-react"));
+var path = __toESM(require("path"));
+function createBrowserVitestConfig(rootDir, options) {
+  return (0, import_config.defineConfig)({
+    plugins: [(0, import_plugin_react.default)()],
+    test: {
+      globals: true,
+      environment: "jsdom",
+      setupFiles: options?.setupFiles || ["./vitest.setup.ts"],
+      include: options?.include || ["src/**/*.test.{ts,tsx}", "tests/**/*.test.{ts,tsx}"],
+      coverage: {
+        provider: "v8",
+        reporter: ["text", "json", "html", "lcov"],
+        include: options?.coverageInclude || ["src/**/*.{ts,tsx}"],
+        exclude: options?.coverageExclude || [
+          "src/**/*.test.{ts,tsx}",
+          "src/**/*.d.ts",
+          "src/main.tsx",
+          "src/bootstrap.tsx",
+          "src/vite-env.d.ts"
+        ],
+        thresholds: {
+          lines: 80,
+          functions: 80,
+          branches: 70,
+          statements: 80
+        }
+      }
+    },
+    resolve: {
+      alias: {
+        "@": path.resolve(rootDir, "./src"),
+        "3a-ecommerce-ui-library": path.resolve(rootDir, "../../packages/ui-library/src"),
+        "3a-ecommerce-utils": path.resolve(rootDir, "../../packages/utils/src"),
+        "3a-ecommerce-types": path.resolve(rootDir, "../../packages/types/src")
+      }
+    }
+  });
+}
+function createNodeVitestConfig(rootDir, options) {
+  return (0, import_config.defineConfig)({
+    test: {
+      globals: true,
+      environment: "node",
+      include: options?.include || ["tests/**/*.test.ts"],
+      coverage: {
+        provider: "v8",
+        reporter: ["text", "json", "html"],
+        include: options?.coverageInclude || ["src/**/*.ts"],
+        exclude: options?.coverageExclude || ["src/**/*.d.ts"]
+      }
+    }
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createBrowserVitestConfig,
+  createNodeVitestConfig,
+  defineConfig
+});

package/dist/config/vitest.base.config.mjs

@@ -0,0 +1,61 @@
+// src/config/vitest.base.config.ts
+import { defineConfig } from "vitest/config";
+import react from "@vitejs/plugin-react";
+import * as path from "path";
+function createBrowserVitestConfig(rootDir, options) {
+  return defineConfig({
+    plugins: [react()],
+    test: {
+      globals: true,
+      environment: "jsdom",
+      setupFiles: options?.setupFiles || ["./vitest.setup.ts"],
+      include: options?.include || ["src/**/*.test.{ts,tsx}", "tests/**/*.test.{ts,tsx}"],
+      coverage: {
+        provider: "v8",
+        reporter: ["text", "json", "html", "lcov"],
+        include: options?.coverageInclude || ["src/**/*.{ts,tsx}"],
+        exclude: options?.coverageExclude || [
+          "src/**/*.test.{ts,tsx}",
+          "src/**/*.d.ts",
+          "src/main.tsx",
+          "src/bootstrap.tsx",
+          "src/vite-env.d.ts"
+        ],
+        thresholds: {
+          lines: 80,
+          functions: 80,
+          branches: 70,
+          statements: 80
+        }
+      }
+    },
+    resolve: {
+      alias: {
+        "@": path.resolve(rootDir, "./src"),
+        "3a-ecommerce-ui-library": path.resolve(rootDir, "../../packages/ui-library/src"),
+        "3a-ecommerce-utils": path.resolve(rootDir, "../../packages/utils/src"),
+        "3a-ecommerce-types": path.resolve(rootDir, "../../packages/types/src")
+      }
+    }
+  });
+}
+function createNodeVitestConfig(rootDir, options) {
+  return defineConfig({
+    test: {
+      globals: true,
+      environment: "node",
+      include: options?.include || ["tests/**/*.test.ts"],
+      coverage: {
+        provider: "v8",
+        reporter: ["text", "json", "html"],
+        include: options?.coverageInclude || ["src/**/*.ts"],
+        exclude: options?.coverageExclude || ["src/**/*.d.ts"]
+      }
+    }
+  });
+}
+export {
+  createBrowserVitestConfig,
+  createNodeVitestConfig,
+  defineConfig
+};

package/dist/config/webpack.base.config.js

@@ -0,0 +1,148 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/config/webpack.base.config.ts
+var webpack_base_config_exports = {};
+__export(webpack_base_config_exports, {
+  HtmlWebpackPlugin: () => import_html_webpack_plugin.default,
+  MiniCssExtractPlugin: () => import_mini_css_extract_plugin.default,
+  createBaseWebpackConfig: () => createBaseWebpackConfig,
+  webpack: () => import_webpack.default
+});
+module.exports = __toCommonJS(webpack_base_config_exports);
+var path = __toESM(require("path"));
+var import_webpack = __toESM(require("webpack"));
+var import_html_webpack_plugin = __toESM(require("html-webpack-plugin"));
+var import_mini_css_extract_plugin = __toESM(require("mini-css-extract-plugin"));
+function createBaseWebpackConfig(options) {
+  const {
+    rootDir,
+    entry = "./src/index.tsx",
+    outputPath = "dist",
+    publicPath = "auto",
+    htmlTemplate = "./public/index.html",
+    htmlTitle = "E-Commerce App",
+    devServerPort = 3e3
+  } = options;
+  const isProduction = process.env.NODE_ENV === "production";
+  return {
+    entry,
+    target: "web",
+    output: {
+      path: path.resolve(rootDir, outputPath),
+      filename: "bundle.[contenthash].js",
+      publicPath,
+      clean: true
+    },
+    resolve: {
+      extensions: [".tsx", ".ts", ".jsx", ".js"]
+    },
+    module: {
+      rules: [
+        {
+          test: /\.(png|jpe?g|gif|svg|webp)$/i,
+          type: "asset/resource",
+          generator: {
+            filename: "assets/images/[name].[hash][ext]"
+          }
+        },
+        {
+          test: /\.(ts|tsx)$/,
+          use: [
+            {
+              loader: "babel-loader",
+              options: {
+                presets: [
+                  "@babel/preset-react",
+                  ["@babel/preset-typescript", { onlyRemoveTypeImports: true }]
+                ]
+              }
+            }
+          ],
+          exclude: /node_modules\/(?!@e-commerce)/
+        },
+        {
+          test: /\.css$/,
+          use: [
+            isProduction ? import_mini_css_extract_plugin.default.loader : "style-loader",
+            "css-loader",
+            "postcss-loader"
+          ]
+        }
+      ]
+    },
+    plugins: [
+      new import_html_webpack_plugin.default({
+        template: htmlTemplate,
+        title: htmlTitle
+      }),
+      new import_mini_css_extract_plugin.default({
+        filename: "[name].[contenthash].css"
+      })
+    ],
+    optimization: {
+      splitChunks: {
+        chunks: "all",
+        cacheGroups: {
+          vendor: {
+            test: /[\\/]node_modules[\\/]/,
+            name: "vendors",
+            priority: 10
+          },
+          react: {
+            test: /[\\/]node_modules[\\/](react|react-dom|react-router-dom)[\\/]/,
+            name: "react-vendor",
+            priority: 20
+          },
+          uiLibrary: {
+            test: /[\\/]packages[\\/]ui-library[\\/]/,
+            name: "ui-library",
+            priority: 15
+          }
+        }
+      },
+      runtimeChunk: "single"
+    },
+    performance: {
+      hints: false
+    },
+    devServer: {
+      port: devServerPort,
+      hot: true,
+      historyApiFallback: true
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  HtmlWebpackPlugin,
+  MiniCssExtractPlugin,
+  createBaseWebpackConfig,
+  webpack
+});

package/dist/config/webpack.base.config.mjs

@@ -0,0 +1,110 @@
+// src/config/webpack.base.config.ts
+import * as path from "path";
+import webpack from "webpack";
+import HtmlWebpackPlugin from "html-webpack-plugin";
+import MiniCssExtractPlugin from "mini-css-extract-plugin";
+function createBaseWebpackConfig(options) {
+  const {
+    rootDir,
+    entry = "./src/index.tsx",
+    outputPath = "dist",
+    publicPath = "auto",
+    htmlTemplate = "./public/index.html",
+    htmlTitle = "E-Commerce App",
+    devServerPort = 3e3
+  } = options;
+  const isProduction = process.env.NODE_ENV === "production";
+  return {
+    entry,
+    target: "web",
+    output: {
+      path: path.resolve(rootDir, outputPath),
+      filename: "bundle.[contenthash].js",
+      publicPath,
+      clean: true
+    },
+    resolve: {
+      extensions: [".tsx", ".ts", ".jsx", ".js"]
+    },
+    module: {
+      rules: [
+        {
+          test: /\.(png|jpe?g|gif|svg|webp)$/i,
+          type: "asset/resource",
+          generator: {
+            filename: "assets/images/[name].[hash][ext]"
+          }
+        },
+        {
+          test: /\.(ts|tsx)$/,
+          use: [
+            {
+              loader: "babel-loader",
+              options: {
+                presets: [
+                  "@babel/preset-react",
+                  ["@babel/preset-typescript", { onlyRemoveTypeImports: true }]
+                ]
+              }
+            }
+          ],
+          exclude: /node_modules\/(?!@e-commerce)/
+        },
+        {
+          test: /\.css$/,
+          use: [
+            isProduction ? MiniCssExtractPlugin.loader : "style-loader",
+            "css-loader",
+            "postcss-loader"
+          ]
+        }
+      ]
+    },
+    plugins: [
+      new HtmlWebpackPlugin({
+        template: htmlTemplate,
+        title: htmlTitle
+      }),
+      new MiniCssExtractPlugin({
+        filename: "[name].[contenthash].css"
+      })
+    ],
+    optimization: {
+      splitChunks: {
+        chunks: "all",
+        cacheGroups: {
+          vendor: {
+            test: /[\\/]node_modules[\\/]/,
+            name: "vendors",
+            priority: 10
+          },
+          react: {
+            test: /[\\/]node_modules[\\/](react|react-dom|react-router-dom)[\\/]/,
+            name: "react-vendor",
+            priority: 20
+          },
+          uiLibrary: {
+            test: /[\\/]packages[\\/]ui-library[\\/]/,
+            name: "ui-library",
+            priority: 15
+          }
+        }
+      },
+      runtimeChunk: "single"
+    },
+    performance: {
+      hints: false
+    },
+    devServer: {
+      port: devServerPort,
+      hot: true,
+      historyApiFallback: true
+    }
+  };
+}
+export {
+  HtmlWebpackPlugin,
+  MiniCssExtractPlugin,
+  createBaseWebpackConfig,
+  webpack
+};