@livestore/livestore 0.0.0

package/dist/LiveRiffleStore.d.ts

@@ -0,0 +1,42 @@
+import type * as otel from '@opentelemetry/api';
+import type { Scope } from '@overtone/utils/effect';
+import { Context, Deferred, Effect, Layer, Otel } from '@overtone/utils/effect';
+import type { GraphQLSchema } from 'graphql';
+import type { Backend, BackendOptions } from './backends/index.js';
+import type { InMemoryDatabase } from './inMemoryDatabase.js';
+import type { Schema } from './schema.js';
+import type { BaseGraphQLContext, GraphQLOptions, RiffleQuery, Store } from './store.js';
+export type StoreContext = {
+    store: Store<any>;
+    globalQueries: RiffleQueryTypes;
+};
+export type QueryDefinition = (store: Store<any>) => RiffleQuery;
+export type GlobalQueryDefs = {
+    [key: string]: QueryDefinition;
+};
+export type RiffleCreateStoreOptions<GraphQLContext extends BaseGraphQLContext> = {
+    schema: Schema;
+    globalQueryDefs: GlobalQueryDefs;
+    backendOptions: BackendOptions;
+    graphQLOptions?: GraphQLOptions<GraphQLContext>;
+    otelTracer?: otel.Tracer;
+    otelRootSpanContext?: otel.Context;
+    boot?: (backend: Backend, parentSpan: otel.Span) => Promise<void>;
+};
+export declare const StoreContext: Context.Tag<StoreContext, StoreContext>;
+export type DeferredStoreContext = Deferred.Deferred<never, StoreContext>;
+export declare const DeferredStoreContext: Context.Tag<DeferredStoreContext, DeferredStoreContext>;
+export type RiffleStoreContextProps<GraphQLContext extends BaseGraphQLContext> = {
+    schema: Schema;
+    globalQueryDefs?: Effect.Effect<Otel.Tracer | Otel.Span, never, GlobalQueryDefs>;
+    backendOptions: Effect.Effect<Otel.Tracer | Otel.Span, never, BackendOptions>;
+    graphQLOptions?: {
+        schema: Effect.Effect<Otel.Tracer, never, GraphQLSchema>;
+        makeContext: (db: InMemoryDatabase) => GraphQLContext;
+    };
+    boot?: (backend: Backend) => Effect.Effect<Otel.Tracer, never, void>;
+};
+export declare const LiveRiffleStoreContext: <GraphQLContext extends BaseGraphQLContext>(props: RiffleStoreContextProps<GraphQLContext>) => Layer.Layer<Otel.Tracer, never, StoreContext>;
+export declare const LiveRiffleStoreContextDeferred: Layer.Layer<never, never, DeferredStoreContext>;
+export declare const makeRiffle: <GraphQLContext extends BaseGraphQLContext>({ globalQueryDefs, schema, backendOptions: backendOptions_, graphQLOptions: graphQLOptions_, boot: boot_, }: RiffleStoreContextProps<GraphQLContext>) => Effect.Effect<Otel.Tracer | Otel.Span | DeferredStoreContext | Scope.Scope, never, StoreContext>;
+//# sourceMappingURL=LiveRiffleStore.d.ts.map

package/dist/LiveRiffleStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveRiffleStore.d.ts","sourceRoot":"","sources":["../src/LiveRiffleStore.ts"],"names":[],"mappings":"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"}

package/dist/LiveRiffleStore.js

