@akanjs/config 0.0.25 → 0.0.26

package/src/webpack.backend.d.ts

@@ -0,0 +1,5 @@
+import webpack from "webpack";
+declare const config: ((config: webpack.Configuration, ctx: import("@nx/webpack").NxWebpackExecutionContext) => Promise<webpack.Configuration>) & {
+    nxWebpackComposablePlugin: boolean;
+};
+export default config;

package/src/webpack.backend.js

@@ -0,0 +1,83 @@
+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);
+var webpack_backend_exports = {};
+__export(webpack_backend_exports, {
+  default: () => webpack_backend_default
+});
+module.exports = __toCommonJS(webpack_backend_exports);
+var import_webpack = require("@nx/webpack");
+var import_generate_package_json_webpack_plugin = __toESM(require("generate-package-json-webpack-plugin"));
+var import_path = __toESM(require("path"));
+var import_run_script_webpack_plugin = require("run-script-webpack-plugin");
+var import_webpack2 = __toESM(require("webpack"));
+var import_webpack_node_externals = __toESM(require("webpack-node-externals"));
+const appName = process.env.NX_TASK_TARGET_PROJECT ?? "unknown";
+const config = (0, import_webpack.composePlugins)((0, import_webpack.withNx)(), (config2) => {
+  const tsloaderRule = config2.module?.rules?.find((rule) => rule.loader?.includes("ts-loader"));
+  if (tsloaderRule) {
+    tsloaderRule.exclude = [
+      /\.tsx$/,
+      // Explicitly exclude .tsx files
+      /\/ui\/.*\.(ts|tsx)$/,
+      // Exclude .ts and .tsx files in any "ui" directory
+      /\/client\/.*\.(ts|tsx)$/,
+      // Exclude .ts and .tsx files in any "client" directory
+      /\/next\/.*\.(ts|tsx)$/,
+      // Exclude .ts and .tsx files in any "client" directory
+      /\.store\.ts$/
+      // Exclude files ending with .store.ts
+    ];
+  }
+  const basePackage = {
+    name: `${appName}/backend`,
+    version: "1.0.0",
+    main: "./main.js",
+    engines: { node: ">= 18" }
+  };
+  config2.plugins ??= [];
+  config2.plugins.push(new import_generate_package_json_webpack_plugin.default(basePackage));
+  if (process.env.NX_TASK_TARGET_TARGET !== "serve-backend")
+    return config2;
+  const cwd = process.cwd();
+  Object.assign(config2, {
+    entry: [import_path.default.join(cwd, "node_modules/webpack/hot/poll?100"), `./main.ts`],
+    mode: "development",
+    output: {
+      path: import_path.default.join(cwd, `dist/apps/${appName}/backend`),
+      filename: "main.js"
+    }
+  });
+  config2.plugins.push(
+    new import_webpack2.default.HotModuleReplacementPlugin(),
+    new import_run_script_webpack_plugin.RunScriptWebpackPlugin({ name: "main.js", autoRestart: true })
+  );
+  config2.externals ??= [];
+  config2.externals.push((0, import_webpack_node_externals.default)({ allowlist: ["webpack/hot/poll?100"] }));
+  return config2;
+});
+var webpack_backend_default = config;

package/src/webpack.backend.ts

