@evolu/react 9.0.1-preview.4 → 9.0.1-preview.6

package/README.md

@@ -13,5 +13,3 @@ The Evolu community is on [GitHub Discussions](https://github.com/evoluhq/evolu/
 To chat with other community members, you can join the [Evolu Discord](https://discord.gg/2J8yyyyxtZ).
 
 [![Twitter URL](https://img.shields.io/twitter/url/https/twitter.com/evoluhq.svg?style=social&label=Follow%20%40evoluhq)](https://twitter.com/evoluhq)
-
-TODO: remove this line

package/dist/index.d.ts

@@ -1,11 +1,11 @@
 export * from "./createUseEvolu.js";
 export * from "./EvoluContext.js";
 export * from "./EvoluProvider.js";
-export * from "./useAppOwner.js";
 export * from "./useEvolu.js";
 export * from "./useEvoluError.js";
+export * from "./useOwner.js";
 export * from "./useQueries.js";
 export * from "./useQuery.js";
 export * from "./useQuerySubscription.js";
-export * from "./useSyncState.js";
+export * from "./useIsSsr.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,2BAA2B,CAAC;AAE1C,cAAc,eAAe,CAAC"}

package/dist/index.js

@@ -1,10 +1,11 @@
 export * from "./createUseEvolu.js";
 export * from "./EvoluContext.js";
 export * from "./EvoluProvider.js";
-export * from "./useAppOwner.js";
 export * from "./useEvolu.js";
 export * from "./useEvoluError.js";
+export * from "./useOwner.js";
 export * from "./useQueries.js";
 export * from "./useQuery.js";
 export * from "./useQuerySubscription.js";
-export * from "./useSyncState.js";
+// export * from "./useSyncState.js"; TODO: Update it for the owner-api
+export * from "./useIsSsr.js";

package/dist/useIsSsr.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Avoiding hydration mismatches.
+ *
+ * @see https://kurtextrem.de/posts/react-uses-hydration
+ */
+export declare const useIsSsr: () => boolean;
+//# sourceMappingURL=useIsSsr.d.ts.map

package/dist/useIsSsr.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsSsr.d.ts","sourceRoot":"","sources":["../src/useIsSsr.ts"],"names":[],"mappings":"AAMA;;;;GAIG;AACH,eAAO,MAAM,QAAQ,QAAO,OAG3B,CAAC"}

package/dist/useIsSsr.js

@@ -0,0 +1,13 @@
+import { constFalse, constTrue } from "@evolu/common";
+import { useSyncExternalStore } from "react";
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+const emptySubscribe = () => () => { };
+/**
+ * Avoiding hydration mismatches.
+ *
+ * @see https://kurtextrem.de/posts/react-uses-hydration
+ */
+export const useIsSsr = () => {
+    // TODO: Consider useDeferredValue(isSSRSync);
+    return useSyncExternalStore(emptySubscribe, constFalse, constTrue);
+};

package/dist/useOwner.d.ts

@@ -0,0 +1,22 @@
+import { SyncOwner } from "@evolu/common";
+/**
+ * React Hook for managing sync owner subscriptions.
+ *
+ * When the component mounts, it registers the owner for syncing. When the
+ * component unmounts or the owner changes, it automatically unregisters.
+ *
+ * ### Example
+ *
+ * ```tsx
+ * import { useOwner } from "@evolu/react";
+ *
+ * function MyComponent({ shardOwner }: { shardOwner: SyncOwner | null }) {
+ *   useOwner(shardOwner);
+ *
+ *   // Component will sync with shardOwner while mounted
+ *   return <div>Syncing with shard...</div>;
+ * }
+ * ```
+ */
+export declare const useOwner: (owner: SyncOwner | null) => void;
+//# sourceMappingURL=useOwner.d.ts.map

package/dist/useOwner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOwner.d.ts","sourceRoot":"","sources":["../src/useOwner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI1C;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,QAAQ,GAAI,OAAO,SAAS,GAAG,IAAI,KAAG,IAOlD,CAAC"}

package/dist/useOwner.js

@@ -0,0 +1,29 @@
+import { useEffect } from "react";
+import { useEvolu } from "./useEvolu.js";
+/**
+ * React Hook for managing sync owner subscriptions.
+ *
+ * When the component mounts, it registers the owner for syncing. When the
+ * component unmounts or the owner changes, it automatically unregisters.
+ *
+ * ### Example
+ *
+ * ```tsx
+ * import { useOwner } from "@evolu/react";
+ *
+ * function MyComponent({ shardOwner }: { shardOwner: SyncOwner | null }) {
+ *   useOwner(shardOwner);
+ *
+ *   // Component will sync with shardOwner while mounted
+ *   return <div>Syncing with shard...</div>;
+ * }
+ * ```
+ */
+export const useOwner = (owner) => {
+    const evolu = useEvolu();
+    useEffect(() => {
+        if (owner == null)
+            return;
+        return evolu.useOwner(owner);
+    }, [evolu, owner]);
+};

package/dist/useQueries.d.ts

@@ -1,5 +1,9 @@
 import { Queries, QueriesToQueryRows, QueriesToQueryRowsPromises, Row } from "@evolu/common/evolu";
-/** The same as {@link useQuery}, but for many queries. */
+/**
+ * The same as {@link useQuery}, but for many queries.
+ *
+ * The number of queries must remain stable across renders.
+ */
 export declare const useQueries: <R extends Row, Q extends Queries<R>, OQ extends Queries<R>>(queries: [...Q], options?: Partial<{
     /** Queries that should be only loaded, not subscribed to. */
     readonly once: [...OQ];

package/dist/useQueries.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useQueries.d.ts","sourceRoot":"","sources":["../src/useQueries.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,kBAAkB,EAClB,0BAA0B,EAC1B,GAAG,EACJ,MAAM,qBAAqB,CAAC;AAO7B,0DAA0D;AAC1D,eAAO,MAAM,UAAU,GACrB,CAAC,SAAS,GAAG,EACb,CAAC,SAAS,OAAO,CAAC,CAAC,CAAC,EACpB,EAAE,SAAS,OAAO,CAAC,CAAC,CAAC,EAErB,SAAS,CAAC,GAAG,CAAC,CAAC,EACf,UAAS,OAAO,CAAC;IACf,6DAA6D;IAC7D,QAAQ,CAAC,IAAI,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC;IAEvB,6EAA6E;IAC7E,QAAQ,CAAC,QAAQ,EAAE,CACjB,GAAG,0BAA0B,CAAC,CAAC,CAAC,EAChC,GAAG,0BAA0B,CAAC,EAAE,CAAC,CAClC,CAAC;CACH,CAAM,KACN,CAAC,GAAG,kBAAkB,CAAC,CAAC,CAAC,EAAE,GAAG,kBAAkB,CAAC,EAAE,CAAC,CAgBtD,CAAC"}
+{"version":3,"file":"useQueries.d.ts","sourceRoot":"","sources":["../src/useQueries.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,kBAAkB,EAClB,0BAA0B,EAC1B,GAAG,EACJ,MAAM,qBAAqB,CAAC;AAO7B;;;;GAIG;AACH,eAAO,MAAM,UAAU,GACrB,CAAC,SAAS,GAAG,EACb,CAAC,SAAS,OAAO,CAAC,CAAC,CAAC,EACpB,EAAE,SAAS,OAAO,CAAC,CAAC,CAAC,EAErB,SAAS,CAAC,GAAG,CAAC,CAAC,EACf,UAAS,OAAO,CAAC;IACf,6DAA6D;IAC7D,QAAQ,CAAC,IAAI,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC;IAEvB,6EAA6E;IAC7E,QAAQ,CAAC,QAAQ,EAAE,CACjB,GAAG,0BAA0B,CAAC,CAAC,CAAC,EAChC,GAAG,0BAA0B,CAAC,EAAE,CAAC,CAClC,CAAC;CACH,CAAM,KACN,CAAC,GAAG,kBAAkB,CAAC,CAAC,CAAC,EAAE,GAAG,kBAAkB,CAAC,EAAE,CAAC,CAkBtD,CAAC"}

package/dist/useQueries.js

@@ -1,25 +1,31 @@
 import { use, useRef } from "react";
 import { useEvolu } from "./useEvolu.js";
 import { useQuerySubscription } from "./useQuerySubscription.js";
-import { useWasSSR } from "./useWasSSR.js";
-/** The same as {@link useQuery}, but for many queries. */
+import { useIsSsr } from "./useIsSsr.js";
+/**
+ * The same as {@link useQuery}, but for many queries.
+ *
+ * The number of queries must remain stable across renders.
+ */
 export const useQueries = (queries, options = {}) => {
     const evolu = useEvolu();
     const once = useRef(options).current.once;
     const allQueries = once ? queries.concat(once) : queries;
-    const wasSSR = useWasSSR();
+    const wasSSR = useIsSsr();
     if (wasSSR) {
-        // eslint-disable-next-line @typescript-eslint/no-floating-promises
         if (!options.promises)
-            evolu.loadQueries(allQueries);
+            void evolu.loadQueries(allQueries);
     }
     else {
         if (options.promises)
             options.promises.map(use);
+        // No waterfall: loadQuery batches all queries in the same microtask,
+        // so React suspends once and all promises resolve together.
         else
             evolu.loadQueries(allQueries).map(use);
     }
     return allQueries.map((query, i) => 
+    // Safe until the number of queries is stable.
     // eslint-disable-next-line react-hooks/rules-of-hooks
     useQuerySubscription(query, { once: i > queries.length - 1 }));
 };

package/dist/useQuery.d.ts

@@ -7,6 +7,10 @@ import { Query, QueryRows, Row } from "@evolu/common/evolu";
  * {@link useQuery} blocks rendering until loading is completed. To avoid loading
  * waterfall with more queries, use {@link useQueries}.
  *
+ * The `promise` option allows preloading queries before rendering, which can be
+ * useful for complex queries that might take noticeable time even with local
+ * data. However, this is rarely needed as local queries are typically fast.
+ *
  * ### Example
  *
  * ```ts
@@ -19,12 +23,8 @@ import { Query, QueryRows, Row } from "@evolu/common/evolu";
  * // Get all rows, but without subscribing to changes.
  * const rows = useQuery(allTodos, { once: true });
  *
- * // Prefetch rows.
- * const allTodos = evolu.createQuery((db) =>
- *   db.selectFrom("todo").selectAll(),
- * );
+ * // Preload a query (rarely needed).
  * const allTodosPromise = evolu.loadQuery(allTodos);
- * // Use prefetched rows.
  * const rows = useQuery(allTodos, { promise: allTodosPromise });
  * ```
  */

package/dist/useQuery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useQuery.d.ts","sourceRoot":"","sources":["../src/useQuery.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAO5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,GAAG,EACpC,OAAO,KAAK,CAAC,CAAC,CAAC,EACf,UAAS,OAAO,CAAC;IACf,sCAAsC;IACtC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IAEvB,4EAA4E;IAC5E,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;CACzC,CAAM,KACN,SAAS,CAAC,CAAC,CASb,CAAC"}
+{"version":3,"file":"useQuery.d.ts","sourceRoot":"","sources":["../src/useQuery.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAO5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,GAAG,EACpC,OAAO,KAAK,CAAC,CAAC,CAAC,EACf,UAAS,OAAO,CAAC;IACf,sCAAsC;IACtC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IAEvB,4EAA4E;IAC5E,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;CACzC,CAAM,KACN,SAAS,CAAC,CAAC,CAWb,CAAC"}

package/dist/useQuery.js

@@ -1,7 +1,7 @@
 import { use } from "react";
 import { useEvolu } from "./useEvolu.js";
 import { useQuerySubscription } from "./useQuerySubscription.js";
-import { useWasSSR } from "./useWasSSR.js";
+import { useIsSsr } from "./useIsSsr.js";
 /**
  * Load and subscribe to the Query, and return an object with `rows` and `row`
  * properties that are automatically updated when data changes.
@@ -10,6 +10,10 @@ import { useWasSSR } from "./useWasSSR.js";
  * {@link useQuery} blocks rendering until loading is completed. To avoid loading
  * waterfall with more queries, use {@link useQueries}.
  *
+ * The `promise` option allows preloading queries before rendering, which can be
+ * useful for complex queries that might take noticeable time even with local
+ * data. However, this is rarely needed as local queries are typically fast.
+ *
  * ### Example
  *
  * ```ts
@@ -22,19 +26,15 @@ import { useWasSSR } from "./useWasSSR.js";
  * // Get all rows, but without subscribing to changes.
  * const rows = useQuery(allTodos, { once: true });
  *
- * // Prefetch rows.
- * const allTodos = evolu.createQuery((db) =>
- *   db.selectFrom("todo").selectAll(),
- * );
+ * // Preload a query (rarely needed).
  * const allTodosPromise = evolu.loadQuery(allTodos);
- * // Use prefetched rows.
  * const rows = useQuery(allTodos, { promise: allTodosPromise });
  * ```
  */
 export const useQuery = (query, options = {}) => {
     const evolu = useEvolu();
-    const wasSSR = useWasSSR();
-    if (wasSSR) {
+    const isSSR = useIsSsr();
+    if (isSSR) {
         if (!options.promise)
             void evolu.loadQuery(query);
     }

package/dist/useSyncState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSyncState.d.ts","sourceRoot":"","sources":["../src/useSyncState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAoB,MAAM,qBAAqB,CAAC;AAIlE,8CAA8C;AAC9C,eAAO,MAAM,YAAY,QAAO,SAO/B,CAAC"}
+{"version":3,"file":"useSyncState.d.ts","sourceRoot":"","sources":["../src/useSyncState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGhD,8CAA8C;AAC9C,eAAO,MAAM,YAAY,QAAO,SAQ/B,CAAC"}

package/dist/useSyncState.js

@@ -1,8 +1,11 @@
-import { initialSyncState } from "@evolu/common/evolu";
-import { useSyncExternalStore } from "react";
 import { useEvolu } from "./useEvolu.js";
 /** Subscribe to {@link SyncState} changes. */
 export const useSyncState = () => {
-    const evolu = useEvolu();
-    return useSyncExternalStore(evolu.subscribeSyncState, evolu.getSyncState, () => initialSyncState);
+    const _evolu = useEvolu();
+    // return useSyncExternalStore(
+    //   evolu.subscribeSyncState,
+    //   evolu.getSyncState,
+    //   () => initialSyncState,
+    // );
+    throw new Error("TODO");
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@evolu/react",
-  "version": "9.0.1-preview.4",
+  "version": "9.0.1-preview.6",
   "description": "Evolu for React",
   "keywords": [
     "evolu",
@@ -30,16 +30,18 @@
     "README.md"
   ],
   "devDependencies": {
-    "@types/react-dom": "^19.1.7",
-    "react": "^19.1.1",
+    "@types/react": "~19.1.13",
+    "@types/react-dom": "~19.1.9",
+    "react": "19.1.0",
+    "shx": "^0.4.0",
     "typescript": "^5.9.2",
-    "vitest": "^3.2.3",
-    "@evolu/common": "6.0.1-preview.18",
+    "vitest": "^4.0.4",
+    "@evolu/common": "6.0.1-preview.22",
     "@evolu/tsconfig": "0.0.2"
   },
   "peerDependencies": {
-    "@evolu/common": "^6.0.1-preview.18",
-    "react": "^19.0.0"
+    "@evolu/common": "^6.0.1-preview.22",
+    "react": ">=19"
   },
   "publishConfig": {
     "access": "public"

package/src/index.ts

@@ -1,10 +1,11 @@
 export * from "./createUseEvolu.js";
 export * from "./EvoluContext.js";
 export * from "./EvoluProvider.js";
-export * from "./useAppOwner.js";
 export * from "./useEvolu.js";
 export * from "./useEvoluError.js";
+export * from "./useOwner.js";
 export * from "./useQueries.js";
 export * from "./useQuery.js";
 export * from "./useQuerySubscription.js";
-export * from "./useSyncState.js";
+// export * from "./useSyncState.js"; TODO: Update it for the owner-api
+export * from "./useIsSsr.js";

package/src/useIsSsr.ts

@@ -0,0 +1,15 @@
+import { constFalse, constTrue } from "@evolu/common";
+import { useSyncExternalStore } from "react";
+
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+const emptySubscribe = () => () => {};
+
+/**
+ * Avoiding hydration mismatches.
+ *
+ * @see https://kurtextrem.de/posts/react-uses-hydration
+ */
+export const useIsSsr = (): boolean => {
+  // TODO: Consider useDeferredValue(isSSRSync);
+  return useSyncExternalStore(emptySubscribe, constFalse, constTrue);
+};

package/src/useOwner.ts

@@ -0,0 +1,31 @@
+import { SyncOwner } from "@evolu/common";
+import { useEffect } from "react";
+import { useEvolu } from "./useEvolu.js";
+
+/**
+ * React Hook for managing sync owner subscriptions.
+ *
+ * When the component mounts, it registers the owner for syncing. When the
+ * component unmounts or the owner changes, it automatically unregisters.
+ *
+ * ### Example
+ *
+ * ```tsx
+ * import { useOwner } from "@evolu/react";
+ *
+ * function MyComponent({ shardOwner }: { shardOwner: SyncOwner | null }) {
+ *   useOwner(shardOwner);
+ *
+ *   // Component will sync with shardOwner while mounted
+ *   return <div>Syncing with shard...</div>;
+ * }
+ * ```
+ */
+export const useOwner = (owner: SyncOwner | null): void => {
+  const evolu = useEvolu();
+
+  useEffect(() => {
+    if (owner == null) return;
+    return evolu.useOwner(owner);
+  }, [evolu, owner]);
+};

package/src/useQueries.ts

@@ -8,9 +8,13 @@ import { use, useRef } from "react";
 import { useEvolu } from "./useEvolu.js";
 import type { useQuery } from "./useQuery.js";
 import { useQuerySubscription } from "./useQuerySubscription.js";
-import { useWasSSR } from "./useWasSSR.js";
+import { useIsSsr } from "./useIsSsr.js";
 
-/** The same as {@link useQuery}, but for many queries. */
+/**
+ * The same as {@link useQuery}, but for many queries.
+ *
+ * The number of queries must remain stable across renders.
+ */
 export const useQueries = <
   R extends Row,
   Q extends Queries<R>,
@@ -31,15 +35,17 @@ export const useQueries = <
   const evolu = useEvolu();
   const once = useRef(options).current.once;
   const allQueries = once ? queries.concat(once) : queries;
-  const wasSSR = useWasSSR();
+  const wasSSR = useIsSsr();
   if (wasSSR) {
-    // eslint-disable-next-line @typescript-eslint/no-floating-promises
-    if (!options.promises) evolu.loadQueries(allQueries);
+    if (!options.promises) void evolu.loadQueries(allQueries);
   } else {
     if (options.promises) options.promises.map(use);
+    // No waterfall: loadQuery batches all queries in the same microtask,
+    // so React suspends once and all promises resolve together.
     else evolu.loadQueries(allQueries).map(use);
   }
   return allQueries.map((query, i) =>
+    // Safe until the number of queries is stable.
     // eslint-disable-next-line react-hooks/rules-of-hooks
     useQuerySubscription(query, { once: i > queries.length - 1 }),
   ) as never;

package/src/useQuery.ts

@@ -3,7 +3,7 @@ import { use } from "react";
 import { useEvolu } from "./useEvolu.js";
 import type { useQueries } from "./useQueries.js";
 import { useQuerySubscription } from "./useQuerySubscription.js";
-import { useWasSSR } from "./useWasSSR.js";
+import { useIsSsr } from "./useIsSsr.js";
 
 /**
  * Load and subscribe to the Query, and return an object with `rows` and `row`
@@ -13,6 +13,10 @@ import { useWasSSR } from "./useWasSSR.js";
  * {@link useQuery} blocks rendering until loading is completed. To avoid loading
  * waterfall with more queries, use {@link useQueries}.
  *
+ * The `promise` option allows preloading queries before rendering, which can be
+ * useful for complex queries that might take noticeable time even with local
+ * data. However, this is rarely needed as local queries are typically fast.
+ *
  * ### Example
  *
  * ```ts
@@ -25,12 +29,8 @@ import { useWasSSR } from "./useWasSSR.js";
  * // Get all rows, but without subscribing to changes.
  * const rows = useQuery(allTodos, { once: true });
  *
- * // Prefetch rows.
- * const allTodos = evolu.createQuery((db) =>
- *   db.selectFrom("todo").selectAll(),
- * );
+ * // Preload a query (rarely needed).
  * const allTodosPromise = evolu.loadQuery(allTodos);
- * // Use prefetched rows.
  * const rows = useQuery(allTodos, { promise: allTodosPromise });
  * ```
  */
@@ -45,11 +45,13 @@ export const useQuery = <R extends Row>(
   }> = {},
 ): QueryRows<R> => {
   const evolu = useEvolu();
-  const wasSSR = useWasSSR();
-  if (wasSSR) {
+  const isSSR = useIsSsr();
+
+  if (isSSR) {
     if (!options.promise) void evolu.loadQuery(query);
   } else {
     use(options.promise ?? evolu.loadQuery(query));
   }
+
   return useQuerySubscription(query, options);
 };

package/src/useSyncState.ts

@@ -1,13 +1,13 @@
-import { SyncState, initialSyncState } from "@evolu/common/evolu";
-import { useSyncExternalStore } from "react";
+import { SyncState } from "@evolu/common/evolu";
 import { useEvolu } from "./useEvolu.js";
 
 /** Subscribe to {@link SyncState} changes. */
 export const useSyncState = (): SyncState => {
-  const evolu = useEvolu();
-  return useSyncExternalStore(
-    evolu.subscribeSyncState,
-    evolu.getSyncState,
-    () => initialSyncState,
-  );
+  const _evolu = useEvolu();
+  // return useSyncExternalStore(
+  //   evolu.subscribeSyncState,
+  //   evolu.getSyncState,
+  //   () => initialSyncState,
+  // );
+  throw new Error("TODO");
 };

package/dist/useAppOwner.d.ts

@@ -1,4 +0,0 @@
-import { AppOwner } from "@evolu/common";
-/** Subscribe to {@link AppOwner} changes. */
-export declare const useAppOwner: () => AppOwner | null;
-//# sourceMappingURL=useAppOwner.d.ts.map

package/dist/useAppOwner.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAppOwner.d.ts","sourceRoot":"","sources":["../src/useAppOwner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAa,MAAM,eAAe,CAAC;AAIpD,6CAA6C;AAC7C,eAAO,MAAM,WAAW,QAAO,QAAQ,GAAG,IAOzC,CAAC"}

package/dist/useAppOwner.js

@@ -1,8 +0,0 @@
-import { constNull } from "@evolu/common";
-import { useSyncExternalStore } from "react";
-import { useEvolu } from "./useEvolu.js";
-/** Subscribe to {@link AppOwner} changes. */
-export const useAppOwner = () => {
-    const evolu = useEvolu();
-    return useSyncExternalStore(evolu.subscribeAppOwner, evolu.getAppOwner, constNull);
-};

package/dist/useWasSSR.d.ts

@@ -1,6 +0,0 @@
-/**
- * "Unlike the typeof window hack, this ensures that the server and hydration
- * sees the same thing."
- */
-export declare const useWasSSR: () => boolean;
-//# sourceMappingURL=useWasSSR.d.ts.map

package/dist/useWasSSR.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useWasSSR.d.ts","sourceRoot":"","sources":["../src/useWasSSR.ts"],"names":[],"mappings":"AAKA;;;GAGG;AACH,eAAO,MAAM,SAAS,QAAO,OAO5B,CAAC"}

package/dist/useWasSSR.js

@@ -1,11 +0,0 @@
-import { useRef, useSyncExternalStore } from "react";
-// eslint-disable-next-line @typescript-eslint/no-empty-function
-const emptySubscribe = () => () => { };
-/**
- * "Unlike the typeof window hack, this ensures that the server and hydration
- * sees the same thing."
- */
-export const useWasSSR = () => {
-    const ref = useRef(false);
-    return useSyncExternalStore(emptySubscribe, () => ref.current, () => (ref.current = true));
-};

package/src/useAppOwner.ts

@@ -1,13 +0,0 @@
-import { AppOwner, constNull } from "@evolu/common";
-import { useSyncExternalStore } from "react";
-import { useEvolu } from "./useEvolu.js";
-
-/** Subscribe to {@link AppOwner} changes. */
-export const useAppOwner = (): AppOwner | null => {
-  const evolu = useEvolu();
-  return useSyncExternalStore(
-    evolu.subscribeAppOwner,
-    evolu.getAppOwner,
-    constNull,
-  );
-};

package/src/useWasSSR.ts

@@ -1,17 +0,0 @@
-import { useRef, useSyncExternalStore } from "react";
-
-// eslint-disable-next-line @typescript-eslint/no-empty-function
-const emptySubscribe = () => () => {};
-
-/**
- * "Unlike the typeof window hack, this ensures that the server and hydration
- * sees the same thing."
- */
-export const useWasSSR = (): boolean => {
-  const ref = useRef(false);
-  return useSyncExternalStore(
-    emptySubscribe,
-    () => ref.current,
-    () => (ref.current = true),
-  );
-};