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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@clikvn/showroom-visualizer",
   "description": "Showroom Visualizer",
-  "version": "0.2.2-dev-11",
+  "version": "0.2.2-dev-12",
   "author": "Clik JSC",
   "license": "ISC",
   "type": "module",

package/rollup.config.js

@@ -301,7 +301,68 @@ const browserConfig = {
   // ❌ KHÔNG external React - Bundle React version 19 vào file
   // external: [],  // Không khai báo external = bundle tất cả
   onwarn: indexConfig.onwarn,
-  plugins: indexConfig.plugins,
+  plugins: [
+    resolve({
+      browser: true,
+      extensions: ['.ts', '.tsx', '.js'],
+      dedupe: ['react', 'react-dom'],
+      preferBuiltins: false,
+    }),
+
+    commonjs({
+      esmExternals: true,
+      requireReturnsDefault: 'auto',
+    }),
+
+    json(),
+    !isDev &&
+      babel({
+        babelHelpers: 'bundled',
+        extensions: ['.ts', '.tsx', '.js'],
+        exclude: 'node_modules/**',
+      }),
+
+    replace({
+      'process.env.NODE_ENV': JSON.stringify(
+        isDev ? 'development' : 'production'
+      ),
+      preventAssignment: true,
+    }),
+
+    postcss({
+      plugins: [autoprefixer(), tailwindcss()],
+      extract: false,
+      modules: false,
+      autoModules: false,
+      minimize: !isDev,
+      inject: false,
+    }),
+
+    typescript({
+      sourceMap: isDev,
+      inlineSources: isDev,
+    }),
+
+    typescriptPaths({ preserveExtensions: true }),
+    !isDev &&
+      terser({
+        format: { comments: false },
+      }),
+
+    copy({
+      targets: [
+        {
+          src: [
+            'src/assets/fonts/icomoon.woff',
+            'src/assets/fonts/icomoon.ttf',
+            'src/assets/fonts/icomoon.svg',
+            'src/assets/fonts/icomoon.eot',
+          ],
+          dest: 'fonts',
+        },
+      ],
+    }),
+  ].filter(Boolean),
 };
 
 // ============================================================================
@@ -323,7 +384,8 @@ const configs = [
   //    - Cần customize components qua custom layout overrides
   //    - Muốn kiểm soát React version
   {
-    input: './src/index.ts',
+    input: './src/index.ts', // ⭐ IMPORTANT: Do NOT bundle react / react-dom
+    external: ['react', 'react-dom', 'react/jsx-runtime'],
     output: {
       file: 'dist/index.js',
       format: 'esm',