@livestore/livestore 0.0.46 → 0.0.47

package/src/react/LiveStoreProvider.test.tsx

@@ -1,6 +1,6 @@
-import type { StorageDatabase } from '@livestore/common'
 import { sql } from '@livestore/common'
 import { makeDb } from '@livestore/web'
+import { InMemoryStorage } from '@livestore/web/storage/in-memory'
 import { render, screen, waitFor, waitForElementToBeRemoved } from '@testing-library/react'
 import React from 'react'
 import { describe, expect, it } from 'vitest'
@@ -11,25 +11,6 @@ import type { BootDb, Store } from '../store.js'
 import * as LiveStoreReact from './index.js'
 import { LiveStoreProvider } from './LiveStoreProvider.js'
 
-class TestInMemoryStorage implements StorageDatabase {
-  filename = '__test__in-memory__'
-
-  constructor() {}
-
-  execute = async () => {}
-
-  mutate = async () => {}
-
-  export = async () => undefined
-
-  getMutationLogData = async (): Promise<Uint8Array> => new Uint8Array()
-
-  dangerouslyReset = async () => {}
-  shutdown = async () => {
-    await new Promise((resolve) => setTimeout(resolve, 200))
-  }
-}
-
 describe('LiveStoreProvider', () => {
   it('simple', async () => {
     let renderCount = 0
@@ -54,7 +35,7 @@ describe('LiveStoreProvider', () => {
         [],
       )
       // eslint-disable-next-line react-hooks/exhaustive-deps
-      const makeDbMemo = React.useMemo(() => makeDb(() => () => new TestInMemoryStorage()), [forceUpdate])
+      const makeDbMemo = React.useMemo(() => makeDb(() => InMemoryStorage.load()), [forceUpdate])
       return (
         <LiveStoreProvider schema={schema} fallback={<div>Loading LiveStore</div>} makeDb={makeDbMemo} boot={bootCb}>
           <App />

package/src/react/useAtom.ts

@@ -17,7 +17,11 @@ export const useAtom = <TQuery extends LiveQuery<any, QueryInfoRow<any> | QueryI
     return (newValueOrFn: any) => {
       const newValue = typeof newValueOrFn === 'function' ? newValueOrFn(query$Ref.current) : newValueOrFn
 
-      store.mutate(mutationForQueryInfo(query$.queryInfo!, newValue))
+      if (query$.queryInfo._tag === 'Row' && query$.queryInfo.table.isSingleColumn) {
+        store.mutate(mutationForQueryInfo(query$.queryInfo!, { value: newValue }))
+      } else {
+        store.mutate(mutationForQueryInfo(query$.queryInfo!, newValue))
+      }
     }
   }, [query$.queryInfo, query$Ref, store])
 

package/src/reactiveQueries/graphql.ts

@@ -191,7 +191,11 @@ export class LiveStoreGraphQLQuery<
         span.setStatus({ code: otel.SpanStatusCode.ERROR, message: 'GraphQL error' })
         span.setAttribute('graphql.error', res.errors.join('\n'))
         span.setAttribute('graphql.error-detail', JSON.stringify(res.errors))
-        console.error(`graphql error (${operationName})`, res.errors)
+        console.error(`graphql error (${operationName}) - ${res.errors.length} errors`)
+        for (const error of res.errors) {
+          console.error(error)
+        }
+        debugger
       }
 
       span.end()

package/src/row-query.ts

@@ -78,6 +78,9 @@ export const rowQuery: MakeRowQuery = <TTableDef extends DbSchema.TableDef>(
     genQueryString: queryStr,
     queriedTables: new Set([componentTableName]),
     dbGraph: options?.dbGraph,
+    // TODO remove this once the LiveStore Devtools are no longer relying on it
+    // as the defaults rows are now already being inserted during store initialization
+    // and the tables need to be registered during initialization
     execBeforeFirstRun: makeExecBeforeFirstRun({
       otelContext: options?.otelContext,
       table,
@@ -201,7 +204,6 @@ const makeExecBeforeFirstRun =
     }
 
     if (skipInsertDefaultRow !== true) {
-      // TODO find a way to only do this if necessary
       insertRowWithDefaultValuesOrIgnore({
         store,
         id: id ?? 'singleton',

package/src/store.ts

@@ -1,5 +1,11 @@
-import type { DatabaseFactory, DatabaseImpl, PreparedBindValues } from '@livestore/common'
-import { type LiveStoreSchema, makeMutationEventSchema, type MutationEvent } from '@livestore/common/schema'
+import {
+  type DatabaseFactory,
+  type DatabaseImpl,
+  getExecArgsFromMutation,
+  type PreparedBindValues,
+} from '@livestore/common'
+import type { LiveStoreSchema, MutationEvent, MutationEventSchema } from '@livestore/common/schema'
+import { makeMutationEventSchema } from '@livestore/common/schema'
 import { assertNever, isPromise, makeNoopTracer, shouldNeverHappen } from '@livestore/utils'
 import { Schema } from '@livestore/utils/effect'
 import * as otel from '@opentelemetry/api'
@@ -7,7 +13,6 @@ import type { GraphQLSchema } from 'graphql'
 
 import { globalDbGraph } from './global-state.js'
 import { MainDatabaseWrapper } from './MainDatabaseWrapper.js'
-import { migrateDb } from './migrations.js'
 import type { StackInfo } from './react/utils/stack-info.js'
 import type { DebugRefreshReasonBase, ReactiveGraph, Ref } from './reactive.js'
 import type { DbContext, DbGraph, LiveQuery } from './reactiveQueries/base-class.js'
@@ -39,6 +44,7 @@ export type StoreOptions<
   otelTracer: otel.Tracer
   otelRootSpanContext: otel.Context
   dbGraph: DbGraph
+  mutationEventSchema: MutationEventSchema<any>
 }
 
 export type RefreshReason =
@@ -77,6 +83,7 @@ const uniqueStoreId = () => `store-${++storeCount}`
 
 export type BootDb = {
   execute(queryStr: string, bindValues?: ParamsObject): void
+  mutate: <const TMutationArg extends ReadonlyArray<MutationEvent.Any>>(...list: TMutationArg) => void
   select<T>(queryStr: string, bindValues?: ParamsObject): ReadonlyArray<T>
   txn(callback: () => void): void
 }
@@ -105,7 +112,7 @@ export class Store<
   /** RC-based set to see which queries are currently subscribed to */
   activeQueries: ReferenceCountedSet<LiveQuery<any>>
 
-  private mutationArgsSchema
+  private mutationEventSchema
 
   private constructor({
     db,
@@ -115,6 +122,7 @@ export class Store<
     dbGraph,
     otelTracer,
     otelRootSpanContext,
+    mutationEventSchema,
   }: StoreOptions<TGraphQLContext, TSchema>) {
     this.mainDbWrapper = new MainDatabaseWrapper({ otelTracer, otelRootSpanContext, db: db.mainDb })
     this.db = db
@@ -122,7 +130,8 @@ export class Store<
     this.schema = schema
 
     // TODO refactor
-    this.mutationArgsSchema = makeMutationEventSchema(Object.fromEntries(schema.mutations.entries()) as any)
+    this.mutationEventSchema = mutationEventSchema
+    // this.mutationEventSchema = makeMutationEventSchema(Object.fromEntries(schema.mutations.entries()) as any)
 
     // TODO generalize the `tableRefs` concept to allow finer-grained refs
     this.tableRefs = {}
@@ -375,48 +384,43 @@ export class Store<
    * the caller must refresh queries after calling this method.
    */
   private mutateWithoutRefresh = (
-    mutationEvent: MutationEvent.ForSchema<TSchema>,
+    mutationEventDecoded: MutationEvent.ForSchema<TSchema>,
     otelContext: otel.Context,
   ): { writeTables: ReadonlySet<string>; durationMs: number } => {
     return this.otel.tracer.startActiveSpan(
       'LiveStore:mutatetWithoutRefresh',
       {
         attributes: {
-          'livestore.mutation': mutationEvent.mutation,
-          'livestore.args': JSON.stringify(mutationEvent.args, null, 2),
+          'livestore.mutation': mutationEventDecoded.mutation,
+          'livestore.args': JSON.stringify(mutationEventDecoded.args, null, 2),
         },
       },
       otelContext,
       (span) => {
         const otelContext = otel.trace.setSpan(otel.context.active(), span)
 
-        const mutationDef =
-          this.schema.mutations.get(mutationEvent.mutation) ??
-          shouldNeverHappen(`Unknown mutation type: ${mutationEvent.mutation}`)
-
-        const statementRes =
-          typeof mutationDef.sql === 'function' ? mutationDef.sql(mutationEvent.args) : mutationDef.sql
+        const allWriteTables = new Set<string>()
+        let durationMsTotal = 0
 
-        const statementSql = typeof statementRes === 'string' ? statementRes : statementRes.sql
-        const writeTables =
-          typeof statementRes === 'string'
-            ? this.mainDbWrapper.getTablesUsed(statementSql)
-            : statementRes.writeTables ?? this.mainDbWrapper.getTablesUsed(statementSql)
+        const mutationDef =
+          this.schema.mutations.get(mutationEventDecoded.mutation) ??
+          shouldNeverHappen(`Unknown mutation type: ${mutationEventDecoded.mutation}`)
 
-        const bindValues =
-          typeof statementRes === 'string'
-            ? Schema.encodeUnknownSync(mutationDef.schema)(mutationEvent.args)
-            : statementRes.bindValues
+        const execArgsArr = getExecArgsFromMutation({ mutationDef, mutationEventDecoded })
 
-        const { durationMs } = this.mainDbWrapper.execute(
+        for (const {
           statementSql,
-          prepareBindValues(bindValues ?? {}, statementSql),
-          writeTables,
-          { otelContext },
-        )
+          bindValues,
+          writeTables = this.mainDbWrapper.getTablesUsed(statementSql),
+        } of execArgsArr) {
+          const { durationMs } = this.mainDbWrapper.execute(statementSql, bindValues, writeTables, { otelContext })
+
+          durationMsTotal += durationMs
+          writeTables.forEach((table) => allWriteTables.add(table))
+        }
 
         // Asynchronously apply mutation to a persistent storage (we're not awaiting this promise here)
-        const mutationEventEncoded = Schema.encodeUnknownSync(this.mutationArgsSchema)(mutationEvent)
+        const mutationEventEncoded = Schema.encodeUnknownSync(this.mutationEventSchema)(mutationEventDecoded)
         this.db.storageDb.mutate(mutationEventEncoded, span)
 
         // Uncomment to print a list of queries currently registered on the store
@@ -424,7 +428,7 @@ export class Store<
 
         span.end()
 
-        return { writeTables, durationMs }
+        return { writeTables: allWriteTables, durationMs: durationMsTotal }
       },
     )
   }
@@ -496,24 +500,21 @@ export const createStore = async <
 }): Promise<Store<TGraphQLContext, TSchema>> => {
   return otelTracer.startActiveSpan('createStore', {}, otelRootSpanContext, async (span) => {
     try {
+      performance.mark('livestore:db-creating')
       const otelContext = otel.trace.setSpan(otel.context.active(), span)
 
-      const dbPromise = makeDb({ otelTracer, otelContext })
+      const dbPromise = makeDb({ otelTracer, otelContext, schema })
       const db = dbPromise instanceof Promise ? await dbPromise : dbPromise
-
-      otelTracer.startActiveSpan('migrateDb', {}, otelContext, (span) => {
-        try {
-          const otelContext = otel.trace.setSpan(otel.context.active(), span)
-          migrateDb({ db, schema, otelContext })
-        } finally {
-          span.end()
-        }
-      })
+      performance.mark('livestore:db-created')
+      performance.measure('livestore:db-create', 'livestore:db-creating', 'livestore:db-created')
 
       if (batchUpdates !== undefined) {
         dbGraph.effectsWrapper = batchUpdates
       }
 
+      const mutationEventSchema = makeMutationEventSchema(Object.fromEntries(schema.mutations.entries()) as any)
+
+      // TODO consider moving booting into the storage backend
       if (boot !== undefined) {
         let isInTxn = false
         let txnExecuteStmnts: [string, PreparedBindValues | undefined][] = []
@@ -530,6 +531,23 @@ export const createStore = async <
               void db.storageDb.execute(queryStr, preparedBindValues, undefined)
             }
           },
+          mutate: (...list) => {
+            for (const mutationEventDecoded of list) {
+              const mutationDef =
+                schema.mutations.get(mutationEventDecoded.mutation) ??
+                shouldNeverHappen(`Unknown mutation type: ${mutationEventDecoded.mutation}`)
+
+              const execArgsArr = getExecArgsFromMutation({ mutationDef, mutationEventDecoded })
+              // const { bindValues, statementSql } = getExecArgsFromMutation({ mutationDef, mutationEventDecoded })
+
+              for (const { statementSql, bindValues } of execArgsArr) {
+                db.mainDb.execute(statementSql, bindValues)
+              }
+
+              const mutationEventEncoded = Schema.encodeUnknownSync(mutationEventSchema)(mutationEventDecoded)
+              void db.storageDb.mutate(mutationEventEncoded, span)
+            }
+          },
           select: (queryStr, bindValues) => {
             const stmt = db.mainDb.prepare(queryStr)
             const preparedBindValues = bindValues ? prepareBindValues(bindValues, queryStr) : undefined
@@ -570,7 +588,7 @@ export const createStore = async <
       // Think about what to do about this case.
       // await applySchema(db, schema)
       return Store.createStore<TGraphQLContext, TSchema>(
-        { db, schema, graphQLOptions, otelTracer, otelRootSpanContext, dbGraph },
+        { db, schema, graphQLOptions, otelTracer, otelRootSpanContext, dbGraph, mutationEventSchema },
         span,
       )
     } finally {

package/dist/react/components/DiffableList copy.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import type { LiveQuery } from '../../reactiveQueries/base-class.js';
-export type Props<TItem> = {
-    items$: LiveQuery<ReadonlyArray<TItem>>;
-    /**
-     * @example
-     * ```tsx
-     * renderContainer={(children) => <ul>{children}</ul>}
-     * ```
-     */
-    renderContainer: (ref: React.LegacyRef<any>) => React.ReactNode;
-    renderItem: (item: TItem, opts: {
-        index: number;
-        isInitialListRender: boolean;
-    }) => React.ReactNode;
-    getKey: (item: TItem, index: number) => string | number;
-};
-export declare const DiffableList: <TItem>({ items$, renderContainer, renderItem, getKey, }: Props<TItem>) => React.ReactNode;
-//# sourceMappingURL=DiffableList%20copy.d.ts.map

package/dist/react/components/DiffableList copy.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DiffableList copy.d.ts","sourceRoot":"","sources":["../../../src/react/components/DiffableList copy.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAA;AAUpE,MAAM,MAAM,KAAK,CAAC,KAAK,IAAI;IACzB,MAAM,EAAE,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;IACvC;;;;;OAKG;IACH,eAAe,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IAE/D,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,MAAM,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAA;CACxD,CAAA;AAED,eAAO,MAAM,YAAY,4DAKtB,MAAM,KAAK,CAAC,KAAG,MAAM,SAwEvB,CAAA"}

package/dist/react/components/DiffableList copy.js

@@ -1,62 +0,0 @@
-import * as million from 'million';
-import React from 'react';
-import { computed } from '../../reactiveQueries/js.js';
-import { useQuery } from '../useQuery.js';
-export const DiffableList = ({ items$, renderContainer, renderItem, getKey, }) => {
-    const ref = React.useRef(null);
-    const container = renderContainer(ref);
-    const [hasMounted, setHasMounted] = React.useState(false);
-    React.useEffect(() => setHasMounted(true), []);
-    const keys$ = computed((get) => get(items$).map(getKey));
-    const elsRef = React.useRef([]);
-    // const ContextBridge = itsFine.useContextBridge()
-    // const { store } = useStore()
-    // const renderListEl = React.useCallback(
-    //   (parentEl: HTMLElement, index: number, item$: LiveQuery<TItem>) => {
-    //     const root = ReactDOM.createRoot(parentEl)
-    //     root.render(
-    //       // <ContextBridge>
-    //       <LiveStoreContext.Provider value={{ store }}>
-    //         <ItemWrapper item$={item$} renderItem={renderItem} opts={{ index, isInitialListRender: !hasMounted }} />
-    //       </LiveStoreContext.Provider>,
-    //       // </ContextBridge>,
-    //     )
-    //     return root
-    //   },
-    //   [hasMounted, renderItem, store],
-    // )
-    React.useLayoutEffect(() => {
-        if (ref.current === null) {
-            throw new Error('ref.current is null');
-        }
-        const keys = keys$.run();
-        const queries$ = keys.map((_key, index) => computed((get) => get(items$)[index]));
-        // const list = million.mapArray(
-        //   queries$.map((item$, index) =>
-        //     ItemWrapperBlock({
-        //       item$,
-        //       opts: { index, isInitialListRender: !hasMounted },
-        //       renderItem,
-        //     }),
-        //   ),
-        // )
-        // million.mount(list, ref.current)
-        // const keys = keys$.run()
-        // for (let index = 0; index < keys.length; index++) {
-        //   const parentEl = document.createElement('div')
-        //   ref.current!.append(parentEl)
-        //   const item$ = computed((get) => get(items$)[index]!) as LiveQuery<TItem>
-        //   const root = renderListEl(parentEl, index, item$)
-        //   elsRef.current.push({ el: parentEl, item$, root, id: keys[index]! })
-        // }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    React.useEffect(() => () => keys$.destroy(), [keys$]);
-    return React.createElement(React.Fragment, null, container);
-};
-const ItemWrapper = ({ item$, opts, renderItem, }) => {
-    const item = useQuery(item$);
-    return React.createElement(React.Fragment, null, renderItem(item, opts));
-};
-const ItemWrapperBlock = million.block(ItemWrapper);
-//# sourceMappingURL=DiffableList%20copy.js.map

package/dist/react/components/DiffableList copy.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DiffableList copy.js","sourceRoot":"","sources":["../../../src/react/components/DiffableList copy.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,OAAO,MAAM,SAAS,CAAA;AAClC,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AAGtD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAoBzC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAS,EACnC,MAAM,EACN,eAAe,EACf,UAAU,EACV,MAAM,GACO,EAAmB,EAAE;IAClC,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAc,IAAI,CAAC,CAAA;IAC3C,MAAM,SAAS,GAAG,eAAe,CAAC,GAAG,CAAC,CAAA;IAEtC,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,KAAK,GAAG,QAAQ,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAA;IAOxD,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAU,EAAE,CAAC,CAAA;IAExC,mDAAmD;IACnD,+BAA+B;IAE/B,0CAA0C;IAC1C,yEAAyE;IACzE,iDAAiD;IACjD,mBAAmB;IACnB,2BAA2B;IAC3B,sDAAsD;IACtD,mHAAmH;IACnH,sCAAsC;IACtC,6BAA6B;IAC7B,QAAQ;IAER,kBAAkB;IAClB,OAAO;IACP,qCAAqC;IACrC,IAAI;IAEJ,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE;QACzB,IAAI,GAAG,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;YACzB,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAA;QACxC,CAAC;QAED,MAAM,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAA;QAExB,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,KAAK,CAAE,CAAC,CAAuB,CAAA;QAExG,iCAAiC;QACjC,mCAAmC;QACnC,yBAAyB;QACzB,eAAe;QACf,2DAA2D;QAC3D,oBAAoB;QACpB,UAAU;QACV,OAAO;QACP,IAAI;QAEJ,mCAAmC;QAEnC,2BAA2B;QAE3B,sDAAsD;QACtD,mDAAmD;QACnD,kCAAkC;QAClC,6EAA6E;QAC7E,sDAAsD;QACtD,yEAAyE;QACzE,IAAI;QACJ,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAErD,OAAO,0CAAG,SAAS,CAAI,CAAA;AACzB,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,CAAS,EAC3B,KAAK,EACL,IAAI,EACJ,UAAU,GAKX,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE5B,OAAO,0CAAG,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,CAAI,CAAA;AACtC,CAAC,CAAA;AAED,MAAM,gBAAgB,GAAG,OAAO,CAAC,KAAK,CAAC,WAAkB,CAAC,CAAA"}

package/dist/react/components/DiffableList.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import type { LiveQuery } from '../../reactiveQueries/base-class.js';
-export type Props<TItem> = {
-    items$: LiveQuery<ReadonlyArray<TItem>>;
-    renderItem: (item: TItem, opts: {
-        index: number;
-        isInitialListRender: boolean;
-    }) => React.ReactNode;
-    /** Needs to be unique across all list items */
-    getKey: (item: TItem, index: number) => string | number;
-};
-export declare const DiffableList: <TItem>({ items$, renderItem, getKey }: Props<TItem>) => React.ReactNode;
-//# sourceMappingURL=DiffableList.d.ts.map

package/dist/react/components/DiffableList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DiffableList.d.ts","sourceRoot":"","sources":["../../../src/react/components/DiffableList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAA;AASpE,MAAM,MAAM,KAAK,CAAC,KAAK,IAAI;IACzB,MAAM,EAAE,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;IAEvC,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,eAAO,MAAM,YAAY,0CAA4C,MAAM,KAAK,CAAC,KAAG,MAAM,SA6BzF,CAAA"}

package/dist/react/components/DiffableList.js

@@ -1,21 +0,0 @@
-import React from 'react';
-import { computed } from '../../reactiveQueries/js.js';
-import { useQuery } from '../useQuery.js';
-import { useTemporaryQuery } from '../useTemporaryQuery.js';
-export const DiffableList = ({ items$, renderItem, getKey }) => {
-    const [hasMounted, setHasMounted] = React.useState(false);
-    React.useEffect(() => setHasMounted(true), []);
-    const keysCb = React.useCallback(() => computed((get) => get(items$).map(getKey)), [getKey, items$]);
-    const keys = useTemporaryQuery(keysCb);
-    const arr = React.useMemo(() => keys.map((key) => [key, computed((get) => get(items$).find((item) => getKey(item, 0) === key))]), [getKey, items$, keys]);
-    return (React.createElement(React.Fragment, null, arr.map(([key, item$], index) => (React.createElement(ItemWrapperMemo, { key: key, itemKey: key, "item$": item$, opts: { isInitialListRender: !hasMounted, index }, renderItem: renderItem })))));
-};
-const ItemWrapper = ({ item$, opts, renderItem, }) => {
-    const item = useQuery(item$);
-    return React.createElement(React.Fragment, null, renderItem(item, opts));
-};
-const ItemWrapperMemo = React.memo(ItemWrapper, (prev, next) => prev.itemKey === next.itemKey &&
-    prev.renderItem === prev.renderItem &&
-    prev.opts.index === next.opts.index &&
-    prev.opts.isInitialListRender === next.opts.isInitialListRender);
-//# sourceMappingURL=DiffableList.js.map

package/dist/react/components/DiffableList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DiffableList.js","sourceRoot":"","sources":["../../../src/react/components/DiffableList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAc3D,MAAM,CAAC,MAAM,YAAY,GAAG,CAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAgB,EAAmB,EAAE;IACpG,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,MAAM,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;IACpG,MAAM,IAAI,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAA;IACtC,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CACvB,GAAG,EAAE,CACH,IAAI,CAAC,GAAG,CACN,CAAC,GAAG,EAAE,EAAE,CACN,CAAC,GAAG,EAAE,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,CAAqB,CAAU,CAC9G,EACH,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,CACvB,CAAA;IAED,OAAO,CACL,0CACG,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,oBAAC,eAAe,IACd,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,GAAG,WACL,KAAK,EACZ,IAAI,EAAE,EAAE,mBAAmB,EAAE,CAAC,UAAU,EAAE,KAAK,EAAE,EACjD,UAAU,EAAE,UAAU,GACtB,CACH,CAAC,CACD,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,0CAAG,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,CAAI,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"}

package/dist/react/components/DiffableList2.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import type { LiveQuery } from '../../reactiveQueries/base-class.js';
-export type Props<TItem> = {
-    items$: LiveQuery<ReadonlyArray<TItem>>;
-    /**
-     * @example
-     * ```tsx
-     * renderContainer={(children) => <ul>{children}</ul>}
-     * ```
-     */
-    renderContainer: (ref: React.LegacyRef<any>) => React.ReactNode;
-    renderItem: (item: TItem, opts: {
-        index: number;
-        isInitialListRender: boolean;
-    }) => React.ReactNode;
-    getKey: (item: TItem, index: number) => string | number;
-};
-export declare const DiffableList_: <TItem>({ items$, renderContainer, renderItem, getKey, }: Props<TItem>) => React.ReactNode;
-export declare const DiffableList2: <TItem>({ items$, renderContainer, renderItem, getKey, }: Props<TItem>) => React.ReactNode;
-//# sourceMappingURL=DiffableList2.d.ts.map

package/dist/react/components/DiffableList2.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DiffableList2.d.ts","sourceRoot":"","sources":["../../../src/react/components/DiffableList2.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAA;AAMpE,MAAM,MAAM,KAAK,CAAC,KAAK,IAAI;IACzB,MAAM,EAAE,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;IACvC;;;;;OAKG;IACH,eAAe,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IAE/D,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,MAAM,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAA;CACxD,CAAA;AAED,eAAO,MAAM,aAAa,4DAKvB,MAAM,KAAK,CAAC,KAAG,MAAM,SA4IvB,CAAA;AAED,eAAO,MAAM,aAAa,4DAKvB,MAAM,KAAK,CAAC,KAAG,MAAM,SAIvB,CAAA"}

package/dist/react/components/DiffableList2.js

@@ -1,119 +0,0 @@
-import { FI } from '@livestore/fractional-index';
-import { casesHandled } from '@livestore/utils';
-import React from 'react';
-import ReactDOM from 'react-dom/client';
-import { computed } from '../../reactiveQueries/js.js';
-import { LiveStoreContext, useStore } from '../LiveStoreContext.js';
-import { useQuery } from '../useQuery.js';
-export const DiffableList_ = ({ items$, renderContainer, renderItem, getKey, }) => {
-    const ref = React.useRef(null);
-    const container = renderContainer(ref);
-    const [hasMounted, setHasMounted] = React.useState(false);
-    React.useEffect(() => setHasMounted(true), []);
-    const keys$ = computed((get) => get(items$).map(getKey));
-    const elsRef = React.useRef([]);
-    // const ContextBridge = itsFine.useContextBridge()
-    const { store } = useStore();
-    const renderListEl = React.useCallback((parentEl, index, item$) => {
-        const root = ReactDOM.createRoot(parentEl);
-        root.render(
-        // <ContextBridge>
-        React.createElement(LiveStoreContext.Provider, { value: { store } },
-            React.createElement(ItemWrapper, { "item$": item$, renderItem: renderItem, opts: { index, isInitialListRender: !hasMounted } })));
-        return root;
-    }, [hasMounted, renderItem, store]);
-    React.useLayoutEffect(() => {
-        if (ref.current === null) {
-            throw new Error('ref.current is null');
-        }
-        const keys = keys$.run();
-        for (let index = 0; index < keys.length; index++) {
-            const parentEl = document.createElement('div');
-            ref.current.append(parentEl);
-            const item$ = computed((get) => get(items$)[index]);
-            const root = renderListEl(parentEl, index, item$);
-            elsRef.current.push({ el: parentEl, item$, root, id: keys[index] });
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    React.useEffect(() => () => keys$.destroy(), [keys$]);
-    React.useEffect(() => {
-        // const keys = keys$.run()
-        return keys$.subscribe((keys) => {
-            const prevKeys = elsRef.current.map((el) => el.id);
-            let arrayIsEqual = true;
-            for (let i = 0; i < keys.length; i++) {
-                if (keys[i] !== prevKeys[i]) {
-                    arrayIsEqual = false;
-                    break;
-                }
-            }
-            if (arrayIsEqual)
-                return;
-            const previousAgg = FI.aggregateMake(prevKeys, FI.fractionalIndexImplNumber);
-            const { newEvents } = FI.getNewEvents(previousAgg, keys, FI.fractionalIndexImplNumber);
-            console.log('newEvents', newEvents);
-            for (const event of newEvents) {
-                switch (event.op) {
-                    case 'remove': {
-                        const { index } = event;
-                        const el = elsRef.current[index];
-                        el.root.unmount();
-                        el.el.remove();
-                        el.item$.destroy();
-                        elsRef.current.splice(index, 1);
-                        break;
-                    }
-                    case 'add': {
-                        const { index } = event;
-                        const parentEl = document.createElement('div');
-                        ref.current.append(parentEl);
-                        const item$ = computed((get) => get(items$)[index]);
-                        const root = renderListEl(parentEl, index, item$);
-                        elsRef.current.splice(index, 0, { el: parentEl, item$, root, id: keys[index] });
-                        break;
-                    }
-                    case 'move': {
-                        // const { newIndex, previousIndex } = event
-                        // const el = elsRef.current[previousIndex]!
-                        // const item$ = el.item$
-                        // const root = el.root
-                        // const elEl = el.el
-                        // elsRef.current.splice(previousIndex, 1)
-                        // elsRef.current.splice(newIndex, 0, { el: elEl, item$, root })
-                        // ref.current!.insertBefore(elEl, elsRef.current[newIndex + 1]?.el)
-                        // // move dom element
-                        break;
-                    }
-                    default: {
-                        casesHandled(event);
-                    }
-                }
-            }
-        });
-        // for (let index = 0; index < keys.length; index++) {
-        //   if (prevKeys[index] === keys[index]) continue
-        // // check if `keys[index]` === `prevKeys[index + 1]`
-        // // which probably means that
-        // if (keys[index] === prevKeys[index + 1]) {
-        // 	// sp
-        // }
-        // prevKeys[index] = keys[index] as any
-        // }
-        // TODO in the future use a more efficient diffing algorithm that re-uses elements more optimally
-        // right now we're only looking one step ahead
-        // reconcile until `keys` and `prevKeys` are equal
-        // prevKeys = keys
-    }, [items$, keys$, renderListEl]);
-    return React.createElement(React.Fragment, null, container);
-};
-export const DiffableList2 = ({ items$, renderContainer, renderItem, getKey, }) => (
-// <itsFine.FiberProvider>
-React.createElement(DiffableList_, { "items$": items$, renderContainer: renderContainer, renderItem: renderItem, getKey: getKey })
-// </itsFine.FiberProvider>
-);
-const ItemWrapper = ({ item$, opts, renderItem, }) => {
-    const item = useQuery(item$);
-    return React.createElement(React.Fragment, null, renderItem(item, opts));
-};
-//# sourceMappingURL=DiffableList2.js.map

package/dist/react/components/DiffableList2.js.map

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

package/dist/react/components/DiffableList3.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import type { LiveQuery } from '../../reactiveQueries/base-class.js';
-export type Props<TItem> = {
-    items$: LiveQuery<ReadonlyArray<TItem>>;
-    /**
-     * @example
-     * ```tsx
-     * renderContainer={(children) => <ul>{children}</ul>}
-     * ```
-     */
-    renderContainer: (ref: React.LegacyRef<any>) => React.ReactNode;
-    renderItem: (item: TItem, opts: {
-        index: number;
-        isInitialListRender: boolean;
-    }) => React.ReactNode;
-    getKey: (item: TItem, index: number) => string | number;
-};
-export declare const DiffableList: <TItem>({ items$, renderContainer, renderItem, getKey, }: Props<TItem>) => React.ReactNode;
-//# sourceMappingURL=DiffableList3.d.ts.map

package/dist/react/components/DiffableList3.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DiffableList3.d.ts","sourceRoot":"","sources":["../../../src/react/components/DiffableList3.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAA;AAUpE,MAAM,MAAM,KAAK,CAAC,KAAK,IAAI;IACzB,MAAM,EAAE,SAAS,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAA;IACvC;;;;;OAKG;IACH,eAAe,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IAE/D,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,MAAM,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAA;CACxD,CAAA;AAED,eAAO,MAAM,YAAY,4DAKtB,MAAM,KAAK,CAAC,KAAG,MAAM,SAwEvB,CAAA"}