@noya-app/noya-multiplayer-react 0.1.63 → 0.1.65
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.
- package/.turbo/turbo-build.log +11 -11
- package/CHANGELOG.md +18 -0
- package/dist/index.bundle.js +19 -19
- package/dist/index.d.mts +33 -10
- package/dist/index.d.ts +33 -10
- package/dist/index.js +1410 -329
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1357 -283
- package/dist/index.mjs.map +1 -1
- package/package.json +4 -4
- package/src/NoyaStateContext.tsx +225 -19
- package/src/inspector/StateInspector.tsx +141 -20
- package/src/inspector/StateInspectorTitleLabel.tsx +13 -0
- package/src/inspector/sections/ActivityEventsSection.tsx +136 -0
- package/src/inspector/utils.ts +2 -2
- package/src/noyaApp.ts +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as _noya_app_state_manager from '@noya-app/state-manager';
|
|
2
|
-
import { AIToolDefinition, ConnectedUsersManager, EphemeralUserDataManager, NoyaManager, StateManager, StateManagerOptions, NoyaManagerOptions, SyncAdapter, TSchema, Static, PublishCallback, MultiplayerPatchMetadata, SafeEval, CreateParams, MultiplayerStateManager, ReconnectingWebSocketState, ClientToServerMessage, ServerToClientMessage, MultiplayerStateManagerError } from '@noya-app/state-manager';
|
|
2
|
+
import { AIToolDefinition, ConnectedUsersManager, EphemeralUserDataManager, NoyaManager, StateManager, StateManagerOptions, NoyaManagerOptions, SyncAdapter, TSchema, Static, PublishCallback, ResourceManager, StreamFilter, ActivityEventsManager, MultiplayerPatchMetadata, SafeEval, CreateParams, MultiplayerStateManager, ReconnectingWebSocketState, ClientToServerMessage, ServerToClientMessage, MultiplayerStateManagerError } from '@noya-app/state-manager';
|
|
3
3
|
export * from '@noya-app/state-manager';
|
|
4
|
-
import React, { SetStateAction, ComponentProps } from 'react';
|
|
4
|
+
import React, { SetStateAction, ComponentProps, Dispatch } from 'react';
|
|
5
5
|
import * as _noya_app_noya_schemas from '@noya-app/noya-schemas';
|
|
6
|
-
import { Asset, OutputTransform, Input } from '@noya-app/noya-schemas';
|
|
6
|
+
import { Asset, Resource, MediaItem, ResourceMap, ResourceCreateMap, OutputTransform, Input } from '@noya-app/noya-schemas';
|
|
7
7
|
import { GetAtPath, ObservableOptions, PathKey, Observable } from '@noya-app/observable';
|
|
8
8
|
import { MenuItem } from '@noya-app/noya-designsystem';
|
|
9
9
|
|
|
@@ -68,9 +68,12 @@ declare function useMultiplayerState<S, M extends object = object, E extends obj
|
|
|
68
68
|
assets: {
|
|
69
69
|
contentType?: string | undefined;
|
|
70
70
|
id: string;
|
|
71
|
-
url: string;
|
|
72
71
|
createdAt: string;
|
|
72
|
+
url: string;
|
|
73
73
|
size: number;
|
|
74
|
+
width: number | null;
|
|
75
|
+
height: number | null;
|
|
76
|
+
userId: string | null;
|
|
74
77
|
}[];
|
|
75
78
|
}];
|
|
76
79
|
|
|
@@ -167,16 +170,22 @@ declare function useViewType(): AppViewType;
|
|
|
167
170
|
declare function useAssets(): {
|
|
168
171
|
contentType?: string | undefined;
|
|
169
172
|
id: string;
|
|
170
|
-
url: string;
|
|
171
173
|
createdAt: string;
|
|
174
|
+
url: string;
|
|
172
175
|
size: number;
|
|
176
|
+
width: number | null;
|
|
177
|
+
height: number | null;
|
|
178
|
+
userId: string | null;
|
|
173
179
|
}[];
|
|
174
180
|
declare function useAsset(id: string | undefined): {
|
|
175
181
|
contentType?: string | undefined;
|
|
176
182
|
id: string;
|
|
177
|
-
url: string;
|
|
178
183
|
createdAt: string;
|
|
184
|
+
url: string;
|
|
179
185
|
size: number;
|
|
186
|
+
width: number | null;
|
|
187
|
+
height: number | null;
|
|
188
|
+
userId: string | null;
|
|
180
189
|
} | undefined;
|
|
181
190
|
declare function useAssetManager(): {
|
|
182
191
|
create: (options: _noya_app_state_manager.CreateAssetOptions | Uint8Array | File | Blob) => Promise<_noya_app_noya_schemas.Asset>;
|
|
@@ -189,14 +198,15 @@ declare function useSecrets(): _noya_app_state_manager.Secret[];
|
|
|
189
198
|
declare function useSecret(name: string): _noya_app_state_manager.Secret | undefined;
|
|
190
199
|
declare function useInputs(): ({
|
|
191
200
|
id: string;
|
|
192
|
-
kind: "file";
|
|
193
201
|
name: string;
|
|
202
|
+
kind: "file";
|
|
194
203
|
required: boolean;
|
|
195
204
|
toolId: string | null;
|
|
196
205
|
stableId: string;
|
|
197
206
|
description: string | null;
|
|
198
207
|
} | {
|
|
199
208
|
id: string;
|
|
209
|
+
name: string;
|
|
200
210
|
schema: {
|
|
201
211
|
default?: string | undefined;
|
|
202
212
|
type: "string";
|
|
@@ -285,7 +295,6 @@ declare function useInputs(): ({
|
|
|
285
295
|
_kind: "Object";
|
|
286
296
|
} | null;
|
|
287
297
|
kind: "data";
|
|
288
|
-
name: string;
|
|
289
298
|
required: boolean;
|
|
290
299
|
stableId: string;
|
|
291
300
|
description: string | null;
|
|
@@ -293,8 +302,8 @@ declare function useInputs(): ({
|
|
|
293
302
|
authProvider?: "github" | "figma" | null | undefined;
|
|
294
303
|
authScope?: string | null | undefined;
|
|
295
304
|
id: string;
|
|
296
|
-
kind: "secret";
|
|
297
305
|
name: string;
|
|
306
|
+
kind: "secret";
|
|
298
307
|
required: boolean;
|
|
299
308
|
stableId: string;
|
|
300
309
|
description: string | null;
|
|
@@ -319,9 +328,19 @@ declare function useIsInitialized(): boolean;
|
|
|
319
328
|
declare function usePipelineManager(): _noya_app_state_manager.PipelineManager;
|
|
320
329
|
declare const ConnectedUsersContext: React.Context<ConnectedUsersManager | undefined>;
|
|
321
330
|
declare function useConnectedUsersManager(): ConnectedUsersManager | undefined;
|
|
331
|
+
declare function useConnectedUsers(): _noya_app_state_manager.MultiplayerUser[] | undefined;
|
|
332
|
+
declare function useConnectedUser(userId?: string | null): _noya_app_state_manager.MultiplayerUser | undefined;
|
|
322
333
|
declare const AnyEphemeralUserDataManagerContext: React.Context<EphemeralUserDataManager<object> | undefined>;
|
|
323
334
|
declare function useAnyEphemeralUserData(): EphemeralUserDataManager<object> | undefined;
|
|
324
335
|
declare function useCurrentUserId(): string | undefined;
|
|
336
|
+
declare function useIsProcessing(): boolean;
|
|
337
|
+
declare function useResourceManager(): ResourceManager;
|
|
338
|
+
declare function resourceToMediaItem(resource: Resource): MediaItem;
|
|
339
|
+
declare function useResources({ shouldDeleteAssets, }?: {
|
|
340
|
+
shouldDeleteAssets?: boolean;
|
|
341
|
+
}): [ResourceMap, Dispatch<SetStateAction<ResourceCreateMap>>];
|
|
342
|
+
declare function useActivityEvents(streamFilter: StreamFilter): unknown[];
|
|
343
|
+
declare function useActivityEventsForManager(streamFilter: StreamFilter | undefined, activityEventsManager: ActivityEventsManager): unknown[];
|
|
325
344
|
declare const FallbackUntilInitialized: ({ children, fallback, }: {
|
|
326
345
|
children: React.ReactNode;
|
|
327
346
|
fallback?: React.ReactNode;
|
|
@@ -335,6 +354,10 @@ declare function createNoyaContext<Schema extends TSchema, M extends object = ob
|
|
|
335
354
|
}): {
|
|
336
355
|
Context: React.Context<NoyaManager<Static<Schema>, M, E, string> | undefined>;
|
|
337
356
|
Provider: ({ children, initialState, ...options }: NoyaStateProviderProps<Static<Schema>, M, E, MenuT>) => React.JSX.Element;
|
|
357
|
+
NoyaContextProvider: ({ children, contextValue, }: {
|
|
358
|
+
children: React.ReactNode;
|
|
359
|
+
contextValue: AnyNoyaStateContextValue;
|
|
360
|
+
}) => React.JSX.Element;
|
|
338
361
|
useValue: {
|
|
339
362
|
(): Static<Schema>;
|
|
340
363
|
<A>(selector: (value: Static<Schema>) => A, options?: Pick<ObservableOptions, "isEqual">): A;
|
|
@@ -405,4 +428,4 @@ declare class WebSocketConnection<State> {
|
|
|
405
428
|
removeListener(listener: (state: ReconnectingWebSocketState) => void): void;
|
|
406
429
|
}
|
|
407
430
|
|
|
408
|
-
export { AnyEphemeralUserDataManagerContext, AnyNoyaStateContext, type AnyNoyaStateContextValue, type AppData, type AppTheme, type AppViewType, ConnectedUsersContext, type ConnectionEvent, type ConnectionOptions, FallbackUntilInitialized, type GetAppDataOptions, type NoyaStateProviderProps, type RenderUserPointer, type RenderUserPointerProps, StateInspector, type StateInspectorAnchor, type StateInspectorOptions, type UseMultiplayerStateOptions, type UseNoyaStateOptions, type UseNoyaStateResult, type UserPointerData, UserPointersOverlay, type UserPointersOverlayProps, WebSocketConnection, createDefaultAppData, createNoyaContext, decodeAll, encodeAll, enforceSchema, exportAll, fetchAssetMap, getAppData, importAll, parseAppDataParameter, replaceDeep, useAIManager, useAnyEphemeralUserData, useAnyNoyaManager, useAnyNoyaStateContext, useAsset, useAssetManager, useAssets, useCallableAITools, useColorScheme, useConnectedUsersManager, useCurrentUserId, useIOManager, useInputs, useIsInitialized, useManagedHistory, useManagedState, useMultiplayerState, useNoyaState, useObservable, useOutputTransforms, usePipelineManager, usePublish, useRegisterAITool, useSecret, useSecretManager, useSecrets, useStateInspector, useSyncStateManager, useViewType };
|
|
431
|
+
export { AnyEphemeralUserDataManagerContext, AnyNoyaStateContext, type AnyNoyaStateContextValue, type AppData, type AppTheme, type AppViewType, ConnectedUsersContext, type ConnectionEvent, type ConnectionOptions, FallbackUntilInitialized, type GetAppDataOptions, type NoyaStateProviderProps, type RenderUserPointer, type RenderUserPointerProps, StateInspector, type StateInspectorAnchor, type StateInspectorOptions, type UseMultiplayerStateOptions, type UseNoyaStateOptions, type UseNoyaStateResult, type UserPointerData, UserPointersOverlay, type UserPointersOverlayProps, WebSocketConnection, createDefaultAppData, createNoyaContext, decodeAll, encodeAll, enforceSchema, exportAll, fetchAssetMap, getAppData, importAll, parseAppDataParameter, replaceDeep, resourceToMediaItem, useAIManager, useActivityEvents, useActivityEventsForManager, useAnyEphemeralUserData, useAnyNoyaManager, useAnyNoyaStateContext, useAsset, useAssetManager, useAssets, useCallableAITools, useColorScheme, useConnectedUser, useConnectedUsers, useConnectedUsersManager, useCurrentUserId, useIOManager, useInputs, useIsInitialized, useIsProcessing, useManagedHistory, useManagedState, useMultiplayerState, useNoyaState, useObservable, useOutputTransforms, usePipelineManager, usePublish, useRegisterAITool, useResourceManager, useResources, useSecret, useSecretManager, useSecrets, useStateInspector, useSyncStateManager, useViewType };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as _noya_app_state_manager from '@noya-app/state-manager';
|
|
2
|
-
import { AIToolDefinition, ConnectedUsersManager, EphemeralUserDataManager, NoyaManager, StateManager, StateManagerOptions, NoyaManagerOptions, SyncAdapter, TSchema, Static, PublishCallback, MultiplayerPatchMetadata, SafeEval, CreateParams, MultiplayerStateManager, ReconnectingWebSocketState, ClientToServerMessage, ServerToClientMessage, MultiplayerStateManagerError } from '@noya-app/state-manager';
|
|
2
|
+
import { AIToolDefinition, ConnectedUsersManager, EphemeralUserDataManager, NoyaManager, StateManager, StateManagerOptions, NoyaManagerOptions, SyncAdapter, TSchema, Static, PublishCallback, ResourceManager, StreamFilter, ActivityEventsManager, MultiplayerPatchMetadata, SafeEval, CreateParams, MultiplayerStateManager, ReconnectingWebSocketState, ClientToServerMessage, ServerToClientMessage, MultiplayerStateManagerError } from '@noya-app/state-manager';
|
|
3
3
|
export * from '@noya-app/state-manager';
|
|
4
|
-
import React, { SetStateAction, ComponentProps } from 'react';
|
|
4
|
+
import React, { SetStateAction, ComponentProps, Dispatch } from 'react';
|
|
5
5
|
import * as _noya_app_noya_schemas from '@noya-app/noya-schemas';
|
|
6
|
-
import { Asset, OutputTransform, Input } from '@noya-app/noya-schemas';
|
|
6
|
+
import { Asset, Resource, MediaItem, ResourceMap, ResourceCreateMap, OutputTransform, Input } from '@noya-app/noya-schemas';
|
|
7
7
|
import { GetAtPath, ObservableOptions, PathKey, Observable } from '@noya-app/observable';
|
|
8
8
|
import { MenuItem } from '@noya-app/noya-designsystem';
|
|
9
9
|
|
|
@@ -68,9 +68,12 @@ declare function useMultiplayerState<S, M extends object = object, E extends obj
|
|
|
68
68
|
assets: {
|
|
69
69
|
contentType?: string | undefined;
|
|
70
70
|
id: string;
|
|
71
|
-
url: string;
|
|
72
71
|
createdAt: string;
|
|
72
|
+
url: string;
|
|
73
73
|
size: number;
|
|
74
|
+
width: number | null;
|
|
75
|
+
height: number | null;
|
|
76
|
+
userId: string | null;
|
|
74
77
|
}[];
|
|
75
78
|
}];
|
|
76
79
|
|
|
@@ -167,16 +170,22 @@ declare function useViewType(): AppViewType;
|
|
|
167
170
|
declare function useAssets(): {
|
|
168
171
|
contentType?: string | undefined;
|
|
169
172
|
id: string;
|
|
170
|
-
url: string;
|
|
171
173
|
createdAt: string;
|
|
174
|
+
url: string;
|
|
172
175
|
size: number;
|
|
176
|
+
width: number | null;
|
|
177
|
+
height: number | null;
|
|
178
|
+
userId: string | null;
|
|
173
179
|
}[];
|
|
174
180
|
declare function useAsset(id: string | undefined): {
|
|
175
181
|
contentType?: string | undefined;
|
|
176
182
|
id: string;
|
|
177
|
-
url: string;
|
|
178
183
|
createdAt: string;
|
|
184
|
+
url: string;
|
|
179
185
|
size: number;
|
|
186
|
+
width: number | null;
|
|
187
|
+
height: number | null;
|
|
188
|
+
userId: string | null;
|
|
180
189
|
} | undefined;
|
|
181
190
|
declare function useAssetManager(): {
|
|
182
191
|
create: (options: _noya_app_state_manager.CreateAssetOptions | Uint8Array | File | Blob) => Promise<_noya_app_noya_schemas.Asset>;
|
|
@@ -189,14 +198,15 @@ declare function useSecrets(): _noya_app_state_manager.Secret[];
|
|
|
189
198
|
declare function useSecret(name: string): _noya_app_state_manager.Secret | undefined;
|
|
190
199
|
declare function useInputs(): ({
|
|
191
200
|
id: string;
|
|
192
|
-
kind: "file";
|
|
193
201
|
name: string;
|
|
202
|
+
kind: "file";
|
|
194
203
|
required: boolean;
|
|
195
204
|
toolId: string | null;
|
|
196
205
|
stableId: string;
|
|
197
206
|
description: string | null;
|
|
198
207
|
} | {
|
|
199
208
|
id: string;
|
|
209
|
+
name: string;
|
|
200
210
|
schema: {
|
|
201
211
|
default?: string | undefined;
|
|
202
212
|
type: "string";
|
|
@@ -285,7 +295,6 @@ declare function useInputs(): ({
|
|
|
285
295
|
_kind: "Object";
|
|
286
296
|
} | null;
|
|
287
297
|
kind: "data";
|
|
288
|
-
name: string;
|
|
289
298
|
required: boolean;
|
|
290
299
|
stableId: string;
|
|
291
300
|
description: string | null;
|
|
@@ -293,8 +302,8 @@ declare function useInputs(): ({
|
|
|
293
302
|
authProvider?: "github" | "figma" | null | undefined;
|
|
294
303
|
authScope?: string | null | undefined;
|
|
295
304
|
id: string;
|
|
296
|
-
kind: "secret";
|
|
297
305
|
name: string;
|
|
306
|
+
kind: "secret";
|
|
298
307
|
required: boolean;
|
|
299
308
|
stableId: string;
|
|
300
309
|
description: string | null;
|
|
@@ -319,9 +328,19 @@ declare function useIsInitialized(): boolean;
|
|
|
319
328
|
declare function usePipelineManager(): _noya_app_state_manager.PipelineManager;
|
|
320
329
|
declare const ConnectedUsersContext: React.Context<ConnectedUsersManager | undefined>;
|
|
321
330
|
declare function useConnectedUsersManager(): ConnectedUsersManager | undefined;
|
|
331
|
+
declare function useConnectedUsers(): _noya_app_state_manager.MultiplayerUser[] | undefined;
|
|
332
|
+
declare function useConnectedUser(userId?: string | null): _noya_app_state_manager.MultiplayerUser | undefined;
|
|
322
333
|
declare const AnyEphemeralUserDataManagerContext: React.Context<EphemeralUserDataManager<object> | undefined>;
|
|
323
334
|
declare function useAnyEphemeralUserData(): EphemeralUserDataManager<object> | undefined;
|
|
324
335
|
declare function useCurrentUserId(): string | undefined;
|
|
336
|
+
declare function useIsProcessing(): boolean;
|
|
337
|
+
declare function useResourceManager(): ResourceManager;
|
|
338
|
+
declare function resourceToMediaItem(resource: Resource): MediaItem;
|
|
339
|
+
declare function useResources({ shouldDeleteAssets, }?: {
|
|
340
|
+
shouldDeleteAssets?: boolean;
|
|
341
|
+
}): [ResourceMap, Dispatch<SetStateAction<ResourceCreateMap>>];
|
|
342
|
+
declare function useActivityEvents(streamFilter: StreamFilter): unknown[];
|
|
343
|
+
declare function useActivityEventsForManager(streamFilter: StreamFilter | undefined, activityEventsManager: ActivityEventsManager): unknown[];
|
|
325
344
|
declare const FallbackUntilInitialized: ({ children, fallback, }: {
|
|
326
345
|
children: React.ReactNode;
|
|
327
346
|
fallback?: React.ReactNode;
|
|
@@ -335,6 +354,10 @@ declare function createNoyaContext<Schema extends TSchema, M extends object = ob
|
|
|
335
354
|
}): {
|
|
336
355
|
Context: React.Context<NoyaManager<Static<Schema>, M, E, string> | undefined>;
|
|
337
356
|
Provider: ({ children, initialState, ...options }: NoyaStateProviderProps<Static<Schema>, M, E, MenuT>) => React.JSX.Element;
|
|
357
|
+
NoyaContextProvider: ({ children, contextValue, }: {
|
|
358
|
+
children: React.ReactNode;
|
|
359
|
+
contextValue: AnyNoyaStateContextValue;
|
|
360
|
+
}) => React.JSX.Element;
|
|
338
361
|
useValue: {
|
|
339
362
|
(): Static<Schema>;
|
|
340
363
|
<A>(selector: (value: Static<Schema>) => A, options?: Pick<ObservableOptions, "isEqual">): A;
|
|
@@ -405,4 +428,4 @@ declare class WebSocketConnection<State> {
|
|
|
405
428
|
removeListener(listener: (state: ReconnectingWebSocketState) => void): void;
|
|
406
429
|
}
|
|
407
430
|
|
|
408
|
-
export { AnyEphemeralUserDataManagerContext, AnyNoyaStateContext, type AnyNoyaStateContextValue, type AppData, type AppTheme, type AppViewType, ConnectedUsersContext, type ConnectionEvent, type ConnectionOptions, FallbackUntilInitialized, type GetAppDataOptions, type NoyaStateProviderProps, type RenderUserPointer, type RenderUserPointerProps, StateInspector, type StateInspectorAnchor, type StateInspectorOptions, type UseMultiplayerStateOptions, type UseNoyaStateOptions, type UseNoyaStateResult, type UserPointerData, UserPointersOverlay, type UserPointersOverlayProps, WebSocketConnection, createDefaultAppData, createNoyaContext, decodeAll, encodeAll, enforceSchema, exportAll, fetchAssetMap, getAppData, importAll, parseAppDataParameter, replaceDeep, useAIManager, useAnyEphemeralUserData, useAnyNoyaManager, useAnyNoyaStateContext, useAsset, useAssetManager, useAssets, useCallableAITools, useColorScheme, useConnectedUsersManager, useCurrentUserId, useIOManager, useInputs, useIsInitialized, useManagedHistory, useManagedState, useMultiplayerState, useNoyaState, useObservable, useOutputTransforms, usePipelineManager, usePublish, useRegisterAITool, useSecret, useSecretManager, useSecrets, useStateInspector, useSyncStateManager, useViewType };
|
|
431
|
+
export { AnyEphemeralUserDataManagerContext, AnyNoyaStateContext, type AnyNoyaStateContextValue, type AppData, type AppTheme, type AppViewType, ConnectedUsersContext, type ConnectionEvent, type ConnectionOptions, FallbackUntilInitialized, type GetAppDataOptions, type NoyaStateProviderProps, type RenderUserPointer, type RenderUserPointerProps, StateInspector, type StateInspectorAnchor, type StateInspectorOptions, type UseMultiplayerStateOptions, type UseNoyaStateOptions, type UseNoyaStateResult, type UserPointerData, UserPointersOverlay, type UserPointersOverlayProps, WebSocketConnection, createDefaultAppData, createNoyaContext, decodeAll, encodeAll, enforceSchema, exportAll, fetchAssetMap, getAppData, importAll, parseAppDataParameter, replaceDeep, resourceToMediaItem, useAIManager, useActivityEvents, useActivityEventsForManager, useAnyEphemeralUserData, useAnyNoyaManager, useAnyNoyaStateContext, useAsset, useAssetManager, useAssets, useCallableAITools, useColorScheme, useConnectedUser, useConnectedUsers, useConnectedUsersManager, useCurrentUserId, useIOManager, useInputs, useIsInitialized, useIsProcessing, useManagedHistory, useManagedState, useMultiplayerState, useNoyaState, useObservable, useOutputTransforms, usePipelineManager, usePublish, useRegisterAITool, useResourceManager, useResources, useSecret, useSecretManager, useSecrets, useStateInspector, useSyncStateManager, useViewType };
|