@livestore/livestore 0.0.13 → 0.0.14

package/dist/backends/web-worker/worker.js

@@ -1,139 +0,0 @@
-// Web Worker file for running SQLite in a web worker.
-// TODO: create types for these libraries? SQL.js already should have types;
-// we just need the types to apply to the fork.
-import { shouldNeverHappen } from '@livestore/utils';
-import * as Comlink from 'comlink';
-import sqlite3InitModule from 'sqlite-esm';
-import { casesHandled, sql } from '../../util.js';
-import { IDB } from '../utils/idb.js';
-// A global variable to hold the database connection.
-// let db: SqliteWasm.Database
-let db;
-let sqlite3;
-// TODO get rid of this in favour of a "proper" IDB SQLite backend
-let idb;
-/** The location where this database backend persists its data */
-let persistentDatabaseLocation_;
-const configureConnection = () => db.exec(sql `
-    PRAGMA page_size=8192;
-    PRAGMA journal_mode=MEMORY;
-    PRAGMA foreign_keys='ON'; -- we want foreign key constraints to be enforced
-  `);
-/** A full virtual filename in the IDB FS */
-const fullyQualifiedFilename = (name) => `${name}.db`;
-const initialize = async ({ persistentDatabaseLocation }) => {
-    persistentDatabaseLocation_ = persistentDatabaseLocation;
-    sqlite3 = await sqlite3InitModule({
-        print: (message) => console.log(`[sql-client] ${message}`),
-        printErr: (message) => console.error(`[sql-client] ${message}`),
-    });
-    switch (persistentDatabaseLocation.type) {
-        case 'opfs': {
-            try {
-                db = new sqlite3.oo1.OpfsDb(fullyQualifiedFilename(persistentDatabaseLocation.virtualFilename)); // , 'c'
-            }
-            catch (e) {
-                debugger;
-            }
-            break;
-        }
-        case 'indexeddb': {
-            try {
-                db = new sqlite3.oo1.DB({ filename: ':memory:', flags: 'c' });
-                idb = new IDB(persistentDatabaseLocation.virtualFilename);
-                const bytes = await idb.get('db');
-                if (bytes !== undefined) {
-                    // Based on https://sqlite.org/forum/forumpost/2119230da8ac5357a13b731f462dc76e08621a4a29724f7906d5f35bb8508465
-                    // TODO find cleaner way to do this once possible in sqlite3-wasm
-                    const p = sqlite3.wasm.allocFromTypedArray(bytes);
-                    const _rc = sqlite3.capi.sqlite3_deserialize(db.pointer, 'main', p, bytes.length, bytes.length, 0);
-                }
-            }
-            catch (e) {
-                debugger;
-            }
-            break;
-        }
-        case 'filesystem': {
-            throw new Error('Persisting to native FS is not supported in the web worker backend');
-        }
-        case 'volatile-in-memory': {
-            break;
-        }
-        default: {
-            casesHandled(persistentDatabaseLocation);
-        }
-    }
-    configureConnection();
-};
-// TODO get rid of this in favour of a "proper" IDB SQLite backend
-let idbPersistTimeout;
-const executeBulk = (executionItems) => {
-    let batchItems = [];
-    while (executionItems.length > 0) {
-        try {
-            db.exec('BEGIN TRANSACTION'); // Start the transaction
-            batchItems = executionItems.splice(0, 50);
-            for (const { query, bindValues } of batchItems) {
-                db.exec({
-                    sql: query,
-                    bind: bindValues,
-                    returnValue: 'resultRows',
-                    rowMode: 'object',
-                });
-            }
-            db.exec('COMMIT'); // Commit the transaction
-        }
-        catch (error) {
-            try {
-                db.exec('ROLLBACK'); // Rollback in case of an error
-            }
-            catch (e) {
-                console.error('Error rolling back transaction', e);
-            }
-            shouldNeverHappen(`Error executing query: ${error} \n ${JSON.stringify(batchItems)}`);
-        }
-    }
-    // TODO get rid of this in favour of a "proper" IDB SQLite backend
-    if (persistentDatabaseLocation_.type === 'indexeddb') {
-        if (idbPersistTimeout !== undefined) {
-            clearTimeout(idbPersistTimeout);
-        }
-        idbPersistTimeout = setTimeout(() => {
-            const data = sqlite3.capi.sqlite3_js_db_export(db.pointer);
-            void idb.put('db', data);
-        }, 1000);
-    }
-};
-const select = (query, bindValues) => {
-    const resultRows = [];
-    db.exec({
-        sql: query,
-        bind: bindValues,
-        rowMode: 'object',
-        resultRows,
-    });
-    return { results: resultRows };
-};
-const getPersistedData = async () => {
-    // TODO get rid of this in favour of a "proper" IDB SQLite backend
-    if (persistentDatabaseLocation_.type === 'indexeddb') {
-        const data = sqlite3.capi.sqlite3_js_db_export(db.pointer);
-        return Comlink.transfer(data, [data.buffer]);
-    }
-    const rootHandle = await navigator.storage.getDirectory();
-    const fileHandle = await rootHandle.getFileHandle(db.filename);
-    const file = await fileHandle.getFile();
-    const buffer = await file.arrayBuffer();
-    const data = new Uint8Array(buffer);
-    return Comlink.transfer(data, [data.buffer]);
-};
-const wrappedWorker = { initialize, executeBulk, select, getPersistedData };
-Comlink.expose(wrappedWorker);
-// NOTE keep this around for debugging
-// db.exec({
-//   sql: `select * from sqlite_master where name = 'library_tracks'`,
-//   callback: (_: TODO) => console.log(_),
-//   rowMode: 'object',
-// } as TODO)
-//# sourceMappingURL=worker.js.map

