@preact/signals 2.8.2 → 2.9.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @preact/signals
 
+## 2.9.0
+
+### Minor Changes
+
+- [#907](https://github.com/preactjs/signals/pull/907) [`904a879`](https://github.com/preactjs/signals/commit/904a8793a13021c738312809425dda8d54738510) Thanks [@jbalsas](https://github.com/jbalsas)! - Add optional `getKey` prop to `<For>` component for stable list reconciliation. When provided, `getKey` generates stable keys for the internal `<Item>` wrapper, fixing incorrect DOM reuse when items are removed or reordered.
+
 ## 2.8.2
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@preact/signals",
-  "version": "2.8.2",
+  "version": "2.9.0",
   "license": "MIT",
   "description": "Manage state with style in Preact",
   "keywords": [],

package/utils/dist/index.d.ts

@@ -12,6 +12,7 @@ export declare namespace Show {
 interface ForProps<T> {
     each: Signal<Array<T>> | ReadonlySignal<Array<T>> | (() => Array<T> | Signal<Array<T>> | ReadonlySignal<Array<T>>);
     fallback?: ComponentChildren;
+    getKey?: (item: T, index: number) => string | number;
     children: (value: T, index: number) => ComponentChildren;
 }
 export declare function For<T>(props: ForProps<T>): ComponentChildren | null;

package/utils/dist/utils.js

@@ -1 +1 @@
-var r=require("@preact/signals-core"),n=require("@preact/signals"),e=require("preact"),t=require("preact/hooks"),u=function(r){return"function"==typeof r.children?r.children(r.v,r.i):r.children};u.displayName="Item";function i(r){var n="function"==typeof r.when?r.when():r.when.value;if(!n)return r.fallback||null;else return e.createElement(u,{v:n,children:r.children})}i.displayName="Show";function o(n){var i=t.useMemo(function(){return new Map},[]),o="function"==typeof n.each?n.each():n.each,c=o instanceof r.Signal?o.value:o;if(!c.length)return n.fallback||null;var f=new Set(i.keys()),a=c.map(function(r,t){f.delete(r);if(!i.has(r)){var o=e.createElement(u,{v:r,i:t,children:n.children});i.set(r,o);return o}return i.get(r)});f.forEach(function(r){i.delete(r)});return e.createElement(e.Fragment,null,a)}o.displayName="For";var c={configurable:!0,get:function(){return this.value},set:function(r){this.value=r}};exports.For=o;exports.Show=i;exports.useLiveSignal=function(r){var e=n.useSignal(r);if(e.peek()!==r)e.value=r;return e};exports.useSignalRef=function(r){var e=n.useSignal(r);if(!("current"in e))Object.defineProperty(e,"current",c);return e};//# sourceMappingURL=utils.js.map
+var r=require("@preact/signals-core"),n=require("@preact/signals"),e=require("preact"),t=require("preact/hooks"),u=function(r){return"function"==typeof r.children?r.children(r.v,r.i):r.children};u.displayName="Item";function i(r){var n="function"==typeof r.when?r.when():r.when.value;if(!n)return r.fallback||null;else return e.createElement(u,{v:n,children:r.children})}i.displayName="Show";function o(n){var i=t.useMemo(function(){return new Map},[]),o="function"==typeof n.each?n.each():n.each,c=o instanceof r.Signal?o.value:o;if(!c.length)return n.fallback||null;var f=new Set(i.keys()),a=c.map(function(r,t){f.delete(r);if(!i.has(r)){var o=n.getKey?n.getKey(r,t):t,c=e.createElement(u,{key:o,v:r,i:t,children:n.children});i.set(r,c);return c}return i.get(r)});f.forEach(function(r){i.delete(r)});return e.createElement(e.Fragment,null,a)}o.displayName="For";var c={configurable:!0,get:function(){return this.value},set:function(r){this.value=r}};exports.For=o;exports.Show=i;exports.useLiveSignal=function(r){var e=n.useSignal(r);if(e.peek()!==r)e.value=r;return e};exports.useSignalRef=function(r){var e=n.useSignal(r);if(!("current"in e))Object.defineProperty(e,"current",c);return e};//# sourceMappingURL=utils.js.map

package/utils/dist/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../src/index.tsx"],"sourcesContent":["import { ReadonlySignal, Signal } from \"@preact/signals-core\";\nimport { useSignal } from \"@preact/signals\";\nimport { Fragment, createElement, ComponentChildren } from \"preact\";\nimport { useMemo } from \"preact/hooks\";\n\ninterface ShowProps<T = boolean> {\n\twhen: Signal<T> | ReadonlySignal<T> | (() => T);\n\tfallback?: ComponentChildren;\n\tchildren: ComponentChildren | ((value: NonNullable<T>) => ComponentChildren);\n}\n\nconst Item = (props: any) => {\n\treturn typeof props.children === \"function\"\n\t\t? props.children(props.v, props.i)\n\t\t: props.children;\n};\n\nItem.displayName = \"Item\";\n\nexport function Show<T = boolean>(\n\tprops: ShowProps<T>\n): ComponentChildren | null {\n\tconst value =\n\t\ttypeof props.when === \"function\" ? props.when() : props.when.value;\n\tif (!value) return props.fallback || null;\n\treturn <Item v={value} children={props.children} />;\n}\n\nShow.displayName = \"Show\";\n\ninterface ForProps<T> {\n\teach:\n\t\t| Signal<Array<T>>\n\t\t| ReadonlySignal<Array<T>>\n\t\t| (() => Array<T> | Signal<Array<T>> | ReadonlySignal<Array<T>>);\n\tfallback?: ComponentChildren;\n\tchildren: (value: T, index: number) => ComponentChildren;\n}\n\nexport function For<T>(props: ForProps<T>): ComponentChildren | null {\n\tconst cache = useMemo(() => new Map(), []);\n\tconst list = (typeof props.each === \"function\" ? props.each() : props.each) as\n\t\t| Signal<Array<T>>\n\t\t| Array<T>;\n\n\tconst listValue = list instanceof Signal ? list.value : list;\n\n\tif (!listValue.length) return props.fallback || null;\n\n\tconst removed = new Set(cache.keys());\n\n\tconst items = listValue.map((value, key) => {\n\t\tremoved.delete(value);\n\t\tif (!cache.has(value)) {\n\t\t\tconst result = <Item v={value} i={key} children={props.children} />;\n\t\t\tcache.set(value, result);\n\t\t\treturn result;\n\t\t}\n\t\treturn cache.get(value);\n\t});\n\n\tremoved.forEach(value => {\n\t\tcache.delete(value);\n\t});\n\n\treturn createElement(Fragment, null, items);\n}\n\nFor.displayName = \"For\";\n\nexport function useLiveSignal<T>(value: T): Signal<T> {\n\tconst s = useSignal(value);\n\tif (s.peek() !== value) s.value = value;\n\treturn s;\n}\n\nexport function useSignalRef<T>(value: T): Signal<T> & { current: T } {\n\tconst ref = useSignal(value) as Signal<T> & { current: T };\n\tif (!(\"current\" in ref))\n\t\tObject.defineProperty(ref, \"current\", refSignalProto);\n\treturn ref;\n}\nconst refSignalProto = {\n\tconfigurable: true,\n\tget(this: Signal) {\n\t\treturn this.value;\n\t},\n\tset(this: Signal, v: any) {\n\t\tthis.value = v;\n\t},\n};\n"],"names":["Item","props","children","v","i","displayName","Show","value","when","fallback","createElement","For","cache","useMemo","Map","list","each","listValue","Signal","length","removed","Set","keys","items","map","key","has","result","set","get","forEach","Fragment","refSignalProto","configurable","this","exports","useLiveSignal","s","useSignal","peek","useSignalRef","ref","Object","defineProperty"],"mappings":"iHAWMA,EAAO,SAACC,GACb,MAAiC,mBAAnBA,EAAMC,SACjBD,EAAMC,SAASD,EAAME,EAAGF,EAAMG,GAC9BH,EAAMC,QACV,EAEAF,EAAKK,YAAc,OAEH,SAAAC,EACfL,GAEA,IAAMM,EACiB,mBAAfN,EAAMO,KAAsBP,EAAMO,OAASP,EAAMO,KAAKD,MAC9D,IAAKA,EAAO,OAAON,EAAMQ,UAAY,UACrC,OAAOC,EAAAA,cAACV,EAAK,CAAAG,EAAGI,EAAOL,SAAUD,EAAMC,UACxC,CAEAI,EAAKD,YAAc,OAWb,SAAUM,EAAOV,GACtB,IAAMW,EAAQC,UAAQ,WAAM,OAAA,IAAIC,GAAK,EAAE,IACjCC,EAA8B,mBAAfd,EAAMe,KAAsBf,EAAMe,OAASf,EAAMe,KAIhEC,EAAYF,aAAgBG,EAAAA,OAASH,EAAKR,MAAQQ,EAExD,IAAKE,EAAUE,OAAQ,OAAOlB,EAAMQ,UAAY,KAEhD,IAAMW,EAAU,IAAIC,IAAIT,EAAMU,QAExBC,EAAQN,EAAUO,IAAI,SAACjB,EAAOkB,GACnCL,SAAeb,GACf,IAAKK,EAAMc,IAAInB,GAAQ,CACtB,IAAMoB,EAASjB,EAAAA,cAACV,EAAK,CAAAG,EAAGI,EAAOH,EAAGqB,EAAKvB,SAAUD,EAAMC,WACvDU,EAAMgB,IAAIrB,EAAOoB,GACjB,OAAOA,CACR,CACA,OAAOf,EAAMiB,IAAItB,EAClB,GAEAa,EAAQU,QAAQ,SAAAvB,GACfK,EAAY,OAACL,EACd,GAEA,OAAOG,EAAaA,cAACqB,WAAU,KAAMR,EACtC,CAEAZ,EAAIN,YAAc,MAclB,IAAM2B,EAAiB,CACtBC,cAAc,EACdJ,IAAA,WACC,OAAWK,KAAC3B,KACb,EACAqB,aAAkBzB,GACjB+B,KAAK3B,MAAQJ,CACd,GACAgC,QAAAxB,IAAAA,EAAAwB,QAAA7B,KAAAA,EAAA6B,QAAAC,uBApBgC7B,GAChC,IAAM8B,EAAIC,YAAU/B,GACpB,GAAI8B,EAAEE,SAAWhC,EAAO8B,EAAE9B,MAAQA,EAClC,OAAO8B,CACR,EAgBCF,QAAAK,aAde,SAAgBjC,GAC/B,IAAMkC,EAAMH,EAASA,UAAC/B,GACtB,KAAM,YAAakC,GAClBC,OAAOC,eAAeF,EAAK,UAAWT,GACvC,OAAOS,CACR"}
+{"version":3,"file":"utils.js","sources":["../src/index.tsx"],"sourcesContent":["import { ReadonlySignal, Signal } from \"@preact/signals-core\";\nimport { useSignal } from \"@preact/signals\";\nimport { Fragment, createElement, ComponentChildren } from \"preact\";\nimport { useMemo } from \"preact/hooks\";\n\ninterface ShowProps<T = boolean> {\n\twhen: Signal<T> | ReadonlySignal<T> | (() => T);\n\tfallback?: ComponentChildren;\n\tchildren: ComponentChildren | ((value: NonNullable<T>) => ComponentChildren);\n}\n\nconst Item = (props: any) => {\n\treturn typeof props.children === \"function\"\n\t\t? props.children(props.v, props.i)\n\t\t: props.children;\n};\n\nItem.displayName = \"Item\";\n\nexport function Show<T = boolean>(\n\tprops: ShowProps<T>\n): ComponentChildren | null {\n\tconst value =\n\t\ttypeof props.when === \"function\" ? props.when() : props.when.value;\n\tif (!value) return props.fallback || null;\n\treturn <Item v={value} children={props.children} />;\n}\n\nShow.displayName = \"Show\";\n\ninterface ForProps<T> {\n\teach:\n\t\t| Signal<Array<T>>\n\t\t| ReadonlySignal<Array<T>>\n\t\t| (() => Array<T> | Signal<Array<T>> | ReadonlySignal<Array<T>>);\n\tfallback?: ComponentChildren;\n\tgetKey?: (item: T, index: number) => string | number;\n\tchildren: (value: T, index: number) => ComponentChildren;\n}\n\nexport function For<T>(props: ForProps<T>): ComponentChildren | null {\n\tconst cache = useMemo(() => new Map(), []);\n\tconst list = (typeof props.each === \"function\" ? props.each() : props.each) as\n\t\t| Signal<Array<T>>\n\t\t| Array<T>;\n\n\tconst listValue = list instanceof Signal ? list.value : list;\n\n\tif (!listValue.length) return props.fallback || null;\n\n\tconst removed = new Set(cache.keys());\n\n\tconst items = listValue.map((value, index) => {\n\t\tremoved.delete(value);\n\t\tif (!cache.has(value)) {\n\t\t\tconst key = props.getKey ? props.getKey(value, index) : index;\n\t\t\tconst result = (\n\t\t\t\t<Item key={key} v={value} i={index} children={props.children} />\n\t\t\t);\n\t\t\tcache.set(value, result);\n\t\t\treturn result;\n\t\t}\n\t\treturn cache.get(value);\n\t});\n\n\tremoved.forEach(value => {\n\t\tcache.delete(value);\n\t});\n\n\treturn createElement(Fragment, null, items);\n}\n\nFor.displayName = \"For\";\n\nexport function useLiveSignal<T>(value: T): Signal<T> {\n\tconst s = useSignal(value);\n\tif (s.peek() !== value) s.value = value;\n\treturn s;\n}\n\nexport function useSignalRef<T>(value: T): Signal<T> & { current: T } {\n\tconst ref = useSignal(value) as Signal<T> & { current: T };\n\tif (!(\"current\" in ref))\n\t\tObject.defineProperty(ref, \"current\", refSignalProto);\n\treturn ref;\n}\nconst refSignalProto = {\n\tconfigurable: true,\n\tget(this: Signal) {\n\t\treturn this.value;\n\t},\n\tset(this: Signal, v: any) {\n\t\tthis.value = v;\n\t},\n};\n"],"names":["Item","props","children","v","i","displayName","Show","value","when","fallback","createElement","For","cache","useMemo","Map","list","each","listValue","Signal","length","removed","Set","keys","items","map","index","has","key","getKey","result","set","get","forEach","Fragment","refSignalProto","configurable","this","exports","useLiveSignal","s","useSignal","peek","useSignalRef","ref","Object","defineProperty"],"mappings":"iHAWMA,EAAO,SAACC,GACb,MAAiC,mBAAnBA,EAAMC,SACjBD,EAAMC,SAASD,EAAME,EAAGF,EAAMG,GAC9BH,EAAMC,QACV,EAEAF,EAAKK,YAAc,OAEb,SAAUC,EACfL,GAEA,IAAMM,EACiB,mBAAfN,EAAMO,KAAsBP,EAAMO,OAASP,EAAMO,KAAKD,MAC9D,IAAKA,EAAO,OAAON,EAAMQ,UAAY,UACrC,OAAOC,gBAACV,EAAK,CAAAG,EAAGI,EAAOL,SAAUD,EAAMC,UACxC,CAEAI,EAAKD,YAAc,OAYH,SAAAM,EAAOV,GACtB,IAAMW,EAAQC,EAAOA,QAAC,WAAM,OAAA,IAAIC,GAAK,EAAE,IACjCC,EAA8B,mBAAfd,EAAMe,KAAsBf,EAAMe,OAASf,EAAMe,KAIhEC,EAAYF,aAAgBG,SAASH,EAAKR,MAAQQ,EAExD,IAAKE,EAAUE,OAAQ,OAAOlB,EAAMQ,UAAY,KAEhD,IAAMW,EAAU,IAAIC,IAAIT,EAAMU,QAExBC,EAAQN,EAAUO,IAAI,SAACjB,EAAOkB,GACnCL,EAAc,OAACb,GACf,IAAKK,EAAMc,IAAInB,GAAQ,CACtB,IAAMoB,EAAM1B,EAAM2B,OAAS3B,EAAM2B,OAAOrB,EAAOkB,GAASA,EAClDI,EACLnB,gBAACV,GAAK2B,IAAKA,EAAKxB,EAAGI,EAAOH,EAAGqB,EAAOvB,SAAUD,EAAMC,WAErDU,EAAMkB,IAAIvB,EAAOsB,GACjB,OAAOA,CACR,CACA,OAAOjB,EAAMmB,IAAIxB,EAClB,GAEAa,EAAQY,QAAQ,SAAAzB,GACfK,EAAY,OAACL,EACd,GAEA,OAAOG,EAAaA,cAACuB,WAAU,KAAMV,EACtC,CAEAZ,EAAIN,YAAc,MAclB,IAAM6B,EAAiB,CACtBC,cAAc,EACdJ,IAAG,WACF,OAAWK,KAAC7B,KACb,EACAuB,aAAkB3B,GACjBiC,KAAK7B,MAAQJ,CACd,GACAkC,QAAA1B,IAAAA,EAAA0B,QAAA/B,KAAAA,EAAA+B,QAAAC,cApBK,SAA2B/B,GAChC,IAAMgC,EAAIC,EAAAA,UAAUjC,GACpB,GAAIgC,EAAEE,SAAWlC,EAAOgC,EAAEhC,MAAQA,EAClC,OAAOgC,CACR,EAgBCF,QAAAK,aAde,SAAgBnC,GAC/B,IAAMoC,EAAMH,EAASA,UAACjC,GACtB,KAAM,YAAaoC,GAClBC,OAAOC,eAAeF,EAAK,UAAWT,GACvC,OAAOS,CACR"}

