Merge pull request #184 from SOPT-36-NINEDOT/refactor/#181/aiModal

Refactor: AI 모달 리팩토링

Author: jisooooooooooo

.nvmrc 2

@@ -1,6 +1,7 @@
 import type { StorybookConfig } from '@storybook/react-vite';
 import { vanillaExtractPlugin } from '@vanilla-extract/vite-plugin';
 import svgr from 'vite-plugin-svgr';
+import path from 'node:path';
 
 const config: StorybookConfig = {
   stories: ['../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
@@ -22,6 +23,21 @@ const config: StorybookConfig = {
       ...(config.optimizeDeps || {}),
       include: ['@vanilla-extract/css'],
     };
+    config.resolve = {
+      ...(config.resolve || {}),
+      alias: {
+        ...(config.resolve?.alias || {}),
+        '@': path.resolve(__dirname, '../src'),
+        '@api': path.resolve(__dirname, '../src/api'),
+        '@assets': path.resolve(__dirname, '../src/assets'),
+        '@common': path.resolve(__dirname, '../src/common'),
+        '@page': path.resolve(__dirname, '../src/page'),
+        '@route': path.resolve(__dirname, '../src/route'),
+        '@shared': path.resolve(__dirname, '../src/shared'),
+        '@style': path.resolve(__dirname, '../src/style'),
+        '@type': path.resolve(__dirname, '../src/type'),
+      },
+    };
     return config;
   },
 };

.storybook/main.ts

@@ -1,6 +1,11 @@
 import type { Preview } from '@storybook/react';
-import '../src/style/reset.css';
-import '../src/style/global.css';
+import React from 'react';
+import { OverlayProvider } from 'overlay-kit';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import '../src/style/reset.css.ts';
+import '../src/style/global.css.ts';
+
+const queryClient = new QueryClient();
 
 const preview: Preview = {
   parameters: {
@@ -31,6 +36,14 @@ const preview: Preview = {
       test: 'todo',
     },
   },
+  decorators: [
+    (Story) =>
+      React.createElement(
+        QueryClientProvider,
+        { client: queryClient },
+        React.createElement(OverlayProvider, null, React.createElement(Story)),
+      ),
+  ],
 };
 
 export default preview;

.storybook/preview.ts

@@ -26,6 +26,7 @@
     "clsx": "^2.1.1",
     "lottie-react": "^2.4.1",
     "openapi-typescript": "^7.8.0",
+    "overlay-kit": "^1.8.5",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-redux": "^9.2.0",
@@ -43,6 +44,7 @@
     "@storybook/preview-api": "^8.6.14",
     "@storybook/react": "^9.0.15",
     "@storybook/react-vite": "^9.0.15",
+    "@storybook/test": "8.6.14",
     "@storybook/types": "^8.6.14",
     "@tanstack/react-query-devtools": "^5.81.5",
     "@types/react": "^19.1.2",
@@ -75,4 +77,4 @@
     "vitest": "^3.2.4"
   },
   "packageManager": "pnpm@10.12.4+sha512.5ea8b0deed94ed68691c9bad4c955492705c5eeb8a87ef86bc62c74a26b037b08ff9570f108b2e4dbd1dd1a9186fea925e527f141c648e85af45631074680184"
-}
+}