nuxt-og-image 1.0.0-beta.4 → 1.0.0-beta.6

package/dist/client/_nuxt/{error-404.1c1c2700.js → error-404.c11fbc81.js}

@@ -1 +1 @@
-import{s as n,v as a,o as r,l,x as e,t as s,y as d,z as c,A as p,B as f,C as x,D as h}from"./entry.db5a4449.js";const m=t=>(x("data-v-18337f8d"),t=t(),h(),t),u={class:"font-sans antialiased bg-white dark:bg-black text-black dark:text-white grid min-h-screen place-content-center overflow-hidden"},g=m(()=>e("div",{class:"fixed left-0 right-0 spotlight z-10"},null,-1)),_={class:"max-w-520px text-center z-20"},b=["textContent"],y=["textContent"],w={class:"w-full flex items-center justify-center"},S={__name:"error-404",props:{appName:{type:String,default:"Nuxt"},version:{type:String,default:""},statusCode:{type:Number,default:404},statusMessage:{type:String,default:"Not Found"},description:{type:String,default:"Sorry, the page you are looking for could not be found."},backHome:{type:String,default:"Go back home"}},setup(t){const o=t;return a({title:`${o.statusCode} - ${o.statusMessage} | ${o.appName}`,script:[],style:[{children:'*,:before,:after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:#e0e0e0}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(14, 165, 233, .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}a{color:inherit;text-decoration:inherit}body{margin:0;font-family:inherit;line-height:inherit}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5}h1,p{margin:0}h1{font-size:inherit;font-weight:inherit}'}]}),(k,v)=>{const i=p;return r(),l("div",u,[g,e("div",_,[e("h1",{class:"text-8xl sm:text-10xl font-medium mb-8",textContent:s(t.statusCode)},null,8,b),e("p",{class:"text-xl px-8 sm:px-0 sm:text-4xl font-light mb-16 leading-tight",textContent:s(t.description)},null,8,y),e("div",w,[d(i,{to:"/",class:"gradient-border text-md sm:text-xl py-2 px-4 sm:py-3 sm:px-6 cursor-pointer"},{default:c(()=>[f(s(t.backHome),1)]),_:1})])])])}}},z=n(S,[["__scopeId","data-v-18337f8d"]]);export{z as default};
+import{s as n,v as a,o as r,l,x as e,t as s,y as d,z as c,A as p,B as f,C as x,D as h}from"./entry.4892d138.js";const m=t=>(x("data-v-18337f8d"),t=t(),h(),t),u={class:"font-sans antialiased bg-white dark:bg-black text-black dark:text-white grid min-h-screen place-content-center overflow-hidden"},g=m(()=>e("div",{class:"fixed left-0 right-0 spotlight z-10"},null,-1)),_={class:"max-w-520px text-center z-20"},b=["textContent"],y=["textContent"],w={class:"w-full flex items-center justify-center"},S={__name:"error-404",props:{appName:{type:String,default:"Nuxt"},version:{type:String,default:""},statusCode:{type:Number,default:404},statusMessage:{type:String,default:"Not Found"},description:{type:String,default:"Sorry, the page you are looking for could not be found."},backHome:{type:String,default:"Go back home"}},setup(t){const o=t;return a({title:`${o.statusCode} - ${o.statusMessage} | ${o.appName}`,script:[],style:[{children:'*,:before,:after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:#e0e0e0}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(14, 165, 233, .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}a{color:inherit;text-decoration:inherit}body{margin:0;font-family:inherit;line-height:inherit}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5}h1,p{margin:0}h1{font-size:inherit;font-weight:inherit}'}]}),(k,v)=>{const i=p;return r(),l("div",u,[g,e("div",_,[e("h1",{class:"text-8xl sm:text-10xl font-medium mb-8",textContent:s(t.statusCode)},null,8,b),e("p",{class:"text-xl px-8 sm:px-0 sm:text-4xl font-light mb-16 leading-tight",textContent:s(t.description)},null,8,y),e("div",w,[d(i,{to:"/",class:"gradient-border text-md sm:text-xl py-2 px-4 sm:py-3 sm:px-6 cursor-pointer"},{default:c(()=>[f(s(t.backHome),1)]),_:1})])])])}}},z=n(S,[["__scopeId","data-v-18337f8d"]]);export{z as default};

package/dist/client/_nuxt/{error-500.6a615525.js → error-500.9fe646ba.js}

