@noya-app/noya-multiplayer-react 0.1.9

package/.eslintrc.js

@@ -0,0 +1,11 @@
+/** @type {import("eslint").Linter.Config} */
+module.exports = {
+  root: true,
+  extends: ["@repo/eslint-config/next.js"],
+  parser: "@typescript-eslint/parser",
+  rules: {
+    "no-unused-vars": "off",
+    "no-redeclare": "off",
+  },
+  ignorePatterns: ["dist/"],
+};

package/.turbo/turbo-build.log

@@ -0,0 +1,18 @@
+$ tsup src/index.ts --format cjs,esm --dts --sourcemap
+CLI Building entry: src/index.ts
+CLI Using tsconfig: tsconfig.json
+CLI tsup v8.0.1
+CLI Target: esnext
+CJS Build start
+ESM Build start
+ESM dist/index.mjs     21.59 KB
+ESM dist/index.mjs.map 40.26 KB
+ESM ⚡️ Build success in 23ms
+CJS dist/index.js     25.07 KB
+CJS dist/index.js.map 40.06 KB
+CJS ⚡️ Build success in 23ms
+DTS Build start
+"ComponentPropsWithoutRef" is imported from external module "react" but never used in "src/inspector/StateInspector.tsx" and "src/hooks.ts".
+DTS ⚡️ Build success in 2122ms
+DTS dist/index.d.ts  2.14 KB
+DTS dist/index.d.mts 2.14 KB

package/CHANGELOG.md

@@ -0,0 +1,71 @@
+# @noya-app/state-manager
+
+## 0.1.9
+
+### Patch Changes
+
+- 727c398: Split react state manager UI into separate package
+- Updated dependencies [727c398]
+  - @noya-app/state-manager@0.1.9
+
+## 0.1.8
+
+### Patch Changes
+
+- 54a55d0: Update deps
+
+## 0.1.7
+
+### Patch Changes
+
+- 79f0eff: Improve multiplayer
+
+## 0.1.6
+
+### Patch Changes
+
+- 76fdd3e: Improve statemanager history
+
+## 0.1.5
+
+### Patch Changes
+
+- 38f863f: Improve history snapshot
+
+## 0.1.4
+
+### Patch Changes
+
+- e11010a: Improve isMoving and server snapshots
+
+## 0.1.3
+
+### Patch Changes
+
+- b973d2e: Export history entries
+
+## 0.1.2
+
+### Patch Changes
+
+- 5fd2338: Improve history
+
+## 0.1.1
+
+### Patch Changes
+
+- f7efb8a: Add rebase to state manager
+
+## 0.1.0
+
+### Minor Changes
+
+- 84323fe: Add minor version
+
+### Patch Changes
+
+- f974ad5: Update versions
+- Updated dependencies [84323fe]
+- Updated dependencies [f974ad5]
+  - @noya-app/emitter@0.1.0
+  - @noya-app/noya-utils@0.1.0

package/README.md

@@ -0,0 +1,3 @@
+# Noya State Manager
+
+Manage mutable React state

package/dist/index.d.mts

@@ -0,0 +1,29 @@
+import * as _noya_app_state_manager from '@noya-app/state-manager';
+import { StateManager, Get, StateManagerOptions, MultiplayerStateManager, MultiplayerPatchMetadata, ConnectionEvent } from '@noya-app/state-manager';
+export * from '@noya-app/state-manager';
+import React, { SetStateAction } from 'react';
+
+declare function useSyncStateManager<S extends object, M>(stateManager: StateManager<S, M>): S;
+declare function useSyncStateManager<S extends object, M, P extends string>(stateManager: StateManager<S, M>, path: P): Get<S, P, unknown>;
+declare function useManagedState<S extends object, 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>];
+declare function useManagedHistory<S extends object, M = void>(stateManager: StateManager<S, M>): _noya_app_state_manager.HistorySnapshot<S, M>;
+declare function useSyncMultiplayerStateManager<S extends object>(multiplayerStateManager: MultiplayerStateManager<S>): S;
+declare function useMultiplayerState<S extends object>(initialState: S | (() => S), options: StateManagerOptions<S, MultiplayerPatchMetadata> & {
+    sync?: (self: MultiplayerStateManager<S>) => void;
+    trackConnectionEvents?: boolean;
+    inspector?: boolean | {
+        colorScheme?: "dark" | "light";
+    };
+}): readonly [S, (metadata: MultiplayerPatchMetadata, action: S | ((prevState: S) => S)) => void, MultiplayerStateManager<S>, {
+    connectionEvents: ConnectionEvent<S>[] | undefined;
+}];
+
+declare const StateInspector: React.MemoExoticComponent<(<S extends object, M>({ state, connectionEvents, unstyled, colorScheme, stateManager, ...props }: {
+    state: S;
+    connectionEvents?: ConnectionEvent<S>[] | undefined;
+    unstyled?: boolean | undefined;
+    colorScheme?: "light" | "dark" | undefined;
+    stateManager: StateManager<S, M>;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">) => React.JSX.Element | null)>;
+
+export { StateInspector, useManagedHistory, useManagedState, useMultiplayerState, useSyncMultiplayerStateManager, useSyncStateManager };

package/dist/index.d.ts

@@ -0,0 +1,29 @@
+import * as _noya_app_state_manager from '@noya-app/state-manager';
+import { StateManager, Get, StateManagerOptions, MultiplayerStateManager, MultiplayerPatchMetadata, ConnectionEvent } from '@noya-app/state-manager';
+export * from '@noya-app/state-manager';
+import React, { SetStateAction } from 'react';
+
+declare function useSyncStateManager<S extends object, M>(stateManager: StateManager<S, M>): S;
+declare function useSyncStateManager<S extends object, M, P extends string>(stateManager: StateManager<S, M>, path: P): Get<S, P, unknown>;
+declare function useManagedState<S extends object, 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>];
+declare function useManagedHistory<S extends object, M = void>(stateManager: StateManager<S, M>): _noya_app_state_manager.HistorySnapshot<S, M>;
+declare function useSyncMultiplayerStateManager<S extends object>(multiplayerStateManager: MultiplayerStateManager<S>): S;
+declare function useMultiplayerState<S extends object>(initialState: S | (() => S), options: StateManagerOptions<S, MultiplayerPatchMetadata> & {
+    sync?: (self: MultiplayerStateManager<S>) => void;
+    trackConnectionEvents?: boolean;
+    inspector?: boolean | {
+        colorScheme?: "dark" | "light";
+    };
+}): readonly [S, (metadata: MultiplayerPatchMetadata, action: S | ((prevState: S) => S)) => void, MultiplayerStateManager<S>, {
+    connectionEvents: ConnectionEvent<S>[] | undefined;
+}];
+
+declare const StateInspector: React.MemoExoticComponent<(<S extends object, M>({ state, connectionEvents, unstyled, colorScheme, stateManager, ...props }: {
+    state: S;
+    connectionEvents?: ConnectionEvent<S>[] | undefined;
+    unstyled?: boolean | undefined;
+    colorScheme?: "light" | "dark" | undefined;
+    stateManager: StateManager<S, M>;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">) => React.JSX.Element | null)>;
+
+export { StateInspector, useManagedHistory, useManagedState, useMultiplayerState, useSyncMultiplayerStateManager, useSyncStateManager };