@powersync/nuxt 0.0.0-dev-20260128023420 → 0.0.0-dev-20260225163712

package/dist/runtime/composables/usePowerSyncInspectorDiagnostics.js

@@ -59,17 +59,7 @@ function formatBytes(bytes, decimals = 2) {
   if (!+bytes) return "0 Bytes";
   const k = 1024;
   const dm = decimals < 0 ? 0 : decimals;
-  const sizes = [
-    "Bytes",
-    "KiB",
-    "MiB",
-    "GiB",
-    "TiB",
-    "PiB",
-    "EiB",
-    "ZiB",
-    "YiB"
-  ];
+  const sizes = ["Bytes", "KiB", "MiB", "GiB", "TiB", "PiB", "EiB", "ZiB", "YiB"];
   const i = Math.floor(Math.log(bytes) / Math.log(k));
   return `${Number.parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;
 }
@@ -83,41 +73,23 @@ export function usePowerSyncInspectorDiagnostics() {
   const hasSynced = ref(syncStatus.value?.hasSynced || false);
   const isConnected = ref(syncStatus.value?.connected || false);
   const isSyncing = ref(false);
-  const isDownloading = ref(
-    syncStatus.value?.dataFlowStatus.downloading || false
-  );
+  const isDownloading = ref(syncStatus.value?.dataFlowStatus.downloading || false);
   const isUploading = ref(syncStatus.value?.dataFlowStatus.uploading || false);
   const lastSyncedAt = ref(syncStatus.value?.lastSyncedAt || null);
   const uploadError = ref(syncStatus.value?.dataFlowStatus.uploadError || null);
-  const downloadError = ref(
-    syncStatus.value?.dataFlowStatus.downloadError || null
-  );
-  const downloadProgressDetails = ref(
-    syncStatus.value?.dataFlowStatus.downloadProgress || null
-  );
+  const downloadError = ref(syncStatus.value?.dataFlowStatus.downloadError || null);
+  const downloadProgressDetails = ref(syncStatus.value?.dataFlowStatus.downloadProgress || null);
   const bucketRows = ref(null);
   const tableRows = ref(null);
   const uploadQueueStats = ref(null);
   const totals = computed(() => ({
     buckets: bucketRows.value?.length ?? 0,
     row_count: bucketRows.value?.reduce((total, row) => total + row.row_count, 0) ?? 0,
-    downloaded_operations: bucketRows.value?.reduce(
-      (total, row) => total + row.downloaded_operations,
-      0
-    ),
-    total_operations: bucketRows.value?.reduce(
-      (total, row) => total + row.total_operations,
-      0
-    ) ?? 0,
-    data_size: formatBytes(
-      bucketRows.value?.reduce((total, row) => total + row.data_size, 0) ?? 0
-    ),
-    metadata_size: formatBytes(
-      bucketRows.value?.reduce((total, row) => total + row.metadata_size, 0) ?? 0
-    ),
-    download_size: formatBytes(
-      bucketRows.value?.reduce((total, row) => total + row.download_size, 0) ?? 0
-    )
+    downloaded_operations: bucketRows.value?.reduce((total, row) => total + row.downloaded_operations, 0),
+    total_operations: bucketRows.value?.reduce((total, row) => total + row.total_operations, 0) ?? 0,
+    data_size: formatBytes(bucketRows.value?.reduce((total, row) => total + row.data_size, 0) ?? 0),
+    metadata_size: formatBytes(bucketRows.value?.reduce((total, row) => total + row.metadata_size, 0) ?? 0),
+    download_size: formatBytes(bucketRows.value?.reduce((total, row) => total + row.download_size, 0) ?? 0)
   }));
   const userID = computedAsync(async () => {
     try {
@@ -136,9 +108,7 @@ export function usePowerSyncInspectorDiagnostics() {
     }
     return "100";
   });
-  const uploadQueueSize = computed(
-    () => formatBytes(uploadQueueStats.value?.size ?? 0)
-  );
+  const uploadQueueSize = computed(() => formatBytes(uploadQueueStats.value?.size ?? 0));
   const uploadQueueCount = computed(() => uploadQueueStats.value?.count ?? 0);
   const clearData = async () => {
     await db.value?.syncStreamImplementation?.disconnect();
@@ -148,10 +118,7 @@ export function usePowerSyncInspectorDiagnostics() {
     const schemaManager = getCurrentSchemaManager();
     await schemaManager.clear();
     await schemaManager.refreshSchema(db.value.database);
-    await db.value.connect(
-      connector2,
-      connectionOptions2
-    );
+    await db.value.connect(connector2, connectionOptions2);
   };
   async function refreshState() {
     if (db.value) {
@@ -186,9 +153,7 @@ export function usePowerSyncInspectorDiagnostics() {
         downloadError.value = newStatus.dataFlowStatus.downloadError || null;
         downloadProgressDetails.value = newStatus.dataFlowStatus.downloadProgress || null;
         if (newStatus?.hasSynced === void 0 || newStatus?.priorityStatusEntries?.length && newStatus.priorityStatusEntries.length > 0) {
-          hasSynced.value = newStatus?.priorityStatusEntries.every(
-            (entry) => entry.hasSynced
-          ) ?? false;
+          hasSynced.value = newStatus?.priorityStatusEntries.every((entry) => entry.hasSynced) ?? false;
         }
         if (newStatus?.dataFlowStatus.downloading || newStatus?.dataFlowStatus.uploading) {
           isSyncing.value = true;
@@ -205,12 +170,7 @@ export function usePowerSyncInspectorDiagnostics() {
       },
       {
         rawTableNames: true,
-        tables: [
-          "ps_oplog",
-          "ps_buckets",
-          "ps_data_local__local_bucket_data",
-          "ps_crud"
-        ],
+        tables: ["ps_oplog", "ps_buckets", "ps_data_local__local_bucket_data", "ps_crud"],
         throttleMs: 500
       }
     );

package/dist/runtime/index.d.ts

@@ -1,9 +1,9 @@
-import type { PowerSyncNuxtModuleOptions } from '../module'
+import type { PowerSyncNuxtModuleOptions } from '../module';
 
 declare module 'nuxt/schema' {
   interface PublicRuntimeConfig {
-    powerSyncModuleOptions: PowerSyncNuxtModuleOptions
+    powerSyncModuleOptions: PowerSyncNuxtModuleOptions;
   }
 }
 // It is always important to ensure you import/export something when augmenting a type
-export {}
+export {};

package/dist/runtime/layouts/powersync-inspector-layout.d.vue.ts

@@ -2,7 +2,7 @@ declare var __VLS_20: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_20) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/layouts/powersync-inspector-layout.vue

@@ -1,42 +1,18 @@
 <template>
-<div>
+  <div>
+    <LoadingSpinner v-if="isCssLoading" />
 
-  <LoadingSpinner v-if="isCssLoading" />
-
-  <div
-    v-show="!isCssLoading"
-    flex="~ relative col"
-    p="6"
-    h="screen"
-    n-bg="base"
-    class="ps-inspector-ui"
-  >
+    <div v-show="!isCssLoading" flex="~ relative col" p="6" h="screen" n-bg="base" class="ps-inspector-ui">
       <!-- Header with title and dark toggle -->
-      <div
-        flex="~ items-center justify-between"
-        mb="3"
-      >
-        <h1
-          flex="~ gap-2 items-center"
-          text="3xl"
-          font="bold"
-        >
-          <img
-            :src="iconUrl"
-            alt="Powersync"
-            w="10"
-            h="10"
-          >
+      <div flex="~ items-center justify-between" mb="3">
+        <h1 flex="~ gap-2 items-center" text="3xl" font="bold">
+          <img :src="iconUrl" alt="Powersync" w="10" h="10" />
           PowerSync Inspector
         </h1>
 
         <!-- Dark Mode Toggle -->
         <NDarkToggle v-slot="{ isDark, toggle }">
-          <NButton
-            n="sm"
-            :icon="isDark.value ? 'carbon:moon' : 'carbon:sun'"
-            @click="toggle"
-          >
+          <NButton n="sm" :icon="isDark.value ? 'carbon:moon' : 'carbon:sun'" @click="toggle">
             {{ isDark.value ? "Dark" : "Light" }}
           </NButton>
         </NDarkToggle>
@@ -44,15 +20,12 @@
 
       <slot v-if="useDiagnostics" />
       <div v-else>
-        <NTip
-          n="red6 dark:red5"
-          icon="carbon:warning-alt"
-        >
+        <NTip n="red6 dark:red5" icon="carbon:warning-alt">
           Enable diagnostics in your Nuxt config to use the inspector.
         </NTip>
       </div>
+    </div>
   </div>
-</div>
 </template>
 
 <script setup>

package/dist/runtime/layouts/powersync-inspector-layout.vue.d.ts

@@ -2,7 +2,7 @@ declare var __VLS_20: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_20) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/pages/__powersync-inspector.d.vue.ts

@@ -1,3 +1,3 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/pages/__powersync-inspector.vue

@@ -1,20 +1,12 @@
 <template>
-  <div
-    flex="~ justify-between"
-    border="b"
-    border-color="gray-100"
-    py="3"
-    mb="3"
-  >
+  <div flex="~ justify-between" border="b" border-color="gray-100" py="3" mb="3">
     <div flex="~ gap-2">
       <NTip
         :n="`${isConnected ? 'green' : isSyncing ? 'blue' : 'red'} xs`"
         :icon="`${isConnected ? 'carbon:plug-filled' : isSyncing ? 'carbon:plug' : 'carbon:connection-signal-off'}`"
       >
         Powersync is
-        {{
-          isConnected ? "connected" : isSyncing ? "connecting..." : "disconnected"
-        }}
+        {{ isConnected ? "connected" : isSyncing ? "connecting..." : "disconnected" }}
       </NTip>
       <NTip
         :n="`${isSyncing ? 'blue' : hasSynced ? 'green' : 'yellow'} xs`"
@@ -34,50 +26,26 @@
       >
         {{ isDownloading ? "Downloading" : "Download Idle" }}
       </NTip>
-      <NBadge
-        flex="~ gap-2 items-center"
-        n="gray xs"
-        icon="carbon:server-time"
-      >
+      <NBadge flex="~ gap-2 items-center" n="gray xs" icon="carbon:server-time">
         Last Synced:
         {{ lastSyncedFormatted }}
       </NBadge>
-      <NBadge
-        flex="~ gap-2 items-center"
-        n="gray xs"
-        icon="carbon:user-admin"
-      >
-        Logged in as: {{ userID }}
-      </NBadge>
+      <NBadge flex="~ gap-2 items-center" n="gray xs" icon="carbon:user-admin"> Logged in as: {{ userID }} </NBadge>
     </div>
 
     <div flex="~ gap-2">
-      <NButton
-        n="red sm"
-        icon="carbon:clean"
-        @click="resync"
-      >
-        Prune & Re-sync
-      </NButton>
+      <NButton n="red sm" icon="carbon:clean" @click="resync"> Prune & Re-sync </NButton>
       <NDarkToggle />
     </div>
   </div>
 
   <div flex="~ gap-4">
-    <NTip
-      v-if="downloadError || uploadError"
-      n="red sm"
-      mb="3"
-      icon="carbon:warning-hex-filled"
-    >
+    <NTip v-if="downloadError || uploadError" n="red sm" mb="3" icon="carbon:warning-hex-filled">
       {{ downloadError?.message ?? uploadError?.message }}
     </NTip>
   </div>
 
-  <div
-    flex="~ gap-2"
-    mb="3"
-  >
+  <div flex="~ gap-2" mb="3">
     <NSelectTabs
       v-model="selectedTab"
       n="amber6 dark:amber5"
@@ -139,9 +107,7 @@ const tabs = [
   { label: "Client Logs", value: "logs" }
   // { label: 'PowerSync Instance', value: 'powersync-instance' },
 ];
-const lastSyncedFormatted = computed(
-  () => lastSyncedAt.value ? useTimeAgo(new Date(lastSyncedAt.value)) : "NA"
-);
+const lastSyncedFormatted = computed(() => lastSyncedAt.value ? useTimeAgo(new Date(lastSyncedAt.value)) : "NA");
 const resync = async () => {
   await clearData();
   await db.value?.waitForFirstSync();

package/dist/runtime/pages/__powersync-inspector.vue.d.ts

@@ -1,3 +1,3 @@
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/utils/DynamicSchemaManager.js

@@ -49,19 +49,14 @@ export class DynamicSchemaManager {
       }
     }
     if (schemaDirty) {
-      localStorage.setItem(
-        "powersync_dynamic_schema",
-        JSON.stringify(this.tables)
-      );
+      localStorage.setItem("powersync_dynamic_schema", JSON.stringify(this.tables));
       this.dirty = true;
     }
   }
   async refreshSchema(db) {
     if (this.dirty) {
       const json = this.buildSchema().toJSON();
-      await db.execute("SELECT powersync_replace_schema(?)", [
-        JSON.stringify(json)
-      ]);
+      await db.execute("SELECT powersync_replace_schema(?)", [JSON.stringify(json)]);
       this.dirty = false;
     }
   }
@@ -83,9 +78,7 @@ export class DynamicSchemaManager {
     return new Schema(tables);
   }
   schemaToString() {
-    const filtered = this.buildSchema().tables.filter(
-      (table) => !table.localOnly
-    );
+    const filtered = this.buildSchema().tables.filter((table) => !table.localOnly);
     return new JsSchemaGenerator().generate(new Schema(filtered));
   }
 }

package/dist/runtime/utils/RecordingStorageAdapter.js

@@ -4,10 +4,7 @@ export class RecordingStorageAdapter extends SqliteBucketStorage {
   schemaManager;
   tables = {};
   constructor(db, schemaManager) {
-    super(
-      db.value.database,
-      AbstractPowerSyncDatabase.transactionMutex
-    );
+    super(db.value.database, AbstractPowerSyncDatabase.transactionMutex);
     this.rdb = db.value.database;
     this.schemaManager = schemaManager.value;
   }
@@ -25,14 +22,7 @@ export class RecordingStorageAdapter extends SqliteBucketStorage {
               IFNULL((SELECT downloading FROM local_bucket_data WHERE id = ?), TRUE),
               IFNULL((SELECT downloaded_operations FROM local_bucket_data WHERE id = ?), TRUE)
               )`,
-          [
-            bucket.bucket,
-            bucket.count,
-            bucket.bucket,
-            bucket.bucket,
-            bucket.bucket,
-            bucket.bucket
-          ]
+          [bucket.bucket, bucket.count, bucket.bucket, bucket.bucket, bucket.bucket, bucket.bucket]
         );
       }
     });
