@clikvn/showroom-visualizer 0.2.2-dev-12 → 0.2.2-dev-13

package/example/vite.config.ts

@@ -1,126 +0,0 @@
-import { defineConfig, Plugin } from 'vite';
-import react from '@vitejs/plugin-react';
-import path from 'path';
-import fs from 'fs';
-import postcss from 'postcss';
-import tailwindcss from 'tailwindcss';
-import autoprefixer from 'autoprefixer';
-
-// Custom plugin to handle CSS imports as strings (matching Rollup's postcss behavior)
-const cssAsStringPlugin = (): Plugin => {
-  let postcssProcessor: any;
-  
-  return {
-    name: 'css-as-string',
-    enforce: 'pre',
-    
-    async configResolved(config) {
-      // Initialize PostCSS processor with Tailwind
-      postcssProcessor = postcss([
-        tailwindcss({
-          config: path.resolve(__dirname, 'tailwind.config.cjs'),
-        }),
-        autoprefixer(),
-      ]);
-    },
-    
-    async resolveId(source, importer) {
-      // Handle CSS imports from the library
-      if (source.endsWith('.css') && importer) {
-        // Check if this is from our library (any src folder) or @clikvn packages
-        const isLibraryCSS = 
-          importer.includes('/showroom-visualizer/src/') || 
-          source.includes('@clikvn/');
-        
-        if (isLibraryCSS) {
-          // Resolve the full path
-          let resolvedPath: string;
-          
-          if (source.startsWith('.') || source.startsWith('/')) {
-            resolvedPath = path.resolve(path.dirname(importer), source);
-          } else if (source.startsWith('@clikvn/')) {
-            // Handle @clikvn packages - look in parent node_modules
-            const packagePath = source.replace('@clikvn/', '../node_modules/@clikvn/');
-            resolvedPath = path.resolve(__dirname, packagePath);
-          } else {
-            return null;
-          }
-          
-          // Add a virtual marker to bypass Vite's CSS processing
-          return '\0' + resolvedPath + '.string';
-        }
-      }
-      return null;
-    },
-    
-    async load(id) {
-      // Handle our virtual CSS string modules
-      if (id.startsWith('\0') && id.endsWith('.css.string')) {
-        const realPath = id.slice(1, -7); // Remove \0 prefix and .string suffix
-        
-        try {
-          const content = await fs.promises.readFile(realPath, 'utf-8');
-          
-          // Process all CSS through PostCSS/Tailwind to ensure Tailwind utilities work
-          let processedContent = content;
-          try {
-            const result = await postcssProcessor.process(content, { from: realPath });
-            processedContent = result.css;
-          } catch (error) {
-            console.warn(`PostCSS processing failed for ${realPath}:`, error);
-            // Fall back to original content if processing fails
-            processedContent = content;
-          }
-          
-          return {
-            code: `export default ${JSON.stringify(processedContent)};`,
-            map: null,
-          };
-        } catch (error) {
-          console.error(`Failed to load CSS file: ${realPath}`, error);
-          return {
-            code: `export default "";`,
-            map: null,
-          };
-        }
-      }
-      return null;
-    },
-  };
-};
-
-// https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [cssAsStringPlugin(), react()],
-  resolve: {
-    alias: {
-      // Force use of example's React to avoid duplicate instances
-      'react': path.resolve(__dirname, 'node_modules/react'),
-      'react-dom': path.resolve(__dirname, 'node_modules/react-dom'),
-      'react/jsx-runtime': path.resolve(__dirname, 'node_modules/react/jsx-runtime'),
-      // Alias để import trực tiếp từ source code thay vì build
-      '@clikvn/showroom-visualizer': path.resolve(__dirname, '../src'),
-      // Thư viện sử dụng baseUrl: "./src" nên tất cả imports cần aliases
-      commons: path.resolve(__dirname, '../src/commons'),
-      components: path.resolve(__dirname, '../src/components'),
-      constants: path.resolve(__dirname, '../src/constants'),
-      context: path.resolve(__dirname, '../src/context'),
-      features: path.resolve(__dirname, '../src/features'),
-      hooks: path.resolve(__dirname, '../src/hooks'),
-      models: path.resolve(__dirname, '../src/models'),
-      services: path.resolve(__dirname, '../src/services'),
-      types: path.resolve(__dirname, '../src/types'),
-      utils: path.resolve(__dirname, '../src/utils'),
-    },
-  },
-  server: {
-    port: 3001,
-    open: true,
-  },
-  optimizeDeps: {
-    // Force prebundle để tránh conflict React versions
-    include: ['react', 'react-dom'],
-    // Ensure all React references use the same instance
-    dedupe: ['react', 'react-dom'],
-  },
-});