nuxt-og-image 3.0.0-beta.43 → 3.0.0-beta.44

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

@@ -6,25 +6,28 @@ import { applyInlineCss } from "../../../core/html/applyInlineCss.mjs";
 import { useOgImageBufferCache } from "../../../cache.mjs";
 import { useOgImageRuntimeConfig } from "../../../utils.mjs";
 import { useSiteConfig } from "#imports";
+import compatibility from "#nuxt-og-image/compatibility";
 export default defineEventHandler(async (e) => {
   const ctx = await resolveRendererContext(e);
   if (ctx instanceof H3Error)
     return ctx;
   const { isDebugJsonPayload, extension, options, renderer } = ctx;
   const { debug, baseCacheKey } = useOgImageRuntimeConfig();
-  const compatibility = [];
+  const compatibilityHints = [];
   if (isDebugJsonPayload) {
     const queryExtension = getQuery(e).extension || ctx.options.extension;
     if (["jpeg", "jpg"].includes(queryExtension) && options.renderer === "satori")
-      compatibility.push("Converting PNGs to JPEGs requires Sharp which only runs on Node based systems.");
+      compatibilityHints.push("Converting PNGs to JPEGs requires Sharp which only runs on Node based systems.");
     if (options.renderer === "chromium")
-      compatibility.push("Using Chromium to generate images is only supported in Node based environments. It's recommended to only use this if you're prerendering");
+      compatibilityHints.push("Using Chromium to generate images is only supported in Node based environments. It's recommended to only use this if you're prerendering");
     if (await applyInlineCss(ctx, await fetchIsland(ctx)))
-      compatibility.push("Inlining CSS is only supported in Node based environments.");
+      compatibilityHints.push("Inlining CSS is only supported in Node based environments.");
     setHeader(e, "Content-Type", "application/json");
     return {
       compatibility,
-      ...ctx,
+      compatibilityHints,
+      cacheKey: ctx.key,
+      options: ctx.options,
       siteConfig: useSiteConfig(e),
       ...options.renderer === "satori" ? await renderer.debug(ctx) : void 0
     };

package/dist/runtime/types.d.ts

@@ -4,7 +4,7 @@ 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 { NitroApp, WasmOptions } from 'nitropack';
 import type { OgImageComponents } from '#nuxt-og-image/components';
 export interface OgImageRenderEventContext {
     e: H3Event;
@@ -22,8 +22,6 @@ export interface OgImageRuntimeConfig {
     satoriOptions: SatoriOptions;
     resvgOptions: ResvgRenderOptions;
     sharpOptions: SharpOptions;
-    runtimeSatori: boolean;
-    runtimeChromium: boolean;
     defaults: OgImageOptions;
     debug: boolean;
     baseCacheKey: string;
@@ -115,6 +113,21 @@ export interface FontConfig {
     key?: string;
 }
 export type InputFontConfig = (`${string}:${number}` | FontConfig);
+export interface RuntimeCompatibilitySchema {
+    bindings: {
+        chromium: 'node' | false;
+        ['css-inline']: 'node' | false;
+        resvg: 'node' | 'wasm' | 'wasm-fs' | false;
+        satori: 'node' | 'wasm' | 'wasm-fs' | false;
+        sharp: 'node' | false;
+    };
+    wasm?: WasmOptions;
+}
+export interface CompatibilityConfig {
+    dev?: Partial<RuntimeCompatibilitySchema>;
+    runtime?: Partial<RuntimeCompatibilitySchema>;
+    prerender?: Partial<RuntimeCompatibilitySchema>;
+}
 export type RendererOptions = Omit<OgImageOptions, 'extension'> & {
     extension: Omit<OgImageOptions['extension'], 'html'>;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-og-image",
   "type": "module",
-  "version": "3.0.0-beta.43",
+  "version": "3.0.0-beta.44",
   "packageManager": "pnpm@8.11.0",
   "description": "Enlightened OG Image generation for Nuxt.",
   "author": {
@@ -64,7 +64,6 @@
     "yoga-wasm-web": "^0.3.3"
   },
   "devDependencies": {
-    "sharp": "0.33.0",
     "@antfu/eslint-config": "2.3.4",
     "@img/sharp-linux-x64": "0.33.0",
     "@nuxt/content": "^2.9.0",
@@ -80,9 +79,10 @@
     "eslint": "8.55.0",
     "jest-image-snapshot": "^6.3.0",
     "nuxt": "^3.8.2",
-    "nuxt-icon": "0.6.6",
+    "nuxt-icon": "0.6.7",
     "playwright": "^1.40.1",
     "sass": "^1.69.5",
+    "sharp": "0.33.0",
     "vitest": "^1.0.1"
   },
   "build": {

package/dist/client/_nuxt/IconCSS.7e8f1f7b.css

@@ -1 +0,0 @@
-span[data-v-6fdb97b6]{background-color:currentColor;display:inline-block;-webkit-mask-image:var(--79268360);mask-image:var(--79268360);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:middle}

package/dist/client/_nuxt/IconCSS.b3381402.js

@@ -1 +0,0 @@
-import{g as _,h as f,i as m,j as c,r as d,o as I,c as v,n as x,_ as S}from"./entry.e02bad90.js";const y=_({__name:"IconCSS",props:{name:{type:String,required:!0},size:{type:String,default:""}},setup(u){f(e=>({79268360:p.value}));const t=m(),s=u,l=c(()=>{var e,n;return(n=(e=t.nuxtIcon)==null?void 0:e.aliases)!=null&&n[s.name]?t.nuxtIcon.aliases[s.name]:s.name}),r=c(()=>d(l.value)),p=c(()=>{var o,a;const e=(a=(o=t.nuxtIcon)==null?void 0:o.iconifyApiOptions)==null?void 0:a.url;if(e)try{new URL(e)}catch{console.warn("Nuxt IconCSS: Invalid custom Iconify API URL");return}return`url('${e||"https://api.iconify.design"}/${r.value.prefix}/${r.value.name}.svg')`}),i=c(()=>{var n,o,a;if(!s.size&&typeof((n=t.nuxtIcon)==null?void 0:n.size)=="boolean"&&!((o=t.nuxtIcon)!=null&&o.size))return;const e=s.size||((a=t.nuxtIcon)==null?void 0:a.size)||"1em";return String(Number(e))===e?`${e}px`:e});return(e,n)=>(I(),v("span",{style:x({width:i.value,height:i.value})},null,4))}});const b=S(y,[["__scopeId","data-v-6fdb97b6"]]);export{b as default};

package/dist/client/_nuxt/builds/meta/db835b47-d685-41ef-bf6b-0c7f22ed1aff.json

@@ -1 +0,0 @@
-{"id":"db835b47-d685-41ef-bf6b-0c7f22ed1aff","timestamp":1701880683741,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}

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

@@ -1,2 +0,0 @@
-import type { DefineOgImageInput, OgImageOptions, OgImagePrebuilt } from '../../types';
-export declare function normaliseOptions(_options: DefineOgImageInput): OgImageOptions | OgImagePrebuilt;

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

@@ -1,27 +0,0 @@
-import { useOgImageRuntimeConfig } from "../../utils.mjs";
-import { unref } from "#imports";
-import { componentNames } from "#build/og-image-component-names.mjs";
-export function normaliseOptions(_options) {
-  const { runtimeSatori } = useOgImageRuntimeConfig();
-  const options = { ...unref(_options) };
-  if (options.static)
-    options.cache = options.cache || options.static;
-  if (options.provider === "satori")
-    options.renderer = options.renderer || "satori";
-  else if (options.provider === "browser")
-    options.renderer = options.renderer || "chromium";
-  options.renderer = options.renderer || "satori";
-  if (options.renderer === "satori" && !runtimeSatori)
-    options.renderer = "chromium";
-  if (options.component && componentNames) {
-    const originalName = options.component;
-    for (const component of componentNames) {
-      if (component.pascalName.endsWith(originalName) || component.kebabName.endsWith(originalName)) {
-        options.component = component.pascalName;
-        options.componentHash = component.hash;
-        break;
-      }
-    }
-  }
-  return options;
-}