@tanstack/react-db 0.0.7 → 0.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/useLiveQuery.cjs +2 -2
- package/dist/cjs/useLiveQuery.cjs.map +1 -1
- package/dist/cjs/useLiveQuery.d.cts +1 -1
- package/dist/esm/useLiveQuery.d.ts +1 -1
- package/dist/esm/useLiveQuery.js +2 -2
- package/dist/esm/useLiveQuery.js.map +1 -1
- package/package.json +2 -2
- package/src/useLiveQuery.ts +3 -3
|
@@ -11,8 +11,8 @@ function useLiveQuery(queryFn, deps = []) {
|
|
|
11
11
|
compiled.start();
|
|
12
12
|
return compiled;
|
|
13
13
|
}, [...deps, restart]);
|
|
14
|
-
const state = reactStore.useStore(compiledQuery.results.
|
|
15
|
-
const data = reactStore.useStore(compiledQuery.results.
|
|
14
|
+
const state = reactStore.useStore(compiledQuery.results.asStoreMap());
|
|
15
|
+
const data = reactStore.useStore(compiledQuery.results.asStoreArray());
|
|
16
16
|
react.useEffect(() => {
|
|
17
17
|
if (compiledQuery.state === `stopped`) {
|
|
18
18
|
forceRestart((count) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useLiveQuery.cjs","sources":["../../src/useLiveQuery.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\"\nimport { useStore } from \"@tanstack/react-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\"\n\nexport interface UseLiveQueryReturn<T extends object> {\n state: Map<string, T>\n data: Array<T>\n collection: 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<unknown> = []\n): UseLiveQueryReturn<ResultsFromContext<TResultContext>> {\n const [restart, forceRestart] = useState(0)\n\n const compiledQuery = useMemo(() => {\n const query = queryFn(queryBuilder())\n const compiled = compileQuery(query)\n compiled.start()\n return compiled\n }, [...deps, restart])\n\n const state = useStore(compiledQuery.results.
|
|
1
|
+
{"version":3,"file":"useLiveQuery.cjs","sources":["../../src/useLiveQuery.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\"\nimport { useStore } from \"@tanstack/react-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\"\n\nexport interface UseLiveQueryReturn<T extends object> {\n state: Map<string | number, T>\n data: Array<T>\n collection: 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<unknown> = []\n): UseLiveQueryReturn<ResultsFromContext<TResultContext>> {\n const [restart, forceRestart] = useState(0)\n\n const compiledQuery = useMemo(() => {\n const query = queryFn(queryBuilder())\n const compiled = compileQuery(query)\n compiled.start()\n return compiled\n }, [...deps, restart])\n\n const state = useStore(compiledQuery.results.asStoreMap())\n const data = useStore(compiledQuery.results.asStoreArray())\n\n // Clean up on unmount\n useEffect(() => {\n if (compiledQuery.state === `stopped`) {\n forceRestart((count) => {\n return (count += 1)\n })\n }\n\n return () => {\n compiledQuery.stop()\n }\n }, [compiledQuery])\n\n return {\n state,\n data,\n collection: compiledQuery.results,\n }\n}\n"],"names":["useState","useMemo","queryBuilder","compileQuery","useStore","useEffect"],"mappings":";;;;;AAkBO,SAAS,aAGd,SAGA,OAAuB,IACiC;AACxD,QAAM,CAAC,SAAS,YAAY,IAAIA,MAAAA,SAAS,CAAC;AAEpC,QAAA,gBAAgBC,MAAAA,QAAQ,MAAM;AAC5B,UAAA,QAAQ,QAAQC,GAAAA,cAAc;AAC9B,UAAA,WAAWC,gBAAa,KAAK;AACnC,aAAS,MAAM;AACR,WAAA;AAAA,EAAA,GACN,CAAC,GAAG,MAAM,OAAO,CAAC;AAErB,QAAM,QAAQC,WAAA,SAAS,cAAc,QAAQ,YAAY;AACzD,QAAM,OAAOA,WAAA,SAAS,cAAc,QAAQ,cAAc;AAG1DC,QAAAA,UAAU,MAAM;AACV,QAAA,cAAc,UAAU,WAAW;AACrC,mBAAa,CAAC,UAAU;AACtB,eAAQ,SAAS;AAAA,MAAA,CAClB;AAAA,IAAA;AAGH,WAAO,MAAM;AACX,oBAAc,KAAK;AAAA,IACrB;AAAA,EAAA,GACC,CAAC,aAAa,CAAC;AAEX,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA,YAAY,cAAc;AAAA,EAC5B;AACF;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Collection, Context, InitialQueryBuilder, QueryBuilder, ResultsFromContext, Schema } from '@tanstack/db';
|
|
2
2
|
export interface UseLiveQueryReturn<T extends object> {
|
|
3
|
-
state: Map<string, T>;
|
|
3
|
+
state: Map<string | number, T>;
|
|
4
4
|
data: Array<T>;
|
|
5
5
|
collection: Collection<T>;
|
|
6
6
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Collection, Context, InitialQueryBuilder, QueryBuilder, ResultsFromContext, Schema } from '@tanstack/db';
|
|
2
2
|
export interface UseLiveQueryReturn<T extends object> {
|
|
3
|
-
state: Map<string, T>;
|
|
3
|
+
state: Map<string | number, T>;
|
|
4
4
|
data: Array<T>;
|
|
5
5
|
collection: Collection<T>;
|
|
6
6
|
}
|
package/dist/esm/useLiveQuery.js
CHANGED
|
@@ -9,8 +9,8 @@ function useLiveQuery(queryFn, deps = []) {
|
|
|
9
9
|
compiled.start();
|
|
10
10
|
return compiled;
|
|
11
11
|
}, [...deps, restart]);
|
|
12
|
-
const state = useStore(compiledQuery.results.
|
|
13
|
-
const data = useStore(compiledQuery.results.
|
|
12
|
+
const state = useStore(compiledQuery.results.asStoreMap());
|
|
13
|
+
const data = useStore(compiledQuery.results.asStoreArray());
|
|
14
14
|
useEffect(() => {
|
|
15
15
|
if (compiledQuery.state === `stopped`) {
|
|
16
16
|
forceRestart((count) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useLiveQuery.js","sources":["../../src/useLiveQuery.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\"\nimport { useStore } from \"@tanstack/react-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\"\n\nexport interface UseLiveQueryReturn<T extends object> {\n state: Map<string, T>\n data: Array<T>\n collection: 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<unknown> = []\n): UseLiveQueryReturn<ResultsFromContext<TResultContext>> {\n const [restart, forceRestart] = useState(0)\n\n const compiledQuery = useMemo(() => {\n const query = queryFn(queryBuilder())\n const compiled = compileQuery(query)\n compiled.start()\n return compiled\n }, [...deps, restart])\n\n const state = useStore(compiledQuery.results.
|
|
1
|
+
{"version":3,"file":"useLiveQuery.js","sources":["../../src/useLiveQuery.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\"\nimport { useStore } from \"@tanstack/react-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\"\n\nexport interface UseLiveQueryReturn<T extends object> {\n state: Map<string | number, T>\n data: Array<T>\n collection: 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<unknown> = []\n): UseLiveQueryReturn<ResultsFromContext<TResultContext>> {\n const [restart, forceRestart] = useState(0)\n\n const compiledQuery = useMemo(() => {\n const query = queryFn(queryBuilder())\n const compiled = compileQuery(query)\n compiled.start()\n return compiled\n }, [...deps, restart])\n\n const state = useStore(compiledQuery.results.asStoreMap())\n const data = useStore(compiledQuery.results.asStoreArray())\n\n // Clean up on unmount\n useEffect(() => {\n if (compiledQuery.state === `stopped`) {\n forceRestart((count) => {\n return (count += 1)\n })\n }\n\n return () => {\n compiledQuery.stop()\n }\n }, [compiledQuery])\n\n return {\n state,\n data,\n collection: compiledQuery.results,\n }\n}\n"],"names":[],"mappings":";;;AAkBO,SAAS,aAGd,SAGA,OAAuB,IACiC;AACxD,QAAM,CAAC,SAAS,YAAY,IAAI,SAAS,CAAC;AAEpC,QAAA,gBAAgB,QAAQ,MAAM;AAC5B,UAAA,QAAQ,QAAQ,cAAc;AAC9B,UAAA,WAAW,aAAa,KAAK;AACnC,aAAS,MAAM;AACR,WAAA;AAAA,EAAA,GACN,CAAC,GAAG,MAAM,OAAO,CAAC;AAErB,QAAM,QAAQ,SAAS,cAAc,QAAQ,YAAY;AACzD,QAAM,OAAO,SAAS,cAAc,QAAQ,cAAc;AAG1D,YAAU,MAAM;AACV,QAAA,cAAc,UAAU,WAAW;AACrC,mBAAa,CAAC,UAAU;AACtB,eAAQ,SAAS;AAAA,MAAA,CAClB;AAAA,IAAA;AAGH,WAAO,MAAM;AACX,oBAAc,KAAK;AAAA,IACrB;AAAA,EAAA,GACC,CAAC,aAAa,CAAC;AAEX,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA,YAAY,cAAc;AAAA,EAC5B;AACF;"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tanstack/react-db",
|
|
3
3
|
"description": "React integration for @tanstack/db",
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.8",
|
|
5
5
|
"author": "Kyle Mathews",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"repository": {
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
"dependencies": {
|
|
19
19
|
"@tanstack/react-store": "^0.7.0",
|
|
20
20
|
"use-sync-external-store": "^1.2.0",
|
|
21
|
-
"@tanstack/db": "0.0.
|
|
21
|
+
"@tanstack/db": "0.0.8"
|
|
22
22
|
},
|
|
23
23
|
"devDependencies": {
|
|
24
24
|
"@electric-sql/client": "1.0.0",
|
package/src/useLiveQuery.ts
CHANGED
|
@@ -11,7 +11,7 @@ import type {
|
|
|
11
11
|
} from "@tanstack/db"
|
|
12
12
|
|
|
13
13
|
export interface UseLiveQueryReturn<T extends object> {
|
|
14
|
-
state: Map<string, T>
|
|
14
|
+
state: Map<string | number, T>
|
|
15
15
|
data: Array<T>
|
|
16
16
|
collection: Collection<T>
|
|
17
17
|
}
|
|
@@ -33,8 +33,8 @@ export function useLiveQuery<
|
|
|
33
33
|
return compiled
|
|
34
34
|
}, [...deps, restart])
|
|
35
35
|
|
|
36
|
-
const state = useStore(compiledQuery.results.
|
|
37
|
-
const data = useStore(compiledQuery.results.
|
|
36
|
+
const state = useStore(compiledQuery.results.asStoreMap())
|
|
37
|
+
const data = useStore(compiledQuery.results.asStoreArray())
|
|
38
38
|
|
|
39
39
|
// Clean up on unmount
|
|
40
40
|
useEffect(() => {
|