reactjs-signal 1.1.0 → 1.1.1

package/README.md

@@ -15,12 +15,17 @@
   <a href="https://github.com/hunghg255/reactjs-signal/blob/main/LICENSE" target="_blank" rel="noopener noreferrer"><img src="https://badgen.net/github/license/hunghg255/reactjs-signal" alt="License" /></a>
 </p>
 
+
+
 ## Installation
 
 ```bash
 npm install reactjs-signal
 ```
 
+## Devtools
+
+- [reactjs-signal-devtools](https://github.com/hunghg255/reactjs-signal-devtools)
 
 ## Usage
 
@@ -50,7 +55,7 @@ Creates a writable Alien Signal.
 
 ```typescript
 const countSignal = createSignal(0);
-countSignal.set(10); // sets the value to 10
+countSignal(10); // sets the value to 10
 ```
 
 #### Parameters
@@ -69,7 +74,7 @@ Creates a computed Alien Signal based on a getter function.
 
 ```typescript
 const countSignal = createSignal(1);
-const doubleSignal = createComputed(() => countSignal.get() * 2);
+const doubleSignal = createComputed(() => countSignal() * 2);
 ```
 
 #### Parameters
@@ -80,43 +85,6 @@ const doubleSignal = createComputed(() => countSignal.get() * 2);
 
 - `ISignal<T>`: The created computed signal.
 
-### `createEffect`
-
-Creates a side effect in Alien Signals.
-
-#### Example
-
-```typescript
-const countSignal = createSignal(1);
-createEffect(() => {
-  console.log('Count is', countSignal.get());
-});
-```
-
-#### Parameters
-
-- `fn` (`() => T`): A function that will run whenever its tracked signals update.
-
-#### Returns
-
-- `Effect<T>`: The created effect object.
-
-### `createSignalScope`
-
-Creates an Alien Signals effect scope. This scope can manage multiple effects, allowing you to stop or start them together.
-
-#### Example
-
-```typescript
-const scope = createSignalScope();
-scope.run(() => {
-  // create effects in here...
-});
-```
-
-#### Returns
-
-- `EffectScope`: The created effect scope.
 
 ### `useSignal`
 
@@ -148,7 +116,7 @@ React hook returning only the current value of an Alien Signal (or computed). No
 
 ```typescript
 const countSignal = createSignal(0);
-const doubleSignal = createComputed(() => countSignal.get() * 2);
+const doubleSignal = createComputed(() => countSignal() * 2);
 function Display() {
   const count = useSignalValue(countSignal);
   const double = useSignalValue(doubleSignal);
@@ -195,7 +163,7 @@ React hook for running a side effect whenever Alien Signals' dependencies used i
 ```typescript
 function Logger() {
   useSignalEffect(() => {
-    console.log('Signal changed:', someSignal.get());
+    console.log('Signal changed:', someSignal());
   });
   return null;
 }
@@ -205,25 +173,6 @@ function Logger() {
 
 - `fn` (`() => void`): The effect function to run.
 
-### `useSignalScope`
-
-React hook for managing an Alien Signals effect scope. All signals/effects created inside this scope run when the component mounts, and are stopped automatically when the component unmounts.
-
-#### Example
-
-```typescript
-function ScopedEffects() {
-  const scope = useSignalScope();
-  useEffect(() => {
-    scope.run(() => {
-      createEffect(() => {
-        console.log('Scoped effect:', someSignal.get());
-      });
-    });
-  }, [scope]);
-  return null;
-}
-```
 
 <!-- /**
  * React hook to initialize a signal with a value when hydrating from server.
@@ -236,7 +185,7 @@ function ScopedEffects() {
  * @param {T} value - The value to hydrate the signal with.
  */
 export function useHydrateSignal<T>(alienSignal: IWritableSignal<T>, value: T): void {
-  alienSignal.set(value);
+  alienSignal(value);
 } -->
 
 ### `useHydrateSignal`

package/dist/index.js

@@ -1 +1 @@
-import {signal,computed,effect}from'alien-signals';import {useSyncExternalStore,useEffect}from'react';var u=new WeakMap,l=e=>{let t=u.get(e);return t||(t=new WeakSet,u.set(e,t)),t};function d(e){return signal(e)}function x(e,t){let o=localStorage.getItem(e),r;if(o)try{r=JSON.parse(o);}catch(T){console.error(`Error parsing localStorage for key "${e}", using initial value.`,T),r=t;}else r=t;let n=d(r);return p(()=>{localStorage.setItem(e,JSON.stringify(n()));}),n}function b(e){return computed(e)}function p(e){return effect(e)}function m(e){return [useSyncExternalStore(r=>{let n=effect(()=>{e(),r();});return ()=>n()},()=>e(),()=>e()),r=>{e(typeof r=="function"?r(e()):r);}]}function v(e){return useSyncExternalStore(t=>{let o=effect(()=>{e(),t();});return ()=>o()},()=>e(),()=>e())}function V(e){return t=>{e(typeof t=="function"?t(e()):t);}}function h(e){useEffect(()=>{let t=effect(e);return ()=>t()},[e]);}function E(e,t){let o=l(e);o.has(e)||(o.add(e),e(t));}export{b as createComputed,p as createEffect,d as createSignal,x as createSignalStorage,E as useHydrateSignal,V as useSetSignal,m as useSignal,h as useSignalEffect,v as useSignalValue};
+import {signal,computed,effect}from'alien-signals';import {useSyncExternalStore,useEffect}from'react';var u=new WeakMap,l=t=>{let e=u.get(t);return e||(e=new WeakSet,u.set(t,e)),e};function d(t){return signal(t)}function y(t,e){let o=localStorage.getItem(t),r;if(o)try{r=JSON.parse(o);}catch(c){console.error(`Error parsing localStorage for key "${t}", using initial value.`,c),r=e;}else r=e;let n=d(r);return p(()=>{localStorage.setItem(t,JSON.stringify(n()));}),n}function W(t){return computed(t)}function p(t){return effect(t)}function I(t){return [useSyncExternalStore(r=>{let n=effect(()=>{t(),r();});return ()=>n()},()=>t(),()=>t()),r=>{t(typeof r=="function"?r(t()):r);}]}function x(t){return useSyncExternalStore(e=>{let o=effect(()=>{t(),e();});return ()=>o()},()=>t(),()=>t())}function b(t){return e=>{t(typeof e=="function"?e(t()):e);}}function m(t){useEffect(()=>{let e=effect(t);return ()=>e()},[]);}function v(t,e){let o=l(t);o.has(t)||(o.add(t),t(e));}export{W as createComputed,p as createEffect,d as createSignal,y as createSignalStorage,v as useHydrateSignal,b as useSetSignal,I as useSignal,m as useSignalEffect,x as useSignalValue};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "reactjs-signal",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "",
   "type": "module",
   "types": "./dist/index.d.ts",
@@ -42,7 +42,8 @@
     "commit-msg": "npm run verify-commit"
   },
   "peerDependencies": {
-    "react": ">=18"
+    "react": ">=18",
+    "alien-signals": ">=1.0.0"
   },
   "bugs": {
     "url": "https://github.com/hunghg255/reactjs-signal/issues"