spacetimedb 2.1.0 → 2.2.0

package/dist/react/index.cjs

@@ -450,8 +450,8 @@ var BinaryReader = class {
     this.view = input instanceof DataView ? input : new DataView(input.buffer, input.byteOffset, input.byteLength);
     this.offset = 0;
   }
-  reset(view) {
-    this.view = view;
+  reset(input) {
+    this.view = input instanceof DataView ? input : new DataView(input.buffer, input.byteOffset, input.byteLength);
     this.offset = 0;
   }
   get remaining() {
@@ -643,6 +643,11 @@ var BinaryWriter = class {
     this.view.setUint8(this.offset, value);
     this.offset += 1;
   }
+  writeBytes(value) {
+    this.expandBuffer(value.length);
+    new Uint8Array(this.buffer.buffer, this.offset, value.length).set(value);
+    this.offset += value.length;
+  }
   writeI8(value) {
     this.expandBuffer(1);
     this.view.setInt8(this.offset, value);
@@ -1715,6 +1720,7 @@ function classifyMembership(whereExpr, oldRow, newRow) {
   return "stayOut";
 }
 function useTable(query, callbacks) {
+  const enabled = callbacks?.enabled ?? true;
   const accessorName = getQueryAccessorName(query);
   const whereExpr = getQueryWhereClause(query);
   const [subscribeApplied, setSubscribeApplied] = React.useState(false);
@@ -1730,6 +1736,9 @@ function useTable(query, callbacks) {
   const latestTransactionEventId = React.useRef(null);
   const lastSnapshotRef = React.useRef(null);
   const computeSnapshot = React.useCallback(() => {
+    if (!enabled) {
+      return [[], true];
+    }
     const connection = connectionState.getConnection();
     if (!connection) {
       return [[], false];
@@ -1739,11 +1748,15 @@ function useTable(query, callbacks) {
       (row) => evaluateBooleanExpr(whereExpr, row)
     ) : Array.from(table.iter());
     return [result, subscribeApplied];
-  }, [connectionState, accessorName, querySql, subscribeApplied]);
+  }, [connectionState, accessorName, querySql, subscribeApplied, enabled]);
   React.useEffect(() => {
     lastSnapshotRef.current = null;
   }, [computeSnapshot]);
   React.useEffect(() => {
+    if (!enabled) {
+      setSubscribeApplied(false);
+      return;
+    }
     const connection = connectionState.getConnection();
     if (connectionState.isActive && connection) {
       const cancel = connection.subscriptionBuilder().onApplied(() => {
@@ -1753,9 +1766,13 @@ function useTable(query, callbacks) {
         cancel.unsubscribe();
       };
     }
-  }, [querySql, connectionState.isActive, connectionState]);
+  }, [querySql, connectionState.isActive, connectionState, enabled]);
   const subscribe = React.useCallback(
     (onStoreChange) => {
+      if (!enabled) {
+        return () => {
+        };
+      }
       const onInsert = (ctx, row) => {
         if (whereExpr && !evaluateBooleanExpr(whereExpr, row)) {
           return;
@@ -1824,7 +1841,8 @@ function useTable(query, callbacks) {
       computeSnapshot,
       callbacks?.onDelete,
       callbacks?.onInsert,
-      callbacks?.onUpdate
+      callbacks?.onUpdate,
+      enabled
     ]
   );
   const getSnapshot = React.useCallback(() => {
@@ -1866,8 +1884,42 @@ function useReducer(reducerDef) {
     [getConnection, reducerName]
   );
 }
+function useProcedure(procedureDef) {
+  const { getConnection, isActive } = useSpacetimeDB();
+  const procedureName = procedureDef.accessorName;
+  const queueRef = React.useRef([]);
+  React.useEffect(() => {
+    const conn = getConnection();
+    if (!conn) {
+      return;
+    }
+    const fn = conn.procedures[procedureName];
+    if (queueRef.current.length) {
+      const pending = queueRef.current.splice(0);
+      for (const item of pending) {
+        fn(...item.params).then(item.resolve, item.reject);
+      }
+    }
+  }, [getConnection, procedureName, isActive]);
+  return React.useCallback(
+    (...params) => {
+      const conn = getConnection();
+      if (!conn) {
+        return new Promise(
+          (resolve, reject) => {
+            queueRef.current.push({ params, resolve, reject });
+          }
+        );
+      }
+      const fn = conn.procedures[procedureName];
+      return fn(...params);
+    },
+    [getConnection, procedureName]
+  );
+}
 
 exports.SpacetimeDBProvider = SpacetimeDBProvider;
+exports.useProcedure = useProcedure;
 exports.useReducer = useReducer;
 exports.useSpacetimeDB = useSpacetimeDB;
 exports.useTable = useTable;