@zylaris/reactivity 1.0.1 → 1.0.3
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/README.md +32 -0
- package/dist/computed.d.ts.map +1 -1
- package/dist/computed.js +32 -1
- package/dist/computed.js.map +1 -1
- package/package.json +13 -4
package/README.md
ADDED
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
# @zylaris/reactivity
|
|
2
|
+
|
|
3
|
+
> Fine-grained reactivity system for Zylaris
|
|
4
|
+
|
|
5
|
+
Part of the [Zylaris Framework](https://github.com/zylarisjs/zylaris).
|
|
6
|
+
|
|
7
|
+
## Installation
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
npm install @zylaris/reactivity
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
## Usage
|
|
14
|
+
|
|
15
|
+
```ts
|
|
16
|
+
import { signal, computed, createEffect } from '@zylaris/reactivity';
|
|
17
|
+
|
|
18
|
+
const count = signal(0);
|
|
19
|
+
const doubled = computed(() => count() * 2);
|
|
20
|
+
|
|
21
|
+
createEffect(() => {
|
|
22
|
+
console.log('Count:', count());
|
|
23
|
+
});
|
|
24
|
+
```
|
|
25
|
+
|
|
26
|
+
## Documentation
|
|
27
|
+
|
|
28
|
+
Please refer to the [main documentation](https://github.com/zylarisjs/zylaris#readme) for more details.
|
|
29
|
+
|
|
30
|
+
## License
|
|
31
|
+
|
|
32
|
+
MIT © [zylaris.js](https://github.com/zylarisjs/)
|
package/dist/computed.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"computed.d.ts","sourceRoot":"","sources":["../src/computed.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"computed.d.ts","sourceRoot":"","sources":["../src/computed.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAU,MAAM,YAAY,CAAC;AAK/D,wBAAgB,QAAQ,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CA8FpD;AAGD,wBAAgB,kBAAkB;UAnGL,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;eAAa,MAAM,IAAI;SAqG3E"}
|
package/dist/computed.js
CHANGED
|
@@ -47,7 +47,38 @@ export function computed(fn) {
|
|
|
47
47
|
peek: () => node.value,
|
|
48
48
|
subscribe: (fn) => {
|
|
49
49
|
fn(read());
|
|
50
|
-
|
|
50
|
+
// Track when computed becomes dirty and re-call fn
|
|
51
|
+
const checkAndNotify = () => {
|
|
52
|
+
if (dirty) {
|
|
53
|
+
fn(read());
|
|
54
|
+
}
|
|
55
|
+
};
|
|
56
|
+
// Add to observers list via a synthetic effect
|
|
57
|
+
// This ensures fn is called whenever dependencies change
|
|
58
|
+
const effect = {
|
|
59
|
+
fn: checkAndNotify,
|
|
60
|
+
dependencies: new Set(),
|
|
61
|
+
sources: new Set(),
|
|
62
|
+
version: 0,
|
|
63
|
+
scheduled: false,
|
|
64
|
+
};
|
|
65
|
+
// Re-run compute to establish tracking
|
|
66
|
+
compute();
|
|
67
|
+
// Subscribe to all dependencies
|
|
68
|
+
const currentDeps = currentComputed?.deps;
|
|
69
|
+
if (currentDeps) {
|
|
70
|
+
for (const dep of currentDeps) {
|
|
71
|
+
dep.observers.add(effect);
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
return () => {
|
|
75
|
+
// Cleanup: remove from all dependency observers
|
|
76
|
+
if (currentDeps) {
|
|
77
|
+
for (const dep of currentDeps) {
|
|
78
|
+
dep.observers.delete(effect);
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
};
|
|
51
82
|
},
|
|
52
83
|
});
|
|
53
84
|
}
|
package/dist/computed.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"computed.js","sourceRoot":"","sources":["../src/computed.ts"],"names":[],"mappings":"AAEA,uCAAuC;AACvC,IAAI,eAAe,GAAqE,IAAI,CAAC;AAE7F,MAAM,UAAU,QAAQ,CAAI,EAAW;IACrC,MAAM,IAAI,GAAkB;QAC1B,KAAK,EAAE,SAAc;QACrB,SAAS,EAAE,IAAI,GAAG,EAAE;QACpB,OAAO,EAAE,CAAC;KACX,CAAC;IAEF,IAAI,KAAK,GAAG,IAAI,CAAC;IAEjB,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,KAAK,GAAG,IAAI,CAAC;YACb,mBAAmB;YACnB,KAAK,MAAM,QAAQ,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;gBACtC,QAAQ,CAAC,SAAS,GAAG,IAAI,CAAC;YAC5B,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IAEF,SAAS,OAAO;QACd,oCAAoC;QACpC,MAAM,YAAY,GAAG,eAAe,CAAC;QACrC,MAAM,IAAI,GAAG,IAAI,GAAG,EAAuB,CAAC;QAE5C,eAAe,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;QAEtC,IAAI,CAAC;YACH,IAAI,CAAC,KAAK,GAAG,EAAE,EAAE,CAAC;YAClB,IAAI,CAAC,OAAO,EAAE,CAAC;YACf,KAAK,GAAG,KAAK,CAAC;YAEd,gCAAgC;YAChC,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;gBACvB,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,SAAS,EAAS,CAAC,CAAC;YAC9C,CAAC;YAED,OAAO,IAAI,CAAC,KAAK,CAAC;QACpB,CAAC;gBAAS,CAAC;YACT,eAAe,GAAG,YAAY,CAAC;QACjC,CAAC;IACH,CAAC;IAED,SAAS,IAAI;QACX,IAAI,KAAK,IAAI,IAAI,CAAC,OAAO,KAAK,CAAC,EAAE,CAAC;YAChC,OAAO,OAAO,EAAE,CAAC;QACnB,CAAC;QACD,OAAO,IAAI,CAAC,KAAK,CAAC;IACpB,CAAC;IAED,OAAO,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE;QACzB,GAAG,EAAE,GAAG,EAAE,GAAG,MAAM,IAAI,KAAK,CAAC,4BAA4B,CAAC,CAAC,CAAC,CAAC;QAC7D,MAAM,EAAE,GAAG,EAAE,GAAG,MAAM,IAAI,KAAK,CAAC,+BAA+B,CAAC,CAAC,CAAC,CAAC;QACnE,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK;QACtB,SAAS,EAAE,CAAC,EAAsB,EAAE,EAAE;YACpC,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"computed.js","sourceRoot":"","sources":["../src/computed.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zylaris/reactivity",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.3",
|
|
4
4
|
"description": "Fine-grained reactivity system for Zylaris",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -24,13 +24,22 @@
|
|
|
24
24
|
"clean": "rm -rf dist"
|
|
25
25
|
},
|
|
26
26
|
"devDependencies": {
|
|
27
|
-
"typescript": "^5.
|
|
28
|
-
"vitest": "^
|
|
27
|
+
"typescript": "^5.9.3",
|
|
28
|
+
"vitest": "^4.0.18"
|
|
29
29
|
},
|
|
30
30
|
"keywords": [
|
|
31
31
|
"reactivity",
|
|
32
32
|
"signals",
|
|
33
33
|
"zylaris"
|
|
34
34
|
],
|
|
35
|
-
"license": "MIT"
|
|
35
|
+
"license": "MIT",
|
|
36
|
+
"repository": {
|
|
37
|
+
"type": "git",
|
|
38
|
+
"url": "https://github.com/zylarisjs/zylaris.git"
|
|
39
|
+
},
|
|
40
|
+
"homepage": "https://github.com/zylarisjs/zylaris#readme",
|
|
41
|
+
"bugs": {
|
|
42
|
+
"url": "https://github.com/zylarisjs/zylaris/issues"
|
|
43
|
+
},
|
|
44
|
+
"author": "zylaris.js"
|
|
36
45
|
}
|