optimized build size

darshan-rajadhyaksha · darshan-rajadhyaksha · commit b75843be1568 · 2025-12-09T14:48:22.000+05:30
diff --git a/README.md b/README.md
@@ -1,4 +1,8 @@
 # React-Treeview
+React component library to render data into tree view.
+
+[Open in CodeSandbox](https://codesandbox.io/p/sandbox/rc44sp)
+
 ### Features
 - Customization of tree node and icon.
 - Select / Unselect nodes.
diff --git a/demo/index.html b/demo/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>@neuis/react-treeview</title>
+    <title>@neui/react-treeview</title>
   </head>
   <body>
     <div id="root"></div>
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@neui/react-treeview",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "React component library to render data into tree view",
   "license": "MIT",
   "keywords": [
@@ -21,7 +21,7 @@
   "scripts": {
     "dev": "vite --config vite.config.js --port 3000",
     "test": "jest --config jest.config.js",
-    "build": "vite build --config vite.config.js"
+    "build": "vite build --config vite.config.js && terser dist/index.es.js -c -m -o dist/index.es.js"
   },
   "files": [
     "dist",
@@ -37,8 +37,6 @@
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
     "@babel/preset-env": "^7.26.9",
     "@babel/preset-react": "^7.26.3",
     "@testing-library/jest-dom": "^6.6.3",
@@ -48,7 +46,10 @@
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "sass": "^1.86.0",
-    "vite": "^5.0.11"
+    "vite": "^5.0.11",
+    "vite-plugin-css-injected-by-js": "^3.5.2"
   }
 }
diff --git a/vite.config.js b/vite.config.js
@@ -1,5 +1,6 @@
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
+import cssInjectedByJsPlugin from 'vite-plugin-css-injected-by-js';
 import path from 'path';
 
 export default defineConfig(({ command, mode }) => {
@@ -15,16 +16,19 @@ export default defineConfig(({ command, mode }) => {
   } else {
     // Build config
     return {
-      plugins: [react()],
+      plugins: [
+        react(),
+        cssInjectedByJsPlugin(),
+      ],
       build: {
         lib: {
           entry: path.resolve(__dirname, 'src/index.js'),
-          name: '@codingflag/react-treeview',
-          formats: ['cjs', 'es', 'umd'],
+          name: '@neui/react-treeview',
+          formats: ['cjs', 'es'],
           fileName: (format) => `index.${format}.js`
         },
         rollupOptions: {
-          external: ['react', 'react-dom'],
+          external: ['react', 'react-dom', 'react/jsx-runtime'],
           output: {
             globals: {
               react: 'React',
