nuxt-og-image 3.0.0-rc.2 → 3.0.0-rc.20

package/dist/runtime/core/html/fetchIsland.mjs

@@ -4,7 +4,7 @@ export function fetchIsland({ options, e }) {
   if (!options.component) {
     throw createError({
       statusCode: 500,
-      statusMessage: `Nuxt OG Image trying to render an invalid component. Received options ${JSON.stringify(options)}`
+      statusMessage: `[Nuxt OG Image] Rendering an invalid component. Received options: ${JSON.stringify(options)}.`
     });
   }
   const hashId = hash([options.component, options]);

package/dist/runtime/core/options/extract.d.ts

@@ -1,3 +1,4 @@
 import type { OgImageOptions } from '../../types';
+export declare function htmlDecodeQuotes(html: string): string;
 export declare function decodeHtml(html: string): string;
 export declare function extractAndNormaliseOgImageOptions(html: string): OgImageOptions | false;

package/dist/runtime/core/options/extract.mjs

@@ -1,3 +1,6 @@
+export function htmlDecodeQuotes(html) {
+  return html.replace(/"/g, '"').replace(/'/g, "'").replace(/'/g, "'");
+}
 export function decodeHtml(html) {
   return html.replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&amp;/g, "&").replace(/&cent;/g, "\xA2").replace(/&pound;/g, "\xA3").replace(/&yen;/g, "\xA5").replace(/&euro;/g, "\u20AC").replace(/&copy;/g, "\xA9").replace(/&reg;/g, "\xAE").replace(/&quot;/g, '"').replace(/&#39;/g, "'").replace(/&#x27;/g, "'").replace(/&#x2F;/g, "/").replace(/&#([0-9]+);/g, (full, int) => {
     return String.fromCharCode(Number.parseInt(int));
@@ -28,6 +31,12 @@ export function extractAndNormaliseOgImageOptions(html) {
   }
   if (!options)
     return false;
+  const description = html.match(/<meta[^>]+name="description"[^>]*>/)?.[0];
+  if (description) {
+    const [, content] = description.match(/content="([^"]+)"/) || [];
+    if (content && !options.props.description)
+      options.props.description = content;
+  }
   const payload = decodeObjectHtmlEntities(options);
   if (import.meta.dev) {
     const socialPreview = {};

package/dist/runtime/core/options/fetch.mjs

@@ -11,7 +11,13 @@ export async function fetchPathHtmlAndExtractOptions(e, path, key) {
   } catch (err) {
     return createError({
       statusCode: 500,
-      statusMessage: `Failed to read the path ${path} for og-image extraction. ${err.message}.`
+      statusMessage: `[Nuxt OG Image] Failed to read the path ${path} for og-image extraction. ${err.message}.`
+    });
+  }
+  if (typeof html !== "string") {
+    return createError({
+      statusCode: 500,
+      statusMessage: `[Nuxt OG Image] Got invalid response from ${path} for og-image extraction.`
     });
   }
   const payload = extractAndNormaliseOgImageOptions(html);

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

@@ -14,7 +14,8 @@ const ChromiumRenderer = {
     if (screenshot instanceof Error) {
       return createError({
         statusCode: 400,
-        statusMessage: `Failed to create screenshot ${screenshot.message}.`
+        cause: screenshot,
+        statusMessage: `[Nuxt OG Image] Failed to create screenshot ${screenshot.message}.`
       });
     }
     return screenshot;

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

@@ -7,10 +7,10 @@ import { useResvg, useSatori, useSharp } from "./instances.mjs";
 import { theme } from "#nuxt-og-image/unocss-config.mjs";
 export async function createSvg(event) {
   const { options } = event;
-  const { fonts, satoriOptions } = useOgImageRuntimeConfig();
+  const { fonts, satoriOptions: _satoriOptions } = useOgImageRuntimeConfig();
   const vnodes = await createVNodes(event);
   await event._nitro.hooks.callHook("nuxt-og-image:satori:vnodes", vnodes, event);
-  const normalisedFonts = normaliseFontInput([...fonts, ...event.options.fonts || []]);
+  const normalisedFonts = normaliseFontInput([...event.options.fonts || [], ...fonts]);
   const localFontPromises = [];
   const preloadedFonts = [];
   for (const font of normalisedFonts) {
@@ -30,15 +30,16 @@ export async function createSvg(event) {
   }
   const awaitedFonts = await Promise.all(localFontPromises);
   const satori = await useSatori();
-  return satori(vnodes, defu(options.satori, satoriOptions, {
+  const satoriOptions = defu(options.satori, _satoriOptions, {
     fonts: [...preloadedFonts, ...awaitedFonts].map((_f) => {
-      return { ..._f, weight: Number(_f.weight) };
+      return { name: _f.name, data: _f.data, style: _f.style, weight: Number(_f.weight) };
     }),
     tailwindConfig: { theme },
     embedFont: true,
     width: options.width,
     height: options.height
-  }));
+  });
+  return satori(vnodes, satoriOptions);
 }
 async function createPng(event) {
   const { resvgOptions } = useOgImageRuntimeConfig();

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

@@ -28,5 +28,6 @@ export async function useSharp() {
 }
 export async function useCssInline() {
   cssInlineInstance.instance = cssInlineInstance.instance || await import("#nuxt-og-image/bindings/css-inline").then((m) => m.default);
-  return cssInlineInstance.instance;
+  await cssInlineInstance.instance.initWasmPromise;
+  return cssInlineInstance.instance.cssInline;
 }

package/dist/runtime/core/renderers/satori/plugins/encoding.mjs

@@ -1,8 +1,17 @@
 import { defineSatoriTransformer } from "../utils.mjs";
 import { decodeHtml } from "../../../options/extract.mjs";
-export default defineSatoriTransformer({
-  filter: (node) => typeof node.props?.children === "string",
-  transform: async (node) => {
-    node.props.children = decodeHtml(node.props.children);
+export default defineSatoriTransformer([
+  // clean up
+  {
+    filter: (node) => node.props?.["data-v-inspector"],
+    transform: async (node) => {
+      delete node.props["data-v-inspector"];
+    }
+  },
+  {
+    filter: (node) => typeof node.props?.children === "string",
+    transform: async (node) => {
+      node.props.children = decodeHtml(node.props.children);
+    }
   }
-});
+]);

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

@@ -2,6 +2,7 @@ import { html as convertHtmlToSatori } from "satori-html";
 import { fetchIsland } from "../../html/fetchIsland.mjs";
 import { applyInlineCss } from "../../html/applyInlineCss.mjs";
 import { applyEmojis } from "../../html/applyEmojis.mjs";
+import { htmlDecodeQuotes } from "../../options/extract.mjs";
 import { walkSatoriTree } from "./utils.mjs";
 import unocss from "./plugins/unocss.mjs";
 import emojis from "./plugins/emojis.mjs";
@@ -13,11 +14,12 @@ export async function createVNodes(ctx) {
   let html = ctx.options.html;
   if (!html) {
     const island = await fetchIsland(ctx);
+    island.html = htmlDecodeQuotes(island.html);
     await applyInlineCss(ctx, island);
     await applyEmojis(ctx, island);
     html = island.html;
   }
-  const template = `<div data-v-inspector-ignore="true" style="position: relative; display: flex; margin: 0 auto; width: ${ctx.options.width}px; height: ${ctx.options.height}px; overflow: hidden;">${html}</div>`;
+  const template = `<div style="position: relative; display: flex; margin: 0 auto; width: ${ctx.options.width}px; height: ${ctx.options.height}px; overflow: hidden;">${html}</div>`;
   const satoriTree = convertHtmlToSatori(template);
   await walkSatoriTree(ctx, satoriTree, [
     unocss,

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

@@ -1,13 +1,13 @@
-import { parseURL, withoutBase, withoutTrailingSlash } from "ufo";
+import { parseURL, withQuery, withoutTrailingSlash } from "ufo";
 import { createError, getQuery } from "h3";
 import { defu } from "defu";
-import { createRouter as createRadixRouter, toRouteMatcher } from "radix3";
 import { fetchPathHtmlAndExtractOptions } from "../options/fetch.mjs";
 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 { useNitroApp, useRuntimeConfig } from "#internal/nitro";
+import { createNitroRouteRuleMatcher } from "../../nitro/kit.mjs";
+import { useNitroApp } from "#internal/nitro/app";
 export async function resolveRendererContext(e) {
   const runtimeConfig = useOgImageRuntimeConfig();
   const path = parseURL(e.path).pathname;
@@ -15,21 +15,23 @@ export async function resolveRendererContext(e) {
   if (!extension) {
     return createError({
       statusCode: 400,
-      statusMessage: `Missing OG Image type.`
+      statusMessage: `[Nuxt OG Image] Missing OG Image type.`
     });
   }
   if (!["png", "jpeg", "jpg", "svg", "html", "json"].includes(extension)) {
     return createError({
       statusCode: 400,
-      statusMessage: `Unknown OG Image type ${extension}.`
+      statusMessage: `[Nuxt OG Image] Unknown OG Image type ${extension}.`
     });
   }
-  const basePath = withoutTrailingSlash(
-    path.replace(`/__og-image__/image`, "").replace(`/og.${extension}`, "")
-  );
   let queryParams = { ...getQuery(e) };
   queryParams.props = JSON.parse(queryParams.props || "{}");
   queryParams = separateProps(queryParams);
+  let basePath = withoutTrailingSlash(
+    path.replace(`/__og-image__/image`, "").replace(`/og.${extension}`, "")
+  );
+  if (queryParams._query)
+    basePath = withQuery(basePath, JSON.parse(queryParams._query));
   const isDebugJsonPayload = extension === "json" && runtimeConfig.debug;
   const key = resolvePathCacheKey(e, basePath);
   let options = queryParams.options;
@@ -44,12 +46,8 @@ export async function resolveRendererContext(e) {
     }
   }
   delete queryParams.options;
-  const _routeRulesMatcher = toRouteMatcher(
-    createRadixRouter({ routes: useRuntimeConfig().nitro?.routeRules })
-  );
-  const routeRules = defu({}, ..._routeRulesMatcher.matchAll(
-    withoutBase(basePath.split("?")[0], useRuntimeConfig().app.baseURL)
-  ).reverse());
+  const routeRuleMatcher = createNitroRouteRuleMatcher();
+  const routeRules = routeRuleMatcher(basePath);
   if (typeof routeRules.ogImage === "undefined" && !options) {
     return createError({
       statusCode: 400,
@@ -61,7 +59,7 @@ export async function resolveRendererContext(e) {
   if (!options) {
     return createError({
       statusCode: 404,
-      statusMessage: "OG Image not found."
+      statusMessage: "[Nuxt OG Image] OG Image not found."
     });
   }
   let renderer;
@@ -76,7 +74,7 @@ export async function resolveRendererContext(e) {
   if (!renderer || renderer.__unenv__) {
     throw createError({
       statusCode: 400,
-      statusMessage: `Renderer ${options.renderer} is missing.`
+      statusMessage: `[Nuxt OG Image] Renderer ${options.renderer} is missing.`
     });
   }
   const ctx = {

package/dist/runtime/nitro/kit.d.ts

@@ -0,0 +1,3 @@
+import type { NitroRouteRules } from 'nitropack';
+export declare function withoutQuery(path: string): string;
+export declare function createNitroRouteRuleMatcher(): (path: string) => NitroRouteRules;

package/dist/runtime/nitro/kit.mjs

@@ -0,0 +1,23 @@
+import { createRouter as createRadixRouter, toRouteMatcher } from "radix3";
+import { defu } from "defu";
+import { withoutBase, withoutTrailingSlash } from "ufo";
+import { useRuntimeConfig } from "#imports";
+export function withoutQuery(path) {
+  return path.split("?")[0];
+}
+export function createNitroRouteRuleMatcher() {
+  const { nitro, app } = useRuntimeConfig();
+  const _routeRulesMatcher = toRouteMatcher(
+    createRadixRouter({
+      routes: Object.fromEntries(
+        Object.entries(nitro?.routeRules || {}).map(([path, rules]) => [withoutTrailingSlash(path), rules])
+      )
+    })
+  );
+  return (path) => {
+    return defu({}, ..._routeRulesMatcher.matchAll(
+      // radix3 does not support trailing slashes
+      withoutBase(withoutTrailingSlash(withoutQuery(path)), app.baseURL)
+    ).reverse());
+  };
+}

package/dist/runtime/nitro/plugins/prerender.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("nitropack").NitroAppPlugin;
+declare const _default: import("nitropack/dist/runtime/plugin").NitroAppPlugin;
 export default _default;

package/dist/runtime/nitro/plugins/prerender.mjs

@@ -1,12 +1,10 @@
-import { parseURL, withoutBase } from "ufo";
+import { parseURL } from "ufo";
 import { defineNitroPlugin } from "nitropack/dist/runtime/plugin";
-import { createRouter as createRadixRouter, toRouteMatcher } from "radix3";
-import { defu } from "defu";
 import { extractAndNormaliseOgImageOptions } from "../../core/options/extract.mjs";
 import { prerenderOptionsCache } from "../../core/cache/prerender.mjs";
 import { isInternalRoute } from "../../utils.pure.mjs";
 import { resolvePathCacheKey } from "../utils.mjs";
-import { useRuntimeConfig } from "#internal/nitro";
+import { createNitroRouteRuleMatcher } from "../kit.mjs";
 export default defineNitroPlugin(async (nitro) => {
   if (!import.meta.prerender)
     return;
@@ -15,14 +13,9 @@ export default defineNitroPlugin(async (nitro) => {
     const path = parseURL(ctx.event.path).pathname;
     if (isInternalRoute(path))
       return;
-    const runtimeConfig = useRuntimeConfig();
-    const _routeRulesMatcher = toRouteMatcher(
-      createRadixRouter({ routes: runtimeConfig.nitro?.routeRules })
-    );
-    const routeRules = defu({}, ..._routeRulesMatcher.matchAll(
-      withoutBase(path.split("?")[0], runtimeConfig.app.baseURL)
-    ).reverse()).ogImage;
-    if (routeRules === false)
+    const routeRuleMatcher = createNitroRouteRuleMatcher();
+    const routeRules = routeRuleMatcher(path);
+    if (routeRules.ogImage === false)
       return;
     const options = extractAndNormaliseOgImageOptions([
       head.join("\n"),

package/dist/runtime/nitro/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "../../../.nuxt/tsconfig.server.json"
+}

package/dist/runtime/nitro/utils.mjs

@@ -2,12 +2,11 @@ import { withoutLeadingSlash, withoutTrailingSlash } from "ufo";
 import { hash } from "ohash";
 import { normalizeKey } from "unstorage";
 import { getQuery } from "h3";
-import { useSiteConfig } from "#imports";
 export function resolvePathCacheKey(e, path) {
-  const siteConfig = useSiteConfig(e);
+  const siteConfig = e.context.siteConfig.get();
   const basePath = withoutTrailingSlash(withoutLeadingSlash(normalizeKey(path || e.path)));
   return [
-    !basePath ? "index" : basePath,
+    !basePath || basePath === "/" ? "index" : basePath,
     hash([
       basePath,
       siteConfig.url,

package/dist/runtime/nuxt/plugins/og-image-canonical-urls.server.mjs

@@ -15,11 +15,18 @@ export default defineNuxtPlugin({
         key: "nuxt-og-image:overrides-and-canonical-urls",
         hooks: {
           "tags:resolve": async (ctx2) => {
+            const hasPrimaryPayload = ctx2.tags.some((tag) => tag.tag === "script" && tag.props.id === "nuxt-og-image-options");
             let overrides;
             for (const tag of ctx2.tags) {
               if (tag.tag === "script" && tag.props.id === "nuxt-og-image-overrides") {
-                overrides = separateProps(JSON.parse(tag.innerHTML || "{}"));
-                delete ctx2.tags[ctx2.tags.indexOf(tag)];
+                if (hasPrimaryPayload) {
+                  overrides = separateProps(JSON.parse(tag.innerHTML || "{}"));
+                  delete ctx2.tags[ctx2.tags.indexOf(tag)];
+                } else {
+                  tag.props.id = "nuxt-og-image-options";
+                  tag.innerHTML = JSON.stringify(separateProps(JSON.parse(tag.innerHTML || "{}")));
+                  tag._d = "script:id:nuxt-og-image-options";
+                }
                 break;
               }
             }

package/dist/runtime/nuxt/utils.mjs

@@ -1,11 +1,16 @@
 import { defu } from "defu";
-import { separateProps } from "../utils.mjs";
+import { withQuery } from "ufo";
+import { getExtension, separateProps } from "../utils.mjs";
 import { unref, useServerHead } from "#imports";
 import { componentNames } from "#build/nuxt-og-image/components.mjs";
 export function createOgImageMeta(src, input, resolvedOptions, ssrContext) {
   const _input = separateProps(defu(input, ssrContext._ogImagePayload));
-  const url = src || input.url || resolvedOptions.url;
-  let urlExtension = (url.split("/").pop() || url).split(".").pop() || resolvedOptions.extension;
+  let url = src || input.url || resolvedOptions.url;
+  if (!url)
+    return;
+  if (input._query && Object.keys(input._query).length && url)
+    url = withQuery(url, { _query: input._query });
+  let urlExtension = getExtension(url) || resolvedOptions.extension;
   if (urlExtension === "jpg")
     urlExtension = "jpeg";
   const meta = [

package/dist/runtime/server/routes/__og-image__/debug.json.d.ts

@@ -1,8 +1,4 @@
 declare const _default: import("h3").EventHandler<import("h3").EventHandlerRequest, Promise<{
-    siteConfigUrl: {
-        value: any;
-        source: any;
-    };
     componentNames: any;
     runtimeConfig: import("../../../types").OgImageRuntimeConfig;
     compatibility: any;

package/dist/runtime/server/routes/__og-image__/debug.json.mjs

@@ -1,17 +1,11 @@
 import { defineEventHandler, setHeader } from "h3";
 import { useOgImageRuntimeConfig } from "../../../utils.mjs";
-import { useSiteConfig } from "#imports";
 import compatibility from "#nuxt-og-image/compatibility";
 import { componentNames } from "#nuxt-og-image/component-names.mjs";
 export default defineEventHandler(async (e) => {
   setHeader(e, "Content-Type", "application/json");
   const runtimeConfig = useOgImageRuntimeConfig();
-  const siteConfig = await useSiteConfig(e, { debug: true });
   return {
-    siteConfigUrl: {
-      value: siteConfig.url,
-      source: siteConfig._context.url || "unknown"
-    },
     componentNames,
     runtimeConfig,
     compatibility

package/dist/runtime/server/routes/__og-image__/font-[name]-[weight].[extension].mjs

@@ -1,10 +1,36 @@
-import { createError, defineEventHandler, proxyRequest, sendRedirect } from "h3";
+import { createError, defineEventHandler, getQuery, proxyRequest, sendRedirect, setHeader } from "h3";
 import { parseURL } from "ufo";
+import { getExtension, normaliseFontInput, useOgImageRuntimeConfig } from "../../../utils.mjs";
+import { assets } from "#internal/nitro/virtual/server-assets";
 export default defineEventHandler(async (e) => {
   const path = parseURL(e.path).pathname;
-  const [name, weight] = path.split("/font/")[1].split(".")[0].split("/");
-  if (!name || !weight)
+  const [_name, _weight] = path.split("/font/")[1].split(".")[0].split("/");
+  if (!_name || !_weight)
     return "Provide a font name and weight";
+  const name = _name[0].toUpperCase() + _name.slice(1);
+  const weight = Math.round(Number.parseInt(_weight) / 100) * 100;
+  const config = useOgImageRuntimeConfig();
+  const normalisedFonts = normaliseFontInput(config.fonts);
+  let font;
+  if (typeof getQuery(e).font === "string")
+    font = JSON.parse(getQuery(e).font);
+  if (!font) {
+    font = normalisedFonts.find((font2) => {
+      return font2.name.toLowerCase() === name.toLowerCase() && weight === Number(font2.weight);
+    });
+  }
+  if (!font) {
+    return createError({
+      statusCode: 404,
+      statusMessage: `[Nuxt OG Image] Font ${name}:${weight} not found`
+    });
+  }
+  if (import.meta.dev || import.meta.prerender) {
+    if (font.key && await assets.hasItem(font.key)) {
+      setHeader(e, "Content-Type", `font/${getExtension(font.path)}`);
+      return assets.getItemRaw(font.key);
+    }
+  }
   const css = await globalThis.$fetch(`https://fonts.googleapis.com/css2?family=${name}:wght@${weight}`, {
     headers: {
       // Make sure it returns TTF.
@@ -14,7 +40,7 @@ export default defineEventHandler(async (e) => {
   if (!css) {
     return createError({
       statusCode: 500,
-      statusMessage: `Invalid Google Font ${name}:${weight}`
+      statusMessage: `[Nuxt OG Image] Invalid Google Font ${name}:${weight}`
     });
   }
   const ttfResource = css.match(/src: url\((.+)\) format\('(opentype|truetype)'\)/);
@@ -25,6 +51,6 @@ export default defineEventHandler(async (e) => {
     return sendRedirect(e, woff2Resource[1]);
   return createError({
     statusCode: 500,
-    statusMessage: `Malformed Google Font CSS ${css}`
+    statusMessage: `[Nuxt OG Image] Malformed Google Font CSS ${css}`
   });
 });

package/dist/runtime/server/routes/__og-image__/image.mjs

@@ -5,7 +5,6 @@ import { devIframeTemplate } from "../../../core/html/devIframeTemplate.mjs";
 import { applyInlineCss } from "../../../core/html/applyInlineCss.mjs";
 import { useOgImageBufferCache } from "../../../cache.mjs";
 import { useOgImageRuntimeConfig } from "../../../utils.mjs";
-import { useSiteConfig } from "#imports";
 export default defineEventHandler(async (e) => {
   const ctx = await resolveRendererContext(e);
   if (ctx instanceof H3Error)
@@ -23,10 +22,12 @@ export default defineEventHandler(async (e) => {
       compatibilityHints.push("Inlining CSS is only supported in Node based environments.");
     setHeader(e, "Content-Type", "application/json");
     return {
+      siteConfig: {
+        url: e.context.siteConfig.get().url
+      },
       compatibilityHints,
       cacheKey: ctx.key,
       options: ctx.options,
-      siteConfig: useSiteConfig(e),
       ...options.renderer === "satori" ? await renderer.debug(ctx) : void 0
     };
   }
@@ -43,7 +44,7 @@ export default defineEventHandler(async (e) => {
       if (ctx.renderer.name !== "satori") {
         return createError({
           statusCode: 400,
-          statusMessage: `Generating ${extension}'s with ${renderer.name} is not supported.`
+          statusMessage: `[Nuxt OG Image] Generating ${extension}'s with ${renderer.name} is not supported.`
         });
       }
       setHeader(e, "Content-Type", `image/svg+xml`);
@@ -54,7 +55,7 @@ export default defineEventHandler(async (e) => {
       if (!renderer.supportedFormats.includes(extension)) {
         return createError({
           statusCode: 400,
-          statusMessage: `Generating ${extension}'s with ${renderer.name} is not supported.`
+          statusMessage: `[Nuxt OG Image] Generating ${extension}'s with ${renderer.name} is not supported.`
         });
       }
       setHeader(e, "Content-Type", `image/${extension === "jpg" ? "jpeg" : extension}`);
@@ -62,7 +63,7 @@ export default defineEventHandler(async (e) => {
     default:
       return createError({
         statusCode: 400,
-        statusMessage: `Invalid request for og.${extension}.`
+        statusMessage: `[Nuxt OG Image] Invalid request for og.${extension}.`
       });
   }
   const cacheApi = await useOgImageBufferCache(ctx, {
@@ -71,6 +72,8 @@ export default defineEventHandler(async (e) => {
   });
   if (typeof cacheApi === "undefined")
     return;
+  if (cacheApi instanceof H3Error)
+    return cacheApi;
   let image = cacheApi.cachedItem;
   if (!image) {
     image = await renderer.createImage(ctx);

package/dist/runtime/types.d.ts

@@ -106,9 +106,14 @@ export interface OgImageOptions<T extends keyof OgImageComponents = 'NuxtSeo'> {
     sharp?: SharpOptions;
     fonts?: InputFontConfig[];
     cacheMaxAgeSeconds?: number;
+    /**
+     * @internal
+     */
+    _query?: Record<string, any>;
 }
 export interface FontConfig {
     name: string;
+    style?: string;
     weight?: string | number;
     path?: string;
     key?: string;
@@ -120,7 +125,7 @@ export interface ResolvedFontConfig extends FontConfig {
 export type InputFontConfig = (`${string}:${number}` | string | FontConfig);
 export interface RuntimeCompatibilitySchema {
     chromium: 'node' | false;
-    ['css-inline']: 'node' | false;
+    ['css-inline']: 'node' | 'wasm' | 'wasm-fs' | false;
     resvg: 'node' | 'wasm' | 'wasm-fs' | false;
     satori: 'node' | 'wasm' | 'wasm-fs' | false;
     sharp: 'node' | false;

package/dist/runtime/utils.pure.d.ts

@@ -4,3 +4,5 @@ export declare function separateProps(options: OgImageOptions | undefined, ignor
     props: Record<string, any>;
 };
 export declare function normaliseFontInput(fonts: InputFontConfig[]): ResolvedFontConfig[];
+export declare function withoutQuery(path: string): string;
+export declare function getExtension(path: string): string;

package/dist/runtime/utils.pure.mjs

@@ -17,6 +17,7 @@ function filterIsOgImageOption(key) {
     "component",
     "renderer",
     "emojis",
+    "_query",
     "satori",
     "resvg",
     "sharp",
@@ -48,7 +49,7 @@ export function normaliseFontInput(fonts) {
       return {
         cacheKey: f,
         name,
-        weight: weight || "400",
+        weight: weight || 400,
         style: "normal",
         path: void 0
       };
@@ -61,3 +62,11 @@ export function normaliseFontInput(fonts) {
     };
   });
 }
+export function withoutQuery(path) {
+  return path.split("?")[0];
+}
+export function getExtension(path) {
+  path = withoutQuery(path);
+  const lastSegment = path.split("/").pop() || path;
+  return lastSegment.split(".").pop() || lastSegment;
+}

package/dist/types.d.mts

@@ -1,5 +1,5 @@
 
-import type { ModuleOptions, ModuleHooks } from './module'
+import type { ModuleOptions, ModuleHooks } from './module.js'
 
 
 declare module '@nuxt/schema' {
@@ -15,4 +15,4 @@ declare module 'nuxt/schema' {
 }
 
 
-export type { ModuleHooks, ModuleOptions, default } from './module'
+export type { ModuleHooks, ModuleOptions, default } from './module.js'