feat(release): compile ts to js using vite in library mode, make tailwind-merge a peer dependency

Author: adaptive-shield-matrix

package.json

@@ -3,17 +3,20 @@
   "version": "0.3.1",
   "scripts": {
     "dev": "bun run rsbuild:dev",
-    "build": "rm -rf ./export ; tsc -p ./tsconfig.lib.json",
+    "build": "bun run build:lib",
+    "build:site": "bun run vite:build",
+    "build:lib": "clear ; rm -rf ./dist ; vite build --config vite.config.lib.ts",
+    "ts:build": "rm -rf ./export ; tsc -p ./tsconfig.lib.json",
     "compile": "bun run tsc",
     "vite:dev": "nice -5 vite dev --debug hmr",
     "vite:build": "nice -15 vite build",
-    "vite:deploy": "bun run vite:build && bun run solid:upload && bun run solid:tag",
+    "vite:deploy": "bun run vite:build && bun run solid:upload && bun run tag:deployed",
     "rsbuild:dev": "nice -5 rsbuild dev",
     "rsbuild:build": "nice -15 rsbuild build",
-    "rsbuild:deploy": "bun run rsbuild:build && bun run solid:upload && bun run solid:tag",
-    "deploy": "bun run build && bun run upload && bun run tag",
-    "upload": "bun run wrangler pages deploy ./dist --project-name=adaptive-solid-ui --commit-dirty",
-    "tag": "git branch -f deployed",
+    "rsbuild:deploy": "bun run rsbuild:build && bun run solid:upload && bun run tag:deployed",
+    "deploy": "bun run build && bun run upload && bun run tag:deployed",
+    "upload": "bun run wrangler pages deploy ./out --project-name=adaptive-solid-ui --commit-dirty",
+    "tag:deployed": "git branch -f deployed",
     "release": "bash ./ops/release.sh",
     "generateDemoList": "bun run ./src/demos/generateDemoList.cli.ts",
     "update": "nice -15 bun x npm-check-updates -u && bun i",
@@ -31,6 +34,7 @@
     "clsx": "^2.1.1",
     "dayjs": "^1.11.18",
     "solid-js": "^1.9.9",
+    "tailwind-merge": "^3.3.1",
     "valibot": "^1.1.0"
   },
   "devDependencies": {
@@ -40,22 +44,17 @@
     "@tailwindcss/postcss": "^4.1.13",
     "@tailwindcss/vite": "^4.1.13",
     "@types/bun": "latest",
+    "glob": "^11.0.3",
     "image-size": "^2.0.2",
     "prettier": "^3.6.2",
     "rollup-plugin-visualizer": "^6.0.3",
-    "tailwind-merge": "^3.3.1",
     "tailwindcss": "^4.1.13",
     "typescript": "^5.9.3",
     "vite": "^7.1.5",
+    "vite-plugin-dts": "^4.5.4",
     "vite-plugin-solid": "^2.11.8",
     "wrangler": "^4.37.0"
   },
-  "exports": {
-    "./*": "./export/*"
-  },
-  "files": [
-    "export"
-  ],
   "prettier": {
     "semi": false,
     "printWidth": 120,
@@ -79,5 +78,12 @@
   ],
   "repository": {
     "url": "git+https://github.com/adaptive-shield-matrix/solid-ui.git"
-  }
+  },
+  "exports": {
+    "./*": {
+      "import": "./dist/*.js",
+      "types": "./dist/*.d.ts"
+    }
+  },
+  "files": ["dist"]
 }

vite.config.lib.ts

@@ -0,0 +1,65 @@
+import { glob } from "glob"
+import { resolve } from "path"
+import { defineConfig } from "vite"
+import dts from "vite-plugin-dts"
+import solid from "vite-plugin-solid"
+
+export default defineConfig({
+  resolve: {
+    alias: {
+      "@": new URL("./src", import.meta.url).pathname,
+      "~ui": new URL("./lib", import.meta.url).pathname,
+      "~utils": new URL("././node_modules/@adaptive-sm/utils/dist", import.meta.url).pathname,
+    },
+  },
+  plugins: [
+    solid(),
+    dts({
+      include: ["lib/**/*"],
+      outDir: "dist",
+      // Use your tsconfig.lib.json for proper configuration
+      tsconfigPath: "./tsconfig.lib.json",
+    }),
+  ],
+  build: {
+    copyPublicDir: false,
+    lib: {
+      // Entry point(s) for your library
+      // entry: resolve(__dirname, "lib/**/*.{ts,tsx}"),
+      entry: glob.sync(resolve(__dirname, "lib/**/*.{ts,tsx}"), {
+        ignore: ["**/*.test.ts", "**/*.test.tsx"],
+      }),
+      // Output formats - ESM is standard for modern libraries
+      formats: ["es"],
+    },
+    outDir: "dist",
+    // Don't minify library code - let consumers decide
+    minify: false,
+    sourcemap: true,
+    rollupOptions: {
+      // Externalize dependencies that shouldn't be bundled
+      external: [
+        "solid-js",
+        "solid-js/web",
+        "solid-js/store",
+        "@adaptive-sm/utils",
+        "@floating-ui/dom",
+        "@mdi/js",
+        "@solid-primitives/keyed",
+        "@solid-primitives/scheduled",
+        "@solidjs/router",
+        "clsx",
+        "dayjs",
+        "tailwind-merge",
+        "valibot",
+        /^node:.*$/, // Externalize all node imports
+        /^bun:.*$/, // Externalize all bun imports
+      ],
+      output: {
+        // Preserve module structure for better tree-shaking
+        preserveModules: true,
+        preserveModulesRoot: "lib",
+      },
+    },
+  },
+})

vite.config.ts

@@ -33,7 +33,7 @@ export default defineConfig({
   plugins: [solid(), tailwindcss(), visualizer({ filename: "dist/bundle-size.html", gzipSize: true })],
   build: {
     chunkSizeWarningLimit: 1050,
-    outDir: "dist",
+    outDir: "out",
     assetsDir: "assets",
   },
 })