feat: bundle dts file (#141)

packages/theme/package.json

@@ -43,6 +43,7 @@
   "devDependencies": {
     "@vanilla-extract/css": "^1.11.1",
     "@vanilla-extract/vite-plugin": "^3.8.2",
+    "dts-bundle-generator": "^9.5.1",
     "vite": "^4.3.9",
     "vite-plugin-dts": "^2.3.0"
   }

packages/theme/vite.config.ts

@@ -1,6 +1,8 @@
+import fs from 'node:fs';
 import { resolve } from 'node:path';
 
 import { vanillaExtractPlugin } from '@vanilla-extract/vite-plugin';
+import { generateDtsBundle } from 'dts-bundle-generator';
 import { fileURLToPath } from 'url';
 import { defineConfig } from 'vite';
 import dts from 'vite-plugin-dts';
@@ -18,10 +20,34 @@ export default defineConfig({
         index: resolve(__dirname, 'src/index.ts'),
         css: resolve(__dirname, 'src/index.css.ts'),
         'v2/index': resolve(__dirname, 'src/v2/index.ts'),
-        'presets/typography': resolve(__dirname, 'src/presets/typography.css.ts'),
+        'presets/typography': resolve(
+          __dirname,
+          'src/presets/typography.css.ts'
+        ),
       },
       name: 'ToEverythingTheme',
     },
   },
-  plugins: [dts(), vanillaExtractPlugin()],
+  plugins: [
+    dts({
+      afterBuild() {
+        const inputs = [
+          resolve(__dirname, 'dist/index.d.ts'),
+          resolve(__dirname, 'dist/v2/index.d.ts'),
+        ];
+
+        const dtsFiles = generateDtsBundle(
+          inputs.map(filePath => ({ filePath })),
+          {
+            preferredConfigPath: resolve(__dirname, 'tsconfig.json'),
+          }
+        );
+        // write back to source
+        dtsFiles.forEach((file, index) => {
+          fs.writeFileSync(inputs[index], file, 'utf-8');
+        });
+      },
+    }),
+    vanillaExtractPlugin(),
+  ],
 });