@preact/signals-react 0.0.2

package/CHANGELOG.md

@@ -0,0 +1,8 @@
+# @preact/signals-react
+
+## 0.0.2
+
+### Patch Changes
+
+- Updated dependencies [702a9c5]
+  - @preact/signals-core@0.0.5

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2022-present Preact Team
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/signals.d.ts

@@ -0,0 +1,4 @@
+import { signal, computed, batch, effect, Signal, type ReadonlySignal } from "@preact/signals-core";
+export { signal, computed, batch, effect, Signal, type ReadonlySignal };
+export declare function useSignal<T>(value: T): Signal<T>;
+export declare function useComputed<T>(compute: () => T): ReadonlySignal<T>;

package/dist/signals.js

@@ -0,0 +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._c=!0,t._u=r,t}var f=o("a").$$typeof;Object.defineProperties(n.Signal.prototype,{$$typeof:{value:f},type:{value:function(r){return r.data.value}},props:{get:function(){return{data:this}}},ref:{value:null}});var v,s=!1,p=function(){return{}};Object.defineProperty(r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{get:function(){return v},set:function(n){if(v=n,!s)if(n&&!x(n)){s=!0;var t=n.useReducer(p,{})[1];s=!1;var e=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner.current,u=i.get(e);u||(u=c(t),i.set(e,u)),a(u)}else a()}});var l=new Map;function x(r){var n=l.get(r);if(void 0!==n)return n;var t=r.useCallback.length<2||/warnInvalidHookAccess/.test(r.useCallback);return l.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

@@ -0,0 +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._canActivate = true;\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)\n// let currentOwner: ReactOwner;\n// Object.defineProperty(internals.ReactCurrentOwner, \"current\", {\n// \tget() { return currentOwner; },\n// \tset(owner) { currentOwner = owner; },\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 (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\t\t\tconst currentOwner = internals.ReactCurrentOwner.current;\n\t\t\tlet updater = updaterForComponent.get(currentOwner);\n\t\t\tif (!updater) {\n\t\t\t\tupdater = createUpdater(rerender);\n\t\t\t\tupdaterForComponent.set(currentOwner, updater);\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":["finishUpdate","createElement","React","type","props","i","v","Signal","value","apply","this","arguments","updaterForComponent","WeakMap","setCurrentUpdater","updater","_setCurrent","createUpdater","s","signal","undefined","_canActivate","_updater","$$typeof","Object","defineProperties","prototype","_ref","data","get","ref","currentDispatcher","UPDATE","defineProperty","internals","__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED","ReactCurrentDispatcher","set","api","lock","isInvalidHookAccessor","useReducer","currentOwner","ReactCurrentOwner","current","rerender","invalidHookAccessors","Map","cached","invalid","useCallback","length","test","exports","signalsCore","batch","computed","effect","useComputed","compute","$compute","useRef","useMemo","useSignal"],"mappings":"mIAuDAA,sBA/BmBC,EAAGC,EAAMD,cAE5BC,EAAMD,cAAgB,SAAUE,EAAMC,GACrC,GAAoB,iBAAhBD,GAA4BC,EAC/B,IAAK,IAALC,KAAAD,EAAqB,CACpB,IAAKE,EAAGF,EAAMC,GACJ,aAANA,GAAoBC,aAAxBC,EAAAA,SAECH,EAAMC,GAAKC,EAAEE,MAEd,CAGF,OAAOP,EAAcQ,MAAMC,KAAMC,UACjC,EAkBD,IAAMC,EAAsB,IAA5BC,QAEA,SAASC,EAAkBC,GAEtBf,GAAcA,GAAa,GAAM,GAErCA,EAAee,GAAWA,EAAQC,GAClC,CAED,SAASC,EAAcF,GACtB,IAAMG,EAAIC,EAAMA,YAACC,GAGjB,OAFAF,EAAEG,IAAe,EACjBH,EAAEI,GAAWP,EAEbG,CAAA,CAWD,IAAMK,EAAWtB,EAAc,KAAKsB,SACpCC,OAAOC,iBAAiBlB,EAAAA,OAAOmB,UAAW,CACzCH,SAAU,CAAEf,MAAOe,GACnBpB,KAAM,CAAEK,MATT,SAAwCmB,GACvC,OADuCA,EAAxBC,KACHpB,KACZ,GAQAJ,MAAO,CACNyB,IADM,WAEL,MAAO,CAAED,KAAMlB,KACf,GAEFoB,IAAK,CAAEtB,MAAO,QAWf,IAEIuB,KAFO,EACCC,EAAG,WAAO,MAAA,CAAP,CAAA,EAEfR,OAAOS,eAAeC,EAASC,mDAACC,uBAAwB,UAAW,CAClEP,IADkE,WAEjE,QACA,EACDQ,IAJkE,SAI9DC,GAEH,GADAP,EAAoBO,GAChBC,EACJ,GAAID,IAAQE,EAAsBF,GAAM,CAGvCC,GAAO,EACP,MAAiBD,EAAIG,WAAWT,EAAQ,CAAvB,GAA2B,GAC5CO,GAAO,EACP,IAAMG,EAAeR,EAASC,mDAACQ,kBAAkBC,QACtC7B,EAAGH,EAAoBiB,IAAIa,GACjC3B,IACJA,EAAUE,EAAc4B,GACxBjC,EAAoByB,IAAIK,EAAc3B,IAEvCD,EAAkBC,EAClB,MACAD,GAED,IAKF,IAAMgC,EAAuB,IAA7BC,IACA,SAASP,EAAsBF,GAC9B,IAAMU,EAASF,EAAqBjB,IAAIS,GACxC,QAAelB,IAAX4B,EAAsB,OAAAA,EAE1B,IAAMC,EACLX,EAAIY,YAAYC,OAAS,GACzB,wBAAwBC,KAAKd,EAAIY,aAElC,OADAJ,EAAqBT,IAAIC,EAAKW,GACvBA,CACP,CAUAI,QAAA9C,OAAA+C,EAAA/C,OAAA8C,QAAAE,MAAAD,EAAAC,MAAAF,QAAAG,SAAAF,EAAAE,SAAAH,QAAAI,OAAAH,EAAAG,OAAAJ,QAAAlC,OAAAmC,EAAAnC,OAAAkC,QAAAK,YAJeA,SAAeC,GAC9B,IAAMC,EAAWC,EAAMA,OAACF,GAExB,OADAC,EAAShB,QAAUe,EACZG,EAAAA,QAAQ,WAAA,OAAcN,EAAAA,SAAI,WAAMI,OAAAA,EAAShB,SAAf,EAAlB,EAA6C,GAC5D,EAAAS,QAAAU,UAReA,SAAavD,GAC5B,OAAOsD,EAAOA,QAAC,WAAA,OAAY3C,EAAAA,OAAIX,EAAhB,EAAwB,GACvC"}