@@ -1 +1 @@
-import{s as i,v as a,o as r,l as n,x as e,t as s,C as l,D as d}from"./entry.db5a4449.js";const c=t=>(l("data-v-428e244b"),t=t(),d(),t),p={class:"font-sans antialiased bg-white dark:bg-black text-black dark:text-white grid min-h-screen place-content-center overflow-hidden"},h=c(()=>e("div",{class:"fixed -bottom-1/2 left-0 right-0 h-1/2 spotlight"},null,-1)),f={class:"max-w-520px text-center"},g=["textContent"],m=["textContent"],x={__name:"error-500",props:{appName:{type:String,default:"Nuxt"},version:{type:String,default:""},statusCode:{type:Number,default:500},statusMessage:{type:String,default:"Server error"},description:{type:String,default:"This page is temporarily unavailable."}},setup(t){const o=t;return a({title:`${o.statusCode} - ${o.statusMessage} | ${o.appName}`,script:[],style:[{children:'*,:before,:after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:#e0e0e0}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(14, 165, 233, .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{margin:0;font-family:inherit;line-height:inherit}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5}h1,p{margin:0}h1{font-size:inherit;font-weight:inherit}'}]}),(b,u)=>(r(),n("div",p,[h,e("div",f,[e("h1",{class:"text-8xl sm:text-10xl font-medium mb-8",textContent:s(t.statusCode)},null,8,g),e("p",{class:"text-xl px-8 sm:px-0 sm:text-4xl font-light mb-16 leading-tight",textContent:s(t.description)},null,8,m)])]))}},w=i(x,[["__scopeId","data-v-428e244b"]]);export{w as default};
+import{s as i,v as a,o as r,l as n,x as e,t as s,C as l,D as d}from"./entry.4892d138.js";const c=t=>(l("data-v-428e244b"),t=t(),d(),t),p={class:"font-sans antialiased bg-white dark:bg-black text-black dark:text-white grid min-h-screen place-content-center overflow-hidden"},h=c(()=>e("div",{class:"fixed -bottom-1/2 left-0 right-0 h-1/2 spotlight"},null,-1)),f={class:"max-w-520px text-center"},g=["textContent"],m=["textContent"],x={__name:"error-500",props:{appName:{type:String,default:"Nuxt"},version:{type:String,default:""},statusCode:{type:Number,default:500},statusMessage:{type:String,default:"Server error"},description:{type:String,default:"This page is temporarily unavailable."}},setup(t){const o=t;return a({title:`${o.statusCode} - ${o.statusMessage} | ${o.appName}`,script:[],style:[{children:'*,:before,:after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:#e0e0e0}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(14, 165, 233, .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{margin:0;font-family:inherit;line-height:inherit}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5}h1,p{margin:0}h1{font-size:inherit;font-weight:inherit}'}]}),(b,u)=>(r(),n("div",p,[h,e("div",f,[e("h1",{class:"text-8xl sm:text-10xl font-medium mb-8",textContent:s(t.statusCode)},null,8,g),e("p",{class:"text-xl px-8 sm:px-0 sm:text-4xl font-light mb-16 leading-tight",textContent:s(t.description)},null,8,m)])]))}},w=i(x,[["__scopeId","data-v-428e244b"]]);export{w as default};

package/dist/client/_nuxt/{error-component.834f3c34.js → error-component.f0759900.js}