package/utils/dist/utils.min.js

@@ -1 +1 @@
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@preact/signals-core"),require("@preact/signals"),require("preact"),require("preact/hooks")):"function"==typeof define&&define.amd?define(["exports","@preact/signals-core","@preact/signals","preact","preact/hooks"],n):n((e||self).preactSignalsutils={},e.preactSignalsCore,e.signals,e.preact,e.preactHooks)}(this,function(e,n,r,t,i){var o=function(e){return"function"==typeof e.children?e.children(e.v,e.i):e.children};o.displayName="Item";function u(e){var n="function"==typeof e.when?e.when():e.when.value;if(!n)return e.fallback||null;else return t.createElement(o,{v:n,children:e.children})}u.displayName="Show";function f(e){var r=i.useMemo(function(){return new Map},[]),u="function"==typeof e.each?e.each():e.each,f=u instanceof n.Signal?u.value:u;if(!f.length)return e.fallback||null;var c=new Set(r.keys()),a=f.map(function(n,i){c.delete(n);if(!r.has(n)){var u=t.createElement(o,{v:n,i:i,children:e.children});r.set(n,u);return u}return r.get(n)});c.forEach(function(e){r.delete(e)});return t.createElement(t.Fragment,null,a)}f.displayName="For";var c={configurable:!0,get:function(){return this.value},set:function(e){this.value=e}};e.For=f;e.Show=u;e.useLiveSignal=function(e){var n=r.useSignal(e);if(n.peek()!==e)n.value=e;return n};e.useSignalRef=function(e){var n=r.useSignal(e);if(!("current"in n))Object.defineProperty(n,"current",c);return n}});//# sourceMappingURL=utils.min.js.map
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@preact/signals-core"),require("@preact/signals"),require("preact"),require("preact/hooks")):"function"==typeof define&&define.amd?define(["exports","@preact/signals-core","@preact/signals","preact","preact/hooks"],n):n((e||self).preactSignalsutils={},e.preactSignalsCore,e.signals,e.preact,e.preactHooks)}(this,function(e,n,r,t,i){var o=function(e){return"function"==typeof e.children?e.children(e.v,e.i):e.children};o.displayName="Item";function u(e){var n="function"==typeof e.when?e.when():e.when.value;if(!n)return e.fallback||null;else return t.createElement(o,{v:n,children:e.children})}u.displayName="Show";function f(e){var r=i.useMemo(function(){return new Map},[]),u="function"==typeof e.each?e.each():e.each,f=u instanceof n.Signal?u.value:u;if(!f.length)return e.fallback||null;var c=new Set(r.keys()),a=f.map(function(n,i){c.delete(n);if(!r.has(n)){var u=e.getKey?e.getKey(n,i):i,f=t.createElement(o,{key:u,v:n,i:i,children:e.children});r.set(n,f);return f}return r.get(n)});c.forEach(function(e){r.delete(e)});return t.createElement(t.Fragment,null,a)}f.displayName="For";var c={configurable:!0,get:function(){return this.value},set:function(e){this.value=e}};e.For=f;e.Show=u;e.useLiveSignal=function(e){var n=r.useSignal(e);if(n.peek()!==e)n.value=e;return n};e.useSignalRef=function(e){var n=r.useSignal(e);if(!("current"in n))Object.defineProperty(n,"current",c);return n}});//# sourceMappingURL=utils.min.js.map

