Add library bundle to build

Mainly to satisfy my curiosity re: bundle size, which turns out to be ~90kb gzipped
guardian · Jan 2, 2025 · 4e0b52b · 4e0b52b
1 parent 55811e1
commit 4e0b52b
Show file tree

Hide file tree

Showing 5 changed files with 24 additions and 2 deletions.
diff --git a/client/index.html b/client/index.html
@@ -8,7 +8,7 @@
   </head>
   <body>
     <div id="app"></div>
-    <script type="module" src="/src/main.ts"></script>
+    <script type="module" src="/src/page.ts"></script>
     <h2 id="todos">Todos</h2>
     <ul>
       <li><input checked type="checkbox" /> Scanning</li>

diff --git a/client/package.json b/client/package.json
@@ -5,7 +5,7 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "build": "tsc && vite build",
+    "build": "tsc && vite build && vite build --config vite.lib.config.ts",
     "test:debug": "bun test --inspect-wait=localhost:6499/vscode",
     "preview": "vite preview",
     "lint": "eslint ."

diff --git a/client/src/lib.ts b/client/src/lib.ts
@@ -0,0 +1,4 @@
+export { createCqlInput } from "./cqlInput/CqlInput";
+export { CqlClientService } from "./services/CqlService";
+export { TypeaheadHelpersCapi } from "./typeahead/typeaheadHelpersCapi";
+export { TypeaheadField } from "./lang/typeahead.ts";
diff --git a/client/src/main.ts → client/src/page.ts b/client/src/main.ts → client/src/page.ts
diff --git a/client/vite.lib.config.ts b/client/vite.lib.config.ts
@@ -0,0 +1,18 @@
+import { defineConfig } from "vitest/config";
+
+export default defineConfig({
+  define: {
+    "process.platform": '"web"',
+  },
+
+  build: {
+    minify: true,
+    lib: {
+      entry: "src/lib.ts",
+      name: "Cql",
+      // the proper extensions will be added
+      fileName: "cql",
+      formats: ["es"],
+    },
+  },
+});