From 22ae5a29bd96331880ad0bff704ad34aba7103f8 Mon Sep 17 00:00:00 2001
From: Shinwoo PARK <devpysweb@gmail.com>
Date: Thu, 13 Jun 2024 17:54:33 +0000
Subject: [PATCH] feat: add configurations

---
 .eslintrc.cjs      | 14 ++++++++++++++
 tailwind.config.js | 15 +++++++++++++++
 tsconfig.json      | 33 +++++++++++++++++++++++++++++++++
 tsconfig.node.json | 11 +++++++++++
 vite.config.ts     | 34 ++++++++++++++++++++++++++++++++++
 5 files changed, 107 insertions(+)
 create mode 100644 .eslintrc.cjs
 create mode 100644 tailwind.config.js
 create mode 100644 tsconfig.json
 create mode 100644 tsconfig.node.json
 create mode 100644 vite.config.ts

diff --git a/.eslintrc.cjs b/.eslintrc.cjs
new file mode 100644
index 0000000..6f2c598
--- /dev/null
+++ b/.eslintrc.cjs
@@ -0,0 +1,14 @@
+module.exports = {
+  root: true,
+  env: { browser: true, es2020: true },
+  extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'plugin:react-hooks/recommended', 'plugin:storybook/recommended'],
+  ignorePatterns: ['dist', '.eslintrc.cjs'],
+  parser: '@typescript-eslint/parser',
+  plugins: ['react-refresh'],
+  rules: {
+    'react-refresh/only-export-components': [
+      'warn',
+      { allowConstantExport: true },
+    ],
+  },
+}
\ No newline at end of file
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..1255663
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,15 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: ["./{components,stories,src}/**/*.{js,jsx,ts,tsx,css,mdx}"],
+  darkMode: [
+    "variant",
+    [
+      "@media (prefers-color-scheme: dark) { &:is(.system *) }",
+      "&:is(.dark *)",
+    ],
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [require("@tailwindcss/typography"), require("tailwind-scrollbar")],
+};
\ No newline at end of file
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..551a6ad
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,33 @@
+{
+  "compilerOptions": {
+    "target": "ES2021",
+    "useDefineForClassFields": true,
+    "lib": ["ES2021", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+
+    /* Path */
+    "baseUrl": "./",
+    "paths": {
+      "@components/*": ["components/*"],
+      "@/*": ["src/*"],
+      "@pswui-lib": ["lib.tsx"]
+    }
+  },
+  "include": ["components", "src", "./lib.tsx"],
+  "references": [{ "path": "./tsconfig.node.json" }]
+}
\ No newline at end of file
diff --git a/tsconfig.node.json b/tsconfig.node.json
new file mode 100644
index 0000000..4eb43d0
--- /dev/null
+++ b/tsconfig.node.json
@@ -0,0 +1,11 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true,
+    "strict": true
+  },
+  "include": ["vite.config.ts"]
+}
\ No newline at end of file
diff --git a/vite.config.ts b/vite.config.ts
new file mode 100644
index 0000000..d5b3d22
--- /dev/null
+++ b/vite.config.ts
@@ -0,0 +1,34 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+import tailwindcss from "tailwindcss";
+import mdx from "@mdx-js/rollup";
+import { resolve } from "node:path";
+import remarkGfm from "remark-gfm";
+import withSlug from "rehype-slug";
+import withToc from "@stefanprobst/rehype-extract-toc";
+import withTocExport from "@stefanprobst/rehype-extract-toc/mdx";
+import dynamicImport from "vite-plugin-dynamic-import";
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    react(),
+    mdx({
+      rehypePlugins: [withSlug, withToc, withTocExport],
+      remarkPlugins: [remarkGfm],
+    }),
+    dynamicImport(),
+  ],
+  css: {
+    postcss: {
+      plugins: [tailwindcss()],
+    },
+  },
+  resolve: {
+    alias: {
+      "@components": resolve(__dirname, "./components"),
+      "@": resolve(__dirname, "./src"),
+      "@pswui-lib": resolve(__dirname, "./lib.tsx"),
+    },
+  },
+});
\ No newline at end of file