@@ -0,0 +1,36 @@
+import { Context, Deferred, Duration, Effect, Layer, Otel, pipe } from '@overtone/utils/effect';
+import { mapValues } from 'lodash-es';
+import { createStore } from './store.js';
+export const StoreContext = Context.Tag('@overtone/riffle/StoreContext');
+export const DeferredStoreContext = Context.Tag(Symbol.for('@overtone/riffle/DeferredStoreContext'));
+export const LiveRiffleStoreContext = (props) => Layer.provide(LiveRiffleStoreContextDeferred, pipe(Layer.scoped(StoreContext, makeRiffle(props)), Otel.withSpanLayer('Riffle')));
+export const LiveRiffleStoreContextDeferred = Layer.effect(DeferredStoreContext, Deferred.make());
+export const makeRiffle = ({ globalQueryDefs, schema, backendOptions: backendOptions_, graphQLOptions: graphQLOptions_, boot: boot_, }) => pipe(Effect.gen(function* ($) {
+    const ctx = yield* $(Effect.context());
+    const otelRootSpanContext = yield* $(Otel.activeContext);
+    const { tracer: otelTracer } = yield* $(Otel.Tracer);
+    const graphQLOptions = yield* $(graphQLOptions_
+        ? Effect.all({ schema: graphQLOptions_.schema, makeContext: Effect.succeed(graphQLOptions_.makeContext) })
+        : Effect.succeed(undefined));
+    const backendOptions = yield* $(backendOptions_ ?? Effect.succeed(undefined));
+    const boot = boot_
+        ? (db) => pipe(boot_(db), Effect.provideContext(ctx), Effect.tapCauseLogPretty, Effect.runPromise)
+        : undefined;
+    const store = yield* $(Effect.tryPromise(() => createStore({
+        schema,
+        backendOptions,
+        graphQLOptions,
+        otelTracer,
+        otelRootSpanContext,
+        boot,
+    })), Effect.acquireRelease((store) => Effect.sync(() => store.destroy())));
+    window.__debugRiffleStore = store;
+    const globalQueries = yield* $(globalQueryDefs ?? Effect.succeed({}), Effect.map((defs) => mapValues(defs, (queryDef) => queryDef(store))), Otel.withSpan('riffle:makeGlobalQueries', {}, store.otel.queriesSpanContext));
+    // NOTE give main thread a chance to render
+    yield* $(Effect.yieldNow());
+    return { store, globalQueries };
+}), Effect.tap((storeCtx) => Effect.flatMap(DeferredStoreContext, (def) => Deferred.succeed(def, storeCtx))), Effect.timeoutFail({
+    onTimeout: () => new Error('Timed out while creating Riffle store after 10sec'),
+    duration: Duration.seconds(10),
+}), Effect.orDie);
+//# sourceMappingURL=LiveRiffleStore.js.map

package/dist/LiveRiffleStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveRiffleStore.js","sourceRoot":"","sources":["../src/LiveRiffleStore.ts"],"names":[],"mappings":"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"}

package/dist/QueryCache.d.ts

@@ -0,0 +1,20 @@
+import type { Bindable } from './util.js';
+type Opaque<BaseType, BrandType = unknown> = BaseType & {
+    readonly [Symbols.base]: BaseType;
+    readonly [Symbols.brand]: BrandType;
+};
+declare namespace Symbols {
+    const base: unique symbol;
+    const brand: unique symbol;
+}
+export type CacheKey = Opaque<string, string>;
+export default class QueryCache {
+    #private;
+    getKey: (sql: string, bindValues?: Bindable) => CacheKey;
+    get: (key: CacheKey) => any;
+    set: (queriedTables: string[], key: CacheKey, results: any) => void;
+    ignoreQuery: (query: string) => boolean;
+    invalidate: (queriedTables: string[]) => void;
+}
+export {};
+//# sourceMappingURL=QueryCache.d.ts.map

