@tanstack/vue-db 0.0.5 → 0.0.7

package/dist/cjs/index.cjs

@@ -5,10 +5,6 @@ const useLiveQuery = require("./useLiveQuery.cjs");
 const db = require("@tanstack/db");
 exports.useOptimisticMutation = useOptimisticMutation.useOptimisticMutation;
 exports.useLiveQuery = useLiveQuery.useLiveQuery;
-Object.defineProperty(exports, "Collection", {
-  enumerable: true,
-  get: () => db.Collection
-});
 Object.defineProperty(exports, "createTransaction", {
   enumerable: true,
   get: () => db.createTransaction

package/dist/cjs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

package/dist/cjs/index.d.cts

@@ -1,5 +1,5 @@
 export * from './useOptimisticMutation.cjs';
 export * from './useLiveQuery.cjs';
 export * from '@tanstack/db';
-export { Collection } from '@tanstack/db';
+export type { Collection } from '@tanstack/db';
 export { createTransaction } from '@tanstack/db';

package/dist/cjs/useLiveQuery.cjs

@@ -12,10 +12,10 @@ function useLiveQuery(queryFn, deps = []) {
     return compiled;
   });
   const state = vue.computed(() => {
-    return vueStore.useStore(compiledQuery.value.results.derivedState).value;
+    return vueStore.useStore(compiledQuery.value.results.asStoreMap()).value;
   });
   const data = vue.computed(() => {
-    return vueStore.useStore(compiledQuery.value.results.derivedArray).value;
+    return vueStore.useStore(compiledQuery.value.results.asStoreArray()).value;
   });
   vue.watch(compiledQuery, (newQuery, oldQuery, onInvalidate) => {
     if (newQuery.state === `stopped`) {

package/dist/cjs/useLiveQuery.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useLiveQuery.cjs","sources":["../../src/useLiveQuery.ts"],"sourcesContent":["import { computed, toValue, watch } from \"vue\"\nimport { useStore } from \"@tanstack/vue-store\"\nimport { compileQuery, queryBuilder } from \"@tanstack/db\"\nimport type {\n  Collection,\n  Context,\n  InitialQueryBuilder,\n  QueryBuilder,\n  ResultsFromContext,\n  Schema,\n} from \"@tanstack/db\"\nimport type { ComputedRef, MaybeRefOrGetter } from \"vue\"\n\nexport interface UseLiveQueryReturn<T extends object> {\n  state: ComputedRef<Map<string, T>>\n  data: ComputedRef<Array<T>>\n  collection: ComputedRef<Collection<T>>\n}\n\nexport function useLiveQuery<\n  TResultContext extends Context<Schema> = Context<Schema>,\n>(\n  queryFn: (\n    q: InitialQueryBuilder<Context<Schema>>\n  ) => QueryBuilder<TResultContext>,\n  deps: Array<MaybeRefOrGetter<unknown>> = []\n): UseLiveQueryReturn<ResultsFromContext<TResultContext>> {\n  const compiledQuery = computed(() => {\n    // Just reference deps to make computed reactive to them\n    deps.forEach((dep) => toValue(dep))\n\n    const query = queryFn(queryBuilder())\n    const compiled = compileQuery(query)\n    compiled.start()\n    return compiled\n  })\n\n  const state = computed(() => {\n    return useStore(compiledQuery.value.results.derivedState).value\n  })\n  const data = computed(() => {\n    return useStore(compiledQuery.value.results.derivedArray).value\n  })\n\n  watch(compiledQuery, (newQuery, oldQuery, onInvalidate) => {\n    if (newQuery.state === `stopped`) {\n      newQuery.start()\n    }\n\n    onInvalidate(() => {\n      oldQuery.stop()\n    })\n  })\n\n  return {\n    state,\n    data,\n    collection: computed(() => compiledQuery.value.results),\n  }\n}\n"],"names":["computed","toValue","queryBuilder","compileQuery","useStore","watch"],"mappings":";;;;;AAmBO,SAAS,aAGd,SAGA,OAAyC,IACe;AAClD,QAAA,gBAAgBA,IAAAA,SAAS,MAAM;AAEnC,SAAK,QAAQ,CAAC,QAAQC,IAAA,QAAQ,GAAG,CAAC;AAE5B,UAAA,QAAQ,QAAQC,GAAAA,cAAc;AAC9B,UAAA,WAAWC,gBAAa,KAAK;AACnC,aAAS,MAAM;AACR,WAAA;AAAA,EAAA,CACR;AAEK,QAAA,QAAQH,IAAAA,SAAS,MAAM;AAC3B,WAAOI,SAAAA,SAAS,cAAc,MAAM,QAAQ,YAAY,EAAE;AAAA,EAAA,CAC3D;AACK,QAAA,OAAOJ,IAAAA,SAAS,MAAM;AAC1B,WAAOI,SAAAA,SAAS,cAAc,MAAM,QAAQ,YAAY,EAAE;AAAA,EAAA,CAC3D;AAEDC,MAAAA,MAAM,eAAe,CAAC,UAAU,UAAU,iBAAiB;AACrD,QAAA,SAAS,UAAU,WAAW;AAChC,eAAS,MAAM;AAAA,IAAA;AAGjB,iBAAa,MAAM;AACjB,eAAS,KAAK;AAAA,IAAA,CACf;AAAA,EAAA,CACF;AAEM,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA,YAAYL,IAAA,SAAS,MAAM,cAAc,MAAM,OAAO;AAAA,EACxD;AACF;;"}
+{"version":3,"file":"useLiveQuery.cjs","sources":["../../src/useLiveQuery.ts"],"sourcesContent":["import { computed, toValue, watch } from \"vue\"\nimport { useStore } from \"@tanstack/vue-store\"\nimport { compileQuery, queryBuilder } from \"@tanstack/db\"\nimport type {\n  Collection,\n  Context,\n  InitialQueryBuilder,\n  QueryBuilder,\n  ResultsFromContext,\n  Schema,\n} from \"@tanstack/db\"\nimport type { ComputedRef, MaybeRefOrGetter } from \"vue\"\n\nexport interface UseLiveQueryReturn<T extends object> {\n  state: ComputedRef<Map<string | number, T>>\n  data: ComputedRef<Array<T>>\n  collection: ComputedRef<Collection<T>>\n}\n\nexport function useLiveQuery<\n  TResultContext extends Context<Schema> = Context<Schema>,\n>(\n  queryFn: (\n    q: InitialQueryBuilder<Context<Schema>>\n  ) => QueryBuilder<TResultContext>,\n  deps: Array<MaybeRefOrGetter<unknown>> = []\n): UseLiveQueryReturn<ResultsFromContext<TResultContext>> {\n  const compiledQuery = computed(() => {\n    // Just reference deps to make computed reactive to them\n    deps.forEach((dep) => toValue(dep))\n\n    const query = queryFn(queryBuilder())\n    const compiled = compileQuery(query)\n    compiled.start()\n    return compiled\n  })\n\n  const state = computed(() => {\n    return useStore(compiledQuery.value.results.asStoreMap()).value\n  })\n  const data = computed(() => {\n    return useStore(compiledQuery.value.results.asStoreArray()).value\n  })\n\n  watch(compiledQuery, (newQuery, oldQuery, onInvalidate) => {\n    if (newQuery.state === `stopped`) {\n      newQuery.start()\n    }\n\n    onInvalidate(() => {\n      oldQuery.stop()\n    })\n  })\n\n  return {\n    state,\n    data,\n    collection: computed(() => compiledQuery.value.results),\n  }\n}\n"],"names":["computed","toValue","queryBuilder","compileQuery","useStore","watch"],"mappings":";;;;;AAmBO,SAAS,aAGd,SAGA,OAAyC,IACe;AAClD,QAAA,gBAAgBA,IAAAA,SAAS,MAAM;AAEnC,SAAK,QAAQ,CAAC,QAAQC,IAAA,QAAQ,GAAG,CAAC;AAE5B,UAAA,QAAQ,QAAQC,GAAAA,cAAc;AAC9B,UAAA,WAAWC,gBAAa,KAAK;AACnC,aAAS,MAAM;AACR,WAAA;AAAA,EAAA,CACR;AAEK,QAAA,QAAQH,IAAAA,SAAS,MAAM;AAC3B,WAAOI,SAAAA,SAAS,cAAc,MAAM,QAAQ,WAAY,CAAA,EAAE;AAAA,EAAA,CAC3D;AACK,QAAA,OAAOJ,IAAAA,SAAS,MAAM;AAC1B,WAAOI,SAAAA,SAAS,cAAc,MAAM,QAAQ,aAAc,CAAA,EAAE;AAAA,EAAA,CAC7D;AAEDC,MAAAA,MAAM,eAAe,CAAC,UAAU,UAAU,iBAAiB;AACrD,QAAA,SAAS,UAAU,WAAW;AAChC,eAAS,MAAM;AAAA,IAAA;AAGjB,iBAAa,MAAM;AACjB,eAAS,KAAK;AAAA,IAAA,CACf;AAAA,EAAA,CACF;AAEM,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA,YAAYL,IAAA,SAAS,MAAM,cAAc,MAAM,OAAO;AAAA,EACxD;AACF;;"}

package/dist/cjs/useLiveQuery.d.cts

@@ -1,7 +1,7 @@
 import { Collection, Context, InitialQueryBuilder, QueryBuilder, ResultsFromContext, Schema } from '@tanstack/db';
 import { ComputedRef, MaybeRefOrGetter } from 'vue';
 export interface UseLiveQueryReturn<T extends object> {
-    state: ComputedRef<Map<string, T>>;
+    state: ComputedRef<Map<string | number, T>>;
     data: ComputedRef<Array<T>>;
     collection: ComputedRef<Collection<T>>;
 }

package/dist/esm/index.d.ts

@@ -1,5 +1,5 @@
 export * from './useOptimisticMutation.js';
 export * from './useLiveQuery.js';
 export * from '@tanstack/db';
-export { Collection } from '@tanstack/db';
+export type { Collection } from '@tanstack/db';
 export { createTransaction } from '@tanstack/db';

package/dist/esm/index.js

@@ -1,9 +1,8 @@
 import { useOptimisticMutation } from "./useOptimisticMutation.js";
 import { useLiveQuery } from "./useLiveQuery.js";
 export * from "@tanstack/db";
-import { Collection, createTransaction } from "@tanstack/db";
+import { createTransaction } from "@tanstack/db";
 export {
-  Collection,
   createTransaction,
   useLiveQuery,
   useOptimisticMutation

package/dist/esm/useLiveQuery.d.ts

@@ -1,7 +1,7 @@
 import { Collection, Context, InitialQueryBuilder, QueryBuilder, ResultsFromContext, Schema } from '@tanstack/db';
 import { ComputedRef, MaybeRefOrGetter } from 'vue';
 export interface UseLiveQueryReturn<T extends object> {
-    state: ComputedRef<Map<string, T>>;
+    state: ComputedRef<Map<string | number, T>>;
     data: ComputedRef<Array<T>>;
     collection: ComputedRef<Collection<T>>;
 }

package/dist/esm/useLiveQuery.js

@@ -10,10 +10,10 @@ function useLiveQuery(queryFn, deps = []) {
     return compiled;
   });
   const state = computed(() => {
-    return useStore(compiledQuery.value.results.derivedState).value;
+    return useStore(compiledQuery.value.results.asStoreMap()).value;
   });
   const data = computed(() => {
-    return useStore(compiledQuery.value.results.derivedArray).value;
+    return useStore(compiledQuery.value.results.asStoreArray()).value;
   });
   watch(compiledQuery, (newQuery, oldQuery, onInvalidate) => {
     if (newQuery.state === `stopped`) {

package/dist/esm/useLiveQuery.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLiveQuery.js","sources":["../../src/useLiveQuery.ts"],"sourcesContent":["import { computed, toValue, watch } from \"vue\"\nimport { useStore } from \"@tanstack/vue-store\"\nimport { compileQuery, queryBuilder } from \"@tanstack/db\"\nimport type {\n  Collection,\n  Context,\n  InitialQueryBuilder,\n  QueryBuilder,\n  ResultsFromContext,\n  Schema,\n} from \"@tanstack/db\"\nimport type { ComputedRef, MaybeRefOrGetter } from \"vue\"\n\nexport interface UseLiveQueryReturn<T extends object> {\n  state: ComputedRef<Map<string, T>>\n  data: ComputedRef<Array<T>>\n  collection: ComputedRef<Collection<T>>\n}\n\nexport function useLiveQuery<\n  TResultContext extends Context<Schema> = Context<Schema>,\n>(\n  queryFn: (\n    q: InitialQueryBuilder<Context<Schema>>\n  ) => QueryBuilder<TResultContext>,\n  deps: Array<MaybeRefOrGetter<unknown>> = []\n): UseLiveQueryReturn<ResultsFromContext<TResultContext>> {\n  const compiledQuery = computed(() => {\n    // Just reference deps to make computed reactive to them\n    deps.forEach((dep) => toValue(dep))\n\n    const query = queryFn(queryBuilder())\n    const compiled = compileQuery(query)\n    compiled.start()\n    return compiled\n  })\n\n  const state = computed(() => {\n    return useStore(compiledQuery.value.results.derivedState).value\n  })\n  const data = computed(() => {\n    return useStore(compiledQuery.value.results.derivedArray).value\n  })\n\n  watch(compiledQuery, (newQuery, oldQuery, onInvalidate) => {\n    if (newQuery.state === `stopped`) {\n      newQuery.start()\n    }\n\n    onInvalidate(() => {\n      oldQuery.stop()\n    })\n  })\n\n  return {\n    state,\n    data,\n    collection: computed(() => compiledQuery.value.results),\n  }\n}\n"],"names":[],"mappings":";;;AAmBO,SAAS,aAGd,SAGA,OAAyC,IACe;AAClD,QAAA,gBAAgB,SAAS,MAAM;AAEnC,SAAK,QAAQ,CAAC,QAAQ,QAAQ,GAAG,CAAC;AAE5B,UAAA,QAAQ,QAAQ,cAAc;AAC9B,UAAA,WAAW,aAAa,KAAK;AACnC,aAAS,MAAM;AACR,WAAA;AAAA,EAAA,CACR;AAEK,QAAA,QAAQ,SAAS,MAAM;AAC3B,WAAO,SAAS,cAAc,MAAM,QAAQ,YAAY,EAAE;AAAA,EAAA,CAC3D;AACK,QAAA,OAAO,SAAS,MAAM;AAC1B,WAAO,SAAS,cAAc,MAAM,QAAQ,YAAY,EAAE;AAAA,EAAA,CAC3D;AAED,QAAM,eAAe,CAAC,UAAU,UAAU,iBAAiB;AACrD,QAAA,SAAS,UAAU,WAAW;AAChC,eAAS,MAAM;AAAA,IAAA;AAGjB,iBAAa,MAAM;AACjB,eAAS,KAAK;AAAA,IAAA,CACf;AAAA,EAAA,CACF;AAEM,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA,YAAY,SAAS,MAAM,cAAc,MAAM,OAAO;AAAA,EACxD;AACF;"}
+{"version":3,"file":"useLiveQuery.js","sources":["../../src/useLiveQuery.ts"],"sourcesContent":["import { computed, toValue, watch } from \"vue\"\nimport { useStore } from \"@tanstack/vue-store\"\nimport { compileQuery, queryBuilder } from \"@tanstack/db\"\nimport type {\n  Collection,\n  Context,\n  InitialQueryBuilder,\n  QueryBuilder,\n  ResultsFromContext,\n  Schema,\n} from \"@tanstack/db\"\nimport type { ComputedRef, MaybeRefOrGetter } from \"vue\"\n\nexport interface UseLiveQueryReturn<T extends object> {\n  state: ComputedRef<Map<string | number, T>>\n  data: ComputedRef<Array<T>>\n  collection: ComputedRef<Collection<T>>\n}\n\nexport function useLiveQuery<\n  TResultContext extends Context<Schema> = Context<Schema>,\n>(\n  queryFn: (\n    q: InitialQueryBuilder<Context<Schema>>\n  ) => QueryBuilder<TResultContext>,\n  deps: Array<MaybeRefOrGetter<unknown>> = []\n): UseLiveQueryReturn<ResultsFromContext<TResultContext>> {\n  const compiledQuery = computed(() => {\n    // Just reference deps to make computed reactive to them\n    deps.forEach((dep) => toValue(dep))\n\n    const query = queryFn(queryBuilder())\n    const compiled = compileQuery(query)\n    compiled.start()\n    return compiled\n  })\n\n  const state = computed(() => {\n    return useStore(compiledQuery.value.results.asStoreMap()).value\n  })\n  const data = computed(() => {\n    return useStore(compiledQuery.value.results.asStoreArray()).value\n  })\n\n  watch(compiledQuery, (newQuery, oldQuery, onInvalidate) => {\n    if (newQuery.state === `stopped`) {\n      newQuery.start()\n    }\n\n    onInvalidate(() => {\n      oldQuery.stop()\n    })\n  })\n\n  return {\n    state,\n    data,\n    collection: computed(() => compiledQuery.value.results),\n  }\n}\n"],"names":[],"mappings":";;;AAmBO,SAAS,aAGd,SAGA,OAAyC,IACe;AAClD,QAAA,gBAAgB,SAAS,MAAM;AAEnC,SAAK,QAAQ,CAAC,QAAQ,QAAQ,GAAG,CAAC;AAE5B,UAAA,QAAQ,QAAQ,cAAc;AAC9B,UAAA,WAAW,aAAa,KAAK;AACnC,aAAS,MAAM;AACR,WAAA;AAAA,EAAA,CACR;AAEK,QAAA,QAAQ,SAAS,MAAM;AAC3B,WAAO,SAAS,cAAc,MAAM,QAAQ,WAAY,CAAA,EAAE;AAAA,EAAA,CAC3D;AACK,QAAA,OAAO,SAAS,MAAM;AAC1B,WAAO,SAAS,cAAc,MAAM,QAAQ,aAAc,CAAA,EAAE;AAAA,EAAA,CAC7D;AAED,QAAM,eAAe,CAAC,UAAU,UAAU,iBAAiB;AACrD,QAAA,SAAS,UAAU,WAAW;AAChC,eAAS,MAAM;AAAA,IAAA;AAGjB,iBAAa,MAAM;AACjB,eAAS,KAAK;AAAA,IAAA,CACf;AAAA,EAAA,CACF;AAEM,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA,YAAY,SAAS,MAAM,cAAc,MAAM,OAAO;AAAA,EACxD;AACF;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tanstack/vue-db",
   "description": "Vue integration for @tanstack/db",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "author": "Kyle Mathews",
   "license": "MIT",
   "repository": {
@@ -17,7 +17,7 @@
   ],
   "dependencies": {
     "@tanstack/vue-store": "^0.7.0",
-    "@tanstack/db": "0.0.6"
+    "@tanstack/db": "0.0.8"
   },
   "devDependencies": {
     "@electric-sql/client": "1.0.0",

package/src/index.ts

@@ -6,5 +6,5 @@ export * from "./useLiveQuery"
 export * from "@tanstack/db"
 
 // Re-export some stuff explicitly to ensure the type & value is exported
-export { Collection } from "@tanstack/db"
+export type { Collection } from "@tanstack/db"
 export { createTransaction } from "@tanstack/db"

package/src/useLiveQuery.ts

@@ -12,7 +12,7 @@ import type {
 import type { ComputedRef, MaybeRefOrGetter } from "vue"
 
 export interface UseLiveQueryReturn<T extends object> {
-  state: ComputedRef<Map<string, T>>
+  state: ComputedRef<Map<string | number, T>>
   data: ComputedRef<Array<T>>
   collection: ComputedRef<Collection<T>>
 }
@@ -36,10 +36,10 @@ export function useLiveQuery<
   })
 
   const state = computed(() => {
-    return useStore(compiledQuery.value.results.derivedState).value
+    return useStore(compiledQuery.value.results.asStoreMap()).value
   })
   const data = computed(() => {
-    return useStore(compiledQuery.value.results.derivedArray).value
+    return useStore(compiledQuery.value.results.asStoreArray()).value
   })
 
   watch(compiledQuery, (newQuery, oldQuery, onInvalidate) => {