spacetimedb 2.0.4 → 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);
@@ -1168,7 +1173,8 @@ writer.offset += ${primitiveSizes[tag]};` : `writer.write${tag}(value.${name});`
 const result = { ${ty.elements.map(getElementInitializer).join(", ")} };
 const view = reader.view;
 ${ty.elements.map(
-        ({ name, algebraicType: { tag } }) => tag in primitiveJSName ? `result.${name} = view.get${primitiveJSName[tag]}(reader.offset, ${primitiveSizes[tag] > 1 ? "true" : ""});
+        ({ name, algebraicType: { tag } }) => tag in primitiveJSName ? tag === "Bool" ? `result.${name} = view.getUint8(reader.offset) !== 0;
+reader.offset += 1;` : `result.${name} = view.get${primitiveJSName[tag]}(reader.offset, ${primitiveSizes[tag] > 1 ? "true" : ""});
 reader.offset += ${primitiveSizes[tag]};` : `result.${name} = reader.read${tag}();`
       ).join("\n")}
 return result;`;
@@ -1714,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);
@@ -1729,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];
@@ -1738,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(() => {
@@ -1752,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;
@@ -1813,14 +1831,18 @@ function useTable(query, callbacks) {
         table.removeOnUpdate?.(onUpdate);
       };
     },
+    // TODO: investigating refactoring so that this is no longer necessary, as we have had genuine bugs with missed deps.
+    // See https://github.com/clockworklabs/SpacetimeDB/pull/4580.
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
       connectionState,
       accessorName,
       querySql,
+      computeSnapshot,
       callbacks?.onDelete,
       callbacks?.onInsert,
-      callbacks?.onUpdate
+      callbacks?.onUpdate,
+      enabled
     ]
   );
   const getSnapshot = React.useCallback(() => {
@@ -1862,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;