spacetimedb 2.4.1 → 2.6.0

package/src/vue/useProcedure.ts

@@ -1,62 +1,62 @@
-import { shallowRef, watch, onUnmounted } from 'vue';
-import { useSpacetimeDB } from './useSpacetimeDB';
-import type { UntypedProcedureDef } from '../sdk/procedures';
-import type {
-  ProcedureParamsType,
-  ProcedureReturnType,
-} from '../sdk/type_utils';
-
-export function useProcedure<ProcedureDef extends UntypedProcedureDef>(
-  procedureDef: ProcedureDef
-): (
-  ...params: ProcedureParamsType<ProcedureDef>
-) => Promise<ProcedureReturnType<ProcedureDef>> {
-  const conn = useSpacetimeDB();
-  const procedureName = procedureDef.accessorName;
-
-  const queueRef = shallowRef<
-    {
-      params: ProcedureParamsType<ProcedureDef>;
-      resolve: (val: any) => void;
-      reject: (err: unknown) => void;
-    }[]
-  >([]);
-
-  const stopWatch = watch(
-    () => conn.isActive,
-    () => {
-      const connection = conn.getConnection();
-      if (!connection) return;
-
-      const fn = (connection.procedures as any)[procedureName] as (
-        ...p: ProcedureParamsType<ProcedureDef>
-      ) => Promise<ProcedureReturnType<ProcedureDef>>;
-      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 }
-  );
-
-  onUnmounted(() => {
-    stopWatch();
-  });
-
-  return (...params: ProcedureParamsType<ProcedureDef>) => {
-    const connection = conn.getConnection();
-    if (!connection) {
-      return new Promise<ProcedureReturnType<ProcedureDef>>(
-        (resolve, reject) => {
-          queueRef.value.push({ params, resolve, reject });
-        }
-      );
-    }
-    const fn = (connection.procedures as any)[procedureName] as (
-      ...p: ProcedureParamsType<ProcedureDef>
-    ) => Promise<ProcedureReturnType<ProcedureDef>>;
-    return fn(...params);
-  };
-}
+import { shallowRef, watch, onUnmounted } from 'vue';
+import { useSpacetimeDB } from './useSpacetimeDB';
+import type { UntypedProcedureDef } from '../sdk/procedures';
+import type {
+  ProcedureParamsType,
+  ProcedureReturnType,
+} from '../sdk/type_utils';
+
+export function useProcedure<ProcedureDef extends UntypedProcedureDef>(
+  procedureDef: ProcedureDef
+): (
+  ...params: ProcedureParamsType<ProcedureDef>
+) => Promise<ProcedureReturnType<ProcedureDef>> {
+  const conn = useSpacetimeDB();
+  const procedureName = procedureDef.accessorName;
+
+  const queueRef = shallowRef<
+    {
+      params: ProcedureParamsType<ProcedureDef>;
+      resolve: (val: any) => void;
+      reject: (err: unknown) => void;
+    }[]
+  >([]);
+
+  const stopWatch = watch(
+    () => conn.isActive,
+    () => {
+      const connection = conn.getConnection();
+      if (!connection) return;
+
+      const fn = (connection.procedures as any)[procedureName] as (
+        ...p: ProcedureParamsType<ProcedureDef>
+      ) => Promise<ProcedureReturnType<ProcedureDef>>;
+      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 }
+  );
+
+  onUnmounted(() => {
+    stopWatch();
+  });
+
+  return (...params: ProcedureParamsType<ProcedureDef>) => {
+    const connection = conn.getConnection();
+    if (!connection) {
+      return new Promise<ProcedureReturnType<ProcedureDef>>(
+        (resolve, reject) => {
+          queueRef.value.push({ params, resolve, reject });
+        }
+      );
+    }
+    const fn = (connection.procedures as any)[procedureName] as (
+      ...p: ProcedureParamsType<ProcedureDef>
+    ) => Promise<ProcedureReturnType<ProcedureDef>>;
+    return fn(...params);
+  };
+}

package/src/vue/useReducer.ts

