40 lines
1.1 KiB
JavaScript
40 lines
1.1 KiB
JavaScript
/**
|
|
* @typedef {import('./core.js').Element} Element
|
|
* @typedef {import('./core.js').Root} Root
|
|
* @typedef {import('./core.js').HResult} HResult
|
|
* @typedef {import('./core.js').HChild} HChild
|
|
* @typedef {import('./core.js').HProperties} HProperties
|
|
* @typedef {import('./core.js').HPropertyValue} HPropertyValue
|
|
* @typedef {import('./core.js').HStyle} HStyle
|
|
* @typedef {import('./core.js').core} Core
|
|
*
|
|
* @typedef {Record<string, HPropertyValue | HStyle | HChild>} JSXProps
|
|
*/
|
|
|
|
/**
|
|
* Create an automatic runtime.
|
|
*
|
|
* @param {ReturnType<Core>} f
|
|
*/
|
|
export function runtime(f) {
|
|
const jsx =
|
|
/**
|
|
* @type {{
|
|
* (type: null | undefined, props: {children?: HChild}, key?: string): Root
|
|
* (type: string, props: JSXProps, key?: string): Element
|
|
* }}
|
|
*/
|
|
(
|
|
/**
|
|
* @param {string | null} type
|
|
* @param {HProperties & {children?: HChild}} props
|
|
* @returns {HResult}
|
|
*/
|
|
function (type, props) {
|
|
const {children, ...properties} = props
|
|
return type === null ? f(type, children) : f(type, properties, children)
|
|
}
|
|
)
|
|
|
|
return {Fragment: null, jsx, jsxs: jsx, jsxDEV: jsx}
|
|
}
|