ustor 0.0.6 → 0.0.8

package/README.md

@@ -1,6 +1,6 @@
 # UStor
 
-[![tests](https://github.com/ustor/actions/workflows/node.js.yml/badge.svg)](https://github.com/ustor/actions/workflows/node.js.yml) [![Version](https://img.shields.io/npm/v/ustor.svg?color=success&style=flat-square)](https://www.npmjs.com/package/ustor) [![Badge size](https://deno.bundlejs.com/badge?q=ustor&treeshake=[*]&config={"compression":"brotli"})](https://unpkg.com/ustor) [![Badge size](https://deno.bundlejs.com/badge?q=ustor&treeshake=[*]&config={"compression":"gzip"})](https://unpkg.com/ustor)
+[![tests](https://github.com/kethan/ustor/actions/workflows/node.js.yml/badge.svg)](https://github.com/ustor/actions/workflows/node.js.yml) [![Version](https://img.shields.io/npm/v/ustor.svg?color=success&style=flat-square)](https://www.npmjs.com/package/ustor) [![Badge size](https://deno.bundlejs.com/badge?q=ustor&treeshake=[*]&config={"compression":"brotli"})](https://unpkg.com/ustor) [![Badge size](https://deno.bundlejs.com/badge?q=ustor&treeshake=[*]&config={"compression":"gzip"})](https://unpkg.com/ustor)
 
 # Reactive Store Library
 
@@ -23,7 +23,7 @@ This library provides a powerful reactivity system for creating stateful objects
   - [Deeply Nested Structures](#deeply-nested-structures)
   - [Arrays and Objects](#arrays-and-objects)
   - [Reactivity and Effects](#reactivity-and-effects)
-- [Integration with Solid.js, Preact Signals, and React](#integration-with-solidjs-preact-signals-and-react)
+- [Integration with Solid.js, Preact Signals or any](#integration-with-solidjs-preact-signals-or-any)
 
 ## Installation
 
@@ -34,7 +34,7 @@ npm install ustor
 yarn add ustor
 ```
 
-This library can be integrated `solid-js`, `@preact/signals-core`, `ulive`, `usignal`, `oby`, `sinuous`, `react` for managing reactive signals or any other libarary you can think of.
+This library can be integrated with `solid-js`, `@preact/signals-core`, `ulive`, `usignal`, `oby`, `sinuous` any other libarary you can think of for managing reactive signals.
 
 ## Setup
 
@@ -42,14 +42,24 @@ First, import the `store` function and the `api` object. You need to initialize
 
 ```javascript
 import { store, api } from "./src";
-// import { signal } from '@preact/signals-core';
 import { createSignal } from "solid-js";
+// import { signal } from '@preact/signals-core'; // 'usignal' 'ulive'
 
 // Solid.js setup
 api.signal = createSignal;
-api.get = (v) => v?.[0]();
-api.set = (signal, v) => signal?.[1](v);
-api.is = (v) => v?.[0]?.name?.includes("readSignal");
+api.get = (v) => v[0]();
+api.set = (signal, v) => signal[1](v);
+api.is = (v) =>
+	(Array.isArray(v) &&
+		typeof v[0] === "function" &&
+		typeof v[1] === "function") ||
+	v[0]?.name?.includes("readSignal");
+
+// @preact/signals-core, usignal or ulive setup
+api.signal = signal;
+api.get = (v) => v.value;
+api.set = (signal, v) => (signal.value = v);
+api.is = (v) => v?.peek;
 ```
 
 ## API
@@ -141,11 +151,11 @@ The `store` function can also handle deeply nested objects, converting nested pr
 
 ```javascript
 const s = store({ nested: { deep: { value: 10 } } });
-const deepValue = api.get(s.nested.deep.value) * 2;
+const deepValue = s.nested.deep.value * 2;
 
 console.log(deepValue); // 20
 s.nested.deep.value = 15;
-console.log(api.get(s.nested.deep.value) * 2); // 30
+console.log(s.nested.deep.value) * 2; // 30
 ```
 
 ### Arrays and Objects
@@ -163,13 +173,13 @@ console.log(s.list.reduce((acc, item) => acc + item, 0)); // 9
 
 ### Reactivity and Effects
 
-The library integrates with effects to track dependencies and automatically re-run whenever dependencies change:
+The signal value trigger with effects to track dependencies and automatically re-run whenever dependencies change:
 
 ```javascript
 const s = store({ a: 1 });
 let effectValue = 0;
 
-api.effect(() => {
+effect(() => {
 	effectValue = s.a * 2;
 });
 
@@ -178,7 +188,7 @@ s.a = 4;
 console.log(effectValue); // 8
 ```
 
-## Integration with Solid.js, Preact Signals, and React
+## Integration with Solid.js, Preact Signals or any
 
 This library can be used with Solid.js, Preact Signals, React, or any other UI framework to provide reactive signals.
 
@@ -208,33 +218,27 @@ api.set = (signal, v) => (signal.value = v);
 api.is = (v) => v?.peek;
 ```
 
-To use React:
+To use any signal library
 
 ```javascript
-import { useState, useMemo } from "react";
+import ... from "...";
 
-api.signal = useState;
-api.get = (signal) => signal?.[0]();
-api.set = (signal, value) => signal?.[1](value);
-api.is = (v) => Array.isArray(v) && typeof v[1] === "function";
+api.signal = ...;
+api.get = ...;
+api.set = (signal, value) => ...;
+api.is = (v) => ...;
 
 const state = store({
-	count: 0,
-	get double() { //useMemo
-		return useMemo(() => {
-			return this.count * this.count;
-		}, [this.count]);
-	},
+	count: 0
 });
 ```
 
 The library provides a unified API to work with different reactive systems, allowing you to switch between Solid.js, Preact Signals, React, or any other UI framework easily.
 
-
 ### License
 
 This library is provided "as-is" under the MIT license. Feel free to use, modify, and distribute it in your projects.
 
 ### Thanks and Inspiration
 
-- **[dy](https://github.com/dy)**
+- **[dy](https://github.com/dy)**

package/dist/index.es.js

@@ -2,11 +2,7 @@ let api = {},
     _s = Symbol("s"),
     is = (v) => v[_s],
     isObject = (v) => v && v.constructor === Object,
-    resolve = (v) => Array.isArray(v)
-        ? store(v)
-        : isObject(v)
-            ? Object.seal(store(v))
-            : v,
+    resolve = (v) => Array.isArray(v) ? store(v) : isObject(v) ? Object.seal(store(v)) : v,
     store = (values, proto) => {
         if ((is(values) && !proto) || !(api.signal && api.get && api.set && api.is)) return values;
         if (Array.isArray(values)) values.forEach((item, i) => values[i] = is(item) ? item : store(item));
@@ -15,7 +11,7 @@ let api = {},
             Object.entries(Object.getOwnPropertyDescriptors(values)).forEach(
                 ([key, desc]) => {
                     let signal = api.is(desc.value) ? desc.value : api.signal(resolve(desc.value)),
-                        memo = desc.get ? api.memo ? api.memo(desc.get.bind(state)) : desc.get.bind(state)?.() : signal;
+                        memo = desc.get ? (api.memo ? api.memo(desc.get.bind(state)) : desc.get.bind(state)()) : signal;
                     Object.defineProperty(state, key, {
                         get: () => desc.get ? memo : api.get(memo),
                         set: desc.get ? desc.set?.bind(state) : v => api.set(signal, resolve(v)),

package/dist/index.js

@@ -4,11 +4,7 @@ let api = {},
     _s = Symbol("s"),
     is = (v) => v[_s],
     isObject = (v) => v && v.constructor === Object,
-    resolve = (v) => Array.isArray(v)
-        ? store(v)
-        : isObject(v)
-            ? Object.seal(store(v))
-            : v,
+    resolve = (v) => Array.isArray(v) ? store(v) : isObject(v) ? Object.seal(store(v)) : v,
     store = (values, proto) => {
         if ((is(values) && !proto) || !(api.signal && api.get && api.set && api.is)) return values;
         if (Array.isArray(values)) values.forEach((item, i) => values[i] = is(item) ? item : store(item));
@@ -17,7 +13,7 @@ let api = {},
             Object.entries(Object.getOwnPropertyDescriptors(values)).forEach(
                 ([key, desc]) => {
                     let signal = api.is(desc.value) ? desc.value : api.signal(resolve(desc.value)),
-                        memo = desc.get ? api.memo ? api.memo(desc.get.bind(state)) : desc.get.bind(state)?.() : signal;
+                        memo = desc.get ? (api.memo ? api.memo(desc.get.bind(state)) : desc.get.bind(state)()) : signal;
                     Object.defineProperty(state, key, {
                         get: () => desc.get ? memo : api.get(memo),
                         set: desc.get ? desc.set?.bind(state) : v => api.set(signal, resolve(v)),

package/dist/index.min.js

@@ -1 +1 @@
-var template=function(e){let t={},r=Symbol("s"),a=e=>e[r],i=e=>e&&e.constructor===Object,s=e=>Array.isArray(e)?n(e):i(e)?Object.seal(n(e)):e,n=(e,c)=>{if(a(e)&&!c||!(t.signal&&t.get&&t.set&&t.is))return e;if(Array.isArray(e)&&e.forEach(((t,r)=>e[r]=a(t)?t:n(t))),i(e)){let a=Object.create(c||Object.getPrototypeOf(e));return Object.entries(Object.getOwnPropertyDescriptors(e)).forEach((([e,r])=>{let i=t.is(r.value)?r.value:t.signal(s(r.value)),n=r.get?t.memo?t.memo(r.get.bind(a)):r.get.bind(a)?.():i;Object.defineProperty(a,e,{get:()=>r.get?n:t.get(n),set:r.get?r.set?.bind(a):e=>t.set(i,s(e)),enumerable:!0})})),Object.defineProperty(a,r,{value:!0}),a}return e};return e.api=t,e.is=a,e.store=n,e}({});
+var ustor=function(e){let t={},r=Symbol("s"),s=e=>e[r],i=e=>e&&e.constructor===Object,a=e=>Array.isArray(e)?n(e):i(e)?Object.seal(n(e)):e,n=(e,o)=>{if(s(e)&&!o||!(t.signal&&t.get&&t.set&&t.is))return e;if(Array.isArray(e)&&e.forEach(((t,r)=>e[r]=s(t)?t:n(t))),i(e)){let s=Object.create(o||Object.getPrototypeOf(e));return Object.entries(Object.getOwnPropertyDescriptors(e)).forEach((([e,r])=>{let i=t.is(r.value)?r.value:t.signal(a(r.value)),n=r.get?t.memo?t.memo(r.get.bind(s)):r.get.bind(s)():i;Object.defineProperty(s,e,{get:()=>r.get?n:t.get(n),set:r.get?r.set?.bind(s):e=>t.set(i,a(e)),enumerable:!0})})),Object.defineProperty(s,r,{value:!0}),s}return e};return e.api=t,e.is=s,e.store=n,e}({});

package/dist/index.umd.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).template={})}(this,(function(e){let t={},r=Symbol("s"),i=e=>e[r],o=e=>e&&e.constructor===Object,n=e=>Array.isArray(e)?s(e):o(e)?Object.seal(s(e)):e,s=(e,a)=>{if(i(e)&&!a||!(t.signal&&t.get&&t.set&&t.is))return e;if(Array.isArray(e)&&e.forEach(((t,r)=>e[r]=i(t)?t:s(t))),o(e)){let i=Object.create(a||Object.getPrototypeOf(e));return Object.entries(Object.getOwnPropertyDescriptors(e)).forEach((([e,r])=>{let o=t.is(r.value)?r.value:t.signal(n(r.value)),s=r.get?t.memo?t.memo(r.get.bind(i)):r.get.bind(i)?.():o;Object.defineProperty(i,e,{get:()=>r.get?s:t.get(s),set:r.get?r.set?.bind(i):e=>t.set(o,n(e)),enumerable:!0})})),Object.defineProperty(i,r,{value:!0}),i}return e};e.api=t,e.is=i,e.store=s}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).ustor={})}(this,(function(e){let t={},r=Symbol("s"),o=e=>e[r],i=e=>e&&e.constructor===Object,n=e=>Array.isArray(e)?s(e):i(e)?Object.seal(s(e)):e,s=(e,f)=>{if(o(e)&&!f||!(t.signal&&t.get&&t.set&&t.is))return e;if(Array.isArray(e)&&e.forEach(((t,r)=>e[r]=o(t)?t:s(t))),i(e)){let o=Object.create(f||Object.getPrototypeOf(e));return Object.entries(Object.getOwnPropertyDescriptors(e)).forEach((([e,r])=>{let i=t.is(r.value)?r.value:t.signal(n(r.value)),s=r.get?t.memo?t.memo(r.get.bind(o)):r.get.bind(o)():i;Object.defineProperty(o,e,{get:()=>r.get?s:t.get(s),set:r.get?r.set?.bind(o):e=>t.set(i,n(e)),enumerable:!0})})),Object.defineProperty(o,r,{value:!0}),o}return e};e.api=t,e.is=o,e.store=s}));

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "ustor",
-	"description": "A lightweight reactive store library that provides a powerful reactivity system for managing state, compatible with any UI framework, including React, Solid.js, and Preact Signals.",
-	"version": "0.0.6",
+	"description": "A lightweight reactive store library that provides a powerful reactivity system for managing state, compatible with any UI framework, including Solid.js, and Preact Signals.",
+	"version": "0.0.8",
 	"type": "module",
 	"source": "./src/index.js",
 	"main": "./dist/index.js",
@@ -29,8 +29,12 @@
 	"devDependencies": {
 		"@preact/signals-core": "^1.8.0",
 		"@rollup/plugin-terser": "^0.4.4",
+		"oby": "^15.1.2",
+		"reactively": "^0.0.1",
 		"rollup": "^4.24.0",
 		"rollup-plugin-bundle-size": "^1.0.3",
+		"s-js": "^0.4.9",
+		"sinuous": "^0.32.1",
 		"solid-js": "^1.9.2",
 		"ulive": "^1.0.7",
 		"vitest": "^2.1.3"
@@ -43,8 +47,6 @@
 		"createmutable",
 		"mutable",
 		"createstore",
-		"react",
-		"preact",
 		"solid.js",
 		"state",
 		"observable",