@preact/signals-react 1.0.1 → 1.0.2
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/CHANGELOG.md +13 -0
- package/dist/signals.js +1 -1
- package/dist/signals.js.map +1 -1
- package/dist/signals.min.js +1 -1
- package/dist/signals.min.js.map +1 -1
- package/dist/signals.mjs +1 -1
- package/dist/signals.mjs.map +1 -1
- package/dist/signals.module.js +1 -1
- package/dist/signals.module.js.map +1 -1
- package/package.json +6 -5
- package/src/index.ts +21 -12
- package/test/index.test.tsx +22 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
# @preact/signals-react
|
|
2
2
|
|
|
3
|
+
## 1.0.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#147](https://github.com/preactjs/signals/pull/147) [`3556499`](https://github.com/preactjs/signals/commit/355649903b766630b62cdd0f90a35d3eafa99fa9) Thanks [@developit](https://github.com/developit)! - Improve performance when rendering Signals as Text in Preact.
|
|
8
|
+
|
|
9
|
+
* [#148](https://github.com/preactjs/signals/pull/148) [`b948745`](https://github.com/preactjs/signals/commit/b948745de7b5b60a20ce3bdc5ee72d47d47f38ec) Thanks [@marvinhagemeister](https://github.com/marvinhagemeister)! - Move `types` field in `package.json` to the top of the entry list to ensure that TypeScript always finds it.
|
|
10
|
+
|
|
11
|
+
- [#146](https://github.com/preactjs/signals/pull/146) [`9e798fd`](https://github.com/preactjs/signals/commit/9e798fdaf419566530696f850ea7fc1fc649d3cd) Thanks [@marvinhagemeister](https://github.com/marvinhagemeister)! - fix(react): track owners separately, mutate updaters with dispatcher
|
|
12
|
+
|
|
13
|
+
- Updated dependencies [[`f2ba3d6`](https://github.com/preactjs/signals/commit/f2ba3d657bf8169c6ba1d47c0827aa18cfe1c947), [`160ea77`](https://github.com/preactjs/signals/commit/160ea7791f3adb55c562f5990e0b4848d8491a38), [`4385ea8`](https://github.com/preactjs/signals/commit/4385ea8c8358a154d8b789685bb061658ce1153f), [`b948745`](https://github.com/preactjs/signals/commit/b948745de7b5b60a20ce3bdc5ee72d47d47f38ec), [`00a59c6`](https://github.com/preactjs/signals/commit/00a59c6475bd4542fb934474d82d1e242b2ac870)]:
|
|
14
|
+
- @preact/signals-core@1.1.1
|
|
15
|
+
|
|
3
16
|
## 1.0.1
|
|
4
17
|
|
|
5
18
|
### Patch Changes
|
package/dist/signals.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var r=require("react"),n=require("@preact/signals-core");function t(r){return r&&"object"==typeof r&&"default"in r?r.default:r}var e,u=/*#__PURE__*/t(r),o=u.createElement;u.createElement=function(r,t){if("string"==typeof r&&t)for(var e in t){var u=t[e];"children"!==e&&u instanceof n.Signal&&(t[e]=u.value)}return o.apply(this,arguments)};var i=new WeakMap;function a(r){e&&e(!0,!0),e=r&&r._()}function c(r){var t=n.signal(void 0);return t._u=r,t}var f=o("a").$$typeof;Object.defineProperties(n.Signal.prototype,{$$typeof:{value:
|
|
1
|
+
var r=require("react"),n=require("@preact/signals-core");function t(r){return r&&"object"==typeof r&&"default"in r?r.default:r}var e,u=/*#__PURE__*/t(r),o=u.createElement;u.createElement=function(r,t){if("string"==typeof r&&t)for(var e in t){var u=t[e];"children"!==e&&u instanceof n.Signal&&(t[e]=u.value)}return o.apply(this,arguments)};var i=new WeakMap;function a(r){e&&e(!0,!0),e=r&&r._()}function c(r){var t=n.signal(void 0);return t._u=r,t}var f,v=o("a").$$typeof;Object.defineProperties(n.Signal.prototype,{$$typeof:{configurable:!0,value:v},type:{configurable:!0,value:function(r){return r.data.value}},props:{configurable:!0,get:function(){return{data:this}}},ref:{configurable:!0,value:null}});var s=null;Object.defineProperty(r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,"current",{get:function(){return s},set:function(r){(s=r)&&(f=s)}});var l,p=!1,g=function(){return{}};Object.defineProperty(r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{get:function(){return l},set:function(r){if(l=r,!p)if(f&&r&&!x(r)){p=!0;var n=r.useReducer(g,{})[1];p=!1;var t=i.get(f);t?t._u=n:(t=c(n),i.set(f,t)),a(t)}else a()}});var b=new Map;function x(r){var n=b.get(r);if(void 0!==n)return n;var t=r.useCallback.length<2||/warnInvalidHookAccess/.test(r.useCallback);return b.set(r,t),t}exports.Signal=n.Signal,exports.batch=n.batch,exports.computed=n.computed,exports.effect=n.effect,exports.signal=n.signal,exports.useComputed=function(t){var e=r.useRef(t);return e.current=t,r.useMemo(function(){return n.computed(function(){return e.current()})},[])},exports.useSignal=function(t){return r.useMemo(function(){return n.signal(t)},[])};//# sourceMappingURL=signals.js.map
|
package/dist/signals.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"signals.js","sources":["../src/index.ts"],"sourcesContent":["import {\n\tuseRef,\n\tuseMemo,\n\t// @ts-ignore-next-line\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\t__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED as internals,\n} from \"react\";\nimport React from \"react\";\nimport {\n\tsignal,\n\tcomputed,\n\tbatch,\n\teffect,\n\tSignal,\n\ttype ReadonlySignal,\n} from \"@preact/signals-core\";\nimport { Updater, ReactOwner, ReactDispatcher } from \"./internal\";\n\nexport { signal, computed, batch, effect, Signal, type ReadonlySignal };\n\n/**\n * Install a middleware into React.createElement to replace any Signals in props with their value.\n * @todo this likely needs to be duplicated for jsx()...\n */\nconst createElement = React.createElement;\n// @ts-ignore-next-line\nReact.createElement = function (type, props) {\n\tif (typeof type === \"string\" && props) {\n\t\tfor (let i in props) {\n\t\t\tlet v = props[i];\n\t\t\tif (i !== \"children\" && v instanceof Signal) {\n\t\t\t\t// createPropUpdater(props, i, v);\n\t\t\t\tprops[i] = v.value;\n\t\t\t}\n\t\t}\n\t}\n\t// @ts-ignore-next-line\n\treturn createElement.apply(this, arguments);\n};\n\n/*\n// This breaks React's controlled components implementation\nfunction createPropUpdater(props: any, prop: string, signal: Signal) {\n\tlet ref = props.ref;\n\tif (!ref) ref = props.ref = React.createRef();\n\teffect(() => {\n\t\tif (props) props[prop] = signal.value;\n\t\tlet el = ref.current;\n\t\tif (!el) return; // unsubscribe\n\t\t(el as any)[prop] = signal.value;\n\t});\n\tprops = null;\n}\n*/\n\nlet finishUpdate: ReturnType<Updater[\"_setCurrent\"]> | undefined;\nconst updaterForComponent = new WeakMap<ReactOwner, Updater>();\n\nfunction setCurrentUpdater(updater?: Updater) {\n\t// end tracking for the current update:\n\tif (finishUpdate) finishUpdate(true, true);\n\t// start tracking the new update:\n\tfinishUpdate = updater && updater._setCurrent();\n}\n\nfunction createUpdater(updater: () => void) {\n\tconst s = signal(undefined) as Updater;\n\ts._updater = updater;\n\treturn s;\n}\n\n/**\n * A wrapper component that renders a Signal's value directly as a Text node.\n */\nfunction Text({ data }: { data: Signal }) {\n\treturn data.value;\n}\n\n// Decorate Signals so React renders them as <Text> components.\n//@ts-ignore-next-line\nconst $$typeof = createElement(\"a\").$$typeof;\nObject.defineProperties(Signal.prototype, {\n\t$$typeof: { value: $$typeof },\n\ttype: { value: Text },\n\tprops: {\n\t\tget() {\n\t\t\treturn { data: this };\n\t\t},\n\t},\n\tref: { value: null },\n});\n\n// Track the current owner (roughly equiv to current vnode)\
|
|
1
|
+
{"version":3,"file":"signals.js","sources":["../src/index.ts"],"sourcesContent":["import {\n\tuseRef,\n\tuseMemo,\n\t// @ts-ignore-next-line\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\t__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED as internals,\n} from \"react\";\nimport React from \"react\";\nimport {\n\tsignal,\n\tcomputed,\n\tbatch,\n\teffect,\n\tSignal,\n\ttype ReadonlySignal,\n} from \"@preact/signals-core\";\nimport { Updater, ReactOwner, ReactDispatcher } from \"./internal\";\n\nexport { signal, computed, batch, effect, Signal, type ReadonlySignal };\n\n/**\n * Install a middleware into React.createElement to replace any Signals in props with their value.\n * @todo this likely needs to be duplicated for jsx()...\n */\nconst createElement = React.createElement;\n// @ts-ignore-next-line\nReact.createElement = function (type, props) {\n\tif (typeof type === \"string\" && props) {\n\t\tfor (let i in props) {\n\t\t\tlet v = props[i];\n\t\t\tif (i !== \"children\" && v instanceof Signal) {\n\t\t\t\t// createPropUpdater(props, i, v);\n\t\t\t\tprops[i] = v.value;\n\t\t\t}\n\t\t}\n\t}\n\t// @ts-ignore-next-line\n\treturn createElement.apply(this, arguments);\n};\n\n/*\n// This breaks React's controlled components implementation\nfunction createPropUpdater(props: any, prop: string, signal: Signal) {\n\tlet ref = props.ref;\n\tif (!ref) ref = props.ref = React.createRef();\n\teffect(() => {\n\t\tif (props) props[prop] = signal.value;\n\t\tlet el = ref.current;\n\t\tif (!el) return; // unsubscribe\n\t\t(el as any)[prop] = signal.value;\n\t});\n\tprops = null;\n}\n*/\n\nlet finishUpdate: ReturnType<Updater[\"_setCurrent\"]> | undefined;\nconst updaterForComponent = new WeakMap<ReactOwner, Updater>();\n\nfunction setCurrentUpdater(updater?: Updater) {\n\t// end tracking for the current update:\n\tif (finishUpdate) finishUpdate(true, true);\n\t// start tracking the new update:\n\tfinishUpdate = updater && updater._setCurrent();\n}\n\nfunction createUpdater(updater: () => void) {\n\tconst s = signal(undefined) as Updater;\n\ts._updater = updater;\n\treturn s;\n}\n\n/**\n * A wrapper component that renders a Signal's value directly as a Text node.\n */\nfunction Text({ data }: { data: Signal }) {\n\treturn data.value;\n}\n\n// Decorate Signals so React renders them as <Text> components.\n//@ts-ignore-next-line\nconst $$typeof = createElement(\"a\").$$typeof;\nObject.defineProperties(Signal.prototype, {\n\t$$typeof: { configurable: true, value: $$typeof },\n\ttype: { configurable: true, value: Text },\n\tprops: {\n\t\tconfigurable: true,\n\t\tget() {\n\t\t\treturn { data: this };\n\t\t},\n\t},\n\tref: { configurable: true, value: null },\n});\n\n// Track the current owner (roughly equiv to current vnode)\nlet lastOwner: ReactOwner | undefined;\nlet currentOwner: ReactOwner | null = null;\nObject.defineProperty(internals.ReactCurrentOwner, \"current\", {\n\tget() {\n\t\treturn currentOwner;\n\t},\n\tset(owner) {\n\t\tcurrentOwner = owner;\n\t\tif (currentOwner) lastOwner = currentOwner;\n\t},\n});\n\n// Track the current dispatcher (roughly equiv to current component impl)\nlet lock = false;\nconst UPDATE = () => ({});\nlet currentDispatcher: ReactDispatcher;\nObject.defineProperty(internals.ReactCurrentDispatcher, \"current\", {\n\tget() {\n\t\treturn currentDispatcher;\n\t},\n\tset(api) {\n\t\tcurrentDispatcher = api;\n\t\tif (lock) return;\n\t\tif (lastOwner && api && !isInvalidHookAccessor(api)) {\n\t\t\t// prevent re-injecting useReducer when the Dispatcher\n\t\t\t// context changes to run the reducer callback:\n\t\t\tlock = true;\n\t\t\tconst rerender = api.useReducer(UPDATE, {})[1];\n\t\t\tlock = false;\n\n\t\t\tlet updater = updaterForComponent.get(lastOwner);\n\t\t\tif (!updater) {\n\t\t\t\tupdater = createUpdater(rerender);\n\t\t\t\tupdaterForComponent.set(lastOwner, updater);\n\t\t\t} else {\n\t\t\t\tupdater._updater = rerender;\n\t\t\t}\n\t\t\tsetCurrentUpdater(updater);\n\t\t} else {\n\t\t\tsetCurrentUpdater();\n\t\t}\n\t},\n});\n\n// We inject a useReducer into every function component via CurrentDispatcher.\n// This prevents injecting into anything other than a function component render.\nconst invalidHookAccessors = new Map();\nfunction isInvalidHookAccessor(api: ReactDispatcher) {\n\tconst cached = invalidHookAccessors.get(api);\n\tif (cached !== undefined) return cached;\n\t// we only want the real implementation, not the warning ones\n\tconst invalid =\n\t\tapi.useCallback.length < 2 ||\n\t\t/warnInvalidHookAccess/.test(api.useCallback as any);\n\tinvalidHookAccessors.set(api, invalid);\n\treturn invalid;\n}\n\nexport function useSignal<T>(value: T) {\n\treturn useMemo(() => signal<T>(value), []);\n}\n\nexport function useComputed<T>(compute: () => T) {\n\tconst $compute = useRef(compute);\n\t$compute.current = compute;\n\treturn useMemo(() => computed<T>(() => $compute.current()), []);\n}\n"],"names":["React","require","signalsCore","_interopDefaultLegacy","e","default","finishUpdate","React__default","createElement","type","props","i","v","Signal","value","apply","this","arguments","WeakMap","setCurrentUpdater","updater","_setCurrent","createUpdater","s","signal","undefined","_updater","lastOwner","$$typeof","Object","defineProperties","prototype","configurable","_ref","data","get","ref","currentOwner","defineProperty","internals","ReactCurrentOwner","set","owner","currentDispatcher","lock","ReactCurrentDispatcher","api","isInvalidHookAccessor","rerender","useReducer","UPDATE","updaterForComponent","invalidHookAccessors","Map","cached","invalid","useCallback","length","test","exports","batch","computed","effect","useComputed","compute","$compute","useRef","current","useMemo","useSignal"],"mappings":"AAwBA,IAAAA,EAAAC,QAAA,SAAAC,EAAAD,QAAA,wBAAA,SAAAE,EAAAC,GAAA,OAAAA,GAAA,iBAAAA,GAAA,YAAAA,EAAAA,EAAAC,QAAAD,CAAA,CAAA,IA+BIE,EA/BJC,eAAAJ,EAAAH,GAAmBQ,EAAGR,EAAMQ,cAE5BR,EAAMQ,cAAgB,SAAUC,EAAMC,GACrC,GAAoB,iBAAhBD,GAA4BC,EAC/B,IAAK,IAALC,KAAAD,EAAqB,CACpB,IAAKE,EAAGF,EAAMC,GACJ,aAANA,GAAoBC,aAAaC,EAArCA,SAECH,EAAMC,GAAKC,EAAEE,MAEd,CAGF,OAAoBN,EAACO,MAAMC,KAAMC,UACjC,EAkBD,MAA4B,IAA5BC,QAEA,SAASC,EAAkBC,GAEtBd,GAAcA,GAAa,GAAM,GAErCA,EAAec,GAAWA,EAAQC,GAClC,CAED,SAAAC,EAAuBF,GACtB,IAAMG,EAAIC,EAAMA,YAACC,GAEjB,OADAF,EAAEG,GAAWN,EACNG,CACP,CAWD,IAcAI,EAdcC,EAAGpB,EAAc,KAAKoB,SACpCC,OAAOC,iBAAiBjB,EAAAA,OAAOkB,UAAW,CACzCH,SAAU,CAAEI,cAAc,EAAMlB,MAAOc,GACvCnB,KAAM,CAAEuB,cAAc,EAAMlB,MAT7B,SAAwCmB,GACvC,OADuCA,EAAxBC,KACHpB,KACZ,GAQAJ,MAAO,CACNsB,cAAc,EACdG,IAFM,WAGL,MAAO,CAAED,KAAMlB,KACf,GAEFoB,IAAK,CAAEJ,cAAc,EAAMlB,MAAO,QAKnC,IAAIuB,EAAkC,KACtCR,OAAOS,eAAeC,EAAAA,mDAAUC,kBAAmB,UAAW,CAC7DL,IAD6D,WAE5D,OACAE,CAAA,EACDI,IAAIC,SAAAA,IACHL,EAAeK,KACGf,EAAYU,EAC9B,IAIF,IAEAM,EAFIC,GAAO,IACI,WAAA,MAAO,CAAA,CAAP,EAEff,OAAOS,eAAeC,EAAAA,mDAAUM,uBAAwB,UAAW,CAClEV,IADkE,WAEjE,QACA,EACDM,IAJkE,SAI9DK,GAEH,GADAH,EAAoBG,GAChBF,EACJ,GAAIjB,GAAamB,IAAQC,EAAsBD,GAAM,CAGpDF,GAAO,EACP,IAAcI,EAAGF,EAAIG,WAAWC,EAAQ,CAAA,GAAI,GAC5CN,GAAO,EAEP,IAAWxB,EAAG+B,EAAoBhB,IAAIR,GACjCP,EAIJA,EAAQM,GAAWsB,GAHnB5B,EAAUE,EAAc0B,GACxBG,EAAoBV,IAAId,EAAWP,IAIpCD,EAAkBC,EAClB,MACAD,GAED,IAKF,IAA0BiC,EAAG,IAAIC,IACjC,SAAAN,EAA+BD,GAC9B,IAAMQ,EAASF,EAAqBjB,IAAIW,GACxC,QAAerB,IAAX6B,EAAsB,SAE1B,IAAaC,EACZT,EAAIU,YAAYC,OAAS,GACzB,wBAAwBC,KAAKZ,EAAIU,aAElC,OADAJ,EAAqBX,IAAIK,EAAKS,GACvBA,CACP,CAUAI,QAAA9C,OAAAX,EAAAW,OAAA8C,QAAAC,MAAA1D,EAAA0D,MAAAD,QAAAE,SAAA3D,EAAA2D,SAAAF,QAAAG,OAAA5D,EAAA4D,OAAAH,QAAAnC,OAAAtB,EAAAsB,OAAAmC,QAAAI,qBAJ8BC,GAC9B,IAAcC,EAAGC,EAAMA,OAACF,GAExB,OADAC,EAASE,QAAUH,EACZI,UAAQ,WAAA,OAAcP,EAAAA,SAAI,kBAAcI,EAACE,SAAf,EAAlB,EAA6C,GAC5D,EAAAR,QAAAU,UAReA,SAAavD,GAC5B,OAAcsD,EAAAA,QAAC,WAAM5C,OAAAA,EAAAA,OAAUV,EAAhB,EAAwB,GACvC"}
|
package/dist/signals.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(n,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("react"),require("@preact/signals-core")):"function"==typeof define&&define.amd?define(["exports","react","@preact/signals-core"],e):e((n||self).reactSignals={},n.react,n.signalsCore)}(this,function(n,e,r){function t(n){return n&&"object"==typeof n&&"default"in n?n.default:n}var i
|
|
1
|
+
!function(n,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("react"),require("@preact/signals-core")):"function"==typeof define&&define.amd?define(["exports","react","@preact/signals-core"],e):e((n||self).reactSignals={},n.react,n.signalsCore)}(this,function(n,e,r){function t(n){return n&&"object"==typeof n&&"default"in n?n.default:n}var u,i=/*#__PURE__*/t(e),o=i.createElement;i.createElement=function(n,e){if("string"==typeof n&&e)for(var t in e){var u=e[t];"children"!==t&&u instanceof r.Signal&&(e[t]=u.value)}return o.apply(this,arguments)};var f=new WeakMap;function c(n){u&&u(!0,!0),u=n&&n._()}function a(n){var e=r.signal(void 0);return e._u=n,e}var l,s=o("a").$$typeof;Object.defineProperties(r.Signal.prototype,{$$typeof:{configurable:!0,value:s},type:{configurable:!0,value:function(n){return n.data.value}},props:{configurable:!0,get:function(){return{data:this}}},ref:{configurable:!0,value:null}});var v=null;Object.defineProperty(e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,"current",{get:function(){return v},set:function(n){(v=n)&&(l=v)}});var p,d=!1,g=function(){return{}};Object.defineProperty(e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{get:function(){return p},set:function(n){if(p=n,!d)if(l&&n&&!y(n)){d=!0;var e=n.useReducer(g,{})[1];d=!1;var r=f.get(l);r?r._u=e:(r=a(e),f.set(l,r)),c(r)}else c()}});var b=new Map;function y(n){var e=b.get(n);if(void 0!==e)return e;var r=n.useCallback.length<2||/warnInvalidHookAccess/.test(n.useCallback);return b.set(n,r),r}n.Signal=r.Signal,n.batch=r.batch,n.computed=r.computed,n.effect=r.effect,n.signal=r.signal,n.useComputed=function(n){var t=e.useRef(n);return t.current=n,e.useMemo(function(){return r.computed(function(){return t.current()})},[])},n.useSignal=function(n){return e.useMemo(function(){return r.signal(n)},[])}});//# sourceMappingURL=signals.min.js.map
|
package/dist/signals.min.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"signals.min.js","sources":["../src/index.ts"],"sourcesContent":["import {\n\tuseRef,\n\tuseMemo,\n\t// @ts-ignore-next-line\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\t__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED as internals,\n} from \"react\";\nimport React from \"react\";\nimport {\n\tsignal,\n\tcomputed,\n\tbatch,\n\teffect,\n\tSignal,\n\ttype ReadonlySignal,\n} from \"@preact/signals-core\";\nimport { Updater, ReactOwner, ReactDispatcher } from \"./internal\";\n\nexport { signal, computed, batch, effect, Signal, type ReadonlySignal };\n\n/**\n * Install a middleware into React.createElement to replace any Signals in props with their value.\n * @todo this likely needs to be duplicated for jsx()...\n */\nconst createElement = React.createElement;\n// @ts-ignore-next-line\nReact.createElement = function (type, props) {\n\tif (typeof type === \"string\" && props) {\n\t\tfor (let i in props) {\n\t\t\tlet v = props[i];\n\t\t\tif (i !== \"children\" && v instanceof Signal) {\n\t\t\t\t// createPropUpdater(props, i, v);\n\t\t\t\tprops[i] = v.value;\n\t\t\t}\n\t\t}\n\t}\n\t// @ts-ignore-next-line\n\treturn createElement.apply(this, arguments);\n};\n\n/*\n// This breaks React's controlled components implementation\nfunction createPropUpdater(props: any, prop: string, signal: Signal) {\n\tlet ref = props.ref;\n\tif (!ref) ref = props.ref = React.createRef();\n\teffect(() => {\n\t\tif (props) props[prop] = signal.value;\n\t\tlet el = ref.current;\n\t\tif (!el) return; // unsubscribe\n\t\t(el as any)[prop] = signal.value;\n\t});\n\tprops = null;\n}\n*/\n\nlet finishUpdate: ReturnType<Updater[\"_setCurrent\"]> | undefined;\nconst updaterForComponent = new WeakMap<ReactOwner, Updater>();\n\nfunction setCurrentUpdater(updater?: Updater) {\n\t// end tracking for the current update:\n\tif (finishUpdate) finishUpdate(true, true);\n\t// start tracking the new update:\n\tfinishUpdate = updater && updater._setCurrent();\n}\n\nfunction createUpdater(updater: () => void) {\n\tconst s = signal(undefined) as Updater;\n\ts._updater = updater;\n\treturn s;\n}\n\n/**\n * A wrapper component that renders a Signal's value directly as a Text node.\n */\nfunction Text({ data }: { data: Signal }) {\n\treturn data.value;\n}\n\n// Decorate Signals so React renders them as <Text> components.\n//@ts-ignore-next-line\nconst $$typeof = createElement(\"a\").$$typeof;\nObject.defineProperties(Signal.prototype, {\n\t$$typeof: { value: $$typeof },\n\ttype: { value: Text },\n\tprops: {\n\t\tget() {\n\t\t\treturn { data: this };\n\t\t},\n\t},\n\tref: { value: null },\n});\n\n// Track the current owner (roughly equiv to current vnode)\
|
|
1
|
+
{"version":3,"file":"signals.min.js","sources":["../src/index.ts"],"sourcesContent":["import {\n\tuseRef,\n\tuseMemo,\n\t// @ts-ignore-next-line\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\t__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED as internals,\n} from \"react\";\nimport React from \"react\";\nimport {\n\tsignal,\n\tcomputed,\n\tbatch,\n\teffect,\n\tSignal,\n\ttype ReadonlySignal,\n} from \"@preact/signals-core\";\nimport { Updater, ReactOwner, ReactDispatcher } from \"./internal\";\n\nexport { signal, computed, batch, effect, Signal, type ReadonlySignal };\n\n/**\n * Install a middleware into React.createElement to replace any Signals in props with their value.\n * @todo this likely needs to be duplicated for jsx()...\n */\nconst createElement = React.createElement;\n// @ts-ignore-next-line\nReact.createElement = function (type, props) {\n\tif (typeof type === \"string\" && props) {\n\t\tfor (let i in props) {\n\t\t\tlet v = props[i];\n\t\t\tif (i !== \"children\" && v instanceof Signal) {\n\t\t\t\t// createPropUpdater(props, i, v);\n\t\t\t\tprops[i] = v.value;\n\t\t\t}\n\t\t}\n\t}\n\t// @ts-ignore-next-line\n\treturn createElement.apply(this, arguments);\n};\n\n/*\n// This breaks React's controlled components implementation\nfunction createPropUpdater(props: any, prop: string, signal: Signal) {\n\tlet ref = props.ref;\n\tif (!ref) ref = props.ref = React.createRef();\n\teffect(() => {\n\t\tif (props) props[prop] = signal.value;\n\t\tlet el = ref.current;\n\t\tif (!el) return; // unsubscribe\n\t\t(el as any)[prop] = signal.value;\n\t});\n\tprops = null;\n}\n*/\n\nlet finishUpdate: ReturnType<Updater[\"_setCurrent\"]> | undefined;\nconst updaterForComponent = new WeakMap<ReactOwner, Updater>();\n\nfunction setCurrentUpdater(updater?: Updater) {\n\t// end tracking for the current update:\n\tif (finishUpdate) finishUpdate(true, true);\n\t// start tracking the new update:\n\tfinishUpdate = updater && updater._setCurrent();\n}\n\nfunction createUpdater(updater: () => void) {\n\tconst s = signal(undefined) as Updater;\n\ts._updater = updater;\n\treturn s;\n}\n\n/**\n * A wrapper component that renders a Signal's value directly as a Text node.\n */\nfunction Text({ data }: { data: Signal }) {\n\treturn data.value;\n}\n\n// Decorate Signals so React renders them as <Text> components.\n//@ts-ignore-next-line\nconst $$typeof = createElement(\"a\").$$typeof;\nObject.defineProperties(Signal.prototype, {\n\t$$typeof: { configurable: true, value: $$typeof },\n\ttype: { configurable: true, value: Text },\n\tprops: {\n\t\tconfigurable: true,\n\t\tget() {\n\t\t\treturn { data: this };\n\t\t},\n\t},\n\tref: { configurable: true, value: null },\n});\n\n// Track the current owner (roughly equiv to current vnode)\nlet lastOwner: ReactOwner | undefined;\nlet currentOwner: ReactOwner | null = null;\nObject.defineProperty(internals.ReactCurrentOwner, \"current\", {\n\tget() {\n\t\treturn currentOwner;\n\t},\n\tset(owner) {\n\t\tcurrentOwner = owner;\n\t\tif (currentOwner) lastOwner = currentOwner;\n\t},\n});\n\n// Track the current dispatcher (roughly equiv to current component impl)\nlet lock = false;\nconst UPDATE = () => ({});\nlet currentDispatcher: ReactDispatcher;\nObject.defineProperty(internals.ReactCurrentDispatcher, \"current\", {\n\tget() {\n\t\treturn currentDispatcher;\n\t},\n\tset(api) {\n\t\tcurrentDispatcher = api;\n\t\tif (lock) return;\n\t\tif (lastOwner && api && !isInvalidHookAccessor(api)) {\n\t\t\t// prevent re-injecting useReducer when the Dispatcher\n\t\t\t// context changes to run the reducer callback:\n\t\t\tlock = true;\n\t\t\tconst rerender = api.useReducer(UPDATE, {})[1];\n\t\t\tlock = false;\n\n\t\t\tlet updater = updaterForComponent.get(lastOwner);\n\t\t\tif (!updater) {\n\t\t\t\tupdater = createUpdater(rerender);\n\t\t\t\tupdaterForComponent.set(lastOwner, updater);\n\t\t\t} else {\n\t\t\t\tupdater._updater = rerender;\n\t\t\t}\n\t\t\tsetCurrentUpdater(updater);\n\t\t} else {\n\t\t\tsetCurrentUpdater();\n\t\t}\n\t},\n});\n\n// We inject a useReducer into every function component via CurrentDispatcher.\n// This prevents injecting into anything other than a function component render.\nconst invalidHookAccessors = new Map();\nfunction isInvalidHookAccessor(api: ReactDispatcher) {\n\tconst cached = invalidHookAccessors.get(api);\n\tif (cached !== undefined) return cached;\n\t// we only want the real implementation, not the warning ones\n\tconst invalid =\n\t\tapi.useCallback.length < 2 ||\n\t\t/warnInvalidHookAccess/.test(api.useCallback as any);\n\tinvalidHookAccessors.set(api, invalid);\n\treturn invalid;\n}\n\nexport function useSignal<T>(value: T) {\n\treturn useMemo(() => signal<T>(value), []);\n}\n\nexport function useComputed<T>(compute: () => T) {\n\tconst $compute = useRef(compute);\n\t$compute.current = compute;\n\treturn useMemo(() => computed<T>(() => $compute.current()), []);\n}\n"],"names":["g","f","exports","module","require","define","amd","globalThis","self","reactSignals","react","signalsCore","this","React","_interopDefaultLegacy","e","default","finishUpdate","React__default","createElement","type","props","i","v","Signal","value","apply","arguments","WeakMap","setCurrentUpdater","updater","_setCurrent","createUpdater","s","signal","undefined","_updater","lastOwner","$$typeof","Object","defineProperties","prototype","configurable","_ref","data","get","ref","currentOwner","defineProperty","internals","ReactCurrentOwner","set","owner","currentDispatcher","lock","ReactCurrentDispatcher","api","isInvalidHookAccessor","rerender","useReducer","UPDATE","updaterForComponent","invalidHookAccessors","Map","cached","invalid","useCallback","length","test","batch","computed","effect","useComputed","compute","$compute","useRef","current","useMemo","useSignal"],"mappings":"CAwBA,SAAAA,EAAAC,GAAA,iBAAAC,SAAA,oBAAAC,OAAAF,EAAAC,QAAAE,QAAA,SAAAA,QAAA,yBAAA,mBAAAC,QAAAA,OAAAC,IAAAD,OAAA,CAAA,UAAA,QAAA,wBAAAJ,GAAAA,GAAAD,EAAA,oBAAAO,WAAAA,WAAAP,GAAAQ,MAAAC,aAAA,CAAA,EAAAT,EAAAU,MAAAV,EAAAW,YAAA,CAAA,CAAAC,KAAA,SAAAV,EAAAW,EAAAF,GAAA,SAAAG,EAAAC,GAAA,OAAAA,GAAA,iBAAAA,GAAA,YAAAA,EAAAA,EAAAC,QAAAD,CAAA,CAAA,IA+BIE,EA/BJC,eAAAJ,EAAAD,GAAmBM,EAAGN,EAAMM,cAE5BN,EAAMM,cAAgB,SAAUC,EAAMC,GACrC,GAAoB,iBAAhBD,GAA4BC,EAC/B,IAAK,IAALC,KAAAD,EAAqB,CACpB,IAAKE,EAAGF,EAAMC,GACJ,aAANA,GAAoBC,aAAaC,EAArCA,SAECH,EAAMC,GAAKC,EAAEE,MAEd,CAGF,OAAoBN,EAACO,MAAMd,KAAMe,UACjC,EAkBD,MAA4B,IAA5BC,QAEA,SAASC,EAAkBC,GAEtBb,GAAcA,GAAa,GAAM,GAErCA,EAAea,GAAWA,EAAQC,GAClC,CAED,SAAAC,EAAuBF,GACtB,IAAMG,EAAIC,EAAMA,YAACC,GAEjB,OADAF,EAAEG,GAAWN,EACNG,CACP,CAWD,IAcAI,EAdcC,EAAGnB,EAAc,KAAKmB,SACpCC,OAAOC,iBAAiBhB,EAAAA,OAAOiB,UAAW,CACzCH,SAAU,CAAEI,cAAc,EAAMjB,MAAOa,GACvClB,KAAM,CAAEsB,cAAc,EAAMjB,MAT7B,SAAwCkB,GACvC,OADuCA,EAAxBC,KACHnB,KACZ,GAQAJ,MAAO,CACNqB,cAAc,EACdG,IAFM,WAGL,MAAO,CAAED,KAAMhC,KACf,GAEFkC,IAAK,CAAEJ,cAAc,EAAMjB,MAAO,QAKnC,IAAIsB,EAAkC,KACtCR,OAAOS,eAAeC,EAAAA,mDAAUC,kBAAmB,UAAW,CAC7DL,IAD6D,WAE5D,OACAE,CAAA,EACDI,IAAIC,SAAAA,IACHL,EAAeK,KACGf,EAAYU,EAC9B,IAIF,IAEAM,EAFIC,GAAO,IACI,WAAA,MAAO,CAAA,CAAP,EAEff,OAAOS,eAAeC,EAAAA,mDAAUM,uBAAwB,UAAW,CAClEV,IADkE,WAEjE,QACA,EACDM,IAJkE,SAI9DK,GAEH,GADAH,EAAoBG,GAChBF,EACJ,GAAIjB,GAAamB,IAAQC,EAAsBD,GAAM,CAGpDF,GAAO,EACP,IAAcI,EAAGF,EAAIG,WAAWC,EAAQ,CAAA,GAAI,GAC5CN,GAAO,EAEP,IAAWxB,EAAG+B,EAAoBhB,IAAIR,GACjCP,EAIJA,EAAQM,GAAWsB,GAHnB5B,EAAUE,EAAc0B,GACxBG,EAAoBV,IAAId,EAAWP,IAIpCD,EAAkBC,EAClB,MACAD,GAED,IAKF,IAA0BiC,EAAG,IAAIC,IACjC,SAAAN,EAA+BD,GAC9B,IAAMQ,EAASF,EAAqBjB,IAAIW,GACxC,QAAerB,IAAX6B,EAAsB,SAE1B,IAAaC,EACZT,EAAIU,YAAYC,OAAS,GACzB,wBAAwBC,KAAKZ,EAAIU,aAElC,OADAJ,EAAqBX,IAAIK,EAAKS,GACvBA,CACP,CAUA/D,EAAAsB,OAAAb,EAAAa,OAAAtB,EAAAmE,MAAA1D,EAAA0D,MAAAnE,EAAAoE,SAAA3D,EAAA2D,SAAApE,EAAAqE,OAAA5D,EAAA4D,OAAArE,EAAAgC,OAAAvB,EAAAuB,OAAAhC,EAAAsE,qBAJ8BC,GAC9B,IAAcC,EAAGC,EAAMA,OAACF,GAExB,OADAC,EAASE,QAAUH,EACZI,UAAQ,WAAA,OAAcP,EAAAA,SAAI,kBAAcI,EAACE,SAAf,EAAlB,EAA6C,GAC5D,EAAA1E,EAAA4E,UAReA,SAAarD,GAC5B,OAAcoD,EAAAA,QAAC,WAAM3C,OAAAA,EAAAA,OAAUT,EAAhB,EAAwB,GACvC,CAMA"}
|
package/dist/signals.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import t,{__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED as
|
|
1
|
+
import t,{__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED as e,useMemo as n,useRef as r}from"react";import{Signal as o,signal as c,computed as i}from"@preact/signals-core";export{Signal,batch,computed,effect,signal}from"@preact/signals-core";const u=t.createElement;let a;t.createElement=function(t,e){if("string"==typeof t&&e)for(let t in e){let n=e[t];"children"!==t&&n instanceof o&&(e[t]=n.value)}return u.apply(this,arguments)};const l=new WeakMap;function f(t){a&&a(!0,!0),a=t&&t._()}function s(t){const e=c(void 0);return e._u=t,e}const p=u("a").$$typeof;let g;Object.defineProperties(o.prototype,{$$typeof:{configurable:!0,value:p},type:{configurable:!0,value:function({data:t}){return t.value}},props:{configurable:!0,get(){return{data:this}}},ref:{configurable:!0,value:null}});let b=null;Object.defineProperty(e.ReactCurrentOwner,"current",{get:()=>b,set(t){b=t,b&&(g=b)}});let d=!1;const m=()=>({});let v;Object.defineProperty(e.ReactCurrentDispatcher,"current",{get:()=>v,set(t){if(v=t,!d)if(g&&t&&!j(t)){d=!0;const e=t.useReducer(m,{})[1];d=!1;let n=l.get(g);n?n._u=e:(n=s(e),l.set(g,n)),f(n)}else f()}});const h=new Map;function j(t){const e=h.get(t);if(void 0!==e)return e;const n=t.useCallback.length<2||/warnInvalidHookAccess/.test(t.useCallback);return h.set(t,n),n}function w(t){return n(()=>c(t),[])}function y(t){const e=r(t);return e.current=t,n(()=>i(()=>e.current()),[])}export{y as useComputed,w as useSignal};//# sourceMappingURL=signals.mjs.map
|
package/dist/signals.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"signals.mjs","sources":["../src/index.ts"],"sourcesContent":["import {\n\tuseRef,\n\tuseMemo,\n\t// @ts-ignore-next-line\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\t__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED as internals,\n} from \"react\";\nimport React from \"react\";\nimport {\n\tsignal,\n\tcomputed,\n\tbatch,\n\teffect,\n\tSignal,\n\ttype ReadonlySignal,\n} from \"@preact/signals-core\";\nimport { Updater, ReactOwner, ReactDispatcher } from \"./internal\";\n\nexport { signal, computed, batch, effect, Signal, type ReadonlySignal };\n\n/**\n * Install a middleware into React.createElement to replace any Signals in props with their value.\n * @todo this likely needs to be duplicated for jsx()...\n */\nconst createElement = React.createElement;\n// @ts-ignore-next-line\nReact.createElement = function (type, props) {\n\tif (typeof type === \"string\" && props) {\n\t\tfor (let i in props) {\n\t\t\tlet v = props[i];\n\t\t\tif (i !== \"children\" && v instanceof Signal) {\n\t\t\t\t// createPropUpdater(props, i, v);\n\t\t\t\tprops[i] = v.value;\n\t\t\t}\n\t\t}\n\t}\n\t// @ts-ignore-next-line\n\treturn createElement.apply(this, arguments);\n};\n\n/*\n// This breaks React's controlled components implementation\nfunction createPropUpdater(props: any, prop: string, signal: Signal) {\n\tlet ref = props.ref;\n\tif (!ref) ref = props.ref = React.createRef();\n\teffect(() => {\n\t\tif (props) props[prop] = signal.value;\n\t\tlet el = ref.current;\n\t\tif (!el) return; // unsubscribe\n\t\t(el as any)[prop] = signal.value;\n\t});\n\tprops = null;\n}\n*/\n\nlet finishUpdate: ReturnType<Updater[\"_setCurrent\"]> | undefined;\nconst updaterForComponent = new WeakMap<ReactOwner, Updater>();\n\nfunction setCurrentUpdater(updater?: Updater) {\n\t// end tracking for the current update:\n\tif (finishUpdate) finishUpdate(true, true);\n\t// start tracking the new update:\n\tfinishUpdate = updater && updater._setCurrent();\n}\n\nfunction createUpdater(updater: () => void) {\n\tconst s = signal(undefined) as Updater;\n\ts._updater = updater;\n\treturn s;\n}\n\n/**\n * A wrapper component that renders a Signal's value directly as a Text node.\n */\nfunction Text({ data }: { data: Signal }) {\n\treturn data.value;\n}\n\n// Decorate Signals so React renders them as <Text> components.\n//@ts-ignore-next-line\nconst $$typeof = createElement(\"a\").$$typeof;\nObject.defineProperties(Signal.prototype, {\n\t$$typeof: { value: $$typeof },\n\ttype: { value: Text },\n\tprops: {\n\t\tget() {\n\t\t\treturn { data: this };\n\t\t},\n\t},\n\tref: { value: null },\n});\n\n// Track the current owner (roughly equiv to current vnode)\
|
|
1
|
+
{"version":3,"file":"signals.mjs","sources":["../src/index.ts"],"sourcesContent":["import {\n\tuseRef,\n\tuseMemo,\n\t// @ts-ignore-next-line\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\t__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED as internals,\n} from \"react\";\nimport React from \"react\";\nimport {\n\tsignal,\n\tcomputed,\n\tbatch,\n\teffect,\n\tSignal,\n\ttype ReadonlySignal,\n} from \"@preact/signals-core\";\nimport { Updater, ReactOwner, ReactDispatcher } from \"./internal\";\n\nexport { signal, computed, batch, effect, Signal, type ReadonlySignal };\n\n/**\n * Install a middleware into React.createElement to replace any Signals in props with their value.\n * @todo this likely needs to be duplicated for jsx()...\n */\nconst createElement = React.createElement;\n// @ts-ignore-next-line\nReact.createElement = function (type, props) {\n\tif (typeof type === \"string\" && props) {\n\t\tfor (let i in props) {\n\t\t\tlet v = props[i];\n\t\t\tif (i !== \"children\" && v instanceof Signal) {\n\t\t\t\t// createPropUpdater(props, i, v);\n\t\t\t\tprops[i] = v.value;\n\t\t\t}\n\t\t}\n\t}\n\t// @ts-ignore-next-line\n\treturn createElement.apply(this, arguments);\n};\n\n/*\n// This breaks React's controlled components implementation\nfunction createPropUpdater(props: any, prop: string, signal: Signal) {\n\tlet ref = props.ref;\n\tif (!ref) ref = props.ref = React.createRef();\n\teffect(() => {\n\t\tif (props) props[prop] = signal.value;\n\t\tlet el = ref.current;\n\t\tif (!el) return; // unsubscribe\n\t\t(el as any)[prop] = signal.value;\n\t});\n\tprops = null;\n}\n*/\n\nlet finishUpdate: ReturnType<Updater[\"_setCurrent\"]> | undefined;\nconst updaterForComponent = new WeakMap<ReactOwner, Updater>();\n\nfunction setCurrentUpdater(updater?: Updater) {\n\t// end tracking for the current update:\n\tif (finishUpdate) finishUpdate(true, true);\n\t// start tracking the new update:\n\tfinishUpdate = updater && updater._setCurrent();\n}\n\nfunction createUpdater(updater: () => void) {\n\tconst s = signal(undefined) as Updater;\n\ts._updater = updater;\n\treturn s;\n}\n\n/**\n * A wrapper component that renders a Signal's value directly as a Text node.\n */\nfunction Text({ data }: { data: Signal }) {\n\treturn data.value;\n}\n\n// Decorate Signals so React renders them as <Text> components.\n//@ts-ignore-next-line\nconst $$typeof = createElement(\"a\").$$typeof;\nObject.defineProperties(Signal.prototype, {\n\t$$typeof: { configurable: true, value: $$typeof },\n\ttype: { configurable: true, value: Text },\n\tprops: {\n\t\tconfigurable: true,\n\t\tget() {\n\t\t\treturn { data: this };\n\t\t},\n\t},\n\tref: { configurable: true, value: null },\n});\n\n// Track the current owner (roughly equiv to current vnode)\nlet lastOwner: ReactOwner | undefined;\nlet currentOwner: ReactOwner | null = null;\nObject.defineProperty(internals.ReactCurrentOwner, \"current\", {\n\tget() {\n\t\treturn currentOwner;\n\t},\n\tset(owner) {\n\t\tcurrentOwner = owner;\n\t\tif (currentOwner) lastOwner = currentOwner;\n\t},\n});\n\n// Track the current dispatcher (roughly equiv to current component impl)\nlet lock = false;\nconst UPDATE = () => ({});\nlet currentDispatcher: ReactDispatcher;\nObject.defineProperty(internals.ReactCurrentDispatcher, \"current\", {\n\tget() {\n\t\treturn currentDispatcher;\n\t},\n\tset(api) {\n\t\tcurrentDispatcher = api;\n\t\tif (lock) return;\n\t\tif (lastOwner && api && !isInvalidHookAccessor(api)) {\n\t\t\t// prevent re-injecting useReducer when the Dispatcher\n\t\t\t// context changes to run the reducer callback:\n\t\t\tlock = true;\n\t\t\tconst rerender = api.useReducer(UPDATE, {})[1];\n\t\t\tlock = false;\n\n\t\t\tlet updater = updaterForComponent.get(lastOwner);\n\t\t\tif (!updater) {\n\t\t\t\tupdater = createUpdater(rerender);\n\t\t\t\tupdaterForComponent.set(lastOwner, updater);\n\t\t\t} else {\n\t\t\t\tupdater._updater = rerender;\n\t\t\t}\n\t\t\tsetCurrentUpdater(updater);\n\t\t} else {\n\t\t\tsetCurrentUpdater();\n\t\t}\n\t},\n});\n\n// We inject a useReducer into every function component via CurrentDispatcher.\n// This prevents injecting into anything other than a function component render.\nconst invalidHookAccessors = new Map();\nfunction isInvalidHookAccessor(api: ReactDispatcher) {\n\tconst cached = invalidHookAccessors.get(api);\n\tif (cached !== undefined) return cached;\n\t// we only want the real implementation, not the warning ones\n\tconst invalid =\n\t\tapi.useCallback.length < 2 ||\n\t\t/warnInvalidHookAccess/.test(api.useCallback as any);\n\tinvalidHookAccessors.set(api, invalid);\n\treturn invalid;\n}\n\nexport function useSignal<T>(value: T) {\n\treturn useMemo(() => signal<T>(value), []);\n}\n\nexport function useComputed<T>(compute: () => T) {\n\tconst $compute = useRef(compute);\n\t$compute.current = compute;\n\treturn useMemo(() => computed<T>(() => $compute.current()), []);\n}\n"],"names":["React","__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED","useMemo","useRef","Signal","signal","computed","batch","effect","createElement","finishUpdate","type","props","i","v","value","apply","this","arguments","updaterForComponent","WeakMap","setCurrentUpdater","updater","_setCurrent","createUpdater","s","undefined","_updater","$$typeof","lastOwner","Object","defineProperties","prototype","configurable","data","get","ref","defineProperty","internals","ReactCurrentOwner","currentOwner","set","owner","lock","UPDATE","currentDispatcher","ReactCurrentDispatcher","api","isInvalidHookAccessor","rerender","useReducer","invalidHookAccessors","Map","cached","invalid","useCallback","length","test","useSignal","useComputed","compute","$compute","current"],"mappings":"OAwBAA,yDAAAC,aAAAC,YAAAC,MAAA,yBAAAC,YAAAC,cAAAC,MAAA,8BAAAF,OAAAG,MAAAD,SAAAE,OAAAH,WAAA,uBAAA,MAAmBI,EAAGT,EAAMS,cA+B5B,IAAIC,EA7BJV,EAAMS,cAAgB,SAAUE,EAAMC,GACrC,GAAoB,iBAATD,GAAqBC,EAC/B,IAAK,IAAIC,KAAKD,EAAO,CACpB,IAAIE,EAAIF,EAAMC,GACJ,aAANA,GAAoBC,aAAxBV,IAECQ,EAAMC,GAAKC,EAAEC,MAEd,CAGF,OAAoBN,EAACO,MAAMC,KAAMC,UACjC,EAkBD,MAAMC,EAAsB,IAA5BC,QAEA,SAASC,EAAkBC,GAEtBZ,GAAcA,GAAa,GAAM,GAErCA,EAAeY,GAAWA,EAAQC,GAClC,CAED,SAAAC,EAAuBF,GACtB,MAAMG,EAAIpB,OAAOqB,GAEjB,OADAD,EAAEE,GAAWL,EAEbG,CAAA,CAWD,QAAiBhB,EAAc,KAAKmB,SAcpC,IAAIC,EAbJC,OAAOC,iBAAiB3B,EAAO4B,UAAW,CACzCJ,SAAU,CAAEK,cAAc,EAAMlB,MAAOa,GACvCjB,KAAM,CAAEsB,cAAc,EAAMlB,MAT7B,UAAcmB,KAAEA,IACf,OAAOA,EAAKnB,KACZ,GAQAH,MAAO,CACNqB,cAAc,EACdE,MACC,MAAO,CAAED,KAAMjB,KACf,GAEFmB,IAAK,CAAEH,cAAc,EAAMlB,MAAO,QAKnC,MAAsC,KACtCe,OAAOO,eAAeC,EAAUC,kBAAmB,UAAW,CAC7DJ,IAAG,IACKK,EAERC,IAAIC,GACHF,EAAeE,EACXF,IAAcX,EAAYW,EAC9B,IAIF,IAAQG,GAAG,EACX,MAAYC,EAAG,KAAO,CAAP,GACf,IAAIC,EACJf,OAAOO,eAAeC,EAAUQ,uBAAwB,UAAW,CAClEX,IAAG,IAEFU,EACDJ,IAAIM,GAEH,GADAF,EAAoBE,GAChBJ,EACJ,GAAId,GAAakB,IAAQC,EAAsBD,GAAM,CAGpDJ,GAAO,EACP,MAAMM,EAAWF,EAAIG,WAAWN,EAAQ,CAAA,GAAI,GAC5CD,GAAO,EAEP,IAAWrB,EAAGH,EAAoBgB,IAAIN,GACjCP,EAIJA,EAAQK,GAAWsB,GAHnB3B,EAAUE,EAAcyB,GACxB9B,EAAoBsB,IAAIZ,EAAWP,IAIpCD,EAAkBC,EAClB,MACAD,GAED,IAKF,MAA0B8B,EAAG,IAAIC,IACjC,SAAAJ,EAA+BD,GAC9B,MAAMM,EAASF,EAAqBhB,IAAIY,GACxC,QAAerB,IAAX2B,EAAsB,OAAOA,EAEjC,MAAaC,EACZP,EAAIQ,YAAYC,OAAS,GACzB,wBAAwBC,KAAKV,EAAIQ,aAElC,OADAJ,EAAqBV,IAAIM,EAAKO,GACvBA,CACP,UAEKI,EAAuB3C,GAC5B,OAAcb,EAAC,IAAMG,EAAUU,GAAQ,GACvC,CAEK,SAAA4C,EAAyBC,GAC9B,MAAcC,EAAG1D,EAAOyD,GAExB,OADAC,EAASC,QAAUF,EACZ1D,EAAQ,IAAMI,EAAY,IAAMuD,EAASC,WAAY,GAC5D,QAAAH,iBAAAD"}
|
package/dist/signals.module.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import r,{__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED as n,useMemo as t,useRef as e}from"react";import{Signal as
|
|
1
|
+
import r,{__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED as n,useMemo as t,useRef as e}from"react";import{Signal as u,signal as i,computed as o}from"@preact/signals-core";export{Signal,batch,computed,effect,signal}from"@preact/signals-core";var a,c=r.createElement;r.createElement=function(r,n){if("string"==typeof r&&n)for(var t in n){var e=n[t];"children"!==t&&e instanceof u&&(n[t]=e.value)}return c.apply(this,arguments)};var f=new WeakMap;function v(r){a&&a(!0,!0),a=r&&r._()}function l(r){var n=i(void 0);return n._u=r,n}var s,p=c("a").$$typeof;Object.defineProperties(u.prototype,{$$typeof:{configurable:!0,value:p},type:{configurable:!0,value:function(r){return r.data.value}},props:{configurable:!0,get:function(){return{data:this}}},ref:{configurable:!0,value:null}});var g=null;Object.defineProperty(n.ReactCurrentOwner,"current",{get:function(){return g},set:function(r){(g=r)&&(s=g)}});var b,d=!1,m=function(){return{}};Object.defineProperty(n.ReactCurrentDispatcher,"current",{get:function(){return b},set:function(r){if(b=r,!d)if(s&&r&&!j(r)){d=!0;var n=r.useReducer(m,{})[1];d=!1;var t=f.get(s);t?t._u=n:(t=l(n),f.set(s,t)),v(t)}else v()}});var h=new Map;function j(r){var n=h.get(r);if(void 0!==n)return n;var t=r.useCallback.length<2||/warnInvalidHookAccess/.test(r.useCallback);return h.set(r,t),t}function w(r){return t(function(){return i(r)},[])}function y(r){var n=e(r);return n.current=r,t(function(){return o(function(){return n.current()})},[])}export{y as useComputed,w as useSignal};//# sourceMappingURL=signals.module.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"signals.module.js","sources":["../src/index.ts"],"sourcesContent":["import {\n\tuseRef,\n\tuseMemo,\n\t// @ts-ignore-next-line\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\t__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED as internals,\n} from \"react\";\nimport React from \"react\";\nimport {\n\tsignal,\n\tcomputed,\n\tbatch,\n\teffect,\n\tSignal,\n\ttype ReadonlySignal,\n} from \"@preact/signals-core\";\nimport { Updater, ReactOwner, ReactDispatcher } from \"./internal\";\n\nexport { signal, computed, batch, effect, Signal, type ReadonlySignal };\n\n/**\n * Install a middleware into React.createElement to replace any Signals in props with their value.\n * @todo this likely needs to be duplicated for jsx()...\n */\nconst createElement = React.createElement;\n// @ts-ignore-next-line\nReact.createElement = function (type, props) {\n\tif (typeof type === \"string\" && props) {\n\t\tfor (let i in props) {\n\t\t\tlet v = props[i];\n\t\t\tif (i !== \"children\" && v instanceof Signal) {\n\t\t\t\t// createPropUpdater(props, i, v);\n\t\t\t\tprops[i] = v.value;\n\t\t\t}\n\t\t}\n\t}\n\t// @ts-ignore-next-line\n\treturn createElement.apply(this, arguments);\n};\n\n/*\n// This breaks React's controlled components implementation\nfunction createPropUpdater(props: any, prop: string, signal: Signal) {\n\tlet ref = props.ref;\n\tif (!ref) ref = props.ref = React.createRef();\n\teffect(() => {\n\t\tif (props) props[prop] = signal.value;\n\t\tlet el = ref.current;\n\t\tif (!el) return; // unsubscribe\n\t\t(el as any)[prop] = signal.value;\n\t});\n\tprops = null;\n}\n*/\n\nlet finishUpdate: ReturnType<Updater[\"_setCurrent\"]> | undefined;\nconst updaterForComponent = new WeakMap<ReactOwner, Updater>();\n\nfunction setCurrentUpdater(updater?: Updater) {\n\t// end tracking for the current update:\n\tif (finishUpdate) finishUpdate(true, true);\n\t// start tracking the new update:\n\tfinishUpdate = updater && updater._setCurrent();\n}\n\nfunction createUpdater(updater: () => void) {\n\tconst s = signal(undefined) as Updater;\n\ts._updater = updater;\n\treturn s;\n}\n\n/**\n * A wrapper component that renders a Signal's value directly as a Text node.\n */\nfunction Text({ data }: { data: Signal }) {\n\treturn data.value;\n}\n\n// Decorate Signals so React renders them as <Text> components.\n//@ts-ignore-next-line\nconst $$typeof = createElement(\"a\").$$typeof;\nObject.defineProperties(Signal.prototype, {\n\t$$typeof: { value: $$typeof },\n\ttype: { value: Text },\n\tprops: {\n\t\tget() {\n\t\t\treturn { data: this };\n\t\t},\n\t},\n\tref: { value: null },\n});\n\n// Track the current owner (roughly equiv to current vnode)\
|
|
1
|
+
{"version":3,"file":"signals.module.js","sources":["../src/index.ts"],"sourcesContent":["import {\n\tuseRef,\n\tuseMemo,\n\t// @ts-ignore-next-line\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\t__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED as internals,\n} from \"react\";\nimport React from \"react\";\nimport {\n\tsignal,\n\tcomputed,\n\tbatch,\n\teffect,\n\tSignal,\n\ttype ReadonlySignal,\n} from \"@preact/signals-core\";\nimport { Updater, ReactOwner, ReactDispatcher } from \"./internal\";\n\nexport { signal, computed, batch, effect, Signal, type ReadonlySignal };\n\n/**\n * Install a middleware into React.createElement to replace any Signals in props with their value.\n * @todo this likely needs to be duplicated for jsx()...\n */\nconst createElement = React.createElement;\n// @ts-ignore-next-line\nReact.createElement = function (type, props) {\n\tif (typeof type === \"string\" && props) {\n\t\tfor (let i in props) {\n\t\t\tlet v = props[i];\n\t\t\tif (i !== \"children\" && v instanceof Signal) {\n\t\t\t\t// createPropUpdater(props, i, v);\n\t\t\t\tprops[i] = v.value;\n\t\t\t}\n\t\t}\n\t}\n\t// @ts-ignore-next-line\n\treturn createElement.apply(this, arguments);\n};\n\n/*\n// This breaks React's controlled components implementation\nfunction createPropUpdater(props: any, prop: string, signal: Signal) {\n\tlet ref = props.ref;\n\tif (!ref) ref = props.ref = React.createRef();\n\teffect(() => {\n\t\tif (props) props[prop] = signal.value;\n\t\tlet el = ref.current;\n\t\tif (!el) return; // unsubscribe\n\t\t(el as any)[prop] = signal.value;\n\t});\n\tprops = null;\n}\n*/\n\nlet finishUpdate: ReturnType<Updater[\"_setCurrent\"]> | undefined;\nconst updaterForComponent = new WeakMap<ReactOwner, Updater>();\n\nfunction setCurrentUpdater(updater?: Updater) {\n\t// end tracking for the current update:\n\tif (finishUpdate) finishUpdate(true, true);\n\t// start tracking the new update:\n\tfinishUpdate = updater && updater._setCurrent();\n}\n\nfunction createUpdater(updater: () => void) {\n\tconst s = signal(undefined) as Updater;\n\ts._updater = updater;\n\treturn s;\n}\n\n/**\n * A wrapper component that renders a Signal's value directly as a Text node.\n */\nfunction Text({ data }: { data: Signal }) {\n\treturn data.value;\n}\n\n// Decorate Signals so React renders them as <Text> components.\n//@ts-ignore-next-line\nconst $$typeof = createElement(\"a\").$$typeof;\nObject.defineProperties(Signal.prototype, {\n\t$$typeof: { configurable: true, value: $$typeof },\n\ttype: { configurable: true, value: Text },\n\tprops: {\n\t\tconfigurable: true,\n\t\tget() {\n\t\t\treturn { data: this };\n\t\t},\n\t},\n\tref: { configurable: true, value: null },\n});\n\n// Track the current owner (roughly equiv to current vnode)\nlet lastOwner: ReactOwner | undefined;\nlet currentOwner: ReactOwner | null = null;\nObject.defineProperty(internals.ReactCurrentOwner, \"current\", {\n\tget() {\n\t\treturn currentOwner;\n\t},\n\tset(owner) {\n\t\tcurrentOwner = owner;\n\t\tif (currentOwner) lastOwner = currentOwner;\n\t},\n});\n\n// Track the current dispatcher (roughly equiv to current component impl)\nlet lock = false;\nconst UPDATE = () => ({});\nlet currentDispatcher: ReactDispatcher;\nObject.defineProperty(internals.ReactCurrentDispatcher, \"current\", {\n\tget() {\n\t\treturn currentDispatcher;\n\t},\n\tset(api) {\n\t\tcurrentDispatcher = api;\n\t\tif (lock) return;\n\t\tif (lastOwner && api && !isInvalidHookAccessor(api)) {\n\t\t\t// prevent re-injecting useReducer when the Dispatcher\n\t\t\t// context changes to run the reducer callback:\n\t\t\tlock = true;\n\t\t\tconst rerender = api.useReducer(UPDATE, {})[1];\n\t\t\tlock = false;\n\n\t\t\tlet updater = updaterForComponent.get(lastOwner);\n\t\t\tif (!updater) {\n\t\t\t\tupdater = createUpdater(rerender);\n\t\t\t\tupdaterForComponent.set(lastOwner, updater);\n\t\t\t} else {\n\t\t\t\tupdater._updater = rerender;\n\t\t\t}\n\t\t\tsetCurrentUpdater(updater);\n\t\t} else {\n\t\t\tsetCurrentUpdater();\n\t\t}\n\t},\n});\n\n// We inject a useReducer into every function component via CurrentDispatcher.\n// This prevents injecting into anything other than a function component render.\nconst invalidHookAccessors = new Map();\nfunction isInvalidHookAccessor(api: ReactDispatcher) {\n\tconst cached = invalidHookAccessors.get(api);\n\tif (cached !== undefined) return cached;\n\t// we only want the real implementation, not the warning ones\n\tconst invalid =\n\t\tapi.useCallback.length < 2 ||\n\t\t/warnInvalidHookAccess/.test(api.useCallback as any);\n\tinvalidHookAccessors.set(api, invalid);\n\treturn invalid;\n}\n\nexport function useSignal<T>(value: T) {\n\treturn useMemo(() => signal<T>(value), []);\n}\n\nexport function useComputed<T>(compute: () => T) {\n\tconst $compute = useRef(compute);\n\t$compute.current = compute;\n\treturn useMemo(() => computed<T>(() => $compute.current()), []);\n}\n"],"names":["React","__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED","useMemo","useRef","Signal","signal","computed","batch","effect","finishUpdate","createElement","type","props","i","v","value","apply","this","arguments","WeakMap","setCurrentUpdater","updater","_setCurrent","createUpdater","s","undefined","_updater","lastOwner","$$typeof","Object","defineProperties","prototype","configurable","_ref","data","get","ref","currentOwner","defineProperty","internals","ReactCurrentOwner","set","owner","currentDispatcher","lock","ReactCurrentDispatcher","api","isInvalidHookAccessor","rerender","useReducer","UPDATE","updaterForComponent","invalidHookAccessors","Map","cached","invalid","useCallback","length","test","useSignal","useComputed","compute","$compute","current"],"mappings":"OAwBAA,yDAAAC,aAAAC,YAAAC,MAAA,yBAAAC,YAAAC,cAAAC,MAAA,8BAAAF,OAAAG,MAAAD,SAAAE,OAAAH,WAAA,uBAAA,IA+BII,EA/BeC,EAAGV,EAAMU,cAE5BV,EAAMU,cAAgB,SAAUC,EAAMC,GACrC,GAAoB,iBAAhBD,GAA4BC,EAC/B,IAAK,IAALC,KAAAD,EAAqB,CACpB,IAAKE,EAAGF,EAAMC,GACJ,aAANA,GAAoBC,aAAaV,IAEpCQ,EAAMC,GAAKC,EAAEC,MAEd,CAGF,OAAoBL,EAACM,MAAMC,KAAMC,UACjC,EAkBD,MAA4B,IAA5BC,QAEA,SAASC,EAAkBC,GAEtBZ,GAAcA,GAAa,GAAM,GAErCA,EAAeY,GAAWA,EAAQC,GAClC,CAED,SAAAC,EAAuBF,GACtB,IAAMG,EAAInB,OAAOoB,GAEjB,OADAD,EAAEE,GAAWL,EACNG,CACP,CAWD,IAcAG,EAdcC,EAAGlB,EAAc,KAAKkB,SACpCC,OAAOC,iBAAiB1B,EAAO2B,UAAW,CACzCH,SAAU,CAAEI,cAAc,EAAMjB,MAAOa,GACvCjB,KAAM,CAAEqB,cAAc,EAAMjB,MAT7B,SAAwCkB,GACvC,OADuCA,EAAxBC,KACHnB,KACZ,GAQAH,MAAO,CACNoB,cAAc,EACdG,IAFM,WAGL,MAAO,CAAED,KAAMjB,KACf,GAEFmB,IAAK,CAAEJ,cAAc,EAAMjB,MAAO,QAKnC,IAAIsB,EAAkC,KACtCR,OAAOS,eAAeC,EAAUC,kBAAmB,UAAW,CAC7DL,IAD6D,WAE5D,OACAE,CAAA,EACDI,IAAIC,SAAAA,IACHL,EAAeK,KACGf,EAAYU,EAC9B,IAIF,IAEAM,EAFIC,GAAO,IACI,WAAA,MAAO,CAAA,CAAP,EAEff,OAAOS,eAAeC,EAAUM,uBAAwB,UAAW,CAClEV,IADkE,WAEjE,QACA,EACDM,IAJkE,SAI9DK,GAEH,GADAH,EAAoBG,GAChBF,EACJ,GAAIjB,GAAamB,IAAQC,EAAsBD,GAAM,CAGpDF,GAAO,EACP,IAAcI,EAAGF,EAAIG,WAAWC,EAAQ,CAAA,GAAI,GAC5CN,GAAO,EAEP,IAAWvB,EAAG8B,EAAoBhB,IAAIR,GACjCN,EAIJA,EAAQK,GAAWsB,GAHnB3B,EAAUE,EAAcyB,GACxBG,EAAoBV,IAAId,EAAWN,IAIpCD,EAAkBC,EAClB,MACAD,GAED,IAKF,IAA0BgC,EAAG,IAAIC,IACjC,SAAAN,EAA+BD,GAC9B,IAAMQ,EAASF,EAAqBjB,IAAIW,GACxC,QAAerB,IAAX6B,EAAsB,SAE1B,IAAaC,EACZT,EAAIU,YAAYC,OAAS,GACzB,wBAAwBC,KAAKZ,EAAIU,aAElC,OADAJ,EAAqBX,IAAIK,EAAKS,GACvBA,CACP,CAEeI,SAAAA,EAAa5C,GAC5B,OAAcb,EAAC,WAAMG,OAAAA,EAAUU,EAAhB,EAAwB,GACvC,UAEK6C,EAAyBC,GAC9B,IAAcC,EAAG3D,EAAO0D,GAExB,OADAC,EAASC,QAAUF,EACZ3D,EAAQ,WAAA,OAAcI,EAAI,kBAAcwD,EAACC,SAAf,EAAlB,EAA6C,GAC5D,QAAAH,iBAAAD"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@preact/signals-react",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.2",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "",
|
|
6
6
|
"keywords": [],
|
|
@@ -9,7 +9,8 @@
|
|
|
9
9
|
],
|
|
10
10
|
"repository": {
|
|
11
11
|
"type": "git",
|
|
12
|
-
"url": "https://github.com/preactjs/signals"
|
|
12
|
+
"url": "https://github.com/preactjs/signals",
|
|
13
|
+
"directory": "packages/react"
|
|
13
14
|
},
|
|
14
15
|
"bugs": "https://github.com/preactjs/signals/issues",
|
|
15
16
|
"homepage": "https://preactjs.com",
|
|
@@ -25,16 +26,16 @@
|
|
|
25
26
|
"source": "src/index.ts",
|
|
26
27
|
"exports": {
|
|
27
28
|
".": {
|
|
29
|
+
"types": "./dist/signals.d.ts",
|
|
28
30
|
"browser": "./dist/signals.module.js",
|
|
29
31
|
"umd": "./dist/signals.umd.js",
|
|
30
32
|
"import": "./dist/signals.mjs",
|
|
31
|
-
"require": "./dist/signals.js"
|
|
32
|
-
"types": "./dist/signals.d.ts"
|
|
33
|
+
"require": "./dist/signals.js"
|
|
33
34
|
}
|
|
34
35
|
},
|
|
35
36
|
"mangle": "../../mangle.json",
|
|
36
37
|
"dependencies": {
|
|
37
|
-
"@preact/signals-core": "^1.1.
|
|
38
|
+
"@preact/signals-core": "^1.1.1"
|
|
38
39
|
},
|
|
39
40
|
"peerDependencies": {
|
|
40
41
|
"react": "17.x || 18.x"
|
package/src/index.ts
CHANGED
|
@@ -80,22 +80,29 @@ function Text({ data }: { data: Signal }) {
|
|
|
80
80
|
//@ts-ignore-next-line
|
|
81
81
|
const $$typeof = createElement("a").$$typeof;
|
|
82
82
|
Object.defineProperties(Signal.prototype, {
|
|
83
|
-
$$typeof: { value: $$typeof },
|
|
84
|
-
type: { value: Text },
|
|
83
|
+
$$typeof: { configurable: true, value: $$typeof },
|
|
84
|
+
type: { configurable: true, value: Text },
|
|
85
85
|
props: {
|
|
86
|
+
configurable: true,
|
|
86
87
|
get() {
|
|
87
88
|
return { data: this };
|
|
88
89
|
},
|
|
89
90
|
},
|
|
90
|
-
ref: { value: null },
|
|
91
|
+
ref: { configurable: true, value: null },
|
|
91
92
|
});
|
|
92
93
|
|
|
93
94
|
// Track the current owner (roughly equiv to current vnode)
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
95
|
+
let lastOwner: ReactOwner | undefined;
|
|
96
|
+
let currentOwner: ReactOwner | null = null;
|
|
97
|
+
Object.defineProperty(internals.ReactCurrentOwner, "current", {
|
|
98
|
+
get() {
|
|
99
|
+
return currentOwner;
|
|
100
|
+
},
|
|
101
|
+
set(owner) {
|
|
102
|
+
currentOwner = owner;
|
|
103
|
+
if (currentOwner) lastOwner = currentOwner;
|
|
104
|
+
},
|
|
105
|
+
});
|
|
99
106
|
|
|
100
107
|
// Track the current dispatcher (roughly equiv to current component impl)
|
|
101
108
|
let lock = false;
|
|
@@ -108,17 +115,19 @@ Object.defineProperty(internals.ReactCurrentDispatcher, "current", {
|
|
|
108
115
|
set(api) {
|
|
109
116
|
currentDispatcher = api;
|
|
110
117
|
if (lock) return;
|
|
111
|
-
if (api && !isInvalidHookAccessor(api)) {
|
|
118
|
+
if (lastOwner && api && !isInvalidHookAccessor(api)) {
|
|
112
119
|
// prevent re-injecting useReducer when the Dispatcher
|
|
113
120
|
// context changes to run the reducer callback:
|
|
114
121
|
lock = true;
|
|
115
122
|
const rerender = api.useReducer(UPDATE, {})[1];
|
|
116
123
|
lock = false;
|
|
117
|
-
|
|
118
|
-
let updater = updaterForComponent.get(
|
|
124
|
+
|
|
125
|
+
let updater = updaterForComponent.get(lastOwner);
|
|
119
126
|
if (!updater) {
|
|
120
127
|
updater = createUpdater(rerender);
|
|
121
|
-
updaterForComponent.set(
|
|
128
|
+
updaterForComponent.set(lastOwner, updater);
|
|
129
|
+
} else {
|
|
130
|
+
updater._updater = rerender;
|
|
122
131
|
}
|
|
123
132
|
setCurrentUpdater(updater);
|
|
124
133
|
} else {
|
package/test/index.test.tsx
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
globalThis.IS_REACT_ACT_ENVIRONMENT = true;
|
|
3
3
|
|
|
4
4
|
import { signal, useComputed } from "@preact/signals-react";
|
|
5
|
-
import { createElement, useMemo } from "react";
|
|
5
|
+
import { createElement, useMemo, memo, StrictMode } from "react";
|
|
6
6
|
import { createRoot, Root } from "react-dom/client";
|
|
7
7
|
import { act } from "react-dom/test-utils";
|
|
8
8
|
|
|
@@ -158,5 +158,26 @@ describe("@preact/signals-react", () => {
|
|
|
158
158
|
});
|
|
159
159
|
expect(scratch.textContent).to.equal("bar");
|
|
160
160
|
});
|
|
161
|
+
|
|
162
|
+
it("should consistently rerender in strict mode", async () => {
|
|
163
|
+
const sig = signal<string>(null!);
|
|
164
|
+
|
|
165
|
+
const Test = memo(() => <p>{sig.value}</p>);
|
|
166
|
+
const App = () => (
|
|
167
|
+
<StrictMode>
|
|
168
|
+
<Test />
|
|
169
|
+
</StrictMode>
|
|
170
|
+
);
|
|
171
|
+
|
|
172
|
+
for (let i = 0; i < 3; i++) {
|
|
173
|
+
const value = `${i}`;
|
|
174
|
+
|
|
175
|
+
act(() => {
|
|
176
|
+
sig.value = value;
|
|
177
|
+
render(<App />);
|
|
178
|
+
});
|
|
179
|
+
expect(scratch.textContent).to.equal(value);
|
|
180
|
+
}
|
|
181
|
+
});
|
|
161
182
|
});
|
|
162
183
|
});
|