package/dist/QueryCache.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryCache.d.ts","sourceRoot":"","sources":["../src/QueryCache.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AAEzC,KAAK,MAAM,CAAC,QAAQ,EAAE,SAAS,GAAG,OAAO,IAAI,QAAQ,GAAG;IACtD,QAAQ,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAA;IACjC,QAAQ,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,SAAS,CAAA;CACpC,CAAA;AAED,kBAAU,OAAO,CAAC;IACD,MAAM,IAAI,EAAE,OAAO,MAAM,CAAA;IACzB,MAAM,KAAK,EAAE,OAAO,MAAM,CAAA;CAC1C;AAED,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;AAO7C,MAAM,CAAC,OAAO,OAAO,UAAU;;IAI7B,MAAM,QAAS,MAAM,eAAe,QAAQ,KAAG,QAAQ,CAUtD;IAED,GAAG,QAAS,QAAQ,SAEnB;IAED,GAAG,kBAAmB,MAAM,EAAE,OAAO,QAAQ,WAAW,GAAG,UAW1D;IAMD,WAAW,UAAW,MAAM,aAE3B;IAUD,UAAU,kBAAmB,MAAM,EAAE,UAUpC;CACF"}

package/dist/QueryCache.js

@@ -0,0 +1,71 @@
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _QueryCache_entries, _QueryCache_dependencies, _QueryCache_dependencyTrackerEvicted;
+import BoundMap, { BoundSet } from './bounded-collections.js';
+var Symbols;
+(function (Symbols) {
+})(Symbols || (Symbols = {}));
+const ignore = ['begin', 'rollback', 'commit', 'savepoint', 'release'];
+// TODO: profile to see how big we need this cache to be.
+const cacheSize = 200;
+class QueryCache {
+    constructor() {
+        _QueryCache_entries.set(this, new BoundMap(cacheSize));
+        _QueryCache_dependencies.set(this, new Map());
+        this.getKey = (sql, bindValues) => {
+            if (bindValues == null) {
+                return sql;
+            }
+            if (Array.isArray(bindValues)) {
+                return (sql + '\n' + bindValues.join('\n'));
+            }
+            return (sql + '\n' + Object.values(bindValues).join('\n'));
+        };
+        this.get = (key) => {
+            return __classPrivateFieldGet(this, _QueryCache_entries, "f").get(key);
+        };
+        this.set = (queriedTables, key, results) => {
+            __classPrivateFieldGet(this, _QueryCache_entries, "f").set(key, results);
+            for (const table of queriedTables) {
+                let keys = __classPrivateFieldGet(this, _QueryCache_dependencies, "f").get(table);
+                if (keys == null) {
+                    keys = new BoundSet(cacheSize);
+                    keys.onEvict = __classPrivateFieldGet(this, _QueryCache_dependencyTrackerEvicted, "f");
+                    __classPrivateFieldGet(this, _QueryCache_dependencies, "f").set(table, keys);
+                }
+                keys.add(key);
+            }
+        };
+        _QueryCache_dependencyTrackerEvicted.set(this, (key) => {
+            __classPrivateFieldGet(this, _QueryCache_entries, "f").delete(key);
+        });
+        this.ignoreQuery = (query) => {
+            return ignore.some((prefix) => query.startsWith(prefix));
+        };
+        // The next simplest step is to create a specific implementation for invalidating
+        // the expensive track list queries only when constraints data in a write overlaps with read constraints.
+        //
+        // As well as either:
+        // a. removeing the big view (since we'll have our cache)
+        // b. incrementally updating the view on insert by the EventImporter
+        //
+        // We'll not try to tackle any generalized approach until we have a proof of concept working.
+        this.invalidate = (queriedTables) => {
+            for (const table of queriedTables) {
+                const keys = __classPrivateFieldGet(this, _QueryCache_dependencies, "f").get(table);
+                if (keys == null) {
+                    continue;
+                }
+                for (const k of keys) {
+                    __classPrivateFieldGet(this, _QueryCache_entries, "f").delete(k);
+                }
+            }
+        };
+    }
+}
+_QueryCache_entries = new WeakMap(), _QueryCache_dependencies = new WeakMap(), _QueryCache_dependencyTrackerEvicted = new WeakMap();
+export default QueryCache;
+//# sourceMappingURL=QueryCache.js.map

