feat: update kitesql wasm to 0.3.2

Author: KKould

README.md

@@ -3,7 +3,7 @@
 A small Vite site for KiteSQL that works as both:
 
 - a lightweight landing page for the project
-- an in-browser playground powered by the published WebAssembly build
+- an in-browser playground powered by the published `kite_sql@0.3.2` WebAssembly build
 
 The site lives next to the main repository so it can be deployed independently to GitHub Pages, Cloudflare Pages, Netlify, or any other static host.
 
@@ -42,7 +42,7 @@ npm run preview
 
 ## WebAssembly source
 
-The site currently uses the published npm package for KiteSQL wasm assets through `@kipdata/kite_sql`.
+The site currently uses the published npm package for KiteSQL wasm assets through `kite_sql@0.3.2`.
 That keeps the website simple to deploy because no local Rust build is required.
 
-After publishing a newer npm package, bump the dependency version here if you want the website to track the latest release.
+When KiteSQL publishes a newer npm package, bump the `kite_sql` dependency and refresh the browser wrapper if the generated wasm-bindgen glue changes.

index.html

@@ -8,7 +8,7 @@
       name="description"
       content="KiteSQL is an embedded relational engine for Rust with SQL, native APIs, ORM workflows, schema migration, and an in-browser WebAssembly playground."
     />
-    <link rel="icon" href="/favicon.ico" />
+    <link rel="icon" type="image/jpeg" href="/favicon.jpeg" />
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link

package-lock.json

@@ -8,12 +8,12 @@
     "build": "vite build",
     "preview": "vite preview"
   },
-  "dependencies": {
-    "@kipdata/kite_sql": "^0.1.6"
-  },
   "devDependencies": {
     "@types/node": "^22.9.0",
     "typescript": "^5.6.3",
     "vite": "^5.4.10"
+  },
+  "dependencies": {
+    "kite_sql": "0.3.2"
   }
 }

package.json

@@ -1,18 +1,18 @@
-// Browser-friendly wrapper around the npm-published `kite_sql` package.
+// Browser-friendly wrapper around the npm-published `kite_sql` 0.3.2 package.
 // The package ships a Node-focused glue file; this adapts it to load the wasm
 // via fetch and expose the same APIs (WasmDatabase, WasmResultIter).
 // Based on the upstream glue with minimal changes for ESM + browsers.
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-nocheck
-import wasmUrl from "@kipdata/kite_sql/kite_sql_bg.wasm?url";
+import wasmUrl from "kite_sql/kite_sql_bg.wasm?url";
 
 const placeholder: any = {};
 // The wasm expects its JS imports under the module name `__wbindgen_placeholder__`.
 const imports: any = { "__wbindgen_placeholder__": placeholder };
 let wasm: any;
 
 function addToExternrefTable0(obj) {
-  const idx = wasm.__externref_table_alloc_command_export();
+  const idx = wasm.__externref_table_alloc();
   wasm.__wbindgen_externrefs.set(idx, obj);
   return idx;
 }
@@ -48,7 +48,7 @@ function handleError(f, args) {
     return f.apply(this, args);
   } catch (e) {
     const idx = addToExternrefTable0(e);
-    wasm.__wbindgen_exn_store_command_export(idx);
+    wasm.__wbindgen_exn_store(idx);
   }
 }
 
