;\nexport function jsx(\n\ttype: ComponentType
,\n\tprops: Attributes & P & { children?: ComponentChild },\n\tkey?: string\n): VNode;\n\nexport function jsxs(\n\ttype: string,\n\tprops: HTMLAttributes &\n\t\tSVGAttributes &\n\t\tRecord & { children?: ComponentChild[] },\n\tkey?: string\n): VNode;\nexport function jsxs(\n\ttype: ComponentType
,\n\tprops: Attributes & P & { children?: ComponentChild[] },\n\tkey?: string\n): VNode;\n\nexport function jsxDEV(\n\ttype: string,\n\tprops: HTMLAttributes &\n\t\tSVGAttributes &\n\t\tRecord & { children?: ComponentChildren },\n\tkey?: string\n): VNode;\nexport function jsxDEV(\n\ttype: ComponentType
,\n\tprops: Attributes & P & { children?: ComponentChildren },\n\tkey?: string\n): VNode;\n\n// These are not expected to be used manually, but by a JSX transform\nexport function jsxTemplate(\n\ttemplate: string[],\n\t...expressions: any[]\n): VNode;\nexport function jsxAttr(name: string, value: any): string | null;\nexport function jsxEscape(\n\tvalue: T\n): string | null | VNode | Array;\n\nexport { JSXInternal as JSX };\n"
},
{
"path": "jsx-runtime/src/index.js",
"content": "import { options, Fragment } from 'preact';\nimport { encodeEntities } from './utils';\n\nlet vnodeId = 0;\n\nconst isArray = Array.isArray;\n\n/**\n * @fileoverview\n * This file exports various methods that implement Babel's \"automatic\" JSX runtime API:\n * - jsx(type, props, key)\n * - jsxs(type, props, key)\n * - jsxDEV(type, props, key, __source, __self)\n *\n * The implementation of createVNode here is optimized for performance.\n * Benchmarks: https://esbench.com/bench/5f6b54a0b4632100a7dcd2b3\n */\n\n/**\n * JSX.Element factory used by Babel's {runtime:\"automatic\"} JSX transform\n * @param {import('../../src/internal').VNode['type']} type\n * @param {import('preact').VNode['props']} props\n * @param {import('preact').VNode['key']} [key]\n * @param {unknown} [isStaticChildren]\n * @param {unknown} [__source]\n * @param {unknown} [__self]\n */\nfunction createVNode(type, props, key, isStaticChildren, __source, __self) {\n\tif (!props) props = {};\n\t// We'll want to preserve `ref` in props to get rid of the need for\n\t// forwardRef components in the future, but that should happen via\n\t// a separate PR.\n\tlet normalizedProps = props,\n\t\tref,\n\t\ti;\n\n\tif ('ref' in normalizedProps && typeof type != 'function') {\n\t\tnormalizedProps = {};\n\t\tfor (i in props) {\n\t\t\tif (i == 'ref') {\n\t\t\t\tref = props[i];\n\t\t\t} else {\n\t\t\t\tnormalizedProps[i] = props[i];\n\t\t\t}\n\t\t}\n\t}\n\n\t/** @type {import('../../src/internal').VNode & { __source: any; __self: any }} */\n\tconst vnode = {\n\t\ttype,\n\t\tprops: normalizedProps,\n\t\tkey,\n\t\tref,\n\t\t_children: null,\n\t\t_parent: null,\n\t\t_depth: 0,\n\t\t_dom: null,\n\t\t_component: null,\n\t\tconstructor: undefined,\n\t\t_original: --vnodeId,\n\t\t_index: -1,\n\t\t_flags: 0,\n\t\t__source,\n\t\t__self\n\t};\n\n\tif (options.vnode) options.vnode(vnode);\n\treturn vnode;\n}\n\n/**\n * Create a template vnode. This function is not expected to be\n * used directly, but rather through a precompile JSX transform\n * @param {string[]} templates\n * @param {Array} exprs\n * @returns {import('preact').VNode}\n */\nfunction jsxTemplate(templates, ...exprs) {\n\tconst vnode = createVNode(Fragment, { tpl: templates, exprs });\n\t// Bypass render to string top level Fragment optimization\n\t// @ts-ignore\n\tvnode.key = vnode._vnode;\n\treturn vnode;\n}\n\nconst JS_TO_CSS = {};\nconst CSS_REGEX = /[A-Z]/g;\n\n/**\n * Unwrap potential signals.\n * @param {*} value\n * @returns {*}\n */\nfunction normalizeAttrValue(value) {\n\treturn value !== null &&\n\t\ttypeof value === 'object' &&\n\t\ttypeof value.valueOf === 'function'\n\t\t? value.valueOf()\n\t\t: value;\n}\n\n/**\n * Serialize an HTML attribute to a string. This function is not\n * expected to be used directly, but rather through a precompile\n * JSX transform\n * @param {string} name The attribute name\n * @param {*} value The attribute value\n * @returns {string}\n */\nfunction jsxAttr(name, value) {\n\tif (options.attr) {\n\t\tconst result = options.attr(name, value);\n\t\tif (typeof result === 'string') return result;\n\t}\n\n\tvalue = normalizeAttrValue(value);\n\n\tif (name === 'ref' || name === 'key') return '';\n\tif (name === 'style' && typeof value === 'object') {\n\t\tlet str = '';\n\t\tfor (let prop in value) {\n\t\t\tlet val = value[prop];\n\t\t\tif (val != null && val !== '') {\n\t\t\t\tconst name =\n\t\t\t\t\tprop[0] == '-'\n\t\t\t\t\t\t? prop\n\t\t\t\t\t\t: JS_TO_CSS[prop] ||\n\t\t\t\t\t\t\t(JS_TO_CSS[prop] = prop.replace(CSS_REGEX, '-$&').toLowerCase());\n\n\t\t\t\tstr = str + name + ':' + val + ';';\n\t\t\t}\n\t\t}\n\t\treturn name + '=\"' + encodeEntities(str) + '\"';\n\t}\n\n\tif (\n\t\tvalue == null ||\n\t\tvalue === false ||\n\t\ttypeof value === 'function' ||\n\t\ttypeof value === 'object'\n\t) {\n\t\treturn '';\n\t} else if (value === true) return name;\n\n\treturn name + '=\"' + encodeEntities('' + value) + '\"';\n}\n\n/**\n * Escape a dynamic child passed to `jsxTemplate`. This function\n * is not expected to be used directly, but rather through a\n * precompile JSX transform\n * @param {*} value\n * @returns {string | null | import('preact').VNode | Array}\n */\nfunction jsxEscape(value) {\n\tif (\n\t\tvalue == null ||\n\t\ttypeof value === 'boolean' ||\n\t\ttypeof value === 'function'\n\t) {\n\t\treturn null;\n\t}\n\n\tif (typeof value === 'object') {\n\t\t// Check for VNode\n\t\tif (value.constructor === undefined) return value;\n\n\t\tif (isArray(value)) {\n\t\t\tfor (let i = 0; i < value.length; i++) {\n\t\t\t\tvalue[i] = jsxEscape(value[i]);\n\t\t\t}\n\t\t\treturn value;\n\t\t}\n\t}\n\n\treturn encodeEntities('' + value);\n}\n\nexport {\n\tcreateVNode as jsx,\n\tcreateVNode as jsxs,\n\tcreateVNode as jsxDEV,\n\tFragment,\n\t// precompiled JSX transform\n\tjsxTemplate,\n\tjsxAttr,\n\tjsxEscape\n};\n"
},
{
"path": "jsx-runtime/src/utils.js",
"content": "const ENCODED_ENTITIES = /[\"&<]/;\n\n/** @param {string} str */\nexport function encodeEntities(str) {\n\t// Skip all work for strings with no entities needing encoding:\n\tif (str.length === 0 || ENCODED_ENTITIES.test(str) === false) return str;\n\n\tlet last = 0,\n\t\ti = 0,\n\t\tout = '',\n\t\tch = '';\n\n\t// Seek forward in str until the next entity char:\n\tfor (; i < str.length; i++) {\n\t\tswitch (str.charCodeAt(i)) {\n\t\t\tcase 34:\n\t\t\t\tch = '"';\n\t\t\t\tbreak;\n\t\t\tcase 38:\n\t\t\t\tch = '&';\n\t\t\t\tbreak;\n\t\t\tcase 60:\n\t\t\t\tch = '<';\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tcontinue;\n\t\t}\n\t\t// Append skipped/buffered characters and the encoded entity:\n\t\tif (i !== last) out += str.slice(last, i);\n\t\tout += ch;\n\t\t// Start the next seek/buffer after the entity's offset:\n\t\tlast = i + 1;\n\t}\n\tif (i !== last) out += str.slice(last, i);\n\treturn out;\n}\n"
},
{
"path": "jsx-runtime/test/browser/jsx-runtime.test.js",
"content": "import { Component, createElement, createRef, options } from 'preact';\nimport {\n\tjsx,\n\tjsxs,\n\tjsxDEV,\n\tFragment,\n\tjsxAttr,\n\tjsxTemplate,\n\tjsxEscape\n} from 'preact/jsx-runtime';\nimport { setupScratch, teardown } from '../../../test/_util/helpers';\nimport { encodeEntities } from '../../src/utils';\nimport { vi } from 'vitest';\n\nfunction createSignal(value) {\n\treturn {\n\t\tvalue,\n\t\tpeek() {\n\t\t\treturn value;\n\t\t},\n\t\tsubscribe() {\n\t\t\treturn () => {};\n\t\t},\n\t\tvalueOf() {\n\t\t\treturn value;\n\t\t},\n\t\ttoString() {\n\t\t\treturn String(value);\n\t\t}\n\t};\n}\n\ndescribe('Babel jsx/jsxDEV', () => {\n\tlet scratch;\n\tlet prevVNodeOption;\n\n\tbeforeEach(() => {\n\t\tscratch = setupScratch();\n\t\tprevVNodeOption = options.vnode;\n\t});\n\n\tafterEach(() => {\n\t\toptions.vnode = prevVNodeOption;\n\t\tteardown(scratch);\n\t});\n\n\tit('should have needed exports', () => {\n\t\texpect(typeof jsx).to.equal('function');\n\t\texpect(typeof jsxs).to.equal('function');\n\t\texpect(typeof jsxDEV).to.equal('function');\n\t\texpect(typeof Fragment).to.equal('function');\n\t});\n\n\tit('should keep ref in props', () => {\n\t\tconst ref = () => null;\n\t\tconst props = { ref };\n\t\tconst vnode = jsx('div', props);\n\t\texpect(vnode.ref).to.equal(ref);\n\t\texpect(vnode.props).to.not.equal(props);\n\t});\n\n\tit('should not copy props wen there is no ref in props', () => {\n\t\tconst props = { x: 'y' };\n\t\tconst vnode = jsx('div', props);\n\t\texpect(vnode.props).to.equal(props);\n\t});\n\n\tit('should add keys', () => {\n\t\tconst vnode = jsx('div', null, 'foo');\n\t\texpect(vnode.key).to.equal('foo');\n\t});\n\n\tit('should set __source and __self', () => {\n\t\tconst vnode = jsx('div', { class: 'foo' }, 'key', false, 'source', 'self');\n\t\texpect(vnode.__source).to.equal('source');\n\t\texpect(vnode.__self).to.equal('self');\n\t});\n\n\tit('should return a vnode like createElement', () => {\n\t\tconst elementVNode = createElement('div', {\n\t\t\tclass: 'foo',\n\t\t\tkey: 'key'\n\t\t});\n\t\tconst jsxVNode = jsx('div', { class: 'foo' }, 'key');\n\t\tdelete jsxVNode.__self;\n\t\tdelete jsxVNode.__source;\n\t\tdelete jsxVNode._original;\n\t\tdelete elementVNode._original;\n\t\texpect(jsxVNode).to.deep.equal(elementVNode);\n\t});\n\n\t// #2839\n\tit('should remove ref from props', () => {\n\t\tconst ref = createRef();\n\t\tconst vnode = jsx('div', { ref }, null);\n\t\texpect(vnode.props).to.deep.equal({});\n\t\texpect(vnode.ref).to.equal(ref);\n\t});\n\n\tit('should call options.vnode with the vnode', () => {\n\t\toptions.vnode = vi.fn();\n\t\tconst vnode = jsx('div', { class: 'foo' }, 'key');\n\t\texpect(options.vnode).toHaveBeenCalledWith(vnode);\n\t});\n});\n\ndescribe('encodeEntities', () => {\n\tit('should encode', () => {\n\t\texpect(encodeEntities(\"&<'\")).to.equal(\"&<'\");\n\t});\n});\n\ndescribe('precompiled JSX', () => {\n\tdescribe('jsxAttr', () => {\n\t\tbeforeEach(() => {\n\t\t\toptions.attr = undefined;\n\t\t});\n\n\t\tafterEach(() => {\n\t\t\toptions.attr = undefined;\n\t\t});\n\n\t\tit('should render simple values', () => {\n\t\t\texpect(jsxAttr('foo', 'bar')).to.equal('foo=\"bar\"');\n\t\t});\n\n\t\tit('should render boolean values', () => {\n\t\t\texpect(jsxAttr('foo', true)).to.equal('foo');\n\t\t\texpect(jsxAttr('foo', false)).to.equal('');\n\t\t});\n\n\t\tit('should ignore invalid values', () => {\n\t\t\texpect(jsxAttr('foo', false)).to.equal('');\n\t\t\texpect(jsxAttr('foo', null)).to.equal('');\n\t\t\texpect(jsxAttr('foo', undefined)).to.equal('');\n\t\t\texpect(jsxAttr('foo', () => null)).to.equal('');\n\t\t\texpect(jsxAttr('foo', [])).to.equal('');\n\t\t\texpect(jsxAttr('key', 'foo')).to.equal('');\n\t\t\texpect(jsxAttr('ref', 'foo')).to.equal('');\n\t\t});\n\n\t\tit('should escape values', () => {\n\t\t\texpect(jsxAttr('foo', \"&<'\")).to.equal('foo=\"&<\\'\"');\n\t\t\texpect(jsxAttr('style', { foo: `\"&<'\"` })).to.equal(\n\t\t\t\t'style=\"foo:"&<\\'";\"'\n\t\t\t);\n\t\t});\n\n\t\tit('should support signals', () => {\n\t\t\tconst sig = createSignal(`&<'\"`);\n\t\t\texpect(jsxAttr('foo', sig)).to.equal(`foo=\"&<'"\"`);\n\t\t\texpect(jsxAttr('style', sig)).to.equal(`style=\"&<'"\"`);\n\t\t});\n\n\t\tit('should call options.attr()', () => {\n\t\t\toptions.attr = (name, value) => {\n\t\t\t\treturn `data-${name}=\"foo${value}\"`;\n\t\t\t};\n\n\t\t\texpect(jsxAttr('foo', 'bar')).to.equal('data-foo=\"foobar\"');\n\t\t});\n\n\t\tit('should serialize style object', () => {\n\t\t\texpect(jsxAttr('style', { padding: '3px' })).to.equal(\n\t\t\t\t'style=\"padding:3px;\"'\n\t\t\t);\n\t\t});\n\t});\n\n\tdescribe('jsxTemplate', () => {\n\t\tit('should construct basic template vnode', () => {\n\t\t\tconst tpl = [`foo
`];\n\t\t\tconst vnode = jsxTemplate(tpl);\n\t\t\texpect(vnode.props.tpl).to.equal(tpl);\n\t\t\texpect(vnode.type).to.equal(Fragment);\n\t\t\texpect(vnode.key).not.to.equal(null);\n\t\t});\n\n\t\tit('should constructe template vnode with expressions', () => {\n\t\t\tconst tpl = [`foo`, '
'];\n\t\t\tconst vnode = jsxTemplate(tpl, 'bar');\n\t\t\texpect(vnode.props.tpl).to.equal(tpl);\n\t\t\texpect(vnode.props.exprs).to.deep.equal(['bar']);\n\t\t\texpect(vnode.type).to.equal(Fragment);\n\t\t\texpect(vnode.key).not.to.equal(null);\n\t\t});\n\t});\n\n\tdescribe('jsxEscape', () => {\n\t\tit('should escape string children', () => {\n\t\t\texpect(jsxEscape('foo')).to.equal('foo');\n\t\t\texpect(jsxEscape(2)).to.equal('2');\n\t\t\texpect(jsxEscape('&\"<')).to.equal('&"<');\n\t\t\texpect(jsxEscape(null)).to.equal(null);\n\t\t\texpect(jsxEscape(undefined)).to.equal(null);\n\t\t\texpect(jsxEscape(true)).to.equal(null);\n\t\t\texpect(jsxEscape(false)).to.equal(null);\n\t\t});\n\n\t\tit(\"should leave VNode's as is\", () => {\n\t\t\tconst vnode = jsx('div', null);\n\t\t\texpect(jsxEscape(vnode)).to.equal(vnode);\n\t\t});\n\n\t\tit('should escape arrays', () => {\n\t\t\tconst vnode = jsx('div', null);\n\t\t\texpect(\n\t\t\t\tjsxEscape([vnode, 'foo&\"<', null, undefined, true, false, 2, 'foo'])\n\t\t\t).to.deep.equal([\n\t\t\t\tvnode,\n\t\t\t\t'foo&"<',\n\t\t\t\tnull,\n\t\t\t\tnull,\n\t\t\t\tnull,\n\t\t\t\tnull,\n\t\t\t\t'2',\n\t\t\t\t'foo'\n\t\t\t]);\n\t\t});\n\t});\n});\n"
},
{
"path": "mangle.json",
"content": "{\n \"help\": {\n \"what is this file?\": \"It controls protected/private property mangling so that minified builds have consistent property names.\",\n \"why are there duplicate minified properties?\": \"Most properties are only used on one type of objects, so they can have the same name since they will never collide. Doing this reduces size.\"\n },\n \"minify\": {\n \"mangle\": {\n \"properties\": {\n \"regex\": \"^_[^_]\",\n \"reserved\": [\n \"__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED\",\n \"__REACT_DEVTOOLS_GLOBAL_HOOK__\",\n \"__PREACT_DEVTOOLS__\",\n \"_renderers\",\n \"__source\",\n \"__self\"\n ]\n }\n },\n \"compress\": {\n \"hoist_vars\": true,\n \"reduce_funcs\": false\n }\n },\n \"props\": {\n \"cname\": 6,\n \"props\": {\n \"$_hasScuFromHooks\": \"__f\",\n \"$_listeners\": \"__l\",\n \"$_cleanup\": \"__c\",\n \"$__hooks\": \"__H\",\n \"$_hydrationMismatch\": \"__m\",\n \"$_list\": \"__\",\n \"$_pendingEffects\": \"__h\",\n \"$_value\": \"__\",\n \"$_nextValue\": \"__N\",\n \"$_original\": \"__v\",\n \"$_args\": \"__H\",\n \"$_factory\": \"__h\",\n \"$_depth\": \"__b\",\n \"$_mask\": \"__m\",\n \"$_detachOnNextRender\": \"__b\",\n \"$_excess\": \"__z\",\n \"$_nextState\": \"__s\",\n \"$_renderCallbacks\": \"__h\",\n \"$_stateCallbacks\": \"_sb\",\n \"$_vnode\": \"__v\",\n \"$_children\": \"__k\",\n \"$_pendingSuspensionCount\": \"__u\",\n \"$_childDidSuspend\": \"__c\",\n \"$_unmounted\": \"__z\",\n \"$_onResolve\": \"__R\",\n \"$_suspended\": \"__a\",\n \"$_dom\": \"__e\",\n \"$_component\": \"__c\",\n \"$_index\": \"__i\",\n \"$_flags\": \"__u\",\n \"$__html\": \"__html\",\n \"$_parent\": \"__\",\n \"$_globalContext\": \"__n\",\n \"$_context\": \"c\",\n \"$_defaultValue\": \"__\",\n \"$_id\": \"__c\",\n \"$_contextRef\": \"__l\",\n \"$_parentDom\": \"__P\",\n \"$_originalParentDom\": \"__O\",\n \"$_prevState\": \"__u\",\n \"$_root\": \"__\",\n \"$_diff\": \"__b\",\n \"$_commit\": \"__c\",\n \"$_addHookName\": \"__a\",\n \"$_render\": \"__r\",\n \"$_hook\": \"__h\",\n \"$_catchError\": \"__e\",\n \"$_unmount\": \"__u\",\n \"$_owner\": \"__o\",\n \"$_skipEffects\": \"__s\",\n \"$_forwarded\": \"__f\",\n \"$_isSuspended\": \"__i\",\n \"$_bits\": \"__g\"\n }\n }\n}\n"
},
{
"path": "package.json",
"content": "{\n \"name\": \"preact\",\n \"amdName\": \"preact\",\n \"version\": \"11.0.0-beta.1\",\n \"private\": false,\n \"description\": \"Fast 4kb React-compatible Virtual DOM library.\",\n \"main\": \"dist/preact.js\",\n \"module\": \"dist/preact.mjs\",\n \"umd:main\": \"dist/preact.umd.js\",\n \"source\": \"src/index.js\",\n \"exports\": {\n \".\": {\n \"types\": \"./src/index.d.ts\",\n \"module\": \"./dist/preact.mjs\",\n \"umd\": \"./dist/preact.umd.js\",\n \"import\": \"./dist/preact.mjs\",\n \"require\": \"./dist/preact.js\"\n },\n \"./compat\": {\n \"types\": \"./compat/src/index.d.ts\",\n \"module\": \"./compat/dist/compat.mjs\",\n \"umd\": \"./compat/dist/compat.umd.js\",\n \"import\": \"./compat/dist/compat.mjs\",\n \"require\": \"./compat/dist/compat.js\"\n },\n \"./debug\": {\n \"types\": \"./debug/src/index.d.ts\",\n \"module\": \"./debug/dist/debug.mjs\",\n \"umd\": \"./debug/dist/debug.umd.js\",\n \"import\": \"./debug/dist/debug.mjs\",\n \"require\": \"./debug/dist/debug.js\"\n },\n \"./devtools\": {\n \"types\": \"./devtools/src/index.d.ts\",\n \"module\": \"./devtools/dist/devtools.mjs\",\n \"umd\": \"./devtools/dist/devtools.umd.js\",\n \"import\": \"./devtools/dist/devtools.mjs\",\n \"require\": \"./devtools/dist/devtools.js\"\n },\n \"./hooks\": {\n \"types\": \"./hooks/src/index.d.ts\",\n \"module\": \"./hooks/dist/hooks.mjs\",\n \"umd\": \"./hooks/dist/hooks.umd.js\",\n \"import\": \"./hooks/dist/hooks.mjs\",\n \"require\": \"./hooks/dist/hooks.js\"\n },\n \"./test-utils\": {\n \"types\": \"./test-utils/src/index.d.ts\",\n \"module\": \"./test-utils/dist/testUtils.mjs\",\n \"umd\": \"./test-utils/dist/testUtils.umd.js\",\n \"import\": \"./test-utils/dist/testUtils.mjs\",\n \"require\": \"./test-utils/dist/testUtils.js\"\n },\n \"./compat/test-utils\": {\n \"types\": \"./test-utils/src/index.d.ts\",\n \"module\": \"./test-utils/dist/testUtils.mjs\",\n \"umd\": \"./test-utils/dist/testUtils.umd.js\",\n \"import\": \"./test-utils/dist/testUtils.mjs\",\n \"require\": \"./test-utils/dist/testUtils.js\"\n },\n \"./jsx-runtime\": {\n \"types\": \"./jsx-runtime/src/index.d.ts\",\n \"module\": \"./jsx-runtime/dist/jsxRuntime.mjs\",\n \"umd\": \"./jsx-runtime/dist/jsxRuntime.umd.js\",\n \"import\": \"./jsx-runtime/dist/jsxRuntime.mjs\",\n \"require\": \"./jsx-runtime/dist/jsxRuntime.js\"\n },\n \"./jsx-dev-runtime\": {\n \"types\": \"./jsx-runtime/src/index.d.ts\",\n \"module\": \"./jsx-runtime/dist/jsxRuntime.mjs\",\n \"umd\": \"./jsx-runtime/dist/jsxRuntime.umd.js\",\n \"import\": \"./jsx-runtime/dist/jsxRuntime.mjs\",\n \"require\": \"./jsx-runtime/dist/jsxRuntime.js\"\n },\n \"./compat/client\": {\n \"types\": \"./compat/client.d.ts\",\n \"import\": \"./compat/client.mjs\",\n \"require\": \"./compat/client.js\"\n },\n \"./compat/server\": {\n \"types\": \"./compat/server.d.ts\",\n \"browser\": \"./compat/server.browser.js\",\n \"import\": \"./compat/server.mjs\",\n \"require\": \"./compat/server.js\"\n },\n \"./compat/server.browser\": {\n \"types\": \"./compat/server.d.ts\",\n \"default\": \"./compat/server.browser.js\"\n },\n \"./compat/jsx-runtime\": {\n \"types\": \"./jsx-runtime/src/index.d.ts\",\n \"import\": \"./compat/jsx-runtime.mjs\",\n \"require\": \"./compat/jsx-runtime.js\"\n },\n \"./compat/jsx-dev-runtime\": {\n \"types\": \"./jsx-runtime/src/index.d.ts\",\n \"import\": \"./compat/jsx-dev-runtime.mjs\",\n \"require\": \"./compat/jsx-dev-runtime.js\"\n },\n \"./compat/scheduler\": {\n \"types\": \"./compat/scheduler.d.ts\",\n \"import\": \"./compat/scheduler.mjs\",\n \"require\": \"./compat/scheduler.js\"\n },\n \"./package.json\": \"./package.json\",\n \"./compat/package.json\": \"./compat/package.json\",\n \"./debug/package.json\": \"./debug/package.json\",\n \"./devtools/package.json\": \"./devtools/package.json\",\n \"./hooks/package.json\": \"./hooks/package.json\",\n \"./test-utils/package.json\": \"./test-utils/package.json\",\n \"./jsx-runtime/package.json\": \"./jsx-runtime/package.json\"\n },\n \"license\": \"MIT\",\n \"funding\": {\n \"type\": \"opencollective\",\n \"url\": \"https://opencollective.com/preact\"\n },\n \"types\": \"src/index.d.ts\",\n \"scripts\": {\n \"prepare\": \"husky && npm run test:install && run-s build\",\n \"build\": \"npm-run-all --parallel 'build:*'\",\n \"build:core\": \"microbundle build --raw --no-generateTypes -f cjs,esm,umd\",\n \"build:debug\": \"microbundle build --raw --no-generateTypes -f cjs,esm,umd --cwd debug\",\n \"build:devtools\": \"microbundle build --raw --no-generateTypes -f cjs,esm,umd --cwd devtools\",\n \"build:hooks\": \"microbundle build --raw --no-generateTypes -f cjs,esm,umd --cwd hooks\",\n \"build:test-utils\": \"microbundle build --raw --no-generateTypes -f cjs,esm,umd --cwd test-utils\",\n \"build:compat\": \"microbundle build --raw --no-generateTypes -f cjs,esm,umd --cwd compat --globals 'preact/hooks=preactHooks'\",\n \"build:jsx\": \"microbundle build --raw --no-generateTypes -f cjs,esm,umd --cwd jsx-runtime\",\n \"postbuild\": \"node ./config/compat-entries.js\",\n \"dev\": \"microbundle watch --raw --no-generateTypes --format cjs\",\n \"dev:hooks\": \"microbundle watch --raw --no-generateTypes --format cjs --cwd hooks\",\n \"dev:compat\": \"microbundle watch --raw --no-generateTypes --format cjs --cwd compat --globals 'preact/hooks=preactHooks'\",\n \"test\": \"npm-run-all build lint test:unit\",\n \"test:install\": \"playwright install chromium\",\n \"test:unit\": \"run-p test:vitest:min test:ts\",\n \"test:vitest\": \"cross-env COVERAGE=true vitest run\",\n \"test:vitest:min\": \"cross-env MINIFY=true vitest run\",\n \"test:vitest:watch\": \"vitest\",\n \"test:ts\": \"run-p 'test:ts:*'\",\n \"test:ts:core\": \"tsc -p test/ts/\",\n \"test:ts:compat\": \"tsc -p compat/test/ts/\",\n \"lint\": \"run-s oxlint tsc\",\n \"tsc\": \"tsc -p jsconfig-lint.json\",\n \"oxlint\": \"oxlint src test/browser test/node test/shared debug compat hooks test-utils\",\n \"format\": \"biome format --write .\",\n \"format:check\": \"biome format .\"\n },\n \"nano-staged\": {\n \"**/*.{js,jsx,mjs,cjs,ts,tsx,yml,json,html,md,css,scss}\": [\n \"biome format --write --no-errors-on-unmatched\"\n ]\n },\n \"files\": [\n \"src\",\n \"dist\",\n \"compat/dist\",\n \"compat/src\",\n \"compat/client.d.ts\",\n \"compat/client.js\",\n \"compat/client.mjs\",\n \"compat/server.d.ts\",\n \"compat/server.browser.js\",\n \"compat/server.js\",\n \"compat/server.mjs\",\n \"compat/scheduler.d.ts\",\n \"compat/scheduler.js\",\n \"compat/scheduler.mjs\",\n \"compat/test-utils.js\",\n \"compat/test-utils.mjs\",\n \"compat/jsx-runtime.js\",\n \"compat/jsx-runtime.mjs\",\n \"compat/jsx-dev-runtime.js\",\n \"compat/jsx-dev-runtime.mjs\",\n \"compat/package.json\",\n \"debug/dist\",\n \"debug/src\",\n \"debug/package.json\",\n \"devtools/dist\",\n \"devtools/src\",\n \"devtools/package.json\",\n \"hooks/dist\",\n \"hooks/src\",\n \"hooks/package.json\",\n \"jsx-runtime/dist\",\n \"jsx-runtime/src\",\n \"jsx-runtime/package.json\",\n \"test-utils/src\",\n \"test-utils/package.json\",\n \"test-utils/dist\"\n ],\n \"keywords\": [\n \"preact\",\n \"react\",\n \"ui\",\n \"user interface\",\n \"virtual dom\",\n \"vdom\",\n \"components\",\n \"dom diff\",\n \"front-end\",\n \"framework\"\n ],\n \"authors\": [\n \"The Preact Authors (https://github.com/preactjs/preact/contributors)\"\n ],\n \"repository\": \"preactjs/preact\",\n \"bugs\": \"https://github.com/preactjs/preact/issues\",\n \"homepage\": \"https://preactjs.com\",\n \"devDependencies\": {\n \"@actions/github\": \"^6.0.1\",\n \"@actions/glob\": \"^0.5.0\",\n \"@babel/core\": \"^7.28.0\",\n \"@babel/plugin-transform-react-jsx\": \"^7.27.1\",\n \"@babel/plugin-transform-react-jsx-source\": \"^7.27.1\",\n \"@babel/preset-env\": \"^7.28.0\",\n \"@babel/register\": \"^7.27.1\",\n \"@biomejs/biome\": \"^2.1.2\",\n \"@types/node\": \"^18.19.87\",\n \"@vitest/browser\": \"^3.2.4\",\n \"@vitest/coverage-v8\": \"^3.2.4\",\n \"babel-plugin-transform-rename-properties\": \"0.1.0\",\n \"chai\": \"^6.2.2\",\n \"coveralls\": \"^3.1.1\",\n \"cross-env\": \"^7.0.3\",\n \"errorstacks\": \"^2.4.1\",\n \"esbuild\": \"^0.25.8\",\n \"husky\": \"^9.1.7\",\n \"kolorist\": \"^1.8.0\",\n \"microbundle\": \"^0.15.1\",\n \"npm-run-all2\": \"^7.0.0\",\n \"oxlint\": \"^1.8.0\",\n \"playwright\": \"^1.54.1\",\n \"preact-render-to-string\": \"^6.5.0\",\n \"prop-types\": \"^15.8.1\",\n \"sade\": \"^1.8.1\",\n \"terser\": \"5.16.0\",\n \"typescript\": \"5.1.6\",\n \"undici\": \"^4.12.0\",\n \"vite\": \"^6.2.0\",\n \"vitest\": \"^3.2.4\"\n },\n \"volta\": {\n \"node\": \"20.19.1\"\n }\n}\n"
},
{
"path": "scripts/release/create-gh-release.js",
"content": "/**\n * @typedef {import('@octokit/openapi-types').components[\"schemas\"][\"release\"]} Release\n *\n * @typedef Params\n * @property {ReturnType} github\n * @property {typeof import(\"@actions/github\").context} context\n *\n * @param {Params} params\n * @returns {Promise}\n */\nasync function create({ github, context }) {\n\tconst commitSha = process.env.GITHUB_SHA;\n\tconst tag_name = process.env.GITHUB_REF_NAME;\n\tconsole.log('tag:', tag_name);\n\n\tlet releaseResult;\n\n\tlet releasePages = github.paginate.iterator(\n\t\tgithub.rest.repos.listReleases,\n\t\tcontext.repo\n\t);\n\n\tfor await (const page of releasePages) {\n\t\tfor (let release of page.data) {\n\t\t\tif (release.tag_name == tag_name) {\n\t\t\t\tconsole.log('Existing release found:', release);\n\t\t\t\treleaseResult = release;\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tif (!releaseResult) {\n\t\tconsole.log('No existing release found. Creating a new draft...');\n\n\t\t// No existing release for this tag found so let's create a release\n\t\t// API Documentation: https://docs.github.com/en/rest/reference/repos#create-a-release\n\t\t// Octokit Documentation: https://octokit.github.io/rest.js/v18#repos-create-release\n\t\tconst createReleaseRes = await github.rest.repos.createRelease({\n\t\t\t...context.repo,\n\t\t\ttag_name,\n\t\t\tname: tag_name,\n\t\t\tbody: '', // TODO: Maybe run changelogged and prefill the body?\n\t\t\tdraft: true,\n\t\t\tprerelease: tag_name.includes('-'),\n\t\t\ttarget_commitish: commitSha\n\t\t});\n\n\t\tconsole.log('Created release:', createReleaseRes.data);\n\t\treleaseResult = createReleaseRes.data;\n\t} else if (!releaseResult.draft) {\n\t\tconsole.error('Found existing release but it was not in draft mode');\n\t\tprocess.exit(1);\n\t}\n\n\treturn releaseResult;\n}\n\nmodule.exports = create;\n"
},
{
"path": "scripts/release/publish.mjs",
"content": "import { execFileSync } from 'child_process';\nimport fs from 'fs';\nimport { fetch, stream } from 'undici';\nimport sade from 'sade';\n\nlet DEBUG = false;\nconst log = {\n\tdebug: (...msgs) => DEBUG && console.log(...msgs),\n\tinfo: (...msgs) => console.log(...msgs),\n\terror: (...msgs) => console.error(...msgs)\n};\n\n/**\n * @typedef {import('@octokit/openapi-types').components[\"schemas\"][\"release\"]} Release\n * @param {string} tag\n * @param {any} opts\n */\nasync function main(tag, opts) {\n\tDEBUG = opts.debug;\n\n\tlog.debug('Git tag:', tag);\n\tlog.debug('Options:', opts);\n\n\t// 1. Find a release with the matching tag\n\tconst getReleaseByTagUrl = `https://api.github.com/repos/preactjs/preact/releases/tags/${tag}`;\n\tconst response = await fetch(getReleaseByTagUrl);\n\tif (response.status == 404) {\n\t\tlog.error(\n\t\t\t`Could not find the GitHub release for tag ${tag}. Has the release workflow finished and the GitHub release published?`\n\t\t);\n\t\tprocess.exit(1);\n\t} else if (!response.ok) {\n\t\tlog.error('GitHub API returned an error:');\n\t\tlog.error(`${response.status} ${response.statusText}`);\n\t\tlog.error(await response.text());\n\t\tprocess.exit(1);\n\t}\n\n\tconst release = /** @type {Release} */ (await response.json());\n\tlog.debug('Release:', release);\n\tif (release) {\n\t\tlog.info('Found release', release.id, 'at', release.html_url);\n\t} else {\n\t\tlog.error(\n\t\t\t`Could not find a release with the tag ${tag}. Please publish that tag, wait for the release workflow to complete. Then publish the release, and re-run this script.`\n\t\t);\n\t\tprocess.exit(1);\n\t}\n\n\t// 2. Find npm package release asset\n\t/** @type {Release[\"assets\"][0]} */\n\tlet packageAsset = null;\n\tconst artifactRegex = /^preact-.+\\.tgz$/;\n\tfor (let asset of release.assets) {\n\t\tif (artifactRegex.test(asset.name)) {\n\t\t\tpackageAsset = asset;\n\t\t}\n\t}\n\n\tif (packageAsset) {\n\t\tlog.info(`Found npm package asset: ${packageAsset.name}`);\n\t} else {\n\t\tlog.error(\n\t\t\t'Could not find asset matching package regex:',\n\t\t\tartifactRegex,\n\t\t\t'\\nPlease wait for release workflow to complete and upload npm package.'\n\t\t);\n\t\tprocess.exit(1);\n\t}\n\n\t// 3. Download release asset\n\tlog.info(`\\nDownloading ${packageAsset.name}...`);\n\tawait stream(\n\t\tpackageAsset.browser_download_url,\n\t\t{\n\t\t\tmethod: 'GET',\n\t\t\tmaxRedirections: 30\n\t\t},\n\t\t() => fs.createWriteStream(packageAsset.name)\n\t);\n\n\t// 3. Run npm publish\n\tconst args = ['publish', packageAsset.name];\n\tif (opts['npm-tag']) {\n\t\targs.push('--tag', opts['npm-tag']);\n\t}\n\n\tlog.info(`Executing \\`npm ${args.join(' ')}\\``);\n\tif (!opts['dry-run']) {\n\t\texecFileSync('npm', args, { encoding: 'utf8', stdio: 'inherit' });\n\t}\n}\n\nsade('publish ', true)\n\t.describe('Publish a tagged version of this package')\n\t.option('--npm-tag', 'The npm tag to publish this package under', '')\n\t.option(\n\t\t'--dry-run',\n\t\t\"Prepare the package for publishing but don't actually publish it\",\n\t\tfalse\n\t)\n\t.option('--debug -d', 'Log debugging information', false)\n\t.action(main)\n\t.parse(process.argv);\n"
},
{
"path": "scripts/release/upload-gh-asset.js",
"content": "/**\n * @typedef {import('@octokit/openapi-types').components[\"schemas\"][\"release\"]} Release\n *\n * @typedef Params\n * @property {typeof require} require\n * @property {ReturnType} github\n * @property {typeof import(\"@actions/github\").context} context\n * @property {typeof import(\"@actions/glob\")} glob\n * @property {Release} release\n *\n * @param {Params} params\n */\nasync function upload({ require, github, context, glob, release }) {\n\tconst fs = require('fs');\n\n\t// Find artifact to upload\n\tconst artifactPattern = 'preact.tgz';\n\tconst globber = await glob.create(artifactPattern, {\n\t\tmatchDirectories: false\n\t});\n\n\tconst results = await globber.glob();\n\tif (results.length == 0) {\n\t\tthrow new Error(\n\t\t\t`No release artifact found matching pattern: ${artifactPattern}`\n\t\t);\n\t} else if (results.length > 1) {\n\t\tthrow new Error(\n\t\t\t`More than one artifact matching pattern found. Expected only one. Found ${results.length}.`\n\t\t);\n\t}\n\n\tconst assetPath = results[0];\n\tconst assetName = `preact-${release.tag_name.replace(/^v/, '')}.tgz`;\n\tconst assetRegex = /^preact-.+\\.tgz$/;\n\n\tfor (let asset of release.assets) {\n\t\tif (assetRegex.test(asset.name)) {\n\t\t\tconsole.log(\n\t\t\t\t`Found existing asset matching asset pattern: ${asset.name}. Removing...`\n\t\t\t);\n\t\t\tawait github.rest.repos.deleteReleaseAsset({\n\t\t\t\t...context.repo,\n\t\t\t\tasset_id: asset.id\n\t\t\t});\n\t\t}\n\t}\n\n\tconsole.log(`Uploading ${assetName} from ${assetPath}...`);\n\n\t// Upload a release asset\n\t// API Documentation: https://docs.github.com/en/rest/reference/repos#upload-a-release-asset\n\t// Octokit Documentation: https://octokit.github.io/rest.js/v18#repos-upload-release-asset\n\tconst uploadAssetResponse = await github.rest.repos.uploadReleaseAsset({\n\t\t...context.repo,\n\t\trelease_id: release.id,\n\t\tname: assetName,\n\t\tdata: fs.readFileSync(assetPath)\n\t});\n\n\tconsole.log('Asset:', uploadAssetResponse.data);\n\treturn uploadAssetResponse.data;\n}\n\nmodule.exports = upload;\n"
},
{
"path": "src/clone-element.js",
"content": "import { assign, slice } from './util';\nimport { createVNode } from './create-element';\nimport { NULL } from './constants';\n\n/**\n * Clones the given VNode, optionally adding attributes/props and replacing its\n * children.\n * @param {import('./internal').VNode} vnode The virtual DOM element to clone\n * @param {object} props Attributes/props to add when cloning\n * @param {Array} rest Any additional arguments will be used\n * as replacement children.\n * @returns {import('./internal').VNode}\n */\nexport function cloneElement(vnode, props, children) {\n\tlet normalizedProps = assign({}, vnode.props),\n\t\tkey,\n\t\tref,\n\t\ti;\n\n\tfor (i in props) {\n\t\tif (i == 'key') key = props[i];\n\t\telse if (i == 'ref' && typeof vnode.type != 'function') ref = props[i];\n\t\telse normalizedProps[i] = props[i];\n\t}\n\n\tif (arguments.length > 2) {\n\t\tnormalizedProps.children =\n\t\t\targuments.length > 3 ? slice.call(arguments, 2) : children;\n\t}\n\n\treturn createVNode(\n\t\tvnode.type,\n\t\tnormalizedProps,\n\t\tkey || vnode.key,\n\t\tref || vnode.ref,\n\t\tNULL\n\t);\n}\n"
},
{
"path": "src/component.js",
"content": "import {\n\tCOMPONENT_DIRTY,\n\tCOMPONENT_FORCE,\n\tMODE_HYDRATE,\n\tNULL\n} from './constants';\nimport { Fragment } from './create-element';\nimport { commitRoot, diff } from './diff/index';\nimport options from './options';\nimport { assign } from './util';\n\n/**\n * Base Component class. Provides `setState()` and `forceUpdate()`, which\n * trigger rendering\n * @param {object} props The initial component props\n * @param {object} context The initial context from parent components'\n * getChildContext\n */\nexport function BaseComponent(props, context) {\n\tthis.props = props;\n\tthis.context = context;\n\tthis._bits = 0;\n}\n\n/**\n * Update component state and schedule a re-render.\n * @this {import('./internal').Component}\n * @param {object | ((s: object, p: object) => object)} update A hash of state\n * properties to update with new values or a function that given the current\n * state and props returns a new partial state\n * @param {() => void} [callback] A function to be called once component state is\n * updated\n */\nBaseComponent.prototype.setState = function (update, callback) {\n\t// only clone state when copying to nextState the first time.\n\tlet s;\n\tif (this._nextState != NULL && this._nextState != this.state) {\n\t\ts = this._nextState;\n\t} else {\n\t\ts = this._nextState = assign({}, this.state);\n\t}\n\n\tif (typeof update == 'function') {\n\t\t// Some libraries like `immer` mark the current state as readonly,\n\t\t// preventing us from mutating it, so we need to clone it. See #2716\n\t\tupdate = update(assign({}, s), this.props);\n\t}\n\n\tif (update) {\n\t\tassign(s, update);\n\t} else {\n\t\treturn;\n\t}\n\n\tif (this._vnode) {\n\t\tif (callback) {\n\t\t\tthis._stateCallbacks.push(callback);\n\t\t}\n\t\tenqueueRender(this);\n\t}\n};\n\n/**\n * Immediately perform a synchronous re-render of the component\n * @this {import('./internal').Component}\n * @param {() => void} [callback] A function to be called after component is\n * re-rendered\n */\nBaseComponent.prototype.forceUpdate = function (callback) {\n\tif (this._vnode) {\n\t\t// Set render mode so that we can differentiate where the render request\n\t\t// is coming from. We need this because forceUpdate should never call\n\t\t// shouldComponentUpdate\n\t\tthis._bits |= COMPONENT_FORCE;\n\t\tif (callback) this._renderCallbacks.push(callback);\n\t\tenqueueRender(this);\n\t}\n};\n\n/**\n * Accepts `props` and `state`, and returns a new Virtual DOM tree to build.\n * Virtual DOM is generally constructed via [JSX](https://jasonformat.com/wtf-is-jsx).\n * @param {object} props Props (eg: JSX attributes) received from parent\n * element/component\n * @param {object} state The component's current state\n * @param {object} context Context object, as returned by the nearest\n * ancestor's `getChildContext()`\n * @returns {ComponentChildren | void}\n */\nBaseComponent.prototype.render = Fragment;\n\n/**\n * @param {import('./internal').VNode} vnode\n * @param {number | null} [childIndex]\n */\nexport function getDomSibling(vnode, childIndex) {\n\tif (childIndex == NULL) {\n\t\t// Use childIndex==null as a signal to resume the search from the vnode's sibling\n\t\treturn vnode._parent\n\t\t\t? getDomSibling(vnode._parent, vnode._index + 1)\n\t\t\t: NULL;\n\t}\n\n\tlet sibling;\n\tfor (; childIndex < vnode._children.length; childIndex++) {\n\t\tsibling = vnode._children[childIndex];\n\n\t\tif (sibling != NULL && sibling._dom != NULL) {\n\t\t\t// Since updateParentDomPointers keeps _dom pointer correct,\n\t\t\t// we can rely on _dom to tell us if this subtree contains a\n\t\t\t// rendered DOM node, and what the first rendered DOM node is\n\t\t\treturn sibling._dom;\n\t\t}\n\t}\n\n\t// If we get here, we have not found a DOM node in this vnode's children.\n\t// We must resume from this vnode's sibling (in it's parent _children array)\n\t// Only climb up and search the parent if we aren't searching through a DOM\n\t// VNode (meaning we reached the DOM parent of the original vnode that began\n\t// the search)\n\treturn typeof vnode.type == 'function' ? getDomSibling(vnode) : NULL;\n}\n\n/**\n * Trigger in-place re-rendering of a component.\n * @param {import('./internal').Component} component The component to rerender\n */\nfunction renderComponent(component) {\n\tconst oldVNode = component._vnode,\n\t\toldDom = oldVNode._dom,\n\t\tcommitQueue = [],\n\t\trefQueue = [];\n\n\tconst parentDom = component._parentDom;\n\tif (parentDom) {\n\t\tconst newVNode = assign({}, oldVNode);\n\t\tnewVNode._original = oldVNode._original + 1;\n\t\tif (options.vnode) options.vnode(newVNode);\n\n\t\tdiff(\n\t\t\tparentDom,\n\t\t\tnewVNode,\n\t\t\toldVNode,\n\t\t\tcomponent._globalContext,\n\t\t\tparentDom.namespaceURI,\n\t\t\toldVNode._flags & MODE_HYDRATE ? [oldDom] : NULL,\n\t\t\tcommitQueue,\n\t\t\toldDom == NULL ? getDomSibling(oldVNode) : oldDom,\n\t\t\t!!(oldVNode._flags & MODE_HYDRATE),\n\t\t\trefQueue,\n\t\t\tparentDom.ownerDocument\n\t\t);\n\n\t\tnewVNode._original = oldVNode._original;\n\t\tnewVNode._parent._children[newVNode._index] = newVNode;\n\t\tcommitRoot(commitQueue, newVNode, refQueue);\n\t\toldVNode._parent = oldVNode._dom = NULL;\n\n\t\tif (newVNode._dom != oldDom) {\n\t\t\tupdateParentDomPointers(newVNode);\n\t\t}\n\t}\n}\n\n/**\n * @param {import('./internal').VNode} vnode\n */\nfunction updateParentDomPointers(vnode) {\n\tif ((vnode = vnode._parent) != NULL && vnode._component != NULL) {\n\t\tvnode._dom = NULL;\n\t\tvnode._children.some(child => {\n\t\t\tif (child != NULL && child._dom != NULL) {\n\t\t\t\treturn (vnode._dom = child._dom);\n\t\t\t}\n\t\t});\n\n\t\treturn updateParentDomPointers(vnode);\n\t}\n}\n\n/**\n * The render queue\n * @type {Array}\n */\nconst rerenderQueue = [];\n\n/*\n * The value of `Component.debounce` must asynchronously invoke the passed in callback. It is\n * important that contributors to Preact can consistently reason about what calls to `setState`, etc.\n * do, and when their effects will be applied. See the links below for some further reading on designing\n * asynchronous APIs.\n * * [Designing APIs for Asynchrony](https://blog.izs.me/2013/08/designing-apis-for-asynchrony)\n * * [Callbacks synchronous and asynchronous](https://blog.ometer.com/2011/07/24/callbacks-synchronous-and-asynchronous/)\n */\n\nlet prevDebounce,\n\trerenderCount = 0;\n\nexport function resetRenderCount() {\n\trerenderCount = 0;\n}\n\n/**\n * Enqueue a rerender of a component\n * @param {import('./internal').Component} c The component to rerender\n */\nexport function enqueueRender(c) {\n\tif (\n\t\t(!(c._bits & COMPONENT_DIRTY) &&\n\t\t\t(c._bits |= COMPONENT_DIRTY) &&\n\t\t\trerenderQueue.push(c) &&\n\t\t\t!rerenderCount++) ||\n\t\tprevDebounce != options.debounceRendering\n\t) {\n\t\tprevDebounce = options.debounceRendering;\n\t\t(prevDebounce || queueMicrotask)(process);\n\t}\n}\n\n/**\n * @param {import('./internal').Component} a\n * @param {import('./internal').Component} b\n */\nconst depthSort = (a, b) => a._vnode._depth - b._vnode._depth;\n\n/** Flush the render queue by rerendering all queued components */\nfunction process() {\n\ttry {\n\t\tlet c,\n\t\t\tl = 1;\n\n\t\t// Don't update `renderCount` yet. Keep its value non-zero to prevent unnecessary\n\t\t// process() calls from getting scheduled while `queue` is still being consumed.\n\t\twhile (rerenderQueue.length) {\n\t\t\t// Keep the rerender queue sorted by (depth, insertion order). The queue\n\t\t\t// will initially be sorted on the first iteration only if it has more than 1 item.\n\t\t\t//\n\t\t\t// New items can be added to the queue e.g. when rerendering a provider, so we want to\n\t\t\t// keep the order from top to bottom with those new items so we can handle them in a\n\t\t\t// single pass\n\t\t\tif (rerenderQueue.length > l) {\n\t\t\t\trerenderQueue.sort(depthSort);\n\t\t\t}\n\n\t\t\tc = rerenderQueue.shift();\n\t\t\tl = rerenderQueue.length;\n\n\t\t\tif (c._bits & COMPONENT_DIRTY) {\n\t\t\t\trenderComponent(c);\n\t\t\t}\n\t\t}\n\t} finally {\n\t\trerenderQueue.length = rerenderCount = 0;\n\t}\n}\n"
},
{
"path": "src/constants.js",
"content": "// Vnode._flags\n/** Normal hydration that attaches to a DOM tree but does not diff it. */\nexport const MODE_HYDRATE = 1 << 5;\n/** Signifies this VNode suspended on the previous render */\nexport const MODE_SUSPENDED = 1 << 7;\n/** Indicates that this node needs to be inserted while patching children */\nexport const INSERT_VNODE = 1 << 2;\n/** Indicates a VNode has been matched with another VNode in the diff */\nexport const MATCHED = 1 << 1;\n/** Indicates that this vnode has been unmounted before indicating the loss of event listeners */\nexport const FORCE_PROPS_REVALIDATE = 1 << 0;\n\n// component._bits\n/** Component is processing an exception */\nexport const COMPONENT_PROCESSING_EXCEPTION = 1 << 0;\n/** Component has a pending error */\nexport const COMPONENT_PENDING_ERROR = 1 << 1;\n/** Component should force update (skip shouldComponentUpdate) */\nexport const COMPONENT_FORCE = 1 << 2;\n/** Component is queued for update */\nexport const COMPONENT_DIRTY = 1 << 3;\n\n/** Reset all mode flags */\nexport const RESET_MODE = ~(MODE_HYDRATE | MODE_SUSPENDED);\n\nexport const SVG_NAMESPACE = 'http://www.w3.org/2000/svg';\nexport const XHTML_NAMESPACE = 'http://www.w3.org/1999/xhtml';\nexport const MATH_NAMESPACE = 'http://www.w3.org/1998/Math/MathML';\n\nexport const NULL = null;\nexport const UNDEFINED = undefined;\nexport const EMPTY_OBJ = /** @type {any} */ ({});\nexport const EMPTY_ARR = [];\n\nexport const MATHML_TOKEN_ELEMENTS = /(mi|mn|mo|ms$|mte|msp)/;\n"
},
{
"path": "src/create-context.js",
"content": "import { enqueueRender } from './component';\nimport { NULL, COMPONENT_FORCE } from './constants';\n\nexport let i = 0;\n\nexport function createContext(defaultValue) {\n\tfunction Context(props) {\n\t\tif (!this.getChildContext) {\n\t\t\t/** @type {Set | null} */\n\t\t\tlet subs = new Set();\n\t\t\tlet ctx = {};\n\t\t\tctx[Context._id] = this;\n\n\t\t\tthis.getChildContext = () => ctx;\n\n\t\t\tthis.componentWillUnmount = () => {\n\t\t\t\tsubs = NULL;\n\t\t\t};\n\n\t\t\tthis.shouldComponentUpdate = function (_props) {\n\t\t\t\t// @ts-expect-error even\n\t\t\t\tif (this.props.value != _props.value) {\n\t\t\t\t\tsubs.forEach(c => {\n\t\t\t\t\t\tc._bits |= COMPONENT_FORCE;\n\t\t\t\t\t\tenqueueRender(c);\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t};\n\n\t\t\tthis.sub = c => {\n\t\t\t\tsubs.add(c);\n\t\t\t\tlet old = c.componentWillUnmount;\n\t\t\t\tc.componentWillUnmount = () => {\n\t\t\t\t\tif (subs) {\n\t\t\t\t\t\tsubs.delete(c);\n\t\t\t\t\t}\n\t\t\t\t\tif (old) old.call(c);\n\t\t\t\t};\n\t\t\t};\n\t\t}\n\n\t\treturn props.children;\n\t}\n\n\tContext._id = '__cC' + i++;\n\tContext._defaultValue = defaultValue;\n\n\t/** @type {import('./internal').FunctionComponent} */\n\tContext.Consumer = (props, contextValue) => {\n\t\treturn props.children(contextValue);\n\t};\n\n\t// we could also get rid of _contextRef entirely\n\tContext.Provider =\n\t\tContext._contextRef =\n\t\tContext.Consumer.contextType =\n\t\t\tContext;\n\n\treturn Context;\n}\n"
},
{
"path": "src/create-element.js",
"content": "import { slice } from './util';\nimport options from './options';\nimport { NULL, UNDEFINED } from './constants';\n\nlet vnodeId = 0;\n\n/**\n * Create an virtual node (used for JSX)\n * @param {import('./internal').VNode[\"type\"]} type The node name or Component constructor for this\n * virtual node\n * @param {object | null | undefined} [props] The properties of the virtual node\n * @param {Array} [children] The children of the\n * virtual node\n * @returns {import('./internal').VNode}\n */\nexport function createElement(type, props, children) {\n\tlet normalizedProps = {},\n\t\tkey,\n\t\tref,\n\t\ti;\n\tfor (i in props) {\n\t\tif (i == 'key') key = props[i];\n\t\telse if (i == 'ref' && typeof type != 'function') ref = props[i];\n\t\telse normalizedProps[i] = props[i];\n\t}\n\n\tif (arguments.length > 2) {\n\t\tnormalizedProps.children =\n\t\t\targuments.length > 3 ? slice.call(arguments, 2) : children;\n\t}\n\n\treturn createVNode(type, normalizedProps, key, ref, NULL);\n}\n\n/**\n * Create a VNode (used internally by Preact)\n * @param {import('./internal').VNode[\"type\"]} type The node name or Component\n * Constructor for this virtual node\n * @param {object | string | number | null} props The properties of this virtual node.\n * If this virtual node represents a text node, this is the text of the node (string or number).\n * @param {string | number | null} key The key for this virtual node, used when\n * diffing it against its children\n * @param {import('./internal').VNode[\"ref\"]} ref The ref property that will\n * receive a reference to its created child\n * @returns {import('./internal').VNode}\n */\nexport function createVNode(type, props, key, ref, original) {\n\t// V8 seems to be better at detecting type shapes if the object is allocated from the same call site\n\t// Do not inline into createElement and coerceToVNode!\n\t/** @type {import('./internal').VNode} */\n\tconst vnode = {\n\t\ttype,\n\t\tprops,\n\t\tkey,\n\t\tref,\n\t\t_children: NULL,\n\t\t_parent: NULL,\n\t\t_depth: 0,\n\t\t_dom: NULL,\n\t\t_component: NULL,\n\t\tconstructor: UNDEFINED,\n\t\t_original: original == NULL ? ++vnodeId : original,\n\t\t_index: -1,\n\t\t_flags: 0\n\t};\n\n\t// Only invoke the vnode hook if this was *not* a direct copy:\n\tif (original == NULL && options.vnode != NULL) options.vnode(vnode);\n\n\treturn vnode;\n}\n\nexport function createRef() {\n\treturn { current: NULL };\n}\n\nexport function Fragment(props) {\n\treturn props.children;\n}\n\n/**\n * Check if a the argument is a valid Preact VNode.\n * @param {*} vnode\n * @returns {vnode is VNode}\n */\nexport const isValidElement = vnode =>\n\tvnode != NULL && vnode.constructor === UNDEFINED;\n"
},
{
"path": "src/diff/catch-error.js",
"content": "import { resetRenderCount } from '../component';\nimport {\n\tNULL,\n\tCOMPONENT_DIRTY,\n\tCOMPONENT_PENDING_ERROR,\n\tCOMPONENT_PROCESSING_EXCEPTION,\n\tCOMPONENT_FORCE\n} from '../constants';\n\n/**\n * Find the closest error boundary to a thrown error and call it\n * @param {object} error The thrown value\n * @param {import('../internal').VNode} vnode The vnode that threw the error that was caught (except\n * for unmounting when this parameter is the highest parent that was being\n * unmounted)\n * @param {import('../internal').VNode} [oldVNode]\n * @param {import('../internal').ErrorInfo} [errorInfo]\n */\nexport function _catchError(error, vnode, oldVNode, errorInfo) {\n\t/** @type {import('../internal').Component} */\n\tlet component,\n\t\t/** @type {import('../internal').ComponentType} */\n\t\tctor,\n\t\t/** @type {number} */\n\t\thandled;\n\n\tfor (; (vnode = vnode._parent); ) {\n\t\tif (\n\t\t\t(component = vnode._component) &&\n\t\t\t!(component._bits & COMPONENT_PROCESSING_EXCEPTION)\n\t\t) {\n\t\t\tcomponent._bits |= COMPONENT_FORCE;\n\t\t\ttry {\n\t\t\t\tctor = component.constructor;\n\n\t\t\t\tif (ctor && ctor.getDerivedStateFromError != NULL) {\n\t\t\t\t\tcomponent.setState(ctor.getDerivedStateFromError(error));\n\t\t\t\t\thandled = component._bits & COMPONENT_DIRTY;\n\t\t\t\t}\n\n\t\t\t\tif (component.componentDidCatch != NULL) {\n\t\t\t\t\tcomponent.componentDidCatch(error, errorInfo || {});\n\t\t\t\t\thandled = component._bits & COMPONENT_DIRTY;\n\t\t\t\t}\n\n\t\t\t\t// This is an error boundary. Mark it as having bailed out, and whether it was mid-hydration.\n\t\t\t\tif (handled) {\n\t\t\t\t\tcomponent._bits |= COMPONENT_PENDING_ERROR;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t} catch (e) {\n\t\t\t\terror = e;\n\t\t\t}\n\t\t}\n\t}\n\n\t// Reset rerender count to 0, so that the next render will not be skipped\n\t// when we leverage prefresh\n\tresetRenderCount();\n\tthrow error;\n}\n"
},
{
"path": "src/diff/children.js",
"content": "import { diff, unmount, applyRef } from './index';\nimport { createVNode, Fragment } from '../create-element';\nimport {\n\tEMPTY_OBJ,\n\tEMPTY_ARR,\n\tINSERT_VNODE,\n\tMATCHED,\n\tUNDEFINED,\n\tNULL\n} from '../constants';\nimport { isArray } from '../util';\nimport { getDomSibling } from '../component';\n\n/**\n * @typedef {import('../internal').ComponentChildren} ComponentChildren\n * @typedef {import('../internal').Component} Component\n * @typedef {import('../internal').PreactElement} PreactElement\n * @typedef {import('../internal').VNode} VNode\n */\n\n/**\n * Diff the children of a virtual node\n * @param {PreactElement} parentDom The DOM element whose children are being\n * diffed\n * @param {ComponentChildren[]} renderResult\n * @param {VNode} newParentVNode The new virtual node whose children should be\n * diff'ed against oldParentVNode\n * @param {VNode} oldParentVNode The old virtual node whose children should be\n * diff'ed against newParentVNode\n * @param {object} globalContext The current context object - modified by\n * getChildContext\n * @param {string} namespace Current namespace of the DOM node (HTML, SVG, or MathML)\n * @param {Array} excessDomChildren\n * @param {Array} commitQueue List of components which have callbacks\n * to invoke in commitRoot\n * @param {PreactElement} oldDom The current attached DOM element any new dom\n * elements should be placed around. Likely `null` on first render (except when\n * hydrating). Can be a sibling DOM element when diffing Fragments that have\n * siblings. In most cases, it starts out as `oldChildren[0]._dom`.\n * @param {boolean} isHydrating Whether or not we are in hydration\n * @param {any[]} refQueue an array of elements needed to invoke refs\n * @param {Document} doc The document object to use for creating elements\n * @returns {PreactElement} The next sibling DOM element to insert new elements\n */\nexport function diffChildren(\n\tparentDom,\n\trenderResult,\n\tnewParentVNode,\n\toldParentVNode,\n\tglobalContext,\n\tnamespace,\n\texcessDomChildren,\n\tcommitQueue,\n\toldDom,\n\tisHydrating,\n\trefQueue,\n\tdoc\n) {\n\tlet i,\n\t\t/** @type {VNode} */\n\t\toldVNode,\n\t\t/** @type {VNode} */\n\t\tchildVNode,\n\t\t/** @type {PreactElement} */\n\t\tnewDom,\n\t\t/** @type {PreactElement} */\n\t\tfirstChildDom;\n\n\t// This is a compression of oldParentVNode!=null && oldParentVNode != EMPTY_OBJ && oldParentVNode._children || EMPTY_ARR\n\t// as EMPTY_OBJ._children should be `undefined`.\n\t/** @type {VNode[]} */\n\tlet oldChildren = (oldParentVNode && oldParentVNode._children) || EMPTY_ARR;\n\n\tlet newChildrenLength = renderResult.length;\n\n\toldDom = constructNewChildrenArray(\n\t\tnewParentVNode,\n\t\trenderResult,\n\t\toldChildren,\n\t\toldDom,\n\t\tnewChildrenLength\n\t);\n\n\tfor (i = 0; i < newChildrenLength; i++) {\n\t\tchildVNode = newParentVNode._children[i];\n\t\tif (childVNode == NULL) continue;\n\n\t\t// At this point, constructNewChildrenArray has assigned _index to be the\n\t\t// matchingIndex for this VNode's oldVNode (or -1 if there is no oldVNode).\n\t\toldVNode =\n\t\t\t(childVNode._index != -1 && oldChildren[childVNode._index]) || EMPTY_OBJ;\n\n\t\t// Update childVNode._index to its final index\n\t\tchildVNode._index = i;\n\n\t\t// Morph the old element into the new one, but don't append it to the dom yet\n\t\tlet result = diff(\n\t\t\tparentDom,\n\t\t\tchildVNode,\n\t\t\toldVNode,\n\t\t\tglobalContext,\n\t\t\tnamespace,\n\t\t\texcessDomChildren,\n\t\t\tcommitQueue,\n\t\t\toldDom,\n\t\t\tisHydrating,\n\t\t\trefQueue,\n\t\t\tdoc\n\t\t);\n\n\t\t// Adjust DOM nodes\n\t\tnewDom = childVNode._dom;\n\t\tif (childVNode.ref && oldVNode.ref != childVNode.ref) {\n\t\t\tif (oldVNode.ref) {\n\t\t\t\tapplyRef(oldVNode.ref, NULL, childVNode);\n\t\t\t}\n\t\t\trefQueue.push(\n\t\t\t\tchildVNode.ref,\n\t\t\t\tchildVNode._component || newDom,\n\t\t\t\tchildVNode\n\t\t\t);\n\t\t}\n\n\t\tif (firstChildDom == NULL && newDom != NULL) {\n\t\t\tfirstChildDom = newDom;\n\t\t}\n\n\t\tlet shouldPlace = childVNode._flags & INSERT_VNODE;\n\t\tif (shouldPlace || oldVNode._children === childVNode._children) {\n\t\t\toldDom = insert(childVNode, oldDom, parentDom, shouldPlace);\n\t\t} else if (typeof childVNode.type == 'function' && result !== UNDEFINED) {\n\t\t\toldDom = result;\n\t\t} else if (newDom) {\n\t\t\toldDom = newDom.nextSibling;\n\t\t}\n\n\t\t// Unset diffing flags\n\t\tchildVNode._flags &= ~(INSERT_VNODE | MATCHED);\n\t}\n\n\tnewParentVNode._dom = firstChildDom;\n\n\treturn oldDom;\n}\n\n/**\n * @param {VNode} newParentVNode\n * @param {ComponentChildren[]} renderResult\n * @param {VNode[]} oldChildren\n */\nfunction constructNewChildrenArray(\n\tnewParentVNode,\n\trenderResult,\n\toldChildren,\n\toldDom,\n\tnewChildrenLength\n) {\n\t/** @type {number} */\n\tlet i;\n\t/** @type {VNode} */\n\tlet childVNode;\n\t/** @type {VNode} */\n\tlet oldVNode;\n\n\tlet oldChildrenLength = oldChildren.length,\n\t\tremainingOldChildren = oldChildrenLength;\n\n\tlet skew = 0;\n\n\tnewParentVNode._children = new Array(newChildrenLength);\n\tfor (i = 0; i < newChildrenLength; i++) {\n\t\t// @ts-expect-error We are reusing the childVNode variable to hold both the\n\t\t// pre and post normalized childVNode\n\t\tchildVNode = renderResult[i];\n\n\t\tif (\n\t\t\tchildVNode == NULL ||\n\t\t\ttypeof childVNode == 'boolean' ||\n\t\t\ttypeof childVNode == 'function'\n\t\t) {\n\t\t\tnewParentVNode._children[i] = NULL;\n\t\t\tcontinue;\n\t\t}\n\t\t// If this newVNode is being reused (e.g. {reuse}{reuse}
) in the same diff,\n\t\t// or we are rendering a component (e.g. setState) copy the oldVNodes so it can have\n\t\t// it's own DOM & etc. pointers\n\t\telse if (\n\t\t\ttypeof childVNode == 'string' ||\n\t\t\ttypeof childVNode == 'number' ||\n\t\t\t// eslint-disable-next-line valid-typeof\n\t\t\ttypeof childVNode == 'bigint' ||\n\t\t\tchildVNode.constructor == String\n\t\t) {\n\t\t\tchildVNode = newParentVNode._children[i] = createVNode(\n\t\t\t\tNULL,\n\t\t\t\tchildVNode,\n\t\t\t\tNULL,\n\t\t\t\tNULL,\n\t\t\t\tNULL\n\t\t\t);\n\t\t} else if (isArray(childVNode)) {\n\t\t\tchildVNode = newParentVNode._children[i] = createVNode(\n\t\t\t\tFragment,\n\t\t\t\t{ children: childVNode },\n\t\t\t\tNULL,\n\t\t\t\tNULL,\n\t\t\t\tNULL\n\t\t\t);\n\t\t} else if (childVNode.constructor === UNDEFINED && childVNode._depth > 0) {\n\t\t\t// VNode is already in use, clone it. This can happen in the following\n\t\t\t// scenario:\n\t\t\t// const reuse = \n\t\t\t// {reuse}{reuse}
\n\t\t\tchildVNode = newParentVNode._children[i] = createVNode(\n\t\t\t\tchildVNode.type,\n\t\t\t\tchildVNode.props,\n\t\t\t\tchildVNode.key,\n\t\t\t\tchildVNode.ref ? childVNode.ref : NULL,\n\t\t\t\tchildVNode._original\n\t\t\t);\n\t\t} else {\n\t\t\tnewParentVNode._children[i] = childVNode;\n\t\t}\n\n\t\tconst skewedIndex = i + skew;\n\t\tchildVNode._parent = newParentVNode;\n\t\tchildVNode._depth = newParentVNode._depth + 1;\n\n\t\t// Temporarily store the matchingIndex on the _index property so we can pull\n\t\t// out the oldVNode in diffChildren. We'll override this to the VNode's\n\t\t// final index after using this property to get the oldVNode\n\t\tconst matchingIndex = (childVNode._index = findMatchingIndex(\n\t\t\tchildVNode,\n\t\t\toldChildren,\n\t\t\tskewedIndex,\n\t\t\tremainingOldChildren\n\t\t));\n\n\t\toldVNode = NULL;\n\t\tif (matchingIndex != -1) {\n\t\t\toldVNode = oldChildren[matchingIndex];\n\t\t\tremainingOldChildren--;\n\t\t\tif (oldVNode) {\n\t\t\t\toldVNode._flags |= MATCHED;\n\t\t\t}\n\t\t}\n\n\t\t// Here, we define isMounting for the purposes of the skew diffing\n\t\t// algorithm. Nodes that are unsuspending are considered mounting and we detect\n\t\t// this by checking if oldVNode._original == null\n\t\tif (oldVNode == NULL || oldVNode._original == NULL) {\n\t\t\tif (matchingIndex == -1) {\n\t\t\t\t// When the array of children is growing we need to decrease the skew\n\t\t\t\t// as we are adding a new element to the array.\n\t\t\t\t// Example:\n\t\t\t\t// [1, 2, 3] --> [0, 1, 2, 3]\n\t\t\t\t// oldChildren newChildren\n\t\t\t\t//\n\t\t\t\t// The new element is at index 0, so our skew is 0,\n\t\t\t\t// we need to decrease the skew as we are adding a new element.\n\t\t\t\t// The decrease will cause us to compare the element at position 1\n\t\t\t\t// with value 1 with the element at position 0 with value 0.\n\t\t\t\t//\n\t\t\t\t// A linear concept is applied when the array is shrinking,\n\t\t\t\t// if the length is unchanged we can assume that no skew\n\t\t\t\t// changes are needed.\n\t\t\t\tif (newChildrenLength > oldChildrenLength) {\n\t\t\t\t\tskew--;\n\t\t\t\t} else if (newChildrenLength < oldChildrenLength) {\n\t\t\t\t\tskew++;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// If we are mounting a DOM VNode, mark it for insertion\n\t\t\tif (typeof childVNode.type != 'function') {\n\t\t\t\tchildVNode._flags |= INSERT_VNODE;\n\t\t\t}\n\t\t} else if (matchingIndex != skewedIndex) {\n\t\t\t// When we move elements around i.e. [0, 1, 2] --> [1, 0, 2]\n\t\t\t// --> we diff 1, we find it at position 1 while our skewed index is 0 and our skew is 0\n\t\t\t// we set the skew to 1 as we found an offset.\n\t\t\t// --> we diff 0, we find it at position 0 while our skewed index is at 2 and our skew is 1\n\t\t\t// this makes us increase the skew again.\n\t\t\t// --> we diff 2, we find it at position 2 while our skewed index is at 4 and our skew is 2\n\t\t\t//\n\t\t\t// this becomes an optimization question where currently we see a 1 element offset as an insertion\n\t\t\t// or deletion i.e. we optimize for [0, 1, 2] --> [9, 0, 1, 2]\n\t\t\t// while a more than 1 offset we see as a swap.\n\t\t\t// We could probably build heuristics for having an optimized course of action here as well, but\n\t\t\t// might go at the cost of some bytes.\n\t\t\t//\n\t\t\t// If we wanted to optimize for i.e. only swaps we'd just do the last two code-branches and have\n\t\t\t// only the first item be a re-scouting and all the others fall in their skewed counter-part.\n\t\t\t// We could also further optimize for swaps\n\t\t\tif (matchingIndex == skewedIndex - 1) {\n\t\t\t\tskew--;\n\t\t\t} else if (matchingIndex == skewedIndex + 1) {\n\t\t\t\tskew++;\n\t\t\t} else {\n\t\t\t\tif (matchingIndex > skewedIndex) {\n\t\t\t\t\tskew--;\n\t\t\t\t} else {\n\t\t\t\t\tskew++;\n\t\t\t\t}\n\n\t\t\t\t// Move this VNode's DOM if the original index (matchingIndex) doesn't\n\t\t\t\t// match the new skew index (i + new skew)\n\t\t\t\t// In the former two branches we know that it matches after skewing\n\t\t\t\tchildVNode._flags |= INSERT_VNODE;\n\t\t\t}\n\t\t}\n\t}\n\n\t// Remove remaining oldChildren if there are any. Loop forwards so that as we\n\t// unmount DOM from the beginning of the oldChildren, we can adjust oldDom to\n\t// point to the next child, which needs to be the first DOM node that won't be\n\t// unmounted.\n\tif (remainingOldChildren) {\n\t\tfor (i = 0; i < oldChildrenLength; i++) {\n\t\t\toldVNode = oldChildren[i];\n\t\t\tif (oldVNode != NULL && (oldVNode._flags & MATCHED) == 0) {\n\t\t\t\tif (oldVNode._dom == oldDom) {\n\t\t\t\t\toldDom = getDomSibling(oldVNode);\n\t\t\t\t}\n\n\t\t\t\tunmount(oldVNode, oldVNode);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn oldDom;\n}\n\n/**\n * @param {VNode} parentVNode\n * @param {PreactElement} oldDom\n * @param {PreactElement} parentDom\n * @param {number} shouldPlace\n * @returns {PreactElement}\n */\nfunction insert(parentVNode, oldDom, parentDom, shouldPlace) {\n\t// Note: VNodes in nested suspended trees may be missing _children.\n\tif (typeof parentVNode.type == 'function') {\n\t\tlet children = parentVNode._children;\n\t\tfor (let i = 0; children && i < children.length; i++) {\n\t\t\tif (children[i]) {\n\t\t\t\t// If we enter this code path on sCU bailout, where we copy\n\t\t\t\t// oldVNode._children to newVNode._children, we need to update the old\n\t\t\t\t// children's _parent pointer to point to the newVNode (parentVNode\n\t\t\t\t// here).\n\t\t\t\tchildren[i]._parent = parentVNode;\n\t\t\t\toldDom = insert(children[i], oldDom, parentDom, shouldPlace);\n\t\t\t}\n\t\t}\n\n\t\treturn oldDom;\n\t} else if (parentVNode._dom != oldDom) {\n\t\tif (shouldPlace) {\n\t\t\tif (oldDom && parentVNode.type && !oldDom.parentNode) {\n\t\t\t\toldDom = getDomSibling(parentVNode);\n\t\t\t}\n\t\t\tparentDom.insertBefore(parentVNode._dom, oldDom || NULL);\n\t\t}\n\t\toldDom = parentVNode._dom;\n\t}\n\n\tdo {\n\t\toldDom = oldDom && oldDom.nextSibling;\n\t} while (oldDom != NULL && oldDom.nodeType == 8);\n\n\treturn oldDom;\n}\n\n/**\n * Flatten and loop through the children of a virtual node\n * @param {ComponentChildren} children The unflattened children of a virtual\n * node\n * @returns {VNode[]}\n */\nexport function toChildArray(children, out) {\n\tout = out || [];\n\tif (children == NULL || typeof children == 'boolean') {\n\t} else if (isArray(children)) {\n\t\tchildren.some(child => {\n\t\t\ttoChildArray(child, out);\n\t\t});\n\t} else {\n\t\tout.push(children);\n\t}\n\treturn out;\n}\n\n/**\n * @param {VNode} childVNode\n * @param {VNode[]} oldChildren\n * @param {number} skewedIndex\n * @param {number} remainingOldChildren\n * @returns {number}\n */\nfunction findMatchingIndex(\n\tchildVNode,\n\toldChildren,\n\tskewedIndex,\n\tremainingOldChildren\n) {\n\tconst key = childVNode.key;\n\tconst type = childVNode.type;\n\tlet oldVNode = oldChildren[skewedIndex];\n\tconst matched = oldVNode != NULL && (oldVNode._flags & MATCHED) == 0;\n\n\t// We only need to perform a search if there are more children\n\t// (remainingOldChildren) to search. However, if the oldVNode we just looked\n\t// at skewedIndex was not already used in this diff, then there must be at\n\t// least 1 other (so greater than 1) remainingOldChildren to attempt to match\n\t// against. So the following condition checks that ensuring\n\t// remainingOldChildren > 1 if the oldVNode is not already used/matched. Else\n\t// if the oldVNode was null or matched, then there could needs to be at least\n\t// 1 (aka `remainingOldChildren > 0`) children to find and compare against.\n\t//\n\t// If there is an unkeyed functional VNode, that isn't a built-in like our Fragment,\n\t// we should not search as we risk re-using state of an unrelated VNode. (reverted for now)\n\tlet shouldSearch =\n\t\t// (typeof type != 'function' || type === Fragment || key) &&\n\t\tremainingOldChildren > (matched ? 1 : 0);\n\n\tif (\n\t\t(oldVNode === NULL && key == null) ||\n\t\t(matched && key == oldVNode.key && type == oldVNode.type)\n\t) {\n\t\treturn skewedIndex;\n\t} else if (shouldSearch) {\n\t\tlet x = skewedIndex - 1;\n\t\tlet y = skewedIndex + 1;\n\t\twhile (x >= 0 || y < oldChildren.length) {\n\t\t\tconst childIndex = x >= 0 ? x-- : y++;\n\t\t\toldVNode = oldChildren[childIndex];\n\t\t\tif (\n\t\t\t\toldVNode != NULL &&\n\t\t\t\t(oldVNode._flags & MATCHED) == 0 &&\n\t\t\t\tkey == oldVNode.key &&\n\t\t\t\ttype == oldVNode.type\n\t\t\t) {\n\t\t\t\treturn childIndex;\n\t\t\t}\n\t\t}\n\t}\n\n\treturn -1;\n}\n"
},
{
"path": "src/diff/index.js",
"content": "import { BaseComponent, getDomSibling } from '../component';\nimport {\n\tCOMPONENT_DIRTY,\n\tCOMPONENT_FORCE,\n\tCOMPONENT_PENDING_ERROR,\n\tCOMPONENT_PROCESSING_EXCEPTION,\n\tEMPTY_ARR,\n\tEMPTY_OBJ,\n\tFORCE_PROPS_REVALIDATE,\n\tMATHML_TOKEN_ELEMENTS,\n\tMATH_NAMESPACE,\n\tMODE_HYDRATE,\n\tMODE_SUSPENDED,\n\tNULL,\n\tRESET_MODE,\n\tSVG_NAMESPACE,\n\tUNDEFINED,\n\tXHTML_NAMESPACE\n} from '../constants';\nimport { Fragment } from '../create-element';\nimport options from '../options';\nimport { assign, isArray, removeNode, slice } from '../util';\nimport { diffChildren } from './children';\nimport { setProperty } from './props';\n\n/**\n * @typedef {import('../internal').ComponentType} ComponentType\n * @typedef {import('../internal').ComponentChildren} ComponentChildren\n * @typedef {import('../internal').Component} Component\n * @typedef {import('../internal').PreactElement} PreactElement\n * @typedef {import('../internal').VNode} VNode\n */\n\n/**\n * @template {any} T\n * @typedef {import('../internal').Ref} Ref\n */\n\n/**\n * Diff two virtual nodes and apply proper changes to the DOM\n * @param {PreactElement} parentDom The parent of the DOM element\n * @param {VNode} newVNode The new virtual node\n * @param {VNode} oldVNode The old virtual node\n * @param {object} globalContext The current context object. Modified by\n * getChildContext\n * @param {string} namespace Current namespace of the DOM node (HTML, SVG, or MathML)\n * @param {Array} excessDomChildren\n * @param {Array} commitQueue List of components which have callbacks\n * to invoke in commitRoot\n * @param {PreactElement} oldDom The current attached DOM element any new dom\n * elements should be placed around. Likely `null` on first render (except when\n * hydrating). Can be a sibling DOM element when diffing Fragments that have\n * siblings. In most cases, it starts out as `oldChildren[0]._dom`.\n * @param {boolean} isHydrating Whether or not we are in hydration\n * @param {any[]} refQueue an array of elements needed to invoke refs\n * @param {Document} doc The document object to use for creating elements\n */\nexport function diff(\n\tparentDom,\n\tnewVNode,\n\toldVNode,\n\tglobalContext,\n\tnamespace,\n\texcessDomChildren,\n\tcommitQueue,\n\toldDom,\n\tisHydrating,\n\trefQueue,\n\tdoc\n) {\n\t/** @type {any} */\n\tlet tmp,\n\t\tnewType = newVNode.type;\n\n\t// When passing through createElement it assigns the object\n\t// constructor as undefined. This to prevent JSON-injection.\n\tif (newVNode.constructor !== UNDEFINED) return NULL;\n\n\t// If the previous diff bailed out, resume creating/hydrating.\n\tif (\n\t\toldVNode._flags & MODE_SUSPENDED &&\n\t\t// @ts-expect-error This is 1 or 0 (true or false)\n\t\t(isHydrating = oldVNode._flags & MODE_HYDRATE) &&\n\t\toldVNode._component._excess\n\t) {\n\t\texcessDomChildren = oldVNode._component._excess;\n\t\toldDom = excessDomChildren[0];\n\t\toldVNode._component._excess = NULL;\n\t}\n\n\tif ((tmp = options._diff)) tmp(newVNode);\n\n\touter: if (typeof newType == 'function') {\n\t\ttry {\n\t\t\tlet c,\n\t\t\t\toldProps,\n\t\t\t\toldState,\n\t\t\t\tsnapshot,\n\t\t\t\tnewProps = newVNode.props;\n\t\t\tconst isClassComponent = newType.prototype && newType.prototype.render;\n\n\t\t\t// Necessary for createContext api. Setting this property will pass\n\t\t\t// the context value as `this.context` just for this component.\n\t\t\ttmp = newType.contextType;\n\t\t\tconst provider = tmp && globalContext[tmp._id];\n\t\t\tconst componentContext = tmp\n\t\t\t\t? provider\n\t\t\t\t\t? provider.props.value\n\t\t\t\t\t: tmp._defaultValue\n\t\t\t\t: globalContext;\n\n\t\t\t// Get component and set it to `c`\n\t\t\tif (oldVNode._component) {\n\t\t\t\tc = newVNode._component = oldVNode._component;\n\t\t\t\tif (c._bits & COMPONENT_PENDING_ERROR) {\n\t\t\t\t\tc._bits |= COMPONENT_PROCESSING_EXCEPTION;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\t// Instantiate the new component\n\t\t\t\tif (isClassComponent) {\n\t\t\t\t\t// @ts-expect-error Trust me, Component implements the interface we want\n\t\t\t\t\tnewVNode._component = c = new newType(newProps, componentContext); // eslint-disable-line new-cap\n\t\t\t\t} else {\n\t\t\t\t\t// @ts-expect-error Trust me, Component implements the interface we want\n\t\t\t\t\tnewVNode._component = c = new BaseComponent(\n\t\t\t\t\t\tnewProps,\n\t\t\t\t\t\tcomponentContext\n\t\t\t\t\t);\n\n\t\t\t\t\tc.constructor = newType;\n\t\t\t\t\tc.render = doRender;\n\t\t\t\t}\n\t\t\t\tif (provider) provider.sub(c);\n\n\t\t\t\tif (!c.state) c.state = {};\n\t\t\t\tc._globalContext = globalContext;\n\t\t\t\tc._bits |= COMPONENT_DIRTY;\n\t\t\t\tc._renderCallbacks = [];\n\t\t\t\tc._stateCallbacks = [];\n\t\t\t}\n\n\t\t\t// Invoke getDerivedStateFromProps\n\t\t\tif (isClassComponent && c._nextState == NULL) {\n\t\t\t\tc._nextState = c.state;\n\t\t\t}\n\n\t\t\tif (isClassComponent && newType.getDerivedStateFromProps != NULL) {\n\t\t\t\tif (c._nextState == c.state) {\n\t\t\t\t\tc._nextState = assign({}, c._nextState);\n\t\t\t\t}\n\n\t\t\t\tassign(\n\t\t\t\t\tc._nextState,\n\t\t\t\t\tnewType.getDerivedStateFromProps(newProps, c._nextState)\n\t\t\t\t);\n\t\t\t}\n\n\t\t\toldProps = c.props;\n\t\t\toldState = c.state;\n\t\t\tc._vnode = newVNode;\n\n\t\t\t// Invoke pre-render lifecycle methods\n\t\t\tif (!oldVNode._component) {\n\t\t\t\tif (\n\t\t\t\t\tisClassComponent &&\n\t\t\t\t\tnewType.getDerivedStateFromProps == NULL &&\n\t\t\t\t\tc.componentWillMount != NULL\n\t\t\t\t) {\n\t\t\t\t\tc.componentWillMount();\n\t\t\t\t}\n\n\t\t\t\tif (isClassComponent && c.componentDidMount != NULL) {\n\t\t\t\t\tc._renderCallbacks.push(c.componentDidMount);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif (\n\t\t\t\t\tisClassComponent &&\n\t\t\t\t\tnewType.getDerivedStateFromProps == NULL &&\n\t\t\t\t\tnewProps !== oldProps &&\n\t\t\t\t\tc.componentWillReceiveProps != NULL\n\t\t\t\t) {\n\t\t\t\t\tc.componentWillReceiveProps(newProps, componentContext);\n\t\t\t\t}\n\n\t\t\t\tif (\n\t\t\t\t\tnewVNode._original == oldVNode._original ||\n\t\t\t\t\t(!(c._bits & COMPONENT_FORCE) &&\n\t\t\t\t\t\tc.shouldComponentUpdate != NULL &&\n\t\t\t\t\t\tc.shouldComponentUpdate(\n\t\t\t\t\t\t\tnewProps,\n\t\t\t\t\t\t\tc._nextState,\n\t\t\t\t\t\t\tcomponentContext\n\t\t\t\t\t\t) === false)\n\t\t\t\t) {\n\t\t\t\t\t// More info about this here: https://gist.github.com/JoviDeCroock/bec5f2ce93544d2e6070ef8e0036e4e8\n\t\t\t\t\tif (newVNode._original != oldVNode._original) {\n\t\t\t\t\t\t// When we are dealing with a bail because of sCU we have to update\n\t\t\t\t\t\t// the props, state and dirty-state.\n\t\t\t\t\t\t// when we are dealing with strict-equality we don't as the child could still\n\t\t\t\t\t\t// be dirtied see #3883\n\t\t\t\t\t\tc.props = newProps;\n\t\t\t\t\t\tc.state = c._nextState;\n\t\t\t\t\t\tc._bits &= ~COMPONENT_DIRTY;\n\t\t\t\t\t}\n\n\t\t\t\t\tnewVNode._dom = oldVNode._dom;\n\t\t\t\t\tnewVNode._children = oldVNode._children;\n\t\t\t\t\tnewVNode._children.some(vnode => {\n\t\t\t\t\t\tif (vnode) vnode._parent = newVNode;\n\t\t\t\t\t});\n\n\t\t\t\t\tEMPTY_ARR.push.apply(c._renderCallbacks, c._stateCallbacks);\n\t\t\t\t\tc._stateCallbacks = [];\n\n\t\t\t\t\tif (c._renderCallbacks.length) {\n\t\t\t\t\t\tcommitQueue.push(c);\n\t\t\t\t\t}\n\n\t\t\t\t\tbreak outer;\n\t\t\t\t}\n\n\t\t\t\tif (c.componentWillUpdate != NULL) {\n\t\t\t\t\tc.componentWillUpdate(newProps, c._nextState, componentContext);\n\t\t\t\t}\n\n\t\t\t\tif (isClassComponent && c.componentDidUpdate != NULL) {\n\t\t\t\t\tc._renderCallbacks.push(() => {\n\t\t\t\t\t\tc.componentDidUpdate(oldProps, oldState, snapshot);\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tc.context = componentContext;\n\t\t\tc.props = newProps;\n\t\t\tc._parentDom = parentDom;\n\t\t\tc._bits &= ~COMPONENT_FORCE;\n\n\t\t\tlet renderHook = options._render,\n\t\t\t\tcount = 0;\n\t\t\tif (isClassComponent) {\n\t\t\t\tc.state = c._nextState;\n\t\t\t\tc._bits &= ~COMPONENT_DIRTY;\n\n\t\t\t\tif (renderHook) renderHook(newVNode);\n\n\t\t\t\ttmp = c.render(c.props, c.state, c.context);\n\n\t\t\t\tEMPTY_ARR.push.apply(c._renderCallbacks, c._stateCallbacks);\n\t\t\t\tc._stateCallbacks = [];\n\t\t\t} else {\n\t\t\t\tdo {\n\t\t\t\t\tc._bits &= ~COMPONENT_DIRTY;\n\t\t\t\t\tif (renderHook) renderHook(newVNode);\n\n\t\t\t\t\ttmp = c.render(c.props, c.state, c.context);\n\n\t\t\t\t\t// Handle setState called in render, see #2553\n\t\t\t\t\tc.state = c._nextState;\n\t\t\t\t} while (c._bits & COMPONENT_DIRTY && ++count < 25);\n\t\t\t}\n\n\t\t\t// Handle setState called in render, see #2553\n\t\t\tc.state = c._nextState;\n\n\t\t\tif (c.getChildContext != NULL) {\n\t\t\t\tglobalContext = assign({}, globalContext, c.getChildContext());\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\tisClassComponent &&\n\t\t\t\toldVNode._component &&\n\t\t\t\tc.getSnapshotBeforeUpdate != NULL\n\t\t\t) {\n\t\t\t\tsnapshot = c.getSnapshotBeforeUpdate(oldProps, oldState);\n\t\t\t}\n\n\t\t\tconst renderResult =\n\t\t\t\ttmp != NULL && tmp.type === Fragment && tmp.key == NULL\n\t\t\t\t\t? cloneNode(tmp.props.children)\n\t\t\t\t\t: tmp;\n\n\t\t\toldDom = diffChildren(\n\t\t\t\tparentDom,\n\t\t\t\tisArray(renderResult) ? renderResult : [renderResult],\n\t\t\t\tnewVNode,\n\t\t\t\toldVNode,\n\t\t\t\tglobalContext,\n\t\t\t\tnamespace,\n\t\t\t\texcessDomChildren,\n\t\t\t\tcommitQueue,\n\t\t\t\toldDom,\n\t\t\t\tisHydrating,\n\t\t\t\trefQueue,\n\t\t\t\tdoc\n\t\t\t);\n\n\t\t\t// We successfully rendered this VNode, unset any stored hydration/bailout state:\n\t\t\tnewVNode._flags &= RESET_MODE;\n\n\t\t\tif (c._renderCallbacks.length) {\n\t\t\t\tcommitQueue.push(c);\n\t\t\t}\n\n\t\t\tif (c._bits & COMPONENT_PENDING_ERROR) {\n\t\t\t\tc._bits &= ~(COMPONENT_PROCESSING_EXCEPTION | COMPONENT_PENDING_ERROR);\n\t\t\t}\n\t\t} catch (e) {\n\t\t\tnewVNode._original = NULL;\n\t\t\t// if hydrating or creating initial tree, bailout preserves DOM:\n\t\t\tif (isHydrating || excessDomChildren != NULL) {\n\t\t\t\tif (e.then) {\n\t\t\t\t\tlet commentMarkersToFind = 0,\n\t\t\t\t\t\tdone;\n\n\t\t\t\t\tnewVNode._flags |= isHydrating\n\t\t\t\t\t\t? MODE_HYDRATE | MODE_SUSPENDED\n\t\t\t\t\t\t: MODE_SUSPENDED;\n\n\t\t\t\t\tnewVNode._component._excess = [];\n\t\t\t\t\tfor (let i = 0; i < excessDomChildren.length; i++) {\n\t\t\t\t\t\tconst child = excessDomChildren[i];\n\t\t\t\t\t\tif (child == NULL || done) continue;\n\n\t\t\t\t\t\t// When we encounter a boundary with $s we are opening\n\t\t\t\t\t\t// a boundary, this implies that we need to bump\n\t\t\t\t\t\t// the amount of markers we need to find before closing\n\t\t\t\t\t\t// the outer boundary.\n\t\t\t\t\t\t// We exclude the open and closing marker from\n\t\t\t\t\t\t// the future excessDomChildren but any nested one\n\t\t\t\t\t\t// needs to be included for future suspensions.\n\t\t\t\t\t\tif (child.nodeType == 8) {\n\t\t\t\t\t\t\tif (child.data == '$s') {\n\t\t\t\t\t\t\t\tif (commentMarkersToFind) {\n\t\t\t\t\t\t\t\t\tnewVNode._component._excess.push(child);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tcommentMarkersToFind++;\n\t\t\t\t\t\t\t} else if (child.data == '/$s') {\n\t\t\t\t\t\t\t\tcommentMarkersToFind--;\n\t\t\t\t\t\t\t\tif (commentMarkersToFind) {\n\t\t\t\t\t\t\t\t\tnewVNode._component._excess.push(child);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tdone = commentMarkersToFind == 0;\n\t\t\t\t\t\t\t\toldDom = excessDomChildren[i];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\texcessDomChildren[i] = NULL;\n\t\t\t\t\t\t} else if (commentMarkersToFind) {\n\t\t\t\t\t\t\tnewVNode._component._excess.push(child);\n\t\t\t\t\t\t\texcessDomChildren[i] = NULL;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tif (!done) {\n\t\t\t\t\t\twhile (oldDom && oldDom.nodeType == 8 && oldDom.nextSibling) {\n\t\t\t\t\t\t\toldDom = oldDom.nextSibling;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\texcessDomChildren[excessDomChildren.indexOf(oldDom)] = NULL;\n\t\t\t\t\t\tnewVNode._component._excess = [oldDom];\n\t\t\t\t\t}\n\n\t\t\t\t\tnewVNode._dom = oldDom;\n\t\t\t\t} else {\n\t\t\t\t\tfor (let i = excessDomChildren.length; i--; ) {\n\t\t\t\t\t\tremoveNode(excessDomChildren[i]);\n\t\t\t\t\t}\n\t\t\t\t\tmarkAsForce(newVNode);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tnewVNode._dom = oldVNode._dom;\n\t\t\t\tnewVNode._children = oldVNode._children;\n\t\t\t\tif (!e.then) markAsForce(newVNode);\n\t\t\t}\n\t\t\toptions._catchError(e, newVNode, oldVNode);\n\t\t}\n\t} else {\n\t\toldDom = newVNode._dom = diffElementNodes(\n\t\t\toldVNode._dom,\n\t\t\tnewVNode,\n\t\t\toldVNode,\n\t\t\tglobalContext,\n\t\t\tnamespace,\n\t\t\texcessDomChildren,\n\t\t\tcommitQueue,\n\t\t\tisHydrating,\n\t\t\trefQueue,\n\t\t\tdoc\n\t\t);\n\t}\n\n\tif ((tmp = options.diffed)) tmp(newVNode);\n\n\treturn newVNode._flags & MODE_SUSPENDED ? UNDEFINED : oldDom;\n}\n\nfunction markAsForce(vnode) {\n\tif (vnode && vnode._component) vnode._component._bits |= COMPONENT_FORCE;\n\tif (vnode && vnode._children) vnode._children.forEach(markAsForce);\n}\n\n/**\n * @param {Array} commitQueue List of components\n * which have callbacks to invoke in commitRoot\n * @param {VNode} root\n */\nexport function commitRoot(commitQueue, root, refQueue) {\n\tfor (let i = 0; i < refQueue.length; i++) {\n\t\tapplyRef(refQueue[i], refQueue[++i], refQueue[++i]);\n\t}\n\n\tif (options._commit) options._commit(root, commitQueue);\n\n\tcommitQueue.some(c => {\n\t\ttry {\n\t\t\t// @ts-expect-error Reuse the commitQueue variable here so the type changes\n\t\t\tcommitQueue = c._renderCallbacks;\n\t\t\tc._renderCallbacks = [];\n\t\t\tcommitQueue.some(cb => {\n\t\t\t\t// @ts-expect-error See above comment on commitQueue\n\t\t\t\tcb.call(c);\n\t\t\t});\n\t\t} catch (e) {\n\t\t\toptions._catchError(e, c._vnode);\n\t\t}\n\t});\n}\n\nfunction cloneNode(node) {\n\tif (typeof node != 'object' || node == NULL || node._depth > 0) {\n\t\treturn node;\n\t}\n\n\tif (isArray(node)) {\n\t\treturn node.map(cloneNode);\n\t}\n\n\treturn assign({}, node);\n}\n\n/**\n * Diff two virtual nodes representing DOM element\n * @param {PreactElement} dom The DOM element representing the virtual nodes\n * being diffed\n * @param {VNode} newVNode The new virtual node\n * @param {VNode} oldVNode The old virtual node\n * @param {object} globalContext The current context object\n * @param {string} namespace Current namespace of the DOM node (HTML, SVG, or MathML)\n * @param {Array} excessDomChildren\n * @param {Array} commitQueue List of components which have callbacks\n * to invoke in commitRoot\n * @param {boolean} isHydrating Whether or not we are in hydration\n * @param {any[]} refQueue an array of elements needed to invoke refs\n * @param {Document} doc The document object to use for creating elements\n * @returns {PreactElement}\n */\nfunction diffElementNodes(\n\tdom,\n\tnewVNode,\n\toldVNode,\n\tglobalContext,\n\tnamespace,\n\texcessDomChildren,\n\tcommitQueue,\n\tisHydrating,\n\trefQueue,\n\tdoc\n) {\n\tlet oldProps = oldVNode.props || EMPTY_OBJ;\n\tconst newProps = newVNode.props;\n\tconst nodeType = /** @type {string} */ (newVNode.type);\n\t/** @type {any} */\n\tlet i;\n\t/** @type {{ __html?: string }} */\n\tlet newHtml;\n\t/** @type {{ __html?: string }} */\n\tlet oldHtml;\n\t/** @type {ComponentChildren} */\n\tlet newChildren;\n\tlet value;\n\tlet inputValue;\n\tlet checked;\n\n\t// Tracks entering and exiting namespaces when descending through the tree.\n\tif (nodeType == 'svg') namespace = SVG_NAMESPACE;\n\telse if (nodeType == 'math') namespace = MATH_NAMESPACE;\n\telse if (!namespace) namespace = XHTML_NAMESPACE;\n\n\tif (excessDomChildren != NULL) {\n\t\tfor (i = 0; i < excessDomChildren.length; i++) {\n\t\t\tvalue = excessDomChildren[i];\n\n\t\t\t// if newVNode matches an element in excessDomChildren or the `dom`\n\t\t\t// argument matches an element in excessDomChildren, remove it from\n\t\t\t// excessDomChildren so it isn't later removed in diffChildren\n\t\t\tif (\n\t\t\t\tvalue &&\n\t\t\t\t'setAttribute' in value == !!nodeType &&\n\t\t\t\t(nodeType ? value.localName == nodeType : value.nodeType == 3)\n\t\t\t) {\n\t\t\t\tdom = value;\n\t\t\t\texcessDomChildren[i] = NULL;\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\tif (dom == NULL) {\n\t\tif (nodeType == NULL) {\n\t\t\treturn doc.createTextNode(newProps);\n\t\t}\n\n\t\tdom = doc.createElementNS(namespace, nodeType, newProps.is && newProps);\n\n\t\t// we are creating a new node, so we can assume this is a new subtree (in\n\t\t// case we are hydrating), this deopts the hydrate\n\t\tif (isHydrating) {\n\t\t\tif (options._hydrationMismatch)\n\t\t\t\toptions._hydrationMismatch(newVNode, excessDomChildren);\n\t\t\tisHydrating = false;\n\t\t}\n\t\t// we created a new parent, so none of the previously attached children can be reused:\n\t\texcessDomChildren = NULL;\n\t}\n\n\tif (nodeType == NULL) {\n\t\t// During hydration, we still have to split merged text from SSR'd HTML.\n\t\tif (oldProps !== newProps && (!isHydrating || dom.data != newProps)) {\n\t\t\tdom.data = newProps;\n\t\t}\n\t} else {\n\t\t// If excessDomChildren was not null, repopulate it with the current element's children:\n\t\texcessDomChildren = excessDomChildren && slice.call(dom.childNodes);\n\n\t\t// If we are in a situation where we are not hydrating but are using\n\t\t// existing DOM (e.g. replaceNode) we should read the existing DOM\n\t\t// attributes to diff them\n\t\tif (!isHydrating && excessDomChildren != NULL) {\n\t\t\toldProps = {};\n\t\t\tfor (i = 0; i < dom.attributes.length; i++) {\n\t\t\t\tvalue = dom.attributes[i];\n\t\t\t\toldProps[value.name] = value.value;\n\t\t\t}\n\t\t}\n\n\t\tfor (i in oldProps) {\n\t\t\tvalue = oldProps[i];\n\t\t\tif (i == 'dangerouslySetInnerHTML') {\n\t\t\t\toldHtml = value;\n\t\t\t} else if (\n\t\t\t\ti != 'children' &&\n\t\t\t\t!(i in newProps) &&\n\t\t\t\t!(i == 'value' && 'defaultValue' in newProps) &&\n\t\t\t\t!(i == 'checked' && 'defaultChecked' in newProps)\n\t\t\t) {\n\t\t\t\tsetProperty(dom, i, NULL, value, namespace);\n\t\t\t}\n\t\t}\n\n\t\t// During hydration, props are not diffed at all (including dangerouslySetInnerHTML)\n\t\t// @TODO we should warn in debug mode when props don't match here.\n\t\tconst shouldRevalidateProps = oldVNode._flags & FORCE_PROPS_REVALIDATE;\n\t\tfor (i in newProps) {\n\t\t\tvalue = newProps[i];\n\t\t\tif (i == 'children') {\n\t\t\t\tnewChildren = value;\n\t\t\t} else if (i == 'dangerouslySetInnerHTML') {\n\t\t\t\tnewHtml = value;\n\t\t\t} else if (i == 'value') {\n\t\t\t\tinputValue = value;\n\t\t\t} else if (i == 'checked') {\n\t\t\t\tchecked = value;\n\t\t\t} else if (\n\t\t\t\t(!isHydrating || typeof value == 'function') &&\n\t\t\t\t(oldProps[i] !== value || shouldRevalidateProps)\n\t\t\t) {\n\t\t\t\tsetProperty(dom, i, value, oldProps[i], namespace);\n\t\t\t}\n\t\t}\n\n\t\t// If the new vnode didn't have dangerouslySetInnerHTML, diff its children\n\t\tif (newHtml) {\n\t\t\t// Avoid re-applying the same '__html' if it did not changed between re-render\n\t\t\tif (\n\t\t\t\t!isHydrating &&\n\t\t\t\t(!oldHtml ||\n\t\t\t\t\t(newHtml.__html != oldHtml.__html && newHtml.__html != dom.innerHTML))\n\t\t\t) {\n\t\t\t\tdom.innerHTML = newHtml.__html;\n\t\t\t}\n\n\t\t\tnewVNode._children = [];\n\t\t} else {\n\t\t\tif (oldHtml) dom.innerHTML = '';\n\n\t\t\tif (\n\t\t\t\tnodeType == 'foreignObject' ||\n\t\t\t\t(namespace == MATH_NAMESPACE && MATHML_TOKEN_ELEMENTS.test(nodeType))\n\t\t\t) {\n\t\t\t\tnamespace = XHTML_NAMESPACE;\n\t\t\t}\n\n\t\t\tdiffChildren(\n\t\t\t\t// @ts-expect-error\n\t\t\t\tnodeType == 'template' ? dom.content : dom,\n\t\t\t\tisArray(newChildren) ? newChildren : [newChildren],\n\t\t\t\tnewVNode,\n\t\t\t\toldVNode,\n\t\t\t\tglobalContext,\n\t\t\t\tnamespace,\n\t\t\t\texcessDomChildren,\n\t\t\t\tcommitQueue,\n\t\t\t\texcessDomChildren\n\t\t\t\t\t? excessDomChildren[0]\n\t\t\t\t\t: oldVNode._children && getDomSibling(oldVNode, 0),\n\t\t\t\tisHydrating,\n\t\t\t\trefQueue,\n\t\t\t\tdoc\n\t\t\t);\n\n\t\t\t// Remove children that are not part of any vnode.\n\t\t\tif (excessDomChildren != NULL) {\n\t\t\t\tfor (i = excessDomChildren.length; i--; ) {\n\t\t\t\t\tremoveNode(excessDomChildren[i]);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// As above, don't diff props during hydration\n\t\tif (!isHydrating) {\n\t\t\ti = 'value';\n\t\t\tif (nodeType == 'progress' && inputValue == NULL) {\n\t\t\t\tdom.removeAttribute('value');\n\t\t\t} else if (\n\t\t\t\tinputValue != UNDEFINED &&\n\t\t\t\t// #2756 For the
![](\"https://opencollective.com/preact/sponsor/0/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/sponsor/1/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/sponsor/2/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/sponsor/3/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/sponsor/4/avatar.svg\"){kind=avatar}
\n![](\"https://res.cloudinary.com/snyk/image/upload/snyk-marketingui/brand-logos/wordmark-logo-color.svg\"){kind=logo}
\n![](\"https://opencollective.com/preact/sponsor/5/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/sponsor/6/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/sponsor/7/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/sponsor/8/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/sponsor/9/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/sponsor/10/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/sponsor/11/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/sponsor/12/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/sponsor/13/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/sponsor/14/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/sponsor/15/avatar.svg\"){kind=avatar}
\n ![](\"https://github.com/guardian.png\")
\n![](\"https://opencollective.com/preact/sponsor/16/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/sponsor/17/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/sponsor/18/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/sponsor/19/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/sponsor/20/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/sponsor/21/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/sponsor/22/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/sponsor/23/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/sponsor/24/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/sponsor/25/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/sponsor/26/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/sponsor/27/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/sponsor/28/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/sponsor/29/avatar.svg\"){kind=avatar}
\n\n## Backers\n\nSupport us with a monthly donation and help us continue our activities. [[Become a backer](https://opencollective.com/preact#backer)]\n\n![](\"https://opencollective.com/preact/backer/0/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/backer/1/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/backer/2/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/backer/3/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/backer/4/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/backer/5/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/backer/6/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/backer/7/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/backer/8/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/backer/9/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/backer/10/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/backer/11/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/backer/12/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/backer/13/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/backer/14/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/backer/15/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/backer/16/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/backer/17/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/backer/18/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/backer/19/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/backer/20/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/backer/21/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/backer/22/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/backer/23/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/backer/24/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/backer/25/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/backer/26/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/backer/27/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/backer/28/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/preact/backer/29/avatar.svg\"){kind=avatar}
\n\n---\n\n## License\n\nMIT\n\n[](https://preactjs.com)\n\n[preact/compat]: https://github.com/preactjs/preact/tree/main/compat\n[hyperscript]: https://github.com/dominictarr/hyperscript\n[DevTools]: https://github.com/preactjs/preact-devtools\n"
},
{
"path": "babel.config.js",
"content": "module.exports = function (api) {\n\tapi.cache(true);\n\n\tconst noModules = String(process.env.BABEL_NO_MODULES) === 'true';\n\n\tconst rename = {};\n\tconst mangle = require('./mangle.json');\n\tfor (let prop in mangle.props.props) {\n\t\tlet name = prop;\n\t\tif (name[0] === '$') {\n\t\t\tname = name.slice(1);\n\t\t}\n\n\t\trename[name] = mangle.props.props[prop];\n\t}\n\n\treturn {\n\t\tpresets: [\n\t\t\t[\n\t\t\t\t'@babel/preset-env',\n\t\t\t\t{\n\t\t\t\t\tloose: true,\n\t\t\t\t\t// Don't transform modules when using esbuild\n\t\t\t\t\tmodules: noModules ? false : 'auto',\n\t\t\t\t\texclude: ['@babel/plugin-transform-typeof-symbol'],\n\t\t\t\t\ttargets: {\n\t\t\t\t\t\tbrowsers: [\n\t\t\t\t\t\t\t'chrome >= 40',\n\t\t\t\t\t\t\t'safari >= 9',\n\t\t\t\t\t\t\t'firefox >= 36',\n\t\t\t\t\t\t\t'edge >= 12',\n\t\t\t\t\t\t\t'not dead'\n\t\t\t\t\t\t]\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t]\n\t\t],\n\t\tplugins: [\n\t\t\t'@babel/plugin-transform-react-jsx',\n\t\t\t['babel-plugin-transform-rename-properties', { rename }]\n\t\t],\n\t\tinclude: ['**/src/**/*.js', '**/test/**/*.js'],\n\t\toverrides: [\n\t\t\t{\n\t\t\t\ttest: /(component-stack|debug)\\.test\\.js$/,\n\t\t\t\tplugins: ['@babel/plugin-transform-react-jsx-source']\n\t\t\t}\n\t\t]\n\t};\n};\n"
},
{
"path": "biome.json",
"content": "{\n \"formatter\": {\n \"enabled\": true,\n \"formatWithErrors\": false,\n \"indentStyle\": \"tab\",\n \"indentWidth\": 2,\n \"lineEnding\": \"lf\",\n \"lineWidth\": 80,\n \"attributePosition\": \"auto\",\n \"includes\": [\n \"**\",\n \"!**/.DS_Store\",\n \"!**/node_modules\",\n \"!**/npm-debug.log\",\n \"!**/dist\",\n \"!**/*/package-lock.json\",\n \"!**/yarn.lock\",\n \"!**/.vscode\",\n \"!**/.idea\",\n \"!**/test/ts/**/*.js\",\n \"!**/coverage\",\n \"!**/*.sw\\\\[op\\\\]\",\n \"!**/*.log\",\n \"!**/package/\",\n \"!**/preact-*.tgz\",\n \"!**/preact.tgz\",\n \"!**/package-lock.json\"\n ]\n },\n \"assist\": { \"actions\": { \"source\": { \"organizeImports\": \"on\" } } },\n \"linter\": { \"enabled\": true, \"rules\": { \"recommended\": true } },\n \"javascript\": {\n \"formatter\": {\n \"jsxQuoteStyle\": \"double\",\n \"quoteProperties\": \"asNeeded\",\n \"trailingCommas\": \"none\",\n \"semicolons\": \"always\",\n \"arrowParentheses\": \"asNeeded\",\n \"bracketSpacing\": true,\n \"bracketSameLine\": false,\n \"quoteStyle\": \"single\",\n \"attributePosition\": \"auto\"\n }\n },\n \"overrides\": [\n {\n \"includes\": [\"**/*.json\", \"**/.*rc/**\", \"**/*.yml\"],\n \"formatter\": { \"indentWidth\": 2, \"indentStyle\": \"space\" }\n }\n ]\n}\n"
},
{
"path": "compat/LICENSE",
"content": "The MIT License (MIT)\n\nCopyright (c) 2015-present Jason Miller\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n"
},
{
"path": "compat/client.d.ts",
"content": "import * as preact from '../src/index';\n\nexport function createRoot(container: preact.ContainerNode): {\n\trender(children: preact.ComponentChild): void;\n\tunmount(): void;\n};\n\nexport function hydrateRoot(\n\tcontainer: preact.ContainerNode,\n\tchildren: preact.ComponentChild\n): ReturnType