split tsconfig

Author: mykalmax

web/common/package.json

@@ -24,17 +24,13 @@
         "default": "./dist/sqlmesh-common.umd.js"
       }
     },
-    "./styles/design/index.css": "./dist/styles/design/index.css",
-    "./styles/design/*": "./dist/styles/design/*",
-    "./design": "./dist/styles/design/index.css",
+    "./styles/*": "./dist/styles/*",
     "./design/*": "./dist/styles/design/*",
-    "./configs/*": "./dist/configs/*",
-    "./tailwind.base.config.js": "./dist/configs/tailwind.base.config.js",
-    "./styles/tailwind.min.css": "./dist/styles/tailwind.min.css"
+    "./configs/*": "./dist/configs/*"
   },
   "scripts": {
     "ci": "pnpm run lint && pnpm run build",
-    "build": "pnpm run build:css && tsc -p tsconfig.build.json && vite build --base './'",
+    "build": "tsc -p tsconfig.build.json && vite build --base './' && pnpm run build:css",
     "build:css": "tailwindcss -i ./src/styles/index.css -o ./dist/styles/tailwind.min.css --minify",
     "build:storybook": "storybook build",
     "dev": "storybook dev -p 6006",

web/common/tsconfig.base.json

@@ -0,0 +1,34 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "jsx": "react-jsx",
+    "module": "ESNext",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "types": ["vite/client"],
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "noEmit": true,
+
+    /* Linting */
+    "skipLibCheck": true,
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true,
+
+    /* Declaration */
+    "declaration": true,
+    "declarationDir": "./dist",
+    "emitDeclarationOnly": false,
+
+    /* Paths */
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  }
+}

web/common/tsconfig.build.json

@@ -1,7 +1,12 @@
 {
-  "extends": "./tsconfig.json",
+  "extends": "./tsconfig.base.json",
   "include": ["src/**/*.ts", "src/**/*.tsx"],
-  "exclude": ["src/**/*.stories.tsx", "src/**/*.test.ts", "src/**/*.test.tsx"],
+  "exclude": [
+    "**/*.test.ts",
+    "**/*.test.tsx",
+    "**/*.stories.tsx",
+    "tests/**/*"
+  ],
   "compilerOptions": {
     "noEmit": false,
     "allowImportingTsExtensions": false,

web/common/tsconfig.json

@@ -1,35 +1,7 @@
 {
+  "extends": "./tsconfig.base.json",
   "include": ["src/**/*.ts", "src/**/*.tsx", "tests/**/*.ts"],
   "compilerOptions": {
-    "target": "ES2022",
-    "jsx": "react-jsx",
-    "module": "ESNext",
-    "lib": ["ES2022", "DOM", "DOM.Iterable"],
-    "types": ["vite/client", "@testing-library/jest-dom"],
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "noEmit": true,
-
-    /* Linting */
-    "skipLibCheck": true,
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true,
-
-    /* Declaration */
-    "declaration": true,
-    "declarationDir": "./dist",
-    "emitDeclarationOnly": false,
-
-    /* Paths */
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["./src/*"]
-    }
+    "types": ["vite/client", "@testing-library/jest-dom"]
   }
 }

web/common/vite.config.js

@@ -10,6 +10,7 @@ export default defineConfig({
     dts({
       insertTypesEntry: true,
       declarationMap: true,
+      tsconfigPath: './tsconfig.build.json',
     }),
     viteStaticCopy({
       targets: [
@@ -30,6 +31,7 @@ export default defineConfig({
     },
   },
   build: {
+    cssMinify: true,
     lib: {
       entry: path.resolve(__dirname, 'src/index.ts'),
       name: 'sqlmesh-common',
@@ -55,6 +57,12 @@ export default defineConfig({
           'class-variance-authority': 'classVarianceAuthority',
           '@radix-ui/react-slot': 'radixSlot',
         },
+        assetFileNames: assetInfo => {
+          if (assetInfo.name && assetInfo.name.endsWith('.css')) {
+            return 'styles/[name].min[extname]'
+          }
+          return '[name][extname]'
+        },
       },
     },
     sourcemap: process.env.NODE_ENV !== 'production',