@@ -1,3 +1,3 @@
-import{d as n,_ as o,o as _,c as f,n as g,g as E,u as r}from"./entry.db5a4449.js";const k={__name:"nuxt-error-page",props:{error:Object},setup(t){(t.error.stack||"").split(`
+import{d as n,_ as o,o as _,c as f,n as g,g as E,u as r}from"./entry.4892d138.js";const k={__name:"nuxt-error-page",props:{error:Object},setup(t){(t.error.stack||"").split(`
 `).splice(1).map(e=>({text:e.replace("webpack:/","").replace(".vue",".js").trim(),internal:e.includes("node_modules")&&!e.includes(".cache")||e.includes("internal")||e.includes("new Promise")})).map(e=>`<span class="stack${e.internal?" internal":""}">${e.text}</span>`).join(`
-`);const s=Number(t.error.statusCode||500),a=s===404,c=t.error.statusMessage??(a?"Page Not Found":"Internal Server Error"),u=t.error.message||t.error.toString(),i=void 0,d=n(()=>o(()=>import("./error-404.1c1c2700.js"),["./error-404.1c1c2700.js","./entry.db5a4449.js","./entry.0827acf4.css","./error-404.68aa58b4.css"],import.meta.url).then(e=>e.default||e)),l=n(()=>o(()=>import("./error-500.6a615525.js"),["./error-500.6a615525.js","./entry.db5a4449.js","./entry.0827acf4.css","./error-500.dc5710d1.css"],import.meta.url).then(e=>e.default||e)),m=a?d:l;return(e,p)=>(_(),f(r(m),g(E({statusCode:r(s),statusMessage:r(c),description:r(u),stack:r(i)})),null,16))}},v=k;export{v as default};
+`);const s=Number(t.error.statusCode||500),a=s===404,c=t.error.statusMessage??(a?"Page Not Found":"Internal Server Error"),u=t.error.message||t.error.toString(),i=void 0,d=n(()=>o(()=>import("./error-404.c11fbc81.js"),["./error-404.c11fbc81.js","./entry.4892d138.js","./entry.0827acf4.css","./error-404.68aa58b4.css"],import.meta.url).then(e=>e.default||e)),l=n(()=>o(()=>import("./error-500.9fe646ba.js"),["./error-500.9fe646ba.js","./entry.4892d138.js","./entry.0827acf4.css","./error-500.dc5710d1.css"],import.meta.url).then(e=>e.default||e)),m=a?d:l;return(e,p)=>(_(),f(r(m),g(E({statusCode:r(s),statusMessage:r(c),description:r(u),stack:r(i)})),null,16))}},v=k;export{v as default};

package/dist/client/index.html

@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html >
 <head><meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="modulepreload" as="script" crossorigin href="/__nuxt_og_image__/client/_nuxt/entry.db5a4449.js"><link rel="preload" as="style" href="/__nuxt_og_image__/client/_nuxt/entry.0827acf4.css"><link rel="prefetch" as="script" crossorigin href="/__nuxt_og_image__/client/_nuxt/error-component.834f3c34.js"><link rel="stylesheet" href="/__nuxt_og_image__/client/_nuxt/entry.0827acf4.css"><script>"use strict";const w=window,de=document.documentElement,knownColorSchemes=["dark","light"],preference=window.localStorage.getItem("nuxt-color-mode")||"system";let value=preference==="system"?getColorScheme():preference;const forcedColorMode=de.getAttribute("data-color-mode-forced");forcedColorMode&&(value=forcedColorMode),addColorScheme(value),w["__NUXT_COLOR_MODE__"]={preference,value,getColorScheme,addColorScheme,removeColorScheme};function addColorScheme(e){const o=""+e+"",t="";de.classList?de.classList.add(o):de.className+=" "+o,t&&de.setAttribute("data-"+t,e)}function removeColorScheme(e){const o=""+e+"",t="";de.classList?de.classList.remove(o):de.className=de.className.replace(new RegExp(o,"g"),""),t&&de.removeAttribute("data-"+t)}function prefersColorScheme(e){return w.matchMedia("(prefers-color-scheme"+e+")")}function getColorScheme(){if(w.matchMedia&&prefersColorScheme("").media!=="not all"){for(const e of knownColorSchemes)if(prefersColorScheme(":"+e).matches)return e}return"light"}
+<meta name="viewport" content="width=device-width, initial-scale=1"><link rel="modulepreload" as="script" crossorigin href="/__nuxt_og_image__/client/_nuxt/entry.4892d138.js"><link rel="preload" as="style" href="/__nuxt_og_image__/client/_nuxt/entry.0827acf4.css"><link rel="prefetch" as="script" crossorigin href="/__nuxt_og_image__/client/_nuxt/error-component.f0759900.js"><link rel="stylesheet" href="/__nuxt_og_image__/client/_nuxt/entry.0827acf4.css"><script>"use strict";const w=window,de=document.documentElement,knownColorSchemes=["dark","light"],preference=window.localStorage.getItem("nuxt-color-mode")||"system";let value=preference==="system"?getColorScheme():preference;const forcedColorMode=de.getAttribute("data-color-mode-forced");forcedColorMode&&(value=forcedColorMode),addColorScheme(value),w["__NUXT_COLOR_MODE__"]={preference,value,getColorScheme,addColorScheme,removeColorScheme};function addColorScheme(e){const o=""+e+"",t="";de.classList?de.classList.add(o):de.className+=" "+o,t&&de.setAttribute("data-"+t,e)}function removeColorScheme(e){const o=""+e+"",t="";de.classList?de.classList.remove(o):de.className=de.className.replace(new RegExp(o,"g"),""),t&&de.removeAttribute("data-"+t)}function prefersColorScheme(e){return w.matchMedia("(prefers-color-scheme"+e+")")}function getColorScheme(){if(w.matchMedia&&prefersColorScheme("").media!=="not all"){for(const e of knownColorSchemes)if(prefersColorScheme(":"+e).matches)return e}return"light"}
 </script></head>
