From 1a2e14eede4a72bc7b299774f3fc34b170bca96b Mon Sep 17 00:00:00 2001
From: bicochan <chanii8@naver.com>
Date: Tue, 25 Feb 2025 10:27:14 +0900
Subject: [PATCH] =?UTF-8?q?chore:=20components=20config=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/common/components/.storybook/env.ts        |  7 -------
 packages/common/components/.storybook/main.ts       | 10 ----------
 packages/common/components/.storybook/manager.ts    |  2 +-
 packages/common/components/package.json             |  4 +++-
 packages/common/components/src/env.ts               |  2 +-
 packages/common/components/tsup.config.ts           | 10 ++++++++++
 packages/common/components/vite.config.storybook.ts |  7 +++++--
 7 files changed, 20 insertions(+), 22 deletions(-)
 delete mode 100644 packages/common/components/.storybook/env.ts

diff --git a/packages/common/components/.storybook/env.ts b/packages/common/components/.storybook/env.ts
deleted file mode 100644
index 3b6cc799e..000000000
--- a/packages/common/components/.storybook/env.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-declare const process: {
-  env: {
-    BASE_ASSETS_PATH?: string;
-  };
-};
-
-export const BASE_ASSETS_PATH = process.env.BASE_ASSETS_PATH;
diff --git a/packages/common/components/.storybook/main.ts b/packages/common/components/.storybook/main.ts
index 91cb909b7..6b1692914 100644
--- a/packages/common/components/.storybook/main.ts
+++ b/packages/common/components/.storybook/main.ts
@@ -17,15 +17,5 @@ const config: StorybookConfig = {
       },
     },
   },
-  async viteFinal(config) {
-    config.define = {
-      ...config.define,
-      "import.meta.env.BASE_ASSETS_PATH": JSON.stringify(
-        process.env.BASE_ASSETS_PATH,
-      ),
-    };
-
-    return config;
-  },
 };
 export default config;
diff --git a/packages/common/components/.storybook/manager.ts b/packages/common/components/.storybook/manager.ts
index 01e722044..a3ed41b46 100644
--- a/packages/common/components/.storybook/manager.ts
+++ b/packages/common/components/.storybook/manager.ts
@@ -1,6 +1,6 @@
 import { addons } from "@storybook/manager-api";
 import { create } from "@storybook/theming";
-import { BASE_ASSETS_PATH } from "./env";
+import { BASE_ASSETS_PATH } from "../src/env";
 
 const theme = create({
   base: "light",
diff --git a/packages/common/components/package.json b/packages/common/components/package.json
index 159b4d7ef..fda456cee 100644
--- a/packages/common/components/package.json
+++ b/packages/common/components/package.json
@@ -10,7 +10,9 @@
     ".": {
       "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
-    }
+    },
+    "./base.css": "./dist/base.css",
+    "./diveicon.css": "./dist/diveicon.css"
   },
   "scripts": {
     "build": "tsup",
diff --git a/packages/common/components/src/env.ts b/packages/common/components/src/env.ts
index 91c18e539..a5af5a310 100644
--- a/packages/common/components/src/env.ts
+++ b/packages/common/components/src/env.ts
@@ -1 +1 @@
-export const BASE_ASSETS_PATH = import.meta.env.BASE_ASSETS_PATH;
+export const BASE_ASSETS_PATH = process.env.BASE_ASSETS_PATH;
diff --git a/packages/common/components/tsup.config.ts b/packages/common/components/tsup.config.ts
index 7b6a8f25f..05b1d9ad4 100644
--- a/packages/common/components/tsup.config.ts
+++ b/packages/common/components/tsup.config.ts
@@ -8,9 +8,19 @@ export default defineConfig((options) => ({
   clean: true,
   dts: true,
   format: ["esm"],
+  external: ["react", "react-dom"],
   platform: "browser",
   target: ["es2020", "chrome70", "edge18", "firefox70", "node18"],
   tsconfig: path.resolve(__dirname, "tsconfig.build.json"),
   sourcemap: !options.watch,
   minify: !options.watch,
+  cssMinify: !options.watch,
+  cssModules: true,
+  postcss: true,
+  esbuildOptions(options) {
+    options.entryPoints = ["src/index.ts", "src/base.css", "src/diveicon.css"];
+    // options.alias = {
+    //   "@/": path.resolve(__dirname, "src/"),
+    // };
+  },
 }));
diff --git a/packages/common/components/vite.config.storybook.ts b/packages/common/components/vite.config.storybook.ts
index 849635752..870b37a93 100644
--- a/packages/common/components/vite.config.storybook.ts
+++ b/packages/common/components/vite.config.storybook.ts
@@ -1,6 +1,9 @@
 import { defineConfig } from "vite";
-import tsconfigPaths from "vite-tsconfig-paths";
 
 export default defineConfig({
-  plugins: [tsconfigPaths()],
+  define: {
+    "process.env.BASE_ASSETS_PATH": JSON.stringify(
+      process.env.BASE_ASSETS_PATH,
+    ),
+  },
 });