nuxt-og-image 3.0.0-beta.40 → 3.0.0-beta.41

package/dist/client/_nuxt/{error-404.c187917f.js → error-404.26fce296.js}

@@ -1 +1 @@
-import{_ as a,u as n,o as r,c as l,a as e,t as s,b as d,w as c,d as p,e as f,p as x,f as h}from"./entry.e11cb5fa.js";const m=t=>(x("data-v-05a2b8a3"),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)),b={class:"max-w-520px text-center z-20"},_=["textContent"],w=["textContent"],y={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 n({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=f;return r(),l("div",u,[g,e("div",b,[e("h1",{class:"text-8xl sm:text-10xl font-medium mb-8",textContent:s(t.statusCode)},null,8,_),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,w),e("div",y,[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(()=>[p(s(t.backHome),1)]),_:1})])])])}}},z=a(S,[["__scopeId","data-v-05a2b8a3"]]);export{z as default};
+import{_ as a,u as n,o as r,c as l,a as e,t as s,b as d,w as c,d as p,e as f,p as x,f as h}from"./entry.16c420c7.js";const m=t=>(x("data-v-05a2b8a3"),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)),b={class:"max-w-520px text-center z-20"},_=["textContent"],w=["textContent"],y={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 n({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=f;return r(),l("div",u,[g,e("div",b,[e("h1",{class:"text-8xl sm:text-10xl font-medium mb-8",textContent:s(t.statusCode)},null,8,_),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,w),e("div",y,[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(()=>[p(s(t.backHome),1)]),_:1})])])])}}},z=a(S,[["__scopeId","data-v-05a2b8a3"]]);export{z as default};

package/dist/client/_nuxt/{error-500.a1ce074a.js → error-500.89729d99.js}

@@ -1 +1 @@
-import{_ as i,u as a,o as r,c as n,a as e,t as s,p as l,f as d}from"./entry.e11cb5fa.js";const c=t=>(l("data-v-c967d9a9"),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}'}]}),(u,b)=>(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-c967d9a9"]]);export{w as default};
+import{_ as i,u as a,o as r,c as n,a as e,t as s,p as l,f as d}from"./entry.16c420c7.js";const c=t=>(l("data-v-c967d9a9"),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}'}]}),(u,b)=>(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-c967d9a9"]]);export{w as default};

package/dist/client/index.html

@@ -3,12 +3,12 @@
 <head><meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <link rel="stylesheet" href="/__nuxt-og-image/_nuxt/entry.47aab0b4.css">
-<link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/entry.e11cb5fa.js">
+<link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/entry.16c420c7.js">
 <link rel="prefetch" as="style" href="/__nuxt-og-image/_nuxt/error-404.b751fa02.css">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/error-404.c187917f.js">
+<link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/error-404.26fce296.js">
 <link rel="prefetch" as="style" href="/__nuxt-og-image/_nuxt/error-500.69009e70.css">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/error-500.a1ce074a.js">
-<script type="module" src="/__nuxt-og-image/_nuxt/entry.e11cb5fa.js" crossorigin></script><script>"use strict";(()=>{const a=window,e=document.documentElement,m=["dark","light"],c=window&&window.localStorage&&window.localStorage.getItem&&window.localStorage.getItem("nuxt-color-mode")||"system";let n=c==="system"?d():c;const l=e.getAttribute("data-color-mode-forced");l&&(n=l),i(n),a["__NUXT_COLOR_MODE__"]={preference:c,value:n,getColorScheme:d,addColorScheme:i,removeColorScheme:f};function i(o){const t=""+o+"",s="";e.classList?e.classList.add(t):e.className+=" "+t,s&&e.setAttribute("data-"+s,o)}function f(o){const t=""+o+"",s="";e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp(t,"g"),""),s&&e.removeAttribute("data-"+s)}function r(o){return a.matchMedia("(prefers-color-scheme"+o+")")}function d(){if(a.matchMedia&&r("").media!=="not all"){for(const o of m)if(r(":"+o).matches)return o}return"light"}})();
+<link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/error-500.89729d99.js">
+<script type="module" src="/__nuxt-og-image/_nuxt/entry.16c420c7.js" crossorigin></script><script>"use strict";(()=>{const a=window,e=document.documentElement,m=["dark","light"],c=window&&window.localStorage&&window.localStorage.getItem&&window.localStorage.getItem("nuxt-color-mode")||"system";let n=c==="system"?d():c;const l=e.getAttribute("data-color-mode-forced");l&&(n=l),i(n),a["__NUXT_COLOR_MODE__"]={preference:c,value:n,getColorScheme:d,addColorScheme:i,removeColorScheme:f};function i(o){const t=""+o+"",s="";e.classList?e.classList.add(t):e.className+=" "+t,s&&e.setAttribute("data-"+s,o)}function f(o){const t=""+o+"",s="";e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp(t,"g"),""),s&&e.removeAttribute("data-"+s)}function r(o){return a.matchMedia("(prefers-color-scheme"+o+")")}function d(){if(a.matchMedia&&r("").media!=="not all"){for(const o of m)if(r(":"+o).matches)return o}return"light"}})();
 </script></head>
 <body ><div id="__nuxt"></div><script type="application/json" id="__NUXT_DATA__" data-ssr="false">[{"_errors":1,"serverRendered":2,"data":3,"state":4},{},false,{},{}]</script>
 <script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__nuxt-og-image",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body>

