@nbottarini/react-observable 0.2.0 → 0.2.1
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/dist/cjs/index.js +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/types/index.d.ts +4 -2
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var react=require("react");
|
|
1
|
+
"use strict";var react=require("react");function useObservable(observable,initialValue){const[value,setValue]=react.useState(initialValue),forceUpdate=react.useReducer((()=>({})),{})[1];return react.useEffect((()=>{const observer={handler:newValue=>{value===newValue?forceUpdate():setValue(newValue)}};return observable.subscribe(observer,observer.handler),()=>{observable.unsubscribe(observer)}}),[observable]),value}exports.useObservable=useObservable,exports.useObservableProperty=function(property){return useObservable(property.changed,property.value)};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/useObservable.tsx"],"sourcesContent":["import { useEffect, useReducer, useState } from 'react'\nimport { Observable } from '@nbottarini/observable'\n\nexport function useObservable<T>(observable: Observable<T>, initialValue: T): T {\n const [value, setValue] = useState(initialValue)\n const forceUpdate = useReducer(() => ({}), {})[1] as () => void\n\n useEffect(() => {\n const observer = {\n handler: (newValue: T) => {\n if (value === newValue) {\n forceUpdate()\n } else { // If setValue is applied before forceUpdate strange things happens with hooks\n setValue(newValue)\n }\n }\n }\n observable.subscribe(observer, observer.handler)\n return () => {\n observable.unsubscribe(observer)\n }\n }, [observable])\n return value\n}\n"],"names":["observable","initialValue","value","setValue","useState","forceUpdate","useReducer","useEffect","observer","handler","newValue","subscribe","unsubscribe"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/useObservable.tsx","../../src/useObservableProperty.tsx"],"sourcesContent":["import { useEffect, useReducer, useState } from 'react'\nimport { Observable } from '@nbottarini/observable'\n\nexport function useObservable<T>(observable: Observable<T>, initialValue: T): T {\n const [value, setValue] = useState(initialValue)\n const forceUpdate = useReducer(() => ({}), {})[1] as () => void\n\n useEffect(() => {\n const observer = {\n handler: (newValue: T) => {\n if (value === newValue) {\n forceUpdate()\n } else { // If setValue is applied before forceUpdate strange things happens with hooks\n setValue(newValue)\n }\n }\n }\n observable.subscribe(observer, observer.handler)\n return () => {\n observable.unsubscribe(observer)\n }\n }, [observable])\n return value\n}\n","import { useObservable } from './useObservable'\nimport { ObservableProperty } from '@nbottarini/observable'\n\nexport function useObservableProperty<T>(property: ObservableProperty<T>): T {\n return useObservable(property.changed, property.value)\n}\n"],"names":["useObservable","observable","initialValue","value","setValue","useState","forceUpdate","useReducer","useEffect","observer","handler","newValue","subscribe","unsubscribe","property","changed"],"mappings":"wCAGgB,SAAAA,cAAiBC,WAA2BC,cACxD,MAAOC,MAAOC,UAAYC,MAAQA,SAACH,cAC7BI,YAAcC,MAAAA,YAAW,KAAO,CAAE,IAAG,CAAE,GAAE,GAiB/C,OAfAC,MAAAA,WAAU,KACN,MAAMC,SAAW,CACbC,QAAUC,WACFR,QAAUQ,SACVL,cAEAF,SAASO,SACZ,GAIT,OADAV,WAAWW,UAAUH,SAAUA,SAASC,SACjC,KACHT,WAAWY,YAAYJ,SAAS,CACnC,GACF,CAACR,aACGE,KACX,mECpBM,SAAmCW,UACrC,OAAOd,cAAcc,SAASC,QAASD,SAASX,MACpD"}
|
package/dist/esm/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{useState,useReducer,useEffect}from"react";function useObservable(observable,initialValue){const[value,setValue]=useState(initialValue),forceUpdate=useReducer((()=>({})),{})[1];return useEffect((()=>{const observer={handler:newValue=>{value===newValue?forceUpdate():setValue(newValue)}};return observable.subscribe(observer,observer.handler),()=>{observable.unsubscribe(observer)}}),[observable]),value}export{useObservable};
|
|
1
|
+
import{useState,useReducer,useEffect}from"react";function useObservable(observable,initialValue){const[value,setValue]=useState(initialValue),forceUpdate=useReducer((()=>({})),{})[1];return useEffect((()=>{const observer={handler:newValue=>{value===newValue?forceUpdate():setValue(newValue)}};return observable.subscribe(observer,observer.handler),()=>{observable.unsubscribe(observer)}}),[observable]),value}function useObservableProperty(property){return useObservable(property.changed,property.value)}export{useObservable,useObservableProperty};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/useObservable.tsx"],"sourcesContent":["import { useEffect, useReducer, useState } from 'react'\nimport { Observable } from '@nbottarini/observable'\n\nexport function useObservable<T>(observable: Observable<T>, initialValue: T): T {\n const [value, setValue] = useState(initialValue)\n const forceUpdate = useReducer(() => ({}), {})[1] as () => void\n\n useEffect(() => {\n const observer = {\n handler: (newValue: T) => {\n if (value === newValue) {\n forceUpdate()\n } else { // If setValue is applied before forceUpdate strange things happens with hooks\n setValue(newValue)\n }\n }\n }\n observable.subscribe(observer, observer.handler)\n return () => {\n observable.unsubscribe(observer)\n }\n }, [observable])\n return value\n}\n"],"names":["useObservable","observable","initialValue","value","setValue","useState","forceUpdate","useReducer","useEffect","observer","handler","newValue","subscribe","unsubscribe"],"mappings":"iDAGgB,SAAAA,cAAiBC,WAA2BC,cACxD,MAAOC,MAAOC,UAAYC,SAASH,cAC7BI,YAAcC,YAAW,KAAO,CAAE,IAAG,CAAE,GAAE,GAiB/C,OAfAC,WAAU,KACN,MAAMC,SAAW,CACbC,QAAUC,WACFR,QAAUQ,SACVL,cAEAF,SAASO,SACZ,GAIT,OADAV,WAAWW,UAAUH,SAAUA,SAASC,SACjC,KACHT,WAAWY,YAAYJ,SAAS,CACnC,GACF,CAACR,aACGE,KACX"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/useObservable.tsx","../../src/useObservableProperty.tsx"],"sourcesContent":["import { useEffect, useReducer, useState } from 'react'\nimport { Observable } from '@nbottarini/observable'\n\nexport function useObservable<T>(observable: Observable<T>, initialValue: T): T {\n const [value, setValue] = useState(initialValue)\n const forceUpdate = useReducer(() => ({}), {})[1] as () => void\n\n useEffect(() => {\n const observer = {\n handler: (newValue: T) => {\n if (value === newValue) {\n forceUpdate()\n } else { // If setValue is applied before forceUpdate strange things happens with hooks\n setValue(newValue)\n }\n }\n }\n observable.subscribe(observer, observer.handler)\n return () => {\n observable.unsubscribe(observer)\n }\n }, [observable])\n return value\n}\n","import { useObservable } from './useObservable'\nimport { ObservableProperty } from '@nbottarini/observable'\n\nexport function useObservableProperty<T>(property: ObservableProperty<T>): T {\n return useObservable(property.changed, property.value)\n}\n"],"names":["useObservable","observable","initialValue","value","setValue","useState","forceUpdate","useReducer","useEffect","observer","handler","newValue","subscribe","unsubscribe","useObservableProperty","property","changed"],"mappings":"iDAGgB,SAAAA,cAAiBC,WAA2BC,cACxD,MAAOC,MAAOC,UAAYC,SAASH,cAC7BI,YAAcC,YAAW,KAAO,CAAE,IAAG,CAAE,GAAE,GAiB/C,OAfAC,WAAU,KACN,MAAMC,SAAW,CACbC,QAAUC,WACFR,QAAUQ,SACVL,cAEAF,SAASO,SACZ,GAIT,OADAV,WAAWW,UAAUH,SAAUA,SAASC,SACjC,KACHT,WAAWY,YAAYJ,SAAS,CACnC,GACF,CAACR,aACGE,KACX,CCpBM,SAAUW,sBAAyBC,UACrC,OAAOf,cAAce,SAASC,QAASD,SAASZ,MACpD"}
|
package/dist/types/index.d.ts
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
import { Observable } from '@nbottarini/observable';
|
|
1
|
+
import { Observable, ObservableProperty } from '@nbottarini/observable';
|
|
2
2
|
|
|
3
3
|
declare function useObservable<T>(observable: Observable<T>, initialValue: T): T;
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
declare function useObservableProperty<T>(property: ObservableProperty<T>): T;
|
|
6
|
+
|
|
7
|
+
export { useObservable, useObservableProperty };
|
package/package.json
CHANGED