@noya-app/noya-multiplayer-react 0.1.54 → 0.1.55

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/.turbo/turbo-build.log +11 -22
  2. package/CHANGELOG.md +11 -0
  3. package/dist/index.bundle.js +24 -13
  4. package/dist/index.d.mts +18 -9
  5. package/dist/index.d.ts +18 -9
  6. package/dist/index.js +363 -154
  7. package/dist/index.js.map +1 -1
  8. package/dist/index.mjs +364 -155
  9. package/dist/index.mjs.map +1 -1
  10. package/package.json +5 -5
  11. package/src/NoyaStateContext.tsx +4 -0
  12. package/src/components/UserPointersOverlay.tsx +16 -7
  13. package/src/hooks.ts +8 -5
  14. package/src/inspector/StateInspector.tsx +45 -35
package/dist/index.d.mts CHANGED
@@ -1,10 +1,11 @@
1
1
  import * as _noya_app_state_manager from '@noya-app/state-manager';
2
- import { AIToolDefinition, ConnectedUsersManager, EphemeralUserDataManager, NoyaManager, StateManager, StateManagerOptions, MultiplayerStateManagerOptions, SyncAdapter, TSchema, Static, CreateParams, MultiplayerStateManager, ReconnectingWebSocketState, ClientToServerMessage, ServerToClientMessage, MultiplayerStateManagerError } from '@noya-app/state-manager';
2
+ import { AIToolDefinition, ConnectedUsersManager, EphemeralUserDataManager, NoyaManager, StateManager, StateManagerOptions, NoyaManagerOptions, SyncAdapter, TSchema, Static, SafeEval, CreateParams, MultiplayerStateManager, ReconnectingWebSocketState, ClientToServerMessage, ServerToClientMessage, MultiplayerStateManagerError } from '@noya-app/state-manager';
3
3
  export * from '@noya-app/state-manager';
4
4
  import React, { SetStateAction, ComponentProps } from 'react';
5
+ import * as _noya_app_noya_schemas from '@noya-app/noya-schemas';
6
+ import { OutputTransform, Input } from '@noya-app/noya-schemas';
5
7
  import { GetAtPath, ObservableOptions, PathKey, Observable } from '@noya-app/observable';
6
8
  import { MenuItem } from '@noya-app/noya-designsystem';
7
- import { OutputTransform, Input } from '@noya-app/noya-schemas';
8
9
 
9
10
  declare function useRegisterAITool(tool: AIToolDefinition): void;
10
11
  declare function useCallableAITools(): _noya_app_state_manager.CallableAIToolsMap;
@@ -45,7 +46,7 @@ declare function useSyncStateManager<S, M>(stateManager: StateManager<S, M>): S;
45
46
  declare function useSyncStateManager<S, M, P extends string>(stateManager: StateManager<S, M>, path: P): GetAtPath<S, P>;
46
47
  declare function useManagedState<S, M = void>(createInitialState: () => S, options?: StateManagerOptions<S, M>): readonly [S, (...args: M extends {} ? [metadata: M, action: SetStateAction<S>] : [action: SetStateAction<S>]) => void, StateManager<S, M>];
47
48
  declare function useManagedHistory<S, M = void>(stateManager: StateManager<S, M>): _noya_app_state_manager.HistorySnapshot<S, M>;
48
- type UseMultiplayerStateOptions<S, M extends object = object, E extends object = object, MenuT extends string = string> = MultiplayerStateManagerOptions<S, M> & {
49
+ type UseMultiplayerStateOptions<S, M extends object = object, E extends object = object, MenuT extends string = string> = NoyaManagerOptions<S, M> & {
49
50
  sync?: SyncAdapter<S, M, E, MenuT>;
50
51
  inspector?: boolean | StateInspectorOptions;
51
52
  };
@@ -62,9 +63,9 @@ declare function useMultiplayerState<S, M extends object = object, E extends obj
62
63
  pipelineManager: _noya_app_state_manager.PipelineManager;
63
64
  secretManager: _noya_app_state_manager.SecretManager;
64
65
  menuItemsManager: _noya_app_state_manager.MenuManager<MenuT>;
65
- createAsset: (options: _noya_app_state_manager.CreateAssetOptions | Uint8Array | File | Blob) => Promise<_noya_app_state_manager.Asset>;
66
+ createAsset: (options: _noya_app_state_manager.CreateAssetOptions | Uint8Array | File | Blob) => Promise<_noya_app_noya_schemas.Asset>;
66
67
  deleteAsset: (id: string) => Promise<void>;
67
- assets: _noya_app_state_manager.Asset[];
68
+ assets: _noya_app_noya_schemas.Asset[];
68
69
  }];