package/dist/QueryCache.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryCache.js","sourceRoot":"","sources":["../src/QueryCache.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,QAAQ,EAAE,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAQ7D,IAAU,OAAO,CAGhB;AAHD,WAAU,OAAO;AAGjB,CAAC,EAHS,OAAO,KAAP,OAAO,QAGhB;AAKD,MAAM,MAAM,GAAG,CAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,CAAC,CAAA;AAEtE,yDAAyD;AACzD,MAAM,SAAS,GAAG,GAAG,CAAA;AACrB,MAAqB,UAAU;IAA/B;QACE,8BAAW,IAAI,QAAQ,CAAgB,SAAS,CAAC,EAAA;QACjD,mCAAgB,IAAI,GAAG,EAAiC,EAAA;QAExD,WAAM,GAAG,CAAC,GAAW,EAAE,UAAqB,EAAY,EAAE;YACxD,IAAI,UAAU,IAAI,IAAI,EAAE;gBACtB,OAAO,GAAe,CAAA;aACvB;YAED,IAAI,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;gBAC7B,OAAO,CAAC,GAAG,GAAG,IAAI,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAa,CAAA;aACxD;YAED,OAAO,CAAC,GAAG,GAAG,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAa,CAAA;QACxE,CAAC,CAAA;QAED,QAAG,GAAG,CAAC,GAAa,EAAE,EAAE;YACtB,OAAO,uBAAA,IAAI,2BAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;QAC/B,CAAC,CAAA;QAED,QAAG,GAAG,CAAC,aAAuB,EAAE,GAAa,EAAE,OAAY,EAAE,EAAE;YAC7D,uBAAA,IAAI,2BAAS,CAAC,GAAG,CAAC,GAAG,EAAE,OAAO,CAAC,CAAA;YAC/B,KAAK,MAAM,KAAK,IAAI,aAAa,EAAE;gBACjC,IAAI,IAAI,GAAG,uBAAA,IAAI,gCAAc,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;gBACxC,IAAI,IAAI,IAAI,IAAI,EAAE;oBAChB,IAAI,GAAG,IAAI,QAAQ,CAAC,SAAS,CAAC,CAAA;oBAC9B,IAAI,CAAC,OAAO,GAAG,uBAAA,IAAI,4CAA0B,CAAA;oBAC7C,uBAAA,IAAI,gCAAc,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;iBACpC;gBACD,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;aACd;QACH,CAAC,CAAA;QAED,+CAA4B,CAAC,GAAa,EAAE,EAAE;YAC5C,uBAAA,IAAI,2BAAS,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;QAC3B,CAAC,EAAA;QAED,gBAAW,GAAG,CAAC,KAAa,EAAE,EAAE;YAC9B,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAA;QAC1D,CAAC,CAAA;QAED,iFAAiF;QACjF,yGAAyG;QACzG,EAAE;QACF,qBAAqB;QACrB,yDAAyD;QACzD,oEAAoE;QACpE,EAAE;QACF,6FAA6F;QAC7F,eAAU,GAAG,CAAC,aAAuB,EAAE,EAAE;YACvC,KAAK,MAAM,KAAK,IAAI,aAAa,EAAE;gBACjC,MAAM,IAAI,GAAG,uBAAA,IAAI,gCAAc,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;gBAC1C,IAAI,IAAI,IAAI,IAAI,EAAE;oBAChB,SAAQ;iBACT;gBACD,KAAK,MAAM,CAAC,IAAI,IAAI,EAAE;oBACpB,uBAAA,IAAI,2BAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;iBACxB;aACF;QACH,CAAC,CAAA;IACH,CAAC;CAAA;;eA5DoB,UAAU"}

package/dist/__tests__/react/fixture.d.ts

