summaryrefslogtreecommitdiff
path: root/src/frontend
diff options
context:
space:
mode:
Diffstat (limited to 'src/frontend')
-rw-r--r--src/frontend/h.ts3
-rw-r--r--src/frontend/render/renderer.ts5
2 files changed, 6 insertions, 2 deletions
diff --git a/src/frontend/h.ts b/src/frontend/h.ts
index 7d26d21d2..c1e21dc95 100644
--- a/src/frontend/h.ts
+++ b/src/frontend/h.ts
@@ -5,6 +5,7 @@ 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 ';
@@ -47,6 +48,7 @@ function* _h(tag: string, attrs: HProps, children: Array<HChild>) {
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') {
@@ -57,6 +59,7 @@ export async function h(tag: HTag, attrs: HProps, ...pChildren: Array<Promise<HC
return Array.from(_h(tag, attrs, children)).join('');
}
+/** Fragment helper, similar to React.Fragment */
export function Fragment(_: HProps, ...children: Array<string>) {
return children.join('');
}
diff --git a/src/frontend/render/renderer.ts b/src/frontend/render/renderer.ts
index 9589cef85..272f4ef5c 100644
--- a/src/frontend/render/renderer.ts
+++ b/src/frontend/render/renderer.ts
@@ -10,12 +10,13 @@ export interface Renderer {
imports?: Record<string, string[]>;
}
+/** Initialize Astro Component renderer for Static and Dynamic components */
export function createRenderer(renderer: Renderer) {
const _static: Renderer['renderStatic'] = (Component: any) => renderer.renderStatic(Component);
const _imports = (context: DynamicRenderContext) => {
const values = Object.values(renderer.imports ?? {})
- .reduce((acc, values) => {
- return [...acc, `{ ${values.join(', ')} }`];
+ .reduce((acc, v) => {
+ return [...acc, `{ ${v.join(', ')} }`];
}, [])
.join(', ');
const libs = Object.keys(renderer.imports ?? {})