nuxt-og-image 3.0.0-beta.45 → 3.0.0-beta.46

package/dist/client/_nuxt/{error-404.8ae425bf.js → error-404.a54c84ea.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.b64dd084.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.ea909f2d.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.a5bb9a8b.js → error-500.d52d6657.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.b64dd084.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.ea909f2d.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.33a59bbf.css">
-<link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/entry.b64dd084.js">
+<link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/entry.ea909f2d.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.8ae425bf.js">
+<link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/error-404.a54c84ea.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.a5bb9a8b.js">
-<script type="module" src="/__nuxt-og-image/_nuxt/entry.b64dd084.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.d52d6657.js">
+<script type="module" src="/__nuxt-og-image/_nuxt/entry.ea909f2d.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

@@ -87,19 +87,18 @@ interface FontConfig {
 }
 type InputFontConfig = (`${string}:${number}` | FontConfig);
 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;
-    };
+    chromium: 'node' | false;
+    ['css-inline']: 'node' | false;
+    resvg: 'node' | 'wasm' | 'wasm-fs' | false;
+    satori: 'node' | 'wasm' | 'wasm-fs' | false;
+    sharp: 'node' | false;
     wasm?: WasmOptions;
 }
-interface CompatibilityConfig {
-    dev?: Partial<RuntimeCompatibilitySchema>;
-    runtime?: Partial<RuntimeCompatibilitySchema>;
-    prerender?: Partial<RuntimeCompatibilitySchema>;
+type CompatibilityFlags = Partial<Omit<RuntimeCompatibilitySchema, 'wasm'>>;
+interface CompatibilityFlagEnvOverrides {
+    dev?: CompatibilityFlags;
+    runtime?: CompatibilityFlags;
+    prerender?: CompatibilityFlags;
 }
 
 interface ModuleOptions {
@@ -170,7 +169,7 @@ interface ModuleOptions {
     /**
      * Manually modify the compatibility.
      */
-    compatibility?: CompatibilityConfig;
+    compatibility?: CompatibilityFlagEnvOverrides;
 }
 interface ModuleHooks {
     'nuxt-og-image:components': (ctx: {

package/dist/module.d.ts

@@ -87,19 +87,18 @@ interface FontConfig {
 }
 type InputFontConfig = (`${string}:${number}` | FontConfig);
 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;
-    };
+    chromium: 'node' | false;
+    ['css-inline']: 'node' | false;
+    resvg: 'node' | 'wasm' | 'wasm-fs' | false;
+    satori: 'node' | 'wasm' | 'wasm-fs' | false;
+    sharp: 'node' | false;
     wasm?: WasmOptions;
 }
-interface CompatibilityConfig {
-    dev?: Partial<RuntimeCompatibilitySchema>;
-    runtime?: Partial<RuntimeCompatibilitySchema>;
-    prerender?: Partial<RuntimeCompatibilitySchema>;
+type CompatibilityFlags = Partial<Omit<RuntimeCompatibilitySchema, 'wasm'>>;
+interface CompatibilityFlagEnvOverrides {
+    dev?: CompatibilityFlags;
+    runtime?: CompatibilityFlags;
+    prerender?: CompatibilityFlags;
 }
 
 interface ModuleOptions {
@@ -170,7 +169,7 @@ interface ModuleOptions {
     /**
      * Manually modify the compatibility.
      */
-    compatibility?: CompatibilityConfig;
+    compatibility?: CompatibilityFlagEnvOverrides;
 }
 interface ModuleHooks {
     'nuxt-og-image:components': (ctx: {

package/dist/module.json

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

package/dist/module.mjs

@@ -7,14 +7,14 @@ import { hash } from 'ohash';
 import { relative, dirname } from 'pathe';
 import { defu } from 'defu';
 import { Launcher } from 'chrome-launcher';
-import { addDependency } from 'nypm';
+import { ensureDependencyInstalled } from 'nypm';
 import { onDevToolsInitialized, extendServerRpc } from '@nuxt/devtools-kit';
 import { readFile, writeFile } from 'node:fs/promises';
 import { createHash } from 'node:crypto';
 import { execa } from 'execa';
 import terminate from 'terminate';
 
-const version = "3.0.0-beta.45";
+const version = "3.0.0-beta.46";
 
 const autodetectableProviders = {
   azure_static: "azure",
@@ -31,60 +31,51 @@ const autodetectableStaticProviders = {
 };
 const NodeRuntime = {
   // node-server runtime
-  bindings: {
-    "chromium": "node",
-    "css-inline": "node",
-    "resvg": "node",
-    "satori": "node",
-    "sharp": "node"
-  }
+  "chromium": "node",
+  "css-inline": "node",
+  "resvg": "node",
+  "satori": "node",
+  "sharp": "node"
+  // will be disabled if they're missing the dependency
 };
 const cloudflare = {
-  bindings: {
-    "chromium": false,
-    "css-inline": false,
-    "resvg": "wasm",
-    "satori": "node",
-    "sharp": false
-  },
-  wasm: {
+  "chromium": false,
+  "css-inline": false,
+  "resvg": "wasm",
+  "satori": "node",
+  "sharp": false,
+  "wasm": {
     esmImport: true
   }
 };
 const awsLambda = {
-  bindings: {
-    "chromium": false,
-    "css-inline": "node",
-    "resvg": "node",
-    "satori": "node",
-    "sharp": false
-    // 0.33.x has issues
-  }
+  "chromium": false,
+  "css-inline": "node",
+  "resvg": "node",
+  "satori": "node",
+  "sharp": false
+  // 0.33.x has issues
 };
 const RuntimeCompatibility = {
   "nitro-dev": NodeRuntime,
   "nitro-prerender": NodeRuntime,
   "node-server": NodeRuntime,
   "stackblitz": {
-    bindings: {
-      "chromium": false,
-      "css-inline": false,
-      "resvg": "wasm-fs",
-      "satori": "wasm-fs",
-      "sharp": false
-    }
+    "chromium": false,
+    "css-inline": false,
+    "resvg": "wasm-fs",
+    "satori": "wasm-fs",
+    "sharp": false
   },
   "aws-lambda": awsLambda,
-  "netlify": defu({ bindings: { sharp: false } }, awsLambda),
+  "netlify": awsLambda,
   "netlify-edge": {
-    bindings: {
-      "chromium": false,
-      "css-inline": false,
-      "resvg": "wasm",
-      "satori": "node",
-      "sharp": false
-    },
-    wasm: {
+    "chromium": false,
+    "css-inline": false,
+    "resvg": "wasm",
+    "satori": "node",
+    "sharp": false,
+    "wasm": {
       rollup: {
         targetEnv: "auto-inline",
         sync: ["@resvg/resvg-wasm/index_bg.wasm"]
@@ -94,14 +85,12 @@ const RuntimeCompatibility = {
   "firebase": awsLambda,
   "vercel": awsLambda,
   "vercel-edge": {
-    bindings: {
-      "chromium": false,
-      "css-inline": false,
-      "resvg": "wasm",
-      "satori": "node",
-      "sharp": false
-    },
-    wasm: {
+    "chromium": false,
+    "css-inline": false,
+    "resvg": "wasm",
+    "satori": "node",
+    "sharp": false,
+    "wasm": {
       // lowers workers kb size
       esmImport: true
     }
@@ -130,15 +119,21 @@ function getPresetNitroPresetCompatibility(target) {
 }
 function applyNitroPresetCompatibility(nitroConfig, options) {
   const target = resolveNitroPreset(nitroConfig);
-  const compatibility = defu(options.compatibility, getPresetNitroPresetCompatibility(target));
+  const compatibility = getPresetNitroPresetCompatibility(target);
   const { resolve } = options;
-  nitroConfig.alias["#nuxt-og-image/renderers/satori"] = compatibility.bindings.satori ? resolve("./runtime/core/renderers/satori") : "unenv/runtime/mock/empty";
-  nitroConfig.alias["#nuxt-og-image/renderers/chromium"] = compatibility.bindings.chromium ? resolve("./runtime/core/renderers/chromium") : "unenv/runtime/mock/empty";
+  const satoriEnabled = typeof options.compatibility?.satori !== "undefined" ? !!options.compatibility.satori : !!compatibility.satori;
+  const chromiumEnabled = typeof options.compatibility?.chromium !== "undefined" ? !!options.compatibility.chromium : !!compatibility.chromium;
+  nitroConfig.alias["#nuxt-og-image/renderers/satori"] = satoriEnabled ? resolve("./runtime/core/renderers/satori") : "unenv/runtime/mock/empty";
+  nitroConfig.alias["#nuxt-og-image/renderers/chromium"] = chromiumEnabled ? resolve("./runtime/core/renderers/chromium") : "unenv/runtime/mock/empty";
+  const resolvedCompatibility = {};
   function applyBinding(key) {
-    const binding = compatibility.bindings[key];
-    if (binding === false)
-      return { [`#nuxt-og-image/bindings/${key}`]: "unenv/runtime/mock/empty" };
-    return { [`#nuxt-og-image/bindings/${key}`]: resolve(`./runtime/core/bindings/${key}/${binding}`) };
+    let binding = options.compatibility?.[key];
+    if (typeof binding === "undefined")
+      binding = compatibility[key];
+    resolvedCompatibility[key] = binding;
+    return {
+      [`#nuxt-og-image/bindings/${key}`]: binding === false ? "unenv/runtime/mock/empty" : resolve(`./runtime/core/bindings/${key}/${binding}`)
+    };
   }
   nitroConfig.alias = defu(
     applyBinding("chromium"),
@@ -148,25 +143,28 @@ function applyNitroPresetCompatibility(nitroConfig, options) {
     applyBinding("css-inline"),
     nitroConfig.alias || {}
   );
-  if (Object.values(compatibility.bindings).includes("wasm")) {
+  if (Object.values(compatibility).includes("wasm")) {
     nitroConfig.experimental = nitroConfig.experimental || {};
     nitroConfig.experimental.wasm = true;
   }
   nitroConfig.rollupConfig = nitroConfig.rollupConfig || {};
   nitroConfig.wasm = defu(compatibility.wasm, nitroConfig.wasm);
-  nitroConfig.virtual["#nuxt-og-image/compatibility"] = () => `export default ${JSON.stringify(compatibility)}`;
+  nitroConfig.virtual["#nuxt-og-image/compatibility"] = () => `export default ${JSON.stringify(resolvedCompatibility)}`;
   addTemplate({
     filename: "nuxt-og-image/compatibility.mjs",
     getContents() {
-      return `export default ${JSON.stringify(compatibility)}`;
+      return `export default ${JSON.stringify(resolvedCompatibility)}`;
     },
     options: { mode: "server" }
   });
-  return compatibility;
+  return resolvedCompatibility;
 }
 function ensureDependencies(dep, nuxt = useNuxt()) {
   return Promise.all(dep.map((d) => {
-    return addDependency(d, { cwd: nuxt.options.rootDir, dev: true });
+    return ensureDependencyInstalled(d, {
+      cwd: nuxt.options.rootDir,
+      dev: true
+    });
   }));
 }
 
@@ -278,13 +276,11 @@ function setupGenerateHandler(options, resolve, nuxt = useNuxt()) {
   nuxt.hooks.hook("nitro:config", async (nitroConfig) => {
     applyNitroPresetCompatibility(nitroConfig, {
       compatibility: {
-        bindings: {
-          "css-inline": false,
-          "chromium": false,
-          "resvg": false,
-          "satori": false,
-          "sharp": false
-        }
+        "chromium": false,
+        "satori": false,
+        "css-inline": false,
+        "resvg": false,
+        "sharp": false
       },
       resolve
     });
@@ -406,51 +402,52 @@ const module = defineNuxtModule({
     const hasSharpDependency = !!await tryResolveModule("sharp");
     const userConfiguredExtension = config.defaults.extension;
     const hasConfiguredJpegs = userConfiguredExtension && ["jpeg", "jpg"].includes(userConfiguredExtension);
-    config.defaults.extension = userConfiguredExtension || (hasSharpDependency && targetCompatibility.bindings.sharp ? "jpg" : "png");
+    config.defaults.extension = userConfiguredExtension || (hasSharpDependency && targetCompatibility.sharp ? "jpg" : "png");
     if (hasConfiguredJpegs && config.defaults.renderer !== "chromium") {
-      if (hasSharpDependency && !targetCompatibility.bindings.sharp) {
+      if (hasSharpDependency && !targetCompatibility.sharp) {
         logger.warn(`Rendering JPEGs requires sharp which does not work with ${preset}. Images will be rendered as PNG at runtime.`);
-        config.compatibility = defu({
-          runtime: {
-            sharp: false
-          }
-        }, config.compatibility);
+        config.compatibility = defu(config.compatibility, {
+          runtime: { sharp: false }
+        });
       } else if (!hasSharpDependency) {
         logger.warn("You have enabled `JPEG` images. These require the `sharp` dependency which is missing, installing it for you.");
         await ensureDependencies(["sharp"]);
         logger.warn("Support for `sharp` is limited so check the compatibility guide.");
       }
     } else if (!hasSharpDependency) {
-      config.compatibility = defu({
+      config.compatibility = defu(config.compatibility, {
         runtime: { sharp: false },
         dev: { sharp: false },
         prerender: { sharp: false }
-      }, config.compatibility);
+      });
     }
-    const hasChromeLocally = !!Launcher.getFirstInstallation();
-    const hasPlaywrightDependency = !!await tryResolveModule("playwright");
-    if (!hasChromeLocally && !hasPlaywrightDependency) {
-      if (nuxt.options._generate)
-        await ensureChromium(logger);
-      else if (nuxt.options.build)
-        logger.info("You are missing a chromium install. You will not be able to prerender images using the chromium render.");
-      config.compatibility = defu({
-        runtime: { chromium: false },
-        dev: { chromium: false },
-        prerender: { chromium: false }
-      }, config.compatibility);
-    } else if (hasChromeLocally) {
-      config.compatibility = defu({
-        runtime: { chromium: false },
-        dev: { chromium: true },
-        prerender: { chromium: true }
-      }, config.compatibility);
-    } else if (hasPlaywrightDependency && targetCompatibility.bindings.chromium) {
-      config.compatibility = defu({
-        runtime: { chromium: true },
-        dev: { chromium: true },
-        prerender: { chromium: true }
-      }, config.compatibility);
+    const isUndefinedOrTruthy = (v) => typeof v === "undefined" || v !== false;
+    if (isUndefinedOrTruthy(config.compatibility?.prerender?.chromium) && isUndefinedOrTruthy(config.compatibility?.runtime?.chromium)) {
+      const hasChromeLocally = !!Launcher.getFirstInstallation();
+      const hasPlaywrightDependency = !!await tryResolveModule("playwright");
+      if (!hasChromeLocally && !hasPlaywrightDependency) {
+        if (nuxt.options._generate || config.defaults?.renderer === "chromium")
+          await ensureChromium(logger);
+        else if (nuxt.options.build)
+          logger.info("You are missing a chromium install. You will not be able to prerender images using the chromium render.");
+        config.compatibility = defu(config.compatibility, {
+          runtime: { chromium: false },
+          dev: { chromium: false },
+          prerender: { chromium: false }
+        });
+      } else if (hasChromeLocally) {
+        config.compatibility = defu(config.compatibility, {
+          runtime: { chromium: false },
+          dev: { chromium: "node" },
+          prerender: { chromium: "node" }
+        });
+      } else if (hasPlaywrightDependency && targetCompatibility.chromium) {
+        config.compatibility = defu(config.compatibility, {
+          runtime: { chromium: "node" },
+          dev: { chromium: "node" },
+          prerender: { chromium: "node" }
+        });
+      }
     }
     await installNuxtSiteConfig();
     if (hasNuxtModule("@nuxt/content"))

package/dist/runtime/nuxt/utils.mjs

@@ -66,9 +66,9 @@ export function normaliseOptions(_options) {
       }
     }
   }
-  if (["jpeg", "jpg"].includes(options.extension || "") && !compatibility.bindings.sharp)
+  if (["jpeg", "jpg"].includes(options.extension || "") && !compatibility.sharp)
     options.extension = "png";
-  if (options.renderer === "chromium" && !compatibility.bindings.chromium)
+  if (options.renderer === "chromium" && !compatibility.chromium)
     options.renderer = "satori";
   return options;
 }

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

@@ -5,5 +5,6 @@ declare const _default: import("h3").EventHandler<import("h3").EventHandlerReque
     };
     componentNames: any;
     runtimeConfig: import("../../../types").OgImageRuntimeConfig;
+    compatibility: any;
 }>>;
 export default _default;

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

@@ -1,6 +1,7 @@
 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");
@@ -12,6 +13,7 @@ export default defineEventHandler(async (e) => {
       source: siteConfig._context.url || "unknown"
     },
     componentNames,
-    runtimeConfig
+    runtimeConfig,
+    compatibility
   };
 });

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

@@ -6,7 +6,6 @@ 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)
@@ -24,7 +23,6 @@ export default defineEventHandler(async (e) => {
       compatibilityHints.push("Inlining CSS is only supported in Node based environments.");
     setHeader(e, "Content-Type", "application/json");
     return {
-      compatibility,
       compatibilityHints,
       cacheKey: ctx.key,
       options: ctx.options,

package/dist/runtime/types.d.ts

@@ -114,19 +114,18 @@ export interface FontConfig {
 }
 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;
-    };
+    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 CompatibilityFlags = Partial<Omit<RuntimeCompatibilitySchema, 'wasm'>>;
+export interface CompatibilityFlagEnvOverrides {
+    dev?: CompatibilityFlags;
+    runtime?: CompatibilityFlags;
+    prerender?: CompatibilityFlags;
 }
 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.45",
+  "version": "3.0.0-beta.46",
   "packageManager": "pnpm@8.11.0",
   "description": "Enlightened OG Image generation for Nuxt.",
   "author": {
@@ -65,7 +65,6 @@
   },
   "devDependencies": {
     "@antfu/eslint-config": "2.3.4",
-    "@img/sharp-linux-x64": "0.33.0",
     "@nuxt/content": "^2.9.0",
     "@nuxt/devtools": "1.0.4",
     "@nuxt/module-builder": "^0.5.4",
@@ -82,7 +81,7 @@
     "nuxt-icon": "0.6.7",
     "playwright": "^1.40.1",
     "sass": "^1.69.5",
-    "sharp": "0.33.0",
+    "sharp": "^0.33.0",
     "vitest": "^1.0.1"
   },
   "build": {
@@ -95,6 +94,7 @@
     ]
   },
   "scripts": {
+    "stub": "nuxt-build-module build --stub",
     "build": "pnpm dev:prepare && pnpm build:module && pnpm build:client",
     "build:client": "nuxi generate client",
     "build:module": "nuxt-build-module build",

package/dist/client/_nuxt/builds/meta/1157c25b-5f22-479c-8eb1-b4bd8b88c154.json

@@ -1 +0,0 @@
-{"id":"1157c25b-5f22-479c-8eb1-b4bd8b88c154","timestamp":1701917734346,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}