@livestore/react 0.4.0-dev.9 → 0.4.0

package/dist/StoreRegistryContext.d.ts

@@ -0,0 +1,56 @@
+import * as React from 'react';
+import type { StoreRegistry } from '@livestore/livestore';
+export declare const StoreRegistryContext: React.Context<StoreRegistry | undefined>;
+export type StoreRegistryProviderProps = {
+    storeRegistry: StoreRegistry;
+    children: React.ReactNode;
+};
+/**
+ * React context provider that makes a {@link StoreRegistry} available to descendant components.
+ *
+ * Wrap your application (or a subtree) with this provider to enable {@link useStore} and
+ * {@link useStoreRegistry} hooks within that tree.
+ *
+ * @example
+ * ```tsx
+ * import { StoreRegistry } from '@livestore/livestore'
+ * import { StoreRegistryProvider } from '@livestore/react'
+ * import { unstable_batchedUpdates as batchUpdates } from 'react-dom'
+ *
+ * const storeRegistry = new StoreRegistry({
+ *   defaultOptions: { batchUpdates }
+ * })
+ *
+ * function App() {
+ *   return (
+ *     <StoreRegistryProvider storeRegistry={storeRegistry}>
+ *       <MyComponent />
+ *     </StoreRegistryProvider>
+ *   )
+ * }
+ * ```
+ */
+export declare const StoreRegistryProvider: ({ storeRegistry, children }: StoreRegistryProviderProps) => React.JSX.Element;
+/**
+ * Hook to access the {@link StoreRegistry} from context. Useful for advanced operations like preloading.
+ *
+ * @param override - Optional registry to use instead of the context value.
+ *   When provided, skips context lookup entirely.
+ * @returns The registry provided by the nearest {@link StoreRegistryProvider} ancestor, or the `override` if provided.
+ * @throws Error if called outside a {@link StoreRegistryProvider} and no override is provided
+ *
+ * @example
+ * ```tsx
+ * function PreloadButton({ issueId }: { issueId: string }) {
+ *   const storeRegistry = useStoreRegistry()
+ *
+ *   const handleMouseEnter = () => {
+ *     storeRegistry.preload(issueStoreOptions(issueId))
+ *   }
+ *
+ *   return <button onMouseEnter={handleMouseEnter}>View Issue</button>
+ * }
+ * ```
+ */
+export declare const useStoreRegistry: (override?: StoreRegistry) => StoreRegistry;
+//# sourceMappingURL=StoreRegistryContext.d.ts.map

package/dist/StoreRegistryContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StoreRegistryContext.d.ts","sourceRoot":"","sources":["../src/StoreRegistryContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAEzD,eAAO,MAAM,oBAAoB,0CAA4D,CAAA;AAE7F,MAAM,MAAM,0BAA0B,GAAG;IACvC,aAAa,EAAE,aAAa,CAAA;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,qBAAqB,GAAI,6BAA6B,0BAA0B,KAAG,KAAK,CAAC,GAAG,CAAC,OAEzG,CAAA;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,gBAAgB,GAAI,WAAW,aAAa,kBAQxD,CAAA"}

package/dist/StoreRegistryContext.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+export const StoreRegistryContext = React.createContext(undefined);
+/**
+ * React context provider that makes a {@link StoreRegistry} available to descendant components.
+ *
+ * Wrap your application (or a subtree) with this provider to enable {@link useStore} and
+ * {@link useStoreRegistry} hooks within that tree.
+ *
+ * @example
+ * ```tsx
+ * import { StoreRegistry } from '@livestore/livestore'
+ * import { StoreRegistryProvider } from '@livestore/react'
+ * import { unstable_batchedUpdates as batchUpdates } from 'react-dom'
+ *
+ * const storeRegistry = new StoreRegistry({
+ *   defaultOptions: { batchUpdates }
+ * })
+ *
+ * function App() {
+ *   return (
+ *     <StoreRegistryProvider storeRegistry={storeRegistry}>
+ *       <MyComponent />
+ *     </StoreRegistryProvider>
+ *   )
+ * }
+ * ```
+ */
+export const StoreRegistryProvider = ({ storeRegistry, children }) => {
+    return _jsx(StoreRegistryContext, { value: storeRegistry, children: children });
+};
+/**
+ * Hook to access the {@link StoreRegistry} from context. Useful for advanced operations like preloading.
+ *
+ * @param override - Optional registry to use instead of the context value.
+ *   When provided, skips context lookup entirely.
+ * @returns The registry provided by the nearest {@link StoreRegistryProvider} ancestor, or the `override` if provided.
+ * @throws Error if called outside a {@link StoreRegistryProvider} and no override is provided
+ *
+ * @example
+ * ```tsx
+ * function PreloadButton({ issueId }: { issueId: string }) {
+ *   const storeRegistry = useStoreRegistry()
+ *
+ *   const handleMouseEnter = () => {
+ *     storeRegistry.preload(issueStoreOptions(issueId))
+ *   }
+ *
+ *   return <button onMouseEnter={handleMouseEnter}>View Issue</button>
+ * }
+ * ```
+ */
+export const useStoreRegistry = (override) => {
+    if (override !== undefined)
+        return override;
+    const storeRegistry = React.use(StoreRegistryContext);
+    if (storeRegistry == null)
+        throw new Error('useStoreRegistry() must be used within <StoreRegistryProvider>');
+    return storeRegistry;
+};
+//# sourceMappingURL=StoreRegistryContext.js.map

