cross-state 0.34.3 → 0.35.0

package/dist/types/patches/patchMethods.d.ts

@@ -0,0 +1,33 @@
+import type { SubscribeOptions } from '../core';
+import type { Store } from '../core/store';
+import { type DiffOptions, type Patch } from '../lib/diff';
+declare module '../core' {
+    interface Store<T> {
+        __patches?: Store<[Patch[], Patch[]]>;
+    }
+}
+export interface SubscribePatchOptions extends SubscribeOptions, DiffOptions {
+    /** @default false */
+    runNow?: boolean;
+}
+export interface SyncMessage {
+    id: string;
+    previousId?: string;
+    patches: Patch[];
+}
+export type InteropPatch = Patch | {
+    op: 'add' | 'replace' | 'remove';
+    value?: any;
+};
+declare function subscribePatches<T>(this: Store<T>, listener: (patches: Patch[], reversePatches: Patch[]) => void, options?: SubscribePatchOptions): import("../core").DisposableCancel;
+declare function applyPatches<T>(this: Store<T>, patches: InteropPatch[]): void;
+declare function applyPatches<T>(this: Store<T>, ...patches: InteropPatch[]): void;
+declare function sync<T>(this: Store<T>, listener: (syncMessage: SyncMessage) => void, options?: Omit<SubscribePatchOptions, 'runNow'>): import("../core").DisposableCancel;
+declare function acceptSync<T>(this: Store<T>): (message: SyncMessage) => void;
+export declare const patchMethods: {
+    subscribePatches: typeof subscribePatches;
+    applyPatches: typeof applyPatches;
+    sync: typeof sync;
+    acceptSync: typeof acceptSync;
+};
+export {};

package/dist/types/patches/register.d.ts

@@ -0,0 +1,9 @@
+import { patchMethods } from './patchMethods';
+type PatchMethods = typeof patchMethods;
+declare module '../core' {
+    interface Store<T> extends PatchMethods {
+    }
+}
+export declare function register(): void;
+export declare function unregister(): void;
+export {};

package/dist/types/react/form/customInput.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import type { ReactNode } from '../../react';
 export interface CustomInputProps extends React.HTMLAttributes<HTMLDivElement> {
     name: string;
     children?: ReactNode;

package/dist/types/react/form/form.d.ts

@@ -1,7 +1,7 @@
 import { type Store, type UrlStoreOptions } from '../../core';
 import { type Path, type PathAsString, type Value, type WildcardPathAsString, type WildcardValue } from '../../lib/path';
 import type { Object_ } from '../../lib/typeHelpers';
-import { type FormEvent, type HTMLProps, type ReactNode } from 'react';
+import { type FormEvent, type HTMLProps, type ReactNode } from '../../react';
 import { type UseStoreOptions } from '../useStore';
 import { type FormFieldComponent, type FormFieldPropsWithComponent, type FormFieldPropsWithRender } from './formField';
 import { type ElementName, type ForEachPath, type FormForEachProps } from './formForEach';
@@ -74,7 +74,7 @@ export interface FormInstance<TDraft, TOriginal> extends FormDerivedState<TDraft
 }
 export declare class Form<TDraft, TOriginal extends TDraft = TDraft> {
     readonly options: FormOptions<TDraft, TOriginal>;
-    context: import("react").Context<FormContext<TDraft, TOriginal> | null>;
+    context: import("../../react").Context<FormContext<TDraft, TOriginal> | null>;
     constructor(options: FormOptions<TDraft, TOriginal>);
     useForm(): FormContext<TDraft, TOriginal>;
     useFormState<S>(selector: (state: FormInstance<TDraft, TOriginal>) => S, useStoreOptions?: UseStoreOptions<S>): S;

package/dist/types/react/form/formField.d.ts

@@ -1,6 +1,6 @@
 import { type PathAsString } from '../../index';
 import { type Value } from '../../lib/path';
-import { type Component, type ComponentPropsWithoutRef, type ReactNode } from 'react';
+import { type Component, type ComponentPropsWithoutRef, type ReactNode } from '../../react';
 import { type Form } from './form';
 export interface FormFieldComponentProps<TValue, TPath> {
     name: TPath;
@@ -59,5 +59,5 @@ export type FormFieldPropsWithComponent<TDraft, TPath extends PathAsString<TDraf
 } : {
     deserialize: (value: FieldChangeValue<TComponent>) => Value<TDraft, TPath>;
 });