@@ -0,0 +1,74 @@
+/* eslint-disable @typescript-eslint/no-unsafe-call */
+import { composePlugins, withNx } from "@nx/webpack";
+import GeneratePackageJsonPlugin from "generate-package-json-webpack-plugin";
+import path from "path";
+import { RunScriptWebpackPlugin } from "run-script-webpack-plugin";
+import webpack from "webpack";
+import nodeExternals from "webpack-node-externals";
+
+interface WebpackConfig extends webpack.Configuration {
+  module?: {
+    rules?: webpack.RuleSetRule[];
+  };
+  plugins?: webpack.WebpackPluginInstance[];
+  externals?: any[]; // Using any[] for externals as webpack types are complex and vary by version
+}
+
+interface PackageJson {
+  [key: string]: unknown;
+  name: string;
+  version: string;
+  main: string;
+  engines: {
+    node: string;
+  };
+}
+
+const appName = process.env.NX_TASK_TARGET_PROJECT ?? "unknown";
+
+const config = composePlugins(withNx(), (config: WebpackConfig) => {
+  const tsloaderRule = config.module?.rules?.find((rule) => rule.loader?.includes("ts-loader"));
+  if (tsloaderRule) {
+    tsloaderRule.exclude = [
+      /\.tsx$/, // Explicitly exclude .tsx files
+      /\/ui\/.*\.(ts|tsx)$/, // Exclude .ts and .tsx files in any "ui" directory
+      /\/client\/.*\.(ts|tsx)$/, // Exclude .ts and .tsx files in any "client" directory
+      /\/next\/.*\.(ts|tsx)$/, // Exclude .ts and .tsx files in any "client" directory
+      /\.store\.ts$/, // Exclude files ending with .store.ts
+    ];
+  }
+
+  const basePackage: PackageJson = {
+    name: `${appName}/backend`,
+    version: "1.0.0",
+    main: "./main.js",
+    engines: { node: ">= 18" },
+  };
+
+  config.plugins ??= [];
+  config.plugins.push(new GeneratePackageJsonPlugin(basePackage) as webpack.WebpackPluginInstance);
+
+  if (process.env.NX_TASK_TARGET_TARGET !== "serve-backend") return config;
+
+  const cwd = process.cwd();
+  Object.assign(config, {
+    entry: [path.join(cwd, "node_modules/webpack/hot/poll?100"), `./main.ts`],
+    mode: "development" as webpack.Configuration["mode"],
+    output: {
+      path: path.join(cwd, `dist/apps/${appName}/backend`),
+      filename: "main.js",
+    },
+  });
+
+  config.plugins.push(
+    new webpack.HotModuleReplacementPlugin(),
+    new RunScriptWebpackPlugin({ name: "main.js", autoRestart: true })
+  );
+
+  config.externals ??= [];
+  config.externals.push((nodeExternals as any)({ allowlist: ["webpack/hot/poll?100"] }));
+
+  return config;
+});
+
+export default config;

package/src/webpack.csr.d.ts

@@ -0,0 +1,5 @@
+import webpack from "webpack";
+declare const config: ((config: webpack.Configuration, ctx: import("@nx/webpack").NxWebpackExecutionContext) => Promise<webpack.Configuration>) & {
+    nxWebpackComposablePlugin: boolean;
+};
+export default config;

package/src/webpack.csr.js

@@ -0,0 +1,81 @@
+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);
+var webpack_csr_exports = {};
+__export(webpack_csr_exports, {
+  default: () => webpack_csr_default
+});
+module.exports = __toCommonJS(webpack_csr_exports);
+var import_react = require("@nx/react");
+var import_webpack = require("@nx/webpack");
+var import_path = __toESM(require("path"));
+var import_webpack2 = __toESM(require("webpack"));
+const config = (0, import_webpack.composePlugins)((0, import_webpack.withNx)({ skipTypeChecking: true }), (0, import_react.withReact)(), (config2) => {
+  config2.resolve = {
+    ...config2.resolve ?? {},
+    alias: {
+      ...config2.resolve?.alias ?? {},
+      "next/font/local": import_path.default.resolve(__dirname, "./createFont"),
+      "next/font/google": import_path.default.resolve(__dirname, "./createFont"),
+      "next/navigation": import_path.default.resolve(__dirname, "./router"),
+      [`@${process.env.NX_TASK_TARGET_PROJECT}/lib`]: import_path.default.resolve(
+        __dirname,
+        `../../../${process.env.NX_TASK_TARGET_PROJECT}/lib/`
+      )
+    },
+    fallback: {
+      ...config2.resolve?.fallback ?? {},
+      url: require.resolve("url"),
+      fs: false,
+      vm: require.resolve("vm-browserify"),
+      process: require.resolve("process"),
+      crypto: require.resolve("crypto-browserify"),
+      http: require.resolve("stream-http"),
+      https: require.resolve("https-browserify"),
+      os: require.resolve("os-browserify/browser"),
+      stream: require.resolve("stream-browserify")
+    }
+  };
+  config2.plugins = [
+    ...config2.plugins?.filter((plugin) => plugin.constructor.name !== "ForkTsCheckerWebpackPlugin") ?? [],
+    //add process plugin
+    new import_webpack2.default.ProvidePlugin({
+      process: "process/browser"
+    }),
+    new import_webpack2.EnvironmentPlugin({
+      NEXT_PUBLIC_REPO_NAME: process.env.NEXT_PUBLIC_REPO_NAME,
+      NEXT_PUBLIC_SERVE_DOMAIN: process.env.NEXT_PUBLIC_SERVE_DOMAIN,
+      NEXT_PUBLIC_APP_NAME: process.env.NEXT_PUBLIC_APP_NAME ?? process.env.NX_TASK_TARGET_PROJECT,
+      NEXT_PUBLIC_ENV: process.env.NEXT_PUBLIC_ENV,
+      NEXT_PUBLIC_OPERATION_MODE: process.env.NEXT_PUBLIC_OPERATION_MODE,
+      APP_OPERATION_MODE: process.env.APP_OPERATION_MODE,
+      RENDER_ENV: "csr"
+    })
+  ];
+  return config2;
+});
+var webpack_csr_default = config;