package/dist/signals.min.js

@@ -0,0 +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,u=/*#__PURE__*/t(e),o=u.createElement;u.createElement=function(n,e){if("string"==typeof n&&e)for(var t in e){var i=e[t];"children"!==t&&i instanceof r.Signal&&(e[t]=i.value)}return o.apply(this,arguments)};var f=new WeakMap;function a(n){i&&i(!0,!0),i=n&&n._()}function c(n){var e=r.signal(void 0);return e._c=!0,e._u=n,e}var s=o("a").$$typeof;Object.defineProperties(r.Signal.prototype,{$$typeof:{value:s},type:{value:function(n){return n.data.value}},props:{get:function(){return{data:this}}},ref:{value:null}});var v,l=!1,p=function(){return{}};Object.defineProperty(e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher,"current",{get:function(){return v},set:function(n){if(v=n,!l)if(n&&!y(n)){l=!0;var r=n.useReducer(p,{})[1];l=!1;var t=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner.current,i=f.get(t);i||(i=c(r),f.set(t,i)),a(i)}else a()}});var d=new Map;function y(n){var e=d.get(n);if(void 0!==e)return e;var r=n.useCallback.length<2||/warnInvalidHookAccess/.test(n.useCallback);return d.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

@@ -0,0 +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._canActivate = true;\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)\n// let currentOwner: ReactOwner;\n// Object.defineProperty(internals.ReactCurrentOwner, \"current\", {\n// \tget() { return currentOwner; },\n// \tset(owner) { currentOwner = owner; },\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 (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\t\t\tconst currentOwner = internals.ReactCurrentOwner.current;\n\t\t\tlet updater = updaterForComponent.get(currentOwner);\n\t\t\tif (!updater) {\n\t\t\t\tupdater = createUpdater(rerender);\n\t\t\t\tupdaterForComponent.set(currentOwner, updater);\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":["finishUpdate","createElement","React","type","props","i","v","Signal","value","apply","this","arguments","updaterForComponent","WeakMap","setCurrentUpdater","updater","_setCurrent","createUpdater","s","signal","undefined","_canActivate","_updater","$$typeof","Object","defineProperties","prototype","_ref","data","get","ref","currentDispatcher","UPDATE","defineProperty","internals","__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED","ReactCurrentDispatcher","set","api","lock","isInvalidHookAccessor","useReducer","currentOwner","ReactCurrentOwner","current","rerender","invalidHookAccessors","Map","cached","invalid","useCallback","length","test","exports","signalsCore","batch","computed","effect","useComputed","compute","$compute","useRef","useMemo","useSignal"],"mappings":"0ZAuDAA,sBA/BmBC,EAAGC,EAAMD,cAE5BC,EAAMD,cAAgB,SAAUE,EAAMC,GACrC,GAAoB,iBAAhBD,GAA4BC,EAC/B,IAAK,IAALC,KAAAD,EAAqB,CACpB,IAAKE,EAAGF,EAAMC,GACJ,aAANA,GAAoBC,aAAxBC,EAAAA,SAECH,EAAMC,GAAKC,EAAEE,MAEd,CAGF,OAAOP,EAAcQ,MAAMC,KAAMC,UACjC,EAkBD,IAAMC,EAAsB,IAA5BC,QAEA,SAASC,EAAkBC,GAEtBf,GAAcA,GAAa,GAAM,GAErCA,EAAee,GAAWA,EAAQC,GAClC,CAED,SAASC,EAAcF,GACtB,IAAMG,EAAIC,EAAMA,YAACC,GAGjB,OAFAF,EAAEG,IAAe,EACjBH,EAAEI,GAAWP,EAEbG,CAAA,CAWD,IAAMK,EAAWtB,EAAc,KAAKsB,SACpCC,OAAOC,iBAAiBlB,EAAAA,OAAOmB,UAAW,CACzCH,SAAU,CAAEf,MAAOe,GACnBpB,KAAM,CAAEK,MATT,SAAwCmB,GACvC,OADuCA,EAAxBC,KACHpB,KACZ,GAQAJ,MAAO,CACNyB,IADM,WAEL,MAAO,CAAED,KAAMlB,KACf,GAEFoB,IAAK,CAAEtB,MAAO,QAWf,IAEIuB,KAFO,EACCC,EAAG,WAAO,MAAA,CAAP,CAAA,EAEfR,OAAOS,eAAeC,EAASC,mDAACC,uBAAwB,UAAW,CAClEP,IADkE,WAEjE,QACA,EACDQ,IAJkE,SAI9DC,GAEH,GADAP,EAAoBO,GAChBC,EACJ,GAAID,IAAQE,EAAsBF,GAAM,CAGvCC,GAAO,EACP,MAAiBD,EAAIG,WAAWT,EAAQ,CAAvB,GAA2B,GAC5CO,GAAO,EACP,IAAMG,EAAeR,EAASC,mDAACQ,kBAAkBC,QACtC7B,EAAGH,EAAoBiB,IAAIa,GACjC3B,IACJA,EAAUE,EAAc4B,GACxBjC,EAAoByB,IAAIK,EAAc3B,IAEvCD,EAAkBC,EAClB,MACAD,GAED,IAKF,IAAMgC,EAAuB,IAA7BC,IACA,SAASP,EAAsBF,GAC9B,IAAMU,EAASF,EAAqBjB,IAAIS,GACxC,QAAelB,IAAX4B,EAAsB,OAAAA,EAE1B,IAAMC,EACLX,EAAIY,YAAYC,OAAS,GACzB,wBAAwBC,KAAKd,EAAIY,aAElC,OADAJ,EAAqBT,IAAIC,EAAKW,GACvBA,CACP,CAUAI,EAAA9C,OAAA+C,EAAA/C,OAAA8C,EAAAE,MAAAD,EAAAC,MAAAF,EAAAG,SAAAF,EAAAE,SAAAH,EAAAI,OAAAH,EAAAG,OAAAJ,EAAAlC,OAAAmC,EAAAnC,OAAAkC,EAAAK,YAJeA,SAAeC,GAC9B,IAAMC,EAAWC,EAAMA,OAACF,GAExB,OADAC,EAAShB,QAAUe,EACZG,EAAAA,QAAQ,WAAA,OAAcN,EAAAA,SAAI,WAAMI,OAAAA,EAAShB,SAAf,EAAlB,EAA6C,GAC5D,EAAAS,EAAAU,UAReA,SAAavD,GAC5B,OAAOsD,EAAOA,QAAC,WAAA,OAAY3C,EAAAA,OAAIX,EAAhB,EAAwB,GACvC,CAMA"}

