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

package/dist/index.d.mts

@@ -164,9 +164,9 @@ declare function useNoyaState<S, M = void, E = void, O extends UseNoyaStateOptio
     schema: TSchema;
 }]): UseNoyaStateResult<O["schema"] extends TSchema ? Static<O["schema"]> : S, M, E>;
 
-interface NoyaStateProviderProps<Schema extends TSchema, M, E> extends Omit<UseNoyaStateOptions<Static<Schema>, M, E>, "schema"> {
+interface NoyaStateProviderProps<S, M, E> extends Omit<UseNoyaStateOptions<S, M, E>, "schema" | "mergeHistoryEntries"> {
     children: React.ReactNode;
-    initialState?: Static<Schema>;
+    initialState?: S;
 }
 declare function useAssets(): _noya_app_state_manager.Asset[];
 declare function useAsset(id: string | undefined): _noya_app_state_manager.Asset | undefined;
@@ -174,14 +174,15 @@ declare function useAssetManager(): {
     create: (options: _noya_app_state_manager.CreateAssetOptions | Uint8Array | File | Blob) => Promise<_noya_app_state_manager.Asset>;
     delete: (id: string) => Promise<void>;
 };
-declare function createNoyaContext<Schema extends TSchema, M = void, E = void>({ schema, }: {
+declare function createNoyaContext<Schema extends TSchema, M = void, E = void>({ schema, mergeHistoryEntries, }: {
     schema: Schema;
+    mergeHistoryEntries?: StateManagerOptions<Static<Schema>, M>["mergeHistoryEntries"];
 }): {
     Context: React.Context<{
         ms: MultiplayerStateManager<Static<Schema>, M>;
         assetManager: AssetManager;
     } | undefined>;
-    Provider: ({ children, initialState, ...options }: NoyaStateProviderProps<Schema, M, E>) => React.JSX.Element;
+    Provider: ({ children, initialState, ...options }: NoyaStateProviderProps<Static<Schema>, M, E>) => React.JSX.Element;
     useValue: {
         (): Static<Schema>;
         <A>(selector: (value: Static<Schema>) => A, options?: Pick<ObservableOptions, "isEqual">): A;
@@ -196,6 +197,7 @@ declare function createNoyaContext<Schema extends TSchema, M = void, E = void>({
         <A>(selector: (value: Static<Schema>) => A, options?: ObservableOptions): [A, M extends {} ? (metadata: M, value: SetStateAction<Static<Schema>>) => void : (value: SetStateAction<Static<Schema>>) => void];
         <P extends PathKey[] | string>(path?: P): [GetAtPath<Static<Schema>, P>, M extends {} ? (metadata: M, value: SetStateAction<GetAtPath<Static<Schema>, P>>) => void : (value: SetStateAction<GetAtPath<Static<Schema>, P>>) => void];
     };
+    useStateManager: () => MultiplayerStateManager<Static<Schema>, M>;
 };
 
 declare function useObservable<T>(observable: Observable<T>): T;

package/dist/index.d.ts

@@ -164,9 +164,9 @@ declare function useNoyaState<S, M = void, E = void, O extends UseNoyaStateOptio
     schema: TSchema;
 }]): UseNoyaStateResult<O["schema"] extends TSchema ? Static<O["schema"]> : S, M, E>;
 
-interface NoyaStateProviderProps<Schema extends TSchema, M, E> extends Omit<UseNoyaStateOptions<Static<Schema>, M, E>, "schema"> {
+interface NoyaStateProviderProps<S, M, E> extends Omit<UseNoyaStateOptions<S, M, E>, "schema" | "mergeHistoryEntries"> {
     children: React.ReactNode;
-    initialState?: Static<Schema>;
+    initialState?: S;
 }
 declare function useAssets(): _noya_app_state_manager.Asset[];
 declare function useAsset(id: string | undefined): _noya_app_state_manager.Asset | undefined;
@@ -174,14 +174,15 @@ declare function useAssetManager(): {
     create: (options: _noya_app_state_manager.CreateAssetOptions | Uint8Array | File | Blob) => Promise<_noya_app_state_manager.Asset>;
     delete: (id: string) => Promise<void>;
 };
-declare function createNoyaContext<Schema extends TSchema, M = void, E = void>({ schema, }: {
+declare function createNoyaContext<Schema extends TSchema, M = void, E = void>({ schema, mergeHistoryEntries, }: {
     schema: Schema;
+    mergeHistoryEntries?: StateManagerOptions<Static<Schema>, M>["mergeHistoryEntries"];
 }): {
     Context: React.Context<{
         ms: MultiplayerStateManager<Static<Schema>, M>;
         assetManager: AssetManager;
     } | undefined>;
-    Provider: ({ children, initialState, ...options }: NoyaStateProviderProps<Schema, M, E>) => React.JSX.Element;
+    Provider: ({ children, initialState, ...options }: NoyaStateProviderProps<Static<Schema>, M, E>) => React.JSX.Element;
     useValue: {
         (): Static<Schema>;
         <A>(selector: (value: Static<Schema>) => A, options?: Pick<ObservableOptions, "isEqual">): A;
@@ -196,6 +197,7 @@ declare function createNoyaContext<Schema extends TSchema, M = void, E = void>({
         <A>(selector: (value: Static<Schema>) => A, options?: ObservableOptions): [A, M extends {} ? (metadata: M, value: SetStateAction<Static<Schema>>) => void : (value: SetStateAction<Static<Schema>>) => void];
         <P extends PathKey[] | string>(path?: P): [GetAtPath<Static<Schema>, P>, M extends {} ? (metadata: M, value: SetStateAction<GetAtPath<Static<Schema>, P>>) => void : (value: SetStateAction<GetAtPath<Static<Schema>, P>>) => void];
     };
+    useStateManager: () => MultiplayerStateManager<Static<Schema>, M>;
 };
 
 declare function useObservable<T>(observable: Observable<T>): T;

package/dist/index.js

@@ -139,16 +139,14 @@ var UserPointer_ = function UserPointer({
   const [, setForceUpdate] = (0, import_react2.useState)(0);
   const updatedAt = metadata?.updatedAt ?? 0;
   (0, import_react2.useEffect)(() => {
-    if (!shouldShow(hideAfter, updatedAt))
-      return;
+    if (!shouldShow(hideAfter, updatedAt)) return;
     const timeoutId = setTimeout(() => {
       setForceUpdate((prev) => prev + 1);
     }, hideAfter);
     return () => clearTimeout(timeoutId);
   }, [hideAfter, updatedAt]);
   const show = shouldShow(hideAfter, updatedAt);
-  if (!data || !data.pointer)
-    return null;
+  if (!data || !data.pointer) return null;
   return /* @__PURE__ */ import_react2.default.createElement(UserPointerContainer, { key: user.id, point: data.pointer, show }, /* @__PURE__ */ import_react2.default.createElement(UserPointerIcon, { color: avatarStyle.backgroundColor }), /* @__PURE__ */ import_react2.default.createElement(UserNameTag, { background: avatarStyle.backgroundColor }, user.name));
 };
 var UserPointer2 = (0, import_react2.memo)(UserPointer_);
@@ -204,8 +202,7 @@ var UserNameTag = (0, import_react2.memo)(function UserNameTag2({
 var UserPointersOverlay = (0, import_react2.memo)(function UserPointers({ connectedUsers, ephemeralUserData }) {
   const currentUserId = useObservable(ephemeralUserData.currentUserId$);
   return /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, connectedUsers.map((user) => {
-    if (user.id === currentUserId)
-      return null;
+    if (user.id === currentUserId) return null;
     return /* @__PURE__ */ import_react2.default.createElement(
       UserPointer2,
       {
@@ -622,8 +619,7 @@ var StateInspector = (0, import_react5.memo)(function StateInspector2({
     }
   }, [historySnapshot]);
   (0, import_react5.useEffect)(() => {
-    if (!historyContainerRef.current)
-      return;
+    if (!historyContainerRef.current) return;
     const historyEntry = historyContainerRef.current.querySelector(
       `#${HISTORY_ELEMENT_PREFIX}${historySnapshot.historyIndex}`
     );
@@ -655,8 +651,7 @@ var StateInspector = (0, import_react5.memo)(function StateInspector2({
     zIndex: 9999,
     lineHeight: "13px"
   };
-  if (!didMount)
-    return null;
+  if (!didMount) return null;
   if (!showInspector) {
     return /* @__PURE__ */ import_react5.default.createElement(
       "div",
@@ -1134,8 +1129,7 @@ function pathToString(extendedPath) {
   ).join("");
 }
 function ellipsis(str, maxLength, position = "end") {
-  if (str.length <= maxLength)
-    return str;
+  if (str.length <= maxLength) return str;
   switch (position) {
     case "start":
       return `\u2026${str.slice(str.length - maxLength)}`;
@@ -1208,8 +1202,7 @@ function useStateInspector({
 }) {
   const [root, setRoot] = import_react6.default.useState(null);
   (0, import_react6.useLayoutEffect)(() => {
-    if (disabled)
-      return;
+    if (disabled) return;
     const { host, container } = createShadowRootElement();
     const root2 = (0, import_client.createRoot)(container);
     document.body.appendChild(host);
@@ -1219,8 +1212,7 @@ function useStateInspector({
     };
   }, [disabled]);
   (0, import_react6.useLayoutEffect)(() => {
-    if (!root)
-      return;
+    if (!root) return;
     root.render(
       /* @__PURE__ */ import_react6.default.createElement(
         StateInspector,
@@ -1327,8 +1319,7 @@ function throttle(fn, ms) {
   return (...args) => {
     const now = Date.now();
     if (now - lastCall < ms) {
-      if (timeoutId)
-        clearTimeout(timeoutId);
+      if (timeoutId) clearTimeout(timeoutId);
       timeoutId = setTimeout(
         () => {
           lastCall = now;
@@ -1467,8 +1458,7 @@ function useMultiplayerState(initialState, options) {
     });
   }, [multiplayerStateManager]);
   (0, import_react7.useEffect)(() => {
-    if (!unrecoverableError)
-      return;
+    if (!unrecoverableError) return;
     const el = document.createElement("div");
     el.id = "noya-multiplayer-react-error-overlay";
     document.body.appendChild(el);
@@ -1516,13 +1506,11 @@ function enforceSchema(initialState, schema) {
 function parseAppDataParameter(options) {
   const window2 = options?.window ?? globalThis;
   const location = window2.location;
-  if (!location)
-    return null;
+  if (!location) return null;
   const urlHash = (location.hash || "").replace(/^#/, "");
   const params = new URLSearchParams(urlHash);
   const data = params.get("data");
-  if (!data)
-    return null;
+  if (!data) return null;
   try {
     return JSON.parse(data);
   } catch (e) {
@@ -1540,8 +1528,7 @@ function getAppData(initialState, schema, options) {
 }
 function useBroadcastConnectedUsers(connectedUsers) {
   (0, import_react8.useEffect)(() => {
-    if (!isEmbeddedApp())
-      return;
+    if (!isEmbeddedApp()) return;
     const message = {
       type: "multiplayer.setUsers",
       payload: { users: connectedUsers }
@@ -1551,8 +1538,7 @@ function useBroadcastConnectedUsers(connectedUsers) {
 }
 function useBroadcastMenuItems(menuItems, handleSelectMenuItem) {
   (0, import_react8.useEffect)(() => {
-    if (!isEmbeddedApp())
-      return;
+    if (!isEmbeddedApp()) return;
     const message = {
       type: "application.setMenuItems",
       payload: { menuItems }
@@ -1638,7 +1624,8 @@ function useAssetManager() {
   );
 }
 function createNoyaContext({
-  schema
+  schema,
+  mergeHistoryEntries
 }) {
   const NoyaStateContext = AnyNoyaStateContext;
   function NoyaStateProvider({
@@ -1650,7 +1637,8 @@ function createNoyaContext({
       initialState,
       {
         ...options,
-        schema
+        schema,
+        mergeHistoryEntries
       }
     );
     const value = (0, import_react9.useMemo)(
@@ -1692,12 +1680,17 @@ function createNoyaContext({
     const setValue = useSetValue(path ?? "");
     return [value, setValue];
   }
+  function useStateManager() {
+    const { ms } = useAnyNoyaStateContext();
+    return ms;
+  }
   return {
     Context: NoyaStateContext,
     Provider: NoyaStateProvider,
     useValue,
     useSetValue,
-    useValueState
+    useValueState,
+    useStateManager
     // useAssets,
     // useAssetManager,
     // useAsset,