spacetimedb 2.2.0 → 2.3.0

package/dist/vue/index.cjs

@@ -1741,8 +1741,44 @@ function useReducer(reducerDef) {
     return fn(...params);
   };
 }
+function useProcedure(procedureDef) {
+  const conn = useSpacetimeDB();
+  const procedureName = procedureDef.accessorName;
+  const queueRef = vue.shallowRef([]);
+  const stopWatch = vue.watch(
+    () => conn.isActive,
+    () => {
+      const connection = conn.getConnection();
+      if (!connection) return;
+      const fn = connection.procedures[procedureName];
+      if (queueRef.value.length) {
+        const pending = queueRef.value.splice(0);
+        for (const item of pending) {
+          fn(...item.params).then(item.resolve, item.reject);
+        }
+      }
+    },
+    { immediate: true }
+  );
+  vue.onUnmounted(() => {
+    stopWatch();
+  });
+  return (...params) => {
+    const connection = conn.getConnection();
+    if (!connection) {
+      return new Promise(
+        (resolve, reject) => {
+          queueRef.value.push({ params, resolve, reject });
+        }
+      );
+    }
+    const fn = connection.procedures[procedureName];
+    return fn(...params);
+  };
+}
 
 exports.SpacetimeDBProvider = SpacetimeDBProvider;
+exports.useProcedure = useProcedure;
 exports.useReducer = useReducer;
 exports.useSpacetimeDB = useSpacetimeDB;
 exports.useSpacetimeDBProvider = useSpacetimeDBProvider;