75f90c9487
* Update index to make it clear what has hasn't updated to Next/React yet * Typescriptify events and experiments * Typescript the old JS for easier integration * Update release-notes.ts * Lint * Run npm i * Fix a few lint issues * Update airgap-links.ts * Update airgap-links.ts * Update set-next-env to ts * Update airgap-links.ts * Update package-lock.json * Update set-next-env.ts * Update package-lock.json * Revert "Update package-lock.json" This reverts commit b45e8250beeb700719d3b44e1092b0bbd093baba. * readd fsevents * Revert "readd fsevents" This reverts commit 419f3c35080ac4a9072f0b4e8e291e1712ce3639. * Update openapi-schema-check.yml * Revert "Update openapi-schema-check.yml" This reverts commit 5e9f4a29ea11ee343ca17291a40a751920c5b923. * Update package-lock.json * Update package-lock.json
47 lines
1.2 KiB
TypeScript
47 lines
1.2 KiB
TypeScript
const xmlns = 'http://www.w3.org/2000/svg'
|
|
|
|
const plainObjectConstructor = {}.constructor
|
|
|
|
function exists(value: any) {
|
|
return value !== null && typeof value !== 'undefined'
|
|
}
|
|
|
|
function isPlainObject(value: any) {
|
|
return value.constructor === plainObjectConstructor
|
|
}
|
|
|
|
function isString(value: any) {
|
|
return typeof value === 'string'
|
|
}
|
|
|
|
function renderChildren(el: HTMLElement | SVGElement, children: Array<any>) {
|
|
for (const child of children) {
|
|
if (isPlainObject(child)) {
|
|
Object.entries(child)
|
|
.filter(([, value]) => exists(value))
|
|
.forEach(([key, value]) => el.setAttribute(key, value as string))
|
|
} else if (Array.isArray(child)) {
|
|
renderChildren(el, child)
|
|
} else if (isString(child)) {
|
|
el.append(document.createTextNode(child))
|
|
} else {
|
|
el.append(child)
|
|
}
|
|
}
|
|
}
|
|
|
|
export default function h(tagName: string, ...children: Array<any>) {
|
|
const el = ['svg', 'path'].includes(tagName)
|
|
? document.createElementNS(xmlns, tagName)
|
|
: document.createElement(tagName)
|
|
renderChildren(el, children)
|
|
return el
|
|
}
|
|
|
|
export const tags = Object.fromEntries(
|
|
['div', 'form', 'a', 'input', 'button', 'ol', 'li', 'mark'].map((tagName) => [
|
|
tagName,
|
|
(...args: Array<any>) => h(tagName, ...args),
|
|
])
|
|
)
|