diff options
Diffstat (limited to 'src/frontend/h.ts')
-rw-r--r-- | src/frontend/h.ts | 65 |
1 files changed, 0 insertions, 65 deletions
diff --git a/src/frontend/h.ts b/src/frontend/h.ts deleted file mode 100644 index c1e21dc95..000000000 --- a/src/frontend/h.ts +++ /dev/null @@ -1,65 +0,0 @@ -export type HProps = Record<string, string> | null | undefined; -export type HChild = string | undefined | (() => string); -export type AstroComponent = (props: HProps, ...children: Array<HChild>) => string; -export type HTag = string | AstroComponent; - -const voidTags = new Set(['area', 'base', 'br', 'col', 'command', 'embed', 'hr', 'img', 'input', 'keygen', 'link', 'meta', 'param', 'source', 'track', 'wbr']); - -/** Generator for primary h() function */ -function* _h(tag: string, attrs: HProps, children: Array<HChild>) { - if (tag === '!doctype') { - yield '<!doctype '; - if (attrs) { - yield Object.keys(attrs).join(' '); - } - yield '>'; - return; - } - - yield `<${tag}`; - if (attrs) { - yield ' '; - for (let [key, value] of Object.entries(attrs)) { - yield `${key}="${value}"`; - } - } - yield '>'; - - // Void tags have no children. - if (voidTags.has(tag)) { - return; - } - - for (let child of children) { - // Special: If a child is a function, call it automatically. - // This lets you do {() => ...} without the extra boilerplate - // of wrapping it in a function and calling it. - if (typeof child === 'function') { - yield child(); - } else if (typeof child === 'string') { - yield child; - } else if (!child) { - // do nothing, safe to ignore falsey values. - } else { - yield child; - } - } - - yield `</${tag}>`; -} - -/** Astro‘s primary h() function. Allows it to use JSX-like syntax. */ -export async function h(tag: HTag, attrs: HProps, ...pChildren: Array<Promise<HChild>>) { - const children = await Promise.all(pChildren.flat(Infinity)); - if (typeof tag === 'function') { - // We assume it's an astro component - return tag(attrs, ...children); - } - - return Array.from(_h(tag, attrs, children)).join(''); -} - -/** Fragment helper, similar to React.Fragment */ -export function Fragment(_: HProps, ...children: Array<string>) { - return children.join(''); -} |