@livestore/react 0.4.0-dev.2 → 0.4.0-dev.20

package/src/__tests__/fixture.tsx

@@ -1,13 +1,14 @@
 import { makeInMemoryAdapter } from '@livestore/adapter-web'
-import { provideOtel, type UnexpectedError } from '@livestore/common'
+import { provideOtel, type UnknownError } from '@livestore/common'
 import { Events, makeSchema, State } from '@livestore/common/schema'
 import type { LiveStoreSchema, SqliteDsl, Store } from '@livestore/livestore'
 import { createStore } from '@livestore/livestore'
+import { omitUndefineds } from '@livestore/utils'
 import { Effect, Schema, type Scope } from '@livestore/utils/effect'
 import type * as otel from '@opentelemetry/api'
 import React from 'react'
 
-import * as LiveStoreReact from '../mod.js'
+import * as LiveStoreReact from '../mod.ts'
 
 export type Todo = {
   id: string
@@ -60,6 +61,12 @@ const AppRouterSchema = State.SQLite.clientDocument({
   },
 })
 
+const kv = State.SQLite.clientDocument({
+  name: 'Kv',
+  schema: Schema.Any,
+  default: { value: null },
+})
+
 export const events = {
   todoCreated: Events.synced({
     name: 'todoCreated',
@@ -75,44 +82,36 @@ export const events = {
   }),
   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({ completed, text }).where({ id }),
+  todoUpdated: ({ id, text, completed }) => todos.update({ ...omitUndefineds({ completed, text }) }).where({ id }),
 })
 
-export const tables = { todos, app, userInfo, AppRouterSchema }
+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,
-}?: {
-  otelTracer?: otel.Tracer
-  otelContext?: otel.Context
-  strictMode?: boolean
-}) => Effect.Effect<
+export type MakeTodoMvcReactOptions = {
+  otelTracer?: otel.Tracer | undefined
+  otelContext?: otel.Context | undefined
+  strictMode?: boolean | undefined
+}
+
+export const makeTodoMvcReact: (opts?: MakeTodoMvcReactOptions) => Effect.Effect<
   {
     wrapper: ({ children }: any) => React.JSX.Element
     store: Store<LiveStoreSchema<SqliteDsl.DbSchema, State.SQLite.EventDefRecord>, {}> & LiveStoreReact.ReactApi
     renderCount: { readonly val: number; inc: () => void }
   },
-  UnexpectedError,
+  UnknownError,
   Scope.Scope
-> = ({
-  otelTracer,
-  otelContext,
-  strictMode,
-}: {
-  otelTracer?: otel.Tracer
-  otelContext?: otel.Context
-  strictMode?: boolean
-} = {}) =>
+> = (opts: MakeTodoMvcReactOptions = {}) =>
   Effect.gen(function* () {
+    const { strictMode } = opts
     const makeRenderCount = () => {
       let val = 0
 
@@ -156,4 +155,4 @@ export const makeTodoMvcReact: ({
     const renderCount = makeRenderCount()
 
     return { wrapper, store: storeWithReactApi, renderCount }
-  }).pipe(provideOtel({ parentSpanContext: otelContext, otelTracer }))
+  }).pipe(provideOtel(omitUndefineds({ parentSpanContext: opts.otelContext, otelTracer: opts.otelTracer })))

package/src/experimental/components/LiveList.tsx

@@ -2,7 +2,7 @@ import type { LiveQueryDef } from '@livestore/livestore'
 import { computed } from '@livestore/livestore'
 import React from 'react'
 
-import { useQuery } from '../../useQuery.js'
+import { useQuery } from '../../useQuery.ts'
 
 /*
 TODO:

package/src/experimental/mod.ts

@@ -1 +1,2 @@
 export { LiveList, type LiveListProps } from './components/LiveList.tsx'
+export * from './multi-store/mod.ts'