package/utils/dist/utils.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.min.js","sources":["../src/index.tsx"],"sourcesContent":["import { ReadonlySignal, Signal } from \"@preact/signals-core\";\nimport { useSignal } from \"@preact/signals\";\nimport { Fragment, createElement, ComponentChildren } from \"preact\";\nimport { useMemo } from \"preact/hooks\";\n\ninterface ShowProps<T = boolean> {\n\twhen: Signal<T> | ReadonlySignal<T> | (() => T);\n\tfallback?: ComponentChildren;\n\tchildren: ComponentChildren | ((value: NonNullable<T>) => ComponentChildren);\n}\n\nconst Item = (props: any) => {\n\treturn typeof props.children === \"function\"\n\t\t? props.children(props.v, props.i)\n\t\t: props.children;\n};\n\nItem.displayName = \"Item\";\n\nexport function Show<T = boolean>(\n\tprops: ShowProps<T>\n): ComponentChildren | null {\n\tconst value =\n\t\ttypeof props.when === \"function\" ? props.when() : props.when.value;\n\tif (!value) return props.fallback || null;\n\treturn <Item v={value} children={props.children} />;\n}\n\nShow.displayName = \"Show\";\n\ninterface ForProps<T> {\n\teach:\n\t\t| Signal<Array<T>>\n\t\t| ReadonlySignal<Array<T>>\n\t\t| (() => Array<T> | Signal<Array<T>> | ReadonlySignal<Array<T>>);\n\tfallback?: ComponentChildren;\n\tchildren: (value: T, index: number) => ComponentChildren;\n}\n\nexport function For<T>(props: ForProps<T>): ComponentChildren | null {\n\tconst cache = useMemo(() => new Map(), []);\n\tconst list = (typeof props.each === \"function\" ? props.each() : props.each) as\n\t\t| Signal<Array<T>>\n\t\t| Array<T>;\n\n\tconst listValue = list instanceof Signal ? list.value : list;\n\n\tif (!listValue.length) return props.fallback || null;\n\n\tconst removed = new Set(cache.keys());\n\n\tconst items = listValue.map((value, key) => {\n\t\tremoved.delete(value);\n\t\tif (!cache.has(value)) {\n\t\t\tconst result = <Item v={value} i={key} children={props.children} />;\n\t\t\tcache.set(value, result);\n\t\t\treturn result;\n\t\t}\n\t\treturn cache.get(value);\n\t});\n\n\tremoved.forEach(value => {\n\t\tcache.delete(value);\n\t});\n\n\treturn createElement(Fragment, null, items);\n}\n\nFor.displayName = \"For\";\n\nexport function useLiveSignal<T>(value: T): Signal<T> {\n\tconst s = useSignal(value);\n\tif (s.peek() !== value) s.value = value;\n\treturn s;\n}\n\nexport function useSignalRef<T>(value: T): Signal<T> & { current: T } {\n\tconst ref = useSignal(value) as Signal<T> & { current: T };\n\tif (!(\"current\" in ref))\n\t\tObject.defineProperty(ref, \"current\", refSignalProto);\n\treturn ref;\n}\nconst refSignalProto = {\n\tconfigurable: true,\n\tget(this: Signal) {\n\t\treturn this.value;\n\t},\n\tset(this: Signal, v: any) {\n\t\tthis.value = v;\n\t},\n};\n"],"names":["Item","props","children","v","i","displayName","Show","value","when","fallback","createElement","For","cache","useMemo","Map","list","each","listValue","Signal","length","removed","Set","keys","items","map","key","has","result","set","get","forEach","Fragment","refSignalProto","configurable","this","exports","useLiveSignal","s","useSignal","peek","useSignalRef","ref","Object","defineProperty"],"mappings":"+cAWA,IAAMA,EAAO,SAACC,GACb,MAAiC,mBAAnBA,EAAMC,SACjBD,EAAMC,SAASD,EAAME,EAAGF,EAAMG,GAC9BH,EAAMC,QACV,EAEAF,EAAKK,YAAc,OAEH,SAAAC,EACfL,GAEA,IAAMM,EACiB,mBAAfN,EAAMO,KAAsBP,EAAMO,OAASP,EAAMO,KAAKD,MAC9D,IAAKA,EAAO,OAAON,EAAMQ,UAAY,UACrC,OAAOC,EAAAA,cAACV,EAAK,CAAAG,EAAGI,EAAOL,SAAUD,EAAMC,UACxC,CAEAI,EAAKD,YAAc,OAWb,SAAUM,EAAOV,GACtB,IAAMW,EAAQC,UAAQ,WAAM,OAAA,IAAIC,GAAK,EAAE,IACjCC,EAA8B,mBAAfd,EAAMe,KAAsBf,EAAMe,OAASf,EAAMe,KAIhEC,EAAYF,aAAgBG,EAAAA,OAASH,EAAKR,MAAQQ,EAExD,IAAKE,EAAUE,OAAQ,OAAOlB,EAAMQ,UAAY,KAEhD,IAAMW,EAAU,IAAIC,IAAIT,EAAMU,QAExBC,EAAQN,EAAUO,IAAI,SAACjB,EAAOkB,GACnCL,SAAeb,GACf,IAAKK,EAAMc,IAAInB,GAAQ,CACtB,IAAMoB,EAASjB,EAAAA,cAACV,EAAK,CAAAG,EAAGI,EAAOH,EAAGqB,EAAKvB,SAAUD,EAAMC,WACvDU,EAAMgB,IAAIrB,EAAOoB,GACjB,OAAOA,CACR,CACA,OAAOf,EAAMiB,IAAItB,EAClB,GAEAa,EAAQU,QAAQ,SAAAvB,GACfK,EAAY,OAACL,EACd,GAEA,OAAOG,EAAaA,cAACqB,WAAU,KAAMR,EACtC,CAEAZ,EAAIN,YAAc,MAclB,IAAM2B,EAAiB,CACtBC,cAAc,EACdJ,IAAA,WACC,OAAWK,KAAC3B,KACb,EACAqB,aAAkBzB,GACjB+B,KAAK3B,MAAQJ,CACd,GACAgC,EAAAxB,IAAAA,EAAAwB,EAAA7B,KAAAA,EAAA6B,EAAAC,uBApBgC7B,GAChC,IAAM8B,EAAIC,YAAU/B,GACpB,GAAI8B,EAAEE,SAAWhC,EAAO8B,EAAE9B,MAAQA,EAClC,OAAO8B,CACR,EAgBCF,EAAAK,aAde,SAAgBjC,GAC/B,IAAMkC,EAAMH,EAASA,UAAC/B,GACtB,KAAM,YAAakC,GAClBC,OAAOC,eAAeF,EAAK,UAAWT,GACvC,OAAOS,CACR,CASC"}
+{"version":3,"file":"utils.min.js","sources":["../src/index.tsx"],"sourcesContent":["import { ReadonlySignal, Signal } from \"@preact/signals-core\";\nimport { useSignal } from \"@preact/signals\";\nimport { Fragment, createElement, ComponentChildren } from \"preact\";\nimport { useMemo } from \"preact/hooks\";\n\ninterface ShowProps<T = boolean> {\n\twhen: Signal<T> | ReadonlySignal<T> | (() => T);\n\tfallback?: ComponentChildren;\n\tchildren: ComponentChildren | ((value: NonNullable<T>) => ComponentChildren);\n}\n\nconst Item = (props: any) => {\n\treturn typeof props.children === \"function\"\n\t\t? props.children(props.v, props.i)\n\t\t: props.children;\n};\n\nItem.displayName = \"Item\";\n\nexport function Show<T = boolean>(\n\tprops: ShowProps<T>\n): ComponentChildren | null {\n\tconst value =\n\t\ttypeof props.when === \"function\" ? props.when() : props.when.value;\n\tif (!value) return props.fallback || null;\n\treturn <Item v={value} children={props.children} />;\n}\n\nShow.displayName = \"Show\";\n\ninterface ForProps<T> {\n\teach:\n\t\t| Signal<Array<T>>\n\t\t| ReadonlySignal<Array<T>>\n\t\t| (() => Array<T> | Signal<Array<T>> | ReadonlySignal<Array<T>>);\n\tfallback?: ComponentChildren;\n\tgetKey?: (item: T, index: number) => string | number;\n\tchildren: (value: T, index: number) => ComponentChildren;\n}\n\nexport function For<T>(props: ForProps<T>): ComponentChildren | null {\n\tconst cache = useMemo(() => new Map(), []);\n\tconst list = (typeof props.each === \"function\" ? props.each() : props.each) as\n\t\t| Signal<Array<T>>\n\t\t| Array<T>;\n\n\tconst listValue = list instanceof Signal ? list.value : list;\n\n\tif (!listValue.length) return props.fallback || null;\n\n\tconst removed = new Set(cache.keys());\n\n\tconst items = listValue.map((value, index) => {\n\t\tremoved.delete(value);\n\t\tif (!cache.has(value)) {\n\t\t\tconst key = props.getKey ? props.getKey(value, index) : index;\n\t\t\tconst result = (\n\t\t\t\t<Item key={key} v={value} i={index} children={props.children} />\n\t\t\t);\n\t\t\tcache.set(value, result);\n\t\t\treturn result;\n\t\t}\n\t\treturn cache.get(value);\n\t});\n\n\tremoved.forEach(value => {\n\t\tcache.delete(value);\n\t});\n\n\treturn createElement(Fragment, null, items);\n}\n\nFor.displayName = \"For\";\n\nexport function useLiveSignal<T>(value: T): Signal<T> {\n\tconst s = useSignal(value);\n\tif (s.peek() !== value) s.value = value;\n\treturn s;\n}\n\nexport function useSignalRef<T>(value: T): Signal<T> & { current: T } {\n\tconst ref = useSignal(value) as Signal<T> & { current: T };\n\tif (!(\"current\" in ref))\n\t\tObject.defineProperty(ref, \"current\", refSignalProto);\n\treturn ref;\n}\nconst refSignalProto = {\n\tconfigurable: true,\n\tget(this: Signal) {\n\t\treturn this.value;\n\t},\n\tset(this: Signal, v: any) {\n\t\tthis.value = v;\n\t},\n};\n"],"names":["Item","props","children","v","i","displayName","Show","value","when","fallback","createElement","For","cache","useMemo","Map","list","each","listValue","Signal","length","removed","Set","keys","items","map","index","has","key","getKey","result","set","get","forEach","Fragment","refSignalProto","configurable","this","exports","useLiveSignal","s","useSignal","peek","useSignalRef","ref","Object","defineProperty"],"mappings":"+cAWA,IAAMA,EAAO,SAACC,GACb,MAAiC,mBAAnBA,EAAMC,SACjBD,EAAMC,SAASD,EAAME,EAAGF,EAAMG,GAC9BH,EAAMC,QACV,EAEAF,EAAKK,YAAc,OAEb,SAAUC,EACfL,GAEA,IAAMM,EACiB,mBAAfN,EAAMO,KAAsBP,EAAMO,OAASP,EAAMO,KAAKD,MAC9D,IAAKA,EAAO,OAAON,EAAMQ,UAAY,UACrC,OAAOC,gBAACV,EAAK,CAAAG,EAAGI,EAAOL,SAAUD,EAAMC,UACxC,CAEAI,EAAKD,YAAc,OAYH,SAAAM,EAAOV,GACtB,IAAMW,EAAQC,EAAOA,QAAC,WAAM,OAAA,IAAIC,GAAK,EAAE,IACjCC,EAA8B,mBAAfd,EAAMe,KAAsBf,EAAMe,OAASf,EAAMe,KAIhEC,EAAYF,aAAgBG,SAASH,EAAKR,MAAQQ,EAExD,IAAKE,EAAUE,OAAQ,OAAOlB,EAAMQ,UAAY,KAEhD,IAAMW,EAAU,IAAIC,IAAIT,EAAMU,QAExBC,EAAQN,EAAUO,IAAI,SAACjB,EAAOkB,GACnCL,EAAc,OAACb,GACf,IAAKK,EAAMc,IAAInB,GAAQ,CACtB,IAAMoB,EAAM1B,EAAM2B,OAAS3B,EAAM2B,OAAOrB,EAAOkB,GAASA,EAClDI,EACLnB,gBAACV,GAAK2B,IAAKA,EAAKxB,EAAGI,EAAOH,EAAGqB,EAAOvB,SAAUD,EAAMC,WAErDU,EAAMkB,IAAIvB,EAAOsB,GACjB,OAAOA,CACR,CACA,OAAOjB,EAAMmB,IAAIxB,EAClB,GAEAa,EAAQY,QAAQ,SAAAzB,GACfK,EAAY,OAACL,EACd,GAEA,OAAOG,EAAaA,cAACuB,WAAU,KAAMV,EACtC,CAEAZ,EAAIN,YAAc,MAclB,IAAM6B,EAAiB,CACtBC,cAAc,EACdJ,IAAG,WACF,OAAWK,KAAC7B,KACb,EACAuB,aAAkB3B,GACjBiC,KAAK7B,MAAQJ,CACd,GACAkC,EAAA1B,IAAAA,EAAA0B,EAAA/B,KAAAA,EAAA+B,EAAAC,cApBK,SAA2B/B,GAChC,IAAMgC,EAAIC,EAAAA,UAAUjC,GACpB,GAAIgC,EAAEE,SAAWlC,EAAOgC,EAAEhC,MAAQA,EAClC,OAAOgC,CACR,EAgBCF,EAAAK,aAde,SAAgBnC,GAC/B,IAAMoC,EAAMH,EAASA,UAACjC,GACtB,KAAM,YAAaoC,GAClBC,OAAOC,eAAeF,EAAK,UAAWT,GACvC,OAAOS,CACR,CASC"}

