@ichaingo/ui 1.1.0

package/vite.config.ts

@@ -0,0 +1,136 @@
+/// <reference types='vitest' />
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import dts from 'vite-plugin-dts';
+import * as path from 'path';
+import tailwindcss from '@tailwindcss/vite';
+import type { Plugin } from 'vite';
+import preserveUseClientDirective from 'rollup-plugin-preserve-use-client';
+
+export default defineConfig({
+  root: __dirname,
+  cacheDir: '../node_modules/.vite/ui',
+  plugins: [
+    react(),
+    tailwindcss() as unknown as Plugin,
+    preserveUseClientDirective(),
+    dts({
+      entryRoot: 'src',
+      tsconfigPath: path.join(__dirname, 'tsconfig.lib.json'),
+      // 为每个入口点生成对应的 .d.ts 文件
+      rollupTypes: true,
+      // 确保生成类型声明文件
+      insertTypesEntry: false,
+      // 为每个组件生成独立的类型文件
+      copyDtsFiles: false,
+    }),
+  ],
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, 'src'),
+    },
+  },
+  // Uncomment this if you are using workers.
+  // worker: {
+  //  plugins: [ nxViteTsPaths() ],
+  // },
+  // Configuration for building your library.
+  // See: https://vitejs.dev/guide/build.html#library-mode
+  build: {
+    outDir: './dist',
+    emptyOutDir: true,
+    minify: true,
+    reportCompressedSize: true,
+    commonjsOptions: {
+      transformMixedEsModules: true,
+    },
+    lib: {
+      // 多入口配置
+      entry: {
+        accordion: 'src/components/ui/accordion.tsx',
+        alert: 'src/components/ui/alert.tsx',
+        'alert-dialog': 'src/components/ui/alert-dialog.tsx',
+        'aspect-ratio': 'src/components/ui/aspect-ratio.tsx',
+        avatar: 'src/components/ui/avatar.tsx',
+        badge: 'src/components/ui/badge.tsx',
+        breadcrumb: 'src/components/ui/breadcrumb.tsx',
+        button: 'src/components/ui/button.tsx',
+        calendar: 'src/components/ui/calendar.tsx',
+        card: 'src/components/ui/card.tsx',
+        carousel: 'src/components/ui/carousel.tsx',
+        checkbox: 'src/components/ui/checkbox.tsx',
+        collapsible: 'src/components/ui/collapsible.tsx',
+        command: 'src/components/ui/command.tsx',
+        'context-menu': 'src/components/ui/context-menu.tsx',
+        dialog: 'src/components/ui/dialog.tsx',
+        'dropdown-menu': 'src/components/ui/dropdown-menu.tsx',
+        form: 'src/components/ui/form.tsx',
+        'hover-card': 'src/components/ui/hover-card.tsx',
+        input: 'src/components/ui/input.tsx',
+        label: 'src/components/ui/label.tsx',
+        menubar: 'src/components/ui/menubar.tsx',
+        'navigation-menu': 'src/components/ui/navigation-menu.tsx',
+        pagination: 'src/components/ui/pagination.tsx',
+        popover: 'src/components/ui/popover.tsx',
+        progress: 'src/components/ui/progress.tsx',
+        'radio-group': 'src/components/ui/radio-group.tsx',
+        resizable: 'src/components/ui/resizable.tsx',
+        'scroll-area': 'src/components/ui/scroll-area.tsx',
+        select: 'src/components/ui/select.tsx',
+        separator: 'src/components/ui/separator.tsx',
+        sheet: 'src/components/ui/sheet.tsx',
+        skeleton: 'src/components/ui/skeleton.tsx',
+        slider: 'src/components/ui/slider.tsx',
+        sonner: 'src/components/ui/sonner.tsx',
+        switch: 'src/components/ui/switch.tsx',
+        table: 'src/components/ui/table.tsx',
+        tabs: 'src/components/ui/tabs.tsx',
+        textarea: 'src/components/ui/textarea.tsx',
+        'toggle-group': 'src/components/ui/toggle-group.tsx',
+        toggle: 'src/components/ui/toggle.tsx',
+        tooltip: 'src/components/ui/tooltip.tsx',
+      },
+      name: '@ichaingo/ui',
+      fileName: (format, entryName) => `${entryName}.${format === 'es' ? 'mjs' : 'js'}`,
+      // Change this to the formats you want to support.
+      // Don't forget to update your package.json as well.
+      formats: ['es' as const]
+    },
+    rollupOptions: {
+      // External packages that should not be bundled into your library.
+      external: [
+        'react', 
+        'react-dom', 
+        'react/jsx-runtime', 
+        'tailwindcss', 
+        'tailwind-merge', 
+        'class-variance-authority',
+        /^@radix-ui\/.+/,
+        'clsx',
+        'lucide-react',
+        'date-fns',
+        'embla-carousel-react',
+        'react-day-picker',
+        'react-hook-form',
+        'react-resizable-panels',
+        'sonner',
+        'tailwindcss-animate',
+        'zod',
+        '@hookform/resolvers',
+        'cmdk',
+        'next-themes'
+      ],
+    },
+  },
+  test: {
+    watch: false,
+    globals: true,
+    environment: 'jsdom',
+    include: ['{src,tests}/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
+    reporters: ['default'],
+    coverage: {
+      reportsDirectory: './test-output/vitest/coverage',
+      provider: 'v8' as const,
+    },
+  },
+});