Typescript v2 API (#4271)

# Description of Changes

This update the typescript sdk to use the v2 protocol.

The main user-facing API change is removing the existing reducer
callbacks, and instead having reducers return a `Promise`.

# API and ABI breaking changes

The reducer functions `conn.reducers.onX` and `conn.reducers.removeOnX`
no longer exist, and reducers now return `Promise<void>`.

# Expected complexity level and risk

2.5. 

# Testing

This has mostly been tested manually. I'm still updating some of the
unit tests (I commented out the ones that used reducer callbacks).

---------

Co-authored-by: Phoebe Goldman <phoebe@goldman-tribe.org>
Co-authored-by: = <cloutiertyler@gmail.com>

Author: 3 people

crates/bindings-typescript/src/react/useReducer.ts

@@ -13,12 +13,18 @@ type ParamsType<R extends UntypedReducerDef> = MaybeParams<
 
 export function useReducer<ReducerDef extends UntypedReducerDef>(
   reducerDef: ReducerDef
-): (...params: ParamsType<ReducerDef>) => void {
+): (...params: ParamsType<ReducerDef>) => Promise<void> {
   const { getConnection, isActive } = useSpacetimeDB();
   const reducerName = reducerDef.accessorName;
 
   // Holds calls made before the connection exists
-  const queueRef = useRef<ParamsType<ReducerDef>[]>([]);
+  const queueRef = useRef<
+    {
+      params: ParamsType<ReducerDef>;
+      resolve: () => void;
+      reject: (err: unknown) => void;
+    }[]
+  >([]);
 
   // Flush when we finally have a connection
   useEffect(() => {
@@ -28,11 +34,11 @@ export function useReducer<ReducerDef extends UntypedReducerDef>(
     }
     const fn = (conn.reducers as any)[reducerName] as (
       ...p: ParamsType<ReducerDef>
-    ) => void;
+    ) => Promise<void>;
     if (queueRef.current.length) {
       const pending = queueRef.current.splice(0);
-      for (const params of pending) {
-        fn(...params);
+      for (const item of pending) {
+        fn(...item.params).then(item.resolve, item.reject);
       }
     }
   }, [getConnection, reducerName, isActive]);
@@ -41,12 +47,13 @@ export function useReducer<ReducerDef extends UntypedReducerDef>(
     (...params: ParamsType<ReducerDef>) => {
       const conn = getConnection();
       if (!conn) {
-        queueRef.current.push(params);
-        return;
+        return new Promise<void>((resolve, reject) => {
+          queueRef.current.push({ params, resolve, reject });
+        });
       }
       const fn = (conn.reducers as any)[reducerName] as (
         ...p: ParamsType<ReducerDef>
-      ) => void;
+      ) => Promise<void>;
       return fn(...params);
     },
     [getConnection, reducerName]