-export declare function FormField<TDraft, TPath extends PathAsString<TDraft>, TComponent extends FormFieldComponent>(this: Form<TDraft, any>, { name, component, commitOnBlur, commitDebounce, render, inputFilter, defaultValue, serialize, deserialize, ...restProps }: FormFieldPropsWithRender<TDraft, TPath> | FormFieldPropsWithComponent<TDraft, TPath, TComponent>): string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null;
+export declare function FormField<TDraft, TPath extends PathAsString<TDraft>, TComponent extends FormFieldComponent>(this: Form<TDraft, any>, { name, component, commitOnBlur, commitDebounce, render, inputFilter, defaultValue, serialize, deserialize, ...restProps }: FormFieldPropsWithRender<TDraft, TPath> | FormFieldPropsWithComponent<TDraft, TPath, TComponent>): string | number | boolean | import("../../react").ReactElement<any, string | import("../../react").JSXElementConstructor<any>> | Iterable<ReactNode> | null;
 export {};

package/dist/types/react/form/formForEach.d.ts

@@ -1,5 +1,5 @@
 import { type GetKeys, type Join, type PathAsString, type Value } from '../../lib/path';
-import { type ReactNode } from 'react';
+import { type ReactNode } from '../../react';
 import { type FieldHelperMethods, type Form } from './form';
 export type ForEachPath<T> = PathAsString<T>;
 export type ElementName<TDraft, TPath extends PathAsString<TDraft>> = Join<TPath, GetKeys<NonNullable<Value<TDraft, TPath>>> & (string | number)>;

package/dist/types/react/loadingBoundary.d.ts

@@ -1,4 +1,4 @@
-import { type ReactNode } from 'react';
+import { type ReactNode } from '../react';
 export interface LoadingBoundaryEntry {
     label?: ReactNode;
 }

package/dist/types/react/register.d.ts