@@ -1,55 +1,55 @@
-import { shallowRef, watch, onUnmounted } from 'vue';
-import { useSpacetimeDB } from './useSpacetimeDB';
-import type { UntypedReducerDef } from '../sdk/reducers';
-import type { ParamsType } from '../sdk';
-
-export function useReducer<ReducerDef extends UntypedReducerDef>(
-  reducerDef: ReducerDef
-): (...params: ParamsType<ReducerDef>) => Promise<void> {
-  const conn = useSpacetimeDB();
-  const reducerName = reducerDef.accessorName;
-
-  const queueRef = shallowRef<
-    {
-      params: ParamsType<ReducerDef>;
-      resolve: () => void;
-      reject: (err: unknown) => void;
-    }[]
-  >([]);
-
-  const stopWatch = watch(
-    () => conn.isActive,
-    () => {
-      const connection = conn.getConnection();
-      if (!connection) return;
-
-      const fn = (connection.reducers as any)[reducerName] as (
-        ...p: ParamsType<ReducerDef>
-      ) => Promise<void>;
-      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 }
-  );
-
-  onUnmounted(() => {
-    stopWatch();
-  });
-
-  return (...params: ParamsType<ReducerDef>) => {
-    const connection = conn.getConnection();
-    if (!connection) {
-      return new Promise<void>((resolve, reject) => {
-        queueRef.value.push({ params, resolve, reject });
-      });
-    }
-    const fn = (connection.reducers as any)[reducerName] as (
-      ...p: ParamsType<ReducerDef>
-    ) => Promise<void>;
-    return fn(...params);
-  };
-}
+import { shallowRef, watch, onUnmounted } from 'vue';
+import { useSpacetimeDB } from './useSpacetimeDB';
+import type { UntypedReducerDef } from '../sdk/reducers';
+import type { ParamsType } from '../sdk';
+
+export function useReducer<ReducerDef extends UntypedReducerDef>(
+  reducerDef: ReducerDef
+): (...params: ParamsType<ReducerDef>) => Promise<void> {
+  const conn = useSpacetimeDB();
+  const reducerName = reducerDef.accessorName;
+
+  const queueRef = shallowRef<
+    {
+      params: ParamsType<ReducerDef>;
+      resolve: () => void;
+      reject: (err: unknown) => void;
+    }[]
+  >([]);
+
+  const stopWatch = watch(
+    () => conn.isActive,
+    () => {
+      const connection = conn.getConnection();
+      if (!connection) return;
+
+      const fn = (connection.reducers as any)[reducerName] as (
+        ...p: ParamsType<ReducerDef>
+      ) => Promise<void>;
+      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 }
+  );
+
+  onUnmounted(() => {
+    stopWatch();
+  });
+
+  return (...params: ParamsType<ReducerDef>) => {
+    const connection = conn.getConnection();
+    if (!connection) {
+      return new Promise<void>((resolve, reject) => {
+        queueRef.value.push({ params, resolve, reject });
+      });
+    }
+    const fn = (connection.reducers as any)[reducerName] as (
+      ...p: ParamsType<ReducerDef>
+    ) => Promise<void>;
+    return fn(...params);
+  };
+}

package/src/vue/useSpacetimeDB.ts

@@ -1,18 +1,18 @@
-import { inject } from 'vue';
-import {
-  SPACETIMEDB_INJECTION_KEY,
-  type ConnectionState,
-} from './connection_state';
-
-export function useSpacetimeDB(): ConnectionState {
-  const context = inject(SPACETIMEDB_INJECTION_KEY);
-
-  if (!context) {
-    throw new Error(
-      'useSpacetimeDB must be used within a SpacetimeDBProvider component. ' +
-        'Did you forget to add a `SpacetimeDBProvider` to your component tree?'
-    );
-  }
-
-  return context;
-}
+import { inject } from 'vue';
+import {
+  SPACETIMEDB_INJECTION_KEY,
+  type ConnectionState,
+} from './connection_state';
+
+export function useSpacetimeDB(): ConnectionState {
+  const context = inject(SPACETIMEDB_INJECTION_KEY);
+
+  if (!context) {
+    throw new Error(
+      'useSpacetimeDB must be used within a SpacetimeDBProvider component. ' +
+        'Did you forget to add a `SpacetimeDBProvider` to your component tree?'
+    );
+  }
+
+  return context;
+}