package/dist/module.d.mts

@@ -185,7 +185,7 @@ interface ModuleHooks {
     'nuxt-og-image:components': (ctx: {
         components: OgImageComponent[];
     }) => Promise<void> | void;
-    'og-image:config': (config: ModuleOptions) => Promise<void> | void;
+    'nuxt-og-image:runtime-config': (config: ModuleOptions) => Promise<void> | void;
 }
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>;
 

package/dist/module.d.ts

@@ -185,7 +185,7 @@ interface ModuleHooks {
     'nuxt-og-image:components': (ctx: {
         components: OgImageComponent[];
     }) => Promise<void> | void;
-    'og-image:config': (config: ModuleOptions) => Promise<void> | void;
+    'nuxt-og-image:runtime-config': (config: ModuleOptions) => Promise<void> | void;
 }
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>;
 

package/dist/module.json

@@ -5,5 +5,5 @@
     "bridge": false
   },
   "configKey": "ogImage",
-  "version": "3.0.0-beta.40"
+  "version": "3.0.0-beta.41"
 }

package/dist/module.mjs

@@ -1,7 +1,7 @@
 import * as fs from 'node:fs';
 import { existsSync } from 'node:fs';
 import { loadNuxtModuleInstance, useNuxt, createResolver, addTemplate, resolvePath, defineNuxtModule, useLogger, hasNuxtModule, addServerPlugin, addServerHandler, addImports, addComponentsDir, addComponent, addPlugin } from '@nuxt/kit';
-import { installNuxtSiteConfig } from 'nuxt-site-config-kit';
+import { assertSiteConfig, installNuxtSiteConfig } from 'nuxt-site-config-kit';
 import { provider, env, isDevelopment } from 'std-env';
 import { hash } from 'ohash';
 import { relative, dirname } from 'pathe';
@@ -11,7 +11,7 @@ import { onDevToolsInitialized, extendServerRpc } from '@nuxt/devtools-kit';
 import { readFile, writeFile } from 'node:fs/promises';
 import { createHash } from 'node:crypto';
 
-const version = "3.0.0-beta.40";
+const version = "3.0.0-beta.41";
 
 const autodetectableProviders = {
   azure_static: "azure",
@@ -275,6 +275,11 @@ function setupGenerateHandler(options, resolve, nuxt = useNuxt()) {
       },
       resolve
     });
+    assertSiteConfig("nuxt-og-image", {
+      url: "OG Image tags are required to be absolute URLs."
+    }, {
+      throwError: true
+    });
   });
 }
 
@@ -286,6 +291,12 @@ function setupPrerenderHandler(options, resolve, nuxt = useNuxt()) {
       applyNitroPresetCompatibility(nitroConfig, { resolve });
       nitroConfig.wasm = nitroConfig.wasm || {};
       nitroConfig.wasm.esmImport = false;
+      const prerenderingPages = (nuxt.options.nitro.prerender?.routes || []).some((r) => r && (!r.includes(".") || r.includes("*")));
+      prerenderingPages && assertSiteConfig("nuxt-og-image", {
+        url: "OG Image tags are required to be absolute URLs."
+      }, {
+        throwError: false
+      });
     });
   });
 }
