feat(ui): warningAlertModal 컴포넌트, warningAelrtModal 스토리북 추가 (#6)

* feat(ui): warningAlertModal 컴포넌트, warningAelrtModal 스토리북 추가 * fix(ui): dist/styles.css를 직접 임포트 하지 않아도 tailwindCss 적용되도록 수정 * feat(ui): storybook 에서 임포트한 컴포넌트가 바로 tailwindCss 적용되도록 함 * fix: storybook tsconfig.json 수정 * fix: next 15 버전에서 14 버전으로 다운그레이드 * fix(ui): warningAlertModal 코드 수정
WOONGEYA · Aug 19, 2024 · 7788f4a · 7788f4a
1 parent cd03e72
commit 7788f4a
Show file tree

Hide file tree

Showing 50 changed files with 1,007 additions and 930 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -1,7 +1,23 @@
 {
-  "eslint.workingDirectories": [
-    {
-      "mode": "auto"
-    }
-  ]
+  "tailwindCSS.experimental.classRegex": [
+    ["cva\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"],
+    ["cx\\(([^)]*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"]
+  ],
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit",
+    "source.organizeImports": "explicit"
+  },
+  "editor.formatOnSave": true,
+  "[javascript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[javascriptreact]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescriptreact]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  }
 }
diff --git a/apps/admin/app/layout.tsx b/apps/admin/app/layout.tsx
diff --git a/apps/admin/package.json b/apps/admin/package.json
@@ -10,18 +10,18 @@
   },
   "dependencies": {
     "@jjoing/ui": "workspace:*",
+    "next": "^14.0.0",
     "react": "19.0.0-rc-f994737d14-20240522",
-    "react-dom": "19.0.0-rc-f994737d14-20240522",
-    "next": "15.0.0-rc.0"
+    "react-dom": "19.0.0-rc-f994737d14-20240522"
   },
   "devDependencies": {
     "@jjoing/eslint-config": "workspace:*",
     "@jjoing/typescript-config": "workspace:*",
-    "typescript": "^5",
     "@types/node": "^20",
-    "@types/react": "^18",
+    "@types/react": "^18.3.3",
     "@types/react-dom": "^18",
     "eslint": "^8",
-    "eslint-config-next": "15.0.0-rc.0"
+    "eslint-config-next": "15.0.0-rc.0",
+    "typescript": "^5.5.4"
   }
 }
diff --git a/apps/admin/app/favicon.ico → apps/admin/src/app/favicon.ico b/apps/admin/app/favicon.ico → apps/admin/src/app/favicon.ico
diff --git a/apps/admin/app/globals.css → apps/admin/src/app/globals.css b/apps/admin/app/globals.css → apps/admin/src/app/globals.css
diff --git a/apps/admin/src/app/layout.tsx b/apps/admin/src/app/layout.tsx
@@ -0,0 +1,19 @@
+import type { Metadata } from 'next';
+import './globals.css';
+
+export const metadata: Metadata = {
+  title: 'Create Next App',
+  description: 'Generated by create next app',
+};
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="en">
+      <body>{children}</body>
+    </html>
+  );
+}
diff --git a/apps/admin/app/page.module.css → apps/admin/src/app/page.module.css b/apps/admin/app/page.module.css → apps/admin/src/app/page.module.css
diff --git a/apps/admin/app/page.tsx → apps/admin/src/app/page.tsx b/apps/admin/app/page.tsx → apps/admin/src/app/page.tsx
@@ -1,6 +1,5 @@
 import Image from 'next/image';
 import styles from './page.module.css';
-import { Button } from '@jjoing/ui/button';
 
 export default function Home() {
   return (
@@ -46,9 +45,6 @@ export default function Home() {
             Read our docs
           </a>
         </div>
-        <Button appName="web" className={styles.secondary}>
-          Open alert
-        </Button>
       </main>
       <footer className={styles.footer}>
         <a

diff --git a/apps/admin/app/fonts/GeistMonoVF.woff → apps/admin/src/fonts/GeistMonoVF.woff b/apps/admin/app/fonts/GeistMonoVF.woff → apps/admin/src/fonts/GeistMonoVF.woff
diff --git a/apps/admin/app/fonts/GeistVF.woff → apps/admin/src/fonts/GeistVF.woff b/apps/admin/app/fonts/GeistVF.woff → apps/admin/src/fonts/GeistVF.woff
diff --git a/apps/admin/tsconfig.json b/apps/admin/tsconfig.json
@@ -5,7 +5,8 @@
       {
         "name": "next"
       }
-    ]
+    ],
+    "types": ["react", "react-dom"]
   },
   "include": [
     "next-env.d.ts",

diff --git a/apps/client/.eslintrc.js b/apps/client/.eslintrc.js
@@ -6,4 +6,5 @@ module.exports = {
   parserOptions: {
     project: true,
   },
+  ignorePatterns: ['postcss.config.js', 'tailwind.config.js'],
 };
diff --git a/apps/client/app/favicon.ico b/apps/client/app/favicon.ico
diff --git a/apps/client/app/fonts/GeistMonoVF.woff b/apps/client/app/fonts/GeistMonoVF.woff
diff --git a/apps/client/app/fonts/GeistVF.woff b/apps/client/app/fonts/GeistVF.woff
diff --git a/apps/client/app/globals.css b/apps/client/app/globals.css
diff --git a/apps/client/app/layout.tsx b/apps/client/app/layout.tsx
diff --git a/apps/client/app/page.module.css b/apps/client/app/page.module.css