@@ -91,7 +91,7 @@ function passStringToWasm0(arg, malloc, realloc) {
 
 function takeFromExternrefTable0(idx) {
   const value = wasm.__wbindgen_externrefs.get(idx);
-  wasm.__externref_table_dealloc_command_export(idx);
+  wasm.__externref_table_dealloc(idx);
   return value;
 }
 
@@ -150,7 +150,7 @@ class WasmDatabase {
    * @returns {WasmResultIter}
    */
   run(sql) {
-    const ptr0 = passStringToWasm0(sql, wasm.__wbindgen_malloc_command_export, wasm.__wbindgen_realloc_command_export);
+    const ptr0 = passStringToWasm0(sql, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
     const len0 = WASM_VECTOR_LEN;
     const ret = wasm.wasmdatabase_run(this.__wbg_ptr, ptr0, len0);
     if (ret[2]) {
@@ -162,13 +162,35 @@ class WasmDatabase {
    * @param {string} sql
    */
   execute(sql) {
-    const ptr0 = passStringToWasm0(sql, wasm.__wbindgen_malloc_command_export, wasm.__wbindgen_realloc_command_export);
+    const ptr0 = passStringToWasm0(sql, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
     const len0 = WASM_VECTOR_LEN;
     const ret = wasm.wasmdatabase_execute(this.__wbg_ptr, ptr0, len0);
     if (ret[1]) {
       throw takeFromExternrefTable0(ret[0]);
     }
   }
+  /**
+   * @param {string} sql
+   */
+  ddl(sql) {
+    const ptr0 = passStringToWasm0(sql, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+    const len0 = WASM_VECTOR_LEN;
+    const ret = wasm.wasmdatabase_ddl(this.__wbg_ptr, ptr0, len0);
+    if (ret[1]) {
+      throw takeFromExternrefTable0(ret[0]);
+    }
+  }
+  /**
+   * @param {string} table_name
+   */
+  analyze(table_name) {
+    const ptr0 = passStringToWasm0(table_name, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
+    const len0 = WASM_VECTOR_LEN;
+    const ret = wasm.wasmdatabase_analyze(this.__wbg_ptr, ptr0, len0);
+    if (ret[1]) {
+      throw takeFromExternrefTable0(ret[0]);
+    }
+  }
 }
 if (Symbol.dispose) WasmDatabase.prototype[Symbol.dispose] = WasmDatabase.prototype.free;
 placeholder.WasmDatabase = WasmDatabase;
@@ -244,7 +266,7 @@ placeholder.__wbg_Error_52673b7de5a0ca89 = function(arg0, arg1) {
 
 placeholder.__wbg_String_8f0eb39a4a4c2f66 = function(arg0, arg1) {
   const ret = String(arg1);
-  const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_malloc_command_export, wasm.__wbindgen_realloc_command_export);
+  const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
   const len1 = WASM_VECTOR_LEN;
   getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
   getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
@@ -298,6 +320,16 @@ placeholder.__wbg_now_69d776cd24f5215b = function() {
   return ret;
 };
 
+placeholder.__wbg_push_7d9be8f38fc13975 = function(arg0, arg1) {
+  const ret = arg0.push(arg1);
+  return ret;
+};
+
+placeholder.__wbg_set_781438a03c0c3c81 = function() { return handleError(function(arg0, arg1, arg2) {
+  const ret = Reflect.set(arg0, arg1, arg2);
+  return ret;
+}, arguments); };
+
 placeholder.__wbg_set_3f1d0b984ed272ed = function(arg0, arg1, arg2) {
   arg0[arg1] = arg2;
 };

src/kite-sql-web.ts

@@ -54,7 +54,7 @@ ui.innerHTML = `
         <div class="hero-points">
           <div class="metric"><strong>Rust-native</strong><span>typed APIs alongside SQL</span></div>
           <div class="metric"><strong>Model-driven</strong><span>ORM, CRUD, migrations, query builder</span></div>
-          <div class="metric"><strong>Browser-ready</strong><span>same engine available through wasm</span></div>
+          <div class="metric"><strong>Browser-ready</strong><span>npm wasm package at 0.3.2</span></div>
         </div>
       </div>
       <div class="hero-side">
@@ -70,13 +70,17 @@ struct User {
     score: i32,
 }
 
-db.migrate::<User>()?;
-db.insert(&user)?;
-let rows = db
-    .select::<User>()
-    .filter(User::score().gte(90))
-    .order_by(User::score().desc())
-    .fetch()?;</code></pre>
+database.migrate::<User>()?;
+database.insert_many(users)?;
+
+let rows = database
+    .bind(|ctx| {
+        ctx.from::<User>()?
+            .filter(|e| e.column(User::score())?.gte(90))?
+            .project_scalars((User::id(), User::email()))?
+            .finish()
+    })?
+    .project_tuple::<(i32, String)>();</code></pre>
         </div>
         <div class="mini-card secondary sql-card">
 <pre><code>SELECT team, AVG(score) AS avg_score
@@ -114,7 +118,7 @@ ORDER BY avg_score DESC;</code></pre>
         </article>
         <article class="feature-card card-lite">
           <h3>Runs in the browser</h3>
-          <p>The published WebAssembly build lets users explore KiteSQL in a browser tab with no backend service and no local database server.</p>
+          <p>The published <code>kite_sql@0.3.2</code> WebAssembly build lets users explore KiteSQL in a browser tab with no backend service and no local database server.</p>
         </article>
       </div>
     </section>
@@ -140,20 +144,23 @@ ORDER BY avg_score DESC;</code></pre>
         </div>
       </div>
       <div class="card-lite info-panel code-panel">
-        <div class="eyebrow">Typical flow</div>
-<pre><code>let db = DataBaseBuilder::path("./data").build()?;
-
-db.migrate::<User>()?;
-db.insert(&user)?;
-
-let ranked = db
-    .select::<User>()
-    .filter(User::score().gte(80))
-    .order_by(User::score().desc())
-    .limit(20)
-    .fetch()?;
-
-let rows = db.run("select count(*) from users")?;</code></pre>
+        <div class="eyebrow">Typical flow in 0.3.2</div>
+<pre><code>let mut database = DataBaseBuilder::path("./data").build_rocksdb()?;
+
+database.migrate::<User>()?;
+database.insert_many(users)?;
+
+let ranked = database
+    .bind(|ctx| {
+        ctx.from::<User>()?
+            .filter(|e| e.column(User::score())?.gte(80))?
+            .project_scalars((User::id(), User::email()))?
+            .limit(20)?
+            .finish()
+    })?
+    .project_tuple::<(i32, String)>();
+
+let rows = database.run("select count(*) from users")?;</code></pre>
       </div>
     </section>
 
@@ -163,7 +170,7 @@ let rows = db.run("select count(*) from users")?;</code></pre>
           <div class="eyebrow">WebAssembly playground</div>
           <h2>Open a browser tab and play with KiteSQL</h2>
         </div>
-        <p>This playground runs fully in your browser using the published <code>kite_sql</code> wasm bundle. No server, no backend, no setup beyond loading the page.</p>
+        <p>This playground runs fully in your browser using the published <code>kite_sql@0.3.2</code> wasm bundle. No server, no backend, no setup beyond loading the page.</p>
       </div>
 
       <div class="playground card">
@@ -212,7 +219,7 @@ let rows = db.run("select count(*) from users")?;</code></pre>
   </main>
 
   <footer class="footer-strip">
-    <div>Runs entirely in the browser through the published WebAssembly build.</div>
+    <div>Runs entirely in the browser through the published <code>kite_sql@0.3.2</code> WebAssembly build.</div>
     <div class="footer-links">
       <a href="https://github.com/KipData/KiteSQL" target="_blank" rel="noreferrer">GitHub</a>
       <a href="https://crates.io/crates/kite_sql" target="_blank" rel="noreferrer">crates.io</a>
@@ -397,12 +404,13 @@ async function seedDemoData(showResult = true) {
   if (!db) return;
 
   const steps = [
-    "drop table if exists contributors",
-    "create table contributors(id int primary key, name varchar, team varchar, score int)",
     "insert into contributors values (1, 'Ada', 'engine', 98), (2, 'Lin', 'engine', 91), (3, 'Mia', 'product', 87), (4, 'Kai', 'research', 94), (5, 'Ivy', 'product', 89), (6, 'Noah', 'research', 96)",
     "update contributors set score = score + 1 where team = 'product'",
   ];
 
+  db.ddl("drop table if exists contributors");
+  db.ddl("create table contributors(id int primary key, name varchar, team varchar, score int)");
+
   for (const sql of steps) {
     await db.execute(sql);
   }
@@ -412,7 +420,6 @@ async function seedDemoData(showResult = true) {
     const schema = typeof (result as any).schema === "function" ? (result as any).schema() : null;
     const columns = columnNamesFromSchema(schema);
     const rows = result.rows();
-    result.finish();
     renderRows(rows, columns);
   }
 
@@ -451,7 +458,6 @@ async function runSql(sqlText: string) {
         const schema = typeof (result as any).schema === "function" ? (result as any).schema() : null;
         lastColumns = columnNamesFromSchema(schema);
         lastRows = result.rows();
-        result.finish();
       } else {
         await db!.execute(sql);
       }