package/dist/signals.mjs

@@ -0,0 +1 @@
+import t,{__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED as n,useMemo as e,useRef as o}from"react";import{Signal as r,signal as c,computed as i}from"@preact/signals-core";export{Signal,batch,computed,effect,signal}from"@preact/signals-core";const s=t.createElement;let a;t.createElement=function(t,n){if("string"==typeof t&&n)for(let t in n){let e=n[t];"children"!==t&&e instanceof r&&(n[t]=e.value)}return s.apply(this,arguments)};const f=new WeakMap;function u(t){a&&a(!0,!0),a=t&&t._()}function l(t){const n=c(void 0);return n._c=!0,n._u=t,n}const p=s("a").$$typeof;Object.defineProperties(r.prototype,{$$typeof:{value:p},type:{value:function({data:t}){return t.value}},props:{get(){return{data:this}}},ref:{value:null}});let d=!1;const g=()=>({});let m;Object.defineProperty(n.ReactCurrentDispatcher,"current",{get:()=>m,set(t){if(m=t,!d)if(t&&!h(t)){d=!0;const e=t.useReducer(g,{})[1];d=!1;const o=n.ReactCurrentOwner.current;let r=f.get(o);r||(r=l(e),f.set(o,r)),u(r)}else u()}});const v=new Map;function h(t){const n=v.get(t);if(void 0!==n)return n;const e=t.useCallback.length<2||/warnInvalidHookAccess/.test(t.useCallback);return v.set(t,e),e}function b(t){return e(()=>c(t),[])}function w(t){const n=o(t);return n.current=t,e(()=>i(()=>n.current()),[])}export{w as useComputed,b as useSignal};//# sourceMappingURL=signals.mjs.map

