@kunpeng-js/properties-panel 2026.0.0-alpha2 → 2026.10.2

package/preact/hooks/src/index.js

@@ -1,5 +1,7 @@
 import { options as _options } from '../..';
 
+const ObjectIs = Object.is;
+
 /** @type {number} */
 let currentIndex;
 
@@ -15,6 +17,15 @@ let currentHook = 0;
 /** @type {Array<import('./internal').Component>} */
 let afterPaintEffects = [];
 
+/**
+ * Passive (useEffect) hook states of unmounted components whose cleanup is
+ * still pending. Deferred to the after-paint flush to match React, which runs
+ * passive destroys after the commit has painted. Each state's `_passive` holds
+ * the surviving component its errors should be routed to.
+ * @type {Array<import('./internal').EffectHookState>}
+ */
+let unmountCleanups = [];
+
 // Cast to use internal Options type
 const options = /** @type {import('./internal').Options} */ (_options);
 
@@ -54,21 +65,23 @@ options._render = vnode => {
 
 	const hooks = currentComponent.__hooks;
 	if (hooks) {
-		if (previousComponent === currentComponent) {
-			hooks._pendingEffects = [];
+		if (previousComponent == currentComponent) {
 			currentComponent._renderCallbacks = [];
-			hooks._list.some(hookItem => {
-				if (hookItem._nextValue) {
-					hookItem._value = hookItem._nextValue;
-				}
-				hookItem._pendingArgs = hookItem._nextValue = undefined;
-			});
 		} else {
 			hooks._pendingEffects.some(invokeCleanup);
 			hooks._pendingEffects.some(invokeEffect);
-			hooks._pendingEffects = [];
 			currentIndex = 0;
 		}
+		hooks._pendingEffects = [];
+
+		// Runs before every render, forced or not, so `shouldComponentUpdate`
+		// never has to apply these itself.
+		hooks._list.some(hookItem => {
+			if (hookItem._nextValue) {
+				hookItem._value = hookItem._nextValue;
+			}
+			hookItem._pendingArgs = hookItem._nextValue = undefined;
+		});
 	}
 	previousComponent = currentComponent;
 };
@@ -80,11 +93,10 @@ options.diffed = vnode => {
 	const c = vnode._component;
 	if (c && c.__hooks) {
 		if (c.__hooks._pendingEffects.length) afterPaint(afterPaintEffects.push(c));
+		// `_pendingArgs` is cleared again by `options._render` before anything
+		// can read it, so committing it here is enough.
 		c.__hooks._list.some(hookItem => {
-			if (hookItem._pendingArgs) {
-				hookItem._args = hookItem._pendingArgs;
-				hookItem._pendingArgs = undefined;
-			}
+			if (hookItem._pendingArgs) hookItem._args = hookItem._pendingArgs;
 		});
 	}
 	previousComponent = currentComponent = null;
@@ -117,10 +129,29 @@ options.unmount = vnode => {
 
 	const c = vnode._component;
 	if (c && c.__hooks) {
-		let hasErrored;
+		let hasErrored, errorParent;
 		c.__hooks._list.some(s => {
 			try {
-				invokeCleanup(s);
+				// Layout cleanups have to run before the new DOM is in place, so
+				// they stay in the commit phase (see #1886). Passive cleanups run
+				// after paint, before any new passive effect (see #4299), with
+				// `_passive` repurposed to hold the error-routing component.
+				if (s._passive && s._cleanup) {
+					if (errorParent === undefined) {
+						errorParent = vnode._parent;
+						while (
+							errorParent &&
+							!(errorParent._component && errorParent._component._parentDom)
+						) {
+							errorParent = errorParent._parent;
+						}
+						errorParent = errorParent && errorParent._component;
+					}
+					s._passive = errorParent;
+					afterPaint(unmountCleanups.push(s));
+				} else {
+					invokeCleanup(s);
+				}
 			} catch (e) {
 				hasErrored = e;
 			}
@@ -133,7 +164,7 @@ options.unmount = vnode => {
 /**
  * Get a hook's state from the currentComponent
  * @param {number} index The index of the hook to get
- * @param {number} type The index of the hook to get
+ * @param {number} type The type of the hook to get
  * @returns {any}
  */
 function getHookState(index, type) {
@@ -193,7 +224,7 @@ export function useReducer(reducer, initialState, init) {
 					: hookState._value[0];
 				const nextValue = hookState._reducer(currentValue, action);
 
-				if (currentValue !== nextValue) {
+				if (!ObjectIs(currentValue, nextValue)) {
 					hookState._nextValue = [nextValue, hookState._value[1]];
 					hookState._component.setState({});
 				}
@@ -204,51 +235,28 @@ export function useReducer(reducer, initialState, init) {
 
 		if (!currentComponent._hasScuFromHooks) {
 			currentComponent._hasScuFromHooks = true;
-			let prevScu = currentComponent.shouldComponentUpdate;
-			const prevCWU = currentComponent.componentWillUpdate;
-
-			// If we're dealing with a forced update `shouldComponentUpdate` will
-			// not be called. But we use that to update the hook values, so we
-			// need to call it.
-			currentComponent.componentWillUpdate = function (p, s, c) {
-				if (this._force) {
-					let tmp = prevScu;
-					// Clear to avoid other sCU hooks from being called
-					prevScu = undefined;
-					updateHookState(p, s, c);
-					prevScu = tmp;
-				}
-
-				if (prevCWU) prevCWU.call(this, p, s, c);
-			};
+			const prevScu = currentComponent.shouldComponentUpdate;
 
 			// This SCU has the purpose of bailing out after repeated updates
-			// to stateful hooks.
-			// we store the next value in _nextValue[0] and keep doing that for all
-			// state setters, if we have next states and
-			// all next states within a component end up being equal to their original state
-			// we are safe to bail out for this specific component.
-			/**
-			 *
-			 * @type {import('./internal').Component["shouldComponentUpdate"]}
-			 */
-			// @ts-ignore - We don't use TS to downtranspile
-			// eslint-disable-next-line no-inner-declarations
-			function updateHookState(p, s, c) {
-				if (!hookState._component.__hooks) return true;
+			// to stateful hooks. We store the next value in `_nextValue[0]` and
+			// keep doing that for all state setters; if we have next states and
+			// all next states within a component end up being equal to their
+			// original state we are safe to bail out for this specific component.
+			currentComponent.shouldComponentUpdate = function (p, s, c) {
+				const hooks = this.__hooks;
+				if (!hooks) return true;
 
 				// We check whether we have components with a nextValue set that
 				// have values that aren't equal to one another this pushes
 				// us to update further down the tree
 				let updatedHook = false;
-				let shouldUpdate = hookState._component.props !== p;
-				hookState._component.__hooks._list.some(hookItem => {
+				let shouldUpdate = this.props != p;
+				hooks._list.some(hookItem => {
 					if (hookItem._nextValue) {
 						updatedHook = true;
-						const currentValue = hookItem._value[0];
-						hookItem._value = hookItem._nextValue;
-						hookItem._nextValue = undefined;
-						if (currentValue !== hookItem._value[0]) shouldUpdate = true;
+						if (!ObjectIs(hookItem._value[0], hookItem._nextValue[0])) {
+							shouldUpdate = true;
+						}
 					}
 				});
 
@@ -258,13 +266,11 @@ export function useReducer(reducer, initialState, init) {
 				}
 
 				return !updatedHook || shouldUpdate;
-			}
-
-			currentComponent.shouldComponentUpdate = updateHookState;
+			};
 		}
 	}
 
-	return hookState._nextValue || hookState._value;
+	return hookState._value;
 }
 
 /**
@@ -276,6 +282,7 @@ export function useEffect(callback, args) {
 	/** @type {import('./internal').EffectHookState} */
 	const state = getHookState(currentIndex++, 3);
 	if (!options._skipEffects && argsChanged(state._args, args)) {
+		state._passive = true;
 		state._value = callback;
 		state._pendingArgs = args;
 
@@ -292,6 +299,7 @@ export function useLayoutEffect(callback, args) {
 	/** @type {import('./internal').EffectHookState} */
 	const state = getHookState(currentIndex++, 4);
 	if (!options._skipEffects && argsChanged(state._args, args)) {
+		state._passive = false;
 		state._value = callback;
 		state._pendingArgs = args;
 
@@ -342,7 +350,6 @@ export function useMemo(factory, args) {
 	if (argsChanged(state._args, args)) {
 		state._value = factory();
 		state._args = args;
-		state._factory = factory;
 	}
 
 	return state._value;
@@ -424,7 +431,7 @@ export function useId() {
 		// Grab either the root node or the nearest async boundary node.
 		/** @type {import('./internal').VNode} */
 		let root = currentComponent._vnode;
-		while (root !== null && !root._mask && root._parent !== null) {
+		while (!root._mask && root._parent) {
 			root = root._parent;
 		}
 
@@ -440,18 +447,33 @@ export function useId() {
  */
 function flushAfterPaintEffects() {
 	let component;
-	while ((component = afterPaintEffects.shift())) {
-		const hooks = component.__hooks;
-		if (!component._parentDom || !hooks) continue;
-		try {
-			hooks._pendingEffects.some(invokeCleanup);
-			hooks._pendingEffects.some(invokeEffect);
-			hooks._pendingEffects = [];
-		} catch (e) {
-			hooks._pendingEffects = [];
-			options._catchError(e, component._vnode);
+	// The loop picks up components unmounted by an effect we just invoked, which
+	// don't necessarily schedule a flush of their own.
+	do {
+		// Unmounted components' passive cleanups run before any new passive
+		// effect, mirroring React running all destroys before any create.
+		while ((component = unmountCleanups.shift())) {
+			try {
+				invokeCleanup(component);
+			} catch (e) {
+				component = /** @type {any} */ (component._passive);
+				options._catchError(e, { _parent: component && component._vnode });
+			}
 		}
-	}
+
+		while ((component = afterPaintEffects.shift())) {
+			const hooks = component.__hooks;
+			if (!component._parentDom || !hooks) continue;
+			try {
+				hooks._pendingEffects.some(invokeCleanup);
+				hooks._pendingEffects.some(invokeEffect);
+				hooks._pendingEffects = [];
+			} catch (e) {
+				hooks._pendingEffects = [];
+				options._catchError(e, component._vnode);
+			}
+		}
+	} while (unmountCleanups.length);
 }
 
 let HAS_RAF = typeof requestAnimationFrame == 'function';
@@ -489,7 +511,7 @@ function afterNextFrame(callback) {
  * @returns {void}
  */
 function afterPaint(newQueueLength) {
-	if (newQueueLength === 1 || prevRaf !== options.requestAnimationFrame) {
+	if (newQueueLength == 1 || prevRaf != options.requestAnimationFrame) {
 		prevRaf = options.requestAnimationFrame;
 		(prevRaf || afterNextFrame)(flushAfterPaintEffects);
 	}
@@ -533,8 +555,8 @@ function invokeEffect(hook) {
 function argsChanged(oldArgs, newArgs) {
 	return (
 		!oldArgs ||
-		oldArgs.length !== newArgs.length ||
-		newArgs.some((arg, index) => arg !== oldArgs[index])
+		oldArgs.length != newArgs.length ||
+		newArgs.some((arg, index) => !ObjectIs(arg, oldArgs[index]))
 	);
 }
 

package/preact/hooks/src/internal.d.ts

@@ -13,12 +13,12 @@ export { PreactContext };
 export interface Options extends PreactOptions {
 	/** Attach a hook that is invoked before a vnode is diffed. */
 	_diff?(vnode: VNode): void;
-	diffed?(vnode: VNode): void;
 	/** Attach a hook that is invoked before a vnode has rendered. */
 	_render?(vnode: VNode): void;
+	/** Attach a hook that is invoked after a vnode has rendered. */
+	diffed?(vnode: VNode): void;
 	/** Attach a hook that is invoked after a tree was mounted or was updated. */
 	_commit?(vnode: VNode, commitQueue: Component[]): void;
-	_unmount?(vnode: VNode): void;
 	/** Attach a hook that is invoked before a hook's state is queried. */
 	_hook?(component: Component, index: number, type: HookType): void;
 }
@@ -73,6 +73,12 @@ export interface EffectHookState extends BaseHookState {
 	_args?: unknown[];
 	_pendingArgs?: unknown[];
 	_cleanup?: Cleanup | void;
+	/**
+	 * Whether this is a passive effect (useEffect), whose unmount cleanup runs
+	 * after paint. Once unmounted it holds the surviving component that deferred
+	 * cleanup errors are routed to instead.
+	 */
+	_passive?: boolean | Component;
 }
 
 export interface MemoHookState<T = unknown> extends BaseHookState {
@@ -80,7 +86,6 @@ export interface MemoHookState<T = unknown> extends BaseHookState {
 	_pendingValue?: T;
 	_args?: unknown[];
 	_pendingArgs?: unknown[];
-	_factory?: () => T;
 }
 
 export interface ReducerHookState<

package/preact/jsx-runtime/dist/jsxRuntime.mjs

@@ -1,2 +1,2 @@
-import{options as r,Fragment as e}from"../..";export{Fragment}from"../..";var t=/["&<]/;function n(r){if(0===r.length||!1===t.test(r))return r;for(var e=0,n=0,o="",f="";n<r.length;n++){switch(r.charCodeAt(n)){case 34:f="&quot;";break;case 38:f="&amp;";break;case 60:f="&lt;";break;default:continue}n!==e&&(o+=r.slice(e,n)),o+=f,e=n+1}return n!==e&&(o+=r.slice(e,n)),o}var o=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,f=0,i=Array.isArray;function u(e,t,n,o,i,u){t||(t={});var a,c,p=t;if("ref"in p)for(c in p={},t)"ref"==c?a=t[c]:p[c]=t[c];var l={type:e,props:p,key:n,ref:a,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:--f,__i:-1,__u:0,__source:i,__self:u};if("function"==typeof e&&(a=e.defaultProps))for(c in a)void 0===p[c]&&(p[c]=a[c]);return r.vnode&&r.vnode(l),l}function a(r){var t=u(e,{tpl:r,exprs:[].slice.call(arguments,1)});return t.key=t.__v,t}var c={},p=/[A-Z]/g;function l(e,t){if(r.attr){var f=r.attr(e,t);if("string"==typeof f)return f}if(t=function(r){return null!==r&&"object"==typeof r&&"function"==typeof r.valueOf?r.valueOf():r}(t),"ref"===e||"key"===e)return"";if("style"===e&&"object"==typeof t){var i="";for(var u in t){var a=t[u];if(null!=a&&""!==a){var l="-"==u[0]?u:c[u]||(c[u]=u.replace(p,"-$&").toLowerCase()),s=";";"number"!=typeof a||l.startsWith("--")||o.test(l)||(s="px;"),i=i+l+":"+a+s}}return e+'="'+n(i)+'"'}return null==t||!1===t||"function"==typeof t||"object"==typeof t?"":!0===t?e:e+'="'+n(""+t)+'"'}function s(r){if(null==r||"boolean"==typeof r||"function"==typeof r)return null;if("object"==typeof r){if(void 0===r.constructor)return r;if(i(r)){for(var e=0;e<r.length;e++)r[e]=s(r[e]);return r}}return n(""+r)}export{u as jsx,l as jsxAttr,u as jsxDEV,s as jsxEscape,a as jsxTemplate,u as jsxs};
-//# sourceMappingURL=jsxRuntime.module.js.map
+import{options as r,Fragment as t}from"../..";export{Fragment}from"../..";var e=/["&<]/;function n(r){if(!r.length||!e.test(r))return r;for(var t=0,n=0,o="",f="";n<r.length;n++){switch(r.charCodeAt(n)){case 34:f="&quot;";break;case 38:f="&amp;";break;case 60:f="&lt;";break;default:continue}n!=t&&(o+=r.slice(t,n)),o+=f,t=n+1}return n!=t&&(o+=r.slice(t,n)),o}var o=0,f=Array.isArray;function u(t,e,n,f,u,i){e||(e={});var a,c,l=e;if("ref"in l&&"function"!=typeof t)for(c in l={},e)"ref"==c?a=e[c]:l[c]=e[c];var p={type:t,props:l,key:n,ref:a,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:--o,__i:-1,__u:0};return(u||i)&&(p.__source=u,p.__self=i),r.vnode&&r.vnode(p),p}function i(r){var e=u(t,{tpl:r,exprs:[].slice.call(arguments,1)});return e.key=e.__v,e}var a={},c=/[A-Z]/g;function l(t,e){if(r.attr){var o=r.attr(t,e);if("string"==typeof o)return o}if(e=function(r){return null!=r&&"object"==typeof r&&"function"==typeof r.valueOf?r.valueOf():r}(e),"ref"==t||"key"==t)return"";if("style"==t&&"object"==typeof e){var f="";for(var u in e){var i=e[u];null!=i&&""!==i&&(f=f+("-"==u[0]?u:a[u]||(a[u]=u.replace(c,"-$&").toLowerCase()))+":"+i+";")}return t+'="'+n(f)+'"'}return null==e||!1===e||"function"==typeof e||"object"==typeof e?"":!0===e?t:t+'="'+n(""+e)+'"'}function p(r){if(null==r||"boolean"==typeof r||"function"==typeof r)return null;if("object"==typeof r){if(void 0===r.constructor)return r;if(f(r)){for(var t=0;t<r.length;t++)r[t]=p(r[t]);return r}}return n(""+r)}export{u as jsx,l as jsxAttr,u as jsxDEV,p as jsxEscape,i as jsxTemplate,u as jsxs};
+//# sourceMappingURL=jsxRuntime.mjs.map

package/preact/jsx-runtime/dist/jsxRuntime.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsxRuntime.mjs","sources":["../src/utils.js","../src/index.js"],"sourcesContent":["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 || !ENCODED_ENTITIES.test(str)) 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 = '&quot;';\n\t\t\t\tbreak;\n\t\t\tcase 38:\n\t\t\t\tch = '&amp;';\n\t\t\t\tbreak;\n\t\t\tcase 60:\n\t\t\t\tch = '&lt;';\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","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};\n\n\tif (__source || __self) {\n\t\tvnode.__source = __source;\n\t\tvnode.__self = __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<string | null | import('preact').VNode>} 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<string | null | import('preact').VNode>}\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"],"names":["ENCODED_ENTITIES","encodeEntities","str","length","test","last","i","out","ch","charCodeAt","slice","vnodeId","isArray","Array","createVNode","type","props","key","isStaticChildren","__source","__self","ref","normalizedProps","vnode","__k","__","__b","__e","__c","constructor","undefined","__v","__i","__u","options","jsxTemplate","templates","Fragment","tpl","exprs","call","arguments","JS_TO_CSS","CSS_REGEX","jsxAttr","name","value","attr","result","valueOf","normalizeAttrValue","prop","val","replace","toLowerCase","jsxEscape"],"mappings":"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"}

package/preact/jsx-runtime/package.json

@@ -1,28 +1,16 @@
 {
   "name": "jsx-runtime",
-  "amdName": "jsxRuntime",
-  "version": "1.0.0",
   "private": true,
   "description": "Preact JSX runtime",
-  "main": "dist/jsxRuntime.js",
-  "module": "dist/jsxRuntime.module.js",
-  "umd:main": "dist/jsxRuntime.umd.js",
+  "main": "dist/jsxRuntime.mjs",
+  "module": "dist/jsxRuntime.mjs",
   "source": "src/index.js",
   "types": "src/index.d.ts",
   "license": "MIT",
-  "peerDependencies": {
-    "preact": "^10.0.0"
-  },
   "mangle": {
     "regex": "^_"
   },
-  "exports": {
-    ".": {
-      "types": "./src/index.d.ts",
-      "browser": "./dist/jsxRuntime.module.js",
-      "umd": "./dist/jsxRuntime.umd.js",
-      "import": "./dist/jsxRuntime.mjs",
-      "require": "./dist/jsxRuntime.js"
-    }
+  "peerDependencies": {
+    "preact": "^10.0.0"
   }
 }

package/preact/jsx-runtime/src/index.d.ts

@@ -1,19 +1,19 @@
-// Intentionally not using a relative path to take advantage of
-// the TS version resolution mechanism
-export { Fragment } from 'preact';
+export { Fragment } from '../../src/index';
 import {
 	ComponentType,
 	ComponentChild,
 	ComponentChildren,
 	VNode,
-	Attributes
-} from 'preact';
+	Attributes,
+	HTMLAttributes,
+	SVGAttributes
+} from '../../src/index';
 import { JSXInternal } from '../../src/jsx';
 
 export function jsx(
 	type: string,
-	props: JSXInternal.HTMLAttributes &
-		JSXInternal.SVGAttributes &
+	props: HTMLAttributes &
+		SVGAttributes &
 		Record<string, any> & { children?: ComponentChild },
 	key?: string
 ): VNode<any>;
@@ -25,8 +25,8 @@ export function jsx<P>(
 
 export function jsxs(
 	type: string,
-	props: JSXInternal.HTMLAttributes &
-		JSXInternal.SVGAttributes &
+	props: HTMLAttributes &
+		SVGAttributes &
 		Record<string, any> & { children?: ComponentChild[] },
 	key?: string
 ): VNode<any>;
@@ -38,8 +38,8 @@ export function jsxs<P>(
 
 export function jsxDEV(
 	type: string,
-	props: JSXInternal.HTMLAttributes &
-		JSXInternal.SVGAttributes &
+	props: HTMLAttributes &
+		SVGAttributes &
 		Record<string, any> & { children?: ComponentChildren },
 	key?: string
 ): VNode<any>;

package/preact/jsx-runtime/src/index.js

@@ -1,6 +1,5 @@
 import { options, Fragment } from '../..';
 import { encodeEntities } from './utils';
-import { IS_NON_DIMENSIONAL } from '../../src/constants';
 
 let vnodeId = 0;
 
@@ -19,9 +18,9 @@ const isArray = Array.isArray;
 
 /**
  * JSX.Element factory used by Babel's {runtime:"automatic"} JSX transform
- * @param {VNode['type']} type
- * @param {VNode['props']} props
- * @param {VNode['key']} [key]
+ * @param {import('../../src/internal').VNode['type']} type
+ * @param {import('preact').VNode['props']} props
+ * @param {import('preact').VNode['key']} [key]
  * @param {unknown} [isStaticChildren]
  * @param {unknown} [__source]
  * @param {unknown} [__self]
@@ -35,7 +34,7 @@ function createVNode(type, props, key, isStaticChildren, __source, __self) {
 		ref,
 		i;
 
-	if ('ref' in normalizedProps) {
+	if ('ref' in normalizedProps && typeof type != 'function') {
 		normalizedProps = {};
 		for (i in props) {
 			if (i == 'ref') {
@@ -46,7 +45,7 @@ function createVNode(type, props, key, isStaticChildren, __source, __self) {
 		}
 	}
 
-	/** @type {VNode & { __source: any; __self: any }} */
+	/** @type {import('../../src/internal').VNode & { __source?: any; __self?: any }} */
 	const vnode = {
 		type,
 		props: normalizedProps,
@@ -60,18 +59,12 @@ function createVNode(type, props, key, isStaticChildren, __source, __self) {
 		constructor: undefined,
 		_original: --vnodeId,
 		_index: -1,
-		_flags: 0,
-		__source,
-		__self
+		_flags: 0
 	};
 
-	// If a Component VNode, check for and apply defaultProps.
-	// Note: `type` is often a String, and can be `undefined` in development.
-	if (typeof type === 'function' && (ref = type.defaultProps)) {
-		for (i in ref)
-			if (normalizedProps[i] === undefined) {
-				normalizedProps[i] = ref[i];
-			}
+	if (__source || __self) {
+		vnode.__source = __source;
+		vnode.__self = __self;
 	}
 
 	if (options.vnode) options.vnode(vnode);
@@ -82,12 +75,13 @@ function createVNode(type, props, key, isStaticChildren, __source, __self) {
  * Create a template vnode. This function is not expected to be
  * used directly, but rather through a precompile JSX transform
  * @param {string[]} templates
- * @param  {Array<string | null | VNode>} exprs
- * @returns {VNode}
+ * @param  {Array<string | null | import('preact').VNode>} exprs
+ * @returns {import('preact').VNode}
  */
 function jsxTemplate(templates, ...exprs) {
 	const vnode = createVNode(Fragment, { tpl: templates, exprs });
 	// Bypass render to string top level Fragment optimization
+	// @ts-ignore
 	vnode.key = vnode._vnode;
 	return vnode;
 }
@@ -101,9 +95,9 @@ const CSS_REGEX = /[A-Z]/g;
  * @returns {*}
  */
 function normalizeAttrValue(value) {
-	return value !== null &&
-		typeof value === 'object' &&
-		typeof value.valueOf === 'function'
+	return value != null &&
+		typeof value == 'object' &&
+		typeof value.valueOf == 'function'
 		? value.valueOf()
 		: value;
 }
@@ -119,13 +113,13 @@ function normalizeAttrValue(value) {
 function jsxAttr(name, value) {
 	if (options.attr) {
 		const result = options.attr(name, value);
-		if (typeof result === 'string') return result;
+		if (typeof result == 'string') return result;
 	}
 
 	value = normalizeAttrValue(value);
 
-	if (name === 'ref' || name === 'key') return '';
-	if (name === 'style' && typeof value === 'object') {
+	if (name == 'ref' || name == 'key') return '';
+	if (name == 'style' && typeof value == 'object') {
 		let str = '';
 		for (let prop in value) {
 			let val = value[prop];
@@ -136,16 +130,7 @@ function jsxAttr(name, value) {
 						: JS_TO_CSS[prop] ||
 							(JS_TO_CSS[prop] = prop.replace(CSS_REGEX, '-$&').toLowerCase());
 
-				let suffix = ';';
-				if (
-					typeof val === 'number' &&
-					// Exclude custom-attributes
-					!name.startsWith('--') &&
-					!IS_NON_DIMENSIONAL.test(name)
-				) {
-					suffix = 'px;';
-				}
-				str = str + name + ':' + val + suffix;
+				str = str + name + ':' + val + ';';
 			}
 		}
 		return name + '="' + encodeEntities(str) + '"';
@@ -154,8 +139,8 @@ function jsxAttr(name, value) {
 	if (
 		value == null ||
 		value === false ||
-		typeof value === 'function' ||
-		typeof value === 'object'
+		typeof value == 'function' ||
+		typeof value == 'object'
 	) {
 		return '';
 	} else if (value === true) return name;
@@ -168,18 +153,18 @@ function jsxAttr(name, value) {
  * is not expected to be used directly, but rather through a
  * precompile JSX transform
  * @param {*} value
- * @returns {string | null | VNode | Array<string | null | VNode>}
+ * @returns {string | null | import('preact').VNode | Array<string | null | import('preact').VNode>}
  */
 function jsxEscape(value) {
 	if (
 		value == null ||
-		typeof value === 'boolean' ||
-		typeof value === 'function'
+		typeof value == 'boolean' ||
+		typeof value == 'function'
 	) {
 		return null;
 	}
 
-	if (typeof value === 'object') {
+	if (typeof value == 'object') {
 		// Check for VNode
 		if (value.constructor === undefined) return value;
 

package/preact/jsx-runtime/src/utils.js

@@ -3,7 +3,7 @@ const ENCODED_ENTITIES = /["&<]/;
 /** @param {string} str */
 export function encodeEntities(str) {
 	// Skip all work for strings with no entities needing encoding:
-	if (str.length === 0 || ENCODED_ENTITIES.test(str) === false) return str;
+	if (!str.length || !ENCODED_ENTITIES.test(str)) return str;
 
 	let last = 0,
 		i = 0,
@@ -26,11 +26,11 @@ export function encodeEntities(str) {
 				continue;
 		}
 		// Append skipped/buffered characters and the encoded entity:
-		if (i !== last) out += str.slice(last, i);
+		if (i != last) out += str.slice(last, i);
 		out += ch;
 		// Start the next seek/buffer after the entity's offset:
 		last = i + 1;
 	}
-	if (i !== last) out += str.slice(last, i);
+	if (i != last) out += str.slice(last, i);
 	return out;
 }