Merge pull request #36 from HichemTab-tech/2.x

2.x

Author: HichemTab-tech

README.md

@@ -598,10 +598,10 @@ Returns `{ state, trigger, forceTrigger, clear }`.
 Returns `{ state, trigger, forceTrigger, clear }`.
 
 ### `useSharedSubscription(key, subscriber, scopeName?)`
-Returns `{ state, trigger, unsubscribe }`.
+Returns `{ state, trigger, forceTrigger, unsubscribe }`.
 
 ### `useSharedSubscription(sharedSubscriptionCreated)`
-Returns `{ state, trigger, unsubscribe }`.
+Returns `{ state, trigger, forceTrigger, unsubscribe }`.
 
 ### `<SharedStatesProvider scopeName?>`
 Wrap children; optional `scopeName` (string). If omitted a random unique one is generated.

demo/app.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import {
+    createSharedSubscription,
     sharedFunctionsApi, sharedStatesApi,
     SharedStatesProvider,
     sharedSubscriptionsApi,
@@ -24,7 +25,7 @@ const counterGlobal = createSharedState(0);
 const Comp1 = () => {
     //const [x, setX] = useSharedState('x', 0);
     //const [x, setX] = useSharedState(counterGlobal);
-    const [x, setX] = useSharedState("counterGlobal", "");
+    const [x, setX] = useSharedState("counterGlobal", 0);
     const handle = (by = 1) => {
         setX(x+by)
     }
@@ -49,19 +50,23 @@ const Comp1 = () => {
     );
 }
 
+
+
+const s = createSharedSubscription<string>((set, onError, onCompletion) => {
+
+    return FakeSharedEmitter.subscribe("x", (data: string) => {
+        if (data === "do-error") {
+            onError(new Error("Error"));
+            return;
+        }
+        set(data);
+        console.log("data loaded...", data);
+    }, onError, onCompletion)
+
+})
+
 const use = () => {
-    return useSharedSubscription<string>('test-sub', (set, onError, onCompletion) => {
-
-        return FakeSharedEmitter.subscribe("x", (data: string) => {
-            if (data === "do-error") {
-                onError(new Error("Error"));
-                return;
-            }
-            set(data);
-            console.log("data loaded...", data);
-        }, onError, onCompletion)
-
-    });
+    return useSharedSubscription(s);
 }
 
 const Comp2 = () => {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-shared-states",
-  "version": "1.0.23",
+  "version": "2.0.0",
   "type": "module",
   "description": "Global state made as simple as useState, with zero config, built-in async caching, and automatic scoping.",
   "keywords": [