@nbottarini/react-observable 0.2.0 → 0.3.0

package/dist/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";var react=require("react");exports.useObservable=function(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};
+"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)};
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -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":"8DAGgB,SAAiBA,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"}
+{"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

@@ -1,2 +1,2 @@
-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};
+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};
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -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"}
+{"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

@@ -1,5 +1,7 @@
-import { Observable } from '@nbottarini/observable';
+import { Observable, ObservableProperty } from '@nbottarini/observable';
 
 declare function useObservable<T>(observable: Observable<T>, initialValue: T): T;
 
-export { useObservable };
+declare function useObservableProperty<T>(property: ObservableProperty<T>): T;
+
+export { useObservable, useObservableProperty };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nbottarini/react-observable",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "React hook for reacting to changes in @nbottarini/observable properties",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -28,7 +28,7 @@
     "test": "jest"
   },
   "dependencies": {
-    "@nbottarini/observable": "^0.4.1"
+    "@nbottarini/observable": "^0.5.0"
   },
   "peerDependencies": {
     "react": "*"