@preact/signals 1.0.2 → 1.0.4

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @preact/signals
 
+## 1.0.4
+
+### Patch Changes
+
+- [#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.
+
+* [#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.
+
+- [#153](https://github.com/preactjs/signals/pull/153) [`0da9ce3`](https://github.com/preactjs/signals/commit/0da9ce3c6f57cef67c3e84f0d829421aee8defff) Thanks [@developit](https://github.com/developit)! - Optimize the performance of prop bindings in Preact
+
+- 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)]:
+  - @preact/signals-core@1.1.1
+
+## 1.0.3
+
+### Patch Changes
+
+- ab5bd99: Fix swapping and HMR for signals when used as text
+
 ## 1.0.2
 
 ### Patch Changes

package/README.md

@@ -0,0 +1,112 @@
+
+# Signals
+
+Signals is a performant state management library with two primary goals:
+
+1. Make it as easy as possible to write business logic for small up to complex apps. No matter how complex your logic is, your app updates should stay fast without you needing to think about it. Signals automatically optimize state updates behind the scenes to trigger the fewest updates necessary. They are lazy by default and automatically skip signals that no one listens to.
+2. Integrate into frameworks as if they were native built-in primitives. You don't need any selectors, wrapper functions, or anything else. Signals can be accessed directly and your component will automatically re-render when the signal's value changes.
+
+Read the [announcement post](https://preactjs.com/blog/introducing-signals/) to learn more about which problems signals solves and how it came to be.
+
+## Installation:
+
+```sh
+npm install @preact/signals
+```
+
+- [Guide / API](../../README.md#guide--api)
+	- [`signal(initialValue)`](../../README.md#signalinitialvalue)
+		- [`signal.peek()`](../../README.md#signalpeek)
+	- [`computed(fn)`](../../README.md#computedfn)
+	- [`effect(fn)`](../../README.md#effectfn)
+	- [`batch(fn)`](../../README.md#batchfn)
+- [Preact Integration](#preact-integration)
+	- [Hooks](#hooks)
+	- [Rendering optimizations](#rendering-optimizations)
+		- [Attribute optimization (experimental)](#attribute-optimization-experimental)
+- [License](#license)
+
+## Preact Integration
+
+The Preact integration can be installed via:
+
+```sh
+npm install @preact/signals
+```
+
+It allows you to access signals as if they were native to Preact. Whenever you read a signal inside a component we'll automatically subscribe the component to that. When you update the signal we'll know that this component needs to be updated and will do that for you.
+
+```js
+// The Preact adapter re-exports the core library
+import { signal } from "@preact/signals";
+
+const count = signal(0);
+
+function CounterValue() {
+	// Whenever the `count` signal is updated, we'll
+	// re-render this component automatically for you
+	return <p>Value: {count.value}</p>;
+}
+```
+
+### Hooks
+
+If you need to instantiate new signals inside your components, you can use the `useSignal` or `useComputed` hook.
+
+```js
+import { useSignal, useComputed } from "@preact/signals";
+
+function Counter() {
+	const count = useSignal(0);
+	const double = useComputed(() => count.value * 2);
+
+	return (
+		<button onClick={() => count.value++}>
+			Value: {count.value}, value x 2 = {double.value}
+		</button>
+	);
+}
+```
+
+### Rendering optimizations
+
+The Preact adapter ships with several optimizations it can apply out of the box to skip virtual-dom rendering entirely. If you pass a signal directly into JSX, it will bind directly to the DOM `Text` node that is created and update that whenever the signal changes.
+
+```js
+import { signal } from "@preact/signals";
+
+const count = signal(0);
+
+// Unoptimized: Will trigger the surrounding
+// component to re-render
+function Counter() {
+	return <p>Value: {count.value}</p>;
+}
+
+// Optimized: Will update the text node directly
+function Counter() {
+	return <p>Value: {count}</p>;
+}
+```
+
+To opt into this optimization, simply pass the signal directly instead of accessing the `.value` property.
+
+#### Attribute optimization (experimental)
+
+We can also pass signals directly as an attribute to an HTML element node.
+
+```js
+import { signal } from "@preact/signals";
+
+const inputValue = signal("foobar");
+
+function Person() {
+	return <input value={inputValue} />;
+}
+```
+
+This way we'll bypass checking the virtual-dom and update the DOM property directly.
+
+## License
+
+`MIT`, see the [LICENSE](../../LICENSE) file.

package/dist/signals.js

@@ -1 +1 @@
-var n,r,t,i=require("preact"),e=require("preact/hooks"),o=require("@preact/signals-core"),u=new WeakSet,f=new WeakSet,a=new WeakSet;function c(n,r){i.options[n]=r.bind(null,i.options[n]||function(){})}var v=new WeakMap;function s(n){t&&t(!0,!0),r=n,t=n&&n._()}function p(n){var r=o.signal(void 0);return r._c=!0,r._u=n,r}function _(n){var r=v.get(n);if(r)r.__.length=0;else{var t=[];(r=p(function(){for(var r=n.__e,i=0;i<t.length;i++){var e=t[i],o=e.t,u=e.i._v;if(!r)return;o in r?r[o]=u:u?r.setAttribute(o,u):r.removeAttribute(o)}})).__=t,v.set(n,r)}return r}function l(n,r,t){"object"!=typeof n||null==n||(Array.isArray(n)?n.forEach(l):n instanceof o.Signal&&(t[r]=i.createElement(h,{data:n})))}function h(n){var t=this,i=n.data,u=e.useMemo(function(){for(var n=t.__v;n=n.__;)if(n.__c){a.add(n.__c);break}return r._u=function(){t.base.data=u._v},o.computed(function(){var n=i.value;return 0===n?0:!0===n?"":n||""})},[]);return u.value}h.displayName="_st",c("__b",function(n,r){if("string"==typeof r.type){var t,i=r.props;for(var e in i){var u=i[e];"children"===e?l(u,"children",i):u instanceof o.Signal&&function(){t||(t=_(r)),t.__.push({t:e,i:u});var n=t._u;if(u._u){var o=u._u;u._u=function(){n(),o()}}else u._u=n;i[e]=u.peek()}()}s(t)}n(r)}),c("__r",function(r,t){var i,e=t.__c;e&&(u.delete(e),void 0===(i=v.get(e))&&(i=p(function(){u.add(e),e.setState({})}),v.set(e,i))),n=e,s(i),r(t)}),c("__e",function(r,t,i,e){s(),n=void 0,r(t,i,e)}),c("diffed",function(r,t){s(),n=void 0,r(t)}),c("unmount",function(n,r){var t=r.__c||r,i=v.get(t);if(i){v.delete(t);var e=i._d;e&&(e.forEach(function(n){return n._s.delete(i)}),e.clear())}n(r)}),c("__h",function(n,r,t,i){i<3&&f.add(r),n(r,t,i)}),i.Component.prototype.shouldComponentUpdate=function(n,r){var t,i=v.get(this);if(!(i&&0!==(null==(t=i._d)?void 0:t.size)||a.has(this)))return!0;if(u.has(this))return!0;if(f.has(this))return!0;for(var e in r)return!0;for(var o in n)if("__source"!==o&&n[o]!==this.props[o])return!0;for(var c in this.props)if(!(c in n))return!0;return!1},exports.Signal=o.Signal,exports.batch=o.batch,exports.computed=o.computed,exports.effect=o.effect,exports.signal=o.signal,exports.useComputed=function(r){var t=e.useRef(r);return t.current=r,a.add(n),e.useMemo(function(){return o.computed(function(){return t.current()})},[])},exports.useSignal=function(n){return e.useMemo(function(){return o.signal(n)},[])};//# sourceMappingURL=signals.js.map
+var r,n,t,i=require("preact"),e=require("preact/hooks"),o=require("@preact/signals-core"),u=new WeakSet,f=new WeakSet,a=new WeakSet;function c(r,n){i.options[r]=n.bind(null,i.options[r]||function(){})}var v=new WeakMap;function s(r){t&&t(!0,!0),n=r,t=r&&r._()}function p(r){var n=o.signal(void 0);return n._u=r,n}function l(r){var t=this,i=r.data,u=h(i);u.value=i;var f=e.useMemo(function(){for(var r=t.__v;r=r.__;)if(r.__c){a.add(r.__c);break}return n._u=function(){t.base.data=f._v},o.computed(function(){var r=u.value.value;return 0===r?0:!0===r?"":r||""})},[]);return f.value}function _(r){var n={__proto__:null},t=p(function(i){var e=t.__;for(var u in e)if("children"!==u){var f=e[u];if(f instanceof o.Signal){var a=f.value,c=n[u];n[u]=a,!0===i||c===a||(u in r?r[u]=a:a?r.setAttribute(u,a):r.removeAttribute(u))}}});return t}function h(r){return e.useMemo(function(){return o.signal(r)},[])}l.displayName="_st",Object.defineProperties(o.Signal.prototype,{constructor:{configurable:!0},type:{configurable:!0,value:l},props:{configurable:!0,get:function(){return{data:this}}},__b:{configurable:!0,value:1}}),c("__b",function(r,n){if("string"==typeof n.type){var t,i=n.props;for(var e in i)if("children"!==e){var u=i[e];u instanceof o.Signal&&(t||(n.__np=t={}),t[e]=u,i[e]=u.peek())}}r(n)}),c("__r",function(n,t){var i,e=t.__c;e&&(u.delete(e),void 0===(i=v.get(e))&&(i=p(function(){u.add(e),e.setState({})}),v.set(e,i))),r=e,s(i),n(t)}),c("__e",function(n,t,i,e){s(),r=void 0,n(t,i,e)}),c("diffed",function(n,t){var i,e;if(s(),r=void 0,"string"==typeof t.type&&(i=t.__e)){var o=t.__np;o&&((e=i._u)||(e=_(i),i._u=e),e.__=o,s(e),e._u(!0))}n(t)}),c("unmount",function(r,n){var t=n.__c,i=t&&v.get(t);if(i&&(v.delete(t),i._()(!0,!0)),"string"==typeof n.type){var e=n.__e,o=e._u;o&&(o._()(!0,!0),e._u=null)}r(n)}),c("__h",function(r,n,t,i){i<3&&f.add(n),r(n,t,i)}),i.Component.prototype.shouldComponentUpdate=function(r,n){var t,i=v.get(this);if(!(i&&0!==(null==(t=i._d)?void 0:t.size)||a.has(this)))return!0;if(u.has(this))return!0;if(f.has(this))return!0;for(var e in n)return!0;for(var o in r)if("__source"!==o&&r[o]!==this.props[o])return!0;for(var c in this.props)if(!(c in r))return!0;return!1},exports.Signal=o.Signal,exports.batch=o.batch,exports.computed=o.computed,exports.effect=o.effect,exports.signal=o.signal,exports.useComputed=function(n){var t=e.useRef(n);return t.current=n,a.add(r),e.useMemo(function(){return o.computed(function(){return t.current()})},[])},exports.useSignal=h;//# sourceMappingURL=signals.js.map

package/dist/signals.js.map

@@ -1 +1 @@
-{"version":3,"file":"signals.js","sources":["../src/index.ts"],"sourcesContent":["import { options, Component, createElement } from \"preact\";\nimport { useRef, useMemo } from \"preact/hooks\";\nimport {\n\tsignal,\n\tcomputed,\n\tbatch,\n\teffect,\n\tSignal,\n\ttype ReadonlySignal,\n} from \"@preact/signals-core\";\nimport {\n\tVNode,\n\tComponentType,\n\tOptionsTypes,\n\tHookFn,\n\tUpdater,\n\tElementUpdater,\n} from \"./internal\";\n\nexport { signal, computed, batch, effect, Signal, type ReadonlySignal };\n\n// Components that have a pending Signal update: (used to bypass default sCU:false)\nconst hasPendingUpdate = new WeakSet<Component>();\n\n// Components that have useState()/useReducer() hooks:\nconst hasHookState = new WeakSet<Component>();\n\n// Components that have useComputed():\nconst hasComputeds = new WeakSet<Component>();\n\n// Install a Preact options hook\nfunction hook<T extends OptionsTypes>(hookName: T, hookFn: HookFn<T>) {\n\t// @ts-ignore-next-line private options hooks usage\n\toptions[hookName] = hookFn.bind(null, options[hookName] || (() => {}));\n}\n\nlet currentComponent: Component | undefined;\nlet currentUpdater: Updater | undefined;\nlet finishUpdate: ReturnType<Updater[\"_setCurrent\"]> | undefined;\nconst updaterForComponent = new WeakMap<Component | VNode, 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\tcurrentUpdater = updater;\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// Get a (cached) Signal property updater for an element VNode\nfunction getElementUpdater(vnode: VNode) {\n\tlet updater = updaterForComponent.get(vnode) as ElementUpdater;\n\tif (!updater) {\n\t\tlet signalProps: Array<{ _key: string, _signal: Signal }> = [];\n\t\tupdater = createUpdater(() => {\n\t\t\tlet dom = vnode.__e as Element;\n\n\t\t\tfor (let i = 0; i < signalProps.length; i++) {\n\t\t\t\tlet { _key: prop, _signal: signal } = signalProps[i];\n\t\t\t\tlet value = signal._value;\n\t\t\t\tif (!dom) return;\n\t\t\t\tif (prop in dom) {\n\t\t\t\t\t// @ts-ignore-next-line silly\n\t\t\t\t\tdom[prop] = value;\n\t\t\t\t} else if (value) {\n\t\t\t\t\tdom.setAttribute(prop, value);\n\t\t\t\t} else {\n\t\t\t\t\tdom.removeAttribute(prop);\n\t\t\t\t}\n\t\t\t}\n\t\t}) as ElementUpdater;\n\t\tupdater._props = signalProps;\n\t\tupdaterForComponent.set(vnode, updater);\n\t} else {\n\t\tupdater._props.length = 0;\n\t}\n\treturn updater;\n}\n\n/** @todo This may be needed for complex prop value detection. */\n// function isSignalValue(value: any): value is Signal {\n// \tif (typeof value !== \"object\" || value == null) return false;\n// \tif (value instanceof Signal) return true;\n// \t// @TODO: uncomment this when we land Reactive (ideally behind a brand check)\n// \t// for (let i in value) if (value[i] instanceof Signal) return true;\n// \treturn false;\n// }\n\n/** Convert Signals within (nested) props.children into Text components */\nfunction childToSignal<T>(child: any, i: keyof T, arr: T) {\n\tif (typeof child !== \"object\" || child == null) {\n\t\t// can't be a signal\n\t} else if (Array.isArray(child)) {\n\t\tchild.forEach(childToSignal);\n\t} else if (child instanceof Signal) {\n\t\t// @ts-ignore-next-line yes, arr can accept VNodes:\n\t\tarr[i] = createElement(Text, { data: child });\n\t}\n}\n\n/**\n * A wrapper component that renders a Signal directly as a Text node.\n * @todo: in Preact 11, just decorate Signal with `type:null`\n */\nfunction Text(this: ComponentType, { data }: { data: Signal }) {\n\t// hasComputeds.add(this);\n\n\tconst s = useMemo(() => {\n\t\t// mark the parent component as having computeds so it gets optimized\n\t\tlet v = this.__v;\n\t\twhile ((v = v.__!)) {\n\t\t\tif (v.__c) {\n\t\t\t\thasComputeds.add(v.__c);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\n\t\t// Replace this component's vdom updater with a direct text one:\n\t\tcurrentUpdater!._updater = () => {\n\t\t\t(this.base as Text).data = s._value;\n\t\t};\n\n\t\treturn computed(() => {\n\t\t\tlet s = data.value;\n\t\t\treturn s === 0 ? 0 : s === true ? \"\" : s || \"\";\n\t\t});\n\t}, []);\n\n\treturn s.value;\n}\nText.displayName = \"_st\";\n\n/** Inject low-level property/attribute bindings for Signals into Preact's diff */\nhook(OptionsTypes.DIFF, (old, vnode) => {\n\tif (typeof vnode.type === \"string\") {\n\t\t// let orig = vnode.__o || vnode;\n\t\tlet props = vnode.props;\n\t\tlet updater;\n\n\t\tfor (let i in props) {\n\t\t\tlet value = props[i];\n\t\t\tif (i === \"children\") {\n\t\t\t\tchildToSignal(value, \"children\", props);\n\t\t\t} else if (value instanceof Signal) {\n\t\t\t\t// first Signal prop triggers creation/cleanup of the updater:\n\t\t\t\tif (!updater) updater = getElementUpdater(vnode);\n\t\t\t\t// track which props are Signals for precise updates:\n\t\t\t\tupdater._props.push({ _key: i, _signal: value });\n\t\t\t\tlet newUpdater = updater._updater\n\t\t\t\tif (value._updater) {\n\t\t\t\t\tlet oldUpdater = value._updater\n\t\t\t\t\tvalue._updater = () => {\n\t\t\t\t\t\tnewUpdater();\n\t\t\t\t\t\toldUpdater();\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tvalue._updater = newUpdater\n\t\t\t\t}\n\t\t\t\tprops[i] = value.peek()\n\t\t\t}\n\t\t}\n\n\t\tsetCurrentUpdater(updater);\n\t}\n\n\told(vnode);\n});\n\n/** Set up Updater before rendering a component */\nhook(OptionsTypes.RENDER, (old, vnode) => {\n\tlet updater;\n\n\tlet component = vnode.__c;\n\tif (component) {\n\t\thasPendingUpdate.delete(component);\n\n\t\tupdater = updaterForComponent.get(component);\n\t\tif (updater === undefined) {\n\t\t\tupdater = createUpdater(() => {\n\t\t\t\thasPendingUpdate.add(component);\n\t\t\t\tcomponent.setState({});\n\t\t\t});\n\t\t\tupdaterForComponent.set(component, updater);\n\t\t}\n\t}\n\n\tcurrentComponent = component;\n\tsetCurrentUpdater(updater);\n\told(vnode);\n});\n\n/** Finish current updater if a component errors */\nhook(OptionsTypes.CATCH_ERROR, (old, error, vnode, oldVNode) => {\n\tsetCurrentUpdater();\n\tcurrentComponent = undefined;\n\told(error, vnode, oldVNode);\n});\n\n/** Finish current updater after rendering any VNode */\nhook(OptionsTypes.DIFFED, (old, vnode) => {\n\tsetCurrentUpdater();\n\tcurrentComponent = undefined;\n\told(vnode);\n});\n\n/** Unsubscribe from Signals when unmounting components/vnodes */\nhook(OptionsTypes.UNMOUNT, (old, vnode: VNode) => {\n\tlet thing = vnode.__c || vnode;\n\tconst updater = updaterForComponent.get(thing);\n\tif (updater) {\n\t\tupdaterForComponent.delete(thing);\n\t\tconst signals = updater._deps;\n\t\tif (signals) {\n\t\t\tsignals.forEach(signal => signal._subs.delete(updater));\n\t\t\tsignals.clear();\n\t\t}\n\t}\n\told(vnode);\n});\n\n/** Mark components that use hook state so we can skip sCU optimization. */\nhook(OptionsTypes.HOOK, (old, component, index, type) => {\n\tif (type < 3) hasHookState.add(component);\n\told(component, index, type);\n});\n\n/**\n * Auto-memoize components that use Signals/Computeds.\n * Note: Does _not_ optimize components that use hook/class state.\n */\nComponent.prototype.shouldComponentUpdate = function (props, state) {\n\t// @todo: Once preactjs/preact#3671 lands, this could just use `currentUpdater`:\n\tconst updater = updaterForComponent.get(this);\n\n\tconst hasSignals = updater && updater._deps?.size !== 0;\n\n\t// let reason;\n\t// if (!hasSignals && !hasComputeds.has(this)) {\n\t// \treason = \"no signals or computeds\";\n\t// } else if (hasPendingUpdate.has(this)) {\n\t// \treason = \"has pending update\";\n\t// } else if (hasHookState.has(this)) {\n\t// \treason = \"has hook state\";\n\t// }\n\t// if (reason) {\n\t// \tif (!this) reason += \" (`this` bug)\";\n\t// \tconsole.log(\"not optimizing\", this?.constructor?.name, \": \", reason, {\n\t// \t\tdetails: {\n\t// \t\t\thasSignals,\n\t// \t\t\thasComputeds: hasComputeds.has(this),\n\t// \t\t\thasPendingUpdate: hasPendingUpdate.has(this),\n\t// \t\t\thasHookState: hasHookState.has(this),\n\t// \t\t\tdeps: Array.from(updater._deps),\n\t// \t\t\tupdater,\n\t// \t\t},\n\t// \t});\n\t// }\n\n\t// if this component used no signals or computeds, update:\n\tif (!hasSignals && !hasComputeds.has(this)) return true;\n\n\t// if there is a pending re-render triggered from Signals, update:\n\tif (hasPendingUpdate.has(this)) return true;\n\n\t// if there is hook or class state, update:\n\tif (hasHookState.has(this)) return true;\n\tfor (let i in state) return true;\n\n\t// if any non-Signal props changed, update:\n\tfor (let i in props) {\n\t\tif (i !== \"__source\" && props[i] !== this.props[i]) return true;\n\t}\n\tfor (let i in this.props) if (!(i in props)) return true;\n\n\t// this is a purely Signal-driven component, don't update:\n\treturn false;\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\thasComputeds.add(currentComponent!);\n\treturn useMemo(() => computed<T>(() => $compute.current()), []);\n}\n\n/**\n * @todo Determine which Reactive implementation we'll be using.\n * @internal\n */\n// export function useReactive<T extends object>(value: T): Reactive<T> {\n// \treturn useMemo(() => reactive<T>(value), []);\n// }\n\n/**\n * @internal\n * Update a Reactive's using the properties of an object or other Reactive.\n * Also works for Signals.\n * @example\n *   // Update a Reactive with Object.assign()-like syntax:\n *   const r = reactive({ name: \"Alice\" });\n *   update(r, { name: \"Bob\" });\n *   update(r, { age: 42 }); // property 'age' does not exist in type '{ name?: string }'\n *   update(r, 2); // '2' has no properties in common with '{ name?: string }'\n *   console.log(r.name.value); // \"Bob\"\n *\n * @example\n *   // Update a Reactive with the properties of another Reactive:\n *   const A = reactive({ name: \"Alice\" });\n *   const B = reactive({ name: \"Bob\", age: 42 });\n *   update(A, B);\n *   console.log(`${A.name} is ${A.age}`); // \"Bob is 42\"\n *\n * @example\n *   // Update a signal with assign()-like syntax:\n *   const s = signal(42);\n *   update(s, \"hi\"); // Argument type 'string' not assignable to type 'number'\n *   update(s, {}); // Argument type '{}' not assignable to type 'number'\n *   update(s, 43);\n *   console.log(s.value); // 43\n *\n * @param obj The Reactive or Signal to be updated\n * @param update The value, Signal, object or Reactive to update `obj` to match\n * @param overwrite If `true`, any properties `obj` missing from `update` are set to `undefined`\n */\n/*\nexport function update<T extends SignalOrReactive>(\n\tobj: T,\n\tupdate: Partial<Unwrap<T>>,\n\toverwrite = false\n) {\n\tif (obj instanceof Signal) {\n\t\tobj.value = peekValue(update);\n\t} else {\n\t\tfor (let i in update) {\n\t\t\tif (i in obj) {\n\t\t\t\tobj[i].value = peekValue(update[i]);\n\t\t\t} else {\n\t\t\t\tlet sig = signal(peekValue(update[i]));\n\t\t\t\tsig[KEY] = i;\n\t\t\t\tobj[i] = sig;\n\t\t\t}\n\t\t}\n\t\tif (overwrite) {\n\t\t\tfor (let i in obj) {\n\t\t\t\tif (!(i in update)) {\n\t\t\t\t\tobj[i].value = undefined;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n*/\n"],"names":["currentComponent","currentUpdater","finishUpdate","preact","require","hooks","signalsCore","hasPendingUpdate","WeakSet","hasComputeds","hook","hookName","hookFn","options","bind","updaterForComponent","WeakMap","setCurrentUpdater","updater","_setCurrent","s","signal","undefined","_canActivate","_updater","getElementUpdater","vnode","get","_props","length","signalProps","createUpdater","dom","__e","i","prop","_key","value","_signal","_value","setAttribute","removeAttribute","set","childToSignal","child","arr","Array","isArray","forEach","Signal","createElement","Text","data","_ref","_this","this","useMemo","__v","v","__","__c","add","base","computed","displayName","old","type","props","push","oldUpdater","newUpdater","peek","component","setState","error","oldVNode","thing","signals","_deps","_subs","clear","index","hasHookState","Component","prototype","shouldComponentUpdate","state","_updater$_deps","size","has","_i","_i2","exports","batch","effect","useComputed","compute","$compute","useRef","current","useSignal"],"mappings":"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"}
+{"version":3,"file":"signals.js","sources":["../src/index.ts"],"sourcesContent":["import { options, Component } from \"preact\";\nimport { useRef, useMemo } from \"preact/hooks\";\nimport {\n\tsignal,\n\tcomputed,\n\tbatch,\n\teffect,\n\tSignal,\n\ttype ReadonlySignal,\n} from \"@preact/signals-core\";\nimport {\n\tVNode,\n\tComponentType,\n\tOptionsTypes,\n\tHookFn,\n\tUpdater,\n\tElementUpdater,\n} from \"./internal\";\n\nexport { signal, computed, batch, effect, Signal, type ReadonlySignal };\n\n// Components that have a pending Signal update: (used to bypass default sCU:false)\nconst hasPendingUpdate = new WeakSet<Component>();\n\n// Components that have useState()/useReducer() hooks:\nconst hasHookState = new WeakSet<Component>();\n\n// Components that have useComputed():\nconst hasComputeds = new WeakSet<Component>();\n\n// Install a Preact options hook\nfunction hook<T extends OptionsTypes>(hookName: T, hookFn: HookFn<T>) {\n\t// @ts-ignore-next-line private options hooks usage\n\toptions[hookName] = hookFn.bind(null, options[hookName] || (() => {}));\n}\n\nlet currentComponent: Component | undefined;\nlet currentUpdater: Updater | undefined;\nlet finishUpdate: ReturnType<Updater[\"_setCurrent\"]> | undefined;\nconst updaterForComponent = new WeakMap<Component | VNode, 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\tcurrentUpdater = updater;\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/** @todo This may be needed for complex prop value detection. */\n// function isSignalValue(value: any): value is Signal {\n// \tif (typeof value !== \"object\" || value == null) return false;\n// \tif (value instanceof Signal) return true;\n// \t// @TODO: uncomment this when we land Reactive (ideally behind a brand check)\n// \t// for (let i in value) if (value[i] instanceof Signal) return true;\n// \treturn false;\n// }\n\n/**\n * A wrapper component that renders a Signal directly as a Text node.\n * @todo: in Preact 11, just decorate Signal with `type:null`\n */\nfunction Text(this: ComponentType, { data }: { data: Signal }) {\n\t// hasComputeds.add(this);\n\n\t// Store the props.data signal in another signal so that\n\t// passing a new signal reference re-runs the text computed:\n\tconst currentSignal = useSignal(data);\n\tcurrentSignal.value = data;\n\n\tconst s = useMemo(() => {\n\t\t// mark the parent component as having computeds so it gets optimized\n\t\tlet v = this.__v;\n\t\twhile ((v = v.__!)) {\n\t\t\tif (v.__c) {\n\t\t\t\thasComputeds.add(v.__c);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\n\t\t// Replace this component's vdom updater with a direct text one:\n\t\tcurrentUpdater!._updater = () => {\n\t\t\t(this.base as Text).data = s._value;\n\t\t};\n\n\t\treturn computed(() => {\n\t\t\tlet data = currentSignal.value;\n\t\t\tlet s = data.value;\n\t\t\treturn s === 0 ? 0 : s === true ? \"\" : s || \"\";\n\t\t});\n\t}, []);\n\n\treturn s.value;\n}\nText.displayName = \"_st\";\n\nObject.defineProperties(Signal.prototype, {\n\tconstructor: { configurable: true },\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\t// Setting a VNode's _depth to 1 forces Preact to clone it before modifying:\n\t// https://github.com/preactjs/preact/blob/d7a433ee8463a7dc23a05111bb47de9ec729ad4d/src/diff/children.js#L77\n\t// @todo remove this for Preact 11\n\t__b: { configurable: true, value: 1 },\n});\n\n/** Inject low-level property/attribute bindings for Signals into Preact's diff */\nhook(OptionsTypes.DIFF, (old, vnode) => {\n\tif (typeof vnode.type === \"string\") {\n\t\tlet signalProps: Record<string, any> | undefined;\n\n\t\tlet props = vnode.props;\n\t\tfor (let i in props) {\n\t\t\tif (i === \"children\") continue;\n\n\t\t\tlet value = props[i];\n\t\t\tif (value instanceof Signal) {\n\t\t\t\tif (!signalProps) vnode.__np = signalProps = {};\n\t\t\t\tsignalProps[i] = value;\n\t\t\t\tprops[i] = value.peek();\n\t\t\t}\n\t\t}\n\t}\n\n\told(vnode);\n});\n\n/** Set up Updater before rendering a component */\nhook(OptionsTypes.RENDER, (old, vnode) => {\n\tlet updater;\n\n\tlet component = vnode.__c;\n\tif (component) {\n\t\thasPendingUpdate.delete(component);\n\n\t\tupdater = updaterForComponent.get(component);\n\t\tif (updater === undefined) {\n\t\t\tupdater = createUpdater(() => {\n\t\t\t\thasPendingUpdate.add(component);\n\t\t\t\tcomponent.setState({});\n\t\t\t});\n\t\t\tupdaterForComponent.set(component, updater);\n\t\t}\n\t}\n\n\tcurrentComponent = component;\n\tsetCurrentUpdater(updater);\n\told(vnode);\n});\n\n/** Finish current updater if a component errors */\nhook(OptionsTypes.CATCH_ERROR, (old, error, vnode, oldVNode) => {\n\tsetCurrentUpdater();\n\tcurrentComponent = undefined;\n\told(error, vnode, oldVNode);\n});\n\n/** Finish current updater after rendering any VNode */\nhook(OptionsTypes.DIFFED, (old, vnode) => {\n\tsetCurrentUpdater();\n\tcurrentComponent = undefined;\n\n\tlet dom: Element;\n\tlet updater: ElementUpdater;\n\n\t// vnode._dom is undefined during string rendering,\n\t// so we use this to skip prop subscriptions during SSR.\n\tif (typeof vnode.type === \"string\" && (dom = vnode.__e as Element)) {\n\t\tlet props = vnode.__np;\n\t\tif (props) {\n\t\t\t// @ts-ignore-next\n\t\t\tupdater = dom._updater;\n\t\t\tif (!updater) {\n\t\t\t\tupdater = createElementUpdater(dom);\n\t\t\t\t// @ts-ignore-next\n\t\t\t\tdom._updater = updater;\n\t\t\t}\n\t\t\tupdater!._props = props;\n\t\t\tsetCurrentUpdater(updater);\n\t\t\t// @ts-ignore-next we're adding an argument here\n\t\t\tupdater._updater(true);\n\t\t}\n\t}\n\told(vnode);\n});\n\n// per-element updater for 1+ signal bindings\nfunction createElementUpdater(dom: Element) {\n\tconst cache: Record<string, any> = { __proto__: null };\n\tconst updater = createUpdater((skip?: boolean) => {\n\t\tconst props = updater._props;\n\t\tfor (let prop in props) {\n\t\t\tif (prop === \"children\") continue;\n\t\t\tlet signal = props[prop];\n\t\t\tif (signal instanceof Signal) {\n\t\t\t\tlet value = signal.value;\n\t\t\t\tlet cached = cache[prop];\n\t\t\t\tcache[prop] = value;\n\t\t\t\tif (skip === true || cached === value) {\n\t\t\t\t\t// this is just a subscribe run, not an update\n\t\t\t\t} else if (prop in dom) {\n\t\t\t\t\t// @ts-ignore-next-line silly\n\t\t\t\t\tdom[prop] = value;\n\t\t\t\t} else if (value) {\n\t\t\t\t\tdom.setAttribute(prop, value);\n\t\t\t\t} else {\n\t\t\t\t\tdom.removeAttribute(prop);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}) as ElementUpdater;\n\treturn updater;\n}\n\n/** Unsubscribe from Signals when unmounting components/vnodes */\nhook(OptionsTypes.UNMOUNT, (old, vnode: VNode) => {\n\tlet component = vnode.__c;\n\tconst updater = component && updaterForComponent.get(component);\n\tif (updater) {\n\t\tupdaterForComponent.delete(component);\n\t\tupdater._setCurrent()(true, true);\n\t}\n\n\tif (typeof vnode.type === \"string\") {\n\t\tconst dom = vnode.__e as Element;\n\n\t\t// @ts-ignore-next\n\t\tconst updater = dom._updater;\n\t\tif (updater) {\n\t\t\tupdater._setCurrent()(true, true);\n\t\t\t// @ts-ignore-next\n\t\t\tdom._updater = null;\n\t\t}\n\t}\n\told(vnode);\n});\n\n/** Mark components that use hook state so we can skip sCU optimization. */\nhook(OptionsTypes.HOOK, (old, component, index, type) => {\n\tif (type < 3) hasHookState.add(component);\n\told(component, index, type);\n});\n\n/**\n * Auto-memoize components that use Signals/Computeds.\n * Note: Does _not_ optimize components that use hook/class state.\n */\nComponent.prototype.shouldComponentUpdate = function (props, state) {\n\t// @todo: Once preactjs/preact#3671 lands, this could just use `currentUpdater`:\n\tconst updater = updaterForComponent.get(this);\n\n\tconst hasSignals = updater && updater._deps?.size !== 0;\n\n\t// let reason;\n\t// if (!hasSignals && !hasComputeds.has(this)) {\n\t// \treason = \"no signals or computeds\";\n\t// } else if (hasPendingUpdate.has(this)) {\n\t// \treason = \"has pending update\";\n\t// } else if (hasHookState.has(this)) {\n\t// \treason = \"has hook state\";\n\t// }\n\t// if (reason) {\n\t// \tif (!this) reason += \" (`this` bug)\";\n\t// \tconsole.log(\"not optimizing\", this?.constructor?.name, \": \", reason, {\n\t// \t\tdetails: {\n\t// \t\t\thasSignals,\n\t// \t\t\thasComputeds: hasComputeds.has(this),\n\t// \t\t\thasPendingUpdate: hasPendingUpdate.has(this),\n\t// \t\t\thasHookState: hasHookState.has(this),\n\t// \t\t\tdeps: Array.from(updater._deps),\n\t// \t\t\tupdater,\n\t// \t\t},\n\t// \t});\n\t// }\n\n\t// if this component used no signals or computeds, update:\n\tif (!hasSignals && !hasComputeds.has(this)) return true;\n\n\t// if there is a pending re-render triggered from Signals, update:\n\tif (hasPendingUpdate.has(this)) return true;\n\n\t// if there is hook or class state, update:\n\tif (hasHookState.has(this)) return true;\n\t// @ts-ignore\n\tfor (let i in state) return true;\n\n\t// if any non-Signal props changed, update:\n\tfor (let i in props) {\n\t\tif (i !== \"__source\" && props[i] !== this.props[i]) return true;\n\t}\n\tfor (let i in this.props) if (!(i in props)) return true;\n\n\t// this is a purely Signal-driven component, don't update:\n\treturn false;\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\thasComputeds.add(currentComponent!);\n\treturn useMemo(() => computed<T>(() => $compute.current()), []);\n}\n\n/**\n * @todo Determine which Reactive implementation we'll be using.\n * @internal\n */\n// export function useReactive<T extends object>(value: T): Reactive<T> {\n// \treturn useMemo(() => reactive<T>(value), []);\n// }\n\n/**\n * @internal\n * Update a Reactive's using the properties of an object or other Reactive.\n * Also works for Signals.\n * @example\n *   // Update a Reactive with Object.assign()-like syntax:\n *   const r = reactive({ name: \"Alice\" });\n *   update(r, { name: \"Bob\" });\n *   update(r, { age: 42 }); // property 'age' does not exist in type '{ name?: string }'\n *   update(r, 2); // '2' has no properties in common with '{ name?: string }'\n *   console.log(r.name.value); // \"Bob\"\n *\n * @example\n *   // Update a Reactive with the properties of another Reactive:\n *   const A = reactive({ name: \"Alice\" });\n *   const B = reactive({ name: \"Bob\", age: 42 });\n *   update(A, B);\n *   console.log(`${A.name} is ${A.age}`); // \"Bob is 42\"\n *\n * @example\n *   // Update a signal with assign()-like syntax:\n *   const s = signal(42);\n *   update(s, \"hi\"); // Argument type 'string' not assignable to type 'number'\n *   update(s, {}); // Argument type '{}' not assignable to type 'number'\n *   update(s, 43);\n *   console.log(s.value); // 43\n *\n * @param obj The Reactive or Signal to be updated\n * @param update The value, Signal, object or Reactive to update `obj` to match\n * @param overwrite If `true`, any properties `obj` missing from `update` are set to `undefined`\n */\n/*\nexport function update<T extends SignalOrReactive>(\n\tobj: T,\n\tupdate: Partial<Unwrap<T>>,\n\toverwrite = false\n) {\n\tif (obj instanceof Signal) {\n\t\tobj.value = peekValue(update);\n\t} else {\n\t\tfor (let i in update) {\n\t\t\tif (i in obj) {\n\t\t\t\tobj[i].value = peekValue(update[i]);\n\t\t\t} else {\n\t\t\t\tlet sig = signal(peekValue(update[i]));\n\t\t\t\tsig[KEY] = i;\n\t\t\t\tobj[i] = sig;\n\t\t\t}\n\t\t}\n\t\tif (overwrite) {\n\t\t\tfor (let i in obj) {\n\t\t\t\tif (!(i in update)) {\n\t\t\t\t\tobj[i].value = undefined;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n*/\n"],"names":["currentComponent","currentUpdater","preact","require","hooks","signalsCore","hasPendingUpdate","WeakSet","hasHookState","hasComputeds","hookName","hookFn","options","bind","updaterForComponent","WeakMap","updater","finishUpdate","_setCurrent","createUpdater","signal","undefined","s","_updater","_ref","_this","this","data","currentSignal","useSignal","value","useMemo","v","__v","__","__c","add","base","_value","computed","createElementUpdater","dom","cache","__proto__","skip","props","_props","prop","_signal","cached","setAttribute","removeAttribute","Text","displayName","Object","defineProperties","Signal","prototype","constructor","configurable","type","get","__b","hook","old","vnode","signalProps","i","__np","peek","component","setState","set","setCurrentUpdater","error","oldVNode","__e","index","Component","shouldComponentUpdate","state","_updater$_deps","_deps","size","has","exports","batch","effect","useComputed","compute","$compute","useRef","current"],"mappings":"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"}

package/dist/signals.min.js

@@ -1 +1 @@
-!function(n,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("preact"),require("preact/hooks"),require("@preact/signals-core")):"function"==typeof define&&define.amd?define(["exports","preact","preact/hooks","@preact/signals-core"],r):r((n||self).preactSignals={},n.preact,n.hooks,n.signalsCore)}(this,function(n,r,t,e){var i,o,f,u=new WeakSet,a=new WeakSet,c=new WeakSet;function s(n,t){r.options[n]=t.bind(null,r.options[n]||function(){})}var v=new WeakMap;function l(n){f&&f(!0,!0),o=n,f=n&&n._()}function d(n){var r=e.signal(void 0);return r._c=!0,r._u=n,r}function p(n){var r=v.get(n);if(r)r.__.length=0;else{var t=[];(r=d(function(){for(var r=n.__e,e=0;e<t.length;e++){var i=t[e],o=i.t,f=i.i._v;if(!r)return;o in r?r[o]=f:f?r.setAttribute(o,f):r.removeAttribute(o)}})).__=t,v.set(n,r)}return r}function h(n,t,i){"object"!=typeof n||null==n||(Array.isArray(n)?n.forEach(h):n instanceof e.Signal&&(i[t]=r.createElement(_,{data:n})))}function _(n){var r=this,i=n.data,f=t.useMemo(function(){for(var n=r.__v;n=n.__;)if(n.__c){c.add(n.__c);break}return o._u=function(){r.base.data=f._v},e.computed(function(){var n=i.value;return 0===n?0:!0===n?"":n||""})},[]);return f.value}_.displayName="_st",s("__b",function(n,r){if("string"==typeof r.type){var t,i=r.props;for(var o in i){var f=i[o];"children"===o?h(f,"children",i):f instanceof e.Signal&&function(){t||(t=p(r)),t.__.push({t:o,i:f});var n=t._u;if(f._u){var e=f._u;f._u=function(){n(),e()}}else f._u=n;i[o]=f.peek()}()}l(t)}n(r)}),s("__r",function(n,r){var t,e=r.__c;e&&(u.delete(e),void 0===(t=v.get(e))&&(t=d(function(){u.add(e),e.setState({})}),v.set(e,t))),i=e,l(t),n(r)}),s("__e",function(n,r,t,e){l(),i=void 0,n(r,t,e)}),s("diffed",function(n,r){l(),i=void 0,n(r)}),s("unmount",function(n,r){var t=r.__c||r,e=v.get(t);if(e){v.delete(t);var i=e._d;i&&(i.forEach(function(n){return n._s.delete(e)}),i.clear())}n(r)}),s("__h",function(n,r,t,e){e<3&&a.add(r),n(r,t,e)}),r.Component.prototype.shouldComponentUpdate=function(n,r){var t,e=v.get(this);if(!(e&&0!==(null==(t=e._d)?void 0:t.size)||c.has(this)))return!0;if(u.has(this))return!0;if(a.has(this))return!0;for(var i in r)return!0;for(var o in n)if("__source"!==o&&n[o]!==this.props[o])return!0;for(var f in this.props)if(!(f in n))return!0;return!1},n.Signal=e.Signal,n.batch=e.batch,n.computed=e.computed,n.effect=e.effect,n.signal=e.signal,n.useComputed=function(n){var r=t.useRef(n);return r.current=n,c.add(i),t.useMemo(function(){return e.computed(function(){return r.current()})},[])},n.useSignal=function(n){return t.useMemo(function(){return e.signal(n)},[])}});//# sourceMappingURL=signals.min.js.map
+!function(n,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("preact"),require("preact/hooks"),require("@preact/signals-core")):"function"==typeof define&&define.amd?define(["exports","preact","preact/hooks","@preact/signals-core"],r):r((n||self).preactSignals={},n.preact,n.hooks,n.signalsCore)}(this,function(n,r,t,i){var e,o,f,u=new WeakSet,a=new WeakSet,c=new WeakSet;function v(n,t){r.options[n]=t.bind(null,r.options[n]||function(){})}var s=new WeakMap;function l(n){f&&f(!0,!0),o=n,f=n&&n._()}function p(n){var r=i.signal(void 0);return r._u=n,r}function d(n){var r=this,e=n.data,f=h(e);f.value=e;var u=t.useMemo(function(){for(var n=r.__v;n=n.__;)if(n.__c){c.add(n.__c);break}return o._u=function(){r.base.data=u._v},i.computed(function(){var n=f.value.value;return 0===n?0:!0===n?"":n||""})},[]);return u.value}function _(n){var r={__proto__:null},t=p(function(e){var o=t.__;for(var f in o)if("children"!==f){var u=o[f];if(u instanceof i.Signal){var a=u.value,c=r[f];r[f]=a,!0===e||c===a||(f in n?n[f]=a:a?n.setAttribute(f,a):n.removeAttribute(f))}}});return t}function h(n){return t.useMemo(function(){return i.signal(n)},[])}d.displayName="_st",Object.defineProperties(i.Signal.prototype,{constructor:{configurable:!0},type:{configurable:!0,value:d},props:{configurable:!0,get:function(){return{data:this}}},__b:{configurable:!0,value:1}}),v("__b",function(n,r){if("string"==typeof r.type){var t,e=r.props;for(var o in e)if("children"!==o){var f=e[o];f instanceof i.Signal&&(t||(r.__np=t={}),t[o]=f,e[o]=f.peek())}}n(r)}),v("__r",function(n,r){var t,i=r.__c;i&&(u.delete(i),void 0===(t=s.get(i))&&(t=p(function(){u.add(i),i.setState({})}),s.set(i,t))),e=i,l(t),n(r)}),v("__e",function(n,r,t,i){l(),e=void 0,n(r,t,i)}),v("diffed",function(n,r){var t,i;if(l(),e=void 0,"string"==typeof r.type&&(t=r.__e)){var o=r.__np;o&&((i=t._u)||(i=_(t),t._u=i),i.__=o,l(i),i._u(!0))}n(r)}),v("unmount",function(n,r){var t=r.__c,i=t&&s.get(t);if(i&&(s.delete(t),i._()(!0,!0)),"string"==typeof r.type){var e=r.__e,o=e._u;o&&(o._()(!0,!0),e._u=null)}n(r)}),v("__h",function(n,r,t,i){i<3&&a.add(r),n(r,t,i)}),r.Component.prototype.shouldComponentUpdate=function(n,r){var t,i=s.get(this);if(!(i&&0!==(null==(t=i._d)?void 0:t.size)||c.has(this)))return!0;if(u.has(this))return!0;if(a.has(this))return!0;for(var e in r)return!0;for(var o in n)if("__source"!==o&&n[o]!==this.props[o])return!0;for(var f in this.props)if(!(f in n))return!0;return!1},n.Signal=i.Signal,n.batch=i.batch,n.computed=i.computed,n.effect=i.effect,n.signal=i.signal,n.useComputed=function(n){var r=t.useRef(n);return r.current=n,c.add(e),t.useMemo(function(){return i.computed(function(){return r.current()})},[])},n.useSignal=h});//# sourceMappingURL=signals.min.js.map

package/dist/signals.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"signals.min.js","sources":["../src/index.ts"],"sourcesContent":["import { options, Component, createElement } from \"preact\";\nimport { useRef, useMemo } from \"preact/hooks\";\nimport {\n\tsignal,\n\tcomputed,\n\tbatch,\n\teffect,\n\tSignal,\n\ttype ReadonlySignal,\n} from \"@preact/signals-core\";\nimport {\n\tVNode,\n\tComponentType,\n\tOptionsTypes,\n\tHookFn,\n\tUpdater,\n\tElementUpdater,\n} from \"./internal\";\n\nexport { signal, computed, batch, effect, Signal, type ReadonlySignal };\n\n// Components that have a pending Signal update: (used to bypass default sCU:false)\nconst hasPendingUpdate = new WeakSet<Component>();\n\n// Components that have useState()/useReducer() hooks:\nconst hasHookState = new WeakSet<Component>();\n\n// Components that have useComputed():\nconst hasComputeds = new WeakSet<Component>();\n\n// Install a Preact options hook\nfunction hook<T extends OptionsTypes>(hookName: T, hookFn: HookFn<T>) {\n\t// @ts-ignore-next-line private options hooks usage\n\toptions[hookName] = hookFn.bind(null, options[hookName] || (() => {}));\n}\n\nlet currentComponent: Component | undefined;\nlet currentUpdater: Updater | undefined;\nlet finishUpdate: ReturnType<Updater[\"_setCurrent\"]> | undefined;\nconst updaterForComponent = new WeakMap<Component | VNode, 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\tcurrentUpdater = updater;\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// Get a (cached) Signal property updater for an element VNode\nfunction getElementUpdater(vnode: VNode) {\n\tlet updater = updaterForComponent.get(vnode) as ElementUpdater;\n\tif (!updater) {\n\t\tlet signalProps: Array<{ _key: string, _signal: Signal }> = [];\n\t\tupdater = createUpdater(() => {\n\t\t\tlet dom = vnode.__e as Element;\n\n\t\t\tfor (let i = 0; i < signalProps.length; i++) {\n\t\t\t\tlet { _key: prop, _signal: signal } = signalProps[i];\n\t\t\t\tlet value = signal._value;\n\t\t\t\tif (!dom) return;\n\t\t\t\tif (prop in dom) {\n\t\t\t\t\t// @ts-ignore-next-line silly\n\t\t\t\t\tdom[prop] = value;\n\t\t\t\t} else if (value) {\n\t\t\t\t\tdom.setAttribute(prop, value);\n\t\t\t\t} else {\n\t\t\t\t\tdom.removeAttribute(prop);\n\t\t\t\t}\n\t\t\t}\n\t\t}) as ElementUpdater;\n\t\tupdater._props = signalProps;\n\t\tupdaterForComponent.set(vnode, updater);\n\t} else {\n\t\tupdater._props.length = 0;\n\t}\n\treturn updater;\n}\n\n/** @todo This may be needed for complex prop value detection. */\n// function isSignalValue(value: any): value is Signal {\n// \tif (typeof value !== \"object\" || value == null) return false;\n// \tif (value instanceof Signal) return true;\n// \t// @TODO: uncomment this when we land Reactive (ideally behind a brand check)\n// \t// for (let i in value) if (value[i] instanceof Signal) return true;\n// \treturn false;\n// }\n\n/** Convert Signals within (nested) props.children into Text components */\nfunction childToSignal<T>(child: any, i: keyof T, arr: T) {\n\tif (typeof child !== \"object\" || child == null) {\n\t\t// can't be a signal\n\t} else if (Array.isArray(child)) {\n\t\tchild.forEach(childToSignal);\n\t} else if (child instanceof Signal) {\n\t\t// @ts-ignore-next-line yes, arr can accept VNodes:\n\t\tarr[i] = createElement(Text, { data: child });\n\t}\n}\n\n/**\n * A wrapper component that renders a Signal directly as a Text node.\n * @todo: in Preact 11, just decorate Signal with `type:null`\n */\nfunction Text(this: ComponentType, { data }: { data: Signal }) {\n\t// hasComputeds.add(this);\n\n\tconst s = useMemo(() => {\n\t\t// mark the parent component as having computeds so it gets optimized\n\t\tlet v = this.__v;\n\t\twhile ((v = v.__!)) {\n\t\t\tif (v.__c) {\n\t\t\t\thasComputeds.add(v.__c);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\n\t\t// Replace this component's vdom updater with a direct text one:\n\t\tcurrentUpdater!._updater = () => {\n\t\t\t(this.base as Text).data = s._value;\n\t\t};\n\n\t\treturn computed(() => {\n\t\t\tlet s = data.value;\n\t\t\treturn s === 0 ? 0 : s === true ? \"\" : s || \"\";\n\t\t});\n\t}, []);\n\n\treturn s.value;\n}\nText.displayName = \"_st\";\n\n/** Inject low-level property/attribute bindings for Signals into Preact's diff */\nhook(OptionsTypes.DIFF, (old, vnode) => {\n\tif (typeof vnode.type === \"string\") {\n\t\t// let orig = vnode.__o || vnode;\n\t\tlet props = vnode.props;\n\t\tlet updater;\n\n\t\tfor (let i in props) {\n\t\t\tlet value = props[i];\n\t\t\tif (i === \"children\") {\n\t\t\t\tchildToSignal(value, \"children\", props);\n\t\t\t} else if (value instanceof Signal) {\n\t\t\t\t// first Signal prop triggers creation/cleanup of the updater:\n\t\t\t\tif (!updater) updater = getElementUpdater(vnode);\n\t\t\t\t// track which props are Signals for precise updates:\n\t\t\t\tupdater._props.push({ _key: i, _signal: value });\n\t\t\t\tlet newUpdater = updater._updater\n\t\t\t\tif (value._updater) {\n\t\t\t\t\tlet oldUpdater = value._updater\n\t\t\t\t\tvalue._updater = () => {\n\t\t\t\t\t\tnewUpdater();\n\t\t\t\t\t\toldUpdater();\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tvalue._updater = newUpdater\n\t\t\t\t}\n\t\t\t\tprops[i] = value.peek()\n\t\t\t}\n\t\t}\n\n\t\tsetCurrentUpdater(updater);\n\t}\n\n\told(vnode);\n});\n\n/** Set up Updater before rendering a component */\nhook(OptionsTypes.RENDER, (old, vnode) => {\n\tlet updater;\n\n\tlet component = vnode.__c;\n\tif (component) {\n\t\thasPendingUpdate.delete(component);\n\n\t\tupdater = updaterForComponent.get(component);\n\t\tif (updater === undefined) {\n\t\t\tupdater = createUpdater(() => {\n\t\t\t\thasPendingUpdate.add(component);\n\t\t\t\tcomponent.setState({});\n\t\t\t});\n\t\t\tupdaterForComponent.set(component, updater);\n\t\t}\n\t}\n\n\tcurrentComponent = component;\n\tsetCurrentUpdater(updater);\n\told(vnode);\n});\n\n/** Finish current updater if a component errors */\nhook(OptionsTypes.CATCH_ERROR, (old, error, vnode, oldVNode) => {\n\tsetCurrentUpdater();\n\tcurrentComponent = undefined;\n\told(error, vnode, oldVNode);\n});\n\n/** Finish current updater after rendering any VNode */\nhook(OptionsTypes.DIFFED, (old, vnode) => {\n\tsetCurrentUpdater();\n\tcurrentComponent = undefined;\n\told(vnode);\n});\n\n/** Unsubscribe from Signals when unmounting components/vnodes */\nhook(OptionsTypes.UNMOUNT, (old, vnode: VNode) => {\n\tlet thing = vnode.__c || vnode;\n\tconst updater = updaterForComponent.get(thing);\n\tif (updater) {\n\t\tupdaterForComponent.delete(thing);\n\t\tconst signals = updater._deps;\n\t\tif (signals) {\n\t\t\tsignals.forEach(signal => signal._subs.delete(updater));\n\t\t\tsignals.clear();\n\t\t}\n\t}\n\told(vnode);\n});\n\n/** Mark components that use hook state so we can skip sCU optimization. */\nhook(OptionsTypes.HOOK, (old, component, index, type) => {\n\tif (type < 3) hasHookState.add(component);\n\told(component, index, type);\n});\n\n/**\n * Auto-memoize components that use Signals/Computeds.\n * Note: Does _not_ optimize components that use hook/class state.\n */\nComponent.prototype.shouldComponentUpdate = function (props, state) {\n\t// @todo: Once preactjs/preact#3671 lands, this could just use `currentUpdater`:\n\tconst updater = updaterForComponent.get(this);\n\n\tconst hasSignals = updater && updater._deps?.size !== 0;\n\n\t// let reason;\n\t// if (!hasSignals && !hasComputeds.has(this)) {\n\t// \treason = \"no signals or computeds\";\n\t// } else if (hasPendingUpdate.has(this)) {\n\t// \treason = \"has pending update\";\n\t// } else if (hasHookState.has(this)) {\n\t// \treason = \"has hook state\";\n\t// }\n\t// if (reason) {\n\t// \tif (!this) reason += \" (`this` bug)\";\n\t// \tconsole.log(\"not optimizing\", this?.constructor?.name, \": \", reason, {\n\t// \t\tdetails: {\n\t// \t\t\thasSignals,\n\t// \t\t\thasComputeds: hasComputeds.has(this),\n\t// \t\t\thasPendingUpdate: hasPendingUpdate.has(this),\n\t// \t\t\thasHookState: hasHookState.has(this),\n\t// \t\t\tdeps: Array.from(updater._deps),\n\t// \t\t\tupdater,\n\t// \t\t},\n\t// \t});\n\t// }\n\n\t// if this component used no signals or computeds, update:\n\tif (!hasSignals && !hasComputeds.has(this)) return true;\n\n\t// if there is a pending re-render triggered from Signals, update:\n\tif (hasPendingUpdate.has(this)) return true;\n\n\t// if there is hook or class state, update:\n\tif (hasHookState.has(this)) return true;\n\tfor (let i in state) return true;\n\n\t// if any non-Signal props changed, update:\n\tfor (let i in props) {\n\t\tif (i !== \"__source\" && props[i] !== this.props[i]) return true;\n\t}\n\tfor (let i in this.props) if (!(i in props)) return true;\n\n\t// this is a purely Signal-driven component, don't update:\n\treturn false;\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\thasComputeds.add(currentComponent!);\n\treturn useMemo(() => computed<T>(() => $compute.current()), []);\n}\n\n/**\n * @todo Determine which Reactive implementation we'll be using.\n * @internal\n */\n// export function useReactive<T extends object>(value: T): Reactive<T> {\n// \treturn useMemo(() => reactive<T>(value), []);\n// }\n\n/**\n * @internal\n * Update a Reactive's using the properties of an object or other Reactive.\n * Also works for Signals.\n * @example\n *   // Update a Reactive with Object.assign()-like syntax:\n *   const r = reactive({ name: \"Alice\" });\n *   update(r, { name: \"Bob\" });\n *   update(r, { age: 42 }); // property 'age' does not exist in type '{ name?: string }'\n *   update(r, 2); // '2' has no properties in common with '{ name?: string }'\n *   console.log(r.name.value); // \"Bob\"\n *\n * @example\n *   // Update a Reactive with the properties of another Reactive:\n *   const A = reactive({ name: \"Alice\" });\n *   const B = reactive({ name: \"Bob\", age: 42 });\n *   update(A, B);\n *   console.log(`${A.name} is ${A.age}`); // \"Bob is 42\"\n *\n * @example\n *   // Update a signal with assign()-like syntax:\n *   const s = signal(42);\n *   update(s, \"hi\"); // Argument type 'string' not assignable to type 'number'\n *   update(s, {}); // Argument type '{}' not assignable to type 'number'\n *   update(s, 43);\n *   console.log(s.value); // 43\n *\n * @param obj The Reactive or Signal to be updated\n * @param update The value, Signal, object or Reactive to update `obj` to match\n * @param overwrite If `true`, any properties `obj` missing from `update` are set to `undefined`\n */\n/*\nexport function update<T extends SignalOrReactive>(\n\tobj: T,\n\tupdate: Partial<Unwrap<T>>,\n\toverwrite = false\n) {\n\tif (obj instanceof Signal) {\n\t\tobj.value = peekValue(update);\n\t} else {\n\t\tfor (let i in update) {\n\t\t\tif (i in obj) {\n\t\t\t\tobj[i].value = peekValue(update[i]);\n\t\t\t} else {\n\t\t\t\tlet sig = signal(peekValue(update[i]));\n\t\t\t\tsig[KEY] = i;\n\t\t\t\tobj[i] = sig;\n\t\t\t}\n\t\t}\n\t\tif (overwrite) {\n\t\t\tfor (let i in obj) {\n\t\t\t\tif (!(i in update)) {\n\t\t\t\t\tobj[i].value = undefined;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n*/\n"],"names":["g","f","exports","module","require","define","amd","globalThis","self","preactSignals","preact","hooks","signalsCore","this","currentComponent","currentUpdater","finishUpdate","hasPendingUpdate","WeakSet","hasComputeds","hook","hookName","hookFn","options","bind","updaterForComponent","WeakMap","setCurrentUpdater","updater","_setCurrent","s","signal","undefined","_canActivate","_updater","getElementUpdater","vnode","get","_props","length","signalProps","createUpdater","dom","__e","i","prop","_key","value","_signal","_value","setAttribute","removeAttribute","set","childToSignal","child","arr","Array","isArray","forEach","Signal","createElement","Text","data","_ref","_this","useMemo","__v","v","__","__c","add","base","computed","displayName","old","type","props","push","oldUpdater","newUpdater","peek","component","setState","error","oldVNode","thing","signals","_deps","_subs","clear","index","hasHookState","Component","prototype","shouldComponentUpdate","state","_updater$_deps","size","has","_i","_i2","batch","effect","useComputed","compute","$compute","useRef","current","useSignal"],"mappings":"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"}
+{"version":3,"file":"signals.min.js","sources":["../src/index.ts"],"sourcesContent":["import { options, Component } from \"preact\";\nimport { useRef, useMemo } from \"preact/hooks\";\nimport {\n\tsignal,\n\tcomputed,\n\tbatch,\n\teffect,\n\tSignal,\n\ttype ReadonlySignal,\n} from \"@preact/signals-core\";\nimport {\n\tVNode,\n\tComponentType,\n\tOptionsTypes,\n\tHookFn,\n\tUpdater,\n\tElementUpdater,\n} from \"./internal\";\n\nexport { signal, computed, batch, effect, Signal, type ReadonlySignal };\n\n// Components that have a pending Signal update: (used to bypass default sCU:false)\nconst hasPendingUpdate = new WeakSet<Component>();\n\n// Components that have useState()/useReducer() hooks:\nconst hasHookState = new WeakSet<Component>();\n\n// Components that have useComputed():\nconst hasComputeds = new WeakSet<Component>();\n\n// Install a Preact options hook\nfunction hook<T extends OptionsTypes>(hookName: T, hookFn: HookFn<T>) {\n\t// @ts-ignore-next-line private options hooks usage\n\toptions[hookName] = hookFn.bind(null, options[hookName] || (() => {}));\n}\n\nlet currentComponent: Component | undefined;\nlet currentUpdater: Updater | undefined;\nlet finishUpdate: ReturnType<Updater[\"_setCurrent\"]> | undefined;\nconst updaterForComponent = new WeakMap<Component | VNode, 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\tcurrentUpdater = updater;\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/** @todo This may be needed for complex prop value detection. */\n// function isSignalValue(value: any): value is Signal {\n// \tif (typeof value !== \"object\" || value == null) return false;\n// \tif (value instanceof Signal) return true;\n// \t// @TODO: uncomment this when we land Reactive (ideally behind a brand check)\n// \t// for (let i in value) if (value[i] instanceof Signal) return true;\n// \treturn false;\n// }\n\n/**\n * A wrapper component that renders a Signal directly as a Text node.\n * @todo: in Preact 11, just decorate Signal with `type:null`\n */\nfunction Text(this: ComponentType, { data }: { data: Signal }) {\n\t// hasComputeds.add(this);\n\n\t// Store the props.data signal in another signal so that\n\t// passing a new signal reference re-runs the text computed:\n\tconst currentSignal = useSignal(data);\n\tcurrentSignal.value = data;\n\n\tconst s = useMemo(() => {\n\t\t// mark the parent component as having computeds so it gets optimized\n\t\tlet v = this.__v;\n\t\twhile ((v = v.__!)) {\n\t\t\tif (v.__c) {\n\t\t\t\thasComputeds.add(v.__c);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\n\t\t// Replace this component's vdom updater with a direct text one:\n\t\tcurrentUpdater!._updater = () => {\n\t\t\t(this.base as Text).data = s._value;\n\t\t};\n\n\t\treturn computed(() => {\n\t\t\tlet data = currentSignal.value;\n\t\t\tlet s = data.value;\n\t\t\treturn s === 0 ? 0 : s === true ? \"\" : s || \"\";\n\t\t});\n\t}, []);\n\n\treturn s.value;\n}\nText.displayName = \"_st\";\n\nObject.defineProperties(Signal.prototype, {\n\tconstructor: { configurable: true },\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\t// Setting a VNode's _depth to 1 forces Preact to clone it before modifying:\n\t// https://github.com/preactjs/preact/blob/d7a433ee8463a7dc23a05111bb47de9ec729ad4d/src/diff/children.js#L77\n\t// @todo remove this for Preact 11\n\t__b: { configurable: true, value: 1 },\n});\n\n/** Inject low-level property/attribute bindings for Signals into Preact's diff */\nhook(OptionsTypes.DIFF, (old, vnode) => {\n\tif (typeof vnode.type === \"string\") {\n\t\tlet signalProps: Record<string, any> | undefined;\n\n\t\tlet props = vnode.props;\n\t\tfor (let i in props) {\n\t\t\tif (i === \"children\") continue;\n\n\t\t\tlet value = props[i];\n\t\t\tif (value instanceof Signal) {\n\t\t\t\tif (!signalProps) vnode.__np = signalProps = {};\n\t\t\t\tsignalProps[i] = value;\n\t\t\t\tprops[i] = value.peek();\n\t\t\t}\n\t\t}\n\t}\n\n\told(vnode);\n});\n\n/** Set up Updater before rendering a component */\nhook(OptionsTypes.RENDER, (old, vnode) => {\n\tlet updater;\n\n\tlet component = vnode.__c;\n\tif (component) {\n\t\thasPendingUpdate.delete(component);\n\n\t\tupdater = updaterForComponent.get(component);\n\t\tif (updater === undefined) {\n\t\t\tupdater = createUpdater(() => {\n\t\t\t\thasPendingUpdate.add(component);\n\t\t\t\tcomponent.setState({});\n\t\t\t});\n\t\t\tupdaterForComponent.set(component, updater);\n\t\t}\n\t}\n\n\tcurrentComponent = component;\n\tsetCurrentUpdater(updater);\n\told(vnode);\n});\n\n/** Finish current updater if a component errors */\nhook(OptionsTypes.CATCH_ERROR, (old, error, vnode, oldVNode) => {\n\tsetCurrentUpdater();\n\tcurrentComponent = undefined;\n\told(error, vnode, oldVNode);\n});\n\n/** Finish current updater after rendering any VNode */\nhook(OptionsTypes.DIFFED, (old, vnode) => {\n\tsetCurrentUpdater();\n\tcurrentComponent = undefined;\n\n\tlet dom: Element;\n\tlet updater: ElementUpdater;\n\n\t// vnode._dom is undefined during string rendering,\n\t// so we use this to skip prop subscriptions during SSR.\n\tif (typeof vnode.type === \"string\" && (dom = vnode.__e as Element)) {\n\t\tlet props = vnode.__np;\n\t\tif (props) {\n\t\t\t// @ts-ignore-next\n\t\t\tupdater = dom._updater;\n\t\t\tif (!updater) {\n\t\t\t\tupdater = createElementUpdater(dom);\n\t\t\t\t// @ts-ignore-next\n\t\t\t\tdom._updater = updater;\n\t\t\t}\n\t\t\tupdater!._props = props;\n\t\t\tsetCurrentUpdater(updater);\n\t\t\t// @ts-ignore-next we're adding an argument here\n\t\t\tupdater._updater(true);\n\t\t}\n\t}\n\told(vnode);\n});\n\n// per-element updater for 1+ signal bindings\nfunction createElementUpdater(dom: Element) {\n\tconst cache: Record<string, any> = { __proto__: null };\n\tconst updater = createUpdater((skip?: boolean) => {\n\t\tconst props = updater._props;\n\t\tfor (let prop in props) {\n\t\t\tif (prop === \"children\") continue;\n\t\t\tlet signal = props[prop];\n\t\t\tif (signal instanceof Signal) {\n\t\t\t\tlet value = signal.value;\n\t\t\t\tlet cached = cache[prop];\n\t\t\t\tcache[prop] = value;\n\t\t\t\tif (skip === true || cached === value) {\n\t\t\t\t\t// this is just a subscribe run, not an update\n\t\t\t\t} else if (prop in dom) {\n\t\t\t\t\t// @ts-ignore-next-line silly\n\t\t\t\t\tdom[prop] = value;\n\t\t\t\t} else if (value) {\n\t\t\t\t\tdom.setAttribute(prop, value);\n\t\t\t\t} else {\n\t\t\t\t\tdom.removeAttribute(prop);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}) as ElementUpdater;\n\treturn updater;\n}\n\n/** Unsubscribe from Signals when unmounting components/vnodes */\nhook(OptionsTypes.UNMOUNT, (old, vnode: VNode) => {\n\tlet component = vnode.__c;\n\tconst updater = component && updaterForComponent.get(component);\n\tif (updater) {\n\t\tupdaterForComponent.delete(component);\n\t\tupdater._setCurrent()(true, true);\n\t}\n\n\tif (typeof vnode.type === \"string\") {\n\t\tconst dom = vnode.__e as Element;\n\n\t\t// @ts-ignore-next\n\t\tconst updater = dom._updater;\n\t\tif (updater) {\n\t\t\tupdater._setCurrent()(true, true);\n\t\t\t// @ts-ignore-next\n\t\t\tdom._updater = null;\n\t\t}\n\t}\n\told(vnode);\n});\n\n/** Mark components that use hook state so we can skip sCU optimization. */\nhook(OptionsTypes.HOOK, (old, component, index, type) => {\n\tif (type < 3) hasHookState.add(component);\n\told(component, index, type);\n});\n\n/**\n * Auto-memoize components that use Signals/Computeds.\n * Note: Does _not_ optimize components that use hook/class state.\n */\nComponent.prototype.shouldComponentUpdate = function (props, state) {\n\t// @todo: Once preactjs/preact#3671 lands, this could just use `currentUpdater`:\n\tconst updater = updaterForComponent.get(this);\n\n\tconst hasSignals = updater && updater._deps?.size !== 0;\n\n\t// let reason;\n\t// if (!hasSignals && !hasComputeds.has(this)) {\n\t// \treason = \"no signals or computeds\";\n\t// } else if (hasPendingUpdate.has(this)) {\n\t// \treason = \"has pending update\";\n\t// } else if (hasHookState.has(this)) {\n\t// \treason = \"has hook state\";\n\t// }\n\t// if (reason) {\n\t// \tif (!this) reason += \" (`this` bug)\";\n\t// \tconsole.log(\"not optimizing\", this?.constructor?.name, \": \", reason, {\n\t// \t\tdetails: {\n\t// \t\t\thasSignals,\n\t// \t\t\thasComputeds: hasComputeds.has(this),\n\t// \t\t\thasPendingUpdate: hasPendingUpdate.has(this),\n\t// \t\t\thasHookState: hasHookState.has(this),\n\t// \t\t\tdeps: Array.from(updater._deps),\n\t// \t\t\tupdater,\n\t// \t\t},\n\t// \t});\n\t// }\n\n\t// if this component used no signals or computeds, update:\n\tif (!hasSignals && !hasComputeds.has(this)) return true;\n\n\t// if there is a pending re-render triggered from Signals, update:\n\tif (hasPendingUpdate.has(this)) return true;\n\n\t// if there is hook or class state, update:\n\tif (hasHookState.has(this)) return true;\n\t// @ts-ignore\n\tfor (let i in state) return true;\n\n\t// if any non-Signal props changed, update:\n\tfor (let i in props) {\n\t\tif (i !== \"__source\" && props[i] !== this.props[i]) return true;\n\t}\n\tfor (let i in this.props) if (!(i in props)) return true;\n\n\t// this is a purely Signal-driven component, don't update:\n\treturn false;\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\thasComputeds.add(currentComponent!);\n\treturn useMemo(() => computed<T>(() => $compute.current()), []);\n}\n\n/**\n * @todo Determine which Reactive implementation we'll be using.\n * @internal\n */\n// export function useReactive<T extends object>(value: T): Reactive<T> {\n// \treturn useMemo(() => reactive<T>(value), []);\n// }\n\n/**\n * @internal\n * Update a Reactive's using the properties of an object or other Reactive.\n * Also works for Signals.\n * @example\n *   // Update a Reactive with Object.assign()-like syntax:\n *   const r = reactive({ name: \"Alice\" });\n *   update(r, { name: \"Bob\" });\n *   update(r, { age: 42 }); // property 'age' does not exist in type '{ name?: string }'\n *   update(r, 2); // '2' has no properties in common with '{ name?: string }'\n *   console.log(r.name.value); // \"Bob\"\n *\n * @example\n *   // Update a Reactive with the properties of another Reactive:\n *   const A = reactive({ name: \"Alice\" });\n *   const B = reactive({ name: \"Bob\", age: 42 });\n *   update(A, B);\n *   console.log(`${A.name} is ${A.age}`); // \"Bob is 42\"\n *\n * @example\n *   // Update a signal with assign()-like syntax:\n *   const s = signal(42);\n *   update(s, \"hi\"); // Argument type 'string' not assignable to type 'number'\n *   update(s, {}); // Argument type '{}' not assignable to type 'number'\n *   update(s, 43);\n *   console.log(s.value); // 43\n *\n * @param obj The Reactive or Signal to be updated\n * @param update The value, Signal, object or Reactive to update `obj` to match\n * @param overwrite If `true`, any properties `obj` missing from `update` are set to `undefined`\n */\n/*\nexport function update<T extends SignalOrReactive>(\n\tobj: T,\n\tupdate: Partial<Unwrap<T>>,\n\toverwrite = false\n) {\n\tif (obj instanceof Signal) {\n\t\tobj.value = peekValue(update);\n\t} else {\n\t\tfor (let i in update) {\n\t\t\tif (i in obj) {\n\t\t\t\tobj[i].value = peekValue(update[i]);\n\t\t\t} else {\n\t\t\t\tlet sig = signal(peekValue(update[i]));\n\t\t\t\tsig[KEY] = i;\n\t\t\t\tobj[i] = sig;\n\t\t\t}\n\t\t}\n\t\tif (overwrite) {\n\t\t\tfor (let i in obj) {\n\t\t\t\tif (!(i in update)) {\n\t\t\t\t\tobj[i].value = undefined;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n*/\n"],"names":["g","f","exports","module","require","define","amd","globalThis","self","preactSignals","preact","hooks","signalsCore","this","currentComponent","currentUpdater","hasPendingUpdate","WeakSet","hasHookState","hasComputeds","hookName","hookFn","options","bind","updaterForComponent","WeakMap","updater","finishUpdate","_setCurrent","createUpdater","signal","undefined","s","_updater","_ref","_this","data","currentSignal","useSignal","value","useMemo","v","__v","__","__c","add","base","_value","computed","createElementUpdater","dom","cache","__proto__","skip","props","_props","prop","_signal","cached","setAttribute","removeAttribute","Text","displayName","Object","defineProperties","Signal","prototype","constructor","configurable","type","get","__b","hook","old","vnode","signalProps","i","__np","peek","component","setState","set","setCurrentUpdater","error","oldVNode","__e","index","Component","shouldComponentUpdate","state","_updater$_deps","_deps","size","has","batch","effect","useComputed","compute","$compute","useRef","current"],"mappings":"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"}

package/dist/signals.mjs

@@ -1 +1 @@
-import{Component as t,options as e,createElement as n}from"preact";import{useMemo as r,useRef as i}from"preact/hooks";import{Signal as o,signal as f,computed as l}from"@preact/signals-core";export{Signal,batch,computed,effect,signal}from"@preact/signals-core";const c=new WeakSet,s=new WeakSet,u=new WeakSet;function a(t,n){e[t]=n.bind(null,e[t]||(()=>{}))}let _,h,p;const d=new WeakMap;function m(t){p&&p(!0,!0),h=t,p=t&&t._()}function k(t){const e=f(void 0);return e._c=!0,e._u=t,e}function g(t){let e=d.get(t);if(e)e.__.length=0;else{let n=[];e=k(()=>{let e=t.__e;for(let t=0;t<n.length;t++){let{t:r,i}=n[t],o=i._v;if(!e)return;r in e?e[r]=o:o?e.setAttribute(r,o):e.removeAttribute(r)}}),e.__=n,d.set(t,e)}return e}function v(t,e,r){"object"!=typeof t||null==t||(Array.isArray(t)?t.forEach(v):t instanceof o&&(r[e]=n(y,{data:t})))}function y({data:t}){const e=r(()=>{let n=this.__v;for(;n=n.__;)if(n.__c){u.add(n.__c);break}return h._u=()=>{this.base.data=e._v},l(()=>{let e=t.value;return 0===e?0:!0===e?"":e||""})},[]);return e.value}function b(t){return r(()=>f(t),[])}function w(t){const e=i(t);return e.current=t,u.add(_),r(()=>l(()=>e.current()),[])}y.displayName="_st",a("__b",(t,e)=>{if("string"==typeof e.type){let t,n=e.props;for(let r in n){let i=n[r];if("children"===r)v(i,"children",n);else if(i instanceof o){t||(t=g(e)),t.__.push({t:r,i});let o=t._u;if(i._u){let t=i._u;i._u=()=>{o(),t()}}else i._u=o;n[r]=i.peek()}}m(t)}t(e)}),a("__r",(t,e)=>{let n,r=e.__c;r&&(c.delete(r),n=d.get(r),void 0===n&&(n=k(()=>{c.add(r),r.setState({})}),d.set(r,n))),_=r,m(n),t(e)}),a("__e",(t,e,n,r)=>{m(),_=void 0,t(e,n,r)}),a("diffed",(t,e)=>{m(),_=void 0,t(e)}),a("unmount",(t,e)=>{let n=e.__c||e;const r=d.get(n);if(r){d.delete(n);const t=r._d;t&&(t.forEach(t=>t._s.delete(r)),t.clear())}t(e)}),a("__h",(t,e,n,r)=>{r<3&&s.add(e),t(e,n,r)}),t.prototype.shouldComponentUpdate=function(t,e){var n;const r=d.get(this);if(!(r&&0!==(null==(n=r._d)?void 0:n.size)||u.has(this)))return!0;if(c.has(this))return!0;if(s.has(this))return!0;for(let t in e)return!0;for(let e in t)if("__source"!==e&&t[e]!==this.props[e])return!0;for(let e in this.props)if(!(e in t))return!0;return!1};export{w as useComputed,b as useSignal};//# sourceMappingURL=signals.mjs.map
+import{Component as t,options as n}from"preact";import{useMemo as e,useRef as r}from"preact/hooks";import{Signal as i,computed as o,signal as f}from"@preact/signals-core";export{Signal,batch,computed,effect,signal}from"@preact/signals-core";const c=new WeakSet,u=new WeakSet,l=new WeakSet;function s(t,e){n[t]=e.bind(null,n[t]||(()=>{}))}let a,p,_;const h=new WeakMap;function d(t){_&&_(!0,!0),p=t,_=t&&t._()}function g(t){const n=f(void 0);return n._u=t,n}function b({data:t}){const n=v(t);n.value=t;const r=e(()=>{let t=this.__v;for(;t=t.__;)if(t.__c){l.add(t.__c);break}return p._u=()=>{this.base.data=r._v},o(()=>{let t=n.value.value;return 0===t?0:!0===t?"":t||""})},[]);return r.value}function m(t){const n={__proto__:null},e=g(r=>{const o=e.__;for(let e in o){if("children"===e)continue;let f=o[e];if(f instanceof i){let i=f.value,o=n[e];n[e]=i,!0===r||o===i||(e in t?t[e]=i:i?t.setAttribute(e,i):t.removeAttribute(e))}}});return e}function v(t){return e(()=>f(t),[])}function k(t){const n=r(t);return n.current=t,l.add(a),e(()=>o(()=>n.current()),[])}b.displayName="_st",Object.defineProperties(i.prototype,{constructor:{configurable:!0},type:{configurable:!0,value:b},props:{configurable:!0,get(){return{data:this}}},__b:{configurable:!0,value:1}}),s("__b",(t,n)=>{if("string"==typeof n.type){let t,e=n.props;for(let r in e){if("children"===r)continue;let o=e[r];o instanceof i&&(t||(n.__np=t={}),t[r]=o,e[r]=o.peek())}}t(n)}),s("__r",(t,n)=>{let e,r=n.__c;r&&(c.delete(r),e=h.get(r),void 0===e&&(e=g(()=>{c.add(r),r.setState({})}),h.set(r,e))),a=r,d(e),t(n)}),s("__e",(t,n,e,r)=>{d(),a=void 0,t(n,e,r)}),s("diffed",(t,n)=>{let e,r;if(d(),a=void 0,"string"==typeof n.type&&(e=n.__e)){let t=n.__np;t&&(r=e._u,r||(r=m(e),e._u=r),r.__=t,d(r),r._u(!0))}t(n)}),s("unmount",(t,n)=>{let e=n.__c;const r=e&&h.get(e);if(r&&(h.delete(e),r._()(!0,!0)),"string"==typeof n.type){const t=n.__e,e=t._u;e&&(e._()(!0,!0),t._u=null)}t(n)}),s("__h",(t,n,e,r)=>{r<3&&u.add(n),t(n,e,r)}),t.prototype.shouldComponentUpdate=function(t,n){var e;const r=h.get(this);if(!(r&&0!==(null==(e=r._d)?void 0:e.size)||l.has(this)))return!0;if(c.has(this))return!0;if(u.has(this))return!0;for(let t in n)return!0;for(let n in t)if("__source"!==n&&t[n]!==this.props[n])return!0;for(let n in this.props)if(!(n in t))return!0;return!1};export{k as useComputed,v as useSignal};//# sourceMappingURL=signals.mjs.map

package/dist/signals.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"signals.mjs","sources":["../src/index.ts"],"sourcesContent":["import { options, Component, createElement } from \"preact\";\nimport { useRef, useMemo } from \"preact/hooks\";\nimport {\n\tsignal,\n\tcomputed,\n\tbatch,\n\teffect,\n\tSignal,\n\ttype ReadonlySignal,\n} from \"@preact/signals-core\";\nimport {\n\tVNode,\n\tComponentType,\n\tOptionsTypes,\n\tHookFn,\n\tUpdater,\n\tElementUpdater,\n} from \"./internal\";\n\nexport { signal, computed, batch, effect, Signal, type ReadonlySignal };\n\n// Components that have a pending Signal update: (used to bypass default sCU:false)\nconst hasPendingUpdate = new WeakSet<Component>();\n\n// Components that have useState()/useReducer() hooks:\nconst hasHookState = new WeakSet<Component>();\n\n// Components that have useComputed():\nconst hasComputeds = new WeakSet<Component>();\n\n// Install a Preact options hook\nfunction hook<T extends OptionsTypes>(hookName: T, hookFn: HookFn<T>) {\n\t// @ts-ignore-next-line private options hooks usage\n\toptions[hookName] = hookFn.bind(null, options[hookName] || (() => {}));\n}\n\nlet currentComponent: Component | undefined;\nlet currentUpdater: Updater | undefined;\nlet finishUpdate: ReturnType<Updater[\"_setCurrent\"]> | undefined;\nconst updaterForComponent = new WeakMap<Component | VNode, 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\tcurrentUpdater = updater;\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// Get a (cached) Signal property updater for an element VNode\nfunction getElementUpdater(vnode: VNode) {\n\tlet updater = updaterForComponent.get(vnode) as ElementUpdater;\n\tif (!updater) {\n\t\tlet signalProps: Array<{ _key: string, _signal: Signal }> = [];\n\t\tupdater = createUpdater(() => {\n\t\t\tlet dom = vnode.__e as Element;\n\n\t\t\tfor (let i = 0; i < signalProps.length; i++) {\n\t\t\t\tlet { _key: prop, _signal: signal } = signalProps[i];\n\t\t\t\tlet value = signal._value;\n\t\t\t\tif (!dom) return;\n\t\t\t\tif (prop in dom) {\n\t\t\t\t\t// @ts-ignore-next-line silly\n\t\t\t\t\tdom[prop] = value;\n\t\t\t\t} else if (value) {\n\t\t\t\t\tdom.setAttribute(prop, value);\n\t\t\t\t} else {\n\t\t\t\t\tdom.removeAttribute(prop);\n\t\t\t\t}\n\t\t\t}\n\t\t}) as ElementUpdater;\n\t\tupdater._props = signalProps;\n\t\tupdaterForComponent.set(vnode, updater);\n\t} else {\n\t\tupdater._props.length = 0;\n\t}\n\treturn updater;\n}\n\n/** @todo This may be needed for complex prop value detection. */\n// function isSignalValue(value: any): value is Signal {\n// \tif (typeof value !== \"object\" || value == null) return false;\n// \tif (value instanceof Signal) return true;\n// \t// @TODO: uncomment this when we land Reactive (ideally behind a brand check)\n// \t// for (let i in value) if (value[i] instanceof Signal) return true;\n// \treturn false;\n// }\n\n/** Convert Signals within (nested) props.children into Text components */\nfunction childToSignal<T>(child: any, i: keyof T, arr: T) {\n\tif (typeof child !== \"object\" || child == null) {\n\t\t// can't be a signal\n\t} else if (Array.isArray(child)) {\n\t\tchild.forEach(childToSignal);\n\t} else if (child instanceof Signal) {\n\t\t// @ts-ignore-next-line yes, arr can accept VNodes:\n\t\tarr[i] = createElement(Text, { data: child });\n\t}\n}\n\n/**\n * A wrapper component that renders a Signal directly as a Text node.\n * @todo: in Preact 11, just decorate Signal with `type:null`\n */\nfunction Text(this: ComponentType, { data }: { data: Signal }) {\n\t// hasComputeds.add(this);\n\n\tconst s = useMemo(() => {\n\t\t// mark the parent component as having computeds so it gets optimized\n\t\tlet v = this.__v;\n\t\twhile ((v = v.__!)) {\n\t\t\tif (v.__c) {\n\t\t\t\thasComputeds.add(v.__c);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\n\t\t// Replace this component's vdom updater with a direct text one:\n\t\tcurrentUpdater!._updater = () => {\n\t\t\t(this.base as Text).data = s._value;\n\t\t};\n\n\t\treturn computed(() => {\n\t\t\tlet s = data.value;\n\t\t\treturn s === 0 ? 0 : s === true ? \"\" : s || \"\";\n\t\t});\n\t}, []);\n\n\treturn s.value;\n}\nText.displayName = \"_st\";\n\n/** Inject low-level property/attribute bindings for Signals into Preact's diff */\nhook(OptionsTypes.DIFF, (old, vnode) => {\n\tif (typeof vnode.type === \"string\") {\n\t\t// let orig = vnode.__o || vnode;\n\t\tlet props = vnode.props;\n\t\tlet updater;\n\n\t\tfor (let i in props) {\n\t\t\tlet value = props[i];\n\t\t\tif (i === \"children\") {\n\t\t\t\tchildToSignal(value, \"children\", props);\n\t\t\t} else if (value instanceof Signal) {\n\t\t\t\t// first Signal prop triggers creation/cleanup of the updater:\n\t\t\t\tif (!updater) updater = getElementUpdater(vnode);\n\t\t\t\t// track which props are Signals for precise updates:\n\t\t\t\tupdater._props.push({ _key: i, _signal: value });\n\t\t\t\tlet newUpdater = updater._updater\n\t\t\t\tif (value._updater) {\n\t\t\t\t\tlet oldUpdater = value._updater\n\t\t\t\t\tvalue._updater = () => {\n\t\t\t\t\t\tnewUpdater();\n\t\t\t\t\t\toldUpdater();\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tvalue._updater = newUpdater\n\t\t\t\t}\n\t\t\t\tprops[i] = value.peek()\n\t\t\t}\n\t\t}\n\n\t\tsetCurrentUpdater(updater);\n\t}\n\n\told(vnode);\n});\n\n/** Set up Updater before rendering a component */\nhook(OptionsTypes.RENDER, (old, vnode) => {\n\tlet updater;\n\n\tlet component = vnode.__c;\n\tif (component) {\n\t\thasPendingUpdate.delete(component);\n\n\t\tupdater = updaterForComponent.get(component);\n\t\tif (updater === undefined) {\n\t\t\tupdater = createUpdater(() => {\n\t\t\t\thasPendingUpdate.add(component);\n\t\t\t\tcomponent.setState({});\n\t\t\t});\n\t\t\tupdaterForComponent.set(component, updater);\n\t\t}\n\t}\n\n\tcurrentComponent = component;\n\tsetCurrentUpdater(updater);\n\told(vnode);\n});\n\n/** Finish current updater if a component errors */\nhook(OptionsTypes.CATCH_ERROR, (old, error, vnode, oldVNode) => {\n\tsetCurrentUpdater();\n\tcurrentComponent = undefined;\n\told(error, vnode, oldVNode);\n});\n\n/** Finish current updater after rendering any VNode */\nhook(OptionsTypes.DIFFED, (old, vnode) => {\n\tsetCurrentUpdater();\n\tcurrentComponent = undefined;\n\told(vnode);\n});\n\n/** Unsubscribe from Signals when unmounting components/vnodes */\nhook(OptionsTypes.UNMOUNT, (old, vnode: VNode) => {\n\tlet thing = vnode.__c || vnode;\n\tconst updater = updaterForComponent.get(thing);\n\tif (updater) {\n\t\tupdaterForComponent.delete(thing);\n\t\tconst signals = updater._deps;\n\t\tif (signals) {\n\t\t\tsignals.forEach(signal => signal._subs.delete(updater));\n\t\t\tsignals.clear();\n\t\t}\n\t}\n\told(vnode);\n});\n\n/** Mark components that use hook state so we can skip sCU optimization. */\nhook(OptionsTypes.HOOK, (old, component, index, type) => {\n\tif (type < 3) hasHookState.add(component);\n\told(component, index, type);\n});\n\n/**\n * Auto-memoize components that use Signals/Computeds.\n * Note: Does _not_ optimize components that use hook/class state.\n */\nComponent.prototype.shouldComponentUpdate = function (props, state) {\n\t// @todo: Once preactjs/preact#3671 lands, this could just use `currentUpdater`:\n\tconst updater = updaterForComponent.get(this);\n\n\tconst hasSignals = updater && updater._deps?.size !== 0;\n\n\t// let reason;\n\t// if (!hasSignals && !hasComputeds.has(this)) {\n\t// \treason = \"no signals or computeds\";\n\t// } else if (hasPendingUpdate.has(this)) {\n\t// \treason = \"has pending update\";\n\t// } else if (hasHookState.has(this)) {\n\t// \treason = \"has hook state\";\n\t// }\n\t// if (reason) {\n\t// \tif (!this) reason += \" (`this` bug)\";\n\t// \tconsole.log(\"not optimizing\", this?.constructor?.name, \": \", reason, {\n\t// \t\tdetails: {\n\t// \t\t\thasSignals,\n\t// \t\t\thasComputeds: hasComputeds.has(this),\n\t// \t\t\thasPendingUpdate: hasPendingUpdate.has(this),\n\t// \t\t\thasHookState: hasHookState.has(this),\n\t// \t\t\tdeps: Array.from(updater._deps),\n\t// \t\t\tupdater,\n\t// \t\t},\n\t// \t});\n\t// }\n\n\t// if this component used no signals or computeds, update:\n\tif (!hasSignals && !hasComputeds.has(this)) return true;\n\n\t// if there is a pending re-render triggered from Signals, update:\n\tif (hasPendingUpdate.has(this)) return true;\n\n\t// if there is hook or class state, update:\n\tif (hasHookState.has(this)) return true;\n\tfor (let i in state) return true;\n\n\t// if any non-Signal props changed, update:\n\tfor (let i in props) {\n\t\tif (i !== \"__source\" && props[i] !== this.props[i]) return true;\n\t}\n\tfor (let i in this.props) if (!(i in props)) return true;\n\n\t// this is a purely Signal-driven component, don't update:\n\treturn false;\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\thasComputeds.add(currentComponent!);\n\treturn useMemo(() => computed<T>(() => $compute.current()), []);\n}\n\n/**\n * @todo Determine which Reactive implementation we'll be using.\n * @internal\n */\n// export function useReactive<T extends object>(value: T): Reactive<T> {\n// \treturn useMemo(() => reactive<T>(value), []);\n// }\n\n/**\n * @internal\n * Update a Reactive's using the properties of an object or other Reactive.\n * Also works for Signals.\n * @example\n *   // Update a Reactive with Object.assign()-like syntax:\n *   const r = reactive({ name: \"Alice\" });\n *   update(r, { name: \"Bob\" });\n *   update(r, { age: 42 }); // property 'age' does not exist in type '{ name?: string }'\n *   update(r, 2); // '2' has no properties in common with '{ name?: string }'\n *   console.log(r.name.value); // \"Bob\"\n *\n * @example\n *   // Update a Reactive with the properties of another Reactive:\n *   const A = reactive({ name: \"Alice\" });\n *   const B = reactive({ name: \"Bob\", age: 42 });\n *   update(A, B);\n *   console.log(`${A.name} is ${A.age}`); // \"Bob is 42\"\n *\n * @example\n *   // Update a signal with assign()-like syntax:\n *   const s = signal(42);\n *   update(s, \"hi\"); // Argument type 'string' not assignable to type 'number'\n *   update(s, {}); // Argument type '{}' not assignable to type 'number'\n *   update(s, 43);\n *   console.log(s.value); // 43\n *\n * @param obj The Reactive or Signal to be updated\n * @param update The value, Signal, object or Reactive to update `obj` to match\n * @param overwrite If `true`, any properties `obj` missing from `update` are set to `undefined`\n */\n/*\nexport function update<T extends SignalOrReactive>(\n\tobj: T,\n\tupdate: Partial<Unwrap<T>>,\n\toverwrite = false\n) {\n\tif (obj instanceof Signal) {\n\t\tobj.value = peekValue(update);\n\t} else {\n\t\tfor (let i in update) {\n\t\t\tif (i in obj) {\n\t\t\t\tobj[i].value = peekValue(update[i]);\n\t\t\t} else {\n\t\t\t\tlet sig = signal(peekValue(update[i]));\n\t\t\t\tsig[KEY] = i;\n\t\t\t\tobj[i] = sig;\n\t\t\t}\n\t\t}\n\t\tif (overwrite) {\n\t\t\tfor (let i in obj) {\n\t\t\t\tif (!(i in update)) {\n\t\t\t\t\tobj[i].value = undefined;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n*/\n"],"names":["Component","options","createElement","useMemo","useRef","Signal","signal","computed","batch","effect","hasPendingUpdate","WeakSet","hasComputeds","hook","hookName","hookFn","bind","currentComponent","currentUpdater","finishUpdate","WeakMap","setCurrentUpdater","updater","_setCurrent","createUpdater","s","undefined","_canActivate","_updater","getElementUpdater","vnode","updaterForComponent","get","_props","length","dom","__e","i","signalProps","_key","prop","_signal","value","_value","setAttribute","removeAttribute","set","childToSignal","child","arr","Array","isArray","forEach","Text","data","v","this","__v","__","__c","add","base","useSignal","useComputed","compute","$compute","current","displayName","old","type","props","push","newUpdater","oldUpdater","peek","component","delete","setState","error","oldVNode","thing","signals","_deps","_subs","clear","index","hasHookState","prototype","shouldComponentUpdate","state","_updater$_deps","size","has"],"mappings":"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"}
+{"version":3,"file":"signals.mjs","sources":["../src/index.ts"],"sourcesContent":["import { options, Component } from \"preact\";\nimport { useRef, useMemo } from \"preact/hooks\";\nimport {\n\tsignal,\n\tcomputed,\n\tbatch,\n\teffect,\n\tSignal,\n\ttype ReadonlySignal,\n} from \"@preact/signals-core\";\nimport {\n\tVNode,\n\tComponentType,\n\tOptionsTypes,\n\tHookFn,\n\tUpdater,\n\tElementUpdater,\n} from \"./internal\";\n\nexport { signal, computed, batch, effect, Signal, type ReadonlySignal };\n\n// Components that have a pending Signal update: (used to bypass default sCU:false)\nconst hasPendingUpdate = new WeakSet<Component>();\n\n// Components that have useState()/useReducer() hooks:\nconst hasHookState = new WeakSet<Component>();\n\n// Components that have useComputed():\nconst hasComputeds = new WeakSet<Component>();\n\n// Install a Preact options hook\nfunction hook<T extends OptionsTypes>(hookName: T, hookFn: HookFn<T>) {\n\t// @ts-ignore-next-line private options hooks usage\n\toptions[hookName] = hookFn.bind(null, options[hookName] || (() => {}));\n}\n\nlet currentComponent: Component | undefined;\nlet currentUpdater: Updater | undefined;\nlet finishUpdate: ReturnType<Updater[\"_setCurrent\"]> | undefined;\nconst updaterForComponent = new WeakMap<Component | VNode, 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\tcurrentUpdater = updater;\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/** @todo This may be needed for complex prop value detection. */\n// function isSignalValue(value: any): value is Signal {\n// \tif (typeof value !== \"object\" || value == null) return false;\n// \tif (value instanceof Signal) return true;\n// \t// @TODO: uncomment this when we land Reactive (ideally behind a brand check)\n// \t// for (let i in value) if (value[i] instanceof Signal) return true;\n// \treturn false;\n// }\n\n/**\n * A wrapper component that renders a Signal directly as a Text node.\n * @todo: in Preact 11, just decorate Signal with `type:null`\n */\nfunction Text(this: ComponentType, { data }: { data: Signal }) {\n\t// hasComputeds.add(this);\n\n\t// Store the props.data signal in another signal so that\n\t// passing a new signal reference re-runs the text computed:\n\tconst currentSignal = useSignal(data);\n\tcurrentSignal.value = data;\n\n\tconst s = useMemo(() => {\n\t\t// mark the parent component as having computeds so it gets optimized\n\t\tlet v = this.__v;\n\t\twhile ((v = v.__!)) {\n\t\t\tif (v.__c) {\n\t\t\t\thasComputeds.add(v.__c);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\n\t\t// Replace this component's vdom updater with a direct text one:\n\t\tcurrentUpdater!._updater = () => {\n\t\t\t(this.base as Text).data = s._value;\n\t\t};\n\n\t\treturn computed(() => {\n\t\t\tlet data = currentSignal.value;\n\t\t\tlet s = data.value;\n\t\t\treturn s === 0 ? 0 : s === true ? \"\" : s || \"\";\n\t\t});\n\t}, []);\n\n\treturn s.value;\n}\nText.displayName = \"_st\";\n\nObject.defineProperties(Signal.prototype, {\n\tconstructor: { configurable: true },\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\t// Setting a VNode's _depth to 1 forces Preact to clone it before modifying:\n\t// https://github.com/preactjs/preact/blob/d7a433ee8463a7dc23a05111bb47de9ec729ad4d/src/diff/children.js#L77\n\t// @todo remove this for Preact 11\n\t__b: { configurable: true, value: 1 },\n});\n\n/** Inject low-level property/attribute bindings for Signals into Preact's diff */\nhook(OptionsTypes.DIFF, (old, vnode) => {\n\tif (typeof vnode.type === \"string\") {\n\t\tlet signalProps: Record<string, any> | undefined;\n\n\t\tlet props = vnode.props;\n\t\tfor (let i in props) {\n\t\t\tif (i === \"children\") continue;\n\n\t\t\tlet value = props[i];\n\t\t\tif (value instanceof Signal) {\n\t\t\t\tif (!signalProps) vnode.__np = signalProps = {};\n\t\t\t\tsignalProps[i] = value;\n\t\t\t\tprops[i] = value.peek();\n\t\t\t}\n\t\t}\n\t}\n\n\told(vnode);\n});\n\n/** Set up Updater before rendering a component */\nhook(OptionsTypes.RENDER, (old, vnode) => {\n\tlet updater;\n\n\tlet component = vnode.__c;\n\tif (component) {\n\t\thasPendingUpdate.delete(component);\n\n\t\tupdater = updaterForComponent.get(component);\n\t\tif (updater === undefined) {\n\t\t\tupdater = createUpdater(() => {\n\t\t\t\thasPendingUpdate.add(component);\n\t\t\t\tcomponent.setState({});\n\t\t\t});\n\t\t\tupdaterForComponent.set(component, updater);\n\t\t}\n\t}\n\n\tcurrentComponent = component;\n\tsetCurrentUpdater(updater);\n\told(vnode);\n});\n\n/** Finish current updater if a component errors */\nhook(OptionsTypes.CATCH_ERROR, (old, error, vnode, oldVNode) => {\n\tsetCurrentUpdater();\n\tcurrentComponent = undefined;\n\told(error, vnode, oldVNode);\n});\n\n/** Finish current updater after rendering any VNode */\nhook(OptionsTypes.DIFFED, (old, vnode) => {\n\tsetCurrentUpdater();\n\tcurrentComponent = undefined;\n\n\tlet dom: Element;\n\tlet updater: ElementUpdater;\n\n\t// vnode._dom is undefined during string rendering,\n\t// so we use this to skip prop subscriptions during SSR.\n\tif (typeof vnode.type === \"string\" && (dom = vnode.__e as Element)) {\n\t\tlet props = vnode.__np;\n\t\tif (props) {\n\t\t\t// @ts-ignore-next\n\t\t\tupdater = dom._updater;\n\t\t\tif (!updater) {\n\t\t\t\tupdater = createElementUpdater(dom);\n\t\t\t\t// @ts-ignore-next\n\t\t\t\tdom._updater = updater;\n\t\t\t}\n\t\t\tupdater!._props = props;\n\t\t\tsetCurrentUpdater(updater);\n\t\t\t// @ts-ignore-next we're adding an argument here\n\t\t\tupdater._updater(true);\n\t\t}\n\t}\n\told(vnode);\n});\n\n// per-element updater for 1+ signal bindings\nfunction createElementUpdater(dom: Element) {\n\tconst cache: Record<string, any> = { __proto__: null };\n\tconst updater = createUpdater((skip?: boolean) => {\n\t\tconst props = updater._props;\n\t\tfor (let prop in props) {\n\t\t\tif (prop === \"children\") continue;\n\t\t\tlet signal = props[prop];\n\t\t\tif (signal instanceof Signal) {\n\t\t\t\tlet value = signal.value;\n\t\t\t\tlet cached = cache[prop];\n\t\t\t\tcache[prop] = value;\n\t\t\t\tif (skip === true || cached === value) {\n\t\t\t\t\t// this is just a subscribe run, not an update\n\t\t\t\t} else if (prop in dom) {\n\t\t\t\t\t// @ts-ignore-next-line silly\n\t\t\t\t\tdom[prop] = value;\n\t\t\t\t} else if (value) {\n\t\t\t\t\tdom.setAttribute(prop, value);\n\t\t\t\t} else {\n\t\t\t\t\tdom.removeAttribute(prop);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}) as ElementUpdater;\n\treturn updater;\n}\n\n/** Unsubscribe from Signals when unmounting components/vnodes */\nhook(OptionsTypes.UNMOUNT, (old, vnode: VNode) => {\n\tlet component = vnode.__c;\n\tconst updater = component && updaterForComponent.get(component);\n\tif (updater) {\n\t\tupdaterForComponent.delete(component);\n\t\tupdater._setCurrent()(true, true);\n\t}\n\n\tif (typeof vnode.type === \"string\") {\n\t\tconst dom = vnode.__e as Element;\n\n\t\t// @ts-ignore-next\n\t\tconst updater = dom._updater;\n\t\tif (updater) {\n\t\t\tupdater._setCurrent()(true, true);\n\t\t\t// @ts-ignore-next\n\t\t\tdom._updater = null;\n\t\t}\n\t}\n\told(vnode);\n});\n\n/** Mark components that use hook state so we can skip sCU optimization. */\nhook(OptionsTypes.HOOK, (old, component, index, type) => {\n\tif (type < 3) hasHookState.add(component);\n\told(component, index, type);\n});\n\n/**\n * Auto-memoize components that use Signals/Computeds.\n * Note: Does _not_ optimize components that use hook/class state.\n */\nComponent.prototype.shouldComponentUpdate = function (props, state) {\n\t// @todo: Once preactjs/preact#3671 lands, this could just use `currentUpdater`:\n\tconst updater = updaterForComponent.get(this);\n\n\tconst hasSignals = updater && updater._deps?.size !== 0;\n\n\t// let reason;\n\t// if (!hasSignals && !hasComputeds.has(this)) {\n\t// \treason = \"no signals or computeds\";\n\t// } else if (hasPendingUpdate.has(this)) {\n\t// \treason = \"has pending update\";\n\t// } else if (hasHookState.has(this)) {\n\t// \treason = \"has hook state\";\n\t// }\n\t// if (reason) {\n\t// \tif (!this) reason += \" (`this` bug)\";\n\t// \tconsole.log(\"not optimizing\", this?.constructor?.name, \": \", reason, {\n\t// \t\tdetails: {\n\t// \t\t\thasSignals,\n\t// \t\t\thasComputeds: hasComputeds.has(this),\n\t// \t\t\thasPendingUpdate: hasPendingUpdate.has(this),\n\t// \t\t\thasHookState: hasHookState.has(this),\n\t// \t\t\tdeps: Array.from(updater._deps),\n\t// \t\t\tupdater,\n\t// \t\t},\n\t// \t});\n\t// }\n\n\t// if this component used no signals or computeds, update:\n\tif (!hasSignals && !hasComputeds.has(this)) return true;\n\n\t// if there is a pending re-render triggered from Signals, update:\n\tif (hasPendingUpdate.has(this)) return true;\n\n\t// if there is hook or class state, update:\n\tif (hasHookState.has(this)) return true;\n\t// @ts-ignore\n\tfor (let i in state) return true;\n\n\t// if any non-Signal props changed, update:\n\tfor (let i in props) {\n\t\tif (i !== \"__source\" && props[i] !== this.props[i]) return true;\n\t}\n\tfor (let i in this.props) if (!(i in props)) return true;\n\n\t// this is a purely Signal-driven component, don't update:\n\treturn false;\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\thasComputeds.add(currentComponent!);\n\treturn useMemo(() => computed<T>(() => $compute.current()), []);\n}\n\n/**\n * @todo Determine which Reactive implementation we'll be using.\n * @internal\n */\n// export function useReactive<T extends object>(value: T): Reactive<T> {\n// \treturn useMemo(() => reactive<T>(value), []);\n// }\n\n/**\n * @internal\n * Update a Reactive's using the properties of an object or other Reactive.\n * Also works for Signals.\n * @example\n *   // Update a Reactive with Object.assign()-like syntax:\n *   const r = reactive({ name: \"Alice\" });\n *   update(r, { name: \"Bob\" });\n *   update(r, { age: 42 }); // property 'age' does not exist in type '{ name?: string }'\n *   update(r, 2); // '2' has no properties in common with '{ name?: string }'\n *   console.log(r.name.value); // \"Bob\"\n *\n * @example\n *   // Update a Reactive with the properties of another Reactive:\n *   const A = reactive({ name: \"Alice\" });\n *   const B = reactive({ name: \"Bob\", age: 42 });\n *   update(A, B);\n *   console.log(`${A.name} is ${A.age}`); // \"Bob is 42\"\n *\n * @example\n *   // Update a signal with assign()-like syntax:\n *   const s = signal(42);\n *   update(s, \"hi\"); // Argument type 'string' not assignable to type 'number'\n *   update(s, {}); // Argument type '{}' not assignable to type 'number'\n *   update(s, 43);\n *   console.log(s.value); // 43\n *\n * @param obj The Reactive or Signal to be updated\n * @param update The value, Signal, object or Reactive to update `obj` to match\n * @param overwrite If `true`, any properties `obj` missing from `update` are set to `undefined`\n */\n/*\nexport function update<T extends SignalOrReactive>(\n\tobj: T,\n\tupdate: Partial<Unwrap<T>>,\n\toverwrite = false\n) {\n\tif (obj instanceof Signal) {\n\t\tobj.value = peekValue(update);\n\t} else {\n\t\tfor (let i in update) {\n\t\t\tif (i in obj) {\n\t\t\t\tobj[i].value = peekValue(update[i]);\n\t\t\t} else {\n\t\t\t\tlet sig = signal(peekValue(update[i]));\n\t\t\t\tsig[KEY] = i;\n\t\t\t\tobj[i] = sig;\n\t\t\t}\n\t\t}\n\t\tif (overwrite) {\n\t\t\tfor (let i in obj) {\n\t\t\t\tif (!(i in update)) {\n\t\t\t\t\tobj[i].value = undefined;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n*/\n"],"names":["Component","options","useMemo","useRef","Signal","computed","signal","batch","effect","hasPendingUpdate","WeakSet","hasHookState","hasComputeds","hook","hookName","hookFn","bind","currentComponent","currentUpdater","finishUpdate","updaterForComponent","WeakMap","setCurrentUpdater","updater","_setCurrent","createUpdater","s","undefined","_updater","Text","data","currentSignal","useSignal","value","v","this","__v","__","__c","add","base","_value","dom","cache","__proto__","skip","props","_props","prop","cached","setAttribute","removeAttribute","useComputed","compute","$compute","current","displayName","Object","defineProperties","prototype","constructor","configurable","type","get","__b","old","vnode","signalProps","i","__np","peek","component","delete","setState","set","error","oldVNode","__e","createElementUpdater","index","shouldComponentUpdate","state","_updater$_deps","size","_deps","has"],"mappings":"oBAsBAA,aAAAC,MAAA,2BAAAC,YAAAC,MAAA,gCAAAC,cAAAC,YAAAC,MAAA,8BAAAF,OAAAG,MAAAF,SAAAG,OAAAF,WAAA,uBAAA,MAAsBG,EAAG,IAAIC,QAGXC,EAAG,IAArBD,QAGME,EAAe,IAArBF,QAGA,SAAAG,EAAsCC,EAAaC,GAElDd,EAAQa,GAAYC,EAAOC,KAAK,KAAMf,EAAQa,IAAc,MAAtB,GACtC,CAED,IAAAG,EACIC,EACAC,EACJ,MAAyBC,EAAG,IAAIC,QAEhC,SAASC,EAAkBC,GAEtBJ,GAAcA,GAAa,GAAM,GAErCD,EAAiBK,EACjBJ,EAAeI,GAAWA,EAAQC,GAClC,CAED,SAAAC,EAAuBF,GACtB,MAAMG,EAAIpB,OAAOqB,GAEjB,OADAD,EAAEE,GAAWL,EACNG,CACP,CAeD,SAASG,GAA0BC,KAAEA,IAKpC,MAAmBC,EAAGC,EAAUF,GAChCC,EAAcE,MAAQH,EAEtB,MAAMJ,EAAIxB,EAAQ,KAEjB,IAAKgC,EAAGC,KAAKC,IACb,KAAQF,EAAIA,EAAEG,IACb,GAAIH,EAAEI,IAAK,CACV1B,EAAa2B,IAAIL,EAAEI,KACnB,KACA,CAQF,OAJApB,EAAgBU,GAAW,KACzBO,KAAKK,KAAcV,KAAOJ,EAAEe,EAC7B,EAEMpC,EAAS,KACf,IACIqB,EADOK,EAAcE,MACZA,MACb,OAAa,IAALP,EAAS,GAAU,IAANA,EAAa,GAAKA,GAAK,IAH9B,EAKb,IAEH,OAAOA,EAAEO,KACT,CAmGD,WAA8BS,GAC7B,MAAMC,EAA6B,CAAEC,UAAW,MACnCrB,EAAGE,EAAeoB,IAC9B,MAAMC,EAAQvB,EAAQwB,GACtB,IAAK,IAALC,KAAAF,EAAwB,CACvB,GAAa,aAATE,EAAqB,SACzB,IAAI1C,EAASwC,EAAME,GACnB,GAAI1C,aAAJF,EAA8B,CAC7B,IAAS6B,EAAG3B,EAAO2B,MACTgB,EAAGN,EAAMK,GACnBL,EAAMK,GAAQf,GACD,IAATY,GAAiBI,IAAWhB,IAErBe,KAAQN,EAElBA,EAAIM,GAAQf,EACFA,EACVS,EAAIQ,aAAaF,EAAMf,GAEvBS,EAAIS,gBAAgBH,GAErB,CACD,IAEF,OACAzB,CAAA,CAoFK,SAAAS,EAAuBC,GAC5B,OAAO/B,EAAQ,IAAMI,EAAU2B,GAAQ,GACvC,CAEemB,SAAAA,EAAeC,GAC9B,MAAcC,EAAGnD,EAAOkD,GAGxB,OAFAC,EAASC,QAAUF,EACnBzC,EAAa2B,IAAItB,GACVf,EAAQ,IAAMG,EAAY,IAAMiD,EAASC,WAAY,GAC5D,CAxND1B,EAAK2B,YAAc,MAEnBC,OAAOC,iBAAiBtD,EAAOuD,UAAW,CACzCC,YAAa,CAAEC,cAAc,GAC7BC,KAAM,CAAED,cAAc,EAAM5B,MAAOJ,GACnCiB,MAAO,CACNe,cAAc,EACdE,MACC,MAAO,CAAEjC,KAAMK,KACf,GAKF6B,IAAK,CAAEH,cAAc,EAAM5B,MAAO,KAInCpB,QAAwB,CAACoD,EAAKC,KAC7B,GAA0B,iBAAfA,EAAMJ,KAAmB,CACnC,IAAAK,EAEIrB,EAAQoB,EAAMpB,MAClB,IAAK,IAALsB,KAAAtB,EAAqB,CACpB,GAAU,aAANsB,EAAkB,SAEtB,IAAInC,EAAQa,EAAMsB,GACdnC,aAAiB7B,IACf+D,IAAaD,EAAMG,KAAOF,EAAc,CAAA,GAC7CA,EAAYC,GAAKnC,EACjBa,EAAMsB,GAAKnC,EAAMqC,OAElB,CACD,CAEDL,EAAIC,EAAD,GAIJrD,QAA0B,CAACoD,EAAKC,KAC/B,IAAA3C,EAEagD,EAAGL,EAAM5B,IAClBiC,IACH9D,EAAiB+D,OAAOD,GAExBhD,EAAUH,EAAoB2C,IAAIQ,QAClB5C,IAAZJ,IACHA,EAAUE,EAAc,KACvBhB,EAAiB8B,IAAIgC,GACrBA,EAAUE,SAAS,CAAA,EACnB,GACDrD,EAAoBsD,IAAIH,EAAWhD,KAIrCN,EAAmBsD,EACnBjD,EAAkBC,GAClB0C,EAAIC,EACJ,GAGDrD,EAAI,MAA2B,CAACoD,EAAKU,EAAOT,EAAOU,KAClDtD,IACAL,OAAmBU,EACnBsC,EAAIU,EAAOT,EAAOU,EAAf,GAIJ/D,WAA0B,CAACoD,EAAKC,KAI/B,IAAAxB,EACInB,EAIJ,GARAD,IACAL,OAAmBU,EAOO,iBAAVuC,EAACJ,OAAsBpB,EAAMwB,EAAMW,KAAiB,CACnE,IAAS/B,EAAGoB,EAAMG,KACdvB,IAEHvB,EAAUmB,EAAId,GACTL,IACJA,EAAUuD,EAAqBpC,GAE/BA,EAAId,GAAWL,GAEhBA,EAASwB,GAASD,EAClBxB,EAAkBC,GAElBA,EAAQK,IAAS,GAElB,CACDqC,EAAIC,EAAD,GAgCJrD,YAA2B,CAACoD,EAAKC,KAChC,IAAaK,EAAGL,EAAM5B,IACtB,MAAMf,EAAUgD,GAAanD,EAAoB2C,IAAIQ,GAMrD,GALIhD,IACHH,EAAoBoD,OAAOD,GAC3BhD,EAAQC,GAARD,EAAsB,GAAM,IAGH,iBAAV2C,EAACJ,KAAmB,CACnC,QAAYI,EAAMW,IAGLjD,EAAGc,EAAId,GAChBL,IACHA,EAAQC,GAARD,EAAsB,GAAM,GAE5BmB,EAAId,GAAW,KAEhB,CACDqC,EAAIC,KAILrD,EAAI,MAAoB,CAACoD,EAAKM,EAAWQ,EAAOjB,KAC3CA,EAAO,GAAGnD,EAAa4B,IAAIgC,GAC/BN,EAAIM,EAAWQ,EAAOjB,EAAnB,GAOJ9D,EAAU2D,UAAUqB,sBAAwB,SAAUlC,EAAOmC,GAE5D,IAAAC,EAAA,QAAgB9D,EAAoB2C,IAAI5B,MA2BxC,KAzBmBZ,GAAmC,KAAT4D,OAAfD,EAAA3D,EAAQ6D,SAAOD,EAAAA,EAAAA,OAyBzBvE,EAAayE,IAAIlD,OAAO,OAAA,EAG5C,GAAI1B,EAAiB4E,IAAIlD,MAAO,OAAO,EAGvC,GAAIxB,EAAa0E,IAAIlD,MAAO,OAAO,EAEnC,IAAK,IAALiC,KAAAa,EAAqB,OAAO,EAG5B,IAAK,IAALb,KAAAtB,EACC,GAAU,aAANsB,GAAoBtB,EAAMsB,KAAOjC,KAAKW,MAAMsB,GAAI,OAAO,EAE5D,IAAK,IAALA,KAAmBtB,KAAAA,MAAO,KAAMsB,KAAFtB,GAAe,OAAA,EAG7C,OAAO,CACP,SAWAM,iBAAApB"}

package/dist/signals.module.js

@@ -1 +1 @@
-import{Component as n,options as r,createElement as t}from"preact";import{useMemo as i,useRef as o}from"preact/hooks";import{Signal as e,signal as f,computed as u}from"@preact/signals-core";export{Signal,batch,computed,effect,signal}from"@preact/signals-core";var a,c,v,s=new WeakSet,l=new WeakSet,p=new WeakSet;function _(n,t){r[n]=t.bind(null,r[n]||function(){})}var h=new WeakMap;function d(n){v&&v(!0,!0),c=n,v=n&&n._()}function m(n){var r=f(void 0);return r._c=!0,r._u=n,r}function k(n){var r=h.get(n);if(r)r.__.length=0;else{var t=[];(r=m(function(){for(var r=n.__e,i=0;i<t.length;i++){var o=t[i],e=o.t,f=o.i._v;if(!r)return;e in r?r[e]=f:f?r.setAttribute(e,f):r.removeAttribute(e)}})).__=t,h.set(n,r)}return r}function g(n,r,i){"object"!=typeof n||null==n||(Array.isArray(n)?n.forEach(g):n instanceof e&&(i[r]=t(b,{data:n})))}function b(n){var r=this,t=n.data,o=i(function(){for(var n=r.__v;n=n.__;)if(n.__c){p.add(n.__c);break}return c._u=function(){r.base.data=o._v},u(function(){var n=t.value;return 0===n?0:!0===n?"":n||""})},[]);return o.value}function w(n){return i(function(){return f(n)},[])}function y(n){var r=o(n);return r.current=n,p.add(a),i(function(){return u(function(){return r.current()})},[])}b.displayName="_st",_("__b",function(n,r){if("string"==typeof r.type){var t,i=r.props;for(var o in i){var f=i[o];"children"===o?g(f,"children",i):f instanceof e&&function(){t||(t=k(r)),t.__.push({t:o,i:f});var n=t._u;if(f._u){var e=f._u;f._u=function(){n(),e()}}else f._u=n;i[o]=f.peek()}()}d(t)}n(r)}),_("__r",function(n,r){var t,i=r.__c;i&&(s.delete(i),void 0===(t=h.get(i))&&(t=m(function(){s.add(i),i.setState({})}),h.set(i,t))),a=i,d(t),n(r)}),_("__e",function(n,r,t,i){d(),a=void 0,n(r,t,i)}),_("diffed",function(n,r){d(),a=void 0,n(r)}),_("unmount",function(n,r){var t=r.__c||r,i=h.get(t);if(i){h.delete(t);var o=i._d;o&&(o.forEach(function(n){return n._s.delete(i)}),o.clear())}n(r)}),_("__h",function(n,r,t,i){i<3&&l.add(r),n(r,t,i)}),n.prototype.shouldComponentUpdate=function(n,r){var t,i=h.get(this);if(!(i&&0!==(null==(t=i._d)?void 0:t.size)||p.has(this)))return!0;if(s.has(this))return!0;if(l.has(this))return!0;for(var o in r)return!0;for(var e in n)if("__source"!==e&&n[e]!==this.props[e])return!0;for(var f in this.props)if(!(f in n))return!0;return!1};export{y as useComputed,w as useSignal};//# sourceMappingURL=signals.module.js.map
+import{Component as n,options as r}from"preact";import{useMemo as t,useRef as i}from"preact/hooks";import{Signal as o,computed as e,signal as f}from"@preact/signals-core";export{Signal,batch,computed,effect,signal}from"@preact/signals-core";var u,a,c,v=new WeakSet,s=new WeakSet,l=new WeakSet;function p(n,t){r[n]=t.bind(null,r[n]||function(){})}var _=new WeakMap;function h(n){c&&c(!0,!0),a=n,c=n&&n._()}function g(n){var r=f(void 0);return r._u=n,r}function d(n){var r=this,i=n.data,o=m(i);o.value=i;var f=t(function(){for(var n=r.__v;n=n.__;)if(n.__c){l.add(n.__c);break}return a._u=function(){r.base.data=f._v},e(function(){var n=o.value.value;return 0===n?0:!0===n?"":n||""})},[]);return f.value}function b(n){var r={__proto__:null},t=g(function(i){var e=t.__;for(var f in e)if("children"!==f){var u=e[f];if(u instanceof o){var a=u.value,c=r[f];r[f]=a,!0===i||c===a||(f in n?n[f]=a:a?n.setAttribute(f,a):n.removeAttribute(f))}}});return t}function m(n){return t(function(){return f(n)},[])}function k(n){var r=i(n);return r.current=n,l.add(u),t(function(){return e(function(){return r.current()})},[])}d.displayName="_st",Object.defineProperties(o.prototype,{constructor:{configurable:!0},type:{configurable:!0,value:d},props:{configurable:!0,get:function(){return{data:this}}},__b:{configurable:!0,value:1}}),p("__b",function(n,r){if("string"==typeof r.type){var t,i=r.props;for(var e in i)if("children"!==e){var f=i[e];f instanceof o&&(t||(r.__np=t={}),t[e]=f,i[e]=f.peek())}}n(r)}),p("__r",function(n,r){var t,i=r.__c;i&&(v.delete(i),void 0===(t=_.get(i))&&(t=g(function(){v.add(i),i.setState({})}),_.set(i,t))),u=i,h(t),n(r)}),p("__e",function(n,r,t,i){h(),u=void 0,n(r,t,i)}),p("diffed",function(n,r){var t,i;if(h(),u=void 0,"string"==typeof r.type&&(t=r.__e)){var o=r.__np;o&&((i=t._u)||(i=b(t),t._u=i),i.__=o,h(i),i._u(!0))}n(r)}),p("unmount",function(n,r){var t=r.__c,i=t&&_.get(t);if(i&&(_.delete(t),i._()(!0,!0)),"string"==typeof r.type){var o=r.__e,e=o._u;e&&(e._()(!0,!0),o._u=null)}n(r)}),p("__h",function(n,r,t,i){i<3&&s.add(r),n(r,t,i)}),n.prototype.shouldComponentUpdate=function(n,r){var t,i=_.get(this);if(!(i&&0!==(null==(t=i._d)?void 0:t.size)||l.has(this)))return!0;if(v.has(this))return!0;if(s.has(this))return!0;for(var o in r)return!0;for(var e in n)if("__source"!==e&&n[e]!==this.props[e])return!0;for(var f in this.props)if(!(f in n))return!0;return!1};export{k as useComputed,m as useSignal};//# sourceMappingURL=signals.module.js.map

package/dist/signals.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"signals.module.js","sources":["../src/index.ts"],"sourcesContent":["import { options, Component, createElement } from \"preact\";\nimport { useRef, useMemo } from \"preact/hooks\";\nimport {\n\tsignal,\n\tcomputed,\n\tbatch,\n\teffect,\n\tSignal,\n\ttype ReadonlySignal,\n} from \"@preact/signals-core\";\nimport {\n\tVNode,\n\tComponentType,\n\tOptionsTypes,\n\tHookFn,\n\tUpdater,\n\tElementUpdater,\n} from \"./internal\";\n\nexport { signal, computed, batch, effect, Signal, type ReadonlySignal };\n\n// Components that have a pending Signal update: (used to bypass default sCU:false)\nconst hasPendingUpdate = new WeakSet<Component>();\n\n// Components that have useState()/useReducer() hooks:\nconst hasHookState = new WeakSet<Component>();\n\n// Components that have useComputed():\nconst hasComputeds = new WeakSet<Component>();\n\n// Install a Preact options hook\nfunction hook<T extends OptionsTypes>(hookName: T, hookFn: HookFn<T>) {\n\t// @ts-ignore-next-line private options hooks usage\n\toptions[hookName] = hookFn.bind(null, options[hookName] || (() => {}));\n}\n\nlet currentComponent: Component | undefined;\nlet currentUpdater: Updater | undefined;\nlet finishUpdate: ReturnType<Updater[\"_setCurrent\"]> | undefined;\nconst updaterForComponent = new WeakMap<Component | VNode, 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\tcurrentUpdater = updater;\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// Get a (cached) Signal property updater for an element VNode\nfunction getElementUpdater(vnode: VNode) {\n\tlet updater = updaterForComponent.get(vnode) as ElementUpdater;\n\tif (!updater) {\n\t\tlet signalProps: Array<{ _key: string, _signal: Signal }> = [];\n\t\tupdater = createUpdater(() => {\n\t\t\tlet dom = vnode.__e as Element;\n\n\t\t\tfor (let i = 0; i < signalProps.length; i++) {\n\t\t\t\tlet { _key: prop, _signal: signal } = signalProps[i];\n\t\t\t\tlet value = signal._value;\n\t\t\t\tif (!dom) return;\n\t\t\t\tif (prop in dom) {\n\t\t\t\t\t// @ts-ignore-next-line silly\n\t\t\t\t\tdom[prop] = value;\n\t\t\t\t} else if (value) {\n\t\t\t\t\tdom.setAttribute(prop, value);\n\t\t\t\t} else {\n\t\t\t\t\tdom.removeAttribute(prop);\n\t\t\t\t}\n\t\t\t}\n\t\t}) as ElementUpdater;\n\t\tupdater._props = signalProps;\n\t\tupdaterForComponent.set(vnode, updater);\n\t} else {\n\t\tupdater._props.length = 0;\n\t}\n\treturn updater;\n}\n\n/** @todo This may be needed for complex prop value detection. */\n// function isSignalValue(value: any): value is Signal {\n// \tif (typeof value !== \"object\" || value == null) return false;\n// \tif (value instanceof Signal) return true;\n// \t// @TODO: uncomment this when we land Reactive (ideally behind a brand check)\n// \t// for (let i in value) if (value[i] instanceof Signal) return true;\n// \treturn false;\n// }\n\n/** Convert Signals within (nested) props.children into Text components */\nfunction childToSignal<T>(child: any, i: keyof T, arr: T) {\n\tif (typeof child !== \"object\" || child == null) {\n\t\t// can't be a signal\n\t} else if (Array.isArray(child)) {\n\t\tchild.forEach(childToSignal);\n\t} else if (child instanceof Signal) {\n\t\t// @ts-ignore-next-line yes, arr can accept VNodes:\n\t\tarr[i] = createElement(Text, { data: child });\n\t}\n}\n\n/**\n * A wrapper component that renders a Signal directly as a Text node.\n * @todo: in Preact 11, just decorate Signal with `type:null`\n */\nfunction Text(this: ComponentType, { data }: { data: Signal }) {\n\t// hasComputeds.add(this);\n\n\tconst s = useMemo(() => {\n\t\t// mark the parent component as having computeds so it gets optimized\n\t\tlet v = this.__v;\n\t\twhile ((v = v.__!)) {\n\t\t\tif (v.__c) {\n\t\t\t\thasComputeds.add(v.__c);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\n\t\t// Replace this component's vdom updater with a direct text one:\n\t\tcurrentUpdater!._updater = () => {\n\t\t\t(this.base as Text).data = s._value;\n\t\t};\n\n\t\treturn computed(() => {\n\t\t\tlet s = data.value;\n\t\t\treturn s === 0 ? 0 : s === true ? \"\" : s || \"\";\n\t\t});\n\t}, []);\n\n\treturn s.value;\n}\nText.displayName = \"_st\";\n\n/** Inject low-level property/attribute bindings for Signals into Preact's diff */\nhook(OptionsTypes.DIFF, (old, vnode) => {\n\tif (typeof vnode.type === \"string\") {\n\t\t// let orig = vnode.__o || vnode;\n\t\tlet props = vnode.props;\n\t\tlet updater;\n\n\t\tfor (let i in props) {\n\t\t\tlet value = props[i];\n\t\t\tif (i === \"children\") {\n\t\t\t\tchildToSignal(value, \"children\", props);\n\t\t\t} else if (value instanceof Signal) {\n\t\t\t\t// first Signal prop triggers creation/cleanup of the updater:\n\t\t\t\tif (!updater) updater = getElementUpdater(vnode);\n\t\t\t\t// track which props are Signals for precise updates:\n\t\t\t\tupdater._props.push({ _key: i, _signal: value });\n\t\t\t\tlet newUpdater = updater._updater\n\t\t\t\tif (value._updater) {\n\t\t\t\t\tlet oldUpdater = value._updater\n\t\t\t\t\tvalue._updater = () => {\n\t\t\t\t\t\tnewUpdater();\n\t\t\t\t\t\toldUpdater();\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tvalue._updater = newUpdater\n\t\t\t\t}\n\t\t\t\tprops[i] = value.peek()\n\t\t\t}\n\t\t}\n\n\t\tsetCurrentUpdater(updater);\n\t}\n\n\told(vnode);\n});\n\n/** Set up Updater before rendering a component */\nhook(OptionsTypes.RENDER, (old, vnode) => {\n\tlet updater;\n\n\tlet component = vnode.__c;\n\tif (component) {\n\t\thasPendingUpdate.delete(component);\n\n\t\tupdater = updaterForComponent.get(component);\n\t\tif (updater === undefined) {\n\t\t\tupdater = createUpdater(() => {\n\t\t\t\thasPendingUpdate.add(component);\n\t\t\t\tcomponent.setState({});\n\t\t\t});\n\t\t\tupdaterForComponent.set(component, updater);\n\t\t}\n\t}\n\n\tcurrentComponent = component;\n\tsetCurrentUpdater(updater);\n\told(vnode);\n});\n\n/** Finish current updater if a component errors */\nhook(OptionsTypes.CATCH_ERROR, (old, error, vnode, oldVNode) => {\n\tsetCurrentUpdater();\n\tcurrentComponent = undefined;\n\told(error, vnode, oldVNode);\n});\n\n/** Finish current updater after rendering any VNode */\nhook(OptionsTypes.DIFFED, (old, vnode) => {\n\tsetCurrentUpdater();\n\tcurrentComponent = undefined;\n\told(vnode);\n});\n\n/** Unsubscribe from Signals when unmounting components/vnodes */\nhook(OptionsTypes.UNMOUNT, (old, vnode: VNode) => {\n\tlet thing = vnode.__c || vnode;\n\tconst updater = updaterForComponent.get(thing);\n\tif (updater) {\n\t\tupdaterForComponent.delete(thing);\n\t\tconst signals = updater._deps;\n\t\tif (signals) {\n\t\t\tsignals.forEach(signal => signal._subs.delete(updater));\n\t\t\tsignals.clear();\n\t\t}\n\t}\n\told(vnode);\n});\n\n/** Mark components that use hook state so we can skip sCU optimization. */\nhook(OptionsTypes.HOOK, (old, component, index, type) => {\n\tif (type < 3) hasHookState.add(component);\n\told(component, index, type);\n});\n\n/**\n * Auto-memoize components that use Signals/Computeds.\n * Note: Does _not_ optimize components that use hook/class state.\n */\nComponent.prototype.shouldComponentUpdate = function (props, state) {\n\t// @todo: Once preactjs/preact#3671 lands, this could just use `currentUpdater`:\n\tconst updater = updaterForComponent.get(this);\n\n\tconst hasSignals = updater && updater._deps?.size !== 0;\n\n\t// let reason;\n\t// if (!hasSignals && !hasComputeds.has(this)) {\n\t// \treason = \"no signals or computeds\";\n\t// } else if (hasPendingUpdate.has(this)) {\n\t// \treason = \"has pending update\";\n\t// } else if (hasHookState.has(this)) {\n\t// \treason = \"has hook state\";\n\t// }\n\t// if (reason) {\n\t// \tif (!this) reason += \" (`this` bug)\";\n\t// \tconsole.log(\"not optimizing\", this?.constructor?.name, \": \", reason, {\n\t// \t\tdetails: {\n\t// \t\t\thasSignals,\n\t// \t\t\thasComputeds: hasComputeds.has(this),\n\t// \t\t\thasPendingUpdate: hasPendingUpdate.has(this),\n\t// \t\t\thasHookState: hasHookState.has(this),\n\t// \t\t\tdeps: Array.from(updater._deps),\n\t// \t\t\tupdater,\n\t// \t\t},\n\t// \t});\n\t// }\n\n\t// if this component used no signals or computeds, update:\n\tif (!hasSignals && !hasComputeds.has(this)) return true;\n\n\t// if there is a pending re-render triggered from Signals, update:\n\tif (hasPendingUpdate.has(this)) return true;\n\n\t// if there is hook or class state, update:\n\tif (hasHookState.has(this)) return true;\n\tfor (let i in state) return true;\n\n\t// if any non-Signal props changed, update:\n\tfor (let i in props) {\n\t\tif (i !== \"__source\" && props[i] !== this.props[i]) return true;\n\t}\n\tfor (let i in this.props) if (!(i in props)) return true;\n\n\t// this is a purely Signal-driven component, don't update:\n\treturn false;\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\thasComputeds.add(currentComponent!);\n\treturn useMemo(() => computed<T>(() => $compute.current()), []);\n}\n\n/**\n * @todo Determine which Reactive implementation we'll be using.\n * @internal\n */\n// export function useReactive<T extends object>(value: T): Reactive<T> {\n// \treturn useMemo(() => reactive<T>(value), []);\n// }\n\n/**\n * @internal\n * Update a Reactive's using the properties of an object or other Reactive.\n * Also works for Signals.\n * @example\n *   // Update a Reactive with Object.assign()-like syntax:\n *   const r = reactive({ name: \"Alice\" });\n *   update(r, { name: \"Bob\" });\n *   update(r, { age: 42 }); // property 'age' does not exist in type '{ name?: string }'\n *   update(r, 2); // '2' has no properties in common with '{ name?: string }'\n *   console.log(r.name.value); // \"Bob\"\n *\n * @example\n *   // Update a Reactive with the properties of another Reactive:\n *   const A = reactive({ name: \"Alice\" });\n *   const B = reactive({ name: \"Bob\", age: 42 });\n *   update(A, B);\n *   console.log(`${A.name} is ${A.age}`); // \"Bob is 42\"\n *\n * @example\n *   // Update a signal with assign()-like syntax:\n *   const s = signal(42);\n *   update(s, \"hi\"); // Argument type 'string' not assignable to type 'number'\n *   update(s, {}); // Argument type '{}' not assignable to type 'number'\n *   update(s, 43);\n *   console.log(s.value); // 43\n *\n * @param obj The Reactive or Signal to be updated\n * @param update The value, Signal, object or Reactive to update `obj` to match\n * @param overwrite If `true`, any properties `obj` missing from `update` are set to `undefined`\n */\n/*\nexport function update<T extends SignalOrReactive>(\n\tobj: T,\n\tupdate: Partial<Unwrap<T>>,\n\toverwrite = false\n) {\n\tif (obj instanceof Signal) {\n\t\tobj.value = peekValue(update);\n\t} else {\n\t\tfor (let i in update) {\n\t\t\tif (i in obj) {\n\t\t\t\tobj[i].value = peekValue(update[i]);\n\t\t\t} else {\n\t\t\t\tlet sig = signal(peekValue(update[i]));\n\t\t\t\tsig[KEY] = i;\n\t\t\t\tobj[i] = sig;\n\t\t\t}\n\t\t}\n\t\tif (overwrite) {\n\t\t\tfor (let i in obj) {\n\t\t\t\tif (!(i in update)) {\n\t\t\t\t\tobj[i].value = undefined;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n*/\n"],"names":["Component","options","createElement","useMemo","useRef","Signal","signal","computed","batch","effect","currentComponent","currentUpdater","finishUpdate","hasPendingUpdate","WeakSet","hasComputeds","hook","hookName","hookFn","bind","updaterForComponent","WeakMap","setCurrentUpdater","updater","_setCurrent","s","undefined","_canActivate","_updater","getElementUpdater","vnode","get","_props","length","signalProps","createUpdater","dom","__e","i","prop","_key","value","_signal","_value","setAttribute","removeAttribute","set","childToSignal","child","arr","Array","isArray","forEach","Text","data","_ref","_this","this","__v","v","__","__c","add","base","useSignal","useComputed","compute","$compute","current","displayName","old","type","props","push","oldUpdater","newUpdater","peek","component","setState","error","oldVNode","thing","signals","_deps","_subs","clear","index","hasHookState","prototype","shouldComponentUpdate","state","_updater$_deps","size","has","_i","_i2"],"mappings":"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"}
+{"version":3,"file":"signals.module.js","sources":["../src/index.ts"],"sourcesContent":["import { options, Component } from \"preact\";\nimport { useRef, useMemo } from \"preact/hooks\";\nimport {\n\tsignal,\n\tcomputed,\n\tbatch,\n\teffect,\n\tSignal,\n\ttype ReadonlySignal,\n} from \"@preact/signals-core\";\nimport {\n\tVNode,\n\tComponentType,\n\tOptionsTypes,\n\tHookFn,\n\tUpdater,\n\tElementUpdater,\n} from \"./internal\";\n\nexport { signal, computed, batch, effect, Signal, type ReadonlySignal };\n\n// Components that have a pending Signal update: (used to bypass default sCU:false)\nconst hasPendingUpdate = new WeakSet<Component>();\n\n// Components that have useState()/useReducer() hooks:\nconst hasHookState = new WeakSet<Component>();\n\n// Components that have useComputed():\nconst hasComputeds = new WeakSet<Component>();\n\n// Install a Preact options hook\nfunction hook<T extends OptionsTypes>(hookName: T, hookFn: HookFn<T>) {\n\t// @ts-ignore-next-line private options hooks usage\n\toptions[hookName] = hookFn.bind(null, options[hookName] || (() => {}));\n}\n\nlet currentComponent: Component | undefined;\nlet currentUpdater: Updater | undefined;\nlet finishUpdate: ReturnType<Updater[\"_setCurrent\"]> | undefined;\nconst updaterForComponent = new WeakMap<Component | VNode, 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\tcurrentUpdater = updater;\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/** @todo This may be needed for complex prop value detection. */\n// function isSignalValue(value: any): value is Signal {\n// \tif (typeof value !== \"object\" || value == null) return false;\n// \tif (value instanceof Signal) return true;\n// \t// @TODO: uncomment this when we land Reactive (ideally behind a brand check)\n// \t// for (let i in value) if (value[i] instanceof Signal) return true;\n// \treturn false;\n// }\n\n/**\n * A wrapper component that renders a Signal directly as a Text node.\n * @todo: in Preact 11, just decorate Signal with `type:null`\n */\nfunction Text(this: ComponentType, { data }: { data: Signal }) {\n\t// hasComputeds.add(this);\n\n\t// Store the props.data signal in another signal so that\n\t// passing a new signal reference re-runs the text computed:\n\tconst currentSignal = useSignal(data);\n\tcurrentSignal.value = data;\n\n\tconst s = useMemo(() => {\n\t\t// mark the parent component as having computeds so it gets optimized\n\t\tlet v = this.__v;\n\t\twhile ((v = v.__!)) {\n\t\t\tif (v.__c) {\n\t\t\t\thasComputeds.add(v.__c);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\n\t\t// Replace this component's vdom updater with a direct text one:\n\t\tcurrentUpdater!._updater = () => {\n\t\t\t(this.base as Text).data = s._value;\n\t\t};\n\n\t\treturn computed(() => {\n\t\t\tlet data = currentSignal.value;\n\t\t\tlet s = data.value;\n\t\t\treturn s === 0 ? 0 : s === true ? \"\" : s || \"\";\n\t\t});\n\t}, []);\n\n\treturn s.value;\n}\nText.displayName = \"_st\";\n\nObject.defineProperties(Signal.prototype, {\n\tconstructor: { configurable: true },\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\t// Setting a VNode's _depth to 1 forces Preact to clone it before modifying:\n\t// https://github.com/preactjs/preact/blob/d7a433ee8463a7dc23a05111bb47de9ec729ad4d/src/diff/children.js#L77\n\t// @todo remove this for Preact 11\n\t__b: { configurable: true, value: 1 },\n});\n\n/** Inject low-level property/attribute bindings for Signals into Preact's diff */\nhook(OptionsTypes.DIFF, (old, vnode) => {\n\tif (typeof vnode.type === \"string\") {\n\t\tlet signalProps: Record<string, any> | undefined;\n\n\t\tlet props = vnode.props;\n\t\tfor (let i in props) {\n\t\t\tif (i === \"children\") continue;\n\n\t\t\tlet value = props[i];\n\t\t\tif (value instanceof Signal) {\n\t\t\t\tif (!signalProps) vnode.__np = signalProps = {};\n\t\t\t\tsignalProps[i] = value;\n\t\t\t\tprops[i] = value.peek();\n\t\t\t}\n\t\t}\n\t}\n\n\told(vnode);\n});\n\n/** Set up Updater before rendering a component */\nhook(OptionsTypes.RENDER, (old, vnode) => {\n\tlet updater;\n\n\tlet component = vnode.__c;\n\tif (component) {\n\t\thasPendingUpdate.delete(component);\n\n\t\tupdater = updaterForComponent.get(component);\n\t\tif (updater === undefined) {\n\t\t\tupdater = createUpdater(() => {\n\t\t\t\thasPendingUpdate.add(component);\n\t\t\t\tcomponent.setState({});\n\t\t\t});\n\t\t\tupdaterForComponent.set(component, updater);\n\t\t}\n\t}\n\n\tcurrentComponent = component;\n\tsetCurrentUpdater(updater);\n\told(vnode);\n});\n\n/** Finish current updater if a component errors */\nhook(OptionsTypes.CATCH_ERROR, (old, error, vnode, oldVNode) => {\n\tsetCurrentUpdater();\n\tcurrentComponent = undefined;\n\told(error, vnode, oldVNode);\n});\n\n/** Finish current updater after rendering any VNode */\nhook(OptionsTypes.DIFFED, (old, vnode) => {\n\tsetCurrentUpdater();\n\tcurrentComponent = undefined;\n\n\tlet dom: Element;\n\tlet updater: ElementUpdater;\n\n\t// vnode._dom is undefined during string rendering,\n\t// so we use this to skip prop subscriptions during SSR.\n\tif (typeof vnode.type === \"string\" && (dom = vnode.__e as Element)) {\n\t\tlet props = vnode.__np;\n\t\tif (props) {\n\t\t\t// @ts-ignore-next\n\t\t\tupdater = dom._updater;\n\t\t\tif (!updater) {\n\t\t\t\tupdater = createElementUpdater(dom);\n\t\t\t\t// @ts-ignore-next\n\t\t\t\tdom._updater = updater;\n\t\t\t}\n\t\t\tupdater!._props = props;\n\t\t\tsetCurrentUpdater(updater);\n\t\t\t// @ts-ignore-next we're adding an argument here\n\t\t\tupdater._updater(true);\n\t\t}\n\t}\n\told(vnode);\n});\n\n// per-element updater for 1+ signal bindings\nfunction createElementUpdater(dom: Element) {\n\tconst cache: Record<string, any> = { __proto__: null };\n\tconst updater = createUpdater((skip?: boolean) => {\n\t\tconst props = updater._props;\n\t\tfor (let prop in props) {\n\t\t\tif (prop === \"children\") continue;\n\t\t\tlet signal = props[prop];\n\t\t\tif (signal instanceof Signal) {\n\t\t\t\tlet value = signal.value;\n\t\t\t\tlet cached = cache[prop];\n\t\t\t\tcache[prop] = value;\n\t\t\t\tif (skip === true || cached === value) {\n\t\t\t\t\t// this is just a subscribe run, not an update\n\t\t\t\t} else if (prop in dom) {\n\t\t\t\t\t// @ts-ignore-next-line silly\n\t\t\t\t\tdom[prop] = value;\n\t\t\t\t} else if (value) {\n\t\t\t\t\tdom.setAttribute(prop, value);\n\t\t\t\t} else {\n\t\t\t\t\tdom.removeAttribute(prop);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}) as ElementUpdater;\n\treturn updater;\n}\n\n/** Unsubscribe from Signals when unmounting components/vnodes */\nhook(OptionsTypes.UNMOUNT, (old, vnode: VNode) => {\n\tlet component = vnode.__c;\n\tconst updater = component && updaterForComponent.get(component);\n\tif (updater) {\n\t\tupdaterForComponent.delete(component);\n\t\tupdater._setCurrent()(true, true);\n\t}\n\n\tif (typeof vnode.type === \"string\") {\n\t\tconst dom = vnode.__e as Element;\n\n\t\t// @ts-ignore-next\n\t\tconst updater = dom._updater;\n\t\tif (updater) {\n\t\t\tupdater._setCurrent()(true, true);\n\t\t\t// @ts-ignore-next\n\t\t\tdom._updater = null;\n\t\t}\n\t}\n\told(vnode);\n});\n\n/** Mark components that use hook state so we can skip sCU optimization. */\nhook(OptionsTypes.HOOK, (old, component, index, type) => {\n\tif (type < 3) hasHookState.add(component);\n\told(component, index, type);\n});\n\n/**\n * Auto-memoize components that use Signals/Computeds.\n * Note: Does _not_ optimize components that use hook/class state.\n */\nComponent.prototype.shouldComponentUpdate = function (props, state) {\n\t// @todo: Once preactjs/preact#3671 lands, this could just use `currentUpdater`:\n\tconst updater = updaterForComponent.get(this);\n\n\tconst hasSignals = updater && updater._deps?.size !== 0;\n\n\t// let reason;\n\t// if (!hasSignals && !hasComputeds.has(this)) {\n\t// \treason = \"no signals or computeds\";\n\t// } else if (hasPendingUpdate.has(this)) {\n\t// \treason = \"has pending update\";\n\t// } else if (hasHookState.has(this)) {\n\t// \treason = \"has hook state\";\n\t// }\n\t// if (reason) {\n\t// \tif (!this) reason += \" (`this` bug)\";\n\t// \tconsole.log(\"not optimizing\", this?.constructor?.name, \": \", reason, {\n\t// \t\tdetails: {\n\t// \t\t\thasSignals,\n\t// \t\t\thasComputeds: hasComputeds.has(this),\n\t// \t\t\thasPendingUpdate: hasPendingUpdate.has(this),\n\t// \t\t\thasHookState: hasHookState.has(this),\n\t// \t\t\tdeps: Array.from(updater._deps),\n\t// \t\t\tupdater,\n\t// \t\t},\n\t// \t});\n\t// }\n\n\t// if this component used no signals or computeds, update:\n\tif (!hasSignals && !hasComputeds.has(this)) return true;\n\n\t// if there is a pending re-render triggered from Signals, update:\n\tif (hasPendingUpdate.has(this)) return true;\n\n\t// if there is hook or class state, update:\n\tif (hasHookState.has(this)) return true;\n\t// @ts-ignore\n\tfor (let i in state) return true;\n\n\t// if any non-Signal props changed, update:\n\tfor (let i in props) {\n\t\tif (i !== \"__source\" && props[i] !== this.props[i]) return true;\n\t}\n\tfor (let i in this.props) if (!(i in props)) return true;\n\n\t// this is a purely Signal-driven component, don't update:\n\treturn false;\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\thasComputeds.add(currentComponent!);\n\treturn useMemo(() => computed<T>(() => $compute.current()), []);\n}\n\n/**\n * @todo Determine which Reactive implementation we'll be using.\n * @internal\n */\n// export function useReactive<T extends object>(value: T): Reactive<T> {\n// \treturn useMemo(() => reactive<T>(value), []);\n// }\n\n/**\n * @internal\n * Update a Reactive's using the properties of an object or other Reactive.\n * Also works for Signals.\n * @example\n *   // Update a Reactive with Object.assign()-like syntax:\n *   const r = reactive({ name: \"Alice\" });\n *   update(r, { name: \"Bob\" });\n *   update(r, { age: 42 }); // property 'age' does not exist in type '{ name?: string }'\n *   update(r, 2); // '2' has no properties in common with '{ name?: string }'\n *   console.log(r.name.value); // \"Bob\"\n *\n * @example\n *   // Update a Reactive with the properties of another Reactive:\n *   const A = reactive({ name: \"Alice\" });\n *   const B = reactive({ name: \"Bob\", age: 42 });\n *   update(A, B);\n *   console.log(`${A.name} is ${A.age}`); // \"Bob is 42\"\n *\n * @example\n *   // Update a signal with assign()-like syntax:\n *   const s = signal(42);\n *   update(s, \"hi\"); // Argument type 'string' not assignable to type 'number'\n *   update(s, {}); // Argument type '{}' not assignable to type 'number'\n *   update(s, 43);\n *   console.log(s.value); // 43\n *\n * @param obj The Reactive or Signal to be updated\n * @param update The value, Signal, object or Reactive to update `obj` to match\n * @param overwrite If `true`, any properties `obj` missing from `update` are set to `undefined`\n */\n/*\nexport function update<T extends SignalOrReactive>(\n\tobj: T,\n\tupdate: Partial<Unwrap<T>>,\n\toverwrite = false\n) {\n\tif (obj instanceof Signal) {\n\t\tobj.value = peekValue(update);\n\t} else {\n\t\tfor (let i in update) {\n\t\t\tif (i in obj) {\n\t\t\t\tobj[i].value = peekValue(update[i]);\n\t\t\t} else {\n\t\t\t\tlet sig = signal(peekValue(update[i]));\n\t\t\t\tsig[KEY] = i;\n\t\t\t\tobj[i] = sig;\n\t\t\t}\n\t\t}\n\t\tif (overwrite) {\n\t\t\tfor (let i in obj) {\n\t\t\t\tif (!(i in update)) {\n\t\t\t\t\tobj[i].value = undefined;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n*/\n"],"names":["Component","options","useMemo","useRef","Signal","computed","signal","batch","effect","currentComponent","currentUpdater","hasPendingUpdate","WeakSet","hasHookState","hasComputeds","hookName","hookFn","bind","updaterForComponent","WeakMap","updater","finishUpdate","_setCurrent","createUpdater","undefined","s","_updater","_ref","_this","this","data","currentSignal","useSignal","value","v","__v","__","__c","add","base","_value","createElementUpdater","dom","cache","__proto__","skip","props","_props","prop","_signal","cached","setAttribute","removeAttribute","useComputed","compute","$compute","current","Text","displayName","Object","defineProperties","prototype","constructor","configurable","type","get","__b","hook","old","vnode","signalProps","i","__np","peek","component","setState","set","setCurrentUpdater","error","oldVNode","__e","index","shouldComponentUpdate","state","_updater$_deps","_deps","size","has"],"mappings":"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"}

package/package.json

@@ -1,13 +1,17 @@
 {
   "name": "@preact/signals",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "license": "MIT",
   "description": "",
   "keywords": [],
   "authors": [
     "The Preact Authors (https://github.com/preactjs/signals/contributors)"
   ],
-  "repository": "preactjs/signals",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/preactjs/signals",
+    "directory": "packages/preact"
+  },
   "bugs": "https://github.com/preactjs/signals/issues",
   "homepage": "https://preactjs.com",
   "funding": {
@@ -22,16 +26,16 @@
   "source": "src/index.ts",
   "exports": {
     ".": {
+      "types": "./dist/signals.d.ts",
       "browser": "./dist/signals.module.js",
       "umd": "./dist/signals.umd.js",
       "import": "./dist/signals.mjs",
-      "require": "./dist/signals.js",
-      "types": "./dist/signals.d.ts"
+      "require": "./dist/signals.js"
     }
   },
   "mangle": "../../mangle.json",
   "dependencies": {
-    "@preact/signals-core": "^1.0.1"
+    "@preact/signals-core": "^1.1.1"
   },
   "peerDependencies": {
     "preact": "10.x"

package/src/index.ts

@@ -1,4 +1,4 @@
-import { options, Component, createElement } from "preact";
+import { options, Component } from "preact";
 import { useRef, useMemo } from "preact/hooks";
 import {
 	signal,
@@ -49,41 +49,10 @@ function setCurrentUpdater(updater?: Updater) {
 
 function createUpdater(updater: () => void) {
 	const s = signal(undefined) as Updater;
-	s._canActivate = true;
 	s._updater = updater;
 	return s;
 }
 
-// Get a (cached) Signal property updater for an element VNode
-function getElementUpdater(vnode: VNode) {
-	let updater = updaterForComponent.get(vnode) as ElementUpdater;
-	if (!updater) {
-		let signalProps: Array<{ _key: string, _signal: Signal }> = [];
-		updater = createUpdater(() => {
-			let dom = vnode.__e as Element;
-
-			for (let i = 0; i < signalProps.length; i++) {
-				let { _key: prop, _signal: signal } = signalProps[i];
-				let value = signal._value;
-				if (!dom) return;
-				if (prop in dom) {
-					// @ts-ignore-next-line silly
-					dom[prop] = value;
-				} else if (value) {
-					dom.setAttribute(prop, value);
-				} else {
-					dom.removeAttribute(prop);
-				}
-			}
-		}) as ElementUpdater;
-		updater._props = signalProps;
-		updaterForComponent.set(vnode, updater);
-	} else {
-		updater._props.length = 0;
-	}
-	return updater;
-}
-
 /** @todo This may be needed for complex prop value detection. */
 // function isSignalValue(value: any): value is Signal {
 // 	if (typeof value !== "object" || value == null) return false;
@@ -93,18 +62,6 @@ function getElementUpdater(vnode: VNode) {
 // 	return false;
 // }
 
-/** Convert Signals within (nested) props.children into Text components */
-function childToSignal<T>(child: any, i: keyof T, arr: T) {
-	if (typeof child !== "object" || child == null) {
-		// can't be a signal
-	} else if (Array.isArray(child)) {
-		child.forEach(childToSignal);
-	} else if (child instanceof Signal) {
-		// @ts-ignore-next-line yes, arr can accept VNodes:
-		arr[i] = createElement(Text, { data: child });
-	}
-}
-
 /**
  * A wrapper component that renders a Signal directly as a Text node.
  * @todo: in Preact 11, just decorate Signal with `type:null`
@@ -112,6 +69,11 @@ function childToSignal<T>(child: any, i: keyof T, arr: T) {
 function Text(this: ComponentType, { data }: { data: Signal }) {
 	// hasComputeds.add(this);
 
+	// Store the props.data signal in another signal so that
+	// passing a new signal reference re-runs the text computed:
+	const currentSignal = useSignal(data);
+	currentSignal.value = data;
+
 	const s = useMemo(() => {
 		// mark the parent component as having computeds so it gets optimized
 		let v = this.__v;
@@ -128,6 +90,7 @@ function Text(this: ComponentType, { data }: { data: Signal }) {
 		};
 
 		return computed(() => {
+			let data = currentSignal.value;
 			let s = data.value;
 			return s === 0 ? 0 : s === true ? "" : s || "";
 		});
@@ -137,37 +100,37 @@ function Text(this: ComponentType, { data }: { data: Signal }) {
 }
 Text.displayName = "_st";
 
+Object.defineProperties(Signal.prototype, {
+	constructor: { configurable: true },
+	type: { configurable: true, value: Text },
+	props: {
+		configurable: true,
+		get() {
+			return { data: this };
+		},
+	},
+	// Setting a VNode's _depth to 1 forces Preact to clone it before modifying:
+	// https://github.com/preactjs/preact/blob/d7a433ee8463a7dc23a05111bb47de9ec729ad4d/src/diff/children.js#L77
+	// @todo remove this for Preact 11
+	__b: { configurable: true, value: 1 },
+});
+
 /** Inject low-level property/attribute bindings for Signals into Preact's diff */
 hook(OptionsTypes.DIFF, (old, vnode) => {
 	if (typeof vnode.type === "string") {
-		// let orig = vnode.__o || vnode;
-		let props = vnode.props;
-		let updater;
+		let signalProps: Record<string, any> | undefined;
 
+		let props = vnode.props;
 		for (let i in props) {
+			if (i === "children") continue;
+
 			let value = props[i];
-			if (i === "children") {
-				childToSignal(value, "children", props);
-			} else if (value instanceof Signal) {
-				// first Signal prop triggers creation/cleanup of the updater:
-				if (!updater) updater = getElementUpdater(vnode);
-				// track which props are Signals for precise updates:
-				updater._props.push({ _key: i, _signal: value });
-				let newUpdater = updater._updater
-				if (value._updater) {
-					let oldUpdater = value._updater
-					value._updater = () => {
-						newUpdater();
-						oldUpdater();
-					}
-				} else {
-					value._updater = newUpdater
-				}
-				props[i] = value.peek()
+			if (value instanceof Signal) {
+				if (!signalProps) vnode.__np = signalProps = {};
+				signalProps[i] = value;
+				props[i] = value.peek();
 			}
 		}
-
-		setCurrentUpdater(updater);
 	}
 
 	old(vnode);
@@ -207,19 +170,77 @@ hook(OptionsTypes.CATCH_ERROR, (old, error, vnode, oldVNode) => {
 hook(OptionsTypes.DIFFED, (old, vnode) => {
 	setCurrentUpdater();
 	currentComponent = undefined;
+
+	let dom: Element;
+	let updater: ElementUpdater;
+
+	// vnode._dom is undefined during string rendering,
+	// so we use this to skip prop subscriptions during SSR.
+	if (typeof vnode.type === "string" && (dom = vnode.__e as Element)) {
+		let props = vnode.__np;
+		if (props) {
+			// @ts-ignore-next
+			updater = dom._updater;
+			if (!updater) {
+				updater = createElementUpdater(dom);
+				// @ts-ignore-next
+				dom._updater = updater;
+			}
+			updater!._props = props;
+			setCurrentUpdater(updater);
+			// @ts-ignore-next we're adding an argument here
+			updater._updater(true);
+		}
+	}
 	old(vnode);
 });
 
+// per-element updater for 1+ signal bindings
+function createElementUpdater(dom: Element) {
+	const cache: Record<string, any> = { __proto__: null };
+	const updater = createUpdater((skip?: boolean) => {
+		const props = updater._props;
+		for (let prop in props) {
+			if (prop === "children") continue;
+			let signal = props[prop];
+			if (signal instanceof Signal) {
+				let value = signal.value;
+				let cached = cache[prop];
+				cache[prop] = value;
+				if (skip === true || cached === value) {
+					// this is just a subscribe run, not an update
+				} else if (prop in dom) {
+					// @ts-ignore-next-line silly
+					dom[prop] = value;
+				} else if (value) {
+					dom.setAttribute(prop, value);
+				} else {
+					dom.removeAttribute(prop);
+				}
+			}
+		}
+	}) as ElementUpdater;
+	return updater;
+}
+
 /** Unsubscribe from Signals when unmounting components/vnodes */
 hook(OptionsTypes.UNMOUNT, (old, vnode: VNode) => {
-	let thing = vnode.__c || vnode;
-	const updater = updaterForComponent.get(thing);
+	let component = vnode.__c;
+	const updater = component && updaterForComponent.get(component);
 	if (updater) {
-		updaterForComponent.delete(thing);
-		const signals = updater._deps;
-		if (signals) {
-			signals.forEach(signal => signal._subs.delete(updater));
-			signals.clear();
+		updaterForComponent.delete(component);
+		updater._setCurrent()(true, true);
+	}
+
+	if (typeof vnode.type === "string") {
+		const dom = vnode.__e as Element;
+
+		// @ts-ignore-next
+		const updater = dom._updater;
+		if (updater) {
+			updater._setCurrent()(true, true);
+			// @ts-ignore-next
+			dom._updater = null;
 		}
 	}
 	old(vnode);
@@ -271,6 +292,7 @@ Component.prototype.shouldComponentUpdate = function (props, state) {
 
 	// if there is hook or class state, update:
 	if (hasHookState.has(this)) return true;
+	// @ts-ignore
 	for (let i in state) return true;
 
 	// if any non-Signal props changed, update:

package/src/internal.d.ts

@@ -8,6 +8,8 @@ export interface VNode<P = any> extends preact.VNode<P> {
 	__?: VNode;
 	/** The DOM node for this VNode */
 	__e?: Element | Text;
+	/** Props that had Signal values before diffing (used after diffing to subscribe) */
+	__np?: Record<string, any> | null;
 }
 
 export interface ComponentType extends Component {
@@ -18,7 +20,7 @@ export interface ComponentType extends Component {
 export type Updater = Signal<unknown>;
 
 export interface ElementUpdater extends Updater {
-	_props: Array<{ _key: string, _signal: Signal }>;
+	_props: Record<string, any>;
 }
 
 export const enum OptionsTypes {

package/test/{index.test.ts → index.test.tsx}

@@ -1,6 +1,5 @@
 import { signal, useComputed } from "@preact/signals";
-import { h, render } from "preact";
-import { useMemo } from "preact/hooks";
+import { createElement, render } from "preact";
 import { setupRerender } from "preact/test-utils";
 
 const sleep = (ms?: number) => new Promise(r => setTimeout(r, ms));
@@ -20,7 +19,7 @@ describe("@preact/signals", () => {
 
 	describe("Text bindings", () => {
 		it("should render text without signals", () => {
-			render(h("span", null, "test"), scratch);
+			render(<span>test</span>, scratch);
 			const span = scratch.firstChild;
 			const text = span?.firstChild;
 			expect(text).to.have.property("data", "test");
@@ -28,7 +27,7 @@ describe("@preact/signals", () => {
 
 		it("should render Signals as Text", () => {
 			const sig = signal("test");
-			render(h("span", null, sig), scratch);
+			render(<span>{sig}</span>, scratch);
 			const span = scratch.firstChild;
 			expect(span).to.have.property("firstChild").that.is.an.instanceOf(Text);
 			const text = span?.firstChild;
@@ -37,7 +36,7 @@ describe("@preact/signals", () => {
 
 		it("should update Signal-based Text (no parent component)", () => {
 			const sig = signal("test");
-			render(h("span", null, sig), scratch);
+			render(<span>{sig}</span>, scratch);
 
 			const text = scratch.firstChild!.firstChild!;
 			expect(text).to.have.property("data", "test");
@@ -50,12 +49,15 @@ describe("@preact/signals", () => {
 			expect(text).to.have.property("data", "changed");
 		});
 
-		it("should update Signal-based Text (in a parent component)", () => {
+		it("should update Signal-based Text (in a parent component)", async () => {
 			const sig = signal("test");
+			const spy = sinon.spy();
 			function App({ x }: { x: typeof sig }) {
-				return h("span", null, x);
+				spy();
+				return <span>{x}</span>;
 			}
-			render(h(App, { x: sig }), scratch);
+			render(<App x={sig} />, scratch);
+			spy.resetHistory();
 
 			const text = scratch.firstChild!.firstChild!;
 			expect(text).to.have.property("data", "test");
@@ -66,6 +68,51 @@ describe("@preact/signals", () => {
 			expect(scratch.firstChild!.firstChild!).to.equal(text);
 			// should update the text in-place
 			expect(text).to.have.property("data", "changed");
+
+			await sleep();
+			expect(spy).not.to.have.been.called;
+		});
+
+		it("should support swapping Signals in Text positions", async () => {
+			const sig = signal("test");
+			const spy = sinon.spy();
+			function App({ x }: { x: typeof sig }) {
+				spy();
+				return <span>{x}</span>;
+			}
+			render(<App x={sig} />, scratch);
+			spy.resetHistory();
+
+			const text = scratch.firstChild!.firstChild!;
+			expect(text).to.have.property("data", "test");
+
+			const sig2 = signal("different");
+			render(<App x={sig2} />, scratch);
+			expect(spy).to.have.been.called;
+			spy.resetHistory();
+
+			// should not remount/replace Text
+			expect(scratch.firstChild!.firstChild!).to.equal(text);
+			// should update the text in-place
+			expect(text).to.have.property("data", "different");
+
+			await sleep();
+			expect(spy).not.to.have.been.called;
+
+			sig.value = "changed old signal";
+
+			await sleep();
+			expect(spy).not.to.have.been.called;
+			// the text should _not_ have changed:
+			expect(text).to.have.property("data", "different");
+
+			sig2.value = "changed";
+
+			expect(scratch.firstChild!.firstChild!).to.equal(text);
+			expect(text).to.have.property("data", "changed");
+
+			await sleep();
+			expect(spy).not.to.have.been.called;
 		});
 	});
 
@@ -75,10 +122,10 @@ describe("@preact/signals", () => {
 
 			function App() {
 				const value = sig.value;
-				return h("p", null, value);
+				return <p>{value}</p>;
 			}
 
-			render(h(App, {}), scratch);
+			render(<App />, scratch);
 			expect(scratch.textContent).to.equal("foo");
 
 			sig.value = "bar";
@@ -98,10 +145,10 @@ describe("@preact/signals", () => {
 				});
 
 				const str = arr.value.join(", ");
-				return h("p", null, str);
+				return <p>{str}</p>;
 			}
 
-			const fn = () => render(h(App, {}), scratch);
+			const fn = () => render(<App />, scratch);
 			expect(fn).not.to.throw;
 		});
 
@@ -110,50 +157,29 @@ describe("@preact/signals", () => {
 
 			function Child() {
 				const value = sig.value;
-				return h("p", null, value);
+				return <p>{value}</p>;
 			}
 
 			const spy = sinon.spy();
 			function App() {
 				spy();
-				return h(Child, null);
+				return <Child />;
 			}
 
-			render(h(App, {}), scratch);
+			render(<App />, scratch);
 			expect(scratch.textContent).to.equal("foo");
 
 			sig.value = "bar";
 			rerender();
 			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, {}), scratch);
-			expect(scratch.textContent).to.equal("foo");
-
-			sig.value = "bar";
-			rerender();
-			expect(scratch.textContent).to.equal("bar");
-		});
 	});
 
 	describe("prop bindings", () => {
 		it("should set the initial value of the checked property", () => {
 			const s = signal(true);
 			// @ts-ignore
-			render(h("input", { checked: s }), scratch);
+			render(<input checked={s} />, scratch);
 
 			expect(scratch.firstChild).to.have.property("checked", true);
 			expect(s.value).to.equal(true);
@@ -162,7 +188,7 @@ describe("@preact/signals", () => {
 		it("should update the checked property on change", () => {
 			const s = signal(true);
 			// @ts-ignore
-			render(h("input", { checked: s }), scratch);
+			render(<input checked={s} />, scratch);
 
 			expect(scratch.firstChild).to.have.property("checked", true);
 
@@ -177,9 +203,9 @@ describe("@preact/signals", () => {
 			function Wrap() {
 				spy();
 				// @ts-ignore
-				return h("input", { value: s });
+				return <input value={s} />;
 			}
-			render(h(Wrap, {}), scratch);
+			render(<Wrap />, scratch);
 			spy.resetHistory();
 
 			expect(scratch.firstChild).to.have.property("value", "initial");
@@ -207,9 +233,9 @@ describe("@preact/signals", () => {
 			function Wrap() {
 				spy();
 				// @ts-ignore
-				return h("div", { style });
+				return <div style={style} />;
 			}
-			render(h(Wrap, {}), scratch);
+			render(<Wrap />, scratch);
 			spy.resetHistory();
 
 			const div = scratch.firstChild as HTMLDivElement;