@noya-app/noya-multiplayer-react 0.1.21 → 0.1.22

package/.turbo/turbo-build.log

@@ -5,14 +5,14 @@
 CLI Target: esnext
 CJS Build start
 ESM Build start
-CJS dist/index.js     42.34 KB
-CJS dist/index.js.map 67.91 KB
+CJS dist/index.js     44.79 KB
+CJS dist/index.js.map 72.76 KB
 CJS ⚡️ Build success in 46ms
-ESM dist/index.mjs     37.54 KB
-ESM dist/index.mjs.map 68.07 KB
+ESM dist/index.mjs     39.67 KB
+ESM dist/index.mjs.map 72.89 KB
 ESM ⚡️ Build success in 46ms
 DTS Build start
 "ComponentPropsWithoutRef" is imported from external module "react" but never used in "src/components/UserPointersOverlay.tsx", "src/inspector/StateInspector.tsx" and "src/hooks.ts".
-DTS ⚡️ Build success in 3045ms
-DTS dist/index.d.ts  4.71 KB
-DTS dist/index.d.mts 4.71 KB
+DTS ⚡️ Build success in 1541ms
+DTS dist/index.d.ts  6.13 KB
+DTS dist/index.d.mts 6.13 KB

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @noya-app/state-manager
 
+## 0.1.22
+
+### Patch Changes
+
+- 7306000: Improve embedded apis
+- Updated dependencies [7306000]
+  - @noya-app/state-manager@0.1.21
+
 ## 0.1.21
 
 ### Patch Changes

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import * as _noya_app_state_manager from '@noya-app/state-manager';
-import { MultiplayerUser, EphemeralUserData, ConnectionEvent, Task, MultiplayerStateManager, StateManager, Get, StateManagerOptions, MultiplayerStateManagerOptions } from '@noya-app/state-manager';
+import { MultiplayerUser, EphemeralUserData, TSchema, ConnectionEvent, Task, MultiplayerStateManager, StateManager, Get, StateManagerOptions, MultiplayerStateManagerOptions } from '@noya-app/state-manager';
 export * from '@noya-app/state-manager';
 import React, { SetStateAction, ComponentProps } from 'react';
 
@@ -45,6 +45,46 @@ declare const UserPointerIcon: React.NamedExoticComponent<{
     color?: string | undefined;
 }>;
 