package/dist/backends/web-worker/worker.js.map

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

package/dist/storage/base.d.ts

@@ -1,10 +0,0 @@
-import type * as otel from '@opentelemetry/api';
-import type { ParamsObject } from '../util.js';
-import type { SelectResponse, Storage } from './index.js';
-export declare abstract class BaseStorage implements Storage {
-    abstract otelTracer: otel.Tracer;
-    select: <T = any>(query: string, bindValues?: ParamsObject) => Promise<SelectResponse<T>>;
-    execute: (query: string, bindValues?: ParamsObject, parentSpan?: otel.Span) => void;
-    getPersistedData: (parentSpan?: otel.Span) => Promise<Uint8Array>;
-}
-//# sourceMappingURL=base.d.ts.map

package/dist/storage/base.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../src/storage/base.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,IAAI,MAAM,oBAAoB,CAAA;AAK/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAEzD,8BAAsB,WAAY,YAAW,OAAO;IAClD,QAAQ,CAAC,UAAU,EAAE,IAAI,CAAC,MAAM,CAAA;IAEhC,MAAM,mBAA0B,MAAM,eAAe,YAAY,gCAEhE;IAED,OAAO,UAAW,MAAM,eAAe,YAAY,eAAe,KAAK,IAAI,KAAG,IAAI,CAEjF;IAED,gBAAgB,gBAAuB,KAAK,IAAI,KAAG,QAAQ,UAAU,CAAC,CAErE;CACF"}

package/dist/storage/base.js

@@ -1,14 +0,0 @@
-export class BaseStorage {
-    constructor() {
-        this.select = async (query, bindValues) => {
-            throw new Error('Method not implemented.');
-        };
-        this.execute = (query, bindValues, parentSpan) => {
-            throw new Error('Method not implemented.');
-        };
-        this.getPersistedData = async (parentSpan) => {
-            throw new Error('Method not implemented.');
-        };
-    }
-}
-//# sourceMappingURL=base.js.map

package/dist/storage/base.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"base.js","sourceRoot":"","sources":["../../src/storage/base.ts"],"names":[],"mappings":"AAWA,MAAM,OAAgB,WAAW;IAAjC;QAGE,WAAM,GAAG,KAAK,EAAW,KAAa,EAAE,UAAyB,EAA8B,EAAE;YAC/F,MAAM,IAAI,KAAK,CAAC,yBAAyB,CAAC,CAAA;QAC5C,CAAC,CAAA;QAED,YAAO,GAAG,CAAC,KAAa,EAAE,UAAyB,EAAE,UAAsB,EAAQ,EAAE;YACnF,MAAM,IAAI,KAAK,CAAC,yBAAyB,CAAC,CAAA;QAC5C,CAAC,CAAA;QAED,qBAAgB,GAAG,KAAK,EAAE,UAAsB,EAAuB,EAAE;YACvE,MAAM,IAAI,KAAK,CAAC,yBAAyB,CAAC,CAAA;QAC5C,CAAC,CAAA;IACH,CAAC;CAAA"}

package/src/react/useGlobalQuery.ts

@@ -1,37 +0,0 @@
-import { useEffect, useState } from 'react'
-
-import { labelForKey } from '../componentKey.js'
-import type { LiveStoreQuery, QueryResult } from '../store.js'
-
-export const useGlobalQuery = <Q extends LiveStoreQuery>(query: Q): QueryResult<Q> => {
-  // We know the query has a result by the time we use it; so we can synchronously populate a default state
-  const [value, setValue] = useState<QueryResult<Q>>(query.results$.result)
-
-  // Subscribe to future updates for this query
-  useEffect(() => {
-    return query.store.otel.tracer.startActiveSpan(
-      `LiveStore:useGlobalQuery:${labelForKey(query.componentKey)}:${query.label}`,
-      {},
-      query.store.otel.queriesSpanContext,
-      (span) => {
-        const cancel = query.store.subscribe(
-          query,
-          (v) => {
-            // NOTE: we return a reference to the result object within LiveStore;
-            // this implies that app code must not mutate the results, or else
-            // there may be weird reactivity bugs.
-            return setValue(v)
-          },
-          undefined,
-          { label: query.label },
-        )
-        return () => {
-          cancel()
-          span.end()
-        }
-      },
-    )
-  }, [query])
-
-  return value
-}

