@barodoc/plugin-og-image 6.0.0 → 7.0.0

package/dist/index.d.ts

@@ -0,0 +1,19 @@
+import * as _barodoc_core from '@barodoc/core';
+
+interface OgImagePluginOptions {
+    /** Font file path (TTF/OTF) for rendering text. Falls back to a system default. */
+    fontPath?: string;
+    /** Background color. Default: "#ffffff" */
+    background?: string;
+    /** Text color. Default: "#0f172a" */
+    textColor?: string;
+    /** Accent color for the site name. Default: "#0070f3" */
+    accentColor?: string;
+    /** Image width. Default: 1200 */
+    width?: number;
+    /** Image height. Default: 630 */
+    height?: number;
+}
+declare const _default: (options: OgImagePluginOptions) => _barodoc_core.BarodocPlugin;
+
+export { type OgImagePluginOptions, _default as default };

package/dist/index.js

@@ -0,0 +1,139 @@
+// src/index.ts
+import { definePlugin } from "@barodoc/core";
+import satori from "satori";
+import sharp from "sharp";
+import { readFileSync, writeFileSync, mkdirSync, existsSync } from "fs";
+import { join } from "path";
+var GOOGLE_FONT_CSS = "https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap";
+async function fetchGoogleFont(weight = 400) {
+  const cssRes = await fetch(GOOGLE_FONT_CSS, {
+    headers: { "User-Agent": "node" }
+  });
+  const css = await cssRes.text();
+  const blocks = css.split("@font-face");
+  for (const block of blocks) {
+    const wMatch = block.match(/font-weight:\s*(\d+)/);
+    if (!wMatch || parseInt(wMatch[1]) !== weight) continue;
+    const urlMatch = block.match(/src:\s*url\(([^)]+)\)/);
+    if (urlMatch?.[1]) {
+      const fontRes = await fetch(urlMatch[1]);
+      return fontRes.arrayBuffer();
+    }
+  }
+  throw new Error(`Could not extract font URL for weight ${weight}`);
+}
+function createOgSvg(options) {
+  return {
+    type: "div",
+    props: {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: "center",
+        padding: "60px 80px",
+        width: `${options.width}px`,
+        height: `${options.height}px`,
+        backgroundColor: options.background
+      },
+      children: [
+        {
+          type: "div",
+          props: {
+            style: { fontSize: "24px", color: options.accentColor, marginBottom: "16px" },
+            children: options.siteName
+          }
+        },
+        {
+          type: "div",
+          props: {
+            style: {
+              fontSize: "48px",
+              fontWeight: 700,
+              color: options.textColor,
+              lineHeight: 1.2,
+              marginBottom: "20px"
+            },
+            children: options.title
+          }
+        },
+        {
+          type: "div",
+          props: {
+            style: { fontSize: "24px", color: "#64748b", lineHeight: 1.4 },
+            children: options.description
+          }
+        }
+      ]
+    }
+  };
+}
+var index_default = definePlugin((options = {}) => {
+  const width = options.width ?? 1200;
+  const height = options.height ?? 630;
+  const background = options.background ?? "#ffffff";
+  const textColor = options.textColor ?? "#0f172a";
+  const accentColor = options.accentColor ?? "#0070f3";
+  return {
+    name: "@barodoc/plugin-og-image",
+    hooks: {
+      "build:done": async (buildContext, context) => {
+        const { config } = context;
+        const outDir = join(buildContext.outDir, "og");
+        if (!existsSync(outDir)) mkdirSync(outDir, { recursive: true });
+        const fonts = [];
+        if (options.fontPath) {
+          try {
+            const fontData = readFileSync(options.fontPath).buffer;
+            fonts.push({ name: "Custom", data: fontData, weight: 400, style: "normal" });
+          } catch {
+            console.warn("[og-image] Could not load custom font, fetching Inter from Google Fonts");
+          }
+        }
+        if (fonts.length === 0) {
+          try {
+            const [regular, bold] = await Promise.all([
+              fetchGoogleFont(400),
+              fetchGoogleFont(700)
+            ]);
+            fonts.push(
+              { name: "Inter", data: regular, weight: 400, style: "normal" },
+              { name: "Inter", data: bold, weight: 700, style: "normal" }
+            );
+          } catch (err) {
+            console.warn("[og-image] Could not fetch default font, skipping OG image generation:", err);
+            return;
+          }
+        }
+        let count = 0;
+        for (const group of config.navigation) {
+          for (const page of group.pages) {
+            const slug = page.replace(/\//g, "-");
+            const title = page.split("/").pop().split("-").map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join(" ");
+            const tree = createOgSvg({
+              title,
+              description: "",
+              siteName: config.name,
+              width,
+              height,
+              background,
+              textColor,
+              accentColor
+            });
+            try {
+              const svg = await satori(tree, { width, height, fonts });
+              const png = await sharp(Buffer.from(svg)).png().toBuffer();
+              writeFileSync(join(outDir, `${slug}.png`), png);
+              count++;
+            } catch (err) {
+              console.warn(`[og-image] Failed to generate image for ${page}:`, err);
+            }
+          }
+        }
+        console.log(`[og-image] Generated ${count} OG images in og/`);
+      }
+    }
+  };
+});
+export {
+  index_default as default
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@barodoc/plugin-og-image",
-  "version": "6.0.0",
+  "version": "7.0.0",
   "description": "Open Graph image generation plugin for Barodoc",
   "type": "module",
   "main": "./dist/index.js",
@@ -20,14 +20,14 @@
   },
   "peerDependencies": {
     "astro": "^5.0.0",
-    "@barodoc/core": "7.0.0"
+    "@barodoc/core": "8.0.0"
   },
   "devDependencies": {
     "@types/node": "^22.0.0",
     "astro": "^5.0.0",
     "tsup": "^8.3.0",
     "typescript": "^5.7.0",
-    "@barodoc/core": "7.0.0"
+    "@barodoc/core": "8.0.0"
   },
   "license": "MIT",
   "scripts": {