fix(satori): transform inner components

satorijs · Nov 1, 2024 · ff130d7 · ff130d7
1 parent e0d1084
commit ff130d7
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/packages/core/src/session.ts b/packages/core/src/session.ts
@@ -130,9 +130,11 @@ export class Session<C extends Context = Context> {
   }
 
   async transform(elements: h[]): Promise<h[]> {
-    return await h.transformAsync(elements, ({ type, attrs, children }, session) => {
+    return await h.transformAsync(elements, async ({ type, attrs, children }, session) => {
       const render = type === 'component' ? attrs.is : this.app.get('component:' + type)
-      return render?.(attrs, children, session) ?? true
+      if (!render) return true
+      children = await render(attrs, children, session)
+      return this.transform(h.toElementArray(children))
     }, this)
   }
 

diff --git a/packages/element/src/index.ts b/packages/element/src/index.ts
@@ -99,7 +99,7 @@ class ElementConstructor {
 defineProperty(ElementConstructor, 'name', 'Element')
 defineProperty(ElementConstructor.prototype, kElement, true)
 
-type RenderFunction = Element.Render<Element.Fragment, any>
+type RenderFunction = Element.Render<Element.Fragment, Awaitable<Element.Fragment>>
 
 function Element(type: string | RenderFunction, ...children: Element.Fragment[]): Element
 function Element(type: string | RenderFunction, attrs: Dict, ...children: Element.Fragment[]): Element