package/utils/dist/utils.mjs

@@ -1 +1 @@
-import{Signal as n}from"@preact/signals-core";import{useSignal}from"@preact/signals";import{createElement as t,Fragment as r}from"preact";import{useMemo as o}from"preact/hooks";const e=n=>"function"==typeof n.children?n.children(n.v,n.i):n.children;e.displayName="Item";function c(n){const r="function"==typeof n.when?n.when():n.when.value;if(!r)return n.fallback||null;else return t(e,{v:r,children:n.children})}c.displayName="Show";function i(c){const i=o(()=>new Map,[]),u="function"==typeof c.each?c.each():c.each,f=u instanceof n?u.value:u;if(!f.length)return c.fallback||null;const s=new Set(i.keys()),p=f.map((n,r)=>{s.delete(n);if(!i.has(n)){const o=t(e,{v:n,i:r,children:c.children});i.set(n,o);return o}return i.get(n)});s.forEach(n=>{i.delete(n)});return t(r,null,p)}i.displayName="For";function u(n){const t=useSignal(n);if(t.peek()!==n)t.value=n;return t}function f(n){const t=useSignal(n);if(!("current"in t))Object.defineProperty(t,"current",s);return t}const s={configurable:!0,get(){return this.value},set(n){this.value=n}};export{i as For,c as Show,u as useLiveSignal,f as useSignalRef};//# sourceMappingURL=utils.mjs.map
+import{Signal as n}from"@preact/signals-core";import{useSignal}from"@preact/signals";import{createElement as t,Fragment as r}from"preact";import{useMemo as e}from"preact/hooks";const o=n=>"function"==typeof n.children?n.children(n.v,n.i):n.children;o.displayName="Item";function c(n){const r="function"==typeof n.when?n.when():n.when.value;if(!r)return n.fallback||null;else return t(o,{v:r,children:n.children})}c.displayName="Show";function i(c){const i=e(()=>new Map,[]),u="function"==typeof c.each?c.each():c.each,f=u instanceof n?u.value:u;if(!f.length)return c.fallback||null;const s=new Set(i.keys()),p=f.map((n,r)=>{s.delete(n);if(!i.has(n)){const e=c.getKey?c.getKey(n,r):r,u=t(o,{key:e,v:n,i:r,children:c.children});i.set(n,u);return u}return i.get(n)});s.forEach(n=>{i.delete(n)});return t(r,null,p)}i.displayName="For";function u(n){const t=useSignal(n);if(t.peek()!==n)t.value=n;return t}function f(n){const t=useSignal(n);if(!("current"in t))Object.defineProperty(t,"current",s);return t}const s={configurable:!0,get(){return this.value},set(n){this.value=n}};export{i as For,c as Show,u as useLiveSignal,f as useSignalRef};//# sourceMappingURL=utils.mjs.map