package/dist/signals.mjs.map

@@ -0,0 +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._canActivate = true;\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)\n// let currentOwner: ReactOwner;\n// Object.defineProperty(internals.ReactCurrentOwner, \"current\", {\n// \tget() { return currentOwner; },\n// \tset(owner) { currentOwner = owner; },\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 (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\t\t\tconst currentOwner = internals.ReactCurrentOwner.current;\n\t\t\tlet updater = updaterForComponent.get(currentOwner);\n\t\t\tif (!updater) {\n\t\t\t\tupdater = createUpdater(rerender);\n\t\t\t\tupdaterForComponent.set(currentOwner, updater);\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":["createElement","React","finishUpdate","type","props","i","v","Signal","value","apply","this","arguments","updaterForComponent","WeakMap","updater","_setCurrent","createUpdater","signal","undefined","s","_canActivate","_updater","$$typeof","Object","defineProperties","prototype","data","get","ref","lock","UPDATE","currentDispatcher","defineProperty","internals","ReactCurrentDispatcher","set","api","isInvalidHookAccessor","useReducer","currentOwner","ReactCurrentOwner","current","rerender","setCurrentUpdater","invalidHookAccessors","Map","cached","invalid","useCallback","length","test","useSignal","useMemo","useComputed","compute","$compute","useRef","computed"],"mappings":"qPAwBA,MAAmBA,EAAGC,EAAMD,cA+B5B,IAAIE,EA7BJD,EAAMD,cAAgB,SAAUG,EAAMC,GACrC,GAAoB,iBAAhBD,GAA4BC,EAC/B,IAAK,IAALC,KAAAD,EAAqB,CACpB,IAAKE,EAAGF,EAAMC,GACJ,aAANA,GAAoBC,aAAxBC,IAECH,EAAMC,GAAKC,EAAEE,MAEd,CAGF,OAAoBR,EAACS,MAAMC,KAAMC,UACjC,EAkBD,MAAyBC,EAAG,IAAIC,QAEhC,WAA2BC,GAEtBZ,GAAcA,GAAa,GAAM,GAErCA,EAAeY,GAAWA,EAAQC,GAClC,CAED,SAAAC,EAAuBF,GACtB,QAAUG,OAAOC,GAGjB,OAFAC,EAAEC,IAAe,EACjBD,EAAEE,GAAWP,EACNK,CACP,CAWD,MAAcG,EAAGtB,EAAc,KAAKsB,SACpCC,OAAOC,iBAAiBjB,EAAOkB,UAAW,CACzCH,SAAU,CAAEd,MAAOc,GACnBnB,KAAM,CAAEK,MATT,UAAckB,KAAEA,IACf,SAAYlB,KACZ,GAQAJ,MAAO,CACNuB,MACC,MAAO,CAAED,KAAMhB,KACf,GAEFkB,IAAK,CAAEpB,MAAO,QAWf,IAAIqB,GAAO,EACX,MAAYC,EAAG,KAAA,CAAA,GACf,IAAIC,EACJR,OAAOS,eAAeC,EAAUC,uBAAwB,UAAW,CAClEP,IAAG,MAGHQ,IAAIC,GAEH,GADAL,EAAoBK,GAChBP,EACJ,GAAIO,IAAQC,EAAsBD,GAAM,CAGvCP,GAAO,EACP,QAAiBO,EAAIE,WAAWR,EAAQ,CAAA,GAAI,GAC5CD,GAAO,EACP,MAAMU,EAAeN,EAAUO,kBAAkBC,QACjD,IAAW3B,EAAGF,EAAoBe,IAAIY,GACjCzB,IACJA,EAAUE,EAAc0B,GACxB9B,EAAoBuB,IAAII,EAAczB,IAEvC6B,EAAkB7B,EAClB,MACA6B,GAED,IAKF,MAA0BC,EAAG,IAAIC,IACjC,SAAAR,EAA+BD,GAC9B,MAAYU,EAAGF,EAAqBjB,IAAIS,GACxC,QAAelB,IAAX4B,EAAsB,OAAAA,EAE1B,MAAMC,EACLX,EAAIY,YAAYC,OAAS,GACzB,wBAAwBC,KAAKd,EAAIY,aAElC,OADAJ,EAAqBT,IAAIC,EAAKW,GACvBA,CACP,CAEeI,SAAAA,EAAa3C,GAC5B,OAAO4C,EAAQ,IAAMnC,EAAUT,GAAQ,GACvC,CAEK,SAAA6C,EAAyBC,GAC9B,MAAMC,EAAWC,EAAOF,GAExB,OADAC,EAASd,QAAUa,EACZF,EAAQ,IAAMK,EAAY,IAAMF,EAASd,WAAY,GAC5D,QAAAY,iBAAAF"}