package/dist/StoreRegistryContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StoreRegistryContext.js","sourceRoot":"","sources":["../src/StoreRegistryContext.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAA4B,SAAS,CAAC,CAAA;AAO7F;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAE,aAAa,EAAE,QAAQ,EAA8B,EAAqB,EAAE;IAClH,OAAO,KAAC,oBAAoB,IAAC,KAAK,EAAE,aAAa,YAAG,QAAQ,GAAwB,CAAA;AACtF,CAAC,CAAA;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,QAAwB,EAAE,EAAE;IAC3D,IAAI,QAAQ,KAAK,SAAS;QAAE,OAAO,QAAQ,CAAA;IAE3C,MAAM,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAA;IAErD,IAAI,aAAa,IAAI,IAAI;QAAE,MAAM,IAAI,KAAK,CAAC,gEAAgE,CAAC,CAAA;IAE5G,OAAO,aAAa,CAAA;AACtB,CAAC,CAAA"}

package/dist/__tests__/fixture.d.ts

@@ -1,291 +1,20 @@
-import { type UnexpectedError } from '@livestore/common';
-import { State } from '@livestore/common/schema';
-import type { LiveStoreSchema, SqliteDsl, Store } from '@livestore/livestore';
-import { Effect, Schema, type Scope } from '@livestore/utils/effect';
-import type * as otel from '@opentelemetry/api';
+import type { UnknownError } from '@livestore/common';
+import { type AppState, type CreateTodoMvcStoreOptions, events, type Filter, schema, type Todo, tables } from '@livestore/framework-toolkit/testing';
+import type { Store } from '@livestore/livestore';
+import { Effect, type Scope } from '@livestore/utils/effect';
 import React from 'react';