@@ -43,9 +33,7 @@ export class RecordingStorageAdapter extends SqliteBucketStorage {
       this.schemaManager.refreshSchema(this.rdb);
     }, 60);
     if (r.checkpointValid) {
-      await this.rdb.execute(
-        "UPDATE local_bucket_data SET downloading = FALSE"
-      );
+      await this.rdb.execute("UPDATE local_bucket_data SET downloading = FALSE");
     }
     return r;
   }
@@ -61,13 +49,7 @@ export class RecordingStorageAdapter extends SqliteBucketStorage {
                 downloading = ?,
                 downloaded_operations = IFNULL(downloaded_operations, 0) + ?
               WHERE id = ?`,
-          [
-            size,
-            bucket.next_after,
-            bucket.has_more,
-            bucket.data.length,
-            bucket.bucket
-          ]
+          [size, bucket.next_after, bucket.has_more, bucket.data.length, bucket.bucket]
         );
       }
     });

package/dist/runtime/utils/TokenConnector.js

@@ -19,10 +19,7 @@ export class TokenConnector {
     validateSecureContext(credentials.endpoint);
     checkJWT(credentials.token);
     try {
-      localStorage.setItem(
-        "powersync_credentials",
-        JSON.stringify(credentials)
-      );
+      localStorage.setItem("powersync_credentials", JSON.stringify(credentials));
       await this.connectFn();
     } catch (e) {
       this.clearCredentials();
@@ -50,9 +47,7 @@ Run either the PowerSync endpoint on http://localhost, or the diagnostics app on
 function checkJWT(token) {
   const parts = token.split(".");
   if (parts.length !== 3) {
-    throw new Error(
-      `Token must be a JWT: Expected 3 parts, got ${parts.length}`
-    );
+    throw new Error(`Token must be a JWT: Expected 3 parts, got ${parts.length}`);
   }
   const base64UrlRegex = /^[\w-]+$/;
   const isBase64 = parts.every((part) => base64UrlRegex.test(part));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@powersync/nuxt",
-  "version": "0.0.0-dev-20260128023420",
+  "version": "0.0.0-dev-20260225163712",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
     "access": "public"
@@ -40,8 +40,8 @@
     "@nuxt/devtools-ui-kit": "^2.6.2",
     "@nuxt/kit": "^4.0.3",
     "@tanstack/vue-table": "^8.21.3",
-    "@vueuse/nuxt": "^13.9.0",
-    "consola": "^3.4.2",
+    "@vueuse/core": "^14.0.0",
+    "@vueuse/nuxt": "^14.1.0",
     "defu": "^6.1.4",
     "fuse.js": "^7.1.0",
     "mitt": "^3.0.1",
@@ -52,9 +52,9 @@
   },
   "peerDependencies": {
     "@journeyapps/wa-sqlite": "^1.2.6",
-    "@powersync/kysely-driver": "0.0.0-dev-20260128023420",
-    "@powersync/vue": "0.4.1",
-    "@powersync/web": "0.0.0-dev-20260128023420"
+    "@powersync/vue": "0.4.2",
+    "@powersync/kysely-driver": "1.3.3",
+    "@powersync/web": "0.0.0-dev-20260225163712"
   },
   "peerDependenciesMeta": {
     "@powersync/kysely-driver": {
@@ -66,14 +66,16 @@
     "@nuxt/module-builder": "^1.0.2",
     "@nuxt/schema": "^4.1.2",
     "@nuxt/test-utils": "^3.19.2",
+    "async-mutex": "^0.5.0",
+    "bson": "^6.10.4",
+    "comlink": "^4.4.2",
     "nuxt": "^4.1.2",
-    "vite-plugin-wasm": "^3.5.0",
     "vitest": "^3.2.4",
     "vue": "^3.5.20",
     "vue-tsc": "^3.0.8",
-    "@powersync/kysely-driver": "0.0.0-dev-20260128023420",
-    "@powersync/vue": "0.4.1",
-    "@powersync/web": "0.0.0-dev-20260128023420"
+    "@powersync/kysely-driver": "1.3.3",
+    "@powersync/vue": "0.4.2",
+    "@powersync/web": "0.0.0-dev-20260225163712"
   },
   "scripts": {
     "prebuild": "nuxt-module-build prepare",