package/dist/signals.module.js

@@ -0,0 +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 a,signal as i,computed as o}from"@preact/signals-core";export{Signal,batch,computed,effect,signal}from"@preact/signals-core";var u,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 a&&(n[t]=e.value)}return c.apply(this,arguments)};var f=new WeakMap;function v(r){u&&u(!0,!0),u=r&&r._()}function p(r){var n=i(void 0);return n._c=!0,n._u=r,n}var s=c("a").$$typeof;Object.defineProperties(a.prototype,{$$typeof:{value:s},type:{value:function(r){return r.data.value}},props:{get:function(){return{data:this}}},ref:{value:null}});var l,g=!1,d=function(){return{}};Object.defineProperty(n.ReactCurrentDispatcher,"current",{get:function(){return l},set:function(r){if(l=r,!g)if(r&&!h(r)){g=!0;var t=r.useReducer(d,{})[1];g=!1;var e=n.ReactCurrentOwner.current,a=f.get(e);a||(a=p(t),f.set(e,a)),v(a)}else v()}});var m=new Map;function h(r){var n=m.get(r);if(void 0!==n)return n;var t=r.useCallback.length<2||/warnInvalidHookAccess/.test(r.useCallback);return m.set(r,t),t}function b(r){return t(function(){return i(r)},[])}function w(r){var n=e(r);return n.current=r,t(function(){return o(function(){return n.current()})},[])}export{w as useComputed,b as useSignal};//# sourceMappingURL=signals.module.js.map

package/dist/signals.module.js.map