69
70
 
70
71
  declare function useStateInspector<S, M extends object, E extends object, MenuT extends string = string>({ noyaManager, disabled, colorScheme, anchor, }: {
@@ -135,10 +136,10 @@ declare function useAnyNoyaStateContext(): AnyNoyaStateContextValue;
135
136
  declare function useAnyNoyaManager(): NoyaManager<any, any, any, any>;
136
137
  declare function useColorScheme(): AppTheme;
137
138
  declare function useViewType(): AppViewType;
138
- declare function useAssets(): _noya_app_state_manager.Asset[];
139
- declare function useAsset(id: string | undefined): _noya_app_state_manager.Asset | undefined;
139
+ declare function useAssets(): _noya_app_noya_schemas.Asset[];
140
+ declare function useAsset(id: string | undefined): _noya_app_noya_schemas.Asset | undefined;
140
141
  declare function useAssetManager(): {
141
- create: (options: _noya_app_state_manager.CreateAssetOptions | Uint8Array | File | Blob) => Promise<_noya_app_state_manager.Asset>;
142
+ create: (options: _noya_app_state_manager.CreateAssetOptions | Uint8Array | File | Blob) => Promise<_noya_app_noya_schemas.Asset>;
142
143
  delete: (id: string) => Promise<void>;
143
144
  isInitialized: boolean;
144
145
  };
@@ -152,12 +153,14 @@ declare function useInputs(): ({
152
153
  name: string;
153
154
  required: boolean;
154
155
  toolId: string | null;
156
+ stableId: string;
155
157
  description: string | null;
156
158
  } | {
157
159
  id: string;
158
160
  kind: "data";
159
161
  name: string;
160
162
  required: boolean;
163
+ stableId: string;
161
164
  description: string | null;
162
165
  schema: {
163
166
  default?: string | undefined;
@@ -247,22 +250,27 @@ declare function useInputs(): ({
247
250
  _kind: "Object";
248
251
  } | null;
249
252
  } | {
253
+ authProvider?: "github" | "figma" | null | undefined;
254
+ authScope?: string | null | undefined;
250
255
  id: string;
251
256
  kind: "secret";
252
257
  name: string;
253
258
  required: boolean;
259
+ stableId: string;
254
260
  description: string | null;
255
261
  })[];
256
262
  declare function useOutputTransforms(): ({
257
263
  value: string;
258
264
  id: string;
259
265
  kind: "script";
266
+ stableId: string;
260
267
  location: "state" | "url";
261
268
  order: number;
262
269
  } | {
263
270
  value: string;
264
271
  id: string;
265
272
  kind: "jsonPointer";
273
+ stableId: string;
266
274
  order: number;
267
275
  })[];
268
276
  declare function useIOManager(): _noya_app_state_manager.IOManager;
@@ -277,9 +285,10 @@ declare const FallbackUntilInitialized: ({ children, fallback, }: {
277
285
  children: React.ReactNode;
278
286
  fallback?: React.ReactNode;
279
287
  }) => React.ReactNode;
280
- declare function createNoyaContext<Schema extends TSchema, M extends object = object, E extends object = object, MenuT extends string = string>({ schema, mergeHistoryEntries, outputTransforms, inputs, }: {
288
+ declare function createNoyaContext<Schema extends TSchema, M extends object = object, E extends object = object, MenuT extends string = string>({ schema, mergeHistoryEntries, outputTransforms, inputs, safeEval, }: {
281
289
  schema: Schema;
282
290
  mergeHistoryEntries?: StateManagerOptions<Static<Schema>, M>["mergeHistoryEntries"];
291
+ safeEval?: SafeEval;
283
292
  outputTransforms?: CreateParams<OutputTransform>[];
284
293
  inputs?: CreateParams<Input>[];
285
294
  }): {
package/dist/index.d.ts CHANGED
@@ -1,10 +1,11 @@
1
1
  import * as _noya_app_state_manager from '@noya-app/state-manager';
2
- import { AIToolDefinition, ConnectedUsersManager, EphemeralUserDataManager, NoyaManager, StateManager, StateManagerOptions, MultiplayerStateManagerOptions, SyncAdapter, TSchema, Static, CreateParams, MultiplayerStateManager, ReconnectingWebSocketState, ClientToServerMessage, ServerToClientMessage, MultiplayerStateManagerError } from '@noya-app/state-manager';
2
+ import { AIToolDefinition, ConnectedUsersManager, EphemeralUserDataManager, NoyaManager, StateManager, StateManagerOptions, NoyaManagerOptions, SyncAdapter, TSchema, Static, SafeEval, CreateParams, MultiplayerStateManager, ReconnectingWebSocketState, ClientToServerMessage, ServerToClientMessage, MultiplayerStateManagerError } from '@noya-app/state-manager';
3
3
  export * from '@noya-app/state-manager';
4
4
  import React, { SetStateAction, ComponentProps } from 'react';
5
+ import * as _noya_app_noya_schemas from '@noya-app/noya-schemas';
6
+ import { OutputTransform, Input } from '@noya-app/noya-schemas';
5
7
  import { GetAtPath, ObservableOptions, PathKey, Observable } from '@noya-app/observable';
6
8
  import { MenuItem } from '@noya-app/noya-designsystem';
7
- import { OutputTransform, Input } from '@noya-app/noya-schemas';
8
9
 
9
10
  declare function useRegisterAITool(tool: AIToolDefinition): void;
10
11
  declare function useCallableAITools(): _noya_app_state_manager.CallableAIToolsMap;
@@ -45,7 +46,7 @@ declare function useSyncStateManager<S, M>(stateManager: StateManager<S, M>): S;
45
46
  declare function useSyncStateManager<S, M, P extends string>(stateManager: StateManager<S, M>, path: P): GetAtPath<S, P>;
46
47
  declare function useManagedState<S, M = void>(createInitialState: () => S, options?: StateManagerOptions<S, M>): readonly [S, (...args: M extends {} ? [metadata: M, action: SetStateAction<S>] : [action: SetStateAction<S>]) => void, StateManager<S, M>];
47
48
  declare function useManagedHistory<S, M = void>(stateManager: StateManager<S, M>): _noya_app_state_manager.HistorySnapshot<S, M>;
48
- type UseMultiplayerStateOptions<S, M extends object = object, E extends object = object, MenuT extends string = string> = MultiplayerStateManagerOptions<S, M> & {
49
+ type UseMultiplayerStateOptions<S, M extends object = object, E extends object = object, MenuT extends string = string> = NoyaManagerOptions<S, M> & {
49
50
  sync?: SyncAdapter<S, M, E, MenuT>;
50
51
  inspector?: boolean | StateInspectorOptions;
51
52
  };
@@ -62,9 +63,9 @@ declare function useMultiplayerState<S, M extends object = object, E extends obj
62
63
  pipelineManager: _noya_app_state_manager.PipelineManager;
63
64
  secretManager: _noya_app_state_manager.SecretManager;
64
65
  menuItemsManager: _noya_app_state_manager.MenuManager<MenuT>;
65
- createAsset: (options: _noya_app_state_manager.CreateAssetOptions | Uint8Array | File | Blob) => Promise<_noya_app_state_manager.Asset>;
66
+ createAsset: (options: _noya_app_state_manager.CreateAssetOptions | Uint8Array | File | Blob) => Promise<_noya_app_noya_schemas.Asset>;
66
67
  deleteAsset: (id: string) => Promise<void>;
67
- assets: _noya_app_state_manager.Asset[];
68
+ assets: _noya_app_noya_schemas.Asset[];
68
69
  }];
69
70
 
70
71
  declare function useStateInspector<S, M extends object, E extends object, MenuT extends string = string>({ noyaManager, disabled, colorScheme, anchor, }: {
@@ -135,10 +136,10 @@ declare function useAnyNoyaStateContext(): AnyNoyaStateContextValue;
135
136
  declare function useAnyNoyaManager(): NoyaManager<any, any, any, any>;
136
137
  declare function useColorScheme(): AppTheme;
137
138
  declare function useViewType(): AppViewType;
138
- declare function useAssets(): _noya_app_state_manager.Asset[];
139
- declare function useAsset(id: string | undefined): _noya_app_state_manager.Asset | undefined;
139
+ declare function useAssets(): _noya_app_noya_schemas.Asset[];
140
+ declare function useAsset(id: string | undefined): _noya_app_noya_schemas.Asset | undefined;
140
141
  declare function useAssetManager(): {
141
- create: (options: _noya_app_state_manager.CreateAssetOptions | Uint8Array | File | Blob) => Promise<_noya_app_state_manager.Asset>;
142
+ create: (options: _noya_app_state_manager.CreateAssetOptions | Uint8Array | File | Blob) => Promise<_noya_app_noya_schemas.Asset>;
142
143
  delete: (id: string) => Promise<void>;
143
144
  isInitialized: boolean;
144
145
  };
@@ -152,12 +153,14 @@ declare function useInputs(): ({
152
153
  name: string;
153
154
  required: boolean;
154
155
  toolId: string | null;
156
+ stableId: string;
155
157
  description: string | null;
156
158
  } | {
157
159
  id: string;
158
160
  kind: "data";
159
161
  name: string;
160
162
  required: boolean;
163
+ stableId: string;
161
164
  description: string | null;
162
165
  schema: {
163
166
  default?: string | undefined;
@@ -247,22 +250,27 @@ declare function useInputs(): ({
247
250
  _kind: "Object";
248
251
  } | null;
249
252
  } | {
253
+ authProvider?: "github" | "figma" | null | undefined;
254
+ authScope?: string | null | undefined;
250
255
  id: string;
251
256
  kind: "secret";
252
257
  name: string;
253
258
  required: boolean;
259
+ stableId: string;
254
260
  description: string | null;
255
261
  })[];
256
262
  declare function useOutputTransforms(): ({
257
263
  value: string;
258
264
  id: string;
259
265
  kind: "script";
266
+ stableId: string;
260
267
  location: "state" | "url";
261
268
  order: number;
262
269
  } | {
263
270
  value: string;
264
271
  id: string;
265
272
  kind: "jsonPointer";
273
+ stableId: string;
266
274
  order: number;
267
275
  })[];
268
276
  declare function useIOManager(): _noya_app_state_manager.IOManager;
@@ -277,9 +285,10 @@ declare const FallbackUntilInitialized: ({ children, fallback, }: {
277
285
  children: React.ReactNode;
278
286
  fallback?: React.ReactNode;
279
287
  }) => React.ReactNode;
280
- declare function createNoyaContext<Schema extends TSchema, M extends object = object, E extends object = object, MenuT extends string = string>({ schema, mergeHistoryEntries, outputTransforms, inputs, }: {
288
+ declare function createNoyaContext<Schema extends TSchema, M extends object = object, E extends object = object, MenuT extends string = string>({ schema, mergeHistoryEntries, outputTransforms, inputs, safeEval, }: {
281
289
  schema: Schema;
282
290
  mergeHistoryEntries?: StateManagerOptions<Static<Schema>, M>["mergeHistoryEntries"];
291
+ safeEval?: SafeEval;
283
292
  outputTransforms?: CreateParams<OutputTransform>[];
284
293
  inputs?: CreateParams<Input>[];
285
294
  }): {