@@ -0,0 +1,141 @@
+import React from 'react';
+import * as LiveStore from '../../index.js';
+export type Todo = {
+    id: string;
+    text: string | null;
+    completed: boolean;
+};
+export type Filter = 'all' | 'active' | 'completed';
+export type AppState = {
+    newTodoText: string;
+    filter: Filter;
+};
+export declare const globalQueryDefs: {
+    appState: LiveStore.QueryDefinition;
+};
+export declare const schema: {
+    tables: {
+        todos: {
+            columns: {
+                id: {
+                    type: "text";
+                    primaryKey: true;
+                };
+                text: {
+                    type: "text";
+                    default: string;
+                    nullable: false;
+                };
+                completed: {
+                    type: "boolean";
+                    default: false;
+                    nullable: false;
+                };
+            };
+        };
+        app: {
+            columns: {
+                id: {
+                    type: "text";
+                    primaryKey: true;
+                };
+                newTodoText: {
+                    type: "text";
+                    default: string;
+                    nullable: true;
+                };
+                filter: {
+                    type: "text";
+                    default: string;
+                    nullable: false;
+                };
+            };
+        };
+    };
+    materializedViews: {};
+    actions: {
+        addTodo: {
+            statement: {
+                sql: string;
+                writeTables: string[];
+            };
+        };
+        completeTodo: {
+            statement: {
+                sql: string;
+                writeTables: string[];
+            };
+        };
+        uncompleteTodo: {
+            statement: {
+                sql: string;
+                writeTables: string[];
+            };
+        };
+        deleteTodo: {
+            statement: {
+                sql: string;
+                writeTables: string[];
+            };
+        };
+        clearCompleted: {
+            statement: {
+                sql: string;
+                writeTables: string[];
+            };
+        };
+        updateNewTodoText: {
+            statement: {
+                sql: string;
+                writeTables: string[];
+            };
+        };
+        setFilter: {
+            statement: {
+                sql: string;
+                writeTables: string[];
+            };
+        };
+    };
+} & {
+    tables: {
+        __events: {
+            readonly columns: {
+                readonly id: {
+                    readonly type: "text";
+                    readonly primaryKey: true;
+                };
+                readonly type: {
+                    readonly type: "text";
+                    readonly nullable: false;
+                };
+                readonly args: {
+                    readonly type: "text";
+                    readonly nullable: false;
+                };
+            };
+        };
+        livestore__event_cursor: {
+            readonly columns: {
+                readonly id: {
+                    readonly type: "text";
+                    readonly primaryKey: true;
+                };
+                readonly cursor: {
+                    readonly type: "text";
+                    readonly nullable: false;
+                };
+            };
+        };
+    };
+};
+export declare const makeTodoMvc: () => Promise<{
+    wrapper: ({ children }: any) => React.JSX.Element;
+    AppSchema: import("../../schema.js").ComponentStateSchema<{
+        username: string;
+    } & {
+        id: string;
+    }>;
+    store: LiveStore.Store<LiveStore.BaseGraphQLContext>;
+}>;
+//# sourceMappingURL=fixture.d.ts.map

package/dist/__tests__/react/fixture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fixture.d.ts","sourceRoot":"","sources":["../../../src/__tests__/react/fixture.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,SAAS,MAAM,gBAAgB,CAAA;AAM3C,MAAM,MAAM,IAAI,GAAG;IACjB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,WAAW,CAAA;AAEnD,MAAM,MAAM,QAAQ,GAAG;IACrB,WAAW,EAAE,MAAM,CAAA;IACnB,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAcD,eAAO,MAAM,eAAe;;CAE3B,CAAA;AAED,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCjB,CAAA;AAEF,eAAO,MAAM,WAAW;4BAwBS,GAAG;;kBAvBQ,MAAM;;;;;EA4BjD,CAAA"}

package/dist/__tests__/react/fixture.js