@@ -0,0 +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._canActivate = true;\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)\n// let currentOwner: ReactOwner;\n// Object.defineProperty(internals.ReactCurrentOwner, \"current\", {\n// \tget() { return currentOwner; },\n// \tset(owner) { currentOwner = owner; },\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 (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\t\t\tconst currentOwner = internals.ReactCurrentOwner.current;\n\t\t\tlet updater = updaterForComponent.get(currentOwner);\n\t\t\tif (!updater) {\n\t\t\t\tupdater = createUpdater(rerender);\n\t\t\t\tupdaterForComponent.set(currentOwner, updater);\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":["finishUpdate","createElement","React","type","props","i","v","Signal","value","apply","this","arguments","updaterForComponent","WeakMap","setCurrentUpdater","updater","_setCurrent","createUpdater","s","signal","undefined","_canActivate","_updater","$$typeof","Object","defineProperties","prototype","_ref","data","get","ref","currentDispatcher","UPDATE","defineProperty","internals","ReactCurrentDispatcher","set","api","lock","isInvalidHookAccessor","useReducer","currentOwner","ReactCurrentOwner","current","rerender","invalidHookAccessors","Map","cached","invalid","useCallback","length","test","useSignal","useMemo","useComputed","compute","$compute","useRef","computed"],"mappings":"qPAwBA,IA+BAA,EA/BmBC,EAAGC,EAAMD,cAE5BC,EAAMD,cAAgB,SAAUE,EAAMC,GACrC,GAAoB,iBAAhBD,GAA4BC,EAC/B,IAAK,IAALC,KAAAD,EAAqB,CACpB,IAAKE,EAAGF,EAAMC,GACJ,aAANA,GAAoBC,aAAxBC,IAECH,EAAMC,GAAKC,EAAEE,MAEd,CAGF,OAAOP,EAAcQ,MAAMC,KAAMC,UACjC,EAkBD,IAAMC,EAAsB,IAA5BC,QAEA,SAASC,EAAkBC,GAEtBf,GAAcA,GAAa,GAAM,GAErCA,EAAee,GAAWA,EAAQC,GAClC,CAED,SAASC,EAAcF,GACtB,IAAMG,EAAIC,OAAOC,GAGjB,OAFAF,EAAEG,IAAe,EACjBH,EAAEI,GAAWP,EAEbG,CAAA,CAWD,IAAMK,EAAWtB,EAAc,KAAKsB,SACpCC,OAAOC,iBAAiBlB,EAAOmB,UAAW,CACzCH,SAAU,CAAEf,MAAOe,GACnBpB,KAAM,CAAEK,MATT,SAAwCmB,GACvC,OADuCA,EAAxBC,KACHpB,KACZ,GAQAJ,MAAO,CACNyB,IADM,WAEL,MAAO,CAAED,KAAMlB,KACf,GAEFoB,IAAK,CAAEtB,MAAO,QAWf,IAEIuB,KAFO,EACCC,EAAG,WAAO,MAAA,CAAP,CAAA,EAEfR,OAAOS,eAAeC,EAAUC,uBAAwB,UAAW,CAClEN,IADkE,WAEjE,QACA,EACDO,IAJkE,SAI9DC,GAEH,GADAN,EAAoBM,GAChBC,EACJ,GAAID,IAAQE,EAAsBF,GAAM,CAGvCC,GAAO,EACP,MAAiBD,EAAIG,WAAWR,EAAQ,CAAvB,GAA2B,GAC5CM,GAAO,EACP,IAAMG,EAAeP,EAAUQ,kBAAkBC,QACtC5B,EAAGH,EAAoBiB,IAAIY,GACjC1B,IACJA,EAAUE,EAAc2B,GACxBhC,EAAoBwB,IAAIK,EAAc1B,IAEvCD,EAAkBC,EAClB,MACAD,GAED,IAKF,IAAM+B,EAAuB,IAA7BC,IACA,SAASP,EAAsBF,GAC9B,IAAMU,EAASF,EAAqBhB,IAAIQ,GACxC,QAAejB,IAAX2B,EAAsB,OAAAA,EAE1B,IAAMC,EACLX,EAAIY,YAAYC,OAAS,GACzB,wBAAwBC,KAAKd,EAAIY,aAElC,OADAJ,EAAqBT,IAAIC,EAAKW,GACvBA,CACP,CAEeI,SAAAA,EAAa5C,GAC5B,OAAO6C,EAAQ,WAAA,OAAYlC,EAAIX,EAAhB,EAAwB,GACvC,CAEe8C,SAAAA,EAAeC,GAC9B,IAAMC,EAAWC,EAAOF,GAExB,OADAC,EAASb,QAAUY,EACZF,EAAQ,WAAA,OAAcK,EAAI,WAAMF,OAAAA,EAASb,SAAf,EAAlB,EAA6C,GAC5D,QAAAW,iBAAAF"}

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@preact/signals-react",
+  "version": "0.0.2",
+  "license": "MIT",
+  "description": "",
+  "keywords": [],
+  "authors": [
+    "The Preact Authors (https://github.com/preactjs/signals/contributors)"
+  ],
+  "repository": "preactjs/signals",
+  "bugs": "https://github.com/preactjs/signals/issues",
+  "homepage": "https://preactjs.com",
+  "funding": {
+    "type": "opencollective",
+    "url": "https://opencollective.com/preact"
+  },
+  "amdName": "reactSignals",
+  "main": "dist/signals.js",
+  "module": "dist/signals.module.js",
+  "unpkg": "dist/signals.min.js",
+  "types": "dist/signals.d.ts",
+  "source": "src/index.ts",
+  "exports": {
+    ".": {
+      "browser": "./dist/signals.module.js",
+      "umd": "./dist/signals.umd.js",
+      "import": "./dist/signals.mjs",
+      "require": "./dist/signals.js",
+      "types": "./dist/signals.d.ts"
+    }
+  },
+  "mangle": "../../mangle.json",
+  "dependencies": {
+    "@preact/signals-core": "^0.0.5"
+  },
+  "peerDependencies": {
+    "react": "17.x | 18.x"
+  },
+  "devDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "@types/react": "^18.0.18",
+    "@types/react-dom": "^18.0.6"
+  },
+  "scripts": {}
+}

package/src/index.ts