-import * as LiveStoreReact from '../mod.js';
-export type Todo = {
-    id: string;
-    text: string;
-    completed: boolean;
+import * as LiveStoreReact from '../mod.ts';
+export { events, schema, tables };
+export type { AppState, Filter, Todo };
+export type MakeTodoMvcReactOptions = CreateTodoMvcStoreOptions & {
+    strictMode?: boolean | undefined;
 };
-export type Filter = 'all' | 'active' | 'completed';
-export type AppState = {
-    newTodoText: string;
-    filter: Filter;
-};
-export declare const events: {
-    todoCreated: State.SQLite.EventDef<"todoCreated", {
-        readonly id: string;
-        readonly text: string;
-        readonly completed: boolean;
-    }, {
-        readonly id: string;
-        readonly text: string;
-        readonly completed: boolean;
-    }, false>;
-    todoUpdated: State.SQLite.EventDef<"todoUpdated", {
-        readonly id: string;
-        readonly text?: string | undefined;
-        readonly completed?: boolean | undefined;
-    }, {
-        readonly id: string;
-        readonly text?: string | undefined;
-        readonly completed?: boolean | undefined;
-    }, false>;
-    AppRouterSet: State.SQLite.ClientDocumentTableDef.SetEventDefLike<"AppRouter", {
-        readonly currentTaskId: string | null;
-    }, {
-        partialSet: true;
-        default: {
-            id: "singleton";
-            value: {
-                readonly currentTaskId: null;
-            };
-        };
-    }>;
-    UserInfoSet: State.SQLite.ClientDocumentTableDef.SetEventDefLike<"UserInfo", {
-        readonly text: string;
-        readonly username: string;
-    }, {
-        partialSet: true;
-        default: {
-            id: undefined;
-            value: {
-                readonly username: "";
-                readonly text: "";
-            };
-        };
-    }>;
-    KvSet: State.SQLite.ClientDocumentTableDef.SetEventDefLike<"Kv", any, {
-        partialSet: false;
-        default: {
-            id: undefined;
-            value: null;
-        };
-    }>;
-};
-export declare const tables: {
-    todos: State.SQLite.TableDef<State.SQLite.SqliteTableDefForInput<"todos", {
-        readonly id: {
-            columnType: "text";
-            schema: Schema.Schema<string, string, never>;
-            default: import("effect/Option").None<never>;
-            nullable: false;
-            primaryKey: true;
-            autoIncrement: false;
-        };
-        readonly text: {
-            columnType: "text";
-            schema: Schema.Schema<string, string, never>;
-            default: import("effect/Option").Some<"">;
-            nullable: false;
-            primaryKey: false;
-            autoIncrement: false;
-        };
-        readonly completed: {
-            columnType: "integer";
-            schema: Schema.Schema<boolean, number, never>;
-            default: import("effect/Option").Some<false>;
-            nullable: false;
-            primaryKey: false;
-            autoIncrement: false;
-        };
-    }>, State.SQLite.WithDefaults<{
-        readonly id: {
-            columnType: "text";
-            schema: Schema.Schema<string, string, never>;
-            default: import("effect/Option").None<never>;
-            nullable: false;
-            primaryKey: true;
-            autoIncrement: false;
-        };
-        readonly text: {
-            columnType: "text";
-            schema: Schema.Schema<string, string, never>;
-            default: import("effect/Option").Some<"">;
-            nullable: false;
-            primaryKey: false;
-            autoIncrement: false;
-        };
-        readonly completed: {
-            columnType: "integer";
-            schema: Schema.Schema<boolean, number, never>;
-            default: import("effect/Option").Some<false>;
-            nullable: false;
-            primaryKey: false;
-            autoIncrement: false;
-        };
-    }>, Schema.Schema<{
-        readonly id: string;
-        readonly text: string;
-        readonly completed: boolean;
-    }, {
-        readonly id: string;
-        readonly text: string;
-        readonly completed: number;
-    }, never>>;
-    app: State.SQLite.TableDef<State.SQLite.SqliteTableDefForInput<"app", {
-        readonly id: {
-            columnType: "text";
-            schema: Schema.Schema<string, string, never>;
-            default: import("effect/Option").Some<"static">;
-            nullable: false;
-            primaryKey: true;
-            autoIncrement: false;
-        };
-        readonly newTodoText: {
-            columnType: "text";
-            schema: Schema.Schema<string | null, string | null, never>;
-            default: import("effect/Option").Some<"">;
-            nullable: true;
-            primaryKey: false;
-            autoIncrement: false;
-        };
-        readonly filter: {
-            columnType: "text";
-            schema: Schema.Schema<string, string, never>;
-            default: import("effect/Option").Some<"all">;
-            nullable: false;
-            primaryKey: false;
-            autoIncrement: false;
-        };
-    }>, State.SQLite.WithDefaults<{
-        readonly id: {
-            columnType: "text";
-            schema: Schema.Schema<string, string, never>;
-            default: import("effect/Option").Some<"static">;
-            nullable: false;
-            primaryKey: true;
-            autoIncrement: false;
-        };
-        readonly newTodoText: {
-            columnType: "text";
-            schema: Schema.Schema<string | null, string | null, never>;
-            default: import("effect/Option").Some<"">;
-            nullable: true;
-            primaryKey: false;
-            autoIncrement: false;
-        };
-        readonly filter: {
-            columnType: "text";
-            schema: Schema.Schema<string, string, never>;
-            default: import("effect/Option").Some<"all">;
-            nullable: false;
-            primaryKey: false;
-            autoIncrement: false;
-        };
-    }>, Schema.Schema<{
-        readonly id: string;
-        readonly newTodoText: string | null;
-        readonly filter: string;
-    }, {
-        readonly id: string;
-        readonly newTodoText: string | null;
-        readonly filter: string;
-    }, never>>;
-    userInfo: State.SQLite.ClientDocumentTableDef<"UserInfo", {
-        readonly text: string;
-        readonly username: string;
-    }, {
-        readonly text: string;
-        readonly username: string;
-    }, {
-        partialSet: true;
-        default: {
-            id: undefined;
-            value: {
-                readonly username: "";
-                readonly text: "";
-            };
-        };
-    }>;
-    AppRouterSchema: State.SQLite.ClientDocumentTableDef<"AppRouter", {
-        readonly currentTaskId: string | null;
-    }, {
-        readonly currentTaskId: string | null;
-    }, {
-        partialSet: true;
-        default: {
-            id: "singleton";
-            value: {
-                readonly currentTaskId: null;
-            };
-        };
-    }>;
-    kv: State.SQLite.ClientDocumentTableDef<"Kv", any, any, {
-        partialSet: false;
-        default: {
-            id: undefined;
-            value: null;
-        };
-    }>;
-};
-export declare const schema: import("@livestore/livestore").FromInputSchema.DeriveSchema<{
-    state: import("@livestore/livestore").InternalState;
-    events: {
-        todoCreated: State.SQLite.EventDef<"todoCreated", {
-            readonly id: string;
-            readonly text: string;
-            readonly completed: boolean;
-        }, {
-            readonly id: string;
-            readonly text: string;
-            readonly completed: boolean;
-        }, false>;
-        todoUpdated: State.SQLite.EventDef<"todoUpdated", {
-            readonly id: string;
-            readonly text?: string | undefined;
-            readonly completed?: boolean | undefined;
-        }, {
-            readonly id: string;
-            readonly text?: string | undefined;
-            readonly completed?: boolean | undefined;
-        }, false>;
-        AppRouterSet: State.SQLite.ClientDocumentTableDef.SetEventDefLike<"AppRouter", {
-            readonly currentTaskId: string | null;
-        }, {
-            partialSet: true;
-            default: {
-                id: "singleton";
-                value: {
-                    readonly currentTaskId: null;
-                };
-            };
-        }>;
-        UserInfoSet: State.SQLite.ClientDocumentTableDef.SetEventDefLike<"UserInfo", {
-            readonly text: string;
-            readonly username: string;
-        }, {
-            partialSet: true;
-            default: {
-                id: undefined;
-                value: {
-                    readonly username: "";
-                    readonly text: "";
-                };
-            };
-        }>;
-        KvSet: State.SQLite.ClientDocumentTableDef.SetEventDefLike<"Kv", any, {
-            partialSet: false;
-            default: {
-                id: undefined;
-                value: null;
-            };
-        }>;
-    };
-}>;
-export declare const makeTodoMvcReact: ({ otelTracer, otelContext, strictMode, }?: {
-    otelTracer?: otel.Tracer;
-    otelContext?: otel.Context;
-    strictMode?: boolean;
-}) => Effect.Effect<{
+export declare const makeTodoMvcReact: (opts?: MakeTodoMvcReactOptions) => Effect.Effect<{
     wrapper: ({ children }: any) => React.JSX.Element;
-    store: Store<LiveStoreSchema<SqliteDsl.DbSchema, State.SQLite.EventDefRecord>, {}> & LiveStoreReact.ReactApi;
+    store: Store<typeof schema> & LiveStoreReact.ReactApi;
     renderCount: {
         readonly val: number;
         inc: () => void;
     };
-}, UnexpectedError, Scope.Scope>;
+}, UnknownError, Scope.Scope>;
 //# sourceMappingURL=fixture.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"fixture.d.ts","sourceRoot":"","sources":["../../src/__tests__/fixture.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,KAAK,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACrE,OAAO,EAAsB,KAAK,EAAE,MAAM,0BAA0B,CAAA;AACpE,OAAO,KAAK,EAAE,eAAe,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAG7E,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,KAAK,EAAE,MAAM,yBAAyB,CAAA;AACpE,OAAO,KAAK,KAAK,IAAI,MAAM,oBAAoB,CAAA;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,cAAc,MAAM,WAAW,CAAA;AAE3C,MAAM,MAAM,IAAI,GAAG;IACjB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,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;AA8CD,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBlB,CAAA;AAOD,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAgD,CAAA;AAGnE,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAgC,CAAA;AAEnD,eAAO,MAAM,gBAAgB,EAAE,CAAC,EAC9B,UAAU,EACV,WAAW,EACX,UAAU,GACX,CAAC,EAAE;IACF,UAAU,CAAC,EAAE,IAAI,CAAC,MAAM,CAAA;IACxB,WAAW,CAAC,EAAE,IAAI,CAAC,OAAO,CAAA;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,KAAK,MAAM,CAAC,MAAM,CACjB;IACE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,GAAG,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAAA;IACjD,KAAK,EAAE,KAAK,CAAC,eAAe,CAAC,SAAS,CAAC,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE,EAAE,CAAC,GAAG,cAAc,CAAC,QAAQ,CAAA;IAC5G,WAAW,EAAE;QAAE,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,IAAI,CAAA;KAAE,CAAA;CACvD,EACD,eAAe,EACf,KAAK,CAAC,KAAK,CAsDyE,CAAA"}
+{"version":3,"file":"fixture.d.ts","sourceRoot":"","sources":["../../src/__tests__/fixture.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AACrD,OAAO,EACL,KAAK,QAAQ,EACb,KAAK,yBAAyB,EAE9B,MAAM,EACN,KAAK,MAAM,EACX,MAAM,EACN,KAAK,IAAI,EACT,MAAM,EACP,MAAM,sCAAsC,CAAA;AAC7C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,MAAM,EAAE,KAAK,KAAK,EAAE,MAAM,yBAAyB,CAAA;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,cAAc,MAAM,WAAW,CAAA;AAG3C,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,CAAA;AACjC,YAAY,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;AAEtC,MAAM,MAAM,uBAAuB,GAAG,yBAAyB,GAAG;IAChE,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CACjC,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,CAAC,IAAI,CAAC,EAAE,uBAAuB,KAAK,MAAM,CAAC,MAAM,CAC9E;IACE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,GAAG,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAAA;IACjD,KAAK,EAAE,KAAK,CAAC,OAAO,MAAM,CAAC,GAAG,cAAc,CAAC,QAAQ,CAAA;IACrD,WAAW,EAAE;QAAE,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,IAAI,CAAA;KAAE,CAAA;CACvD,EACD,YAAY,EACZ,KAAK,CAAC,KAAK,CA8BT,CAAA"}

package/dist/__tests__/fixture.js

@@ -1,80 +1,16 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { makeInMemoryAdapter } from '@livestore/adapter-web';
-import { provideOtel } from '@livestore/common';
-import { Events, makeSchema, State } from '@livestore/common/schema';
-import { createStore } from '@livestore/livestore';
-import { omitUndefineds } from '@livestore/utils';
-import { Effect, Schema } from '@livestore/utils/effect';
+import { createTodoMvcStore, events, schema, tables, } from '@livestore/framework-toolkit/testing';
+import { Effect } from '@livestore/utils/effect';
 import React from 'react';
-import * as LiveStoreReact from '../mod.js';
-const todos = State.SQLite.table({
-    name: 'todos',
-    columns: {
-        id: State.SQLite.text({ primaryKey: true }),
-        text: State.SQLite.text({ default: '', nullable: false }),
-        completed: State.SQLite.boolean({ default: false, nullable: false }),
-    },
-});
-const app = State.SQLite.table({
-    name: 'app',
-    columns: {
-        id: State.SQLite.text({ primaryKey: true, default: 'static' }),
-        newTodoText: State.SQLite.text({ default: '', nullable: true }),
-        filter: State.SQLite.text({ default: 'all', nullable: false }),
-    },
-});
-const userInfo = State.SQLite.clientDocument({
-    name: 'UserInfo',
-    schema: Schema.Struct({
-        username: Schema.String,
-        text: Schema.String,
-    }),
-    default: { value: { username: '', text: '' } },
-});
-const AppRouterSchema = State.SQLite.clientDocument({
-    name: 'AppRouter',
-    schema: Schema.Struct({
-        currentTaskId: Schema.String.pipe(Schema.NullOr),
-    }),
-    default: {
-        value: { currentTaskId: null },
-        id: 'singleton',
-    },
-});
-const kv = State.SQLite.clientDocument({
-    name: 'Kv',
-    schema: Schema.Any,
-    default: { value: null },
-});
-export const events = {
-    todoCreated: Events.synced({
-        name: 'todoCreated',
-        schema: Schema.Struct({ id: Schema.String, text: Schema.String, completed: Schema.Boolean }),
-    }),
-    todoUpdated: Events.synced({
-        name: 'todoUpdated',
-        schema: Schema.Struct({
-            id: Schema.String,
-            text: Schema.String.pipe(Schema.optional),
-            completed: Schema.Boolean.pipe(Schema.optional),
-        }),
-    }),
-    AppRouterSet: AppRouterSchema.set,
-    UserInfoSet: userInfo.set,
-    KvSet: kv.set,
-};
-const materializers = State.SQLite.materializers(events, {
-    todoCreated: ({ id, text, completed }) => todos.insert({ id, text, completed }),
-    todoUpdated: ({ id, text, completed }) => todos.update({ ...omitUndefineds({ completed, text }) }).where({ id }),
-});
-export const tables = { todos, app, userInfo, AppRouterSchema, kv };
-const state = State.SQLite.makeState({ tables, materializers });
-export const schema = makeSchema({ state, events });
-export const makeTodoMvcReact = ({ otelTracer, otelContext, strictMode, } = {}) => Effect.gen(function* () {
+import * as LiveStoreReact from "../mod.js";
+// Re-export shared types and schema
+export { events, schema, tables };
+export const makeTodoMvcReact = (opts = {}) => Effect.gen(function* () {
+    const { strictMode } = opts;
     const makeRenderCount = () => {
         let val = 0;
         const inc = () => {
-            val += strictMode ? 0.5 : 1;
+            val += strictMode === true ? 0.5 : 1;
         };
         return {
             get val() {
@@ -83,21 +19,11 @@ export const makeTodoMvcReact = ({ otelTracer, otelContext, strictMode, } = {})
             inc,
         };
     };
-    const store = yield* createStore({
-        schema,
-        storeId: 'default',
-        adapter: makeInMemoryAdapter(),
-        debug: { instanceId: 'test' },
-    });
+    const store = yield* createTodoMvcStore(opts);
     const storeWithReactApi = LiveStoreReact.withReactApi(store);
-    // TODO improve typing of `LiveStoreContext`
-    const storeContext = {
-        stage: 'running',
-        store: storeWithReactApi,
-    };
-    const MaybeStrictMode = strictMode ? React.StrictMode : React.Fragment;
-    const wrapper = ({ children }) => (_jsx(MaybeStrictMode, { children: _jsx(LiveStoreReact.LiveStoreContext.Provider, { value: storeContext, children: children }) }));
+    const MaybeStrictMode = strictMode === true ? React.StrictMode : React.Fragment;
+    const wrapper = ({ children }) => _jsx(MaybeStrictMode, { children: children });
     const renderCount = makeRenderCount();
     return { wrapper, store: storeWithReactApi, renderCount };
-}).pipe(provideOtel(omitUndefineds({ parentSpanContext: otelContext, otelTracer })));
+});
 //# sourceMappingURL=fixture.js.map

package/dist/__tests__/fixture.js.map

@@ -1 +1 @@
-{"version":3,"file":"fixture.js","sourceRoot":"","sources":["../../src/__tests__/fixture.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"fixture.js","sourceRoot":"","sources":["../../src/__tests__/fixture.tsx"],"names":[],"mappings":";AACA,OAAO,EAGL,kBAAkB,EAClB,MAAM,EAEN,MAAM,EAEN,MAAM,GACP,MAAM,sCAAsC,CAAA;AAE7C,OAAO,EAAE,MAAM,EAAc,MAAM,yBAAyB,CAAA;AAC5D,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,cAAc,MAAM,WAAW,CAAA;AAE3C,oCAAoC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,CAAA;AAOjC,MAAM,CAAC,MAAM,gBAAgB,GAQzB,CAAC,OAAgC,EAAE,EAAE,EAAE,CACzC,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC;IAClB,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,CAAA;IAC3B,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,IAAI,GAAG,GAAG,CAAC,CAAA;QAEX,MAAM,GAAG,GAAG,GAAG,EAAE;YACf,GAAG,IAAI,UAAU,KAAK,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;QACtC,CAAC,CAAA;QAED,OAAO;YACL,IAAI,GAAG;gBACL,OAAO,GAAG,CAAA;YACZ,CAAC;YACD,GAAG;SACJ,CAAA;IACH,CAAC,CAAA;IAED,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAA;IAE7C,MAAM,iBAAiB,GAAG,cAAc,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;IAE5D,MAAM,eAAe,GAAG,UAAU,KAAK,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAA;IAE/E,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAO,EAAE,EAAE,CAAC,KAAC,eAAe,cAAE,QAAQ,GAAmB,CAAA;IAEpF,MAAM,WAAW,GAAG,eAAe,EAAE,CAAA;IAErC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,CAAA;AAC3D,CAAC,CAAC,CAAA"}

package/dist/experimental/components/LiveList.d.ts

@@ -1,4 +1,4 @@
-import type { LiveQueryDef } from '@livestore/livestore';
+import type { LiveQueryDef, Store } from '@livestore/livestore';
 import React from 'react';
 export type LiveListProps<TItem> = {
     items$: LiveQueryDef<ReadonlyArray<TItem>>;
@@ -8,6 +8,8 @@ export type LiveListProps<TItem> = {
     }) => React.ReactNode;
     /** Needs to be unique across all list items */
     getKey: (item: TItem, index: number) => string | number;
+    /** The store instance to use for queries */
+    store: Store<any, any>;
 };
 /**
  * This component is a helper component for rendering a list of items for a LiveQuery of an array of items.
@@ -17,5 +19,5 @@ export type LiveListProps<TItem> = {
  * In the future we want to make this component even more efficient by using incremental rendering (https://github.com/livestorejs/livestore/pull/55)
  * e.g. when an item is added/removed/moved to only re-render the affected DOM nodes.
  */
-export declare const LiveList: <TItem>({ items$, renderItem, getKey }: LiveListProps<TItem>) => React.ReactNode;
+export declare const LiveList: <TItem>({ items$, renderItem, getKey, store }: LiveListProps<TItem>) => React.ReactNode;
 //# sourceMappingURL=LiveList.d.ts.map

package/dist/experimental/components/LiveList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LiveList.d.ts","sourceRoot":"","sources":["../../../src/experimental/components/LiveList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAExD,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,MAAM,MAAM,aAAa,CAAC,KAAK,IAAI;IACjC,MAAM,EAAE,YAAY,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;IAE1C,UAAU,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,mBAAmB,EAAE,OAAO,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAA;IACnG,+CAA+C;IAC/C,MAAM,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAA;CACxD,CAAA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ,GAAI,KAAK,EAAG,gCAAgC,aAAa,CAAC,KAAK,CAAC,KAAG,KAAK,CAAC,SAkC7F,CAAA"}
+{"version":3,"file":"LiveList.d.ts","sourceRoot":"","sources":["../../../src/experimental/components/LiveList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAE/D,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,MAAM,MAAM,aAAa,CAAC,KAAK,IAAI;IACjC,MAAM,EAAE,YAAY,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;IAE1C,UAAU,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,mBAAmB,EAAE,OAAO,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAA;IACnG,+CAA+C;IAC/C,MAAM,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAA;IACvD,4CAA4C;IAC5C,KAAK,EAAE,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,CAAA;CACvB,CAAA;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,QAAQ,GAAI,KAAK,EAAG,uCAAuC,aAAa,CAAC,KAAK,CAAC,KAAG,KAAK,CAAC,SAuCpG,CAAA"}

package/dist/experimental/components/LiveList.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { computed } from '@livestore/livestore';
 import React from 'react';
-import { useQuery } from '../../useQuery.js';
+import { useQuery } from "../../useQuery.js";
 /**
  * This component is a helper component for rendering a list of items for a LiveQuery of an array of items.
  * The idea is that instead of letting React handle the rendering of the items array directly,
@@ -10,10 +10,10 @@ import { useQuery } from '../../useQuery.js';
  * In the future we want to make this component even more efficient by using incremental rendering (https://github.com/livestorejs/livestore/pull/55)
  * e.g. when an item is added/removed/moved to only re-render the affected DOM nodes.
  */
-export const LiveList = ({ items$, renderItem, getKey }) => {
+export const LiveList = ({ items$, renderItem, getKey, store }) => {
     const [hasMounted, setHasMounted] = React.useState(false);
     React.useEffect(() => setHasMounted(true), []);
-    const keys = useQuery(computed((get) => get(items$).map(getKey)));
+    const keys = useQuery(computed((get) => get(items$).map(getKey)), { store });
     const arr = React.useMemo(() => keys.map((key) => 
     // TODO figure out a way so that `item$` returns an ordered lookup map to more efficiently find the item by key
     [
@@ -22,14 +22,16 @@ export const LiveList = ({ items$, renderItem, getKey }) => {
             deps: [key],
         }),
     ]), [getKey, items$, keys]);
-    return (_jsx(_Fragment, { children: arr.map(([key, item$], index) => (_jsx(ItemWrapperMemo, { itemKey: key, "item$": item$, opts: { isInitialListRender: !hasMounted, index }, renderItem: renderItem }, key))) }));
+    return (_jsx(_Fragment, { children: arr.map(([key, item$], index) => (_jsx(ItemWrapperMemo, { itemKey: key, "item$": item$, store: store, index: index, isInitialListRender: !hasMounted, renderItem: renderItem }, key))) }));
 };
-const ItemWrapper = ({ item$, opts, renderItem, }) => {
-    const item = useQuery(item$);
+const ItemWrapper = ({ item$, index, isInitialListRender, renderItem, store, }) => {
+    const item = useQuery(item$, { store });
+    const opts = React.useMemo(() => ({ index, isInitialListRender }), [index, isInitialListRender]);
     return _jsx(_Fragment, { children: renderItem(item, opts) });
 };
 const ItemWrapperMemo = React.memo(ItemWrapper, (prev, next) => prev.itemKey === next.itemKey &&
     prev.renderItem === next.renderItem &&
-    prev.opts.index === next.opts.index &&
-    prev.opts.isInitialListRender === next.opts.isInitialListRender);
+    prev.store === next.store &&
+    prev.index === next.index &&
+    prev.isInitialListRender === next.isInitialListRender);
 //# sourceMappingURL=LiveList.js.map

package/dist/experimental/components/LiveList.js.map

@@ -1 +1 @@
-{"version":3,"file":"LiveList.js","sourceRoot":"","sources":["../../../src/experimental/components/LiveList.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAgB5C;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAwB,EAAmB,EAAE;IACxG,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEzD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAA;IAE9C,MAAM,IAAI,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;IACjE,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CACvB,GAAG,EAAE,CACH,IAAI,CAAC,GAAG,CACN,CAAC,GAAG,EAAE,EAAE;IACN,+GAA+G;IAC/G;QACE,GAAG;QACH,QAAQ,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,GAAG,CAAE,EAAE;YACtE,IAAI,EAAE,CAAC,GAAG,CAAC;SACZ,CAAwB;KACjB,CACb,EACH,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,CACvB,CAAA;IAED,OAAO,CACL,4BACG,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,KAAC,eAAe,IAEd,OAAO,EAAE,GAAG,WACL,KAAK,EACZ,IAAI,EAAE,EAAE,mBAAmB,EAAE,CAAC,UAAU,EAAE,KAAK,EAAE,EACjD,UAAU,EAAE,UAAU,IAJjB,GAAG,CAKR,CACH,CAAC,GACD,CACJ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,CAAS,EAC3B,KAAK,EACL,IAAI,EACJ,UAAU,GAMX,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE5B,OAAO,4BAAG,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,GAAI,CAAA;AACtC,CAAC,CAAA;AAED,MAAM,eAAe,GAAG,KAAK,CAAC,IAAI,CAChC,WAAW,EACX,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CACb,IAAI,CAAC,OAAO,KAAK,IAAI,CAAC,OAAO;IAC7B,IAAI,CAAC,UAAU,KAAK,IAAI,CAAC,UAAU;IACnC,IAAI,CAAC,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,IAAI,CAAC,KAAK;IACnC,IAAI,CAAC,IAAI,CAAC,mBAAmB,KAAK,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAC5C,CAAA"}
+{"version":3,"file":"LiveList.js","sourceRoot":"","sources":["../../../src/experimental/components/LiveList.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAkB5C;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAwB,EAAmB,EAAE;IAC/G,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEzD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAA;IAE9C,MAAM,IAAI,GAAG,QAAQ,CACnB,QAAQ,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,EAC1C,EAAE,KAAK,EAAE,CACV,CAAA;IACD,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CACvB,GAAG,EAAE,CACH,IAAI,CAAC,GAAG,CACN,CAAC,GAAG,EAAE,EAAE;IACN,+GAA+G;IAC/G;QACE,GAAG;QACH,QAAQ,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,GAAG,CAAE,EAAE;YACtE,IAAI,EAAE,CAAC,GAAG,CAAC;SACZ,CAAwB;KACjB,CACb,EACH,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,CACvB,CAAA;IAED,OAAO,CACL,4BACG,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,KAAC,eAAe,IAEd,OAAO,EAAE,GAAG,WACL,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,mBAAmB,EAAE,CAAC,UAAU,EAChC,UAAU,EAAE,UAAU,IANjB,GAAG,CAOR,CACH,CAAC,GACD,CACJ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,CAAS,EAC3B,KAAK,EACL,KAAK,EACL,mBAAmB,EACnB,UAAU,EACV,KAAK,GAQN,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,CAAA;IACvC,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,mBAAmB,EAAE,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAA;IAEhG,OAAO,4BAAG,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,GAAI,CAAA;AACtC,CAAC,CAAA;AAED,MAAM,eAAe,GAAG,KAAK,CAAC,IAAI,CAChC,WAAW,EACX,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CACb,IAAI,CAAC,OAAO,KAAK,IAAI,CAAC,OAAO;IAC7B,IAAI,CAAC,UAAU,KAAK,IAAI,CAAC,UAAU;IACnC,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK;IACzB,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK;IACzB,IAAI,CAAC,mBAAmB,KAAK,IAAI,CAAC,mBAAmB,CAClC,CAAA"}