package/utils/dist/utils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","sources":["../src/index.tsx"],"sourcesContent":["import { ReadonlySignal, Signal } from \"@preact/signals-core\";\nimport { useSignal } from \"@preact/signals\";\nimport { Fragment, createElement, ComponentChildren } from \"preact\";\nimport { useMemo } from \"preact/hooks\";\n\ninterface ShowProps<T = boolean> {\n\twhen: Signal<T> | ReadonlySignal<T> | (() => T);\n\tfallback?: ComponentChildren;\n\tchildren: ComponentChildren | ((value: NonNullable<T>) => ComponentChildren);\n}\n\nconst Item = (props: any) => {\n\treturn typeof props.children === \"function\"\n\t\t? props.children(props.v, props.i)\n\t\t: props.children;\n};\n\nItem.displayName = \"Item\";\n\nexport function Show<T = boolean>(\n\tprops: ShowProps<T>\n): ComponentChildren | null {\n\tconst value =\n\t\ttypeof props.when === \"function\" ? props.when() : props.when.value;\n\tif (!value) return props.fallback || null;\n\treturn <Item v={value} children={props.children} />;\n}\n\nShow.displayName = \"Show\";\n\ninterface ForProps<T> {\n\teach:\n\t\t| Signal<Array<T>>\n\t\t| ReadonlySignal<Array<T>>\n\t\t| (() => Array<T> | Signal<Array<T>> | ReadonlySignal<Array<T>>);\n\tfallback?: ComponentChildren;\n\tchildren: (value: T, index: number) => ComponentChildren;\n}\n\nexport function For<T>(props: ForProps<T>): ComponentChildren | null {\n\tconst cache = useMemo(() => new Map(), []);\n\tconst list = (typeof props.each === \"function\" ? props.each() : props.each) as\n\t\t| Signal<Array<T>>\n\t\t| Array<T>;\n\n\tconst listValue = list instanceof Signal ? list.value : list;\n\n\tif (!listValue.length) return props.fallback || null;\n\n\tconst removed = new Set(cache.keys());\n\n\tconst items = listValue.map((value, key) => {\n\t\tremoved.delete(value);\n\t\tif (!cache.has(value)) {\n\t\t\tconst result = <Item v={value} i={key} children={props.children} />;\n\t\t\tcache.set(value, result);\n\t\t\treturn result;\n\t\t}\n\t\treturn cache.get(value);\n\t});\n\n\tremoved.forEach(value => {\n\t\tcache.delete(value);\n\t});\n\n\treturn createElement(Fragment, null, items);\n}\n\nFor.displayName = \"For\";\n\nexport function useLiveSignal<T>(value: T): Signal<T> {\n\tconst s = useSignal(value);\n\tif (s.peek() !== value) s.value = value;\n\treturn s;\n}\n\nexport function useSignalRef<T>(value: T): Signal<T> & { current: T } {\n\tconst ref = useSignal(value) as Signal<T> & { current: T };\n\tif (!(\"current\" in ref))\n\t\tObject.defineProperty(ref, \"current\", refSignalProto);\n\treturn ref;\n}\nconst refSignalProto = {\n\tconfigurable: true,\n\tget(this: Signal) {\n\t\treturn this.value;\n\t},\n\tset(this: Signal, v: any) {\n\t\tthis.value = v;\n\t},\n};\n"],"names":["Signal","useSignal","createElement","Fragment","useMemo","Item","props","children","v","i","displayName","Show","value","when","fallback","For","cache","Map","list","each","listValue","length","removed","Set","keys","items","map","key","delete","has","result","set","get","forEach","useLiveSignal","s","peek","useSignalRef","ref","Object","defineProperty","refSignalProto","configurable","this"],"mappings":"iBAWAA,MAAA,8BAAAC,cAAA,0CAAAC,cAAAC,MAAA,2BAAAC,MAAA,eAAA,MAAMC,EAAQC,GACoB,mBAAnBA,EAAMC,SACjBD,EAAMC,SAASD,EAAME,EAAGF,EAAMG,GAC9BH,EAAMC,SAGVF,EAAKK,YAAc,OAEH,SAAAC,EACfL,GAEA,MAAMM,EACiB,mBAAfN,EAAMO,KAAsBP,EAAMO,OAASP,EAAMO,KAAKD,MAC9D,IAAKA,EAAO,OAAON,EAAMQ,UAAY,UACrC,OAAOZ,EAACG,EAAK,CAAAG,EAAGI,EAAOL,SAAUD,EAAMC,UACxC,CAEAI,EAAKD,YAAc,OAWH,SAAAK,EAAOT,GACtB,MAAMU,EAAQZ,EAAQ,IAAM,IAAIa,IAAO,IACjCC,EAA8B,mBAAfZ,EAAMa,KAAsBb,EAAMa,OAASb,EAAMa,KAIhEC,EAAYF,aAAgBlB,EAASkB,EAAKN,MAAQM,EAExD,IAAKE,EAAUC,OAAQ,OAAOf,EAAMQ,UAAY,KAEhD,MAAMQ,EAAU,IAAIC,IAAIP,EAAMQ,QAExBC,EAAQL,EAAUM,IAAI,CAACd,EAAOe,KACnCL,EAAQM,OAAOhB,GACf,IAAKI,EAAMa,IAAIjB,GAAQ,CACtB,MAAMkB,EAAS5B,EAACG,EAAK,CAAAG,EAAGI,EAAOH,EAAGkB,EAAKpB,SAAUD,EAAMC,WACvDS,EAAMe,IAAInB,EAAOkB,GACjB,OAAOA,CACR,CACA,OAAOd,EAAMgB,IAAIpB,EAAK,GAGvBU,EAAQW,QAAQrB,IACfI,EAAMY,OAAOhB,KAGd,OAAOV,EAAcC,EAAU,KAAMsB,EACtC,CAEAV,EAAIL,YAAc,MAEF,SAAAwB,EAAiBtB,GAChC,MAAMuB,EAAIlC,UAAUW,GACpB,GAAIuB,EAAEC,SAAWxB,EAAOuB,EAAEvB,MAAQA,EAClC,OAAOuB,CACR,CAEM,SAAUE,EAAgBzB,GAC/B,MAAM0B,EAAMrC,UAAUW,GACtB,KAAM,YAAa0B,GAClBC,OAAOC,eAAeF,EAAK,UAAWG,GACvC,OAAOH,CACR,CACA,MAAMG,EAAiB,CACtBC,cAAc,EACdV,MACC,OAAWW,KAAC/B,KACb,EACAmB,IAAkBvB,GACjBmC,KAAK/B,MAAQJ,CACd,UACAO,SAAAJ,UAAAuB,mBAAAG"}
+{"version":3,"file":"utils.mjs","sources":["../src/index.tsx"],"sourcesContent":["import { ReadonlySignal, Signal } from \"@preact/signals-core\";\nimport { useSignal } from \"@preact/signals\";\nimport { Fragment, createElement, ComponentChildren } from \"preact\";\nimport { useMemo } from \"preact/hooks\";\n\ninterface ShowProps<T = boolean> {\n\twhen: Signal<T> | ReadonlySignal<T> | (() => T);\n\tfallback?: ComponentChildren;\n\tchildren: ComponentChildren | ((value: NonNullable<T>) => ComponentChildren);\n}\n\nconst Item = (props: any) => {\n\treturn typeof props.children === \"function\"\n\t\t? props.children(props.v, props.i)\n\t\t: props.children;\n};\n\nItem.displayName = \"Item\";\n\nexport function Show<T = boolean>(\n\tprops: ShowProps<T>\n): ComponentChildren | null {\n\tconst value =\n\t\ttypeof props.when === \"function\" ? props.when() : props.when.value;\n\tif (!value) return props.fallback || null;\n\treturn <Item v={value} children={props.children} />;\n}\n\nShow.displayName = \"Show\";\n\ninterface ForProps<T> {\n\teach:\n\t\t| Signal<Array<T>>\n\t\t| ReadonlySignal<Array<T>>\n\t\t| (() => Array<T> | Signal<Array<T>> | ReadonlySignal<Array<T>>);\n\tfallback?: ComponentChildren;\n\tgetKey?: (item: T, index: number) => string | number;\n\tchildren: (value: T, index: number) => ComponentChildren;\n}\n\nexport function For<T>(props: ForProps<T>): ComponentChildren | null {\n\tconst cache = useMemo(() => new Map(), []);\n\tconst list = (typeof props.each === \"function\" ? props.each() : props.each) as\n\t\t| Signal<Array<T>>\n\t\t| Array<T>;\n\n\tconst listValue = list instanceof Signal ? list.value : list;\n\n\tif (!listValue.length) return props.fallback || null;\n\n\tconst removed = new Set(cache.keys());\n\n\tconst items = listValue.map((value, index) => {\n\t\tremoved.delete(value);\n\t\tif (!cache.has(value)) {\n\t\t\tconst key = props.getKey ? props.getKey(value, index) : index;\n\t\t\tconst result = (\n\t\t\t\t<Item key={key} v={value} i={index} children={props.children} />\n\t\t\t);\n\t\t\tcache.set(value, result);\n\t\t\treturn result;\n\t\t}\n\t\treturn cache.get(value);\n\t});\n\n\tremoved.forEach(value => {\n\t\tcache.delete(value);\n\t});\n\n\treturn createElement(Fragment, null, items);\n}\n\nFor.displayName = \"For\";\n\nexport function useLiveSignal<T>(value: T): Signal<T> {\n\tconst s = useSignal(value);\n\tif (s.peek() !== value) s.value = value;\n\treturn s;\n}\n\nexport function useSignalRef<T>(value: T): Signal<T> & { current: T } {\n\tconst ref = useSignal(value) as Signal<T> & { current: T };\n\tif (!(\"current\" in ref))\n\t\tObject.defineProperty(ref, \"current\", refSignalProto);\n\treturn ref;\n}\nconst refSignalProto = {\n\tconfigurable: true,\n\tget(this: Signal) {\n\t\treturn this.value;\n\t},\n\tset(this: Signal, v: any) {\n\t\tthis.value = v;\n\t},\n};\n"],"names":["Item","props","children","v","i","displayName","Show","value","when","fallback","createElement","For","cache","useMemo","Map","list","each","listValue","Signal","length","removed","Set","keys","items","map","index","delete","has","key","getKey","result","set","get","forEach","Fragment","useLiveSignal","s","useSignal","peek","useSignalRef","ref","Object","defineProperty","refSignalProto","configurable","this"],"mappings":"iLAWA,MAAMA,EAAQC,GACoB,mBAAnBA,EAAMC,SACjBD,EAAMC,SAASD,EAAME,EAAGF,EAAMG,GAC9BH,EAAMC,SAGVF,EAAKK,YAAc,OAEb,SAAUC,EACfL,GAEA,MAAMM,EACiB,mBAAfN,EAAMO,KAAsBP,EAAMO,OAASP,EAAMO,KAAKD,MAC9D,IAAKA,EAAO,OAAON,EAAMQ,UAAY,UACrC,OAAOC,EAACV,EAAK,CAAAG,EAAGI,EAAOL,SAAUD,EAAMC,UACxC,CAEAI,EAAKD,YAAc,OAYH,SAAAM,EAAOV,GACtB,MAAMW,EAAQC,EAAQ,IAAM,IAAIC,IAAO,IACjCC,EAA8B,mBAAfd,EAAMe,KAAsBf,EAAMe,OAASf,EAAMe,KAIhEC,EAAYF,aAAgBG,EAASH,EAAKR,MAAQQ,EAExD,IAAKE,EAAUE,OAAQ,OAAOlB,EAAMQ,UAAY,KAEhD,MAAMW,EAAU,IAAIC,IAAIT,EAAMU,QAExBC,EAAQN,EAAUO,IAAI,CAACjB,EAAOkB,KACnCL,EAAQM,OAAOnB,GACf,IAAKK,EAAMe,IAAIpB,GAAQ,CACtB,MAAMqB,EAAM3B,EAAM4B,OAAS5B,EAAM4B,OAAOtB,EAAOkB,GAASA,EAClDK,EACLpB,EAACV,GAAK4B,IAAKA,EAAKzB,EAAGI,EAAOH,EAAGqB,EAAOvB,SAAUD,EAAMC,WAErDU,EAAMmB,IAAIxB,EAAOuB,GACjB,OAAOA,CACR,CACA,OAAOlB,EAAMoB,IAAIzB,EAAK,GAGvBa,EAAQa,QAAQ1B,IACfK,EAAMc,OAAOnB,EACd,GAEA,OAAOG,EAAcwB,EAAU,KAAMX,EACtC,CAEAZ,EAAIN,YAAc,MAEZ,SAAU8B,EAAiB5B,GAChC,MAAM6B,EAAIC,UAAU9B,GACpB,GAAI6B,EAAEE,SAAW/B,EAAO6B,EAAE7B,MAAQA,EAClC,OAAO6B,CACR,CAEM,SAAUG,EAAgBhC,GAC/B,MAAMiC,EAAMH,UAAU9B,GACtB,KAAM,YAAaiC,GAClBC,OAAOC,eAAeF,EAAK,UAAWG,GACvC,OAAOH,CACR,CACA,MAAMG,EAAiB,CACtBC,cAAc,EACdZ,MACC,OAAOa,KAAKtC,KACb,EACAwB,IAAkB5B,GACjB0C,KAAKtC,MAAQJ,CACd,UACAQ,SAAAL,UAAA6B,mBAAAI"}