@@ -15,7 +15,7 @@ declare module '../core' {
     }
 }
 declare const cacheMethods: {
-    useCache<T>(this: Cache<T>, options?: UseCacheOptions<T> | undefined): import("./useCache").UseCacheValue<T>;
+    useCache<T>(this: Cache<T>, options?: UseCacheOptions<T>): import("./useCache").UseCacheValue<T>;
 };
 declare const scopeMethods: {
     useScope<T>(this: Scope<T>): Store<T>;

package/dist/types/react/scope.d.ts

@@ -1,4 +1,4 @@
-import type { Context, ReactNode } from 'react';
+import type { Context, ReactNode } from '../react';
 import { type UseStoreOptions } from './useStore';
 import type { Store } from '../core/store';
 import type { Scope } from '../core';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cross-state",
-  "version": "0.34.3",
+  "version": "0.35.0",
   "description": "(React) state library",
   "license": "ISC",
   "repository": "schummar/cross-state",
@@ -11,9 +11,11 @@
   "type": "module",
   "sideEffects": [
     "dist/es/react/register.mjs",
-    "dist/es/immer/register.mjs",
+    "dist/es/mutative/register.mjs",
     "dist/cjs/react/register.cjs",
-    "dist/cjs/immer/register.cjs"
+    "dist/cjs/mutative/register.cjs",
+    "dist/es/patches/register.mjs",
+    "dist/cjs/patches/register.cjs"
   ],
   "files": [
     "dist"
@@ -40,17 +42,29 @@
       "require": "./dist/cjs/react/register.cjs",
       "default": "./dist/es/react/register.mjs"
     },
-    "./immer": {
-      "types": "./dist/types/immer/index.d.ts",
-      "import": "./dist/es/immer/index.mjs",
-      "require": "./dist/cjs/immer/index.cjs",
-      "default": "./dist/es/immer/index.mjs"
-    },
-    "./immer/register": {
-      "types": "./dist/types/immer/register.d.ts",
-      "import": "./dist/es/immer/register.mjs",
-      "require": "./dist/cjs/immer/register.cjs",
-      "default": "./dist/es/immer/register.mjs"
+    "./mutative": {
+      "types": "./dist/types/mutative/index.d.ts",
+      "import": "./dist/es/mutative/index.mjs",
+      "require": "./dist/cjs/mutative/index.cjs",
+      "default": "./dist/es/mutative/index.mjs"
+    },
+    "./mutative/register": {
+      "types": "./dist/types/mutative/register.d.ts",
+      "import": "./dist/es/mutative/register.mjs",
+      "require": "./dist/cjs/mutative/register.cjs",
+      "default": "./dist/es/mutative/register.mjs"
+    },
+    "./patches": {
+      "types": "./dist/types/patches/index.d.ts",
+      "import": "./dist/es/patches/index.mjs",
+      "require": "./dist/cjs/patches/index.cjs",
+      "default": "./dist/es/patches/index.mjs"
+    },
+    "./patches/register": {
+      "types": "./dist/types/patches/register.d.ts",
+      "import": "./dist/es/patches/register.mjs",
+      "require": "./dist/cjs/patches/register.cjs",
+      "default": "./dist/es/patches/register.mjs"
     }
   },
   "typesVersions": {
@@ -64,11 +78,17 @@
       "react/register": [
         "dist/types/react/register.d.ts"
       ],
-      "immer": [
-        "dist/types/immer/index.d.ts"
+      "mutative": [
+        "dist/types/mutative/index.d.ts"
       ],
-      "immer/register": [
-        "dist/types/immer/register.d.ts"
+      "mutative/register": [
+        "dist/types/mutative/register.d.ts"
+      ],
+      "patches": [
+        "dist/types/patches/index.d.ts"
+      ],
+      "patches/register": [
+        "dist/types/patches/register.d.ts"
       ]
     }
   },
@@ -91,14 +111,14 @@
   },
   "peerDependencies": {
     "@types/react": ">=16.8.0",
-    "immer": ">=9.0.0",
+    "mutative": ">=1.0.3",
     "react": ">=16.8.0"
   },
   "peerDependenciesMeta": {
     "@types/react": {
       "optional": true
     },
-    "immer": {
+    "mutative": {
       "optional": true
     },
     "react": {
@@ -107,25 +127,25 @@
   },
   "devDependencies": {
     "@emotion/styled": "11.11.0",
-    "@mantine/core": "7.5.3",
-    "@mui/material": "5.15.10",
+    "@mantine/core": "7.6.2",
+    "@mui/material": "5.15.12",
     "@schummar/eslint-config": "github:schummar/eslint-config",
     "@schummar/prettier-config": "github:schummar/prettier-config",
     "@schummar/runp": "2.0.2",
-    "@size-limit/preset-small-lib": "11.0.2",
+    "@size-limit/preset-small-lib": "11.0.3",
     "@testing-library/react": "14.2.1",
-    "@types/react": "18.2.57",
-    "@types/react-dom": "18.2.19",
+    "@types/react": "18.2.65",
+    "@types/react-dom": "18.2.21",
     "@types/seedrandom": "3.0.8",
     "@types/use-sync-external-store": "0.0.6",
     "@types/ws": "8.5.10",
     "@vitejs/plugin-react": "4.2.1",
     "@vitest/coverage-v8": "1.3.1",
     "esbuild": "0.20.1",
-    "eslint": "8.56.0",
-    "happy-dom": "13.3.8",
-    "immer": "10.0.3",
+    "eslint": "8.57.0",
+    "happy-dom": "13.8.2",
     "jsdom": "24.0.0",
+    "mutative": "1.0.3",
     "prettier": "3.2.5",
     "publint": "0.2.7",
     "react": "18.2.0",
@@ -133,11 +153,11 @@
     "rimraf": "5.0.5",
     "seedrandom": "3.0.5",
     "semantic-release": "23.0.2",
-    "size-limit": "11.0.2",
+    "size-limit": "11.0.3",
     "tsc-alias": "1.8.8",
-    "typescript": "5.3.3",
+    "typescript": "5.4.2",
     "use-sync-external-store": "1.2.0",
-    "vite": "5.1.3",
+    "vite": "5.1.6",
     "vite-tsconfig-paths": "4.3.1",
     "vitest": "1.3.1"
   },
@@ -208,10 +228,15 @@
       "limit": "6 KB"
     },
     {
-      "name": "/immer",
-      "path": "dist/es/immer/index.mjs",
+      "name": "/mutative",
+      "path": "dist/es/mutative/index.mjs",
       "limit": "250 B"
     },
+    {
+      "name": "/patches",
+      "path": "dist/es/patches/index.mjs",
+      "limit": "2 KB"
+    },
     {
       "name": "empty",
       "path": "dist/es/index.mjs",

package/dist/cjs/immer/register.cjs

@@ -1,5 +0,0 @@
-"use strict";
-const immerMethods = require("../immerMethods.cjs");
-const store = require("../store.cjs");
-Object.assign(store.Store.prototype, immerMethods.immerMethods);
-//# sourceMappingURL=register.cjs.map

package/dist/cjs/immer/register.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"register.cjs","sources":["../../../src/immer/register.ts"],"sourcesContent":["import { immerMethods } from './immerMethods';\nimport { Store } from '@core';\n\ntype ImmerMethods = typeof immerMethods;\n\ndeclare module '@core' {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  interface Store<T> extends ImmerMethods {}\n}\n\nObject.assign(Store.prototype, immerMethods);\n"],"names":["Store","immerMethods"],"mappings":";;;AAUA,OAAO,OAAOA,MAAAA,MAAM,WAAWC,yBAAY;"}

package/dist/cjs/immerMethods.cjs

@@ -1,23 +0,0 @@
-"use strict";
-const immer = require("immer");
-function update(...args) {
-  if (args.length === 1) {
-    this.set(
-      (value) => immer.produce(value, (draft) => {
-        args[0](draft);
-      })
-    );
-  } else {
-    this.set(
-      args[0],
-      (value) => immer.produce(value, (draft) => {
-        args[1](draft);
-      })
-    );
-  }
-}
-const immerMethods = {
-  update
-};
-exports.immerMethods = immerMethods;
-//# sourceMappingURL=immerMethods.cjs.map

package/dist/cjs/immerMethods.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"immerMethods.cjs","sources":["../../src/immer/immerMethods.ts"],"sourcesContent":["import type { Draft } from 'immer';\nimport { produce } from 'immer';\nimport type { Store } from '@core/store';\nimport { type Path, type Value } from '@lib/path';\n\ntype Recipe<T> = (draft: Draft<T>) => void;\n\nfunction update<T>(this: Store<T>, recipe: Recipe<T>): void;\n\nfunction update<T, const P extends Path<T>>(\n  this: Store<T>,\n  path: P,\n  recipe: Recipe<Value<T, P>>,\n): void;\n\nfunction update<T, P extends Path<T>>(\n  this: Store<T>,\n  ...args: [recipe: Recipe<T>] | [P: P, recipe: Recipe<Value<T, P>>]\n) {\n  if (args.length === 1) {\n    this.set((value) =>\n      produce(value, (draft) => {\n        args[0](draft);\n      }),\n    );\n  } else {\n    this.set(args[0], (value) =>\n      produce(value, (draft) => {\n        args[1](draft);\n      }),\n    );\n  }\n}\n\nexport const immerMethods = {\n  update,\n};\n"],"names":["produce"],"mappings":";;AAeA,SAAS,UAEJ,MACH;AACI,MAAA,KAAK,WAAW,GAAG;AAChB,SAAA;AAAA,MAAI,CAAC,UACRA,MAAAA,QAAQ,OAAO,CAAC,UAAU;AACnB,aAAA,CAAC,EAAE,KAAK;AAAA,MAAA,CACd;AAAA,IAAA;AAAA,EACH,OACK;AACA,SAAA;AAAA,MAAI,KAAK,CAAC;AAAA,MAAG,CAAC,UACjBA,MAAAA,QAAQ,OAAO,CAAC,UAAU;AACnB,aAAA,CAAC,EAAE,KAAK;AAAA,MAAA,CACd;AAAA,IAAA;AAAA,EAEL;AACF;AAEO,MAAM,eAAe;AAAA,EAC1B;AACF;;"}

package/dist/es/immer/index.mjs

@@ -1,5 +0,0 @@
-import { i } from "../immerMethods.mjs";
-export {
-  i as immerMethods
-};
-//# sourceMappingURL=index.mjs.map

package/dist/es/immer/register.mjs

@@ -1,4 +0,0 @@
-import { i as immerMethods } from "../immerMethods.mjs";
-import { S as Store } from "../store.mjs";
-Object.assign(Store.prototype, immerMethods);
-//# sourceMappingURL=register.mjs.map

package/dist/es/immer/register.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"register.mjs","sources":["../../../src/immer/register.ts"],"sourcesContent":["import { immerMethods } from './immerMethods';\nimport { Store } from '@core';\n\ntype ImmerMethods = typeof immerMethods;\n\ndeclare module '@core' {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  interface Store<T> extends ImmerMethods {}\n}\n\nObject.assign(Store.prototype, immerMethods);\n"],"names":[],"mappings":";;AAUA,OAAO,OAAO,MAAM,WAAW,YAAY;"}