package/src/webpack.csr.ts

@@ -0,0 +1,76 @@
+import { withReact } from "@nx/react";
+import { composePlugins, withNx } from "@nx/webpack";
+import path from "path";
+import webpack, { EnvironmentPlugin } from "webpack";
+
+interface WebpackConfig extends webpack.Configuration {
+  resolve?: {
+    alias?: Record<string, string>;
+    fallback?: Record<string, string | false>;
+  };
+  plugins?: webpack.WebpackPluginInstance[];
+}
+
+interface ProcessEnv {
+  NX_TASK_TARGET_PROJECT?: string;
+  NEXT_PUBLIC_REPO_NAME?: string;
+  NEXT_PUBLIC_SERVE_DOMAIN?: string;
+  NEXT_PUBLIC_APP_NAME?: string;
+  NEXT_PUBLIC_ENV?: string;
+  NEXT_PUBLIC_OPERATION_MODE?: string;
+  APP_OPERATION_MODE?: string;
+}
+
+const config = composePlugins(withNx({ skipTypeChecking: true }), withReact(), (config: WebpackConfig) => {
+  config.resolve = {
+    ...(config.resolve ?? {}),
+    alias: {
+      ...(config.resolve?.alias ?? {}),
+      "next/font/local": path.resolve(__dirname, "./createFont"),
+      "next/font/google": path.resolve(__dirname, "./createFont"),
+      "next/navigation": path.resolve(__dirname, "./router"),
+      [`@${process.env.NX_TASK_TARGET_PROJECT}/lib`]: path.resolve(
+        __dirname,
+        `../../../${process.env.NX_TASK_TARGET_PROJECT}/lib/`
+      ),
+    },
+    fallback: {
+      ...(config.resolve?.fallback ?? {}),
+      url: require.resolve("url"),
+      fs: false,
+      vm: require.resolve("vm-browserify"),
+      process: require.resolve("process"),
+      crypto: require.resolve("crypto-browserify"),
+      http: require.resolve("stream-http"),
+      https: require.resolve("https-browserify"),
+      os: require.resolve("os-browserify/browser"),
+      stream: require.resolve("stream-browserify"),
+    },
+  };
+
+  // config.output = {
+  //   path: path.resolve(__dirname, "public"),
+  //   filename: "[name].js",
+  //   globalObject: "self",
+  // };
+  // config.target = "webworker";
+  config.plugins = [
+    ...(config.plugins?.filter((plugin) => plugin.constructor.name !== "ForkTsCheckerWebpackPlugin") ?? []),
+    //add process plugin
+    new webpack.ProvidePlugin({
+      process: "process/browser",
+    }),
+    new EnvironmentPlugin({
+      NEXT_PUBLIC_REPO_NAME: process.env.NEXT_PUBLIC_REPO_NAME,
+      NEXT_PUBLIC_SERVE_DOMAIN: process.env.NEXT_PUBLIC_SERVE_DOMAIN,
+      NEXT_PUBLIC_APP_NAME: process.env.NEXT_PUBLIC_APP_NAME ?? process.env.NX_TASK_TARGET_PROJECT,
+      NEXT_PUBLIC_ENV: process.env.NEXT_PUBLIC_ENV,
+      NEXT_PUBLIC_OPERATION_MODE: process.env.NEXT_PUBLIC_OPERATION_MODE,
+      APP_OPERATION_MODE: process.env.APP_OPERATION_MODE,
+      RENDER_ENV: "csr",
+    }),
+  ];
+  return config;
+});
+
+export default config;

