@noya-app/noya-multiplayer-react 0.1.38 → 0.1.39

package/dist/index.mjs

@@ -54,7 +54,7 @@ import React, { memo, useEffect, useMemo as useMemo2, useState } from "react";
 import { useMemo, useSyncExternalStore } from "react";
 function useObservable(observable, path) {
   const { get, listen } = useMemo(() => {
-    const listen2 = path ? (callback) => observable.listen(path, callback) : observable.listen;
+    const listen2 = path ? (callback) => observable.subscribe(path, callback) : observable.subscribe;
     const get2 = path ? () => observable.get(path) : observable.get;
     return { get: get2, listen: listen2 };
   }, [observable, path]);
@@ -1349,6 +1349,7 @@ function useMultiplayerState(initialState, options) {
       ephemeralUserData,
       multiplayerStateManager,
       assets,
+      assetManager,
       createAsset: assetManager.create,
       deleteAsset: assetManager.delete
       // evaluate: async (code: string) => {
@@ -1418,7 +1419,15 @@ function useMultiplayerState(initialState, options) {
   const [unrecoverableError, setUnrecoverableError] = useState2();
   useEffect3(() => {
     return multiplayerStateManager.errorEmitter.addListener((error) => {
-      setUnrecoverableError(error);
+      switch (error.reason) {
+        case "invalidDataType":
+        case "schemaMismatch":
+        case "outdatedSchema":
+        case "dataMigrationFailure":
+        case "schemaMigration":
+          setUnrecoverableError(error);
+          break;
+      }
     });
   }, [multiplayerStateManager]);
   useEffect3(() => {
@@ -1564,6 +1573,112 @@ function useNoyaState(...args) {
   }, [extras, theme, viewType]);
   return [result[0], result[1], mergedExtras];
 }
+
+// src/NoyaStateContext.tsx
+import React6, {
+  createContext,
+  useCallback as useCallback2,
+  useContext,
+  useMemo as useMemo5
+} from "react";
+var AnyNoyaStateContext = createContext(void 0);
+function useAnyNoyaStateContext() {
+  const value = useContext(AnyNoyaStateContext);
+  if (!value) {
+    throw new Error(
+      "useNoyaStateContext must be used within a NoyaStateProvider"
+    );
+  }
+  return value;
+}
+function useAssets() {
+  const { assetManager } = useAnyNoyaStateContext();
+  return useObservable(assetManager.assets$);
+}
+function useAsset(id) {
+  const { assetManager } = useAnyNoyaStateContext();
+  const observable = useMemo5(
+    () => assetManager.assets$.map((assets) => assets.find((a) => a.id === id)),
+    [assetManager, id]
+  );
+  return useObservable(observable);
+}
+function useAssetManager() {
+  const { assetManager } = useAnyNoyaStateContext();
+  return useMemo5(
+    () => ({
+      create: assetManager.create,
+      delete: assetManager.delete
+    }),
+    [assetManager]
+  );
+}
+function createNoyaContext({
+  schema
+}) {
+  const NoyaStateContext = AnyNoyaStateContext;
+  function NoyaStateProvider({
+    children,
+    initialState,
+    ...options
+  }) {
+    const [, , { multiplayerStateManager, assetManager }] = useNoyaState(
+      initialState,
+      {
+        ...options,
+        schema
+      }
+    );
+    const value = useMemo5(
+      () => ({
+        ms: multiplayerStateManager,
+        assetManager
+      }),
+      [multiplayerStateManager, assetManager]
+    );
+    return /* @__PURE__ */ React6.createElement(AnyNoyaStateContext.Provider, { value }, children);
+  }
+  function useValue(path, options) {
+    const { ms } = useAnyNoyaStateContext();
+    let actualPath = typeof path === "function" || !path ? "" : path;
+    const mappedObservable = useMemo5(() => {
+      if (typeof path === "function") {
+        return ms.optimisticState$.map(path, { isEqual: options?.isEqual });
+      }
+      return ms.optimisticState$;
+    }, [ms, path, options?.isEqual]);
+    const value = useObservable(mappedObservable, actualPath);
+    return value;
+  }
+  function useSetValue(path) {
+    const { ms } = useAnyNoyaStateContext();
+    const setValue = useCallback2(
+      (...args) => {
+        const [metadata, value] = args.length === 2 ? args : [void 0, args[0]];
+        const setStateAtPath = ms.setStateAtPath;
+        setStateAtPath(metadata, path ?? "", value);
+      },
+      [ms, path]
+    );
+    return setValue;
+  }
+  function useValueState(...args) {
+    const [selector, options, path] = args.length >= 1 && typeof args[0] === "function" ? [args[0], args[1], void 0] : [void 0, void 0, args[0]];
+    const value = useValue(selector ?? path ?? "", options);
+    const setValue = useSetValue(path ?? "");
+    return [value, setValue];
+  }
+  return {
+    Context: NoyaStateContext,
+    Provider: NoyaStateProvider,
+    useValue,
+    useSetValue,
+    useValueState
+    // useAssets,
+    // useAssetManager,
+    // useAsset,
+  };
+}
 export {
   StateInspector,
   UserNameTag,
@@ -1572,12 +1687,16 @@ export {
   UserPointerIcon,
   UserPointersOverlay,
   createDefaultAppData,
+  createNoyaContext,
   enforceSchema,
   getAppData,
   getAvatarInitials,
   getAvatarStyle,
   isEmbeddedApp,
   parseAppDataParameter,
+  useAsset,
+  useAssetManager,
+  useAssets,
   useBroadcastConnectedUsers,
   useBroadcastMenuItems,
   useEphemeralUserData,