-<body ><div id="__nuxt"></div><script>window.__NUXT__={serverRendered:false,config:{public:{},app:{baseURL:"\u002F__nuxt_og_image__\u002Fclient",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:""}},data:{},state:{}}</script><script type="module" src="/__nuxt_og_image__/client/_nuxt/entry.db5a4449.js" crossorigin></script></body>
+<body ><div id="__nuxt"></div><script>window.__NUXT__={serverRendered:false,config:{public:{},app:{baseURL:"\u002F__nuxt_og_image__\u002Fclient",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:""}},data:{},state:{}}</script><script type="module" src="/__nuxt_og_image__/client/_nuxt/entry.4892d138.js" crossorigin></script></body>
 </html>

package/dist/module.json

@@ -5,5 +5,5 @@
     "bridge": false
   },
   "configKey": "ogImage",
-  "version": "1.0.0-beta.4"
+  "version": "1.0.0-beta.6"
 }

package/dist/module.mjs

@@ -69,10 +69,7 @@ function exposeConfig(alias, filename, config) {
 }
 function extractOgImageOptions(html) {
   const options = html.match(/<script id="nuxt-og-image-options" type="application\/json">(.+?)<\/script>/)?.[1];
-  if (options) {
-    return JSON.parse(options);
-  }
-  return false;
+  return options ? JSON.parse(options) : false;
 }
 function stripOgImageOptions(html) {
   return html.replace(/<script id="nuxt-og-image-options" type="application\/json">(.*?)<\/script>/, "");
@@ -231,7 +228,7 @@ export {}
     nuxt.hooks.hook("prepare:types", ({ references }) => {
       references.push({ path: resolve(nuxt.options.buildDir, "nuxt-og-image.d.ts") });
     });
-    ["html", "options", "svg", "og.png"].forEach((type) => {
+    ["html", "options", "svg", "vnode", "og.png"].forEach((type) => {
       addServerHandler({
         handler: resolve(`./runtime/nitro/routes/__og_image__/${type}`)
       });

package/dist/runtime/nitro/providers/browser.mjs

@@ -2,8 +2,11 @@ import { screenshot } from "../../browserUtil.mjs";
 import { createBrowser } from "#nuxt-og-image/browser";
 export default {
   name: "browser",
-  createSvg: function createSvg() {
-    throw new Error("Browser provider isn't able to create SVGs.");
+  createSvg: async function createSvg() {
+    throw new Error("Browser provider can't create SVGs.");
+  },
+  createVNode: async function createVNode() {
+    throw new Error("Browser provider can't create VNodes.");
   },
   createPng: async function createPng(basePath, options) {
     const browser = await createBrowser();

package/dist/runtime/nitro/providers/{satori.d.ts → satori/index.d.ts}

@@ -1,3 +1,3 @@
-import type { Provider } from '../../../types';
+import type { Provider } from '../../../../types';
 declare const _default: Provider;
 export default _default;

package/dist/runtime/nitro/providers/{satori.mjs → satori/index.mjs}

@@ -1,11 +1,10 @@
-import { fileURLToPath } from "node:url";
-import { promises as fsp } from "node:fs";
 import { html as convertHtmlToSatori } from "satori-html";
 import satori from "satori";
-import { parseURL, withBase } from "ufo";
+import { parseURL } from "ufo";
 import { Resvg } from "@resvg/resvg-js";
-import { dirname, resolve } from "pathe";
-import { getAsset } from "#internal/nitro/virtual/public-assets";
+import { parseFont, walkSatoriTree } from "./utils.mjs";
+import imageSrc from "./plugins/imageSrc.mjs";
+import twClasses from "./plugins/twClasses.mjs";
 import { satoriFonts, satoriOptions } from "#nuxt-og-image/config";
 export default {
   name: "satori",
@@ -15,27 +14,23 @@ export default {
     const pngData = resvg.render();
     return pngData.asPng();
   },
-  createSvg: async function createSvg(baseUrl, options) {
+  createVNode: async function createVNode(baseUrl, options) {
     const url = parseURL(baseUrl);
     const html = await $fetch(url.pathname);
     const body = html.match(/<body[^>]*>([\s\S]*)<\/body>/)?.[1];
-    const parseFont = async (font) => {
-      if (typeof font.publicPath === "string") {
-        const file = getAsset(font.publicPath);
-        if (file) {
-          const serverDir = dirname(fileURLToPath(import.meta.url));
-          font.data = await fsp.readFile(resolve(serverDir, file.path));
-        }
-        if (!font.data)
-          font.data = await (await $fetch(withBase(font.publicPath, `${url.protocol}//${url.host}`))).arrayBuffer();
-      }
-      return font;
-    };
     satoriOptions.fonts = satoriOptions.fonts || [];
     for (const font of satoriFonts)
-      satoriOptions.fonts.push(await parseFont(font));
+      satoriOptions.fonts.push(await parseFont(url, font));
     const satoriTree = convertHtmlToSatori(body);
-    return await satori(satoriTree, {
+    await walkSatoriTree(url, satoriTree, [
+      twClasses(url),
+      imageSrc(url)
+    ]);
+    return satoriTree;
+  },
+  createSvg: async function createSvg(baseUrl, options) {
+    const vnodes = await this.createVNode(baseUrl, options);
+    return await satori(vnodes, {
       ...satoriOptions,
       width: options.width,
       height: options.height

package/dist/runtime/nitro/providers/satori/plugins/imageSrc.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (url: import("ufo").ParsedURL) => import("../../../../../types").SatoriTransformer;
+export default _default;

package/dist/runtime/nitro/providers/satori/plugins/imageSrc.mjs

@@ -0,0 +1,24 @@
+import { fileURLToPath } from "node:url";
+import { promises as fsp } from "node:fs";
+import { withBase } from "ufo";
+import { dirname, resolve } from "pathe";
+import { defineSatoriTransformer } from "../utils.mjs";
+import { getAsset } from "#internal/nitro/virtual/public-assets";
+export default defineSatoriTransformer((url) => {
+  return {
+    filter: (node) => node.type === "img",
+    transform: async (node) => {
+      const src = node.props?.src;
+      if (src && src.startsWith("/")) {
+        const file = getAsset(src);
+        if (file) {
+          const serverDir = dirname(fileURLToPath(import.meta.url));
+          const path = resolve(serverDir, file.path);
+          node.props.src = `data:${file.type};base64,${await fsp.readFile(path, { encoding: "base64" })}`;
+        } else {
+          node.props.src = withBase(src, `${url.protocol}//${url.host}`);
+        }
+      }
+    }
+  };
+});

package/dist/runtime/nitro/providers/satori/plugins/twClasses.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (url: import("ufo").ParsedURL) => import("../../../../../types").SatoriTransformer;
+export default _default;

package/dist/runtime/nitro/providers/satori/plugins/twClasses.mjs

@@ -0,0 +1,9 @@
+import { defineSatoriTransformer } from "../utils.mjs";
+export default defineSatoriTransformer(() => {
+  return {
+    filter: (node) => !!node.props?.class && !node.props?.tw,
+    transform: async (node) => {
+      node.props.tw = node.props.class;
+    }
+  };
+});

package/dist/runtime/nitro/providers/satori/utils.d.ts

@@ -0,0 +1,10 @@
+import type { SatoriOptions } from 'satori';
+import type { ParsedURL } from 'ufo';
+import type { SatoriTransformer, VNode } from '../../../../types';
+export declare function parseFont(url: ParsedURL, font: SatoriOptions['fonts'][number] & {
+    publicPath?: string;
+}): Promise<import("satori").Font & {
+    publicPath?: string | undefined;
+}>;
+export declare function walkSatoriTree(url: ParsedURL, node: VNode, plugins: SatoriTransformer[]): Promise<void>;
+export declare function defineSatoriTransformer(transformer: (url: ParsedURL) => SatoriTransformer): (url: ParsedURL) => SatoriTransformer;

package/dist/runtime/nitro/providers/satori/utils.mjs

@@ -0,0 +1,31 @@
+import { fileURLToPath } from "node:url";
+import { promises as fsp } from "node:fs";
+import { dirname, resolve } from "pathe";
+import { withBase } from "ufo";
+import { getAsset } from "#internal/nitro/virtual/public-assets";
+export async function parseFont(url, font) {
+  if (typeof font.publicPath === "string") {
+    const file = getAsset(font.publicPath);
+    if (file) {
+      const serverDir = dirname(fileURLToPath(import.meta.url));
+      font.data = await fsp.readFile(resolve(serverDir, file.path));
+    }
+    if (!font.data)
+      font.data = await (await $fetch(withBase(font.publicPath, `${url.protocol}//${url.host}`))).arrayBuffer();
+  }
+  return font;
+}
+export async function walkSatoriTree(url, node, plugins) {
+  if (!node.props?.children)
+    return;
+  for (const child of node.props.children || []) {
+    for (const plugin of plugins) {
+      if (plugin.filter(child))
+        await plugin.transform(child, url);
+    }
+    await walkSatoriTree(url, child, plugins);
+  }
+}
+export function defineSatoriTransformer(transformer) {
+  return transformer;
+}

package/dist/runtime/nitro/routes/__og_image__/html.mjs

@@ -21,6 +21,18 @@ export default defineEventHandler(async (e) => {
         innerHTML: "body { font-family: 'Inter', sans-serif; }"
       }
     ],
+    script: [
+      {
+        src: "https://cdn.tailwindcss.com"
+      },
+      {
+        innerHTML: `tailwind.config = {
+  corePlugins: {
+    preflight: false,
+  }
+}`
+      }
+    ],
     link: [
       {
         href: "https://cdn.jsdelivr.net/npm/gardevoir",

package/dist/runtime/nitro/routes/__og_image__/options.d.ts

@@ -1,4 +1,5 @@
 import type { OgImageOptions } from '../../../../types';
+export declare function extractOgImageOptions(html: string): any;
 export declare const inferOgImageOptions: (html: string) => OgImageOptions;
 declare const _default: import("h3").EventHandler<false | OgImageOptions | undefined>;
 export default _default;

package/dist/runtime/nitro/routes/__og_image__/options.mjs

@@ -1,8 +1,11 @@
 import { parseURL, withoutTrailingSlash } from "ufo";
 import { defineEventHandler, getQuery } from "h3";
-import { extractOgImageOptions } from "../../../../utils";
 import { getRouteRules } from "#internal/nitro";
 import { defaults } from "#nuxt-og-image/config";
+export function extractOgImageOptions(html) {
+  const options = html.match(/<script id="nuxt-og-image-options" type="application\/json">(.+?)<\/script>/)?.[1];
+  return options ? JSON.parse(options) : false;
+}
 export const inferOgImageOptions = (html) => {
   const options = {};
   const title = html.match(/<meta property="og:title" content="(.*?)">/)?.[1];

package/dist/runtime/nitro/routes/__og_image__/vnode.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("h3").EventHandler<any>;
+export default _default;

package/dist/runtime/nitro/routes/__og_image__/vnode.mjs

@@ -0,0 +1,16 @@
+import { defineEventHandler, setHeader } from "h3";
+import { joinURL, parseURL, withBase, withoutTrailingSlash } from "ufo";
+import { fetchOptions, useHostname } from "../../utils.mjs";
+import { useProvider } from "#nuxt-og-image/provider";
+export default defineEventHandler(async (e) => {
+  const path = parseURL(e.path).pathname;
+  if (!path.endsWith("__og_image__/vnode"))
+    return;
+  const basePath = withoutTrailingSlash(
+    path.replace("__og_image__/vnode", "")
+  );
+  const options = await fetchOptions(basePath);
+  setHeader(e, "Content-Type", "application/json");
+  const provider = await useProvider(options.provider);
+  return provider.createVNode(withBase(joinURL(basePath, "/__og_image__/html"), useHostname(e)), options);
+});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-og-image",
   "type": "module",
-  "version": "1.0.0-beta.4",
+  "version": "1.0.0-beta.6",
   "packageManager": "pnpm@7.8.0",
   "license": "MIT",
   "funding": "https://github.com/sponsors/harlan-zw",