spacetimedb 2.1.0 → 2.2.0

package/dist/react/index.d.ts

@@ -2,4 +2,5 @@ export * from './SpacetimeDBProvider.ts';
 export { useSpacetimeDB } from './useSpacetimeDB.ts';
 export { useTable } from './useTable.ts';
 export { useReducer } from './useReducer.ts';
+export { useProcedure } from './useProcedure.ts';
 //# sourceMappingURL=index.d.ts.map

package/dist/react/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/react/index.mjs

@@ -429,8 +429,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() {
@@ -622,6 +622,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);
@@ -1694,6 +1699,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] = useState(false);
@@ -1709,6 +1715,9 @@ function useTable(query, callbacks) {
   const latestTransactionEventId = useRef(null);
   const lastSnapshotRef = useRef(null);
   const computeSnapshot = useCallback(() => {
+    if (!enabled) {
+      return [[], true];
+    }
     const connection = connectionState.getConnection();
     if (!connection) {
       return [[], false];
@@ -1718,11 +1727,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]);
   useEffect(() => {
     lastSnapshotRef.current = null;
   }, [computeSnapshot]);
   useEffect(() => {
+    if (!enabled) {
+      setSubscribeApplied(false);
+      return;
+    }
     const connection = connectionState.getConnection();
     if (connectionState.isActive && connection) {
       const cancel = connection.subscriptionBuilder().onApplied(() => {
@@ -1732,9 +1745,13 @@ function useTable(query, callbacks) {
         cancel.unsubscribe();
       };
     }
-  }, [querySql, connectionState.isActive, connectionState]);
+  }, [querySql, connectionState.isActive, connectionState, enabled]);
   const subscribe = useCallback(
     (onStoreChange) => {
+      if (!enabled) {
+        return () => {
+        };
+      }
       const onInsert = (ctx, row) => {
         if (whereExpr && !evaluateBooleanExpr(whereExpr, row)) {
           return;
@@ -1803,7 +1820,8 @@ function useTable(query, callbacks) {
       computeSnapshot,
       callbacks?.onDelete,
       callbacks?.onInsert,
-      callbacks?.onUpdate
+      callbacks?.onUpdate,
+      enabled
     ]
   );
   const getSnapshot = useCallback(() => {
@@ -1845,7 +1863,40 @@ function useReducer(reducerDef) {
     [getConnection, reducerName]
   );
 }
+function useProcedure(procedureDef) {
+  const { getConnection, isActive } = useSpacetimeDB();
+  const procedureName = procedureDef.accessorName;
+  const queueRef = useRef([]);
+  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 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]
+  );
+}
 
-export { SpacetimeDBProvider, useReducer, useSpacetimeDB, useTable };
+export { SpacetimeDBProvider, useProcedure, useReducer, useSpacetimeDB, useTable };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map