@praxisjs/decorators 0.7.5 → 0.8.1
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/CHANGELOG.md +29 -0
- package/dist/__tests__/deep-state.test.d.ts +2 -0
- package/dist/__tests__/deep-state.test.d.ts.map +1 -0
- package/dist/__tests__/deep-state.test.js +150 -0
- package/dist/__tests__/deep-state.test.js.map +1 -0
- package/dist/__tests__/properties.test.js +29 -0
- package/dist/__tests__/properties.test.js.map +1 -1
- package/dist/__tests__/synced.test.d.ts +2 -0
- package/dist/__tests__/synced.test.d.ts.map +1 -0
- package/dist/__tests__/synced.test.js +142 -0
- package/dist/__tests__/synced.test.js.map +1 -0
- package/dist/component/virtual.d.ts.map +1 -1
- package/dist/component/virtual.js +12 -6
- package/dist/component/virtual.js.map +1 -1
- package/dist/create-field-decorator.d.ts +1 -1
- package/dist/create-field-decorator.d.ts.map +1 -1
- package/dist/create-field-decorator.js.map +1 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/properties/compose.d.ts +1 -1
- package/dist/properties/compose.d.ts.map +1 -1
- package/dist/properties/deep-state.d.ts +3 -0
- package/dist/properties/deep-state.d.ts.map +1 -0
- package/dist/properties/deep-state.js +55 -0
- package/dist/properties/deep-state.js.map +1 -0
- package/dist/properties/history.d.ts +1 -1
- package/dist/properties/history.d.ts.map +1 -1
- package/dist/properties/index.d.ts +2 -0
- package/dist/properties/index.d.ts.map +1 -1
- package/dist/properties/index.js +2 -0
- package/dist/properties/index.js.map +1 -1
- package/dist/properties/persisted.d.ts +1 -1
- package/dist/properties/persisted.d.ts.map +1 -1
- package/dist/properties/prop.d.ts +1 -1
- package/dist/properties/prop.d.ts.map +1 -1
- package/dist/properties/resource.d.ts +1 -1
- package/dist/properties/resource.d.ts.map +1 -1
- package/dist/properties/slot.d.ts +1 -1
- package/dist/properties/slot.d.ts.map +1 -1
- package/dist/properties/state.d.ts +2 -1
- package/dist/properties/state.d.ts.map +1 -1
- package/dist/properties/state.js.map +1 -1
- package/dist/properties/synced.d.ts +2 -0
- package/dist/properties/synced.d.ts.map +1 -0
- package/dist/properties/synced.js +26 -0
- package/dist/properties/synced.js.map +1 -0
- package/dist/reactive-host.d.ts +4 -0
- package/dist/reactive-host.d.ts.map +1 -0
- package/dist/reactive-host.js +2 -0
- package/dist/reactive-host.js.map +1 -0
- package/package.json +2 -2
- package/src/__tests__/deep-state.test.ts +185 -0
- package/src/__tests__/properties.test.ts +33 -0
- package/src/__tests__/synced.test.ts +172 -0
- package/src/component/virtual.tsx +36 -12
- package/src/create-field-decorator.ts +3 -3
- package/src/index.ts +3 -0
- package/src/properties/deep-state.ts +62 -0
- package/src/properties/index.ts +2 -0
- package/src/properties/state.ts +3 -1
- package/src/properties/synced.ts +28 -0
- package/src/reactive-host.ts +3 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"virtual.js","sourceRoot":"","sources":["../../src/component/virtual.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"virtual.js","sourceRoot":"","sources":["../../src/component/virtual.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,5 +10,5 @@ export interface FieldBinding {
|
|
|
10
10
|
export interface FieldBehavior<T = object> {
|
|
11
11
|
bind(instance: T, name: string, initialValue: unknown): FieldBinding;
|
|
12
12
|
}
|
|
13
|
-
export declare function createFieldDecorator<T = StatefulComponent>(behavior: FieldBehavior<T>): (_value: undefined, context: ClassFieldDecoratorContext<
|
|
13
|
+
export declare function createFieldDecorator<T = StatefulComponent>(behavior: FieldBehavior<T>): <This extends T, Value = unknown>(_value: undefined, context: ClassFieldDecoratorContext<This, Value>) => void;
|
|
14
14
|
//# sourceMappingURL=create-field-decorator.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"create-field-decorator.d.ts","sourceRoot":"","sources":["../src/create-field-decorator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,MAAM,WAAW,YAAY;IAC3B,2FAA2F;IAC3F,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,iGAAiG;IACjG,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IAChD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,MAAM,WAAW,aAAa,CAAC,CAAC,GAAG,MAAM;IACvC,IAAI,CACF,QAAQ,EAAE,CAAC,EACX,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,OAAO,GACpB,YAAY,CAAC;CACjB;AAED,wBAAgB,oBAAoB,CAAC,CAAC,GAAG,iBAAiB,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"create-field-decorator.d.ts","sourceRoot":"","sources":["../src/create-field-decorator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,MAAM,WAAW,YAAY;IAC3B,2FAA2F;IAC3F,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,iGAAiG;IACjG,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IAChD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,MAAM,WAAW,aAAa,CAAC,CAAC,GAAG,MAAM;IACvC,IAAI,CACF,QAAQ,EAAE,CAAC,EACX,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,OAAO,GACpB,YAAY,CAAC;CACjB;AAED,wBAAgB,oBAAoB,CAAC,CAAC,GAAG,iBAAiB,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,IACnE,IAAI,SAAS,CAAC,EAAE,KAAK,GAAG,OAAO,EAC9C,QAAQ,SAAS,EACjB,SAAS,0BAA0B,CAAC,IAAI,EAAE,KAAK,CAAC,KAC/C,IAAI,CA0CR"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"create-field-decorator.js","sourceRoot":"","sources":["../src/create-field-decorator.ts"],"names":[],"mappings":"AAmBA,MAAM,UAAU,oBAAoB,CAAwB,QAA0B;IACpF,OAAO,UACL,MAAiB,EACjB,
|
|
1
|
+
{"version":3,"file":"create-field-decorator.js","sourceRoot":"","sources":["../src/create-field-decorator.ts"],"names":[],"mappings":"AAmBA,MAAM,UAAU,oBAAoB,CAAwB,QAA0B;IACpF,OAAO,UACL,MAAiB,EACjB,OAAgD;QAEhD,OAAO,CAAC,cAAc,CAAC;YACrB,MAAM,QAAQ,GAAG,IAA0D,CAAC;YAC5E,MAAM,IAAI,GAAG,OAAO,CAAC,IAAc,CAAC;YACpC,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;YAEpC,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC,IAAI,CAClE,QAAa,EACb,IAAI,EACJ,YAAY,CACb,CAAC;YAEF,IAAI,UAAU,EAAE,CAAC;gBACf,OAAO,CAAC,cAAc,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;gBACvC,MAAM,CAAC,cAAc,CAAC,QAAQ,EAAE,IAAI,EAAE;oBACpC,UAAU,EAAE,IAAI;oBAChB,YAAY,EAAE,IAAI;oBAClB,GAAG,UAAU;iBACd,CAAC,CAAC;YACL,CAAC;YAED,KAAK,MAAM,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,UAAU,IAAI,EAAE,CAAC,EAAE,CAAC;gBAC3D,MAAM,CAAC,cAAc,CAAC,QAAQ,EAAE,GAAG,EAAE;oBACnC,YAAY,EAAE,IAAI;oBAClB,GAAG,IAAI;iBACR,CAAC,CAAC;YACL,CAAC;YAED,IAAI,OAAO,IAAI,SAAS,EAAE,CAAC;gBACzB,MAAM,SAAS,GAAG,QAAQ,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;gBACnD,MAAM,WAAW,GAAG,QAAQ,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;gBACvD,QAAQ,CAAC,OAAO,GAAG,GAAG,EAAE;oBACtB,SAAS,EAAE,EAAE,CAAC;oBACd,OAAO,EAAE,EAAE,CAAC;gBACd,CAAC,CAAC;gBACF,QAAQ,CAAC,SAAS,GAAG,GAAG,EAAE;oBACxB,WAAW,EAAE,EAAE,CAAC;oBAChB,SAAS,EAAE,EAAE,CAAC;gBAChB,CAAC,CAAC;YACJ,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
export { Component, Lazy, Virtual } from "./component";
|
|
2
2
|
export { Memo, Bind, Log, Once, Retry, Debounce, Throttle, When, Until, Watch, type WatchVal, type WatchVals, } from "./functions";
|
|
3
|
-
export { Prop, State, Computed, Persisted, Slot, initSlots, History, type HistoryOf, Compose, Resource, type ResourceInstance, type ResourceOptions, } from "./properties";
|
|
3
|
+
export { Prop, State, Computed, Persisted, Slot, initSlots, History, type HistoryOf, Compose, Resource, type ResourceInstance, type ResourceOptions, Synced, DeepState, } from "./properties";
|
|
4
4
|
export { type Command, createCommand, Emit, OnCommand } from "./events";
|
|
5
5
|
export { createFieldDecorator, type FieldBehavior, type FieldBinding, } from "./create-field-decorator";
|
|
6
|
+
export { type ReactiveHost } from "./reactive-host";
|
|
6
7
|
export { createClassDecorator, ClassBehavior, type ClassEnhancement, } from "./create-class-decorator";
|
|
7
8
|
export { createMethodDecorator, type MethodBehavior, } from "./create-method-decorator";
|
|
8
9
|
export { createLifecycleMethodDecorator, type LifecycleMethodBehavior, } from "./create-lifecycle-method-decorator";
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EACL,IAAI,EACJ,IAAI,EACJ,GAAG,EACH,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,KAAK,EACL,KAAK,QAAQ,EACb,KAAK,SAAS,GACf,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,SAAS,EACT,OAAO,EACP,KAAK,SAAS,EACd,OAAO,EACP,QAAQ,EACR,KAAK,gBAAgB,EACrB,KAAK,eAAe,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EACL,IAAI,EACJ,IAAI,EACJ,GAAG,EACH,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,KAAK,EACL,KAAK,QAAQ,EACb,KAAK,SAAS,GACf,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,SAAS,EACT,OAAO,EACP,KAAK,SAAS,EACd,OAAO,EACP,QAAQ,EACR,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,MAAM,EACN,SAAS,GACV,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,KAAK,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACxE,OAAO,EACL,oBAAoB,EACpB,KAAK,aAAa,EAClB,KAAK,YAAY,GAClB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EACL,oBAAoB,EACpB,aAAa,EACb,KAAK,gBAAgB,GACtB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,qBAAqB,EACrB,KAAK,cAAc,GACpB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,8BAA8B,EAC9B,KAAK,uBAAuB,GAC7B,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EACL,qBAAqB,EACrB,KAAK,cAAc,EACnB,6BAA6B,EAC7B,KAAK,sBAAsB,GAC5B,MAAM,2BAA2B,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export { Component, Lazy, Virtual } from "./component";
|
|
2
2
|
export { Memo, Bind, Log, Once, Retry, Debounce, Throttle, When, Until, Watch, } from "./functions";
|
|
3
|
-
export { Prop, State, Computed, Persisted, Slot, initSlots, History, Compose, Resource, } from "./properties";
|
|
3
|
+
export { Prop, State, Computed, Persisted, Slot, initSlots, History, Compose, Resource, Synced, DeepState, } from "./properties";
|
|
4
4
|
export { createCommand, Emit, OnCommand } from "./events";
|
|
5
5
|
export { createFieldDecorator, } from "./create-field-decorator";
|
|
6
6
|
export { createClassDecorator, ClassBehavior, } from "./create-class-decorator";
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EACL,IAAI,EACJ,IAAI,EACJ,GAAG,EACH,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,KAAK,GAGN,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,SAAS,EACT,OAAO,EAEP,OAAO,EACP,QAAQ,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EACL,IAAI,EACJ,IAAI,EACJ,GAAG,EACH,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,KAAK,GAGN,MAAM,aAAa,CAAC;AACrB,OAAO,EACL,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,SAAS,EACT,OAAO,EAEP,OAAO,EACP,QAAQ,EAGR,MAAM,EACN,SAAS,GACV,MAAM,cAAc,CAAC;AACtB,OAAO,EAAgB,aAAa,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACxE,OAAO,EACL,oBAAoB,GAGrB,MAAM,0BAA0B,CAAC;AAElC,OAAO,EACL,oBAAoB,EACpB,aAAa,GAEd,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,qBAAqB,GAEtB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,8BAA8B,GAE/B,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EACL,qBAAqB,EAErB,6BAA6B,GAE9B,MAAM,2BAA2B,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { StatefulComponent, Composable } from "@praxisjs/core";
|
|
2
|
-
export declare function Compose(ComposableClass: new (...args: any[]) => Composable, ...ctorArgs: unknown[]): (_value: undefined, context: ClassFieldDecoratorContext<
|
|
2
|
+
export declare function Compose(ComposableClass: new (...args: any[]) => Composable, ...ctorArgs: unknown[]): <This extends StatefulComponent, Value = unknown>(_value: undefined, context: ClassFieldDecoratorContext<This, Value>) => void;
|
|
3
3
|
//# sourceMappingURL=compose.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"compose.d.ts","sourceRoot":"","sources":["../../src/properties/compose.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AA6BpE,wBAAgB,OAAO,CAErB,eAAe,EAAE,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,UAAU,EACnD,GAAG,QAAQ,EAAE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"compose.d.ts","sourceRoot":"","sources":["../../src/properties/compose.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AA6BpE,wBAAgB,OAAO,CAErB,eAAe,EAAE,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,UAAU,EACnD,GAAG,QAAQ,EAAE,OAAO,EAAE,kIAoBvB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"deep-state.d.ts","sourceRoot":"","sources":["../../src/properties/deep-state.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAwBrD,wBAAgB,SAAS,8HAiCxB"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { signal } from "@praxisjs/core/internal";
|
|
2
|
+
import { createFieldDecorator } from "../create-field-decorator";
|
|
3
|
+
function deepProxy(target, notify) {
|
|
4
|
+
return new Proxy(target, {
|
|
5
|
+
get(obj, key, receiver) {
|
|
6
|
+
const val = Reflect.get(obj, key, receiver);
|
|
7
|
+
if (val !== null && typeof val === "object") {
|
|
8
|
+
return deepProxy(val, notify);
|
|
9
|
+
}
|
|
10
|
+
return val;
|
|
11
|
+
},
|
|
12
|
+
set(obj, key, value) {
|
|
13
|
+
const result = Reflect.set(obj, key, value);
|
|
14
|
+
notify();
|
|
15
|
+
return result;
|
|
16
|
+
},
|
|
17
|
+
deleteProperty(obj, key) {
|
|
18
|
+
const result = Reflect.deleteProperty(obj, key);
|
|
19
|
+
notify();
|
|
20
|
+
return result;
|
|
21
|
+
},
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
export function DeepState() {
|
|
25
|
+
return createFieldDecorator({
|
|
26
|
+
bind(instance, _name, initialValue) {
|
|
27
|
+
const version = signal(0);
|
|
28
|
+
let current = initialValue;
|
|
29
|
+
let proxy = current !== null && typeof current === "object"
|
|
30
|
+
? deepProxy(current, notify)
|
|
31
|
+
: current;
|
|
32
|
+
function notify() {
|
|
33
|
+
instance._stateDirty = true;
|
|
34
|
+
version.update((v) => v + 1);
|
|
35
|
+
}
|
|
36
|
+
return {
|
|
37
|
+
descriptor: {
|
|
38
|
+
get() {
|
|
39
|
+
version();
|
|
40
|
+
return proxy;
|
|
41
|
+
},
|
|
42
|
+
set(value) {
|
|
43
|
+
current = value;
|
|
44
|
+
proxy =
|
|
45
|
+
value !== null && typeof value === "object"
|
|
46
|
+
? deepProxy(value, notify)
|
|
47
|
+
: value;
|
|
48
|
+
notify();
|
|
49
|
+
},
|
|
50
|
+
},
|
|
51
|
+
};
|
|
52
|
+
},
|
|
53
|
+
});
|
|
54
|
+
}
|
|
55
|
+
//# sourceMappingURL=deep-state.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"deep-state.js","sourceRoot":"","sources":["../../src/properties/deep-state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAIjE,SAAS,SAAS,CAAmB,MAAS,EAAE,MAAkB;IAChE,OAAO,IAAI,KAAK,CAAC,MAAM,EAAE;QACvB,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,QAAQ;YACpB,MAAM,GAAG,GAAY,OAAO,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC;YACrD,IAAI,GAAG,KAAK,IAAI,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;gBAC5C,OAAO,SAAS,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;YAChC,CAAC;YACD,OAAO,GAAG,CAAC;QACb,CAAC;QACD,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK;YACjB,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;YAC5C,MAAM,EAAE,CAAC;YACT,OAAO,MAAM,CAAC;QAChB,CAAC;QACD,cAAc,CAAC,GAAG,EAAE,GAAG;YACrB,MAAM,MAAM,GAAG,OAAO,CAAC,cAAc,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;YAChD,MAAM,EAAE,CAAC;YACT,OAAO,MAAM,CAAC;QAChB,CAAC;KACF,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,SAAS;IACvB,OAAO,oBAAoB,CAAe;QACxC,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,YAAY;YAChC,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;YAC1B,IAAI,OAAO,GAAG,YAAY,CAAC;YAC3B,IAAI,KAAK,GACP,OAAO,KAAK,IAAI,IAAI,OAAO,OAAO,KAAK,QAAQ;gBAC7C,CAAC,CAAC,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC;gBAC5B,CAAC,CAAC,OAAO,CAAC;YAEd,SAAS,MAAM;gBACb,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC;gBAC5B,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;YAC/B,CAAC;YAED,OAAO;gBACL,UAAU,EAAE;oBACV,GAAG;wBACD,OAAO,EAAE,CAAC;wBACV,OAAO,KAAK,CAAC;oBACf,CAAC;oBACD,GAAG,CAAC,KAAc;wBAChB,OAAO,GAAG,KAAK,CAAC;wBAChB,KAAK;4BACH,KAAK,KAAK,IAAI,IAAI,OAAO,KAAK,KAAK,QAAQ;gCACzC,CAAC,CAAC,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC;gCAC1B,CAAC,CAAC,KAAK,CAAC;wBACZ,MAAM,EAAE,CAAC;oBACX,CAAC;iBACF;aACF,CAAC;QACJ,CAAC;KACF,CAAC,CAAC;AACL,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { StatefulComponent } from "@praxisjs/core";
|
|
2
2
|
import { type HistoryElement } from "@praxisjs/core/internal";
|
|
3
3
|
export type HistoryOf<C, K extends keyof C> = HistoryElement<C[K]>;
|
|
4
|
-
export declare function History(fieldName: string, limit?: number): (_value: undefined, context: ClassFieldDecoratorContext<
|
|
4
|
+
export declare function History(fieldName: string, limit?: number): <This extends StatefulComponent, Value = unknown>(_value: undefined, context: ClassFieldDecoratorContext<This, Value>) => void;
|
|
5
5
|
//# sourceMappingURL=history.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"history.d.ts","sourceRoot":"","sources":["../../src/properties/history.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,KAAK,cAAc,EAAW,MAAM,yBAAyB,CAAC;AAKvE,MAAM,MAAM,SAAS,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAEnE,wBAAgB,OAAO,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,SAAK,
|
|
1
|
+
{"version":3,"file":"history.d.ts","sourceRoot":"","sources":["../../src/properties/history.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,KAAK,cAAc,EAAW,MAAM,yBAAyB,CAAC;AAKvE,MAAM,MAAM,SAAS,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAEnE,wBAAgB,OAAO,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,SAAK,kIAkCpD"}
|
|
@@ -6,4 +6,6 @@ export { Slot, initSlots } from "./slot";
|
|
|
6
6
|
export { History, type HistoryOf } from "./history";
|
|
7
7
|
export { Compose } from "./compose";
|
|
8
8
|
export { Resource, type ResourceInstance, type ResourceOptions } from "./resource";
|
|
9
|
+
export { Synced } from "./synced";
|
|
10
|
+
export { DeepState } from "./deep-state";
|
|
9
11
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/properties/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/properties/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AACnF,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}
|
package/dist/properties/index.js
CHANGED
|
@@ -6,4 +6,6 @@ export { Slot, initSlots } from "./slot";
|
|
|
6
6
|
export { History } from "./history";
|
|
7
7
|
export { Compose } from "./compose";
|
|
8
8
|
export { Resource } from "./resource";
|
|
9
|
+
export { Synced } from "./synced";
|
|
10
|
+
export { DeepState } from "./deep-state";
|
|
9
11
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/properties/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,EAAkB,MAAM,WAAW,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,QAAQ,EAA+C,MAAM,YAAY,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/properties/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,EAAkB,MAAM,WAAW,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,QAAQ,EAA+C,MAAM,YAAY,CAAC;AACnF,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { type PersistedSignalOptions } from "@praxisjs/core/internal";
|
|
2
|
-
export declare function Persisted<T>(key?: string, options?: PersistedSignalOptions<T>):
|
|
2
|
+
export declare function Persisted<T>(key?: string, options?: PersistedSignalOptions<T>): <This extends import("@praxisjs/core").StatefulComponent, Value = unknown>(_value: undefined, context: ClassFieldDecoratorContext<This, Value>) => void;
|
|
3
3
|
//# sourceMappingURL=persisted.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"persisted.d.ts","sourceRoot":"","sources":["../../src/properties/persisted.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAwBvF,wBAAgB,SAAS,CAAC,CAAC,EACzB,GAAG,CAAC,EAAE,MAAM,EACZ,OAAO,GAAE,sBAAsB,CAAC,CAAC,CAAM,
|
|
1
|
+
{"version":3,"file":"persisted.d.ts","sourceRoot":"","sources":["../../src/properties/persisted.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAwBvF,wBAAgB,SAAS,CAAC,CAAC,EACzB,GAAG,CAAC,EAAE,MAAM,EACZ,OAAO,GAAE,sBAAsB,CAAC,CAAC,CAAM,2JAgBxC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare function Prop():
|
|
1
|
+
export declare function Prop(): <This extends import("@praxisjs/core").StatefulComponent, Value = unknown>(_value: undefined, context: ClassFieldDecoratorContext<This, Value>) => void;
|
|
2
2
|
//# sourceMappingURL=prop.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prop.d.ts","sourceRoot":"","sources":["../../src/properties/prop.ts"],"names":[],"mappings":"AAEA,wBAAgB,IAAI,
|
|
1
|
+
{"version":3,"file":"prop.d.ts","sourceRoot":"","sources":["../../src/properties/prop.ts"],"names":[],"mappings":"AAEA,wBAAgB,IAAI,4JAsBnB"}
|
|
@@ -10,5 +10,5 @@ export type { ResourceInstance, ResourceOptions };
|
|
|
10
10
|
* // access: this.users.data(), this.users.pending(), this.users.refetch()
|
|
11
11
|
* }
|
|
12
12
|
*/
|
|
13
|
-
export declare function Resource<T>(fetcher: () => Promise<T>, options?: ResourceOptions<T>):
|
|
13
|
+
export declare function Resource<T>(fetcher: () => Promise<T>, options?: ResourceOptions<T>): <This extends import("@praxisjs/core").StatefulComponent, Value = unknown>(_value: undefined, context: ClassFieldDecoratorContext<This, Value>) => void;
|
|
14
14
|
//# sourceMappingURL=resource.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resource.d.ts","sourceRoot":"","sources":["../../src/properties/resource.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,QAAQ,IAAI,gBAAgB,EACjC,KAAK,eAAe,EACrB,MAAM,yBAAyB,CAAC;AAIjC,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,CAAC;AAElD;;;;;;;;;GASG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,GAAE,eAAe,CAAC,CAAC,CAAM,
|
|
1
|
+
{"version":3,"file":"resource.d.ts","sourceRoot":"","sources":["../../src/properties/resource.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,QAAQ,IAAI,gBAAgB,EACjC,KAAK,eAAe,EACrB,MAAM,yBAAyB,CAAC;AAIjC,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,CAAC;AAElD;;;;;;;;;GASG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,GAAE,eAAe,CAAC,CAAC,CAAM,2JAatF"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export declare function initSlots(instance: object, children: unknown): void;
|
|
2
2
|
export declare function getSlot(instance: object, name: string): unknown[];
|
|
3
|
-
export declare function Slot(name?: string):
|
|
3
|
+
export declare function Slot(name?: string): <This extends import("@praxisjs/core").StatefulComponent, Value = unknown>(_value: undefined, context: ClassFieldDecoratorContext<This, Value>) => void;
|
|
4
4
|
//# sourceMappingURL=slot.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../../src/properties/slot.ts"],"names":[],"mappings":"AA+BA,wBAAgB,SAAS,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI,CAEnE;AAED,wBAAgB,OAAO,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,EAAE,CAEjE;AAED,wBAAgB,IAAI,CAAC,IAAI,CAAC,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../../src/properties/slot.ts"],"names":[],"mappings":"AA+BA,wBAAgB,SAAS,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI,CAEnE;AAED,wBAAgB,OAAO,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,EAAE,CAEjE;AAED,wBAAgB,IAAI,CAAC,IAAI,CAAC,EAAE,MAAM,2JAkBjC"}
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import type { ReactiveHost } from "../reactive-host";
|
|
2
|
+
export declare function State(): <This extends ReactiveHost, Value = unknown>(_value: undefined, context: ClassFieldDecoratorContext<This, Value>) => void;
|
|
2
3
|
//# sourceMappingURL=state.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../src/properties/state.ts"],"names":[],"mappings":"AAIA,wBAAgB,KAAK,
|
|
1
|
+
{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../src/properties/state.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,wBAAgB,KAAK,8HAepB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../src/properties/state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../src/properties/state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAIjE,MAAM,UAAU,KAAK;IACnB,OAAO,oBAAoB,CAAe;QACxC,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,YAAY;YAChC,MAAM,GAAG,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;YACjC,OAAO;gBACL,UAAU,EAAE;oBACV,GAAG,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE;oBAChB,GAAG,EAAE,CAAC,KAAc,EAAE,EAAE;wBACtB,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC;wBAC5B,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;oBACjB,CAAC;iBACF;aACF,CAAC;QACJ,CAAC;KACF,CAAC,CAAC;AACL,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"synced.d.ts","sourceRoot":"","sources":["../../src/properties/synced.ts"],"names":[],"mappings":"AAMA,wBAAgB,MAAM,CAAC,WAAW,CAAC,EAAE,MAAM,2JAqB1C"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { syncedSignal } from "@praxisjs/core/internal";
|
|
2
|
+
import { createFieldDecorator } from "../create-field-decorator";
|
|
3
|
+
const signalMap = new WeakMap();
|
|
4
|
+
export function Synced(channelName) {
|
|
5
|
+
return createFieldDecorator({
|
|
6
|
+
bind(instance, name, initialValue) {
|
|
7
|
+
const key = channelName ?? name;
|
|
8
|
+
if (!signalMap.has(instance))
|
|
9
|
+
signalMap.set(instance, new Map());
|
|
10
|
+
const map = signalMap.get(instance);
|
|
11
|
+
if (!map.has(key))
|
|
12
|
+
map.set(key, syncedSignal(key, initialValue));
|
|
13
|
+
const sig = map.get(key);
|
|
14
|
+
return {
|
|
15
|
+
descriptor: {
|
|
16
|
+
get: () => sig(),
|
|
17
|
+
set: (value) => { sig.set(value); },
|
|
18
|
+
},
|
|
19
|
+
onUnmount() {
|
|
20
|
+
sig.close();
|
|
21
|
+
},
|
|
22
|
+
};
|
|
23
|
+
},
|
|
24
|
+
});
|
|
25
|
+
}
|
|
26
|
+
//# sourceMappingURL=synced.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"synced.js","sourceRoot":"","sources":["../../src/properties/synced.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAqB,MAAM,yBAAyB,CAAC;AAE1E,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,SAAS,GAAG,IAAI,OAAO,EAA8C,CAAC;AAE5E,MAAM,UAAU,MAAM,CAAC,WAAoB;IACzC,OAAO,oBAAoB,CAAC;QAC1B,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,YAAY;YAC/B,MAAM,GAAG,GAAG,WAAW,IAAI,IAAI,CAAC;YAEhC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC;gBAAE,SAAS,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;YACjE,MAAM,GAAG,GAAG,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAuC,CAAC;YAC1E,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC;gBAAE,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,YAAY,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC,CAAC;YACjE,MAAM,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,CAA0B,CAAC;YAElD,OAAO;gBACL,UAAU,EAAE;oBACV,GAAG,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE;oBAChB,GAAG,EAAE,CAAC,KAAc,EAAE,EAAE,GAAG,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;iBAC7C;gBACD,SAAS;oBACP,GAAG,CAAC,KAAK,EAAE,CAAC;gBACd,CAAC;aACF,CAAC;QACJ,CAAC;KACF,CAAC,CAAC;AACL,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"reactive-host.d.ts","sourceRoot":"","sources":["../src/reactive-host.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,WAAW,EAAE,OAAO,CAAC;CACtB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"reactive-host.js","sourceRoot":"","sources":["../src/reactive-host.ts"],"names":[],"mappings":""}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@praxisjs/decorators",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.8.1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"types": "./dist/index.d.ts",
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
"typescript": "^5.9.3"
|
|
16
16
|
},
|
|
17
17
|
"dependencies": {
|
|
18
|
-
"@praxisjs/core": "1.
|
|
18
|
+
"@praxisjs/core": "1.5.0",
|
|
19
19
|
"@praxisjs/shared": "0.2.0"
|
|
20
20
|
},
|
|
21
21
|
"scripts": {
|
|
@@ -0,0 +1,185 @@
|
|
|
1
|
+
import { describe, it, expect } from "vitest";
|
|
2
|
+
|
|
3
|
+
import { StatefulComponent } from "@praxisjs/core";
|
|
4
|
+
import { effect } from "@praxisjs/core/internal";
|
|
5
|
+
|
|
6
|
+
import { DeepState } from "../properties/deep-state";
|
|
7
|
+
|
|
8
|
+
class TestComponent extends StatefulComponent {
|
|
9
|
+
render() { return null; }
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
function fieldCtx(name: string) {
|
|
13
|
+
const initializers: Array<(this: unknown) => void> = [];
|
|
14
|
+
return {
|
|
15
|
+
ctx: {
|
|
16
|
+
name,
|
|
17
|
+
kind: "field" as const,
|
|
18
|
+
addInitializer(fn: (this: unknown) => void) { initializers.push(fn); },
|
|
19
|
+
} as ClassFieldDecoratorContext,
|
|
20
|
+
run(instance: unknown) {
|
|
21
|
+
initializers.forEach((fn) => { fn.call(instance); });
|
|
22
|
+
},
|
|
23
|
+
};
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
describe("@DeepState decorator", () => {
|
|
27
|
+
it("reads initial value", () => {
|
|
28
|
+
const { ctx, run } = fieldCtx("config");
|
|
29
|
+
DeepState()(undefined, ctx);
|
|
30
|
+
const instance = new TestComponent();
|
|
31
|
+
(instance as unknown as Record<string, unknown>).config = { theme: "light" };
|
|
32
|
+
run(instance);
|
|
33
|
+
|
|
34
|
+
const inst = instance as unknown as { config: { theme: string } };
|
|
35
|
+
expect(inst.config.theme).toBe("light");
|
|
36
|
+
});
|
|
37
|
+
|
|
38
|
+
it("nested object mutation triggers reactive effect", () => {
|
|
39
|
+
const { ctx, run } = fieldCtx("config");
|
|
40
|
+
DeepState()(undefined, ctx);
|
|
41
|
+
const instance = new TestComponent();
|
|
42
|
+
(instance as unknown as Record<string, unknown>).config = { theme: { mode: "light" } };
|
|
43
|
+
run(instance);
|
|
44
|
+
|
|
45
|
+
const inst = instance as unknown as { config: { theme: { mode: string } } };
|
|
46
|
+
const log: string[] = [];
|
|
47
|
+
effect(() => { log.push(inst.config.theme.mode); });
|
|
48
|
+
|
|
49
|
+
inst.config.theme.mode = "dark";
|
|
50
|
+
expect(log).toEqual(["light", "dark"]);
|
|
51
|
+
});
|
|
52
|
+
|
|
53
|
+
it("array push triggers reactive effect", () => {
|
|
54
|
+
const { ctx, run } = fieldCtx("items");
|
|
55
|
+
DeepState()(undefined, ctx);
|
|
56
|
+
const instance = new TestComponent();
|
|
57
|
+
(instance as unknown as Record<string, unknown>).items = [1, 2];
|
|
58
|
+
run(instance);
|
|
59
|
+
|
|
60
|
+
const inst = instance as unknown as { items: number[] };
|
|
61
|
+
const log: number[][] = [];
|
|
62
|
+
effect(() => { log.push([...inst.items]); });
|
|
63
|
+
|
|
64
|
+
inst.items.push(3);
|
|
65
|
+
expect(log[log.length - 1]).toEqual([1, 2, 3]);
|
|
66
|
+
});
|
|
67
|
+
|
|
68
|
+
it("array index assignment triggers reactive effect", () => {
|
|
69
|
+
const { ctx, run } = fieldCtx("list");
|
|
70
|
+
DeepState()(undefined, ctx);
|
|
71
|
+
const instance = new TestComponent();
|
|
72
|
+
(instance as unknown as Record<string, unknown>).list = ["a", "b"];
|
|
73
|
+
run(instance);
|
|
74
|
+
|
|
75
|
+
const inst = instance as unknown as { list: string[] };
|
|
76
|
+
const log: string[][] = [];
|
|
77
|
+
effect(() => { log.push([...inst.list]); });
|
|
78
|
+
|
|
79
|
+
inst.list[0] = "z";
|
|
80
|
+
expect(log[log.length - 1]).toEqual(["z", "b"]);
|
|
81
|
+
});
|
|
82
|
+
|
|
83
|
+
it("property deletion triggers reactive effect", () => {
|
|
84
|
+
const { ctx, run } = fieldCtx("obj");
|
|
85
|
+
DeepState()(undefined, ctx);
|
|
86
|
+
const instance = new TestComponent();
|
|
87
|
+
(instance as unknown as Record<string, unknown>).obj = { a: 1, b: 2 };
|
|
88
|
+
run(instance);
|
|
89
|
+
|
|
90
|
+
const inst = instance as unknown as { obj: Record<string, number> };
|
|
91
|
+
const log: string[][] = [];
|
|
92
|
+
effect(() => { log.push(Object.keys(inst.obj)); });
|
|
93
|
+
|
|
94
|
+
delete inst.obj.a;
|
|
95
|
+
expect(log[log.length - 1]).not.toContain("a");
|
|
96
|
+
});
|
|
97
|
+
|
|
98
|
+
it("direct assignment replaces root and triggers effect", () => {
|
|
99
|
+
const { ctx, run } = fieldCtx("data");
|
|
100
|
+
DeepState()(undefined, ctx);
|
|
101
|
+
const instance = new TestComponent();
|
|
102
|
+
(instance as unknown as Record<string, unknown>).data = { x: 1 };
|
|
103
|
+
run(instance);
|
|
104
|
+
|
|
105
|
+
const inst = instance as unknown as { data: { x: number } };
|
|
106
|
+
const log: number[] = [];
|
|
107
|
+
effect(() => { log.push(inst.data.x); });
|
|
108
|
+
|
|
109
|
+
inst.data = { x: 99 };
|
|
110
|
+
expect(log).toEqual([1, 99]);
|
|
111
|
+
});
|
|
112
|
+
|
|
113
|
+
it("mutations on new root after reassignment are reactive", () => {
|
|
114
|
+
const { ctx, run } = fieldCtx("cfg");
|
|
115
|
+
DeepState()(undefined, ctx);
|
|
116
|
+
const instance = new TestComponent();
|
|
117
|
+
(instance as unknown as Record<string, unknown>).cfg = { v: 0 };
|
|
118
|
+
run(instance);
|
|
119
|
+
|
|
120
|
+
const inst = instance as unknown as { cfg: { v: number } };
|
|
121
|
+
inst.cfg = { v: 10 };
|
|
122
|
+
|
|
123
|
+
const log: number[] = [];
|
|
124
|
+
effect(() => { log.push(inst.cfg.v); });
|
|
125
|
+
|
|
126
|
+
inst.cfg.v = 20;
|
|
127
|
+
expect(log).toEqual([10, 20]);
|
|
128
|
+
});
|
|
129
|
+
|
|
130
|
+
it("null initial value is handled gracefully", () => {
|
|
131
|
+
const { ctx, run } = fieldCtx("maybe");
|
|
132
|
+
DeepState()(undefined, ctx);
|
|
133
|
+
const instance = new TestComponent();
|
|
134
|
+
(instance as unknown as Record<string, unknown>).maybe = null;
|
|
135
|
+
run(instance);
|
|
136
|
+
|
|
137
|
+
const inst = instance as unknown as { maybe: null | { x: number } };
|
|
138
|
+
expect(inst.maybe).toBeNull();
|
|
139
|
+
|
|
140
|
+
const log: unknown[] = [];
|
|
141
|
+
effect(() => { log.push(inst.maybe); });
|
|
142
|
+
|
|
143
|
+
inst.maybe = { x: 5 };
|
|
144
|
+
expect(log).toEqual([null, { x: 5 }]);
|
|
145
|
+
});
|
|
146
|
+
|
|
147
|
+
it("setter with null value — proxy not created, value is null", () => {
|
|
148
|
+
const { ctx, run } = fieldCtx("nullable");
|
|
149
|
+
DeepState()(undefined, ctx);
|
|
150
|
+
const instance = new TestComponent();
|
|
151
|
+
(instance as unknown as Record<string, unknown>).nullable = { x: 1 };
|
|
152
|
+
run(instance);
|
|
153
|
+
|
|
154
|
+
const inst = instance as unknown as { nullable: { x: number } | null };
|
|
155
|
+
inst.nullable = null;
|
|
156
|
+
expect(inst.nullable).toBeNull();
|
|
157
|
+
});
|
|
158
|
+
|
|
159
|
+
it("setter with primitive value — value stored directly without proxy", () => {
|
|
160
|
+
const { ctx, run } = fieldCtx("num");
|
|
161
|
+
DeepState()(undefined, ctx);
|
|
162
|
+
const instance = new TestComponent();
|
|
163
|
+
(instance as unknown as Record<string, unknown>).num = { v: 0 };
|
|
164
|
+
run(instance);
|
|
165
|
+
|
|
166
|
+
const inst = instance as unknown as { num: number | { v: number } };
|
|
167
|
+
inst.num = 99;
|
|
168
|
+
expect(inst.num).toBe(99);
|
|
169
|
+
});
|
|
170
|
+
|
|
171
|
+
it("deeply nested mutation triggers effect", () => {
|
|
172
|
+
const { ctx, run } = fieldCtx("deep");
|
|
173
|
+
DeepState()(undefined, ctx);
|
|
174
|
+
const instance = new TestComponent();
|
|
175
|
+
(instance as unknown as Record<string, unknown>).deep = { a: { b: { c: 0 } } };
|
|
176
|
+
run(instance);
|
|
177
|
+
|
|
178
|
+
const inst = instance as unknown as { deep: { a: { b: { c: number } } } };
|
|
179
|
+
const log: number[] = [];
|
|
180
|
+
effect(() => { log.push(inst.deep.a.b.c); });
|
|
181
|
+
|
|
182
|
+
inst.deep.a.b.c = 42;
|
|
183
|
+
expect(log).toEqual([0, 42]);
|
|
184
|
+
});
|
|
185
|
+
});
|
|
@@ -3,6 +3,7 @@ import { describe, it, expect, vi } from "vitest";
|
|
|
3
3
|
import { StatefulComponent } from "@praxisjs/core";
|
|
4
4
|
import { signal, computed } from "@praxisjs/core/internal";
|
|
5
5
|
|
|
6
|
+
import { createFieldDecorator } from "../create-field-decorator";
|
|
6
7
|
import { Watch } from "../functions/watch";
|
|
7
8
|
import { When } from "../functions/when";
|
|
8
9
|
import { Compose } from "../properties/compose";
|
|
@@ -984,3 +985,35 @@ describe("@Compose decorator — new cases", () => {
|
|
|
984
985
|
expect(view.resolved).toBeUndefined();
|
|
985
986
|
});
|
|
986
987
|
});
|
|
988
|
+
|
|
989
|
+
// ── createFieldDecorator — additional property ────────────────────────────────
|
|
990
|
+
|
|
991
|
+
describe("createFieldDecorator — additional property", () => {
|
|
992
|
+
it("defines extra properties on the instance when additional is returned", () => {
|
|
993
|
+
const decorator = createFieldDecorator({
|
|
994
|
+
bind(_instance, _name, initialValue) {
|
|
995
|
+
return {
|
|
996
|
+
descriptor: {
|
|
997
|
+
get() { return initialValue; },
|
|
998
|
+
set() { /* no-op */ },
|
|
999
|
+
},
|
|
1000
|
+
additional: {
|
|
1001
|
+
extraProp: {
|
|
1002
|
+
configurable: true,
|
|
1003
|
+
get() { return "extra"; },
|
|
1004
|
+
},
|
|
1005
|
+
},
|
|
1006
|
+
};
|
|
1007
|
+
},
|
|
1008
|
+
});
|
|
1009
|
+
|
|
1010
|
+
const { ctx, run } = fieldCtx("myField");
|
|
1011
|
+
decorator(undefined, ctx);
|
|
1012
|
+
const instance = new TestComponent();
|
|
1013
|
+
(instance as unknown as Record<string, unknown>).myField = 42;
|
|
1014
|
+
run(instance);
|
|
1015
|
+
|
|
1016
|
+
expect((instance as unknown as Record<string, unknown>).myField).toBe(42);
|
|
1017
|
+
expect((instance as unknown as Record<string, unknown>).extraProp).toBe("extra");
|
|
1018
|
+
});
|
|
1019
|
+
});
|