@@ -517,6 +528,10 @@ declare module 'nitropack' {
   interface NitroRouteConfig {
     ogImage?: false | import('${typesPath}').OgImageOptions & Record<string, any>
   }
+  interface NitroRuntimeHooks {
+    'nuxt-og-image:context': (ctx: import('${typesPath}').OgImageRenderEventContext) => void | Promise<void>
+    'nuxt-og-image:satori:vnodes': (vnodes: import('${typesPath}').VNode) => void | Promise<void>
+  }
 }
 
 declare module '#nuxt-og-image/components' {
@@ -532,7 +547,6 @@ ${componentImports}
     if (!cacheEnabled)
       baseCacheKey = false;
     nuxt.hooks.hook("modules:done", async () => {
-      nuxt.hooks.callHook("og-image:config", config);
       const normalisedFonts = config.fonts.map((f) => {
         if (typeof f === "string") {
           const [name, weight] = f.split(":");
@@ -554,7 +568,7 @@ ${componentImports}
       let colorPreference = hasNuxtModule("@nuxtjs/color-mode") ? (await getNuxtModuleOptions("@nuxtjs/color-mode")).preference : "light";
       if (!colorPreference || !["dark", "light"].includes(colorPreference))
         colorPreference = "light";
-      nuxt.options.runtimeConfig["nuxt-og-image"] = {
+      const runtimeConfig = {
         version,
         // binding options
         satoriOptions: config.satoriOptions || {},
@@ -571,6 +585,8 @@ ${componentImports}
         hasNuxtIcon: hasNuxtModule("nuxt-icon"),
         colorPreference
       };
+      nuxt.hooks.callHook("nuxt-og-image:runtime-config", runtimeConfig);
+      nuxt.options.runtimeConfig["nuxt-og-image"] = runtimeConfig;
     });
     if (nuxt.options.dev) {
       setupDevHandler(config, resolve);

package/dist/runtime/cache.d.ts

@@ -1,5 +1,5 @@
-import type { H3EventOgImageRender } from './types';
-export declare function useOgImageBufferCache(ctx: H3EventOgImageRender, options: {
+import type { OgImageRenderEventContext } from './types';
+export declare function useOgImageBufferCache(ctx: OgImageRenderEventContext, options: {
     baseCacheKey: string | false;
     cacheMaxAgeSeconds?: number;
 }): Promise<void | {

package/dist/runtime/core/font/fetch.d.ts

@@ -1,2 +1,2 @@
-import type { FontConfig, H3EventOgImageRender } from '../../types';
-export declare function loadFont({ e }: H3EventOgImageRender, font: FontConfig): Promise<any>;
+import type { FontConfig, OgImageRenderEventContext } from '../../types';
+export declare function loadFont({ e }: OgImageRenderEventContext, font: FontConfig): Promise<any>;

package/dist/runtime/core/html/applyEmojis.d.ts

@@ -1,3 +1,3 @@
 import type { NuxtIslandResponse } from 'nuxt/dist/core/runtime/nitro/renderer';
-import type { H3EventOgImageRender } from '../../types';
-export declare function applyEmojis(ctx: H3EventOgImageRender, island: NuxtIslandResponse): Promise<string | boolean>;
+import type { OgImageRenderEventContext } from '../../types';
+export declare function applyEmojis(ctx: OgImageRenderEventContext, island: NuxtIslandResponse): Promise<string | boolean>;

package/dist/runtime/core/html/applyInlineCss.d.ts

@@ -1,3 +1,3 @@
 import type { NuxtIslandResponse } from 'nuxt/dist/core/runtime/nitro/renderer';
-import type { H3EventOgImageRender } from '../../types';
-export declare function applyInlineCss({ e }: H3EventOgImageRender, island: NuxtIslandResponse): Promise<boolean>;
+import type { OgImageRenderEventContext } from '../../types';
+export declare function applyInlineCss({ e }: OgImageRenderEventContext, island: NuxtIslandResponse): Promise<boolean>;

package/dist/runtime/core/html/devIframeTemplate.d.ts

@@ -1,2 +1,2 @@
-import type { H3EventOgImageRender } from '../../types';
-export declare function devIframeTemplate(ctx: H3EventOgImageRender): Promise<string>;
+import type { OgImageRenderEventContext } from '../../types';
+export declare function devIframeTemplate(ctx: OgImageRenderEventContext): Promise<string>;

package/dist/runtime/core/html/fetchIsland.d.ts

@@ -1,3 +1,3 @@
 import type { NuxtIslandResponse } from 'nuxt/dist/core/runtime/nitro/renderer';
-import type { H3EventOgImageRender } from '../../types';
-export declare function fetchIsland({ options, e }: H3EventOgImageRender): Promise<NuxtIslandResponse>;
+import type { OgImageRenderEventContext } from '../../types';
+export declare function fetchIsland({ options, e }: OgImageRenderEventContext): Promise<NuxtIslandResponse>;

package/dist/runtime/core/renderers/chromium/screenshot.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="node" />
 import type { Buffer } from 'node:buffer';
 import type { Browser } from 'playwright-core';
-import type { H3EventOgImageRender } from '../../../types';
-export declare function createScreenshot({ basePath, e, options, extension }: H3EventOgImageRender, browser: Browser): Promise<Buffer>;
+import type { OgImageRenderEventContext } from '../../../types';
+export declare function createScreenshot({ basePath, e, options, extension }: OgImageRenderEventContext, browser: Browser): Promise<Buffer>;

package/dist/runtime/core/renderers/satori/fonts.d.ts

@@ -1,3 +1,3 @@
-import type { FontConfig, H3EventOgImageRender } from '../../../types';
+import type { FontConfig, OgImageRenderEventContext } from '../../../types';
 export declare const satoriFonts: any[];
-export declare function loadFonts(e: H3EventOgImageRender, fonts: FontConfig[]): Promise<any>;
+export declare function loadFonts(e: OgImageRenderEventContext, fonts: FontConfig[]): Promise<any>;

package/dist/runtime/core/renderers/satori/index.d.ts

@@ -1,4 +1,4 @@
-import type { H3EventOgImageRender, Renderer } from '../../../types';
-export declare function createSvg(event: H3EventOgImageRender): Promise<string>;
+import type { OgImageRenderEventContext, Renderer } from '../../../types';
+export declare function createSvg(event: OgImageRenderEventContext): Promise<string>;
 declare const SatoriRenderer: Renderer;
 export default SatoriRenderer;

package/dist/runtime/core/renderers/satori/index.mjs

@@ -7,6 +7,7 @@ export async function createSvg(event) {
   const { options } = event;
   const { fonts, satoriOptions } = useOgImageRuntimeConfig();
   const vnodes = await createVNodes(event);
+  await event._nitro.hooks.callHook("nuxt-og-image:satori:vnodes", vnodes);
   if (!satoriFonts.length)
     satoriFonts.push(...await loadFonts(event, fonts));
   const satori = await useSatori();

package/dist/runtime/core/renderers/satori/utils.d.ts

@@ -1,3 +1,3 @@
-import type { H3EventOgImageRender, SatoriTransformer, VNode } from '../../../types';
-export declare function walkSatoriTree(e: H3EventOgImageRender, node: VNode, plugins: (SatoriTransformer | SatoriTransformer[])[]): Promise<void>;
+import type { OgImageRenderEventContext, SatoriTransformer, VNode } from '../../../types';
+export declare function walkSatoriTree(e: OgImageRenderEventContext, node: VNode, plugins: (SatoriTransformer | SatoriTransformer[])[]): Promise<void>;
 export declare function defineSatoriTransformer(transformer: SatoriTransformer | SatoriTransformer[]): SatoriTransformer | SatoriTransformer[];

package/dist/runtime/core/renderers/satori/vnodes.d.ts

@@ -1,2 +1,2 @@
-import type { H3EventOgImageRender, VNode } from '../../../types';
-export declare function createVNodes(ctx: H3EventOgImageRender): Promise<VNode>;
+import type { OgImageRenderEventContext, VNode } from '../../../types';
+export declare function createVNodes(ctx: OgImageRenderEventContext): Promise<VNode>;

package/dist/runtime/core/utils/resolveRendererContext.d.ts

@@ -1,3 +1,3 @@
 import type { H3Error, H3Event } from 'h3';
-import type { H3EventOgImageRender } from '../../types';
-export declare function resolveRendererContext(e: H3Event): Promise<H3Error | H3EventOgImageRender>;
+import type { OgImageRenderEventContext } from '../../types';
+export declare function resolveRendererContext(e: H3Event): Promise<H3Error | OgImageRenderEventContext>;

package/dist/runtime/core/utils/resolveRendererContext.mjs

@@ -7,7 +7,7 @@ import { prerenderOptionsCache } from "../cache/prerender.mjs";
 import { useChromiumRenderer, useSatoriRenderer } from "../renderers/satori/instances.mjs";
 import { separateProps, useOgImageRuntimeConfig } from "../../utils.mjs";
 import { resolvePathCacheKey } from "../../nitro/utils.mjs";
-import { useRuntimeConfig } from "#imports";
+import { useNitroApp, useRuntimeConfig } from "#imports";
 export async function resolveRendererContext(e) {
   const runtimeConfig = useOgImageRuntimeConfig();
   const path = parseURL(e.path).pathname;
@@ -79,13 +79,16 @@ export async function resolveRendererContext(e) {
       statusMessage: `Renderer ${options.renderer} is missing.`
     });
   }
-  return {
+  const ctx = {
     e,
     key,
     renderer,
     isDebugJsonPayload,
     extension,
     basePath,
-    options
+    options,
+    _nitro: useNitroApp()
   };
+  await ctx._nitro.hooks.callHook("nuxt-og-image:context", ctx);
+  return ctx;
 }

package/dist/runtime/types.d.ts

@@ -4,8 +4,9 @@ import type { ResvgRenderOptions } from '@resvg/resvg-js';
 import type { SatoriOptions } from 'satori';
 import type { AllowedComponentProps, Component, ComponentCustomProps, VNodeProps } from '@vue/runtime-core';
 import type { SharpOptions } from 'sharp';
+import type { NitroApp } from 'nitropack';
 import type { OgImageComponents } from '#nuxt-og-image/components';
-export interface H3EventOgImageRender {
+export interface OgImageRenderEventContext {
     e: H3Event;
     extension: 'png' | 'jpeg' | 'jpg' | 'svg' | 'html' | 'json';
     key: string;
@@ -13,6 +14,7 @@ export interface H3EventOgImageRender {
     renderer: Renderer;
     options: OgImageOptions;
     isDebugJsonPayload: boolean;
+    _nitro: NitroApp;
 }
 export type IconifyEmojiIconSets = 'twemoji' | 'noto' | 'fluent-emoji' | 'fluent-emoji-flat' | 'fluent-emoji-high-contrast' | 'noto-v1' | 'emojione' | 'emojione-monotone' | 'emojione-v1' | 'streamline-emojis' | 'openmoji';
 export interface OgImageRuntimeConfig {
@@ -119,13 +121,13 @@ export type RendererOptions = Omit<OgImageOptions, 'extension'> & {
 export interface Renderer {
     name: 'chromium' | 'satori';
     supportedFormats: Partial<RendererOptions['extension']>[];
-    createImage: (e: H3EventOgImageRender) => Promise<H3Error | BufferSource | void>;
-    debug: (e: H3EventOgImageRender) => Promise<Record<string, any>>;
+    createImage: (e: OgImageRenderEventContext) => Promise<H3Error | BufferSource | void>;
+    debug: (e: OgImageRenderEventContext) => Promise<Record<string, any>>;
 }
 export type ExtractComponentProps<T extends Component> = T extends new (...args: any) => any ? Omit<InstanceType<T>['$props'], keyof ComponentCustomProps | keyof VNodeProps | keyof AllowedComponentProps> : never;
 export type OgImagePageScreenshotOptions = Omit<OgImageOptions, 'html' | 'renderer' | 'component' | 'satori' | 'resvg' | 'sharp'>;
 export type VNode = ReturnType<typeof html>;
 export interface SatoriTransformer {
     filter: (node: VNode) => boolean;
-    transform: (node: VNode, e: H3EventOgImageRender) => Promise<void>;
+    transform: (node: VNode, e: OgImageRenderEventContext) => Promise<void>;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-og-image",
   "type": "module",
-  "version": "3.0.0-beta.40",
+  "version": "3.0.0-beta.41",
   "packageManager": "pnpm@8.11.0",
   "description": "Enlightened OG Image generation for Nuxt.",
   "author": {

package/dist/client/_nuxt/builds/meta/88cd699e-6f5a-4788-a59e-8158fb29f04b.json

@@ -1 +0,0 @@
-{"id":"88cd699e-6f5a-4788-a59e-8158fb29f04b","timestamp":1701839441443,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}