@@ -0,0 +1,153 @@
+import {
+	useRef,
+	useMemo,
+	// @ts-ignore-next-line
+	// eslint-disable-next-line @typescript-eslint/no-unused-vars
+	__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED as internals,
+} from "react";
+import React from "react";
+import {
+	signal,
+	computed,
+	batch,
+	effect,
+	Signal,
+	type ReadonlySignal,
+} from "@preact/signals-core";
+import { Updater, ReactOwner, ReactDispatcher } from "./internal";
+
+export { signal, computed, batch, effect, Signal, type ReadonlySignal };
+
+/**
+ * Install a middleware into React.createElement to replace any Signals in props with their value.
+ * @todo this likely needs to be duplicated for jsx()...
+ */
+const createElement = React.createElement;
+// @ts-ignore-next-line
+React.createElement = function (type, props) {
+	if (typeof type === "string" && props) {
+		for (let i in props) {
+			let v = props[i];
+			if (i !== "children" && v instanceof Signal) {
+				// createPropUpdater(props, i, v);
+				props[i] = v.value;
+			}
+		}
+	}
+	// @ts-ignore-next-line
+	return createElement.apply(this, arguments);
+};
+
+/*
+// This breaks React's controlled components implementation
+function createPropUpdater(props: any, prop: string, signal: Signal) {
+	let ref = props.ref;
+	if (!ref) ref = props.ref = React.createRef();
+	effect(() => {
+		if (props) props[prop] = signal.value;
+		let el = ref.current;
+		if (!el) return; // unsubscribe
+		(el as any)[prop] = signal.value;
+	});
+	props = null;
+}
+*/
+
+let finishUpdate: ReturnType<Updater["_setCurrent"]> | undefined;
+const updaterForComponent = new WeakMap<ReactOwner, Updater>();
+
+function setCurrentUpdater(updater?: Updater) {
+	// end tracking for the current update:
+	if (finishUpdate) finishUpdate(true, true);
+	// start tracking the new update:
+	finishUpdate = updater && updater._setCurrent();
+}
+
+function createUpdater(updater: () => void) {
+	const s = signal(undefined) as Updater;
+	s._canActivate = true;
+	s._updater = updater;
+	return s;
+}
+
+/**
+ * A wrapper component that renders a Signal's value directly as a Text node.
+ */
+function Text({ data }: { data: Signal }) {
+	return data.value;
+}
+
+// Decorate Signals so React renders them as <Text> components.
+//@ts-ignore-next-line
+const $$typeof = createElement("a").$$typeof;
+Object.defineProperties(Signal.prototype, {
+	$$typeof: { value: $$typeof },
+	type: { value: Text },
+	props: {
+		get() {
+			return { data: this };
+		},
+	},
+	ref: { value: null },
+});
+
+// Track the current owner (roughly equiv to current vnode)
+// let currentOwner: ReactOwner;
+// Object.defineProperty(internals.ReactCurrentOwner, "current", {
+// 	get() { return currentOwner; },
+// 	set(owner) { currentOwner = owner; },
+// });
+
+// Track the current dispatcher (roughly equiv to current component impl)
+let lock = false;
+const UPDATE = () => ({});
+let currentDispatcher: ReactDispatcher;
+Object.defineProperty(internals.ReactCurrentDispatcher, "current", {
+	get() {
+		return currentDispatcher;
+	},
+	set(api) {
+		currentDispatcher = api;
+		if (lock) return;
+		if (api && !isInvalidHookAccessor(api)) {
+			// prevent re-injecting useReducer when the Dispatcher
+			// context changes to run the reducer callback:
+			lock = true;
+			const rerender = api.useReducer(UPDATE, {})[1];
+			lock = false;
+			const currentOwner = internals.ReactCurrentOwner.current;
+			let updater = updaterForComponent.get(currentOwner);
+			if (!updater) {
+				updater = createUpdater(rerender);
+				updaterForComponent.set(currentOwner, updater);
+			}
+			setCurrentUpdater(updater);
+		} else {
+			setCurrentUpdater();
+		}
+	},
+});
+
+// We inject a useReducer into every function component via CurrentDispatcher.
+// This prevents injecting into anything other than a function component render.
+const invalidHookAccessors = new Map();
+function isInvalidHookAccessor(api: ReactDispatcher) {
+	const cached = invalidHookAccessors.get(api);
+	if (cached !== undefined) return cached;
+	// we only want the real implementation, not the warning ones
+	const invalid =
+		api.useCallback.length < 2 ||
+		/warnInvalidHookAccess/.test(api.useCallback as any);
+	invalidHookAccessors.set(api, invalid);
+	return invalid;
+}
+
+export function useSignal<T>(value: T) {
+	return useMemo(() => signal<T>(value), []);
+}
+
+export function useComputed<T>(compute: () => T) {
+	const $compute = useRef(compute);
+	$compute.current = compute;
+	return useMemo(() => computed<T>(() => $compute.current()), []);
+}

package/src/internal.d.ts

@@ -0,0 +1,11 @@
+import { Signal } from "@preact/signals-core";
+
+export interface ReactOwner {
+	_: never;
+}
+
+export interface ReactDispatcher {
+	useCallback(): unknown;
+}
+
+export type Updater = Signal<unknown>;

package/test/exports.test.ts