package/dist/es/immerMethods.mjs

@@ -1,24 +0,0 @@
-import { produce } from "immer";
-function update(...args) {
-  if (args.length === 1) {
-    this.set(
-      (value) => produce(value, (draft) => {
-        args[0](draft);
-      })
-    );
-  } else {
-    this.set(
-      args[0],
-      (value) => produce(value, (draft) => {
-        args[1](draft);
-      })
-    );
-  }
-}
-const immerMethods = {
-  update
-};
-export {
-  immerMethods as i
-};
-//# sourceMappingURL=immerMethods.mjs.map

package/dist/es/immerMethods.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"immerMethods.mjs","sources":["../../src/immer/immerMethods.ts"],"sourcesContent":["import type { Draft } from 'immer';\nimport { produce } from 'immer';\nimport type { Store } from '@core/store';\nimport { type Path, type Value } from '@lib/path';\n\ntype Recipe<T> = (draft: Draft<T>) => void;\n\nfunction update<T>(this: Store<T>, recipe: Recipe<T>): void;\n\nfunction update<T, const P extends Path<T>>(\n  this: Store<T>,\n  path: P,\n  recipe: Recipe<Value<T, P>>,\n): void;\n\nfunction update<T, P extends Path<T>>(\n  this: Store<T>,\n  ...args: [recipe: Recipe<T>] | [P: P, recipe: Recipe<Value<T, P>>]\n) {\n  if (args.length === 1) {\n    this.set((value) =>\n      produce(value, (draft) => {\n        args[0](draft);\n      }),\n    );\n  } else {\n    this.set(args[0], (value) =>\n      produce(value, (draft) => {\n        args[1](draft);\n      }),\n    );\n  }\n}\n\nexport const immerMethods = {\n  update,\n};\n"],"names":[],"mappings":";AAeA,SAAS,UAEJ,MACH;AACI,MAAA,KAAK,WAAW,GAAG;AAChB,SAAA;AAAA,MAAI,CAAC,UACR,QAAQ,OAAO,CAAC,UAAU;AACnB,aAAA,CAAC,EAAE,KAAK;AAAA,MAAA,CACd;AAAA,IAAA;AAAA,EACH,OACK;AACA,SAAA;AAAA,MAAI,KAAK,CAAC;AAAA,MAAG,CAAC,UACjB,QAAQ,OAAO,CAAC,UAAU;AACnB,aAAA,CAAC,EAAE,KAAK;AAAA,MAAA,CACd;AAAA,IAAA;AAAA,EAEL;AACF;AAEO,MAAM,eAAe;AAAA,EAC1B;AACF;"}

