synstate-preact-hooks 6.2.0 → 7.0.0

package/dist/use-observable-effect.d.mts

@@ -1,14 +1,14 @@
 import type { Observable } from 'synstate';
 /**
- * Subscribes `subscriptionFn` to `observable$` while the component is
- * mounted, and unsubscribes when it unmounts.
+ * Subscribes `subscriptionFn` to `observable$` while the component is mounted,
+ * and unsubscribes when it unmounts.
  *
- * Each value is passed to the `subscriptionFn` of the latest render, so it
- * sees the current props and state; a new function on every render does not
+ * Each value is passed to the `subscriptionFn` of the latest render, so it sees
+ * the current props and state; a new function on every render does not
  * re-subscribe. Passing a different Observable moves the subscription to it,
  * so pass one that keeps its identity across renders (made outside the
- * component, or memoized): one built during render is subscribed again, and
- * an initialized one calls `subscriptionFn` again, on every render.
+ * component, or memoized): one built during render is subscribed again, and an
+ * initialized one calls `subscriptionFn` again, on every render.
  *
  * @param observable$ The Observable to subscribe to.
  * @param subscriptionFn Called with each value `observable$` emits.

package/dist/use-observable-effect.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"use-observable-effect.d.mts","sourceRoot":"","sources":["../src/use-observable-effect.mts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAE3C;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,mBAAmB,GAAI,CAAC,eACtB,UAAU,CAAC,CAAC,CAAC,kBACV,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,KAC7B,IAkBF,CAAC"}
+{"version":3,"file":"use-observable-effect.d.mts","sourceRoot":"","sources":["../src/use-observable-effect.mts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAE3C;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,mBAAmB,GAAI,CAAC,eACtB,UAAU,CAAC,CAAC,CAAC,kBACV,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,KAC7B,IAiBF,CAAC"}

package/dist/use-observable-effect.mjs

@@ -18,7 +18,6 @@ export const useObservableEffect = (observable$, subscriptionFn) => {
 
 
 
-
     mut_subscriptionFnRef.current = subscriptionFn;
     Preact.useEffect(() => {
         const s = observable$.subscribe((v) => {

package/dist/use-observable-effect.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-observable-effect.mjs","sourceRoot":"","sources":["../src/use-observable-effect.mts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,cAAc,CAAC;AAGvC;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,WAA0B,EAC1B,cAA8B,EACxB,EAAE;IACR,MAAM,qBAAqB,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;IAE5D,uEAAuE;IACvE,0EAA0E;IAC1E,uEAAuE;IACvE,eAAe;IACf,qBAAqB,CAAC,OAAO,GAAG,cAAc,CAAC;IAE/C,MAAM,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,MAAM,CAAC,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE;YACpC,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACV,CAAC,CAAC,WAAW,EAAE,CAAC;QAClB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;AACpB,CAAC,CAAC"}
+{"version":3,"file":"use-observable-effect.mjs","sourceRoot":"","sources":["../src/use-observable-effect.mts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,cAAc,CAAC;AAGvC;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,WAA0B,EAC1B,cAA8B,EACxB,EAAE;IACR,MAAM,qBAAqB,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;IAE5D,6EAA6E;IAC7E,6EAA6E;IAC7E,2EAA2E;IAC3E,qBAAqB,CAAC,OAAO,GAAG,cAAc,CAAC;IAE/C,MAAM,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,MAAM,CAAC,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE;YACpC,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACV,CAAC,CAAC,WAAW,EAAE,CAAC;QAClB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;AACpB,CAAC,CAAC"}

package/dist/use-value-as-observable.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"use-value-as-observable.d.mts","sourceRoot":"","sources":["../src/use-value-as-observable.mts"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,UAAU,EAEhB,MAAM,UAAU,CAAC;AAElB,eAAO,MAAM,oBAAoB,GAAI,CAAC,SAAU,CAAC,KAAG,UAAU,CAAC,CAAC,CA2B/D,CAAC"}
+{"version":3,"file":"use-value-as-observable.d.mts","sourceRoot":"","sources":["../src/use-value-as-observable.mts"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,UAAU,EAEhB,MAAM,UAAU,CAAC;AAElB,eAAO,MAAM,oBAAoB,GAAI,CAAC,SAAU,CAAC,KAAG,UAAU,CAAC,CAAC,CAwB/D,CAAC"}

package/dist/use-value-as-observable.mjs

@@ -8,12 +8,11 @@ export const useValueAsObservable = (input) => {
     () => () => {
         state.complete();
     }, []);
-    const setState = Preact.useCallback((nextState) => {
-        sourceObservable.next(nextState);
-        return nextState;
-    }, []);
     Preact.useEffect(() => {
-        setState(input);
+
+        if (!Object.is(state.getSnapshot().value, input)) {
+            sourceObservable.next(input);
+        }
     }, [input]);
     return state;
 };

package/dist/use-value-as-observable.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-value-as-observable.mjs","sourceRoot":"","sources":["../src/use-value-as-observable.mts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,cAAc,CAAC;AACvC,OAAO,EACL,MAAM,EACN,gBAAgB,GAGjB,MAAM,UAAU,CAAC;AAElB,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAK,KAAQ,EAAiB,EAAE;IAClE,MAAM,gBAAgB,GAAG,MAAM,CAAC,OAAO,CAAsB,MAAM,EAAE,EAAE,CAAC,CAAC;IAEzE,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAC1B,GAAG,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,EACpD,EAAE,CACH,CAAC;IAEF,MAAM,CAAC,SAAS;IACd,+DAA+D;IAC/D,GAAG,EAAE,CAAC,GAAG,EAAE;QACT,KAAK,CAAC,QAAQ,EAAE,CAAC;IACnB,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,SAAY,EAAK,EAAE;QACtD,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAEjC,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,KAAK,CAAC;AACf,CAAC,CAAC"}
+{"version":3,"file":"use-value-as-observable.mjs","sourceRoot":"","sources":["../src/use-value-as-observable.mts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,cAAc,CAAC;AACvC,OAAO,EACL,MAAM,EACN,gBAAgB,GAGjB,MAAM,UAAU,CAAC;AAElB,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAK,KAAQ,EAAiB,EAAE;IAClE,MAAM,gBAAgB,GAAG,MAAM,CAAC,OAAO,CAAsB,MAAM,EAAE,EAAE,CAAC,CAAC;IAEzE,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAC1B,GAAG,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,EACpD,EAAE,CACH,CAAC;IAEF,MAAM,CAAC,SAAS;IACd,+DAA+D;IAC/D,GAAG,EAAE,CAAC,GAAG,EAAE;QACT,KAAK,CAAC,QAAQ,EAAE,CAAC;IACnB,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,CAAC,SAAS,CAAC,GAAG,EAAE;QACpB,8DAA8D;QAC9D,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC;YACjD,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,KAAK,CAAC;AACf,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "synstate-preact-hooks",
-  "version": "6.2.0",
+  "version": "7.0.0",
   "description": "Type-safe State Management Library for TypeScript/JavaScript",
   "repository": {
     "type": "git",
@@ -28,24 +28,24 @@
     "LICENSE"
   ],
   "dependencies": {
-    "synstate": "6.1.1",
-    "ts-data-forge": "^14.10.0",
+    "synstate": "7.0.0",
+    "ts-data-forge": "^14.11.0",
     "ts-type-forge": "^9.2.2"
   },
   "devDependencies": {
-    "@sumi-lang/cli": "0.1.3",
+    "@sumi-lang/cli": "0.1.6",
     "@testing-library/preact": "3.2.4",
     "@vitest/browser-playwright": "5.0.5",
-    "eslint-config-typed": "7.2.1",
-    "eslint-plugin-ts-data-forge": "0.10.6",
-    "eslint-plugin-ts-fortress": "1.3.11",
-    "eslint-plugin-ts-type-forge": "0.8.16",
+    "eslint-config-typed": "7.4.0",
+    "eslint-plugin-ts-data-forge": "0.10.9",
+    "eslint-plugin-ts-fortress": "1.3.13",
+    "eslint-plugin-ts-type-forge": "0.8.18",
     "playwright": "1.64.1",
     "preact": "10.29.8",
     "prettier": "3.9.10",
     "prettier-plugin-organize-imports": "4.3.0",
     "prettier-plugin-packagejson": "3.0.2",
-    "ts-repo-utils": "10.7.1"
+    "ts-repo-utils": "10.7.2"
   },
   "peerDependencies": {
     "preact": ">=10.0.0"

package/src/use-observable-effect.mts

@@ -2,15 +2,15 @@ import * as Preact from 'preact/hooks';
 import type { Observable } from 'synstate';
 
 /**
- * Subscribes `subscriptionFn` to `observable$` while the component is
- * mounted, and unsubscribes when it unmounts.
+ * Subscribes `subscriptionFn` to `observable$` while the component is mounted,
+ * and unsubscribes when it unmounts.
  *
- * Each value is passed to the `subscriptionFn` of the latest render, so it
- * sees the current props and state; a new function on every render does not
+ * Each value is passed to the `subscriptionFn` of the latest render, so it sees
+ * the current props and state; a new function on every render does not
  * re-subscribe. Passing a different Observable moves the subscription to it,
  * so pass one that keeps its identity across renders (made outside the
- * component, or memoized): one built during render is subscribed again, and
- * an initialized one calls `subscriptionFn` again, on every render.
+ * component, or memoized): one built during render is subscribed again, and an
+ * initialized one calls `subscriptionFn` again, on every render.
  *
  * @param observable$ The Observable to subscribe to.
  * @param subscriptionFn Called with each value `observable$` emits.
@@ -21,10 +21,9 @@ export const useObservableEffect = <A,>(
 ): void => {
   const mut_subscriptionFnRef = Preact.useRef(subscriptionFn);
 
-  // Stored as the component renders, before any effect of the commit can
-  // emit. Preact has no concurrent rendering; only a render that throws (to
-  // an error boundary, or to suspend) leaves its function here until the
-  // next render.
+  // Stored as the component renders, before any effect of the commit can emit.
+  // Preact has no concurrent rendering; only a render that throws (to an error
+  // boundary, or to suspend) leaves its function here until the next render.
   mut_subscriptionFnRef.current = subscriptionFn;
 
   Preact.useEffect(() => {

package/src/use-value-as-observable.mts

@@ -22,14 +22,11 @@ export const useValueAsObservable = <A,>(input: A): Observable<A> => {
     [],
   );
 
-  const setState = Preact.useCallback((nextState: A): A => {
-    sourceObservable.next(nextState);
-
-    return nextState;
-  }, []);
-
   Preact.useEffect(() => {
-    setState(input);
+    // The observable already holds the value it was created with.
+    if (!Object.is(state.getSnapshot().value, input)) {
+      sourceObservable.next(input);
+    }
   }, [input]);
 
   return state;