+type AppViewType = "editable" | "readOnly" | "preview";
+type AppTheme = "light" | "dark";
+type AppData<State> = {
+    multiplayerUrl?: string;
+    theme: AppTheme;
+    viewType: AppViewType;
+    initialState: State;
+    inspector: boolean;
+};
+declare function createDefaultAppData<State>(initialState: State): AppData<State>;
+declare function getAppData<State>(): AppData<State> | undefined;
+declare function getAppData<State>(initialState: State): AppData<State>;
+type NoyaAppOptions = {
+    schema?: TSchema;
+};
+/**
+ * Get data from host app. Fall back to default data.
+ */
+declare function useNoyaApp<State>(initialState: State, { schema }?: NoyaAppOptions): AppData<State>;
+type IframeToHostMessage = {
+    type: "application.setMenuItems";
+    payload: {
+        menuItems: any[];
+    };
+} | {
+    type: "multiplayer.setUsers";
+    payload: {
+        users: any[];
+    };
+};
+type HostToIframeMessage = {
+    type: "application.selectMenuItem";
+    payload: {
+        value: string;
+    };
+};
+declare function useBroadcastConnectedUsers(connectedUsers: MultiplayerUser[]): void;
+declare function useBroadcastMenuItems<T>(menuItems: any[], handleSelectMenuItem: (value: T) => void): void;
+declare function isEmbeddedApp(): boolean;
+
 type Anchor = "left" | "right" | "bottom left" | "bottom right";
 declare const StateInspector: React.MemoExoticComponent<(<S extends object, M, E>({ state, connectionEvents, connectedUsers, tasks, userId, unstyled, colorScheme, multiplayerStateManager, ephemeralUserData, anchor, forceInit, ...props }: {
     state: S;
@@ -86,4 +126,4 @@ declare function useMultiplayerState<S extends object, M = void, E = void>(initi
     ephemeralUserData: EphemeralUserData<E>;
 }];
 
-export { StateInspector, UserNameTag, UserPointer, UserPointerContainer, type UserPointerData, UserPointerIcon, type UserPointerProps, UserPointersOverlay, type UserPointersOverlayProps, getAvatarInitials, getAvatarStyle, useEphemeralUserData, useManagedHistory, useManagedState, useMultiplayerState, useSyncMultiplayerStateManager, useSyncStateManager };
+export { type AppData, type AppTheme, type AppViewType, type HostToIframeMessage, type IframeToHostMessage, StateInspector, UserNameTag, UserPointer, UserPointerContainer, type UserPointerData, UserPointerIcon, type UserPointerProps, UserPointersOverlay, type UserPointersOverlayProps, createDefaultAppData, getAppData, getAvatarInitials, getAvatarStyle, isEmbeddedApp, useBroadcastConnectedUsers, useBroadcastMenuItems, useEphemeralUserData, useManagedHistory, useManagedState, useMultiplayerState, useNoyaApp, useSyncMultiplayerStateManager, useSyncStateManager };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as _noya_app_state_manager from '@noya-app/state-manager';
-import { MultiplayerUser, EphemeralUserData, ConnectionEvent, Task, MultiplayerStateManager, StateManager, Get, StateManagerOptions, MultiplayerStateManagerOptions } from '@noya-app/state-manager';
+import { MultiplayerUser, EphemeralUserData, TSchema, ConnectionEvent, Task, MultiplayerStateManager, StateManager, Get, StateManagerOptions, MultiplayerStateManagerOptions } from '@noya-app/state-manager';
 export * from '@noya-app/state-manager';
 import React, { SetStateAction, ComponentProps } from 'react';
 
@@ -45,6 +45,46 @@ declare const UserPointerIcon: React.NamedExoticComponent<{
     color?: string | undefined;
 }>;
 
+type AppViewType = "editable" | "readOnly" | "preview";
+type AppTheme = "light" | "dark";
+type AppData<State> = {
+    multiplayerUrl?: string;
+    theme: AppTheme;
+    viewType: AppViewType;
+    initialState: State;
+    inspector: boolean;
+};
+declare function createDefaultAppData<State>(initialState: State): AppData<State>;
+declare function getAppData<State>(): AppData<State> | undefined;
+declare function getAppData<State>(initialState: State): AppData<State>;
+type NoyaAppOptions = {
+    schema?: TSchema;
+};
+/**
+ * Get data from host app. Fall back to default data.
+ */
+declare function useNoyaApp<State>(initialState: State, { schema }?: NoyaAppOptions): AppData<State>;
+type IframeToHostMessage = {
+    type: "application.setMenuItems";
+    payload: {
+        menuItems: any[];
+    };
+} | {
+    type: "multiplayer.setUsers";
+    payload: {
+        users: any[];
+    };
+};
+type HostToIframeMessage = {
+    type: "application.selectMenuItem";
+    payload: {
+        value: string;
+    };
+};
+declare function useBroadcastConnectedUsers(connectedUsers: MultiplayerUser[]): void;
+declare function useBroadcastMenuItems<T>(menuItems: any[], handleSelectMenuItem: (value: T) => void): void;
+declare function isEmbeddedApp(): boolean;
+
 type Anchor = "left" | "right" | "bottom left" | "bottom right";
 declare const StateInspector: React.MemoExoticComponent<(<S extends object, M, E>({ state, connectionEvents, connectedUsers, tasks, userId, unstyled, colorScheme, multiplayerStateManager, ephemeralUserData, anchor, forceInit, ...props }: {
     state: S;
@@ -86,4 +126,4 @@ declare function useMultiplayerState<S extends object, M = void, E = void>(initi
     ephemeralUserData: EphemeralUserData<E>;
 }];
 
-export { StateInspector, UserNameTag, UserPointer, UserPointerContainer, type UserPointerData, UserPointerIcon, type UserPointerProps, UserPointersOverlay, type UserPointersOverlayProps, getAvatarInitials, getAvatarStyle, useEphemeralUserData, useManagedHistory, useManagedState, useMultiplayerState, useSyncMultiplayerStateManager, useSyncStateManager };
+export { type AppData, type AppTheme, type AppViewType, type HostToIframeMessage, type IframeToHostMessage, StateInspector, UserNameTag, UserPointer, UserPointerContainer, type UserPointerData, UserPointerIcon, type UserPointerProps, UserPointersOverlay, type UserPointersOverlayProps, createDefaultAppData, getAppData, getAvatarInitials, getAvatarStyle, isEmbeddedApp, useBroadcastConnectedUsers, useBroadcastMenuItems, useEphemeralUserData, useManagedHistory, useManagedState, useMultiplayerState, useNoyaApp, useSyncMultiplayerStateManager, useSyncStateManager };