package/dist/types/immer/immerMethods.d.ts

@@ -1,10 +0,0 @@
-import type { Draft } from 'immer';
-import type { Store } from '../core/store';
-import { type Path, type Value } from '../lib/path';
-type Recipe<T> = (draft: Draft<T>) => void;
-declare function update<T>(this: Store<T>, recipe: Recipe<T>): void;
-declare function update<T, const P extends Path<T>>(this: Store<T>, path: P, recipe: Recipe<Value<T, P>>): void;
-export declare const immerMethods: {
-    update: typeof update;
-};
-export {};

package/dist/types/immer/index.d.ts

@@ -1 +0,0 @@
-export { immerMethods } from './immerMethods';

package/dist/types/immer/register.d.ts

@@ -1,7 +0,0 @@
-import { immerMethods } from './immerMethods';
-type ImmerMethods = typeof immerMethods;
-declare module '../core' {
-    interface Store<T> extends ImmerMethods {
-    }
-}
-export {};

package/dist/types/sync/index.d.ts

@@ -1 +0,0 @@
-export * from './sync';

package/dist/types/sync/sync.d.ts

@@ -1,17 +0,0 @@
-import { type Store } from '../core';
-import { type Patch } from '../lib/diff';
-export interface Message<T> {
-    id: string;
-    previousId?: string;
-    patches: Patch[];
-}
-export declare class Sync<T> {
-    readonly store: Store<T>;
-    private previousId;
-    private previousState;
-    private patchStream;
-    constructor(store: Store<T>);
-    connectToClient(listener: (message: Message<T>) => void): import("../core").DisposableCancel;
-    connectToServer(stream: AsyncIterable<Message<T>>): Promise<void>;
-}
-export declare function createSync<T>(store: Store<T>): Sync<T>;