package/utils/dist/utils.module.js

@@ -1 +1 @@
-import{Signal as n}from"@preact/signals-core";import{useSignal}from"@preact/signals";import{createElement as r,Fragment as t}from"preact";import{useMemo as e}from"preact/hooks";var i=function(n){return"function"==typeof n.children?n.children(n.v,n.i):n.children};i.displayName="Item";function o(n){var t="function"==typeof n.when?n.when():n.when.value;if(!t)return n.fallback||null;else return r(i,{v:t,children:n.children})}o.displayName="Show";function u(o){var u=e(function(){return new Map},[]),f="function"==typeof o.each?o.each():o.each,c=f instanceof n?f.value:f;if(!c.length)return o.fallback||null;var a=new Set(u.keys()),p=c.map(function(n,t){a.delete(n);if(!u.has(n)){var e=r(i,{v:n,i:t,children:o.children});u.set(n,e);return e}return u.get(n)});a.forEach(function(n){u.delete(n)});return r(t,null,p)}u.displayName="For";function f(n){var r=useSignal(n);if(r.peek()!==n)r.value=n;return r}function c(n){var r=useSignal(n);if(!("current"in r))Object.defineProperty(r,"current",a);return r}var a={configurable:!0,get:function(){return this.value},set:function(n){this.value=n}};export{u as For,o as Show,f as useLiveSignal,c as useSignalRef};//# sourceMappingURL=utils.module.js.map
+import{Signal as n}from"@preact/signals-core";import{useSignal}from"@preact/signals";import{createElement as r,Fragment as t}from"preact";import{useMemo as e}from"preact/hooks";var i=function(n){return"function"==typeof n.children?n.children(n.v,n.i):n.children};i.displayName="Item";function o(n){var t="function"==typeof n.when?n.when():n.when.value;if(!t)return n.fallback||null;else return r(i,{v:t,children:n.children})}o.displayName="Show";function u(o){var u=e(function(){return new Map},[]),f="function"==typeof o.each?o.each():o.each,c=f instanceof n?f.value:f;if(!c.length)return o.fallback||null;var a=new Set(u.keys()),p=c.map(function(n,t){a.delete(n);if(!u.has(n)){var e=o.getKey?o.getKey(n,t):t,f=r(i,{key:e,v:n,i:t,children:o.children});u.set(n,f);return f}return u.get(n)});a.forEach(function(n){u.delete(n)});return r(t,null,p)}u.displayName="For";function f(n){var r=useSignal(n);if(r.peek()!==n)r.value=n;return r}function c(n){var r=useSignal(n);if(!("current"in r))Object.defineProperty(r,"current",a);return r}var a={configurable:!0,get:function(){return this.value},set:function(n){this.value=n}};export{u as For,o as Show,f as useLiveSignal,c as useSignalRef};//# sourceMappingURL=utils.module.js.map

