improve types generation from common-ui...

using DTS plugin as used in `courseware` pkg

Author: NiloCK

packages/common-ui/package.json

@@ -22,8 +22,7 @@
   ],
   "scripts": {
     "dev": "vite build --watch",
-    "build": "vite build && yarn build-types",
-    "build-types": "tsc --project tsconfig.types.json",
+    "build": "vite build",
     "lint": "eslint . --fix",
     "lint:check": "eslint .",
     "test:unit": "vitest run",
@@ -68,6 +67,7 @@
     "sass": "^1.83.0",
     "typescript": "~5.7.2",
     "vite": "^6.0.9",
+    "vite-plugin-dts": "^4.5.3",
     "vitest": "^3.0.5"
   },
   "stableVersion": "0.1.14"

packages/common-ui/tsconfig.types.json

@@ -1,6 +1,7 @@
 // packages/common-ui/vite.config.js
 import { defineConfig } from 'vite';
 import vue from '@vitejs/plugin-vue';
+import dts from 'vite-plugin-dts';
 import { resolve } from 'path';
 import { createBaseResolve } from '../../vite.config.base.js';
 
@@ -53,7 +54,16 @@ export default defineConfig({
     // This is crucial for component libraries - allow CSS to be in chunks
     cssCodeSplit: true,
   },
-  plugins: [vue()],
+  plugins: [
+    vue(),
+    dts({
+      insertTypesEntry: true,
+      // Exclude test files from type generation
+      exclude: ['**/*.spec.ts', '**/*.test.ts'],
+      // Include only necessary files
+      include: ['src/**/*.ts', 'src/**/*.d.ts', 'src/**/*.vue'],
+    }),
+  ],
   resolve: createBaseResolve(resolve(__dirname, '../..'), {
     '@cui': resolve(__dirname, 'src'), // Override for self-imports during build
   }),

packages/common-ui/vite.config.js

@@ -6547,6 +6547,7 @@ __metadata:
     sass: "npm:^1.83.0"
     typescript: "npm:~5.7.2"
     vite: "npm:^6.0.9"
+    vite-plugin-dts: "npm:^4.5.3"
     vitest: "npm:^3.0.5"
     vue: "npm:^3.5.13"
     vuetify: "npm:^3.7.0"