@@ -0,0 +1,72 @@
+import { mapObjectValues } from '@livestore/utils';
+import * as otel from '@opentelemetry/api';
+import React from 'react';
+import * as LiveStore from '../../index.js';
+import { sql } from '../../index.js';
+import * as LiveStoreReact from '../../react/index.js';
+const mockOtelCtx = otel.context.active();
+const appState = (store) => store
+    .querySQL(() => `select newTodoText, filter from app;`, ['app'], undefined, undefined, undefined, mockOtelCtx)
+    .getFirstRow();
+export const globalQueryDefs = {
+    appState,
+};
+export const schema = LiveStore.defineSchema({
+    tables: {
+        todos: {
+            columns: {
+                id: { type: 'text', primaryKey: true },
+                text: { type: 'text', default: '', nullable: false },
+                completed: { type: 'boolean', default: false, nullable: false },
+            },
+        },
+        app: {
+            columns: {
+                id: { type: 'text', primaryKey: true },
+                newTodoText: { type: 'text', default: '', nullable: true },
+                filter: { type: 'text', default: 'all', nullable: false },
+            },
+        },
+    },
+    materializedViews: {},
+    actions: {
+        // TODO: fix these actions to make them have write annotatinos
+        addTodo: {
+            statement: {
+                sql: sql `INSERT INTO todos (id, text, completed) VALUES ($id, $text, false);`,
+                writeTables: ['app'],
+            },
+        },
+        completeTodo: { statement: { sql: sql `UPDATE todos SET completed = true WHERE id = $id;`, writeTables: ['app'] } },
+        uncompleteTodo: {
+            statement: { sql: sql `UPDATE todos SET completed = false WHERE id = $id;`, writeTables: ['app'] },
+        },
+        deleteTodo: { statement: { sql: sql `DELETE FROM todos WHERE id = $id;`, writeTables: ['app'] } },
+        clearCompleted: { statement: { sql: sql `DELETE FROM todos WHERE completed = true;`, writeTables: ['app'] } },
+        updateNewTodoText: { statement: { sql: sql `UPDATE app SET newTodoText = $text;`, writeTables: ['app'] } },
+        setFilter: { statement: { sql: sql `UPDATE app SET filter = $filter;`, writeTables: ['app'] } },
+    },
+});
+export const makeTodoMvc = async () => {
+    const AppSchema = LiveStore.defineComponentStateSchema({
+        componentType: 'UserInfo',
+        columns: {
+            username: { type: 'text', default: '' },
+        },
+    });
+    const store = await LiveStore.createStore({
+        schema,
+        backendOptions: { type: 'web-in-memory' },
+        boot: async (backend) => {
+            backend.execute(sql `INSERT INTO app (newTodoText, filter) VALUES ('', 'all');`);
+            // NOTE we can't insert into components__UserInfo yet because the table doesn't exist yet
+            // backend.execute(sql`INSERT INTO components__UserInfo (id, username) VALUES ('u1', 'username_u1');`)
+            // backend.execute(sql`INSERT INTO components__UserInfo (id, username) VALUES ('u2', 'username_u2');`)
+        },
+    });
+    const globalQueries = mapObjectValues(globalQueryDefs, (_, queryDef) => queryDef(store));
+    const storeContext = { store, globalQueries };
+    const wrapper = ({ children }) => (React.createElement(LiveStoreReact.LiveStoreContext.Provider, { value: storeContext }, children));
+    return { wrapper, AppSchema, store };
+};
+//# sourceMappingURL=fixture.js.map

package/dist/__tests__/react/fixture.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fixture.js","sourceRoot":"","sources":["../../../src/__tests__/react/fixture.tsx"],"names":[],"mappings":"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"}

package/dist/__tests__/react/useLiveStoreComponent.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=useLiveStoreComponent.test.d.ts.map

package/dist/__tests__/react/useLiveStoreComponent.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLiveStoreComponent.test.d.ts","sourceRoot":"","sources":["../../../src/__tests__/react/useLiveStoreComponent.test.tsx"],"names":[],"mappings":""}

package/dist/__tests__/react/useLiveStoreComponent.test.js

