@electric-sql/react 0.0.7 → 0.0.8

package/package.json

@@ -1,12 +1,24 @@
 {
   "name": "@electric-sql/react",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "React hooks for ElectricSQL",
-  "main": "dist/index.js",
+  "type": "module",
+  "main": "dist/cjs/index.cjs",
+  "module": "dist/index.legacy-esm.js",
   "types": "dist/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "default": "./dist/cjs/index.cjs"
+    }
+  },
   "files": [
-    "dist"
+    "dist",
+    "src"
   ],
+  "sideEffects": false,
   "repository": {
     "type": "git",
     "url": "git+https://github.com/electric-sql/electric-next.git"
@@ -19,7 +31,7 @@
   "homepage": "https://next.electric-sql.com",
   "dependencies": {
     "use-sync-external-store": "^1.2.2",
-    "@electric-sql/next": "0.0.7"
+    "@electric-sql/next": "0.0.8"
   },
   "devDependencies": {
     "@testing-library/react": "^16.0.0",
@@ -52,9 +64,6 @@
       "optional": true
     }
   },
-  "exports": {
-    ".": "./dist/index.js"
-  },
   "typesVersions": {
     "*": {
       "*": [

package/src/index.ts

@@ -0,0 +1 @@
+export * from './react-hooks'

package/src/react-hooks.tsx

@@ -0,0 +1,167 @@
+import {
+  JsonSerializable,
+  Shape,
+  ShapeStream,
+  ShapeStreamOptions,
+} from '@electric-sql/next'
+import React, { createContext, useCallback, useContext, useRef } from 'react'
+import { useSyncExternalStoreWithSelector } from 'use-sync-external-store/with-selector'
+
+interface ShapeContextType {
+  getShape: (shapeStream: ShapeStream) => Shape
+  getShapeStream: (options: ShapeStreamOptions) => ShapeStream
+}
+
+// Create a Context
+const ShapesContext = createContext<ShapeContextType | null>(null)
+
+const streamCache = new Map<string, ShapeStream>()
+const shapeCache = new Map<ShapeStream, Shape>()
+
+export async function preloadShape(
+  options: ShapeStreamOptions
+): Promise<Shape> {
+  const shapeStream = getShapeStream(options)
+  const shape = getShape(shapeStream)
+  await shape.value
+  return shape
+}
+
+export function sortedOptionsHash(options: ShapeStreamOptions): string {
+  const shapeDef = JSON.stringify(
+    options.shape,
+    Object.keys(options.shape).sort()
+  )
+  // eslint-disable-next-line
+  const { shape, ...optionsWithoutShapeDef } = options
+  const allOptions = JSON.stringify(
+    optionsWithoutShapeDef,
+    Object.keys(options).sort()
+  )
+  const shapeHash = shapeDef + allOptions
+
+  return shapeHash
+}
+
+export function getShapeStream(options: ShapeStreamOptions): ShapeStream {
+  const shapeHash = sortedOptionsHash(options)
+
+  // If the stream is already cached, return
+  if (streamCache.has(shapeHash)) {
+    // Return the ShapeStream
+    return streamCache.get(shapeHash)!
+  } else {
+    const newShapeStream = new ShapeStream(options)
+
+    streamCache.set(shapeHash, newShapeStream)
+
+    // Return the created shape
+    return newShapeStream
+  }
+}
+
+export function getShape(shapeStream: ShapeStream): Shape {
+  // If the stream is already cached, return
+  if (shapeCache.has(shapeStream)) {
+    // Return the ShapeStream
+    return shapeCache.get(shapeStream)!
+  } else {
+    const newShape = new Shape(shapeStream)
+
+    shapeCache.set(shapeStream, newShape)
+
+    // Return the created shape
+    return newShape
+  }
+}
+
+interface ShapeProviderProps {
+  children: React.ReactNode
+}
+
+// Shapes Provider Component
+export function ShapesProvider({ children }: ShapeProviderProps): JSX.Element {
+  // Provide the context value
+  return (
+    <ShapesContext.Provider value={{ getShape, getShapeStream }}>
+      {children}
+    </ShapesContext.Provider>
+  )
+}
+
+export function useShapeContext() {
+  const context = useContext(ShapesContext)
+  if (!context) {
+    throw new Error(`useShapeContext must be used within a ShapeProvider`)
+  }
+  return context
+}
+
+interface UseShapeResult {
+  /**
+   * The array of rows that make up the Shape.
+   * @type {{ [key: string]: JsonSerializable }[]}
+   */
+  data: { [key: string]: JsonSerializable }[]
+  /**
+   * The Shape instance used by this useShape
+   * @type(Shape)
+   */
+  shape: Shape
+  error: Shape[`error`]
+  isError: boolean
+  /**
+   * Has the ShapeStream caught up with the replication log from Postgres.
+   */
+  isUpToDate: boolean
+}
+
+function shapeSubscribe(shape: Shape, callback: () => void) {
+  const unsubscribe = shape.subscribe(callback)
+  return () => {
+    unsubscribe()
+  }
+}
+
+function parseShapeData(shape: Shape): UseShapeResult {
+  return {
+    data: [...shape.valueSync.values()],
+    isUpToDate: shape.isUpToDate,
+    isError: shape.error !== false,
+    shape,
+    error: shape.error,
+  }
+}
+
+const identity = (arg: unknown) => arg
+
+interface UseShapeOptions<Selection> extends ShapeStreamOptions {
+  selector?: (value: UseShapeResult) => Selection
+}
+
+export function useShape<Selection = UseShapeResult>({
+  selector = identity as never,
+  ...options
+}: UseShapeOptions<Selection>): Selection {
+  const { getShape, getShapeStream } = useShapeContext()
+  const shapeStream = getShapeStream(options as ShapeStreamOptions)
+  const shape = getShape(shapeStream)
+
+  const latestShapeData = useRef(parseShapeData(shape))
+  const getSnapshot = React.useCallback(() => latestShapeData.current, [])
+  const shapeData = useSyncExternalStoreWithSelector(
+    useCallback(
+      (onStoreChange) =>
+        shapeSubscribe(shape, () => {
+          latestShapeData.current = parseShapeData(shape)
+          onStoreChange()
+        }),
+      [shape]
+    ),
+    getSnapshot,
+    getSnapshot,
+    selector
+  )
+
+  return shapeData
+}

package/dist/index.d.ts

@@ -1 +0,0 @@
-export * from './react-hooks';

package/dist/index.js

@@ -1 +0,0 @@
-export * from './react-hooks';

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from './react-hooks'\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/react-hooks.d.ts

@@ -1,40 +0,0 @@
-import { JsonSerializable, Shape, ShapeStream, ShapeStreamOptions } from '@electric-sql/next';
-import React from 'react';
-interface ShapeContextType {
-    getShape: (shapeStream: ShapeStream) => Shape;
-    getShapeStream: (options: ShapeStreamOptions) => ShapeStream;
-}
-export declare function preloadShape(options: ShapeStreamOptions): Promise<Shape>;
-export declare function sortedOptionsHash(options: ShapeStreamOptions): string;
-export declare function getShapeStream(options: ShapeStreamOptions): ShapeStream;
-export declare function getShape(shapeStream: ShapeStream): Shape;
-interface ShapeProviderProps {
-    children: React.ReactNode;
-}
-export declare function ShapesProvider({ children }: ShapeProviderProps): JSX.Element;
-export declare function useShapeContext(): ShapeContextType;
-interface UseShapeResult {
-    /**
-     * The array of rows that make up the Shape.
-     * @type {{ [key: string]: JsonSerializable }[]}
-     */
-    data: {
-        [key: string]: JsonSerializable;
-    }[];
-    /**
-     * The Shape instance used by this useShape
-     * @type(Shape)
-     */
-    shape: Shape;
-    error: Shape[`error`];
-    isError: boolean;
-    /**
-     * Has the ShapeStream caught up with the replication log from Postgres.
-     */
-    isUpToDate: boolean;
-}
-interface UseShapeOptions<Selection> extends ShapeStreamOptions {
-    selector?: (value: UseShapeResult) => Selection;
-}
-export declare function useShape<Selection = UseShapeResult>({ selector, ...options }: UseShapeOptions<Selection>): Selection;
-export {};

package/dist/react-hooks.js

@@ -1,145 +0,0 @@
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-import {
-  Shape,
-  ShapeStream
-} from "@electric-sql/next";
-import React, { createContext, useCallback, useContext, useRef } from "react";
-import { useSyncExternalStoreWithSelector } from "use-sync-external-store/with-selector";
-const ShapesContext = createContext(null);
-const streamCache = /* @__PURE__ */ new Map();
-const shapeCache = /* @__PURE__ */ new Map();
-function preloadShape(options) {
-  return __async(this, null, function* () {
-    const shapeStream = getShapeStream(options);
-    const shape = getShape(shapeStream);
-    yield shape.value;
-    return shape;
-  });
-}
-function sortedOptionsHash(options) {
-  const shapeDef = JSON.stringify(
-    options.shape,
-    Object.keys(options.shape).sort()
-  );
-  const _a = options, { shape } = _a, optionsWithoutShapeDef = __objRest(_a, ["shape"]);
-  const allOptions = JSON.stringify(
-    optionsWithoutShapeDef,
-    Object.keys(options).sort()
-  );
-  const shapeHash = shapeDef + allOptions;
-  return shapeHash;
-}
-function getShapeStream(options) {
-  const shapeHash = sortedOptionsHash(options);
-  if (streamCache.has(shapeHash)) {
-    return streamCache.get(shapeHash);
-  } else {
-    const newShapeStream = new ShapeStream(options);
-    streamCache.set(shapeHash, newShapeStream);
-    return newShapeStream;
-  }
-}
-function getShape(shapeStream) {
-  if (shapeCache.has(shapeStream)) {
-    return shapeCache.get(shapeStream);
-  } else {
-    const newShape = new Shape(shapeStream);
-    shapeCache.set(shapeStream, newShape);
-    return newShape;
-  }
-}
-function ShapesProvider({ children }) {
-  return /* @__PURE__ */ React.createElement(ShapesContext.Provider, { value: { getShape, getShapeStream } }, children);
-}
-function useShapeContext() {
-  const context = useContext(ShapesContext);
-  if (!context) {
-    throw new Error(`useShapeContext must be used within a ShapeProvider`);
-  }
-  return context;
-}
-function shapeSubscribe(shape, callback) {
-  const unsubscribe = shape.subscribe(callback);
-  return () => {
-    unsubscribe();
-  };
-}
-function parseShapeData(shape) {
-  return {
-    data: [...shape.valueSync.values()],
-    isUpToDate: shape.isUpToDate,
-    isError: shape.error !== false,
-    shape,
-    error: shape.error
-  };
-}
-const identity = (arg) => arg;
-function useShape(_a) {
-  var _b = _a, {
-    selector = identity
-  } = _b, options = __objRest(_b, [
-    "selector"
-  ]);
-  const { getShape: getShape2, getShapeStream: getShapeStream2 } = useShapeContext();
-  const shapeStream = getShapeStream2(options);
-  const shape = getShape2(shapeStream);
-  const latestShapeData = useRef(parseShapeData(shape));
-  const getSnapshot = React.useCallback(() => latestShapeData.current, []);
-  const shapeData = useSyncExternalStoreWithSelector(
-    useCallback(
-      (onStoreChange) => shapeSubscribe(shape, () => {
-        latestShapeData.current = parseShapeData(shape);
-        onStoreChange();
-      }),
-      [shape]
-    ),
-    getSnapshot,
-    getSnapshot,
-    selector
-  );
-  return shapeData;
-}
-export {
-  ShapesProvider,
-  getShape,
-  getShapeStream,
-  preloadShape,
-  sortedOptionsHash,
-  useShape,
-  useShapeContext
-};
-//# sourceMappingURL=react-hooks.js.map

package/dist/react-hooks.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/react-hooks.tsx"],"sourcesContent":["import {\n  JsonSerializable,\n  Shape,\n  ShapeStream,\n  ShapeStreamOptions,\n} from '@electric-sql/next'\nimport React, { createContext, useCallback, useContext, useRef } from 'react'\nimport { useSyncExternalStoreWithSelector } from 'use-sync-external-store/with-selector'\n\ninterface ShapeContextType {\n  getShape: (shapeStream: ShapeStream) => Shape\n  getShapeStream: (options: ShapeStreamOptions) => ShapeStream\n}\n\n// Create a Context\nconst ShapesContext = createContext<ShapeContextType | null>(null)\n\nconst streamCache = new Map<string, ShapeStream>()\nconst shapeCache = new Map<ShapeStream, Shape>()\n\nexport async function preloadShape(\n  options: ShapeStreamOptions\n): Promise<Shape> {\n  const shapeStream = getShapeStream(options)\n  const shape = getShape(shapeStream)\n  await shape.value\n  return shape\n}\n\nexport function sortedOptionsHash(options: ShapeStreamOptions): string {\n  const shapeDef = JSON.stringify(\n    options.shape,\n    Object.keys(options.shape).sort()\n  )\n  // eslint-disable-next-line\n  const { shape, ...optionsWithoutShapeDef } = options\n  const allOptions = JSON.stringify(\n    optionsWithoutShapeDef,\n    Object.keys(options).sort()\n  )\n  const shapeHash = shapeDef + allOptions\n\n  return shapeHash\n}\n\nexport function getShapeStream(options: ShapeStreamOptions): ShapeStream {\n  const shapeHash = sortedOptionsHash(options)\n\n  // If the stream is already cached, return\n  if (streamCache.has(shapeHash)) {\n    // Return the ShapeStream\n    return streamCache.get(shapeHash)!\n  } else {\n    const newShapeStream = new ShapeStream(options)\n\n    streamCache.set(shapeHash, newShapeStream)\n\n    // Return the created shape\n    return newShapeStream\n  }\n}\n\nexport function getShape(shapeStream: ShapeStream): Shape {\n  // If the stream is already cached, return\n  if (shapeCache.has(shapeStream)) {\n    // Return the ShapeStream\n    return shapeCache.get(shapeStream)!\n  } else {\n    const newShape = new Shape(shapeStream)\n\n    shapeCache.set(shapeStream, newShape)\n\n    // Return the created shape\n    return newShape\n  }\n}\n\ninterface ShapeProviderProps {\n  children: React.ReactNode\n}\n\n// Shapes Provider Component\nexport function ShapesProvider({ children }: ShapeProviderProps): JSX.Element {\n  // Provide the context value\n  return (\n    <ShapesContext.Provider value={{ getShape, getShapeStream }}>\n      {children}\n    </ShapesContext.Provider>\n  )\n}\n\nexport function useShapeContext() {\n  const context = useContext(ShapesContext)\n  if (!context) {\n    throw new Error(`useShapeContext must be used within a ShapeProvider`)\n  }\n  return context\n}\n\ninterface UseShapeResult {\n  /**\n   * The array of rows that make up the Shape.\n   * @type {{ [key: string]: JsonSerializable }[]}\n   */\n  data: { [key: string]: JsonSerializable }[]\n  /**\n   * The Shape instance used by this useShape\n   * @type(Shape)\n   */\n  shape: Shape\n  error: Shape[`error`]\n  isError: boolean\n  /**\n   * Has the ShapeStream caught up with the replication log from Postgres.\n   */\n  isUpToDate: boolean\n}\n\nfunction shapeSubscribe(shape: Shape, callback: () => void) {\n  const unsubscribe = shape.subscribe(callback)\n  return () => {\n    unsubscribe()\n  }\n}\n\nfunction parseShapeData(shape: Shape): UseShapeResult {\n  return {\n    data: [...shape.valueSync.values()],\n    isUpToDate: shape.isUpToDate,\n    isError: shape.error !== false,\n    shape,\n    error: shape.error,\n  }\n}\n\nconst identity = (arg: unknown) => arg\n\ninterface UseShapeOptions<Selection> extends ShapeStreamOptions {\n  selector?: (value: UseShapeResult) => Selection\n}\n\nexport function useShape<Selection = UseShapeResult>({\n  selector = identity as never,\n  ...options\n}: UseShapeOptions<Selection>): Selection {\n  const { getShape, getShapeStream } = useShapeContext()\n  const shapeStream = getShapeStream(options as ShapeStreamOptions)\n  const shape = getShape(shapeStream)\n\n  const latestShapeData = useRef(parseShapeData(shape))\n  const getSnapshot = React.useCallback(() => latestShapeData.current, [])\n  const shapeData = useSyncExternalStoreWithSelector(\n    useCallback(\n      (onStoreChange) =>\n        shapeSubscribe(shape, () => {\n          latestShapeData.current = parseShapeData(shape)\n          onStoreChange()\n        }),\n      [shape]\n    ),\n    getSnapshot,\n    getSnapshot,\n    selector\n  )\n\n  return shapeData\n}\n"],"mappings":"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","names":["getShape","getShapeStream"]}

package/dist/react-hooks.jsx

@@ -1,113 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { Shape, ShapeStream, } from '@electric-sql/next';
-import React, { createContext, useCallback, useContext, useRef } from 'react';
-import { useSyncExternalStoreWithSelector } from 'use-sync-external-store/with-selector';
-// Create a Context
-const ShapesContext = createContext(null);
-const streamCache = new Map();
-const shapeCache = new Map();
-export function preloadShape(options) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const shapeStream = getShapeStream(options);
-        const shape = getShape(shapeStream);
-        yield shape.value;
-        return shape;
-    });
-}
-export function sortedOptionsHash(options) {
-    const shapeDef = JSON.stringify(options.shape, Object.keys(options.shape).sort());
-    // eslint-disable-next-line
-    const { shape } = options, optionsWithoutShapeDef = __rest(options, ["shape"]);
-    const allOptions = JSON.stringify(optionsWithoutShapeDef, Object.keys(options).sort());
-    const shapeHash = shapeDef + allOptions;
-    return shapeHash;
-}
-export function getShapeStream(options) {
-    const shapeHash = sortedOptionsHash(options);
-    // If the stream is already cached, return
-    if (streamCache.has(shapeHash)) {
-        // Return the ShapeStream
-        return streamCache.get(shapeHash);
-    }
-    else {
-        const newShapeStream = new ShapeStream(options);
-        streamCache.set(shapeHash, newShapeStream);
-        // Return the created shape
-        return newShapeStream;
-    }
-}
-export function getShape(shapeStream) {
-    // If the stream is already cached, return
-    if (shapeCache.has(shapeStream)) {
-        // Return the ShapeStream
-        return shapeCache.get(shapeStream);
-    }
-    else {
-        const newShape = new Shape(shapeStream);
-        shapeCache.set(shapeStream, newShape);
-        // Return the created shape
-        return newShape;
-    }
-}
-// Shapes Provider Component
-export function ShapesProvider({ children }) {
-    // Provide the context value
-    return (<ShapesContext.Provider value={{ getShape, getShapeStream }}>
-      {children}
-    </ShapesContext.Provider>);
-}
-export function useShapeContext() {
-    const context = useContext(ShapesContext);
-    if (!context) {
-        throw new Error(`useShapeContext must be used within a ShapeProvider`);
-    }
-    return context;
-}
-function shapeSubscribe(shape, callback) {
-    const unsubscribe = shape.subscribe(callback);
-    return () => {
-        unsubscribe();
-    };
-}
-function parseShapeData(shape) {
-    return {
-        data: [...shape.valueSync.values()],
-        isUpToDate: shape.isUpToDate,
-        isError: shape.error !== false,
-        shape,
-        error: shape.error,
-    };
-}
-const identity = (arg) => arg;
-export function useShape(_a) {
-    var { selector = identity } = _a, options = __rest(_a, ["selector"]);
-    const { getShape, getShapeStream } = useShapeContext();
-    const shapeStream = getShapeStream(options);
-    const shape = getShape(shapeStream);
-    const latestShapeData = useRef(parseShapeData(shape));
-    const getSnapshot = React.useCallback(() => latestShapeData.current, []);
-    const shapeData = useSyncExternalStoreWithSelector(useCallback((onStoreChange) => shapeSubscribe(shape, () => {
-        latestShapeData.current = parseShapeData(shape);
-        onStoreChange();
-    }), [shape]), getSnapshot, getSnapshot, selector);
-    return shapeData;
-}