package/src/jest.preset.js

@@ -1,3 +0,0 @@
-const nxPreset = require("@nx/jest/preset").default;
-
-module.exports = { ...nxPreset, testEnvironment: "node" };

package/src/tailwind.base.js

@@ -1,351 +0,0 @@
-const { createGlobPatternsForDependencies } = require("@nx/next/tailwind");
-const { join } = require("path");
-
-const directions = ["Right", "Left", "Up", "Down"];
-const percentages = [5, 15, 30, 100];
-const duration = [150, 500, 1000];
-
-// fadeInRight5_150ms: "fadeInRight5 0.15s ease-in-out forwards",
-// fadeInRight5_500ms: "fadeInRight5 0.5s ease-in-out forwards",
-// fadeInRight5_1000ms: "fadeInRight5 1s ease-in-out forwards",
-// delay 는 animation-delay-300 을 className에 추가해서 사용
-// 그 외의 duration,timing function, fill mode 적용시, animate-[fadeInRight100_1s_ease-in-out_2s_forwards]
-const animations = directions.reduce((acc, direction) => {
-  percentages.forEach((percentage) => {
-    duration.forEach((time) => {
-      const key = `fadeIn${direction}${percentage}_${time}ms`;
-      const value = `fadeIn${direction}${percentage} ${time / 1000}s ease-in-out forwards`;
-      acc[key] = value;
-    });
-  });
-  return acc;
-}, {});
-
-const keyframes = directions.reduce((acc, direction) => {
-  percentages.forEach((percentage) => {
-    const key = `fadeIn${direction}${percentage}`;
-    const xPercentage = direction === "Left" ? -percentage : direction === "Right" ? percentage : 0;
-    const yPercentage = direction === "Up" ? percentage : direction === "Down" ? -percentage : 0;
-
-    const value = {
-      "0%": {
-        opacity: 0,
-        // transform: `translate(${xPercentage}%, ${yPercentage}%)`,
-        translate: `${xPercentage}% ${yPercentage}%`,
-      },
-      "100%": {
-        opacity: 1,
-        // transform: "translate(0, 0)",
-        translate: "0 0",
-      },
-    };
-
-    acc[key] = value;
-  });
-  return acc;
-}, {});
-
-const defaultPlugin = require("tailwindcss/plugin")(
-  ({ matchUtilities, theme, addUtilities, addComponents, addBase }) => {
-    matchUtilities(
-      {
-        "animation-delay": (value) => {
-          return { "animation-delay": value };
-        },
-      },
-      { values: theme("transitionDelay") }
-    );
-
-    addUtilities({
-      ".centric": {
-        display: "flex",
-        "justify-content": "center",
-        "align-items": "center",
-      },
-      ".all-initial": { all: "initial" },
-      ".all-inherit": { all: "inherit" },
-      ".all-revert": { all: "revert" },
-      ".all-unset": { all: "unset" },
-    });
-    addComponents({});
-    addBase({});
-  },
-  {
-    theme: {
-      container: { center: true },
-      extend: {
-        colors: {
-          "primary-light": "hsl(var(--primary-light) / <alpha-value>)",
-          "primary-dark": "hsl(var(--primary-dark) / <alpha-value>)",
-          "secondary-light": "hsl(var(--secondary-light) / <alpha-value>)",
-          "secondary-dark": "hsl(var(--secondary-dark) / <alpha-value>)",
-        },
-        transitionProperty: {
-          all: "all",
-        },
-        keyframes: {
-          smaller: {
-            "0%": { scale: 1, height: "100%" },
-            "100%": { scale: 0, height: 0 },
-          },
-          bigger: {
-            "0%": {
-              transform: "scale(0.5)",
-            },
-            "100%": {
-              transform: "scale(1)",
-            },
-          },
-          fadeIn: {
-            "0%": { opacity: 0 },
-            "100%": { opacity: 1 },
-          },
-          flyOut: {
-            "0%": { opacity: 1, transform: "translate(-50%, -100%)" },
-            "100%": { opacity: 0, transform: "translate(-50%, -140%)" },
-          },
-          drop: {
-            "0%": { opacity: 0, transform: "translate(-50%, -140%)" },
-            "100%": { opacity: 1, transform: "translate(-50%, -100%)" },
-          },
-          fadeOut: {
-            "0%": { opacity: 1 },
-            "100%": { opacity: 0 },
-          },
-          flash: {
-            "0%": { opacity: 1 },
-            "50%": { opacity: 0.2 },
-            "100%": { opacity: 1 },
-          },
-          spin: {
-            "0%": { transform: "rotate(0deg)" },
-            "100%": { transform: "rotate(360deg)" },
-          },
-          pop: {
-            "0%": { transform: "scale(0, 0)" },
-            "50%": { transform: "scale(1.5, 1.5)" },
-            "100%": { transform: "scale(1, 1)" },
-          },
-          slideDown: {
-            from: { height: 0 },
-            to: { height: "var(--radix-accordion-content-height)" },
-          },
-          slideUp: {
-            from: { height: "var(--radix-accordion-content-height)" },
-            to: { height: 0 },
-          },
-          menuOpen: {
-            "0%": {
-              opacity: 0,
-              width: 0,
-            },
-            "100%": {
-              opacity: 1,
-              width: 80,
-            },
-          },
-          menuClose: {
-            "0%": {
-              opacity: 1,
-              width: 80,
-            },
-            "100%": {
-              opacity: 0,
-              width: 0,
-            },
-          },
-          "backdrop-blur": {
-            "0%": { "backdrop-filter": "blur(0)" },
-            "100%": { "backdrop-filter": "blur(5px)" },
-          },
-          zoomIn: {
-            "0%": {
-              opacity: 0,
-              transform: "scale(0.6)",
-            },
-            "100%": {
-              opacity: 1,
-              transform: "scale(1)",
-            },
-          },
-          bottomUp: {
-            "0%": {
-              transform: "translateY(100%)",
-            },
-            "100%": {
-              transform: "translateY(0)",
-            },
-          },
-          bottomDown: {
-            "0%": {
-              transform: "translateY(0)",
-            },
-            "100%": {
-              transform: "translateY(100%)",
-            },
-          },
-          wave: {
-            "0%": {
-              "box-shadow":
-                "0 0 0 0 rgba(219, 39, 119, 0.3), 0 0 0 1em rgba(219, 39, 119, 0.3), 0 0 0 2em rgba(219, 39, 119, 0.3),0 0 0 3em rgba(219, 39, 119, 0.3)",
-            },
-            "100%": {
-              "box-shadow":
-                "0 0 0 1em rgba(219, 39, 119, 0.3), 0 0 0 2em rgba(219, 39, 119, 0.3), 0 0 0 3em rgba(219, 39, 119, 0.3), 0 0 0 4em rgba(219, 39, 119, 0)",
-            },
-          },
-          translateUp: {
-            "0%": {
-              transform: "translateY(0)",
-            },
-            "100%": {
-              transform: "translateY(-60%)",
-            },
-          },
-          tranlateLeft: {
-            "0%": {
-              transform: "translateX(100%)",
-            },
-            "100%": {
-              transform: "translateX(0)",
-            },
-          },
-          tranlateRight: {
-            "0%": {
-              transform: "translateX(-100%)",
-            },
-            "100%": {
-              transform: "translateX(0)",
-            },
-          },
-          floatUpDown: {
-            "0%": {
-              transform: "translateY(0%)",
-            },
-            "50%": {
-              transform: "translateY(10%)",
-            },
-            "100%": {
-              transform: "translateY(0%)",
-            },
-          },
-          floatDownUp: {
-            "0%": {
-              transform: "translateY(10%)",
-            },
-            "50%": {
-              transform: "translateY(0%)",
-            },
-            "100%": {
-              transform: "translateY(10%)",
-            },
-          },
-          scanDown: {
-            "0%": {
-              top: "-100%",
-            },
-            "100%": {
-              top: "200%",
-            },
-          },
-
-          ...keyframes,
-        },
-
-        animation: {
-          smaller: "smaller 0.15s ease-in-out forwards",
-          bigger: "bigger 1s ease-in-out forwards",
-          fadeIn: "fadeIn 0.15s ease-in-out forwards",
-          fadeIn_750ms: "fadeIn 0.75s ease-in-out forwards",
-          fadeOut: "fadeOut 0.15s ease-in-out forwards",
-          flyOut: "flyOut 0.15s ease-in-out forwards",
-          drop: "drop 0.15s ease-in-out forwards",
-          flash: "flash 1s linear infinite",
-          spin: "spin 1s linear infinite",
-          spin_15s: "spin 15s linear infinite",
-          "backdrop-blur": "backdrop-blur 2s ease-in-out forwards",
-          pop: "pop 0.15s ease-in-out forwards",
-          menuOpen: "menuOpen 0.3s ease-in-out forwards",
-          menuClose: "menuClose 0.3s ease-in-out forwards",
-          slideDown: "slideDown 300ms cubic-bezier(0.87, 0, 0.13, 1)",
-          slideUp: "slideUp 300ms cubic-bezier(0.87, 0, 0.13, 1)",
-          zoomIn: "zoomIn 0.15s ease-in-out forwards",
-          zoomIn_1000ms: "zoomIn 1s ease-in-out forwards",
-          wave: "wave 1s linear infinite",
-          fadeIn_delay_1s: "fadeIn 0.3s ease-in-out 1s forwards",
-          translateUp: "translateUp 0.5s ease-in-out 0.5s forwards",
-          bottomUp: "bottomUp 0.5s ease-in-out 0.5s forwards",
-          translateLeft: "translateLeft 0.15s ease-in-out forwards",
-          translateRight: "tranlateRight 0.15s ease-in-out forwards",
-          spreadOutFromCenter: "spreadOutFromCenter 1s ease-out forwards",
-          floatUpDown: "floatUpDown 3s linear forwards infinite",
-          floatDownUp: "floatDownUp 3s linear forwards infinite",
-          scanDown: "scanDown 3s ease-in-out infinite",
-          ...animations,
-        },
-      },
-    },
-  }
-);
-
-const withBase = (
-  dirname,
-  {
-    fonts = [],
-    themes = [],
-    config = {},
-    container = "normal",
-    colors = {},
-    backgroundImage = {},
-    extend = {},
-    plugins = [],
-  } = {}
-) => ({
-  content: [
-    join(dirname, "./app/**/*.{js,ts,jsx,tsx}"),
-    join(dirname, "./lib/**/*.{js,ts,jsx,tsx}"),
-    join(dirname, "./ui/**/*.{js,ts,jsx,tsx}"),
-    ...createGlobPatternsForDependencies(dirname),
-  ],
-  theme: {
-    ...config,
-    ...(container === "compact"
-      ? {
-          container: {
-            center: true,
-            // padding: '1rem',
-            screens: {
-              sm: "600px",
-              md: "768px",
-              lg: "1024px",
-              xl: "1280px",
-              "2xl": "1280px",
-            },
-          },
-        }
-      : {}),
-    extend: {
-      fontFamily: Object.fromEntries(fonts.map((font) => [font, [`var(--font-${font})`]])),
-      colors: colors || {},
-      backgroundImage: backgroundImage || {},
-      ...extend,
-    },
-  },
-  daisyui: {
-    themes: Array.isArray(themes) ? (themes.length === 0 ? ["light", "dark"] : themes) : [themes],
-    logs: false,
-  },
-  plugins: [
-    defaultPlugin,
-    require("@tailwindcss/aspect-ratio"),
-    require("@tailwindcss/typography"),
-    require("@tailwindcss/container-queries"),
-    // require("tailwindcss-animation-delay"),
-    require("tailwind-scrollbar"),
-    require("daisyui"),
-    require("tailwindcss-radix")(),
-    ...plugins,
-  ],
-});
-
-module.exports = { defaultPlugin, withBase };