nuxt-og-image 3.0.0-rc.29 → 3.0.0-rc.30

package/dist/client/_nuxt/{error-404.1yg-jdsN.js → error-404.VV5ycc25.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 h,f as m}from"./entry.-WCPN92k.js";const x=t=>(h("data-v-05a2b8a3"),t=t(),m(),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=x(()=>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,N)=>{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 h,f as m}from"./entry.v1zp98GR.js";const x=t=>(h("data-v-05a2b8a3"),t=t(),m(),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=x(()=>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,N)=>{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.2kgN7VKB.js → error-500.VNY3c4OJ.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.-WCPN92k.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}'}]}),(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)])]))}},_=i(x,[["__scopeId","data-v-c967d9a9"]]);export{_ 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.v1zp98GR.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}'}]}),(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)])]))}},_=i(x,[["__scopeId","data-v-c967d9a9"]]);export{_ 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="stylesheet" href="/__nuxt-og-image/_nuxt/entry.OczI2MjB.css">
-<link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/entry.-WCPN92k.js">
+<link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/entry.v1zp98GR.js">
 <link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/onig.mBJmD8D5.js">
 <link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/abap.bJqzlTLD.js">
 <link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/actionscript-3.NUzLYz6e.js">
@@ -219,9 +219,9 @@
 <link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/vitesse-light.HOMMxGxw.js">
 <link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/vanilla-picker.P0dws0ou.js">
 <link rel="prefetch" as="style" href="/__nuxt-og-image/_nuxt/error-404.DkXpI38i.css">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/error-404.1yg-jdsN.js">
+<link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/error-404.VV5ycc25.js">
 <link rel="prefetch" as="style" href="/__nuxt-og-image/_nuxt/error-500.SLhS9LVu.css">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/error-500.2kgN7VKB.js">
-<script type="module" src="/__nuxt-og-image/_nuxt/entry.-WCPN92k.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.VNY3c4OJ.js">
+<script type="module" src="/__nuxt-og-image/_nuxt/entry.v1zp98GR.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,"once":5},{},false,{},{},["Set"]]</script>
 <script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__nuxt-og-image",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body></html>

package/dist/module.d.mts

@@ -94,7 +94,7 @@ interface FontConfig {
 }
 type InputFontConfig = (`${string}:${number}` | string | FontConfig);
 interface RuntimeCompatibilitySchema {
-    chromium: 'node' | false;
+    chromium: 'chrome-launcher' | 'on-demand' | 'playwright' | false;
     ['css-inline']: 'node' | 'wasm' | 'wasm-fs' | false;
     resvg: 'node' | 'wasm' | 'wasm-fs' | false;
     satori: 'node' | 'wasm' | 'wasm-fs' | false;

package/dist/module.d.ts

@@ -94,7 +94,7 @@ interface FontConfig {
 }
 type InputFontConfig = (`${string}:${number}` | string | FontConfig);
 interface RuntimeCompatibilitySchema {
-    chromium: 'node' | false;
+    chromium: 'chrome-launcher' | 'on-demand' | 'playwright' | false;
     ['css-inline']: 'node' | 'wasm' | 'wasm-fs' | false;
     resvg: 'node' | 'wasm' | 'wasm-fs' | false;
     satori: 'node' | 'wasm' | 'wasm-fs' | false;

package/dist/module.json

@@ -5,5 +5,5 @@
     "bridge": false
   },
   "configKey": "ogImage",
-  "version": "3.0.0-rc.28"
+  "version": "3.0.0-rc.29"
 }

package/dist/module.mjs

@@ -1,19 +1,17 @@
 import * as fs from 'node:fs';
 import { existsSync } from 'node:fs';
-import { useNuxt, addTemplate, loadNuxtModuleInstance, createResolver, resolvePath, defineNuxtModule, useLogger, tryResolveModule, hasNuxtModule, addServerPlugin, addServerHandler, addImports, addComponentsDir, addComponent, addPlugin } from '@nuxt/kit';
+import { useNuxt, addTemplate, loadNuxtModuleInstance, createResolver, resolvePath, tryResolveModule, defineNuxtModule, useLogger, hasNuxtModule, addServerPlugin, addServerHandler, addImports, addComponentsDir, addComponent, addPlugin } from '@nuxt/kit';
 import { assertSiteConfig, installNuxtSiteConfig } from 'nuxt-site-config-kit';
-import { provider, env, isDevelopment, isCI } from 'std-env';
+import { provider, env, isCI, isDevelopment } from 'std-env';
 import { hash } from 'ohash';
 import { relative, dirname } from 'pathe';
 import { defu } from 'defu';
-import { Launcher } from 'chrome-launcher';
 import { readPackageJSON } from 'pkg-types';
 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';
+import { Launcher } from 'chrome-launcher';
 
 const autodetectableProviders = {
   azure_static: "azure",
@@ -132,6 +130,8 @@ function applyNitroPresetCompatibility(nitroConfig, options) {
     let binding = options.compatibility?.[key];
     if (typeof binding === "undefined")
       binding = compatibility[key];
+    if (key === "chromium" && binding === "node")
+      binding = "playwright";
     resolvedCompatibility[key] = binding;
     return {
       [`#nuxt-og-image/bindings/${key}`]: binding === false ? "unenv/runtime/mock/empty" : resolve(`./runtime/core/bindings/${key}/${binding}`)
@@ -351,20 +351,19 @@ function sha1(source) {
   return createHash("sha1").update(source).digest("hex").slice(0, 16);
 }
 
-async function ensureChromium(logger) {
-  logger.info("Ensuring Chromium install for og:image generation...");
-  const installChromeProcess = execa("npx", ["playwright", "install", "chromium"], {
-    stdio: "inherit"
-  });
-  installChromeProcess.stderr?.pipe(process.stderr);
-  await new Promise((resolve) => {
-    installChromeProcess.on("exit", (e) => {
-      if (e !== 0)
-        logger.error("Failed to install Playwright dependency for og:image generation. Trying anyway...");
-      resolve(true);
-    });
-  });
-  installChromeProcess.pid && terminate(installChromeProcess.pid);
+const isUndefinedOrTruthy = (v) => typeof v === "undefined" || v !== false;
+function checkLocalChrome() {
+  if (isCI)
+    return false;
+  let hasChromeLocally = false;
+  try {
+    hasChromeLocally = !!Launcher.getFirstInstallation();
+  } catch {
+  }
+  return hasChromeLocally;
+}
+async function checkPlaywrightDependency() {
+  return !!await tryResolveModule("playwright");
 }
 
 function normaliseFontInput(fonts) {
@@ -453,32 +452,32 @@ const module = defineNuxtModule({
         prerender: { sharp: false }
       });
     }
-    let hasChromeLocally = false;
-    try {
-      hasChromeLocally = !!Launcher.getFirstInstallation();
-    } catch {
-    }
-    const isUndefinedOrTruthy = (v) => typeof v === "undefined" || v !== false;
-    if (isUndefinedOrTruthy(config.compatibility?.prerender?.chromium) && isUndefinedOrTruthy(config.compatibility?.runtime?.chromium)) {
-      if (isCI)
-        await ensureChromium(logger);
-      const hasPlaywrightDependency = !!await tryResolveModule("playwright");
-      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" }
-        });
-      }
-    } else if (!hasChromeLocally && nuxt.options.dev && config.compatibility?.dev?.chromium === "node") {
-      await ensureChromium(logger);
+    const hasChromeLocally = checkLocalChrome();
+    const hasPlaywrightDependency = await checkPlaywrightDependency();
+    const chromeCompatibilityFlags = {
+      prerender: config.compatibility?.prerender?.chromium,
+      dev: config.compatibility?.dev?.chromium,
+      runtime: config.compatibility?.runtime?.chromium
+    };
+    const chromiumBinding = {
+      dev: null,
+      prerender: null,
+      runtime: null
+    };
+    if (nuxt.options.dev) {
+      if (isUndefinedOrTruthy(chromeCompatibilityFlags.dev))
+        chromiumBinding.dev = hasChromeLocally ? "chrome-launcher" : hasPlaywrightDependency ? "playwright" : "on-demand";
+    } else {
+      if (isUndefinedOrTruthy(chromeCompatibilityFlags.prerender))
+        chromiumBinding.prerender = hasChromeLocally ? "chrome-launcher" : hasPlaywrightDependency ? "playwright" : "on-demand";
+      if (isUndefinedOrTruthy(chromeCompatibilityFlags.runtime))
+        chromiumBinding.runtime = hasPlaywrightDependency ? "playwright" : null;
     }
+    config.compatibility = defu(config.compatibility, {
+      runtime: { chromium: chromiumBinding.runtime },
+      dev: { chromium: chromiumBinding.dev },
+      prerender: { chromium: chromiumBinding.prerender }
+    });
     await import('@resvg/resvg-js').catch(() => {
       logger.warn("ReSVG is missing dependencies for environment. Falling back to WASM version, this may slow down PNG rendering.");
       config.compatibility = defu(config.compatibility, {
@@ -531,19 +530,19 @@ const module = defineNuxtModule({
     addServerHandler({
       lazy: true,
       route: "/__og-image__/font/**",
-      handler: resolve("./runtime/server/routes/__og-image__/font-[name]-[weight].[extension]")
+      handler: resolve("./runtime/nitro/routes/__og-image__/font-[name]-[weight].[extension]")
     });
     if (config.debug || nuxt.options.dev) {
       addServerHandler({
         lazy: true,
         route: "/__og-image__/debug.json",
-        handler: resolve("./runtime/server/routes/__og-image__/debug.json")
+        handler: resolve("./runtime/nitro/routes/__og-image__/debug.json")
       });
     }
     addServerHandler({
       lazy: true,
       route: "/__og-image__/image/**",
-      handler: resolve("./runtime/server/routes/__og-image__/image")
+      handler: resolve("./runtime/nitro/routes/__og-image__/image")
     });
     nuxt.options.optimization.treeShake.composables.client["nuxt-og-image"] = [];
     ["defineOgImage", "defineOgImageComponent", "defineOgImageScreenshot"].forEach((name2) => {

package/dist/runtime/core/bindings/chromium/chrome-launcher.mjs

@@ -0,0 +1,9 @@
+import playwrightCore from "playwright-core";
+import { Launcher } from "chrome-launcher";
+const chromePath = Launcher.getFirstInstallation();
+export async function createBrowser() {
+  return playwrightCore.chromium.launch({
+    headless: true,
+    executablePath: chromePath
+  });
+}

package/dist/runtime/core/bindings/chromium/on-demand.d.ts

@@ -0,0 +1,2 @@
+import type { Browser } from 'playwright-core';
+export declare function createBrowser(): Promise<Browser | void>;

package/dist/runtime/core/bindings/chromium/on-demand.mjs

@@ -0,0 +1,36 @@
+import { execa } from "execa";
+import terminate from "terminate";
+import { createConsola } from "consola";
+import playwrightCore from "playwright-core";
+let installedChromium = false;
+let installChromiumPromise;
+export async function createBrowser() {
+  if (installChromiumPromise)
+    await installChromiumPromise;
+  if (!installedChromium) {
+    installChromiumPromise = new Promise((_resolve) => {
+      const logger = createConsola().withTag("Nuxt OG Image");
+      logger.info("Installing Chromium install for og:image generation...");
+      const installChromeProcess = execa("npx", ["playwright", "install", "chromium"], {
+        stdio: "inherit"
+      });
+      installChromeProcess.stderr?.pipe(process.stderr);
+      new Promise((resolve) => {
+        installChromeProcess.on("exit", (e) => {
+          if (e !== 0)
+            logger.error("Failed to install Playwright dependency for og:image generation. Trying anyway...");
+          resolve(true);
+        });
+      }).then(() => {
+        installChromeProcess.pid && terminate(installChromeProcess.pid);
+        logger.info("Installed Chromium install for og:image generation.");
+        _resolve();
+      });
+    }).then(() => {
+      installedChromium = true;
+    });
+  }
+  return await playwrightCore.chromium.launch({
+    headless: true
+  });
+}

package/dist/runtime/core/bindings/chromium/playwright.d.ts

@@ -0,0 +1,2 @@
+import type { Browser } from 'playwright-core';
+export declare function createBrowser(): Promise<Browser | void>;

package/dist/runtime/core/bindings/chromium/playwright.mjs

@@ -0,0 +1,6 @@
+import playwright from "playwright";
+export async function createBrowser() {
+  return await playwright.chromium.launch({
+    headless: true
+  });
+}

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

@@ -1,3 +1,4 @@
 import type { DefineOgImageInput, OgImageOptions, OgImagePrebuilt } from '../types';
-export declare function createOgImageMeta(src: string | null, input: OgImageOptions | OgImagePrebuilt, resolvedOptions: OgImageOptions, ssrContext: Record<string, any>): void;
+import type { NuxtSSRContext } from '#app';
+export declare function createOgImageMeta(src: string | null, input: OgImageOptions | OgImagePrebuilt, resolvedOptions: OgImageOptions, ssrContext: NuxtSSRContext): void;
 export declare function normaliseOptions(_options: DefineOgImageInput): OgImageOptions | OgImagePrebuilt;

package/dist/runtime/types.d.ts

@@ -61,7 +61,7 @@ export interface ScreenshotOptions {
 }
 export type OgImagePrebuilt = {
     url: string;
-} & Pick<OgImageOptions, 'width' | 'height' | 'alt'>;
+} & Pick<OgImageOptions, 'width' | 'height' | 'alt' | '_query'>;
 export type DefineOgImageInput = OgImageOptions | OgImagePrebuilt | false;
 export interface OgImageOptions<T extends keyof OgImageComponents = 'NuxtSeo'> {
     /**
@@ -125,7 +125,7 @@ export interface ResolvedFontConfig extends FontConfig {
 }
 export type InputFontConfig = (`${string}:${number}` | string | FontConfig);
 export interface RuntimeCompatibilitySchema {
-    chromium: 'node' | false;
+    chromium: 'chrome-launcher' | 'on-demand' | 'playwright' | false;
     ['css-inline']: 'node' | 'wasm' | 'wasm-fs' | false;
     resvg: 'node' | 'wasm' | 'wasm-fs' | false;
     satori: 'node' | 'wasm' | 'wasm-fs' | false;

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "nuxt-og-image",
   "type": "module",
-  "version": "3.0.0-rc.29",
-  "packageManager": "pnpm@8.14.2",
+  "version": "3.0.0-rc.30",
+  "packageManager": "pnpm@8.14.3",
   "description": "Enlightened OG Image generation for Nuxt.",
   "author": {
     "website": "https://harlanzw.com",
@@ -40,8 +40,8 @@
     "@nuxt/kit": "^3.9.3",
     "@resvg/resvg-js": "^2.6.0",
     "@resvg/resvg-wasm": "^2.6.0",
-    "@unocss/core": "^0.58.3",
-    "@unocss/preset-wind": "^0.58.3",
+    "@unocss/core": "^0.58.4",
+    "@unocss/preset-wind": "^0.58.4",
     "@vueuse/core": "^10.7.2",
     "chrome-launcher": "^1.1.0",
     "defu": "^6.1.4",
@@ -53,7 +53,7 @@
     "nuxt-icon": "^0.6.8",
     "nuxt-site-config": "^2.2.8",
     "nuxt-site-config-kit": "^2.2.8",
-    "nypm": "^0.3.4",
+    "nypm": "^0.3.6",
     "ofetch": "^1.3.3",
     "ohash": "^1.1.3",
     "pathe": "^1.1.2",
@@ -62,13 +62,13 @@
     "radix3": "^1.1.0",
     "satori": "0.10.11",
     "satori-html": "^0.3.2",
-    "shikiji": "^0.10.0",
+    "shikiji": "^0.10.2",
     "sirv": "^2.0.4",
     "splitpanes": "^3.1.5",
     "std-env": "^3.7.0",
     "terminate": "^2.6.1",
     "ufo": "^1.3.2",
-    "vanilla-jsoneditor": "^0.21.3",
+    "vanilla-jsoneditor": "^0.21.4",
     "yoga-wasm-web": "^0.3.3"
   },
   "devDependencies": {
@@ -88,11 +88,11 @@
     "@nuxtjs/color-mode": "^3.3.2",
     "@nuxtjs/eslint-config-typescript": "^12.1.0",
     "@nuxtjs/i18n": "8.0.0",
-    "@nuxtjs/tailwindcss": "^6.11.0",
-    "@unocss/nuxt": "^0.58.3",
-    "@unocss/preset-icons": "^0.58.3",
-    "@unocss/preset-uno": "^0.58.3",
-    "@unocss/runtime": "^0.58.3",
+    "@nuxtjs/tailwindcss": "^6.11.1",
+    "@unocss/nuxt": "^0.58.4",
+    "@unocss/preset-icons": "^0.58.4",
+    "@unocss/preset-uno": "^0.58.4",
+    "@unocss/runtime": "^0.58.4",
     "@vueuse/nuxt": "^10.7.2",
     "bumpp": "^9.3.0",
     "eslint": "8.56.0",
@@ -103,8 +103,8 @@
     "sass": "^1.70.0",
     "sharp": "^0.33.2",
     "typescript": "^5.3.3",
-    "unocss": "^0.58.3",
-    "vitest": "^1.2.1"
+    "unocss": "^0.58.4",
+    "vitest": "^1.2.2"
   },
   "build": {
     "externals": [

package/dist/client/_nuxt/builds/meta/33bf69ba-5452-4e77-ad39-508d00267652.json

@@ -1 +0,0 @@
-{"id":"33bf69ba-5452-4e77-ad39-508d00267652","timestamp":1705934069704,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}

package/dist/runtime/core/bindings/chromium/node.mjs

@@ -1,33 +0,0 @@
-import playwrightCore from "playwright-core";
-export async function createBrowser() {
-  if (import.meta.dev || import.meta.env.prerender) {
-    try {
-      const { Launcher } = await import(String("chrome-launcher"));
-      const chromePath = Launcher.getFirstInstallation();
-      return await playwrightCore.chromium.launch({
-        headless: true,
-        executablePath: chromePath
-      });
-    } catch (e) {
-    }
-  }
-  try {
-    return await playwrightCore.chromium.launch({
-      headless: true
-    });
-  } catch (e) {
-  }
-  try {
-    const playwright = await import(String("playwright"));
-    return await playwright.chromium.launch({
-      headless: true
-    });
-  } catch (e) {
-    if (import.meta.dev) {
-      console.warn("Failed to load chromium instance. Ensure you have chrome installed, otherwise add the dependency: `npm add -D playwright`.");
-    } else {
-      console.error("Failed to load browser instance. Please open an issue with the exception: https://github.com/nuxt-modules/og-image/issues.");
-      throw e;
-    }
-  }
-}