package/utils/dist/utils.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.module.js","sources":["../src/index.tsx"],"sourcesContent":["import { ReadonlySignal, Signal } from \"@preact/signals-core\";\nimport { useSignal } from \"@preact/signals\";\nimport { Fragment, createElement, ComponentChildren } from \"preact\";\nimport { useMemo } from \"preact/hooks\";\n\ninterface ShowProps<T = boolean> {\n\twhen: Signal<T> | ReadonlySignal<T> | (() => T);\n\tfallback?: ComponentChildren;\n\tchildren: ComponentChildren | ((value: NonNullable<T>) => ComponentChildren);\n}\n\nconst Item = (props: any) => {\n\treturn typeof props.children === \"function\"\n\t\t? props.children(props.v, props.i)\n\t\t: props.children;\n};\n\nItem.displayName = \"Item\";\n\nexport function Show<T = boolean>(\n\tprops: ShowProps<T>\n): ComponentChildren | null {\n\tconst value =\n\t\ttypeof props.when === \"function\" ? props.when() : props.when.value;\n\tif (!value) return props.fallback || null;\n\treturn <Item v={value} children={props.children} />;\n}\n\nShow.displayName = \"Show\";\n\ninterface ForProps<T> {\n\teach:\n\t\t| Signal<Array<T>>\n\t\t| ReadonlySignal<Array<T>>\n\t\t| (() => Array<T> | Signal<Array<T>> | ReadonlySignal<Array<T>>);\n\tfallback?: ComponentChildren;\n\tchildren: (value: T, index: number) => ComponentChildren;\n}\n\nexport function For<T>(props: ForProps<T>): ComponentChildren | null {\n\tconst cache = useMemo(() => new Map(), []);\n\tconst list = (typeof props.each === \"function\" ? props.each() : props.each) as\n\t\t| Signal<Array<T>>\n\t\t| Array<T>;\n\n\tconst listValue = list instanceof Signal ? list.value : list;\n\n\tif (!listValue.length) return props.fallback || null;\n\n\tconst removed = new Set(cache.keys());\n\n\tconst items = listValue.map((value, key) => {\n\t\tremoved.delete(value);\n\t\tif (!cache.has(value)) {\n\t\t\tconst result = <Item v={value} i={key} children={props.children} />;\n\t\t\tcache.set(value, result);\n\t\t\treturn result;\n\t\t}\n\t\treturn cache.get(value);\n\t});\n\n\tremoved.forEach(value => {\n\t\tcache.delete(value);\n\t});\n\n\treturn createElement(Fragment, null, items);\n}\n\nFor.displayName = \"For\";\n\nexport function useLiveSignal<T>(value: T): Signal<T> {\n\tconst s = useSignal(value);\n\tif (s.peek() !== value) s.value = value;\n\treturn s;\n}\n\nexport function useSignalRef<T>(value: T): Signal<T> & { current: T } {\n\tconst ref = useSignal(value) as Signal<T> & { current: T };\n\tif (!(\"current\" in ref))\n\t\tObject.defineProperty(ref, \"current\", refSignalProto);\n\treturn ref;\n}\nconst refSignalProto = {\n\tconfigurable: true,\n\tget(this: Signal) {\n\t\treturn this.value;\n\t},\n\tset(this: Signal, v: any) {\n\t\tthis.value = v;\n\t},\n};\n"],"names":["Item","props","children","v","i","displayName","Show","value","when","fallback","createElement","For","cache","useMemo","Map","list","each","listValue","Signal","length","removed","Set","keys","items","map","key","has","result","set","get","forEach","Fragment","useLiveSignal","s","useSignal","peek","useSignalRef","ref","Object","defineProperty","refSignalProto","configurable","this"],"mappings":"iLAWA,IAAMA,EAAO,SAACC,GACb,MAAiC,mBAAnBA,EAAMC,SACjBD,EAAMC,SAASD,EAAME,EAAGF,EAAMG,GAC9BH,EAAMC,QACV,EAEAF,EAAKK,YAAc,OAEH,SAAAC,EACfL,GAEA,IAAMM,EACiB,mBAAfN,EAAMO,KAAsBP,EAAMO,OAASP,EAAMO,KAAKD,MAC9D,IAAKA,EAAO,OAAON,EAAMQ,UAAY,UACrC,OAAOC,EAACV,EAAK,CAAAG,EAAGI,EAAOL,SAAUD,EAAMC,UACxC,CAEAI,EAAKD,YAAc,OAWb,SAAUM,EAAOV,GACtB,IAAMW,EAAQC,EAAQ,WAAM,OAAA,IAAIC,GAAK,EAAE,IACjCC,EAA8B,mBAAfd,EAAMe,KAAsBf,EAAMe,OAASf,EAAMe,KAIhEC,EAAYF,aAAgBG,EAASH,EAAKR,MAAQQ,EAExD,IAAKE,EAAUE,OAAQ,OAAOlB,EAAMQ,UAAY,KAEhD,IAAMW,EAAU,IAAIC,IAAIT,EAAMU,QAExBC,EAAQN,EAAUO,IAAI,SAACjB,EAAOkB,GACnCL,SAAeb,GACf,IAAKK,EAAMc,IAAInB,GAAQ,CACtB,IAAMoB,EAASjB,EAACV,EAAK,CAAAG,EAAGI,EAAOH,EAAGqB,EAAKvB,SAAUD,EAAMC,WACvDU,EAAMgB,IAAIrB,EAAOoB,GACjB,OAAOA,CACR,CACA,OAAOf,EAAMiB,IAAItB,EAClB,GAEAa,EAAQU,QAAQ,SAAAvB,GACfK,EAAY,OAACL,EACd,GAEA,OAAOG,EAAcqB,EAAU,KAAMR,EACtC,CAEAZ,EAAIN,YAAc,eAEF2B,EAAiBzB,GAChC,IAAM0B,EAAIC,UAAU3B,GACpB,GAAI0B,EAAEE,SAAW5B,EAAO0B,EAAE1B,MAAQA,EAClC,OAAO0B,CACR,CAEgB,SAAAG,EAAgB7B,GAC/B,IAAM8B,EAAMH,UAAU3B,GACtB,KAAM,YAAa8B,GAClBC,OAAOC,eAAeF,EAAK,UAAWG,GACvC,OAAOH,CACR,CACA,IAAMG,EAAiB,CACtBC,cAAc,EACdZ,IAAA,WACC,OAAWa,KAACnC,KACb,EACAqB,aAAkBzB,GACjBuC,KAAKnC,MAAQJ,CACd,UACAQ,SAAAL,UAAA0B,mBAAAI"}
+{"version":3,"file":"utils.module.js","sources":["../src/index.tsx"],"sourcesContent":["import { ReadonlySignal, Signal } from \"@preact/signals-core\";\nimport { useSignal } from \"@preact/signals\";\nimport { Fragment, createElement, ComponentChildren } from \"preact\";\nimport { useMemo } from \"preact/hooks\";\n\ninterface ShowProps<T = boolean> {\n\twhen: Signal<T> | ReadonlySignal<T> | (() => T);\n\tfallback?: ComponentChildren;\n\tchildren: ComponentChildren | ((value: NonNullable<T>) => ComponentChildren);\n}\n\nconst Item = (props: any) => {\n\treturn typeof props.children === \"function\"\n\t\t? props.children(props.v, props.i)\n\t\t: props.children;\n};\n\nItem.displayName = \"Item\";\n\nexport function Show<T = boolean>(\n\tprops: ShowProps<T>\n): ComponentChildren | null {\n\tconst value =\n\t\ttypeof props.when === \"function\" ? props.when() : props.when.value;\n\tif (!value) return props.fallback || null;\n\treturn <Item v={value} children={props.children} />;\n}\n\nShow.displayName = \"Show\";\n\ninterface ForProps<T> {\n\teach:\n\t\t| Signal<Array<T>>\n\t\t| ReadonlySignal<Array<T>>\n\t\t| (() => Array<T> | Signal<Array<T>> | ReadonlySignal<Array<T>>);\n\tfallback?: ComponentChildren;\n\tgetKey?: (item: T, index: number) => string | number;\n\tchildren: (value: T, index: number) => ComponentChildren;\n}\n\nexport function For<T>(props: ForProps<T>): ComponentChildren | null {\n\tconst cache = useMemo(() => new Map(), []);\n\tconst list = (typeof props.each === \"function\" ? props.each() : props.each) as\n\t\t| Signal<Array<T>>\n\t\t| Array<T>;\n\n\tconst listValue = list instanceof Signal ? list.value : list;\n\n\tif (!listValue.length) return props.fallback || null;\n\n\tconst removed = new Set(cache.keys());\n\n\tconst items = listValue.map((value, index) => {\n\t\tremoved.delete(value);\n\t\tif (!cache.has(value)) {\n\t\t\tconst key = props.getKey ? props.getKey(value, index) : index;\n\t\t\tconst result = (\n\t\t\t\t<Item key={key} v={value} i={index} children={props.children} />\n\t\t\t);\n\t\t\tcache.set(value, result);\n\t\t\treturn result;\n\t\t}\n\t\treturn cache.get(value);\n\t});\n\n\tremoved.forEach(value => {\n\t\tcache.delete(value);\n\t});\n\n\treturn createElement(Fragment, null, items);\n}\n\nFor.displayName = \"For\";\n\nexport function useLiveSignal<T>(value: T): Signal<T> {\n\tconst s = useSignal(value);\n\tif (s.peek() !== value) s.value = value;\n\treturn s;\n}\n\nexport function useSignalRef<T>(value: T): Signal<T> & { current: T } {\n\tconst ref = useSignal(value) as Signal<T> & { current: T };\n\tif (!(\"current\" in ref))\n\t\tObject.defineProperty(ref, \"current\", refSignalProto);\n\treturn ref;\n}\nconst refSignalProto = {\n\tconfigurable: true,\n\tget(this: Signal) {\n\t\treturn this.value;\n\t},\n\tset(this: Signal, v: any) {\n\t\tthis.value = v;\n\t},\n};\n"],"names":["Item","props","children","v","i","displayName","Show","value","when","fallback","createElement","For","cache","useMemo","Map","list","each","listValue","Signal","length","removed","Set","keys","items","map","index","has","key","getKey","result","set","get","forEach","Fragment","useLiveSignal","s","useSignal","peek","useSignalRef","ref","Object","defineProperty","refSignalProto","configurable","this"],"mappings":"iLAWA,IAAMA,EAAO,SAACC,GACb,MAAiC,mBAAnBA,EAAMC,SACjBD,EAAMC,SAASD,EAAME,EAAGF,EAAMG,GAC9BH,EAAMC,QACV,EAEAF,EAAKK,YAAc,OAEb,SAAUC,EACfL,GAEA,IAAMM,EACiB,mBAAfN,EAAMO,KAAsBP,EAAMO,OAASP,EAAMO,KAAKD,MAC9D,IAAKA,EAAO,OAAON,EAAMQ,UAAY,UACrC,OAAOC,EAACV,EAAK,CAAAG,EAAGI,EAAOL,SAAUD,EAAMC,UACxC,CAEAI,EAAKD,YAAc,OAYH,SAAAM,EAAOV,GACtB,IAAMW,EAAQC,EAAQ,WAAM,OAAA,IAAIC,GAAK,EAAE,IACjCC,EAA8B,mBAAfd,EAAMe,KAAsBf,EAAMe,OAASf,EAAMe,KAIhEC,EAAYF,aAAgBG,EAASH,EAAKR,MAAQQ,EAExD,IAAKE,EAAUE,OAAQ,OAAOlB,EAAMQ,UAAY,KAEhD,IAAMW,EAAU,IAAIC,IAAIT,EAAMU,QAExBC,EAAQN,EAAUO,IAAI,SAACjB,EAAOkB,GACnCL,EAAc,OAACb,GACf,IAAKK,EAAMc,IAAInB,GAAQ,CACtB,IAAMoB,EAAM1B,EAAM2B,OAAS3B,EAAM2B,OAAOrB,EAAOkB,GAASA,EAClDI,EACLnB,EAACV,GAAK2B,IAAKA,EAAKxB,EAAGI,EAAOH,EAAGqB,EAAOvB,SAAUD,EAAMC,WAErDU,EAAMkB,IAAIvB,EAAOsB,GACjB,OAAOA,CACR,CACA,OAAOjB,EAAMmB,IAAIxB,EAClB,GAEAa,EAAQY,QAAQ,SAAAzB,GACfK,EAAY,OAACL,EACd,GAEA,OAAOG,EAAcuB,EAAU,KAAMV,EACtC,CAEAZ,EAAIN,YAAc,MAEZ,SAAU6B,EAAiB3B,GAChC,IAAM4B,EAAIC,UAAU7B,GACpB,GAAI4B,EAAEE,SAAW9B,EAAO4B,EAAE5B,MAAQA,EAClC,OAAO4B,CACR,CAEgB,SAAAG,EAAgB/B,GAC/B,IAAMgC,EAAMH,UAAU7B,GACtB,KAAM,YAAagC,GAClBC,OAAOC,eAAeF,EAAK,UAAWG,GACvC,OAAOH,CACR,CACA,IAAMG,EAAiB,CACtBC,cAAc,EACdZ,IAAG,WACF,OAAWa,KAACrC,KACb,EACAuB,aAAkB3B,GACjByC,KAAKrC,MAAQJ,CACd,UACAQ,SAAAL,UAAA4B,mBAAAI"}

package/utils/src/index.tsx

@@ -34,6 +34,7 @@ interface ForProps<T> {
 		| ReadonlySignal<Array<T>>
 		| (() => Array<T> | Signal<Array<T>> | ReadonlySignal<Array<T>>);
 	fallback?: ComponentChildren;
+	getKey?: (item: T, index: number) => string | number;
 	children: (value: T, index: number) => ComponentChildren;
 }
 
@@ -49,10 +50,13 @@ export function For<T>(props: ForProps<T>): ComponentChildren | null {
 
 	const removed = new Set(cache.keys());
 
-	const items = listValue.map((value, key) => {
+	const items = listValue.map((value, index) => {
 		removed.delete(value);
 		if (!cache.has(value)) {
-			const result = <Item v={value} i={key} children={props.children} />;
+			const key = props.getKey ? props.getKey(value, index) : index;
+			const result = (
+				<Item key={key} v={value} i={index} children={props.children} />
+			);
 			cache.set(value, result);
 			return result;
 		}