@@ -0,0 +1,78 @@
+import { act, renderHook } from '@testing-library/react';
+import { describe, expect, it } from 'vitest';
+import { sql } from '../../index.js';
+import * as LiveStoreReact from '../../react/index.js';
+import { makeTodoMvc } from './fixture.js';
+describe('useLiveStoreComponent', () => {
+    it('should update the data based on component key', async () => {
+        let renderCount = 0;
+        const { wrapper, AppSchema, store } = await makeTodoMvc();
+        const { result, rerender } = renderHook((userId) => {
+            renderCount++;
+            return LiveStoreReact.useLiveStoreComponent({
+                stateSchema: AppSchema,
+                componentKey: { name: 'UserInfo', id: userId },
+                queries: () => ({}),
+            });
+        }, { wrapper, initialProps: 'u1' });
+        expect(result.current.state.id).toBe('u1');
+        expect(result.current.state.username).toBe('');
+        expect(renderCount).toBe(1);
+        act(() => {
+            void store.execute(sql `INSERT INTO components__UserInfo (id, username) VALUES ('u2', 'username_u2');`);
+        });
+        rerender('u2');
+        expect(result.current.state.id).toBe('u2');
+        expect(result.current.state.username).toBe('username_u2');
+        expect(renderCount).toBe(2);
+    });
+    it('should update the data reactively - via setState', async () => {
+        let renderCount = 0;
+        const { wrapper, AppSchema } = await makeTodoMvc();
+        const { result } = renderHook((userId) => {
+            renderCount++;
+            return LiveStoreReact.useLiveStoreComponent({
+                stateSchema: AppSchema,
+                componentKey: { name: 'UserInfo', id: userId },
+                queries: () => ({}),
+            });
+        }, { wrapper, initialProps: 'u1' });
+        expect(result.current.state.id).toBe('u1');
+        expect(result.current.state.username).toBe('');
+        expect(renderCount).toBe(1);
+        act(() => {
+            result.current.setState.username('username_u1_hello');
+        });
+        // act(() => {
+        //   store.execute(sql`UPDATE components__UserInfo SET username = 'username_u1_hello' WHERE id = 'u1';`)
+        // })
+        expect(result.current.state.id).toBe('u1');
+        expect(result.current.state.username).toBe('username_u1_hello');
+        expect(renderCount).toBe(2);
+    });
+    it('should update the data reactively - via raw store update', async () => {
+        let renderCount = 0;
+        const { wrapper, AppSchema, store } = await makeTodoMvc();
+        const { result } = renderHook((userId) => {
+            renderCount++;
+            return LiveStoreReact.useLiveStoreComponent({
+                stateSchema: AppSchema,
+                componentKey: { name: 'UserInfo', id: userId },
+                queries: () => ({}),
+            });
+        }, { wrapper, initialProps: 'u1' });
+        expect(result.current.state.id).toBe('u1');
+        expect(result.current.state.username).toBe('');
+        expect(renderCount).toBe(1);
+        act(() => {
+            result.current.setState.username('username_u1_hello');
+        });
+        act(() => {
+            void store.execute(sql `UPDATE components__UserInfo SET username = 'username_u1_hello' WHERE id = 'u1';`);
+        });
+        expect(result.current.state.id).toBe('u1');
+        expect(result.current.state.username).toBe('username_u1_hello');
+        expect(renderCount).toBe(2);
+    });
+});
+//# sourceMappingURL=useLiveStoreComponent.test.js.map

package/dist/__tests__/react/useLiveStoreComponent.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLiveStoreComponent.test.js","sourceRoot":"","sources":["../../../src/__tests__/react/useLiveStoreComponent.test.tsx"],"names":[],"mappings":"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"}

package/dist/__tests__/react/useRiffleComponent.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=useRiffleComponent.test.d.ts.map

package/dist/__tests__/react/useRiffleComponent.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRiffleComponent.test.d.ts","sourceRoot":"","sources":["../../../src/__tests__/react/useRiffleComponent.test.tsx"],"names":[],"mappings":""}

package/dist/__tests__/react/useRiffleComponent.test.js

