@korajs/react 0.1.0

package/dist/index.cjs

@@ -0,0 +1,441 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  KoraProvider: () => KoraProvider,
+  useCollection: () => useCollection,
+  useMutation: () => useMutation,
+  useQuery: () => useQuery,
+  useRichText: () => useRichText,
+  useSyncStatus: () => useSyncStatus
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/context/kora-context.ts
+var import_react = require("react");
+var KoraContext = (0, import_react.createContext)(null);
+function KoraProvider({
+  app,
+  store,
+  syncEngine,
+  fallback,
+  children
+}) {
+  const [resolvedStore, setResolvedStore] = (0, import_react.useState)(
+    store ?? null
+  );
+  const [resolvedSync, setResolvedSync] = (0, import_react.useState)(
+    syncEngine ?? null
+  );
+  const [ready, setReady] = (0, import_react.useState)(!app);
+  (0, import_react.useEffect)(() => {
+    if (!app) return;
+    let cancelled = false;
+    app.ready.then(() => {
+      if (cancelled) return;
+      setResolvedStore(app.getStore());
+      setResolvedSync(app.getSyncEngine());
+      setReady(true);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [app]);
+  if (!ready) {
+    return fallback ?? null;
+  }
+  if (!resolvedStore) {
+    throw new Error(
+      'KoraProvider requires either an "app" or "store" prop. Pass a KoraApp from createApp() or a Store instance.'
+    );
+  }
+  const value = {
+    store: resolvedStore,
+    syncEngine: resolvedSync
+  };
+  return (0, import_react.createElement)(KoraContext.Provider, { value }, children);
+}
+function useKoraContext() {
+  const context = (0, import_react.useContext)(KoraContext);
+  if (context === null) {
+    throw new Error(
+      "useKoraContext must be used within a <KoraProvider>. Wrap your component tree with <KoraProvider store={store}>."
+    );
+  }
+  return context;
+}
+
+// src/hooks/use-query.ts
+var import_react2 = require("react");
+
+// src/query-store/query-store.ts
+var EMPTY_ARRAY = Object.freeze([]);
+var QueryStore = class {
+  snapshot = EMPTY_ARRAY;
+  listeners = /* @__PURE__ */ new Set();
+  unsubscribeQuery = null;
+  destroyed = false;
+  constructor(queryBuilder) {
+    this.unsubscribeQuery = queryBuilder.subscribe((results) => {
+      if (this.destroyed) return;
+      const newSnapshot = Object.freeze([...results]);
+      this.snapshot = newSnapshot;
+      this.notifyListeners();
+    });
+  }
+  /**
+   * Subscribe to snapshot changes. Compatible with useSyncExternalStore.
+   *
+   * @returns Unsubscribe function
+   */
+  subscribe = (onStoreChange) => {
+    this.listeners.add(onStoreChange);
+    return () => {
+      this.listeners.delete(onStoreChange);
+    };
+  };
+  /**
+   * Get the current snapshot synchronously. Compatible with useSyncExternalStore.
+   * Returns EMPTY_ARRAY before the first async fetch completes.
+   */
+  getSnapshot = () => {
+    return this.snapshot;
+  };
+  /**
+   * Clean up the underlying subscription and release resources.
+   */
+  destroy() {
+    this.destroyed = true;
+    if (this.unsubscribeQuery) {
+      this.unsubscribeQuery();
+      this.unsubscribeQuery = null;
+    }
+    this.listeners.clear();
+    this.snapshot = EMPTY_ARRAY;
+  }
+  notifyListeners() {
+    for (const listener of this.listeners) {
+      listener();
+    }
+  }
+};
+
+// src/hooks/use-query.ts
+var EMPTY_ARRAY2 = Object.freeze([]);
+var noopSubscribe = (_onStoreChange) => {
+  return () => {
+  };
+};
+function useQuery(query, options) {
+  const enabled = options?.enabled !== false;
+  const descriptorKey = JSON.stringify(query.getDescriptor());
+  const queryStoreRef = (0, import_react2.useRef)(null);
+  const prevKeyRef = (0, import_react2.useRef)(null);
+  const queryStore = (0, import_react2.useMemo)(() => {
+    if (!enabled) {
+      if (queryStoreRef.current) {
+        queryStoreRef.current.destroy();
+        queryStoreRef.current = null;
+      }
+      prevKeyRef.current = null;
+      return null;
+    }
+    if (prevKeyRef.current !== descriptorKey) {
+      if (queryStoreRef.current) {
+        queryStoreRef.current.destroy();
+      }
+      const newStore = new QueryStore(query);
+      queryStoreRef.current = newStore;
+      prevKeyRef.current = descriptorKey;
+      return newStore;
+    }
+    return queryStoreRef.current;
+  }, [descriptorKey, enabled, query]);
+  (0, import_react2.useEffect)(() => {
+    return () => {
+      if (queryStoreRef.current) {
+        queryStoreRef.current.destroy();
+        queryStoreRef.current = null;
+      }
+    };
+  }, []);
+  const disabledGetSnapshot = () => EMPTY_ARRAY2;
+  return (0, import_react2.useSyncExternalStore)(
+    queryStore ? queryStore.subscribe : noopSubscribe,
+    queryStore ? queryStore.getSnapshot : disabledGetSnapshot
+  );
+}
+
+// src/hooks/use-mutation.ts
+var import_react3 = require("react");
+function useMutation(mutationFn) {
+  const [state, setState] = (0, import_react3.useState)({
+    isLoading: false,
+    error: null
+  });
+  const mountedRef = (0, import_react3.useRef)(true);
+  (0, import_react3.useEffect)(() => {
+    mountedRef.current = true;
+    return () => {
+      mountedRef.current = false;
+    };
+  }, []);
+  const fnRef = (0, import_react3.useRef)(mutationFn);
+  fnRef.current = mutationFn;
+  const mutateAsync = (0, import_react3.useCallback)(async (...args) => {
+    if (mountedRef.current) {
+      setState({ isLoading: true, error: null });
+    }
+    try {
+      const result = await fnRef.current(...args);
+      if (mountedRef.current) {
+        setState({ isLoading: false, error: null });
+      }
+      return result;
+    } catch (err) {
+      const error = err instanceof Error ? err : new Error(String(err));
+      if (mountedRef.current) {
+        setState({ isLoading: false, error });
+      }
+      throw error;
+    }
+  }, []);
+  const mutate = (0, import_react3.useCallback)(
+    (...args) => {
+      mutateAsync(...args).catch(() => {
+      });
+    },
+    [mutateAsync]
+  );
+  const reset = (0, import_react3.useCallback)(() => {
+    if (mountedRef.current) {
+      setState({ isLoading: false, error: null });
+    }
+  }, []);
+  return {
+    mutate,
+    mutateAsync,
+    isLoading: state.isLoading,
+    error: state.error,
+    reset
+  };
+}
+
+// src/hooks/use-sync-status.ts
+var import_react4 = require("react");
+var POLL_INTERVAL_MS = 500;
+var OFFLINE_STATUS = Object.freeze({
+  status: "offline",
+  pendingOperations: 0,
+  lastSyncedAt: null
+});
+function useSyncStatus() {
+  const { syncEngine } = useKoraContext();
+  const snapshotRef = (0, import_react4.useRef)(OFFLINE_STATUS);
+  const serializedRef = (0, import_react4.useRef)(JSON.stringify(OFFLINE_STATUS));
+  const subscribe = (0, import_react4.useCallback)(
+    (onStoreChange) => {
+      if (!syncEngine) return () => {
+      };
+      const intervalId = setInterval(() => {
+        const newStatus = syncEngine.getStatus();
+        const newSerialized = JSON.stringify(newStatus);
+        if (newSerialized !== serializedRef.current) {
+          snapshotRef.current = newStatus;
+          serializedRef.current = newSerialized;
+          onStoreChange();
+        }
+      }, POLL_INTERVAL_MS);
+      const initialStatus = syncEngine.getStatus();
+      const initialSerialized = JSON.stringify(initialStatus);
+      if (initialSerialized !== serializedRef.current) {
+        snapshotRef.current = initialStatus;
+        serializedRef.current = initialSerialized;
+        onStoreChange();
+      }
+      return () => {
+        clearInterval(intervalId);
+      };
+    },
+    [syncEngine]
+  );
+  const getSnapshot = (0, import_react4.useCallback)(() => {
+    return snapshotRef.current;
+  }, []);
+  (0, import_react4.useEffect)(() => {
+    if (!syncEngine) {
+      snapshotRef.current = OFFLINE_STATUS;
+      serializedRef.current = JSON.stringify(OFFLINE_STATUS);
+    }
+  }, [syncEngine]);
+  return (0, import_react4.useSyncExternalStore)(subscribe, getSnapshot);
+}
+
+// src/hooks/use-collection.ts
+var import_react5 = require("react");
+function useCollection(name) {
+  const { store } = useKoraContext();
+  return (0, import_react5.useMemo)(() => {
+    return store.collection(name);
+  }, [store, name]);
+}
+
+// src/hooks/use-rich-text.ts
+var import_react6 = require("react");
+var Y = __toESM(require("yjs"), 1);
+var LOAD_ORIGIN = "kora-load";
+var TEXT_KEY = "content";
+var COMPACT_AFTER_DELTAS = 20;
+function useRichText(collectionName, recordId, fieldName) {
+  const { store } = useKoraContext();
+  const collection = (0, import_react6.useMemo)(() => store.collection(collectionName), [store, collectionName]);
+  const [doc] = (0, import_react6.useState)(() => new Y.Doc());
+  const [ready, setReady] = (0, import_react6.useState)(false);
+  const [error, setError] = (0, import_react6.useState)(null);
+  const [canUndo, setCanUndo] = (0, import_react6.useState)(false);
+  const [canRedo, setCanRedo] = (0, import_react6.useState)(false);
+  const baseUpdateRef = (0, import_react6.useRef)(null);
+  const pendingDeltasRef = (0, import_react6.useRef)([]);
+  const text = (0, import_react6.useMemo)(() => doc.getText(TEXT_KEY), [doc]);
+  const undoManager = (0, import_react6.useMemo)(() => new Y.UndoManager(text), [text]);
+  const syncHistoryState = (0, import_react6.useCallback)(() => {
+    setCanUndo(undoManager.undoStack.length > 0);
+    setCanRedo(undoManager.redoStack.length > 0);
+  }, [undoManager]);
+  const undo = (0, import_react6.useCallback)(() => {
+    undoManager.undo();
+    syncHistoryState();
+  }, [syncHistoryState, undoManager]);
+  const redo = (0, import_react6.useCallback)(() => {
+    undoManager.redo();
+    syncHistoryState();
+  }, [syncHistoryState, undoManager]);
+  (0, import_react6.useEffect)(() => {
+    let disposed = false;
+    const initialize = async () => {
+      setReady(false);
+      setError(null);
+      try {
+        const record = await collection.findById(recordId);
+        if (disposed) return;
+        doc.transact(() => {
+          const target = doc.getText(TEXT_KEY);
+          target.delete(0, target.length);
+        }, LOAD_ORIGIN);
+        const encoded = encodeRichtextInput(record?.[fieldName]);
+        baseUpdateRef.current = encoded;
+        pendingDeltasRef.current = [];
+        if (encoded) {
+          Y.applyUpdate(doc, encoded, LOAD_ORIGIN);
+        }
+        setReady(true);
+      } catch (cause) {
+        if (disposed) return;
+        setError(cause instanceof Error ? cause : new Error(String(cause)));
+      }
+    };
+    const persist = async (_update, origin) => {
+      syncHistoryState();
+      if (origin === LOAD_ORIGIN) {
+        return;
+      }
+      pendingDeltasRef.current.push(_update);
+      const snapshot = composeRichtextSnapshot(baseUpdateRef.current, pendingDeltasRef.current);
+      if (pendingDeltasRef.current.length >= COMPACT_AFTER_DELTAS) {
+        baseUpdateRef.current = snapshot;
+        pendingDeltasRef.current = [];
+      }
+      try {
+        await collection.update(recordId, {
+          [fieldName]: snapshot
+        });
+      } catch (cause) {
+        if (!disposed) {
+          setError(cause instanceof Error ? cause : new Error(String(cause)));
+        }
+      }
+    };
+    doc.on("update", persist);
+    void initialize();
+    syncHistoryState();
+    return () => {
+      disposed = true;
+      doc.off("update", persist);
+      undoManager.destroy();
+      baseUpdateRef.current = null;
+      pendingDeltasRef.current = [];
+    };
+  }, [collection, doc, fieldName, recordId, syncHistoryState, undoManager]);
+  return { doc, text, undo, redo, canUndo, canRedo, ready, error };
+}
+function encodeRichtextInput(value) {
+  if (value === null || value === void 0) {
+    return null;
+  }
+  if (typeof value === "string") {
+    const doc = new Y.Doc();
+    doc.getText(TEXT_KEY).insert(0, value);
+    return Y.encodeStateAsUpdate(doc);
+  }
+  if (value instanceof Uint8Array) {
+    return value;
+  }
+  if (value instanceof ArrayBuffer) {
+    return new Uint8Array(value);
+  }
+  if (typeof globalThis !== "undefined" && "Buffer" in globalThis) {
+    const BufferCtor = globalThis.Buffer;
+    if (BufferCtor.isBuffer(value)) {
+      return new Uint8Array(value.buffer, value.byteOffset, value.byteLength);
+    }
+  }
+  throw new Error("Richtext record value must be a string, Uint8Array, ArrayBuffer, or null.");
+}
+function composeRichtextSnapshot(base, deltas) {
+  const doc = new Y.Doc();
+  if (base) {
+    Y.applyUpdate(doc, base);
+  }
+  for (const delta of deltas) {
+    Y.applyUpdate(doc, delta);
+  }
+  return Y.encodeStateAsUpdate(doc);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  KoraProvider,
+  useCollection,
+  useMutation,
+  useQuery,
+  useRichText,
+  useSyncStatus
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/context/kora-context.ts","../src/hooks/use-query.ts","../src/query-store/query-store.ts","../src/hooks/use-mutation.ts","../src/hooks/use-sync-status.ts","../src/hooks/use-collection.ts","../src/hooks/use-rich-text.ts"],"sourcesContent":["// @korajs/react — public API\n// Every export here is a public API commitment. Be explicit.\n\n// === Types ===\nexport type {\n\tKoraAppLike,\n\tKoraContextValue,\n\tKoraProviderProps,\n\tUseQueryOptions,\n\tUseMutationResult,\n\tUseRichTextResult,\n} from './types'\n\n// === Context ===\nexport { KoraProvider } from './context/kora-context'\n\n// === Hooks ===\nexport { useQuery } from './hooks/use-query'\nexport { useMutation } from './hooks/use-mutation'\nexport { useSyncStatus } from './hooks/use-sync-status'\nexport { useCollection } from './hooks/use-collection'\nexport { useRichText } from './hooks/use-rich-text'\n","import type { Store } from '@korajs/store'\nimport type { SyncEngine } from '@korajs/sync'\nimport { createContext, createElement, useContext, useEffect, useState } from 'react'\nimport type { ReactNode } from 'react'\nimport type { KoraContextValue, KoraProviderProps } from '../types'\n\nconst KoraContext = createContext<KoraContextValue | null>(null)\n\n/**\n * Provides Kora store and optional sync engine to all child components.\n * Must wrap any component that uses Kora hooks (useQuery, useMutation, etc.).\n *\n * Accepts either an `app` prop (recommended) or explicit `store` + `syncEngine` props.\n *\n * When using the `app` prop, KoraProvider waits for `app.ready` before rendering\n * children. A `fallback` prop can be provided to show content while initializing.\n *\n * @example\n * ```typescript\n * // Recommended: pass the app object directly\n * const app = createApp({ schema })\n * <KoraProvider app={app}><App /></KoraProvider>\n *\n * // Advanced: pass store and syncEngine explicitly\n * <KoraProvider store={store} syncEngine={syncEngine}><App /></KoraProvider>\n * ```\n */\nfunction KoraProvider({\n\tapp,\n\tstore,\n\tsyncEngine,\n\tfallback,\n\tchildren,\n}: KoraProviderProps): ReactNode {\n\tconst [resolvedStore, setResolvedStore] = useState<Store | null>(\n\t\tstore ?? null,\n\t)\n\tconst [resolvedSync, setResolvedSync] = useState<SyncEngine | null>(\n\t\tsyncEngine ?? null,\n\t)\n\t// If no app prop, we're using the store prop and are ready immediately\n\tconst [ready, setReady] = useState(!app)\n\n\tuseEffect(() => {\n\t\tif (!app) return\n\t\tlet cancelled = false\n\t\tapp.ready.then(() => {\n\t\t\tif (cancelled) return\n\t\t\tsetResolvedStore(app.getStore())\n\t\t\tsetResolvedSync(app.getSyncEngine())\n\t\t\tsetReady(true)\n\t\t})\n\t\treturn () => {\n\t\t\tcancelled = true\n\t\t}\n\t}, [app])\n\n\tif (!ready) {\n\t\treturn (fallback ?? null) as ReactNode\n\t}\n\n\tif (!resolvedStore) {\n\t\tthrow new Error(\n\t\t\t'KoraProvider requires either an \"app\" or \"store\" prop. ' +\n\t\t\t\t'Pass a KoraApp from createApp() or a Store instance.',\n\t\t)\n\t}\n\n\tconst value: KoraContextValue = {\n\t\tstore: resolvedStore,\n\t\tsyncEngine: resolvedSync,\n\t}\n\treturn createElement(KoraContext.Provider, { value }, children)\n}\n\n/**\n * Internal hook to access the Kora context.\n * Throws if used outside of a KoraProvider.\n */\nfunction useKoraContext(): KoraContextValue {\n\tconst context = useContext(KoraContext)\n\tif (context === null) {\n\t\tthrow new Error(\n\t\t\t'useKoraContext must be used within a <KoraProvider>. ' +\n\t\t\t\t'Wrap your component tree with <KoraProvider store={store}>.',\n\t\t)\n\t}\n\treturn context\n}\n\nexport { KoraProvider, useKoraContext }\n","import type { CollectionRecord, QueryBuilder } from '@korajs/store'\nimport { useEffect, useMemo, useRef, useSyncExternalStore } from 'react'\nimport { QueryStore } from '../query-store/query-store'\nimport type { UseQueryOptions } from '../types'\n\n/**\n * Frozen empty array returned when the query is disabled or before data loads.\n * Same reference prevents unnecessary re-renders.\n */\nconst EMPTY_ARRAY: readonly unknown[] = Object.freeze([])\n\nconst noopSubscribe = (_onStoreChange: () => void): (() => void) => {\n\treturn () => {}\n}\n\n/**\n * React hook for reactive queries against the local Kora store.\n *\n * Returns data synchronously from the local store — no loading spinners needed.\n * Re-renders automatically when the query results change due to mutations.\n * Uses `useSyncExternalStore` for React 18+ concurrent mode safety.\n *\n * The generic parameter `T` is inferred from the QueryBuilder, providing\n * full type safety when used with typed collection accessors.\n *\n * @param query - A QueryBuilder instance (e.g., `app.todos.where({ done: false })`)\n * @param options - Optional configuration (e.g., `{ enabled: false }` to skip the query)\n * @returns Readonly array of matching records\n *\n * @example\n * ```typescript\n * const todos = useQuery(app.todos.where({ completed: false }).orderBy('createdAt'))\n * // todos is typed as readonly InferRecord<typeof todoFields>[]\n * ```\n */\nexport function useQuery<T = CollectionRecord>(\n\tquery: QueryBuilder<T>,\n\toptions?: UseQueryOptions,\n): readonly T[] {\n\tconst enabled = options?.enabled !== false\n\n\t// Compute a stable key from the query descriptor\n\tconst descriptorKey = JSON.stringify(query.getDescriptor())\n\n\t// Track the current QueryStore instance\n\tconst queryStoreRef = useRef<QueryStore<T> | null>(null)\n\tconst prevKeyRef = useRef<string | null>(null)\n\n\t// Create or reuse a QueryStore when the descriptor changes\n\tconst queryStore = useMemo(() => {\n\t\tif (!enabled) {\n\t\t\t// Destroy previous if it exists\n\t\t\tif (queryStoreRef.current) {\n\t\t\t\tqueryStoreRef.current.destroy()\n\t\t\t\tqueryStoreRef.current = null\n\t\t\t}\n\t\t\tprevKeyRef.current = null\n\t\t\treturn null\n\t\t}\n\n\t\t// If descriptor changed, destroy previous and create new\n\t\tif (prevKeyRef.current !== descriptorKey) {\n\t\t\tif (queryStoreRef.current) {\n\t\t\t\tqueryStoreRef.current.destroy()\n\t\t\t}\n\t\t\tconst newStore = new QueryStore<T>(query)\n\t\t\tqueryStoreRef.current = newStore\n\t\t\tprevKeyRef.current = descriptorKey\n\t\t\treturn newStore\n\t\t}\n\n\t\treturn queryStoreRef.current\n\t}, [descriptorKey, enabled, query])\n\n\t// Clean up on unmount\n\tuseEffect(() => {\n\t\treturn () => {\n\t\t\tif (queryStoreRef.current) {\n\t\t\t\tqueryStoreRef.current.destroy()\n\t\t\t\tqueryStoreRef.current = null\n\t\t\t}\n\t\t}\n\t}, [])\n\n\tconst disabledGetSnapshot = (): readonly T[] => EMPTY_ARRAY as readonly T[]\n\n\treturn useSyncExternalStore(\n\t\tqueryStore ? queryStore.subscribe : noopSubscribe,\n\t\tqueryStore ? queryStore.getSnapshot : disabledGetSnapshot,\n\t)\n}\n","import type { CollectionRecord, QueryBuilder } from '@korajs/store'\n\n/**\n * Frozen empty array returned as the initial snapshot before any data loads.\n * Same reference every time prevents infinite re-render loops with useSyncExternalStore.\n */\nconst EMPTY_ARRAY: readonly unknown[] = Object.freeze([])\n\n/**\n * Bridges the async QueryBuilder.subscribe() API with the synchronous\n * getSnapshot() required by React's useSyncExternalStore.\n *\n * Starts the underlying subscription eagerly on construction, so that\n * the snapshot is populated by the time useSyncExternalStore reads it.\n *\n * Generic parameter `T` defaults to `CollectionRecord` for backward compatibility.\n */\nexport class QueryStore<T = CollectionRecord> {\n\tprivate snapshot: readonly T[] = EMPTY_ARRAY as readonly T[]\n\tprivate listeners = new Set<() => void>()\n\tprivate unsubscribeQuery: (() => void) | null = null\n\tprivate destroyed = false\n\n\tconstructor(queryBuilder: QueryBuilder<T>) {\n\t\t// Start subscription eagerly so snapshot is populated before first getSnapshot() call\n\t\tthis.unsubscribeQuery = queryBuilder.subscribe((results) => {\n\t\t\tif (this.destroyed) return\n\n\t\t\tconst newSnapshot = Object.freeze([...results])\n\t\t\tthis.snapshot = newSnapshot\n\t\t\tthis.notifyListeners()\n\t\t})\n\t}\n\n\t/**\n\t * Subscribe to snapshot changes. Compatible with useSyncExternalStore.\n\t *\n\t * @returns Unsubscribe function\n\t */\n\tsubscribe = (onStoreChange: () => void): (() => void) => {\n\t\tthis.listeners.add(onStoreChange)\n\n\t\treturn () => {\n\t\t\tthis.listeners.delete(onStoreChange)\n\t\t}\n\t}\n\n\t/**\n\t * Get the current snapshot synchronously. Compatible with useSyncExternalStore.\n\t * Returns EMPTY_ARRAY before the first async fetch completes.\n\t */\n\tgetSnapshot = (): readonly T[] => {\n\t\treturn this.snapshot\n\t}\n\n\t/**\n\t * Clean up the underlying subscription and release resources.\n\t */\n\tdestroy(): void {\n\t\tthis.destroyed = true\n\t\tif (this.unsubscribeQuery) {\n\t\t\tthis.unsubscribeQuery()\n\t\t\tthis.unsubscribeQuery = null\n\t\t}\n\t\tthis.listeners.clear()\n\t\tthis.snapshot = EMPTY_ARRAY as readonly T[]\n\t}\n\n\tprivate notifyListeners(): void {\n\t\tfor (const listener of this.listeners) {\n\t\t\tlistener()\n\t\t}\n\t}\n}\n","import { useCallback, useEffect, useRef, useState } from 'react'\nimport type { UseMutationResult } from '../types'\n\n/**\n * React hook for performing mutations against the local Kora store.\n *\n * Returns `mutate` for fire-and-forget usage (optimistic) and `mutateAsync`\n * for when you need to await the result. Tracks loading and error state.\n *\n * @param mutationFn - An async function to execute (e.g., `app.todos.insert`)\n * @returns Object with mutate, mutateAsync, isLoading, error, and reset\n *\n * @example\n * ```typescript\n * const { mutate } = useMutation(app.todos.insert)\n * mutate({ title: 'New todo' }) // fire-and-forget\n * ```\n */\nexport function useMutation<TData, TArgs extends unknown[]>(\n\tmutationFn: (...args: TArgs) => Promise<TData>,\n): UseMutationResult<TData, TArgs> {\n\tconst [state, setState] = useState<{ isLoading: boolean; error: Error | null }>({\n\t\tisLoading: false,\n\t\terror: null,\n\t})\n\n\t// Track mounted state to avoid state updates after unmount\n\tconst mountedRef = useRef(true)\n\tuseEffect(() => {\n\t\tmountedRef.current = true\n\t\treturn () => {\n\t\t\tmountedRef.current = false\n\t\t}\n\t}, [])\n\n\t// Keep latest mutation function in a ref to avoid stale closures\n\tconst fnRef = useRef(mutationFn)\n\tfnRef.current = mutationFn\n\n\tconst mutateAsync = useCallback(async (...args: TArgs): Promise<TData> => {\n\t\tif (mountedRef.current) {\n\t\t\tsetState({ isLoading: true, error: null })\n\t\t}\n\t\ttry {\n\t\t\tconst result = await fnRef.current(...args)\n\t\t\tif (mountedRef.current) {\n\t\t\t\tsetState({ isLoading: false, error: null })\n\t\t\t}\n\t\t\treturn result\n\t\t} catch (err) {\n\t\t\tconst error = err instanceof Error ? err : new Error(String(err))\n\t\t\tif (mountedRef.current) {\n\t\t\t\tsetState({ isLoading: false, error })\n\t\t\t}\n\t\t\tthrow error\n\t\t}\n\t}, [])\n\n\tconst mutate = useCallback(\n\t\t(...args: TArgs): void => {\n\t\t\tmutateAsync(...args).catch(() => {\n\t\t\t\t// Fire-and-forget: error is captured in state, no unhandled rejection\n\t\t\t})\n\t\t},\n\t\t[mutateAsync],\n\t)\n\n\tconst reset = useCallback((): void => {\n\t\tif (mountedRef.current) {\n\t\t\tsetState({ isLoading: false, error: null })\n\t\t}\n\t}, [])\n\n\treturn {\n\t\tmutate,\n\t\tmutateAsync,\n\t\tisLoading: state.isLoading,\n\t\terror: state.error,\n\t\treset,\n\t}\n}\n","import type { SyncStatusInfo } from '@korajs/sync'\nimport { useCallback, useEffect, useRef, useSyncExternalStore } from 'react'\nimport { useKoraContext } from '../context/kora-context'\n\nconst POLL_INTERVAL_MS = 500\n\n/** Default status returned when no sync engine is configured */\nconst OFFLINE_STATUS: SyncStatusInfo = Object.freeze({\n\tstatus: 'offline',\n\tpendingOperations: 0,\n\tlastSyncedAt: null,\n})\n\n/**\n * React hook for monitoring the sync engine's connection status.\n *\n * Polls the SyncEngine at ~500ms intervals and re-renders only when\n * the status actually changes. Returns a default offline status when\n * no sync engine is configured.\n *\n * @returns Current sync status information\n *\n * @example\n * ```typescript\n * const status = useSyncStatus()\n * // status.status: 'connected' | 'syncing' | 'synced' | 'offline' | 'error'\n * // status.pendingOperations: number\n * // status.lastSyncedAt: number | null\n * ```\n */\nexport function useSyncStatus(): SyncStatusInfo {\n\tconst { syncEngine } = useKoraContext()\n\n\t// Cache the latest status snapshot for stable references\n\tconst snapshotRef = useRef<SyncStatusInfo>(OFFLINE_STATUS)\n\tconst serializedRef = useRef<string>(JSON.stringify(OFFLINE_STATUS))\n\n\tconst subscribe = useCallback(\n\t\t(onStoreChange: () => void): (() => void) => {\n\t\t\tif (!syncEngine) return () => {}\n\n\t\t\t// Poll the sync engine status at regular intervals\n\t\t\tconst intervalId = setInterval(() => {\n\t\t\t\tconst newStatus = syncEngine.getStatus()\n\t\t\t\tconst newSerialized = JSON.stringify(newStatus)\n\n\t\t\t\t// Only notify React if status actually changed\n\t\t\t\tif (newSerialized !== serializedRef.current) {\n\t\t\t\t\tsnapshotRef.current = newStatus\n\t\t\t\t\tserializedRef.current = newSerialized\n\t\t\t\t\tonStoreChange()\n\t\t\t\t}\n\t\t\t}, POLL_INTERVAL_MS)\n\n\t\t\t// Do an immediate check\n\t\t\tconst initialStatus = syncEngine.getStatus()\n\t\t\tconst initialSerialized = JSON.stringify(initialStatus)\n\t\t\tif (initialSerialized !== serializedRef.current) {\n\t\t\t\tsnapshotRef.current = initialStatus\n\t\t\t\tserializedRef.current = initialSerialized\n\t\t\t\tonStoreChange()\n\t\t\t}\n\n\t\t\treturn () => {\n\t\t\t\tclearInterval(intervalId)\n\t\t\t}\n\t\t},\n\t\t[syncEngine],\n\t)\n\n\tconst getSnapshot = useCallback((): SyncStatusInfo => {\n\t\treturn snapshotRef.current\n\t}, [])\n\n\t// Reset snapshot when syncEngine changes\n\tuseEffect(() => {\n\t\tif (!syncEngine) {\n\t\t\tsnapshotRef.current = OFFLINE_STATUS\n\t\t\tserializedRef.current = JSON.stringify(OFFLINE_STATUS)\n\t\t}\n\t}, [syncEngine])\n\n\treturn useSyncExternalStore(subscribe, getSnapshot)\n}\n","import type { CollectionAccessor } from '@korajs/store'\nimport { useMemo } from 'react'\nimport { useKoraContext } from '../context/kora-context'\n\n/**\n * React hook that returns a CollectionAccessor for the given collection name.\n * Convenience hook for accessing a collection without going through the store directly.\n *\n * @param name - The collection name (must match a collection in the schema)\n * @returns CollectionAccessor with insert, findById, update, delete, and where methods\n *\n * @example\n * ```typescript\n * const todos = useCollection('todos')\n * await todos.insert({ title: 'New todo' })\n * ```\n */\nexport function useCollection(name: string): CollectionAccessor {\n\tconst { store } = useKoraContext()\n\n\treturn useMemo(() => {\n\t\treturn store.collection(name)\n\t}, [store, name])\n}\n","import type { CollectionAccessor } from '@korajs/store'\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport * as Y from 'yjs'\nimport { useKoraContext } from '../context/kora-context'\nimport type { UseRichTextResult } from '../types'\n\nconst LOAD_ORIGIN = 'kora-load'\nconst TEXT_KEY = 'content'\nconst COMPACT_AFTER_DELTAS = 20\n\n/**\n * Binds a richtext field to a shared Yjs document for editor integration.\n */\nexport function useRichText(\n\tcollectionName: string,\n\trecordId: string,\n\tfieldName: string,\n): UseRichTextResult {\n\tconst { store } = useKoraContext()\n\tconst collection = useMemo<CollectionAccessor>(() => store.collection(collectionName), [store, collectionName])\n\tconst [doc] = useState(() => new Y.Doc())\n\tconst [ready, setReady] = useState(false)\n\tconst [error, setError] = useState<Error | null>(null)\n\tconst [canUndo, setCanUndo] = useState(false)\n\tconst [canRedo, setCanRedo] = useState(false)\n\tconst baseUpdateRef = useRef<Uint8Array | null>(null)\n\tconst pendingDeltasRef = useRef<Uint8Array[]>([])\n\n\tconst text = useMemo(() => doc.getText(TEXT_KEY), [doc])\n\tconst undoManager = useMemo(() => new Y.UndoManager(text), [text])\n\n\tconst syncHistoryState = useCallback(() => {\n\t\tsetCanUndo(undoManager.undoStack.length > 0)\n\t\tsetCanRedo(undoManager.redoStack.length > 0)\n\t}, [undoManager])\n\n\tconst undo = useCallback(() => {\n\t\tundoManager.undo()\n\t\tsyncHistoryState()\n\t}, [syncHistoryState, undoManager])\n\n\tconst redo = useCallback(() => {\n\t\tundoManager.redo()\n\t\tsyncHistoryState()\n\t}, [syncHistoryState, undoManager])\n\n\tuseEffect(() => {\n\t\tlet disposed = false\n\n\t\tconst initialize = async (): Promise<void> => {\n\t\t\tsetReady(false)\n\t\t\tsetError(null)\n\n\t\t\ttry {\n\t\t\t\tconst record = await collection.findById(recordId)\n\t\t\t\tif (disposed) return\n\n\t\t\t\tdoc.transact(() => {\n\t\t\t\t\tconst target = doc.getText(TEXT_KEY)\n\t\t\t\t\ttarget.delete(0, target.length)\n\t\t\t\t}, LOAD_ORIGIN)\n\n\t\t\t\tconst encoded = encodeRichtextInput(record?.[fieldName])\n\t\t\t\tbaseUpdateRef.current = encoded\n\t\t\t\tpendingDeltasRef.current = []\n\t\t\t\tif (encoded) {\n\t\t\t\t\tY.applyUpdate(doc, encoded, LOAD_ORIGIN)\n\t\t\t\t}\n\n\t\t\t\tsetReady(true)\n\t\t\t} catch (cause) {\n\t\t\t\tif (disposed) return\n\t\t\t\tsetError(cause instanceof Error ? cause : new Error(String(cause)))\n\t\t\t}\n\t\t}\n\n\t\tconst persist = async (_update: Uint8Array, origin: unknown): Promise<void> => {\n\t\t\tsyncHistoryState()\n\t\t\tif (origin === LOAD_ORIGIN) {\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\tpendingDeltasRef.current.push(_update)\n\t\t\tconst snapshot = composeRichtextSnapshot(baseUpdateRef.current, pendingDeltasRef.current)\n\n\t\t\tif (pendingDeltasRef.current.length >= COMPACT_AFTER_DELTAS) {\n\t\t\t\tbaseUpdateRef.current = snapshot\n\t\t\t\tpendingDeltasRef.current = []\n\t\t\t}\n\n\t\t\ttry {\n\t\t\t\tawait collection.update(recordId, {\n\t\t\t\t\t[fieldName]: snapshot,\n\t\t\t\t})\n\t\t\t} catch (cause) {\n\t\t\t\tif (!disposed) {\n\t\t\t\t\tsetError(cause instanceof Error ? cause : new Error(String(cause)))\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tdoc.on('update', persist)\n\t\tvoid initialize()\n\n\t\tsyncHistoryState()\n\n\t\treturn () => {\n\t\t\tdisposed = true\n\t\t\tdoc.off('update', persist)\n\t\t\tundoManager.destroy()\n\t\t\tbaseUpdateRef.current = null\n\t\t\tpendingDeltasRef.current = []\n\t\t}\n\t}, [collection, doc, fieldName, recordId, syncHistoryState, undoManager])\n\n\treturn { doc, text, undo, redo, canUndo, canRedo, ready, error }\n}\n\nfunction encodeRichtextInput(value: unknown): Uint8Array | null {\n\tif (value === null || value === undefined) {\n\t\treturn null\n\t}\n\n\tif (typeof value === 'string') {\n\t\tconst doc = new Y.Doc()\n\t\tdoc.getText(TEXT_KEY).insert(0, value)\n\t\treturn Y.encodeStateAsUpdate(doc)\n\t}\n\n\tif (value instanceof Uint8Array) {\n\t\treturn value\n\t}\n\n\tif (value instanceof ArrayBuffer) {\n\t\treturn new Uint8Array(value)\n\t}\n\n\t// Handle Node.js Buffer without requiring @types/node\n\tif (typeof globalThis !== 'undefined' && 'Buffer' in globalThis) {\n\t\tconst BufferCtor = (globalThis as Record<string, unknown>).Buffer as { isBuffer(v: unknown): v is { buffer: ArrayBuffer; byteOffset: number; byteLength: number } }\n\t\tif (BufferCtor.isBuffer(value)) {\n\t\t\treturn new Uint8Array(value.buffer, value.byteOffset, value.byteLength)\n\t\t}\n\t}\n\n\tthrow new Error('Richtext record value must be a string, Uint8Array, ArrayBuffer, or null.')\n}\n\nfunction composeRichtextSnapshot(base: Uint8Array | null, deltas: Uint8Array[]): Uint8Array {\n\tconst doc = new Y.Doc()\n\tif (base) {\n\t\tY.applyUpdate(doc, base)\n\t}\n\n\tfor (const delta of deltas) {\n\t\tY.applyUpdate(doc, delta)\n\t}\n\n\treturn Y.encodeStateAsUpdate(doc)\n}\n"],"mappings":"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","names":["import_react","EMPTY_ARRAY","import_react","import_react","import_react","import_react"]}

package/dist/index.d.cts

@@ -0,0 +1,188 @@
+import { Store, CollectionRecord, QueryBuilder, CollectionAccessor } from '@korajs/store';
+import { SyncEngine, SyncStatusInfo } from '@korajs/sync';
+import { ReactNode } from 'react';
+import * as Y from 'yjs';
+
+/**
+ * A Kora application instance returned by createApp().
+ * Defined here to avoid a hard dependency on the kora meta-package.
+ */
+interface KoraAppLike {
+    /** Resolves when the store is open and collections are ready. */
+    ready: Promise<void>;
+    /** Get the underlying Store instance. */
+    getStore(): Store;
+    /** Get the underlying SyncEngine instance. Null if sync not configured. */
+    getSyncEngine(): SyncEngine | null;
+}
+/**
+ * Value provided by KoraProvider via React context.
+ */
+interface KoraContextValue {
+    /** The local Kora store instance */
+    store: Store;
+    /** Optional sync engine for remote synchronization */
+    syncEngine: SyncEngine | null;
+}
+/**
+ * Props for the KoraProvider component.
+ *
+ * Accepts either an `app` instance (recommended, from createApp()) or
+ * explicit `store` + `syncEngine` props (advanced use case).
+ */
+interface KoraProviderProps {
+    /** A KoraApp instance from createApp(). Extracts store and syncEngine automatically. */
+    app?: KoraAppLike;
+    /** The local Kora store instance (alternative to app prop). */
+    store?: Store;
+    /** Optional sync engine for remote synchronization (used with store prop). */
+    syncEngine?: SyncEngine | null;
+    /** Fallback content to render while app.ready is resolving. Defaults to null. */
+    fallback?: ReactNode;
+    /** Child components */
+    children?: ReactNode;
+}
+/**
+ * Options for the useQuery hook.
+ */
+interface UseQueryOptions {
+    /** Set to false to disable the subscription (query won't execute). Defaults to true. */
+    enabled?: boolean;
+}
+/**
+ * Result from the useMutation hook.
+ */
+interface UseMutationResult<TData, TArgs extends unknown[]> {
+    /** Fire-and-forget mutation. Catches errors silently (sets error state). */
+    mutate: (...args: TArgs) => void;
+    /** Promise-returning mutation. Throws on error. */
+    mutateAsync: (...args: TArgs) => Promise<TData>;
+    /** Whether a mutation is currently in progress */
+    isLoading: boolean;
+    /** The last error that occurred, or null */
+    error: Error | null;
+    /** Reset isLoading and error state */
+    reset: () => void;
+}
+/**
+ * Result from the useRichText hook.
+ */
+interface UseRichTextResult {
+    /** Shared Yjs document backing this field. */
+    doc: Y.Doc;
+    /** Y.Text instance to bind to editor integrations. */
+    text: Y.Text;
+    /** Undo local changes made to this richtext field. */
+    undo: () => void;
+    /** Redo previously undone local changes. */
+    redo: () => void;
+    /** True when undo can be applied. */
+    canUndo: boolean;
+    /** True when redo can be applied. */
+    canRedo: boolean;
+    /** True once the record field has been loaded into the Y.Doc. */
+    ready: boolean;
+    /** Last hook error (load/persist), if any. */
+    error: Error | null;
+}
+
+/**
+ * Provides Kora store and optional sync engine to all child components.
+ * Must wrap any component that uses Kora hooks (useQuery, useMutation, etc.).
+ *
+ * Accepts either an `app` prop (recommended) or explicit `store` + `syncEngine` props.
+ *
+ * When using the `app` prop, KoraProvider waits for `app.ready` before rendering
+ * children. A `fallback` prop can be provided to show content while initializing.
+ *
+ * @example
+ * ```typescript
+ * // Recommended: pass the app object directly
+ * const app = createApp({ schema })
+ * <KoraProvider app={app}><App /></KoraProvider>
+ *
+ * // Advanced: pass store and syncEngine explicitly
+ * <KoraProvider store={store} syncEngine={syncEngine}><App /></KoraProvider>
+ * ```
+ */
+declare function KoraProvider({ app, store, syncEngine, fallback, children, }: KoraProviderProps): ReactNode;
+
+/**
+ * React hook for reactive queries against the local Kora store.
+ *
+ * Returns data synchronously from the local store — no loading spinners needed.
+ * Re-renders automatically when the query results change due to mutations.
+ * Uses `useSyncExternalStore` for React 18+ concurrent mode safety.
+ *
+ * The generic parameter `T` is inferred from the QueryBuilder, providing
+ * full type safety when used with typed collection accessors.
+ *
+ * @param query - A QueryBuilder instance (e.g., `app.todos.where({ done: false })`)
+ * @param options - Optional configuration (e.g., `{ enabled: false }` to skip the query)
+ * @returns Readonly array of matching records
+ *
+ * @example
+ * ```typescript
+ * const todos = useQuery(app.todos.where({ completed: false }).orderBy('createdAt'))
+ * // todos is typed as readonly InferRecord<typeof todoFields>[]
+ * ```
+ */
+declare function useQuery<T = CollectionRecord>(query: QueryBuilder<T>, options?: UseQueryOptions): readonly T[];
+
+/**
+ * React hook for performing mutations against the local Kora store.
+ *
+ * Returns `mutate` for fire-and-forget usage (optimistic) and `mutateAsync`
+ * for when you need to await the result. Tracks loading and error state.
+ *
+ * @param mutationFn - An async function to execute (e.g., `app.todos.insert`)
+ * @returns Object with mutate, mutateAsync, isLoading, error, and reset
+ *
+ * @example
+ * ```typescript
+ * const { mutate } = useMutation(app.todos.insert)
+ * mutate({ title: 'New todo' }) // fire-and-forget
+ * ```
+ */
+declare function useMutation<TData, TArgs extends unknown[]>(mutationFn: (...args: TArgs) => Promise<TData>): UseMutationResult<TData, TArgs>;
+
+/**
+ * React hook for monitoring the sync engine's connection status.
+ *
+ * Polls the SyncEngine at ~500ms intervals and re-renders only when
+ * the status actually changes. Returns a default offline status when
+ * no sync engine is configured.
+ *
+ * @returns Current sync status information
+ *
+ * @example
+ * ```typescript
+ * const status = useSyncStatus()
+ * // status.status: 'connected' | 'syncing' | 'synced' | 'offline' | 'error'
+ * // status.pendingOperations: number
+ * // status.lastSyncedAt: number | null
+ * ```
+ */
+declare function useSyncStatus(): SyncStatusInfo;
+
+/**
+ * React hook that returns a CollectionAccessor for the given collection name.
+ * Convenience hook for accessing a collection without going through the store directly.
+ *
+ * @param name - The collection name (must match a collection in the schema)
+ * @returns CollectionAccessor with insert, findById, update, delete, and where methods
+ *
+ * @example
+ * ```typescript
+ * const todos = useCollection('todos')
+ * await todos.insert({ title: 'New todo' })
+ * ```
+ */
+declare function useCollection(name: string): CollectionAccessor;
+
+/**
+ * Binds a richtext field to a shared Yjs document for editor integration.
+ */
+declare function useRichText(collectionName: string, recordId: string, fieldName: string): UseRichTextResult;
+
+export { type KoraAppLike, type KoraContextValue, KoraProvider, type KoraProviderProps, type UseMutationResult, type UseQueryOptions, type UseRichTextResult, useCollection, useMutation, useQuery, useRichText, useSyncStatus };