@chatsystem/client 1.1.15 → 1.1.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chatsystem/client",
-  "version": "1.1.15",
+  "version": "1.1.16",
   "type": "module",
   "main": "./dist/index.js",
   "scripts": {
@@ -19,7 +19,7 @@
     "react-markdown": "^9.0.1",
     "react-transition-group": "^4.4.5",
     "rehype-raw": "^7.0.0",
-    "vite-plugin-css-injected-by-js": "^3.4.0"
+    "vite-plugin-css-injected-by-js": "^3.5.2"
   },
   "devDependencies": {
     "@types/node": "^20.11.20",
@@ -28,7 +28,7 @@
     "@types/react-transition-group": "^4.4.10",
     "@typescript-eslint/eslint-plugin": "^6.21.0",
     "@typescript-eslint/parser": "^6.21.0",
-    "@vitejs/plugin-react-swc": "^3.7.0",
+    "@vitejs/plugin-react-swc": "^4.0.1",
     "eslint": "^8.56.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.5",
@@ -36,9 +36,9 @@
     "react-dom": "^18.2.0",
     "tailwindcss": "^3.4.17",
     "typescript": "^5.6.3",
-    "vite": "^5.4.1",
-    "vite-plugin-dts": "^4.0.3",
-    "vite-plugin-svgr": "^4.2.0"
+    "vite": "^7.1.3",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-svgr": "^4.3.0"
   },
   "peerDependencies": {
     "react": "^18.2.0",

package/tsconfig.json

@@ -1,5 +1,4 @@
 {
-
   "compilerOptions": {
     "target": "ES2020",
     "useDefineForClassFields": true,
@@ -8,25 +7,19 @@
     "skipLibCheck": true,
     "types": ["node"],
     "noImplicitAny": false,
-
-    /* Bundler mode */
     "moduleResolution": "bundler",
     "allowImportingTsExtensions": true,
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
     "jsx": "react-jsx",
-
-    /* Linting */
     "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true,
-    "paths": {
-      "@/*" : ["./src/*"]
-    }
+    "paths": { "@/*": ["./src/*"] }
   },
-  "include": ["./src", "tailwind.config.ts", "vite.config.ts"],
+  "include": ["./src"],
   "exclude": ["node_modules"],
   "references": [{ "path": "./tsconfig.node.json" }]
 }

package/tsconfig.node.json

@@ -1,12 +1,10 @@
 {
   "compilerOptions": {
     "composite": true,
-    "skipLibCheck": true,
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "allowSyntheticDefaultImports": true,
+    "module": "nodenext",
+    "moduleResolution": "nodenext",
+    "types": ["node"],
     "strict": true
   },
-  
-  "include": ["vite.config.ts"]
+  "include": ["vite.config.ts", "tailwind.config.ts", "vitest.config.ts"]
 }

package/vite.config.ts

@@ -1,21 +1,36 @@
+// vite.config.ts
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react-swc";
 import path from "path";
 import dts from "vite-plugin-dts";
 import svgr from "vite-plugin-svgr";
-// Takes all css file and add it into js to get one single file
 import cssInjectedByJsPlugin from "vite-plugin-css-injected-by-js";
 
-// https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
     react(),
     svgr(),
     cssInjectedByJsPlugin(),
     dts({
+      // good defaults for packages
+      insertTypesEntry: true,
       rollupTypes: true,
     }),
+    {
+      name: "debug-lottie-emit",
+      generateBundle(_, bundle) {
+        for (const [fileName, chunk] of Object.entries(bundle)) {
+          if (chunk.type === "asset" && fileName.endsWith(".lottie")) {
+            console.log(`[lottie] emitted -> ${fileName}`);
+          }
+        }
+      },
+    },
   ],
+
+  // allow importing .lottie as assets (you already import with ?url)
+  assetsInclude: ["**/*.lottie"],
+
   resolve: {
     alias: {
       "@": path.resolve(__dirname, "./src"),
@@ -23,18 +38,37 @@ export default defineConfig({
   },
 
   build: {
-    manifest: true,
-    minify: true,
-    reportCompressedSize: true,
+    // Build the PACKAGE from the barrel (not main.tsx)
     lib: {
-      entry: path.resolve(__dirname, "src/main.tsx"),
-      fileName: "index",
+      entry: path.resolve(__dirname, "src/index.ts"),
       name: "bubbleChat",
-      formats: ["es"],
+      // file name for each format
+      fileName: (format) =>
+        format === "es" ? "index.js" : `index.${format}.js`,
+      formats: ["es"], // add "iife" below if you also want a <script> build
     },
+    emitAssets: true,
+    sourcemap: true,
+    minify: true,
+    reportCompressedSize: true,
+    manifest: false, // usually not needed for a package
+    assetsInlineLimit: 0,
+
     rollupOptions: {
+      // keep React external for npm packages
       external: ["react", "react-dom"],
-      plugins: [],
+      output: {
+        // place emitted assets; .lottie in its own folder
+        assetFileNames: (info) =>
+          info.name?.endsWith(".lottie")
+            ? "assets/lottie/[name].[hash][extname]"
+            : "assets/[name].[hash][extname]",
+        // used only if you also build iife/umd
+        globals: {
+          react: "React",
+          "react-dom": "ReactDOM",
+        },
+      },
     },
   },
 });

package/dist/.vite/manifest.json

@@ -1,8 +0,0 @@
-{
-  "src/main.tsx": {
-    "file": "index.js",
-    "name": "main",
-    "src": "src/main.tsx",
-    "isEntry": true
-  }
-}

package/vite.config.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vite").UserConfig;
-export default _default;

package/vite.config.js

@@ -1,38 +0,0 @@
-import { defineConfig } from "vite";
-import react from "@vitejs/plugin-react-swc";
-import path from "path";
-import dts from "vite-plugin-dts";
-import svgr from "vite-plugin-svgr";
-// Takes all css file and add it into js to get one single file
-import cssInjectedByJsPlugin from "vite-plugin-css-injected-by-js";
-// https://vitejs.dev/config/
-export default defineConfig({
-    plugins: [
-        react(),
-        svgr(),
-        cssInjectedByJsPlugin(),
-        dts({
-            rollupTypes: true,
-        }),
-    ],
-    resolve: {
-        alias: {
-            "@": path.resolve(__dirname, "./src"),
-        },
-    },
-    build: {
-        manifest: true,
-        minify: true,
-        reportCompressedSize: true,
-        lib: {
-            entry: path.resolve(__dirname, "src/main.tsx"),
-            fileName: "index",
-            name: "bubbleChat",
-            formats: ["es"],
-        },
-        rollupOptions: {
-            external: ["react", "react-dom"],
-            plugins: [],
-        },
-    },
-});