@@ -0,0 +1,18 @@
+import * as core from "@preact/signals-core";
+import * as adapter from "@preact/signals-react";
+
+describe("@preact/signals-react", () => {
+	describe("exports", () => {
+		it("should re-export core", () => {
+			const keys = Object.keys(core);
+
+			for (let i = 0; i < keys.length; i++) {
+				const key = keys[i];
+				expect(key in adapter).to.equal(
+					true,
+					`"${key}" is not exported from react adapter`
+				);
+			}
+		});
+	});
+});

package/test/index.test.ts

@@ -0,0 +1,162 @@
+// @ts-ignore-next-line
+globalThis.IS_REACT_ACT_ENVIRONMENT = true;
+
+import { signal, useComputed } from "@preact/signals-react";
+import { createElement as h, useMemo } from "react";
+import { createRoot, Root } from "react-dom/client";
+import { act } from "react-dom/test-utils";
+
+describe("@preact/signals-react", () => {
+	let scratch: HTMLDivElement;
+	let root: Root;
+	function render(element: Parameters<Root["render"]>[0]) {
+		act(() => root.render(element));
+	}
+
+	beforeEach(() => {
+		scratch = document.createElement("div");
+		root = createRoot(scratch);
+	});
+
+	afterEach(() => {
+		act(() => root.unmount());
+	});
+
+	describe("Text bindings", () => {
+		it("should render text without signals", () => {
+			render(h("span", null, "test"));
+			const span = scratch.firstChild;
+			const text = span?.firstChild;
+			expect(text).to.have.property("data", "test");
+		});
+
+		it("should render Signals as Text", () => {
+			const sig = signal("test");
+			render(h("span", null, sig));
+			const span = scratch.firstChild;
+			expect(span).to.have.property("firstChild").that.is.an.instanceOf(Text);
+			const text = span?.firstChild;
+			expect(text).to.have.property("data", "test");
+		});
+
+		it("should update Signal-based Text (no parent component)", () => {
+			const sig = signal("test");
+			render(h("span", null, sig));
+
+			const text = scratch.firstChild!.firstChild!;
+			expect(text).to.have.property("data", "test");
+
+			act(() => {
+				sig.value = "changed";
+			});
+
+			// should not remount/replace Text
+			expect(scratch.firstChild!.firstChild!).to.equal(text);
+			// should update the text in-place
+			expect(text).to.have.property("data", "changed");
+		});
+
+		it("should update Signal-based Text (in a parent component)", () => {
+			const sig = signal("test");
+			function App({ x }: { x: typeof sig }) {
+				return h("span", null, x);
+			}
+			render(h(App, { x: sig }));
+
+			const text = scratch.firstChild!.firstChild!;
+			expect(text).to.have.property("data", "test");
+
+			act(() => {
+				sig.value = "changed";
+			});
+
+			// should not remount/replace Text
+			expect(scratch.firstChild!.firstChild!).to.equal(text);
+			// should update the text in-place
+			expect(text).to.have.property("data", "changed");
+		});
+	});
+
+	describe("Component bindings", () => {
+		it("should subscribe to signals", () => {
+			const sig = signal("foo");
+
+			function App() {
+				const value = sig.value;
+				return h("p", null, value);
+			}
+
+			render(h(App, {}));
+			expect(scratch.textContent).to.equal("foo");
+
+			act(() => {
+				sig.value = "bar";
+			});
+			expect(scratch.textContent).to.equal("bar");
+		});
+
+		it("should activate signal accessed in render", () => {
+			const sig = signal(null);
+
+			function App() {
+				const arr = useComputed(() => {
+					// trigger read
+					sig.value;
+
+					return [];
+				});
+
+				const str = arr.value.join(", ");
+				return h("p", null, str);
+			}
+
+			const fn = () => render(h(App, {}));
+			expect(fn).not.to.throw;
+		});
+
+		it("should not subscribe to child signals", () => {
+			const sig = signal("foo");
+
+			function Child() {
+				const value = sig.value;
+				return h("p", null, value);
+			}
+
+			const spy = sinon.spy();
+			function App() {
+				spy();
+				return h(Child, null);
+			}
+
+			render(h(App, {}));
+			expect(scratch.textContent).to.equal("foo");
+
+			act(() => {
+				sig.value = "bar";
+			});
+			expect(spy).to.be.calledOnce;
+		});
+
+		it("should update memo'ed component via signals", async () => {
+			const sig = signal("foo");
+
+			function Inner() {
+				const value = sig.value;
+				return h("p", null, value);
+			}
+
+			function App() {
+				sig.value;
+				return useMemo(() => h(Inner, { foo: 1 }), []);
+			}
+
+			render(h(App, {}));
+			expect(scratch.textContent).to.equal("foo");
+
+			act(() => {
+				sig.value = "bar";
+			});
+			expect(scratch.textContent).to.equal("bar");
+		});
+	});
+});