@@ -0,0 +1,78 @@
+import { act, renderHook } from '@testing-library/react';
+import { describe, expect, it } from 'vitest';
+import { sql } from '../../index.js';
+import * as RiffleReact from '../../react/index.js';
+import { makeTodoMvc } from './fixture.js';
+describe('useRiffleComponent', () => {
+    it('should update the data based on component key', async () => {
+        let renderCount = 0;
+        const { wrapper, AppSchema, store } = await makeTodoMvc();
+        const { result, rerender } = renderHook((userId) => {
+            renderCount++;
+            return RiffleReact.useRiffleComponent({
+                stateSchema: AppSchema,
+                componentKey: { name: 'UserInfo', id: userId },
+                queries: () => ({}),
+            });
+        }, { wrapper, initialProps: 'u1' });
+        expect(result.current.state.id).toBe('u1');
+        expect(result.current.state.username).toBe('');
+        expect(renderCount).toBe(1);
+        act(() => {
+            void store.execute(sql `INSERT INTO components__UserInfo (id, username) VALUES ('u2', 'username_u2');`);
+        });
+        rerender('u2');
+        expect(result.current.state.id).toBe('u2');
+        expect(result.current.state.username).toBe('username_u2');
+        expect(renderCount).toBe(2);
+    });
+    it('should update the data reactively - via setState', async () => {
+        let renderCount = 0;
+        const { wrapper, AppSchema } = await makeTodoMvc();
+        const { result } = renderHook((userId) => {
+            renderCount++;
+            return RiffleReact.useRiffleComponent({
+                stateSchema: AppSchema,
+                componentKey: { name: 'UserInfo', id: userId },
+                queries: () => ({}),
+            });
+        }, { wrapper, initialProps: 'u1' });
+        expect(result.current.state.id).toBe('u1');
+        expect(result.current.state.username).toBe('');
+        expect(renderCount).toBe(1);
+        act(() => {
+            result.current.setState.username('username_u1_hello');
+        });
+        // act(() => {
+        //   store.execute(sql`UPDATE components__UserInfo SET username = 'username_u1_hello' WHERE id = 'u1';`)
+        // })
+        expect(result.current.state.id).toBe('u1');
+        expect(result.current.state.username).toBe('username_u1_hello');
+        expect(renderCount).toBe(2);
+    });
+    it('should update the data reactively - via raw store update', async () => {
+        let renderCount = 0;
+        const { wrapper, AppSchema, store } = await makeTodoMvc();
+        const { result } = renderHook((userId) => {
+            renderCount++;
+            return RiffleReact.useRiffleComponent({
+                stateSchema: AppSchema,
+                componentKey: { name: 'UserInfo', id: userId },
+                queries: () => ({}),
+            });
+        }, { wrapper, initialProps: 'u1' });
+        expect(result.current.state.id).toBe('u1');
+        expect(result.current.state.username).toBe('');
+        expect(renderCount).toBe(1);
+        act(() => {
+            result.current.setState.username('username_u1_hello');
+        });
+        act(() => {
+            void store.execute(sql `UPDATE components__UserInfo SET username = 'username_u1_hello' WHERE id = 'u1';`);
+        });
+        expect(result.current.state.id).toBe('u1');
+        expect(result.current.state.username).toBe('username_u1_hello');
+        expect(renderCount).toBe(2);
+    });
+});
+//# sourceMappingURL=useRiffleComponent.test.js.map

package/dist/__tests__/react/useRiffleComponent.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRiffleComponent.test.js","sourceRoot":"","sources":["../../../src/__tests__/react/useRiffleComponent.test.tsx"],"names":[],"mappings":"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"}

package/dist/__tests__/reactive.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=reactive.test.d.ts.map

package/dist/__tests__/reactive.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reactive.test.d.ts","sourceRoot":"","sources":["../../src/__tests__/reactive.test.ts"],"names":[],"mappings":""}