seemore 1.12.22 → 1.12.23

package/dist/cli/index.js

@@ -2433,6 +2433,7 @@ async function loadPrerenderModule(ctx, ssrOutDir) {
 // src/node/social/cards.ts
 import { mkdirSync as mkdirSync2, writeFileSync as writeFileSync6 } from "fs";
 import { dirname as dirname9, join as join11 } from "path";
+import { createElement } from "react";
 
 // src/shared/og.ts
 function ogImagePath(url) {
@@ -2463,8 +2464,13 @@ async function generateSocialCards(ctx, outDir) {
   return written;
 }
 async function renderCard(takumi, site, title, description) {
-  const renderer = new takumi.Renderer({ fonts: [] });
-  const node = takumi.container(
+  const children = [
+    createElement("div", { style: { fontSize: 28, opacity: 0.6 } }, site),
+    createElement("div", { style: { fontSize: 64, fontWeight: 700 } }, title),
+    ...typeof description === "string" ? [createElement("div", { style: { fontSize: 30, opacity: 0.8 } }, description)] : []
+  ];
+  const node = createElement(
+    "div",
     {
       style: {
         width: 1200,
@@ -2478,13 +2484,9 @@ async function renderCard(takumi, site, title, description) {
         gap: 24
       }
     },
-    [
-      takumi.text(site, { style: { fontSize: 28, opacity: 0.6 } }),
-      takumi.text(title, { style: { fontSize: 64, fontWeight: 700 } }),
-      ...typeof description === "string" ? [takumi.text(description, { style: { fontSize: 30, opacity: 0.8 } })] : []
-    ]
+    children
   );
-  return await renderer.renderAsync(node, { width: 1200, height: 630, format: "png" });
+  return await takumi.render(node, { width: 1200, height: 630 });
 }
 async function importOptional(specifier) {
   return await import(specifier);