@livestore/livestore 0.0.58-dev.9 → 0.1.0-dev.2

package/dist/react/useTemporaryQuery.js

@@ -1,75 +0,0 @@
-import * as otel from '@opentelemetry/api';
-import React from 'react';
-import { useStore } from './LiveStoreContext.js';
-import { useQueryRef } from './useQuery.js';
-// NOTE Given `useMemo` will be called multiple times (e.g. when using React Strict mode or Fast Refresh),
-// we are using this cache to avoid starting multiple queries/spans for the same component.
-// This is somewhat against some recommended React best practices, but it should be fine in our case below.
-// Please definitely open an issue if you see or run into any problems with this approach!
-const cache = new Map();
-/**
- * Creates a query, subscribes and destroys it when the component unmounts.
- *
- * The `key` is used to determine whether the a new query should be created or if the existing one should be reused.
- */
-export const useTemporaryQuery = (makeQuery, key) => useTemporaryQueryRef(makeQuery, key).current;
-export const useTemporaryQueryRef = (makeQuery, key) => {
-    const { query$ } = useMakeTemporaryQuery(makeQuery, key);
-    return useQueryRef(query$);
-};
-export const useMakeTemporaryQuery = (makeQuery, key, options) => {
-    const { store } = useStore();
-    const fullKey = React.useMemo(
-    // NOTE We're using the `makeQuery` function body string to make sure the key is unique across the app
-    // TODO we should figure out whether this could cause some problems and/or if there's a better way to do this
-    () => (Array.isArray(key) ? key.join('-') : key) + '-' + store.reactivityGraph.id + '-' + makeQuery.toString(), [key, makeQuery, store.reactivityGraph.id]);
-    const fullKeyRef = React.useRef();
-    const { query$, otelContext } = React.useMemo(() => {
-        if (fullKeyRef.current !== undefined && fullKeyRef.current !== fullKey) {
-            // console.debug('fullKey changed', 'prev', fullKeyRef.current.split('-')[0]!, '-> new', fullKey.split('-')[0]!)
-            const cachedItem = cache.get(fullKeyRef.current);
-            if (cachedItem !== undefined && cachedItem._tag === 'active') {
-                cachedItem.rc--;
-                if (cachedItem.rc === 0) {
-                    // console.debug('rc=0-changed', cachedItem.query$.id, cachedItem.query$.label)
-                    cachedItem.query$.destroy();
-                    cachedItem.span.end();
-                    cache.set(fullKeyRef.current, { _tag: 'destroyed' });
-                }
-            }
-        }
-        const cachedItem = cache.get(fullKey);
-        if (cachedItem !== undefined && cachedItem._tag === 'active') {
-            // console.debug('rc++', cachedItem.query$.id, cachedItem.query$.label)
-            cachedItem.rc++;
-            return cachedItem;
-        }
-        const spanName = options?.otel?.spanName ?? `LiveStore:useTemporaryQuery:${key}`;
-        const span = store.otel.tracer.startSpan(spanName, { attributes: options?.otel?.attributes }, store.otel.queriesSpanContext);
-        const otelContext = otel.trace.setSpan(otel.context.active(), span);
-        const query$ = makeQuery(otelContext);
-        cache.set(fullKey, { _tag: 'active', rc: 1, query$, span, otelContext });
-        return { query$, otelContext };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [fullKey]);
-    fullKeyRef.current = fullKey;
-    React.useEffect(() => {
-        return () => {
-            const fullKey = fullKeyRef.current;
-            const cachedItem = cache.get(fullKey);
-            // NOTE in case the fullKey changed then the query was already destroyed in the useMemo above
-            if (cachedItem === undefined || cachedItem._tag === 'destroyed')
-                return;
-            // console.debug('rc--', cachedItem.query$.id, cachedItem.query$.label)
-            cachedItem.rc--;
-            if (cachedItem.rc === 0) {
-                // console.debug('rc=0', cachedItem.query$.id, cachedItem.query$.label)
-                cachedItem.query$.destroy();
-                cachedItem.span.end();
-                cache.delete(fullKey);
-            }
-        };
-    }, []);
-    return { query$, otelContext };
-};
-//# sourceMappingURL=useTemporaryQuery.js.map

package/dist/react/useTemporaryQuery.js.map

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

package/dist/react/useTemporaryQuery.test.d.ts

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

package/dist/react/useTemporaryQuery.test.d.ts.map

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

package/dist/react/useTemporaryQuery.test.js

@@ -1,59 +0,0 @@
-import { Effect, Schema } from '@livestore/utils/effect';
-import { render, renderHook } from '@testing-library/react';
-import React from 'react';
-// @ts-expect-error no types
-import * as ReactWindow from 'react-window';
-import { describe, expect, it } from 'vitest';
-import { makeTodoMvc, tables, todos } from '../__tests__/react/fixture.js';
-import * as LiveStore from '../index.js';
-import { querySQL } from '../reactiveQueries/sql.js';
-import * as LiveStoreReact from './index.js';
-describe('useTemporaryQuery', () => {
-    it('simple', () => Effect.gen(function* () {
-        const { wrapper, store, makeRenderCount } = yield* makeTodoMvc();
-        const renderCount = makeRenderCount();
-        store.mutate(todos.insert({ id: 't1', text: 'buy milk', completed: false }), todos.insert({ id: 't2', text: 'buy bread', completed: false }));
-        const queryMap = new Map();
-        const { rerender, result, unmount } = renderHook((id) => {
-            renderCount.inc();
-            return LiveStoreReact.useTemporaryQuery(() => {
-                const query$ = querySQL(`select * from todos where id = '${id}'`, {
-                    schema: Schema.Array(tables.todos.schema),
-                });
-                queryMap.set(id, query$);
-                return query$;
-            }, id);
-        }, { wrapper, initialProps: 't1' });
-        expect(result.current.length).toBe(1);
-        expect(result.current[0].text).toBe('buy milk');
-        expect(renderCount.val).toBe(1);
-        expect(queryMap.get('t1').runs).toBe(1);
-        rerender('t2');
-        expect(result.current.length).toBe(1);
-        expect(result.current[0].text).toBe('buy bread');
-        expect(renderCount.val).toBe(2);
-        expect(queryMap.get('t1').runs).toBe(1);
-        expect(queryMap.get('t2').runs).toBe(1);
-        unmount();
-        expect(queryMap.get('t2').runs).toBe(1);
-    }).pipe(Effect.scoped, Effect.tapCauseLogPretty, Effect.runPromise));
-    // NOTE this test covers some special react lifecyle paths which I couldn't easily reproduce without react-window
-    // it basically causes a "query swap" in the `useMemo` and both a `useEffect` cleanup call.
-    // To handle this properly we introduced the `_tag: 'destroyed'` state in the `spanAlreadyStartedCache`.
-    it('should work for a list with react-window', () => Effect.gen(function* () {
-        const { wrapper } = yield* makeTodoMvc();
-        const ListWrapper = ({ numItems }) => {
-            return (React.createElement(ReactWindow.FixedSizeList, { height: 100, width: 100, itemSize: 10, itemCount: numItems, itemData: Array.from({ length: numItems }, (_, i) => i).reverse() }, ListItem));
-        };
-        const ListItem = ({ data: ids, index }) => {
-            const id = ids[index];
-            const res = LiveStoreReact.useTemporaryQuery(() => LiveStore.computed(() => id, { label: `ListItem.${id}` }), id);
-            return React.createElement("div", { role: "listitem" }, res);
-        };
-        const renderResult = render(React.createElement(ListWrapper, { numItems: 1 }), { wrapper });
-        expect(renderResult.container.textContent).toBe('0');
-        renderResult.rerender(React.createElement(ListWrapper, { numItems: 2 }));
-        expect(renderResult.container.textContent).toBe('10');
-    }).pipe(Effect.scoped, Effect.tapCauseLogPretty, Effect.runPromise));
-});
-//# sourceMappingURL=useTemporaryQuery.test.js.map

package/dist/react/useTemporaryQuery.test.js.map

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

package/dist/react/utils/stack-info.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"stack-info.d.ts","sourceRoot":"","sources":["../../../src/react/utils/stack-info.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,QAAwB,CAAA;AAEvD,MAAM,MAAM,SAAS,GAAG;IACtB,MAAM,EAAE,UAAU,EAAE,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAqBD,eAAO,MAAM,8BAA8B,eAAgB,MAAM,KAAG,SAsBnE,CAAA;AAED,eAAO,MAAM,YAAY,QAAO,SAOxB,CAAA"}

package/dist/react/utils/stack-info.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stack-info.js","sourceRoot":"","sources":["../../../src/react/utils/stack-info.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,CAAC,MAAM,kBAAkB,GAAG,KAAK,CAAC,eAAe,CAAA;AAWvD;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAAG,CAAC,UAAkB,EAAa,EAAE;IAC9E,MAAM,WAAW,GAAG,oBAAoB,CAAA;IACxC,IAAI,KAA6B,CAAA;IACjC,MAAM,MAAM,GAAiB,EAAE,CAAA;IAC/B,IAAI,eAAe,GAAG,KAAK,CAAA;IAE3B,OAAO,CAAC,KAAK,GAAG,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC;QACvD,MAAM,CAAC,EAAE,IAAI,EAAE,QAAQ,CAAC,GAAG,KAAwC,CAAA;QAEnE,wEAAwE;QACxE,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,KAAK,KAAK,EAAE,CAAC;YACrG,eAAe,GAAG,IAAI,CAAA;YAEtB,MAAM,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAA;QACnE,CAAC;aAAM,IAAI,eAAe,EAAE,CAAC;YAC3B,6FAA6F;YAC7F,MAAM,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAA;YAClC,MAAK;QACP,CAAC;IACH,CAAC;IAED,OAAO,EAAE,MAAM,EAAE,CAAA;AACnB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,GAAc,EAAE,CAC1C,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;IACjB,KAAK,CAAC,eAAe,GAAG,EAAE,CAAA;IAC1B,iDAAiD;IACjD,MAAM,KAAK,GAAG,IAAI,KAAK,EAAE,CAAC,KAAM,CAAA;IAChC,KAAK,CAAC,eAAe,GAAG,kBAAkB,CAAA;IAC1C,OAAO,8BAA8B,CAAC,KAAK,CAAC,CAAA;AAC9C,CAAC,EAAE,EAAE,CAAC,CAAA"}

package/dist/react/utils/useStateRefWithReactiveInput.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-/**
- * A variant of `React.useState` which allows the `inputState` to change over time as well.
- * Important: This hook is synchronous / single-render-pass (i.e. doesn't use `useEffect` or `setState` directly).
- *
- * Notes:
- * - The output state is always reset to the input state in case the input state changes (i.e. the previous "external" `setStateAndRerender` call is forgotten)
- * - This hook might not work properly with React Suspense
- * - Also see this Tweet for more potential problems: https://twitter.com/schickling/status/1677317711104278528
- *
- */
-export declare const useStateRefWithReactiveInput: <T>(inputState: T) => [React.MutableRefObject<T>, (newState: T | ((prev: T) => T)) => void];
-//# sourceMappingURL=useStateRefWithReactiveInput.d.ts.map

package/dist/react/utils/useStateRefWithReactiveInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useStateRefWithReactiveInput.d.ts","sourceRoot":"","sources":["../../../src/react/utils/useStateRefWithReactiveInput.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB;;;;;;;;;GASG;AACH,eAAO,MAAM,4BAA4B,GAAI,CAAC,cAChC,CAAC,KACZ,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,KAAK,IAAI,CAwBtE,CAAA"}

package/dist/react/utils/useStateRefWithReactiveInput.js

@@ -1,38 +0,0 @@
-import React from 'react';
-/**
- * A variant of `React.useState` which allows the `inputState` to change over time as well.
- * Important: This hook is synchronous / single-render-pass (i.e. doesn't use `useEffect` or `setState` directly).
- *
- * Notes:
- * - The output state is always reset to the input state in case the input state changes (i.e. the previous "external" `setStateAndRerender` call is forgotten)
- * - This hook might not work properly with React Suspense
- * - Also see this Tweet for more potential problems: https://twitter.com/schickling/status/1677317711104278528
- *
- */
-export const useStateRefWithReactiveInput = (inputState) => {
-    const [_, rerender] = React.useState(0);
-    const lastKnownInputStateRef = React.useRef(inputState);
-    const stateRef = React.useRef(inputState);
-    if (lastKnownInputStateRef.current !== inputState) {
-        lastKnownInputStateRef.current = inputState;
-        // NOTE we don't need to re-render here, because the component is already re-rendering due to the `inputState` change
-        stateRef.current = inputState;
-    }
-    const setStateAndRerender = React.useCallback((newState) => {
-        // @ts-expect-error https://github.com/microsoft/TypeScript/issues/37663
-        const val = typeof newState === 'function' ? newState(stateRef.current) : newState;
-        stateRef.current = val;
-        rerender((c) => c + 1);
-    }, [rerender]);
-    return [stateRef, setStateAndRerender];
-};
-// Down-side of this implementation: Double render pass due to `setState` call (which forces a re-render)
-// Keeping around for now in case `useStateRefWithReactiveInput` doesn't work out
-// const _useStateWithReactiveInput = <T>(inputState: T): [T, (newState: T | ((prev: T) => T)) => void] => {
-//   const [externalState, setExternalState] = React.useState(inputState)
-//   if (externalState !== inputState) {
-//     setExternalState(inputState)
-//   }
-//   return [externalState, setExternalState]
-// }
-//# sourceMappingURL=useStateRefWithReactiveInput.js.map

package/dist/react/utils/useStateRefWithReactiveInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useStateRefWithReactiveInput.js","sourceRoot":"","sources":["../../../src/react/utils/useStateRefWithReactiveInput.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAC1C,UAAa,EAC0D,EAAE;IACzE,MAAM,CAAC,CAAC,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;IAEvC,MAAM,sBAAsB,GAAG,KAAK,CAAC,MAAM,CAAI,UAAU,CAAC,CAAA;IAC1D,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAI,UAAU,CAAC,CAAA;IAE5C,IAAI,sBAAsB,CAAC,OAAO,KAAK,UAAU,EAAE,CAAC;QAClD,sBAAsB,CAAC,OAAO,GAAG,UAAU,CAAA;QAE3C,qHAAqH;QACrH,QAAQ,CAAC,OAAO,GAAG,UAAU,CAAA;IAC/B,CAAC;IAED,MAAM,mBAAmB,GAAG,KAAK,CAAC,WAAW,CAC3C,CAAC,QAA8B,EAAE,EAAE;QACjC,wEAAwE;QACxE,MAAM,GAAG,GAAG,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;QAClF,QAAQ,CAAC,OAAO,GAAG,GAAG,CAAA;QACtB,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;IACxB,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAA;IAED,OAAO,CAAC,QAAQ,EAAE,mBAAmB,CAAC,CAAA;AACxC,CAAC,CAAA;AAED,yGAAyG;AACzG,iFAAiF;AACjF,4GAA4G;AAC5G,yEAAyE;AAEzE,wCAAwC;AACxC,mCAAmC;AACnC,MAAM;AAEN,6CAA6C;AAC7C,IAAI"}

package/src/__tests__/react/fixture.tsx

@@ -1,126 +0,0 @@
-import { Effect, FiberSet, Schema as __Schema } from '@livestore/utils/effect'
-import { makeInMemoryAdapter } from '@livestore/web'
-import type * as otel from '@opentelemetry/api'
-import React from 'react'
-
-import { globalReactivityGraph } from '../../global-state.js'
-import type { LiveStoreContext } from '../../index.js'
-import { createStore, DbSchema, makeReactivityGraph, makeSchema, sql } from '../../index.js'
-import * as LiveStoreReact from '../../react/index.js'
-
-export type Todo = {
-  id: string
-  text: string
-  completed: boolean
-}
-
-export type Filter = 'all' | 'active' | 'completed'
-
-export type AppState = {
-  newTodoText: string
-  filter: Filter
-}
-
-export const todos = DbSchema.table(
-  'todos',
-  {
-    id: DbSchema.text({ primaryKey: true }),
-    text: DbSchema.text({ default: '', nullable: false }),
-    completed: DbSchema.boolean({ default: false, nullable: false }),
-  },
-  { deriveMutations: true, isSingleton: false },
-)
-
-export const app = DbSchema.table('app', {
-  id: DbSchema.text({ primaryKey: true }),
-  newTodoText: DbSchema.text({ default: '', nullable: true }),
-  filter: DbSchema.text({ default: 'all', nullable: false }),
-})
-
-const userInfo = DbSchema.table(
-  'UserInfo',
-  {
-    username: DbSchema.text({ default: '' }),
-    text: DbSchema.text({ default: '' }),
-  },
-  { deriveMutations: true },
-)
-
-const AppRouterSchema = DbSchema.table(
-  'AppRouter',
-  {
-    currentTaskId: DbSchema.text({ default: null, nullable: true }),
-  },
-  { isSingleton: true, deriveMutations: true },
-)
-
-export const tables = { todos, app, userInfo, AppRouterSchema }
-export const schema = makeSchema({ tables })
-
-export const makeTodoMvc = ({
-  otelTracer,
-  otelContext,
-  useGlobalReactivityGraph = true,
-  strictMode = process.env.REACT_STRICT_MODE !== undefined,
-}: {
-  otelTracer?: otel.Tracer
-  otelContext?: otel.Context
-  useGlobalReactivityGraph?: boolean
-  strictMode?: boolean
-} = {}) =>
-  Effect.gen(function* () {
-    const reactivityGraph = useGlobalReactivityGraph ? globalReactivityGraph : makeReactivityGraph()
-
-    const makeRenderCount = () => {
-      let val = 0
-
-      const inc = () => {
-        val += strictMode ? 0.5 : 1
-      }
-
-      return {
-        get val() {
-          return val
-        },
-        inc,
-      }
-    }
-
-    const fiberSet = yield* FiberSet.make()
-
-    const store = yield* createStore({
-      schema,
-      storeId: 'default',
-      boot: (db) => db.execute(sql`INSERT OR IGNORE INTO app (id, newTodoText, filter) VALUES ('static', '', 'all');`),
-      adapter: makeInMemoryAdapter(),
-      reactivityGraph,
-      otelOptions: {
-        tracer: otelTracer,
-        rootSpanContext: otelContext,
-      },
-      fiberSet,
-    })
-
-    // TODO improve typing of `LiveStoreContext`
-    const storeContext = { stage: 'running', store } as any as LiveStoreContext
-
-    const MaybeStrictMode = strictMode ? React.StrictMode : React.Fragment
-
-    const wrapper = ({ children }: any) => (
-      <MaybeStrictMode>
-        <LiveStoreReact.LiveStoreContext.Provider value={storeContext}>
-          {children}
-        </LiveStoreReact.LiveStoreContext.Provider>
-      </MaybeStrictMode>
-    )
-
-    return {
-      wrapper,
-      AppComponentSchema: userInfo,
-      AppRouterSchema,
-      store,
-      reactivityGraph,
-      makeRenderCount,
-      strictMode,
-    }
-  })

package/src/react/LiveStoreContext.ts

@@ -1,20 +0,0 @@
-import React, { useContext } from 'react'
-
-import type { LiveStoreContextRunning as LiveStoreContext_ } from '../effect/LiveStore.js'
-import type { Store } from '../store.js'
-
-export const LiveStoreContext = React.createContext<LiveStoreContext_ | undefined>(undefined)
-
-export const useStore = (): { store: Store } => {
-  const storeContext = useContext(LiveStoreContext)
-
-  if (storeContext === undefined) {
-    throw new Error(`useStore can only be used inside StoreContext.Provider`)
-  }
-
-  if (storeContext.stage !== 'running') {
-    throw new Error(`useStore can only be used after the store is running`)
-  }
-
-  return storeContext
-}

package/src/react/LiveStoreProvider.test.tsx

@@ -1,109 +0,0 @@
-import type { BootDb } from '@livestore/common'
-import { sql } from '@livestore/common'
-import { Schema } from '@livestore/utils/effect'
-import { makeInMemoryAdapter } from '@livestore/web'
-import { render, screen, waitFor, waitForElementToBeRemoved } from '@testing-library/react'
-import React from 'react'
-import { unstable_batchedUpdates as batchUpdates } from 'react-dom'
-import { describe, expect, it } from 'vitest'
-
-import { schema, tables } from '../__tests__/react/fixture.js'
-import { querySQL } from '../reactiveQueries/sql.js'
-import * as LiveStoreReact from './index.js'
-import { LiveStoreProvider } from './LiveStoreProvider.js'
-
-describe('LiveStoreProvider', () => {
-  it('simple', async () => {
-    let appRenderCount = 0
-
-    const allTodos$ = querySQL(`select * from todos`, { schema: Schema.Array(tables.todos.schema) })
-
-    const App = () => {
-      appRenderCount++
-
-      const todos = LiveStoreReact.useQuery(allTodos$)
-
-      return <div>{JSON.stringify(todos)}</div>
-    }
-
-    const abortController = new AbortController()
-
-    const Root = ({ forceUpdate }: { forceUpdate: number }) => {
-      const bootCb = React.useCallback(
-        (db: BootDb) =>
-          db.execute(sql`INSERT OR IGNORE INTO todos (id, text, completed) VALUES ('t1', 'buy milk', 0);`),
-        [],
-      )
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-      const adapterMemo = React.useMemo(() => makeInMemoryAdapter(), [forceUpdate])
-      return (
-        <LiveStoreProvider
-          schema={schema}
-          renderLoading={(status) => <div>Loading LiveStore: {status.stage}</div>}
-          adapter={adapterMemo}
-          boot={bootCb}
-          signal={abortController.signal}
-          batchUpdates={batchUpdates}
-        >
-          <App />
-        </LiveStoreProvider>
-      )
-    }
-
-    const { rerender } = render(<Root forceUpdate={1} />)
-
-    expect(appRenderCount).toBe(0)
-
-    await waitForElementToBeRemoved(() => screen.getByText((_) => _.startsWith('Loading LiveStore')))
-
-    expect(appRenderCount).toBe(1)
-
-    rerender(<Root forceUpdate={2} />)
-
-    await waitFor(() => screen.getByText('Loading LiveStore: loading'))
-    await waitFor(() => screen.getByText((_) => _.includes('buy milk')))
-
-    expect(appRenderCount).toBe(2)
-
-    abortController.abort()
-
-    await waitFor(() => screen.getByText('LiveStore Shutdown due to abort signal'))
-  })
-
-  it('error during boot', async () => {
-    let appRenderCount = 0
-
-    const App = () => {
-      appRenderCount++
-
-      return <div>hello world</div>
-    }
-
-    const Root = ({ forceUpdate }: { forceUpdate: number }) => {
-      const bootCb = React.useCallback(
-        (db: BootDb) =>
-          db.execute(sql`INSERT INTO todos_mising_table (id, text, completed) VALUES ('t1', 'buy milk', 0);`),
-        [],
-      )
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-      const adapterMemo = React.useMemo(() => makeInMemoryAdapter(), [forceUpdate])
-      return (
-        <LiveStoreProvider
-          schema={schema}
-          renderLoading={(status) => <div>Loading LiveStore: {status.stage}</div>}
-          adapter={adapterMemo}
-          boot={bootCb}
-          batchUpdates={batchUpdates}
-        >
-          <App />
-        </LiveStoreProvider>
-      )
-    }
-
-    render(<Root forceUpdate={1} />)
-
-    expect(appRenderCount).toBe(0)
-
-    await waitFor(() => screen.getByText((_) => _.startsWith('LiveStore.UnexpectedError')))
-  })
-})