package/src/react/useGraphQL.ts

@@ -1,112 +0,0 @@
-import type { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core'
-import * as otel from '@opentelemetry/api'
-import { isEqual } from 'lodash-es'
-import React from 'react'
-
-import { labelForKey } from '../componentKey.js'
-import { useStore } from './LiveStoreContext.js'
-import { type ComponentKeyConfig, useComponentKey } from './useLiveStoreComponent.js'
-import { useStateRefWithReactiveInput } from './utils/useStateRefWithReactiveInput.js'
-
-export type UseLiveStoreComponentProps<TResult extends Record<string, any>, TVariables extends Record<string, any>> = {
-  query: DocumentNode<TResult, TVariables>
-  variables: TVariables
-  componentKey: ComponentKeyConfig
-  reactDeps?: React.DependencyList
-}
-
-/**
- * This is needed because the `React.useMemo` call below, can sometimes be called multiple times 🤷,
- * so we need to "cache" the fact that we've already started a span for this component.
- * The map entry is being removed again in the `React.useEffect` call below.
- */
-const spanAlreadyStartedCache = new Map<string, { span: otel.Span; otelContext: otel.Context }>()
-
-// TODO 1) figure out a way to make `variables` optional if the query doesn't have any variables (probably requires positional args)
-// TODO 2) allow `.pipe` on the resulting query (possibly as a separate optional prop)
-export const useGraphQL = <TResult extends Record<string, any>, TVariables extends Record<string, any> = {}>({
-  query,
-  variables,
-  componentKey: componentKeyConfig,
-  reactDeps = [],
-}: UseLiveStoreComponentProps<TResult, TVariables>): Readonly<TResult> => {
-  const componentKey = useComponentKey(componentKeyConfig, reactDeps)
-  const { store } = useStore()
-
-  const componentKeyLabel = React.useMemo(() => labelForKey(componentKey), [componentKey])
-
-  // The following `React.useMemo` and `React.useEffect` calls are used to start and end a span for the lifetime of this component.
-  const { span, otelContext } = React.useMemo(() => {
-    const existingSpan = spanAlreadyStartedCache.get(componentKeyLabel)
-    if (existingSpan !== undefined) return existingSpan
-
-    const span = store.otel.tracer.startSpan(
-      `LiveStore:useGraphQL:${componentKeyLabel}`,
-      {},
-      store.otel.queriesSpanContext,
-    )
-
-    const otelContext = otel.trace.setSpan(otel.context.active(), span)
-
-    spanAlreadyStartedCache.set(componentKeyLabel, { span, otelContext })
-
-    return { span, otelContext }
-  }, [componentKeyLabel, store.otel.queriesSpanContext, store.otel.tracer])
-
-  React.useEffect(
-    () => () => {
-      spanAlreadyStartedCache.delete(componentKeyLabel)
-      span.end()
-    },
-    [componentKeyLabel, span],
-  )
-
-  const makeLiveStoreQuery = React.useCallback(
-    () => store.queryGraphQL(query, () => variables ?? ({} as TVariables), { componentKey, otelContext }),
-    // NOTE: we don't include the queries function passed in by the user here;
-    // the reason is that we don't want to force them to memoize that function.
-    // Instead, we just assume that the function always has the same contents.
-    // This makes sense for LiveStore because the component config should be static.
-    // TODO: document this and consider whether it's the right API surface.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [componentKey, store],
-  )
-
-  // TODO get rid of the temporary query workaround
-  const initialQueryResults = React.useMemo(
-    () => store.inTempQueryContext(() => makeLiveStoreQuery().results$.result),
-    [makeLiveStoreQuery, store],
-  )
-
-  const [queryResultsRef, setQueryResults_] = useStateRefWithReactiveInput<TResult>(initialQueryResults)
-
-  React.useEffect(() => {
-    const liveStoreQuery = makeLiveStoreQuery()
-    const unsubscribe = store.subscribe(
-      liveStoreQuery,
-      (results) => {
-        if (isEqual(results, queryResultsRef.current) === false) {
-          setQueryResults_(results)
-        }
-      },
-      undefined,
-      { label: `useGraphQL:query:subscribe:${liveStoreQuery.label}` },
-    )
-
-    return () => {
-      unsubscribe()
-    }
-    // NOTE `setQueryResults_` from the deps array as it seems to cause an infinite loop
-    // This should probably be improved
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [
-    makeLiveStoreQuery,
-    // setQueryResults_,
-    store,
-  ])
-
-  // Very important: remove any queries / other resources associated w/ this component
-  React.useEffect(() => () => store.unmountComponent(componentKey), [store, componentKey])
-
-  return queryResultsRef.current
-}