nuxt-og-image 4.1.4 → 4.1.5

package/dist/client/_nuxt/builds/latest.json

@@ -1 +1 @@
-{"id":"ae36edbe-d750-4528-bc56-0a4f60b76f8a","timestamp":1739913275804}
+{"id":"03f87ee4-d949-4449-809e-3cf9919c9be8","timestamp":1740816812278}

package/dist/client/_nuxt/builds/meta/03f87ee4-d949-4449-809e-3cf9919c9be8.json

@@ -0,0 +1 @@
+{"id":"03f87ee4-d949-4449-809e-3cf9919c9be8","timestamp":1740816812278,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}

package/dist/client/_nuxt/error-404.Cg-uDbSf.css

@@ -0,0 +1 @@
+.spotlight[data-v-17b0f197]{background:linear-gradient(45deg,#00dc82,#36e4da 50%,#0047e1);bottom:-30vh;filter:blur(20vh);height:40vh}.gradient-border[data-v-17b0f197]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.5rem;position:relative}@media (prefers-color-scheme:light){.gradient-border[data-v-17b0f197]{background-color:#ffffff4d}.gradient-border[data-v-17b0f197]:before{background:linear-gradient(90deg,#e2e2e2,#e2e2e2 25%,#00dc82,#36e4da 75%,#0047e1)}}@media (prefers-color-scheme:dark){.gradient-border[data-v-17b0f197]{background-color:#1414144d}.gradient-border[data-v-17b0f197]:before{background:linear-gradient(90deg,#303030,#303030 25%,#00dc82,#36e4da 75%,#0047e1)}}.gradient-border[data-v-17b0f197]:before{background-size:400% auto;border-radius:.5rem;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;padding:2px;position:absolute;right:0;top:0;transition:background-position .3s ease-in-out,opacity .2s ease-in-out;width:100%}.gradient-border[data-v-17b0f197]:hover:before{background-position:-50% 0;opacity:1}.fixed[data-v-17b0f197]{position:fixed}.left-0[data-v-17b0f197]{left:0}.right-0[data-v-17b0f197]{right:0}.z-10[data-v-17b0f197]{z-index:10}.z-20[data-v-17b0f197]{z-index:20}.grid[data-v-17b0f197]{display:grid}.mb-16[data-v-17b0f197]{margin-bottom:4rem}.mb-8[data-v-17b0f197]{margin-bottom:2rem}.max-w-520px[data-v-17b0f197]{max-width:520px}.min-h-screen[data-v-17b0f197]{min-height:100vh}.w-full[data-v-17b0f197]{width:100%}.flex[data-v-17b0f197]{display:flex}.cursor-pointer[data-v-17b0f197]{cursor:pointer}.place-content-center[data-v-17b0f197]{place-content:center}.items-center[data-v-17b0f197]{align-items:center}.justify-center[data-v-17b0f197]{justify-content:center}.overflow-hidden[data-v-17b0f197]{overflow:hidden}.bg-white[data-v-17b0f197]{--un-bg-opacity:1;background-color:rgb(255 255 255/var(--un-bg-opacity))}.px-4[data-v-17b0f197]{padding-left:1rem;padding-right:1rem}.px-8[data-v-17b0f197]{padding-left:2rem;padding-right:2rem}.py-2[data-v-17b0f197]{padding-bottom:.5rem;padding-top:.5rem}.text-center[data-v-17b0f197]{text-align:center}.text-8xl[data-v-17b0f197]{font-size:6rem;line-height:1}.text-xl[data-v-17b0f197]{font-size:1.25rem;line-height:1.75rem}.text-black[data-v-17b0f197]{--un-text-opacity:1;color:rgb(0 0 0/var(--un-text-opacity))}.font-light[data-v-17b0f197]{font-weight:300}.font-medium[data-v-17b0f197]{font-weight:500}.leading-tight[data-v-17b0f197]{line-height:1.25}.font-sans[data-v-17b0f197]{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}.antialiased[data-v-17b0f197]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){.dark\:bg-black[data-v-17b0f197]{--un-bg-opacity:1;background-color:rgb(0 0 0/var(--un-bg-opacity))}.dark\:text-white[data-v-17b0f197]{--un-text-opacity:1;color:rgb(255 255 255/var(--un-text-opacity))}}@media (min-width:640px){.sm\:px-0[data-v-17b0f197]{padding-left:0;padding-right:0}.sm\:px-6[data-v-17b0f197]{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-3[data-v-17b0f197]{padding-bottom:.75rem;padding-top:.75rem}.sm\:text-4xl[data-v-17b0f197]{font-size:2.25rem;line-height:2.5rem}.sm\:text-xl[data-v-17b0f197]{font-size:1.25rem;line-height:1.75rem}}

package/dist/client/_nuxt/error-500.CWOGVHgV.css

@@ -0,0 +1 @@
+.spotlight[data-v-69829d9a]{background:linear-gradient(45deg,#00dc82,#36e4da 50%,#0047e1);filter:blur(20vh)}.fixed[data-v-69829d9a]{position:fixed}.-bottom-1\/2[data-v-69829d9a]{bottom:-50%}.left-0[data-v-69829d9a]{left:0}.right-0[data-v-69829d9a]{right:0}.grid[data-v-69829d9a]{display:grid}.mb-16[data-v-69829d9a]{margin-bottom:4rem}.mb-8[data-v-69829d9a]{margin-bottom:2rem}.h-1\/2[data-v-69829d9a]{height:50%}.max-w-520px[data-v-69829d9a]{max-width:520px}.min-h-screen[data-v-69829d9a]{min-height:100vh}.place-content-center[data-v-69829d9a]{place-content:center}.overflow-hidden[data-v-69829d9a]{overflow:hidden}.bg-white[data-v-69829d9a]{--un-bg-opacity:1;background-color:rgb(255 255 255/var(--un-bg-opacity))}.px-8[data-v-69829d9a]{padding-left:2rem;padding-right:2rem}.text-center[data-v-69829d9a]{text-align:center}.text-8xl[data-v-69829d9a]{font-size:6rem;line-height:1}.text-xl[data-v-69829d9a]{font-size:1.25rem;line-height:1.75rem}.text-black[data-v-69829d9a]{--un-text-opacity:1;color:rgb(0 0 0/var(--un-text-opacity))}.font-light[data-v-69829d9a]{font-weight:300}.font-medium[data-v-69829d9a]{font-weight:500}.leading-tight[data-v-69829d9a]{line-height:1.25}.font-sans[data-v-69829d9a]{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}.antialiased[data-v-69829d9a]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){.dark\:bg-black[data-v-69829d9a]{--un-bg-opacity:1;background-color:rgb(0 0 0/var(--un-bg-opacity))}.dark\:text-white[data-v-69829d9a]{--un-text-opacity:1;color:rgb(255 255 255/var(--un-text-opacity))}}@media (min-width:640px){.sm\:px-0[data-v-69829d9a]{padding-left:0;padding-right:0}.sm\:text-4xl[data-v-69829d9a]{font-size:2.25rem;line-height:2.5rem}}

package/dist/client/index.html

@@ -1,15 +1,15 @@
 <!DOCTYPE html><html  data-capo=""><head><meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <link rel="stylesheet" href="/__nuxt-og-image/_nuxt/entry.BZSHFM_J.css" crossorigin>
-<link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/CfDoOVw0.js">
+<link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/Da4II6Ro.js">
 <link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/CVO1_9PV.js">
 <link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/D0r3Knsf.js">
 <link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/DGRTSKzu.js">
 <link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/DTAJTTim.js">
 <link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/B6E6ObS_.js">
-<link rel="prefetch" as="style" crossorigin href="/__nuxt-og-image/_nuxt/error-404.CGnoa_1h.css">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/jxZXbuzO.js">
-<link rel="prefetch" as="style" crossorigin href="/__nuxt-og-image/_nuxt/error-500.BhZShif1.css">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/BZ1PubqM.js">
-<script type="module" src="/__nuxt-og-image/_nuxt/CfDoOVw0.js" crossorigin></script></head><body><div id="__nuxt"></div><div id="teleports"></div><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="false" id="__NUXT_DATA__">[{"prerenderedAt":1,"serverRendered":2},1739913287340,false]</script>
-<script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__nuxt-og-image",buildId:"ae36edbe-d750-4528-bc56-0a4f60b76f8a",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body></html>
+<link rel="prefetch" as="style" crossorigin href="/__nuxt-og-image/_nuxt/error-404.Cg-uDbSf.css">
+<link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/-KRqNZ6N.js">
+<link rel="prefetch" as="style" crossorigin href="/__nuxt-og-image/_nuxt/error-500.CWOGVHgV.css">
+<link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/CCJtj6wL.js">
+<script type="module" src="/__nuxt-og-image/_nuxt/Da4II6Ro.js" crossorigin></script></head><body><div id="__nuxt"></div><div id="teleports"></div><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="false" id="__NUXT_DATA__">[{"prerenderedAt":1,"serverRendered":2},1740816822146,false]</script>
+<script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__nuxt-og-image",buildId:"03f87ee4-d949-4449-809e-3cf9919c9be8",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body></html>

package/dist/module.cjs

@@ -14,6 +14,8 @@ const unstorage = require('unstorage');
 const fsDriver = require('unstorage/drivers/fs');
 const node_crypto = require('node:crypto');
 const nypm = require('nypm');
+const chromeLauncher = require('chrome-launcher');
+const ofetch = require('ofetch');
 const node_path = require('node:path');
 const devtoolsKit = require('@nuxt/devtools-kit');
 const node_url = require('node:url');
@@ -21,8 +23,6 @@ const MagicString = require('magic-string');
 const stripLiteral = require('strip-literal');
 const unplugin = require('unplugin');
 const logger_js = require('../dist/runtime/logger.js');
-const chromeLauncher = require('chrome-launcher');
-const ofetch = require('ofetch');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
@@ -43,6 +43,48 @@ const fs__namespace = /*#__PURE__*/_interopNamespaceCompat(fs);
 const fsDriver__default = /*#__PURE__*/_interopDefaultCompat(fsDriver);
 const MagicString__default = /*#__PURE__*/_interopDefaultCompat(MagicString);
 
+const isUndefinedOrTruthy = (v) => typeof v === "undefined" || v !== false;
+function checkLocalChrome() {
+  if (stdEnv.isCI)
+    return false;
+  let hasChromeLocally = false;
+  try {
+    hasChromeLocally = !!chromeLauncher.Launcher.getFirstInstallation();
+  } catch {
+  }
+  return hasChromeLocally;
+}
+async function hasResolvableDependency(dep) {
+  return await kit.resolvePath(dep, { fallbackToOriginal: true }).catch(() => null).then((r) => r && r !== dep);
+}
+async function downloadFont(font, storage, mirror) {
+  const { name, weight, style } = font;
+  const key = `${name}-${style}-${weight}.ttf.base64`;
+  if (await storage.hasItem(key))
+    return true;
+  const host = typeof mirror === "undefined" ? "fonts.googleapis.com" : mirror === true ? "fonts.font.im" : mirror;
+  const css = await ofetch.$fetch(`https://${host}/css2?family=${name}:${style === "ital" ? `ital,wght@1,${weight}` : `wght@${weight}`}`, {
+    timeout: 10 * 1e3,
+    // 10 second timeout
+    headers: {
+      // Make sure it returns TTF.
+      "User-Agent": "Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_6_8; de-at) AppleWebKit/533.21.1 (KHTML, like Gecko) Version/5.0.5 Safari/533.21.1"
+    }
+  }).catch(() => {
+    return false;
+  });
+  if (!css)
+    return false;
+  const ttfResource = css.match(/src: url\((.+)\) format\('(opentype|truetype)'\)/);
+  if (ttfResource?.[1]) {
+    const buf = await ofetch.$fetch(ttfResource[1], { baseURL: host, responseType: "arrayBuffer" });
+    const base64Font = Buffer.from(buf).toString("base64");
+    await storage.setItem(key, base64Font);
+    return true;
+  }
+  return false;
+}
+
 const autodetectableProviders = {
   azure_static: "azure",
   cloudflare_pages: "cloudflare-pages",
@@ -159,8 +201,8 @@ function getPresetNitroPresetCompatibility(target) {
 async function applyNitroPresetCompatibility(nitroConfig, options) {
   const target = resolveNitroPreset(nitroConfig);
   const compatibility = getPresetNitroPresetCompatibility(target);
-  const hasCssInlineNode = !!await kit.tryResolveModule("@css-inline/css-inline");
-  const hasCssInlineWasm = !!await kit.tryResolveModule("@css-inline/css-inline-wasm");
+  const hasCssInlineNode = await hasResolvableDependency("@css-inline/css-inline");
+  const hasCssInlineWasm = await hasResolvableDependency("@css-inline/css-inline-wasm");
   const { resolve } = options;
   const satoriEnabled = typeof options.compatibility?.satori !== "undefined" ? !!options.compatibility.satori : !!compatibility.satori;
   const chromiumEnabled = typeof options.compatibility?.chromium !== "undefined" ? !!options.compatibility.chromium : !!compatibility.chromium;
@@ -504,48 +546,6 @@ function normaliseFontInput(fonts) {
   });
 }
 
-const isUndefinedOrTruthy = (v) => typeof v === "undefined" || v !== false;
-function checkLocalChrome() {
-  if (stdEnv.isCI)
-    return false;
-  let hasChromeLocally = false;
-  try {
-    hasChromeLocally = !!chromeLauncher.Launcher.getFirstInstallation();
-  } catch {
-  }
-  return hasChromeLocally;
-}
-async function checkPlaywrightDependency() {
-  return !!await kit.tryResolveModule("playwright");
-}
-async function downloadFont(font, storage, mirror) {
-  const { name, weight, style } = font;
-  const key = `${name}-${style}-${weight}.ttf.base64`;
-  if (await storage.hasItem(key))
-    return true;
-  const host = typeof mirror === "undefined" ? "fonts.googleapis.com" : mirror === true ? "fonts.font.im" : mirror;
-  const css = await ofetch.$fetch(`https://${host}/css2?family=${name}:${style === "ital" ? `ital,wght@1,${weight}` : `wght@${weight}`}`, {
-    timeout: 10 * 1e3,
-    // 10 second timeout
-    headers: {
-      // Make sure it returns TTF.
-      "User-Agent": "Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_6_8; de-at) AppleWebKit/533.21.1 (KHTML, like Gecko) Version/5.0.5 Safari/533.21.1"
-    }
-  }).catch(() => {
-    return false;
-  });
-  if (!css)
-    return false;
-  const ttfResource = css.match(/src: url\((.+)\) format\('(opentype|truetype)'\)/);
-  if (ttfResource?.[1]) {
-    const buf = await ofetch.$fetch(ttfResource[1], { baseURL: host, responseType: "arrayBuffer" });
-    const base64Font = Buffer.from(buf).toString("base64");
-    await storage.setItem(key, base64Font);
-    return true;
-  }
-  return false;
-}
-
 const module$1 = kit.defineNuxtModule({
   meta: {
     name: "nuxt-og-image",
@@ -612,7 +612,7 @@ const module$1 = kit.defineNuxtModule({
     const hasConfiguredJpegs = userConfiguredExtension && ["jpeg", "jpg"].includes(userConfiguredExtension);
     if (!!config.sharpOptions || hasConfiguredJpegs && config.defaults.renderer !== "chromium") {
       isUsingSharp = true;
-      const hasSharpDependency = !!await kit.tryResolveModule("sharp");
+      const hasSharpDependency = await hasResolvableDependency("sharp");
       if (hasSharpDependency && !targetCompatibility.sharp) {
         logger_js.logger.warn(`Rendering JPEGs requires sharp which does not work with ${preset}. Images will be rendered as PNG at runtime.`);
         config.compatibility = defu.defu(config.compatibility, {
@@ -632,7 +632,7 @@ const module$1 = kit.defineNuxtModule({
       });
     }
     const hasChromeLocally = checkLocalChrome();
-    const hasPlaywrightDependency = await checkPlaywrightDependency();
+    const hasPlaywrightDependency = await hasResolvableDependency("playwright");
     const chromeCompatibilityFlags = {
       prerender: config.compatibility?.prerender?.chromium,
       dev: config.compatibility?.dev?.chromium,
@@ -819,7 +819,7 @@ const module$1 = kit.defineNuxtModule({
           const credits = componentFile.split("\n").find((line) => line.startsWith(" * @credits"))?.replace("* @credits", "").trim();
           ogImageComponentCtx.components.push({
             // purge cache when component changes
-            hash: ohash.hash(componentFile),
+            hash: ohash.hash(componentFile).replaceAll("_", "-"),
             pascalName: component.pascalName,
             kebabName: component.kebabName,
             path: nuxt.options.dev ? component.filePath : void 0,

package/dist/module.json

@@ -5,7 +5,7 @@
     "bridge": false
   },
   "configKey": "ogImage",
-  "version": "4.1.3",
+  "version": "4.1.4",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/module.mjs

@@ -1,18 +1,20 @@
 import * as fs from 'node:fs';
 import { existsSync } from 'node:fs';
 import { readFile, writeFile } from 'node:fs/promises';
-import { useNuxt, tryResolveModule, addTemplate, resolvePath, loadNuxtModuleInstance, createResolver, defineNuxtModule, addImports, addBuildPlugin, hasNuxtModule, hasNuxtModuleCompatibility, addServerPlugin, addServerHandler, addComponentsDir, addComponent, addPlugin } from '@nuxt/kit';
+import { resolvePath, useNuxt, addTemplate, loadNuxtModuleInstance, createResolver, defineNuxtModule, addImports, addBuildPlugin, hasNuxtModule, hasNuxtModuleCompatibility, addServerPlugin, addServerHandler, addComponentsDir, addComponent, addPlugin } from '@nuxt/kit';
 import { defu } from 'defu';
 import { installNuxtSiteConfig } from 'nuxt-site-config/kit';
 import { hash } from 'ohash';
 import { dirname, relative as relative$1, isAbsolute, basename } from 'pathe';
 import { readPackageJSON } from 'pkg-types';
-import { provider, env, isCI, isDevelopment } from 'std-env';
+import { isCI, provider, env, isDevelopment } from 'std-env';
 import { parseURL, parseQuery, withoutLeadingSlash } from 'ufo';
 import { createStorage } from 'unstorage';
 import fsDriver from 'unstorage/drivers/fs';
 import { createHash } from 'node:crypto';
 import { ensureDependencyInstalled } from 'nypm';
+import { Launcher } from 'chrome-launcher';
+import { $fetch } from 'ofetch';
 import { relative } from 'node:path';
 import { onDevToolsInitialized, extendServerRpc } from '@nuxt/devtools-kit';
 import { pathToFileURL } from 'node:url';
@@ -20,8 +22,48 @@ import MagicString from 'magic-string';
 import { stripLiteral } from 'strip-literal';
 import { createUnplugin } from 'unplugin';
 import { logger } from '../dist/runtime/logger.js';
-import { Launcher } from 'chrome-launcher';
-import { $fetch } from 'ofetch';
+
+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 hasResolvableDependency(dep) {
+  return await resolvePath(dep, { fallbackToOriginal: true }).catch(() => null).then((r) => r && r !== dep);
+}
+async function downloadFont(font, storage, mirror) {
+  const { name, weight, style } = font;
+  const key = `${name}-${style}-${weight}.ttf.base64`;
+  if (await storage.hasItem(key))
+    return true;
+  const host = typeof mirror === "undefined" ? "fonts.googleapis.com" : mirror === true ? "fonts.font.im" : mirror;
+  const css = await $fetch(`https://${host}/css2?family=${name}:${style === "ital" ? `ital,wght@1,${weight}` : `wght@${weight}`}`, {
+    timeout: 10 * 1e3,
+    // 10 second timeout
+    headers: {
+      // Make sure it returns TTF.
+      "User-Agent": "Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_6_8; de-at) AppleWebKit/533.21.1 (KHTML, like Gecko) Version/5.0.5 Safari/533.21.1"
+    }
+  }).catch(() => {
+    return false;
+  });
+  if (!css)
+    return false;
+  const ttfResource = css.match(/src: url\((.+)\) format\('(opentype|truetype)'\)/);
+  if (ttfResource?.[1]) {
+    const buf = await $fetch(ttfResource[1], { baseURL: host, responseType: "arrayBuffer" });
+    const base64Font = Buffer.from(buf).toString("base64");
+    await storage.setItem(key, base64Font);
+    return true;
+  }
+  return false;
+}
 
 const autodetectableProviders = {
   azure_static: "azure",
@@ -139,8 +181,8 @@ function getPresetNitroPresetCompatibility(target) {
 async function applyNitroPresetCompatibility(nitroConfig, options) {
   const target = resolveNitroPreset(nitroConfig);
   const compatibility = getPresetNitroPresetCompatibility(target);
-  const hasCssInlineNode = !!await tryResolveModule("@css-inline/css-inline");
-  const hasCssInlineWasm = !!await tryResolveModule("@css-inline/css-inline-wasm");
+  const hasCssInlineNode = await hasResolvableDependency("@css-inline/css-inline");
+  const hasCssInlineWasm = await hasResolvableDependency("@css-inline/css-inline-wasm");
   const { resolve } = options;
   const satoriEnabled = typeof options.compatibility?.satori !== "undefined" ? !!options.compatibility.satori : !!compatibility.satori;
   const chromiumEnabled = typeof options.compatibility?.chromium !== "undefined" ? !!options.compatibility.chromium : !!compatibility.chromium;
@@ -484,48 +526,6 @@ function normaliseFontInput(fonts) {
   });
 }
 
-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");
-}
-async function downloadFont(font, storage, mirror) {
-  const { name, weight, style } = font;
-  const key = `${name}-${style}-${weight}.ttf.base64`;
-  if (await storage.hasItem(key))
-    return true;
-  const host = typeof mirror === "undefined" ? "fonts.googleapis.com" : mirror === true ? "fonts.font.im" : mirror;
-  const css = await $fetch(`https://${host}/css2?family=${name}:${style === "ital" ? `ital,wght@1,${weight}` : `wght@${weight}`}`, {
-    timeout: 10 * 1e3,
-    // 10 second timeout
-    headers: {
-      // Make sure it returns TTF.
-      "User-Agent": "Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_6_8; de-at) AppleWebKit/533.21.1 (KHTML, like Gecko) Version/5.0.5 Safari/533.21.1"
-    }
-  }).catch(() => {
-    return false;
-  });
-  if (!css)
-    return false;
-  const ttfResource = css.match(/src: url\((.+)\) format\('(opentype|truetype)'\)/);
-  if (ttfResource?.[1]) {
-    const buf = await $fetch(ttfResource[1], { baseURL: host, responseType: "arrayBuffer" });
-    const base64Font = Buffer.from(buf).toString("base64");
-    await storage.setItem(key, base64Font);
-    return true;
-  }
-  return false;
-}
-
 const module = defineNuxtModule({
   meta: {
     name: "nuxt-og-image",
@@ -592,7 +592,7 @@ const module = defineNuxtModule({
     const hasConfiguredJpegs = userConfiguredExtension && ["jpeg", "jpg"].includes(userConfiguredExtension);
     if (!!config.sharpOptions || hasConfiguredJpegs && config.defaults.renderer !== "chromium") {
       isUsingSharp = true;
-      const hasSharpDependency = !!await tryResolveModule("sharp");
+      const hasSharpDependency = await hasResolvableDependency("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(config.compatibility, {
@@ -612,7 +612,7 @@ const module = defineNuxtModule({
       });
     }
     const hasChromeLocally = checkLocalChrome();
-    const hasPlaywrightDependency = await checkPlaywrightDependency();
+    const hasPlaywrightDependency = await hasResolvableDependency("playwright");
     const chromeCompatibilityFlags = {
       prerender: config.compatibility?.prerender?.chromium,
       dev: config.compatibility?.dev?.chromium,
@@ -799,7 +799,7 @@ const module = defineNuxtModule({
           const credits = componentFile.split("\n").find((line) => line.startsWith(" * @credits"))?.replace("* @credits", "").trim();
           ogImageComponentCtx.components.push({
             // purge cache when component changes
-            hash: hash(componentFile),
+            hash: hash(componentFile).replaceAll("_", "-"),
             pascalName: component.pascalName,
             kebabName: component.kebabName,
             path: nuxt.options.dev ? component.filePath : void 0,

package/dist/runtime/app/utils.js

@@ -1,11 +1,15 @@
 import { componentNames } from "#build/nuxt-og-image/components.mjs";
-import { resolveUnrefHeadInput, useServerHead } from "@unhead/vue";
+import { useHead } from "#imports";
+import { resolveUnrefHeadInput } from "@unhead/vue";
 import { defu } from "defu";
 import { stringify } from "devalue";
 import { withQuery } from "ufo";
 import { unref } from "vue";
 import { generateMeta, separateProps } from "../shared.js";
 export function createOgImageMeta(src, input, resolvedOptions, ssrContext) {
+  if (import.meta.client) {
+    return;
+  }
   const _input = separateProps(defu(input, ssrContext._ogImagePayload));
   let url = src || input.url || resolvedOptions.url;
   if (!url)
@@ -34,11 +38,11 @@ export function createOgImageMeta(src, input, resolvedOptions, ssrContext) {
       tagPosition: "bodyClose"
     });
   }
-  const instance = useServerHead({
+  const instance = useHead({
     script,
     meta
   }, {
-    tagPriority: 35
+    tagPriority: "high"
   });
   ssrContext._ogImagePayload = _input;
   ssrContext._ogImageInstances.push(instance);

package/dist/runtime/server/util/kit.js

@@ -4,7 +4,7 @@ import { hash } from "ohash";
 import { createRouter as createRadixRouter, toRouteMatcher } from "radix3";
 import { withoutBase, withoutTrailingSlash } from "ufo";
 export function fetchIsland(e, component, props) {
-  const hashId = hash([component, props]);
+  const hashId = hash([component, props]).replaceAll("_", "-");
   return e.$fetch(`/__nuxt_island/${component}_${hashId}.json`, {
     params: {
       props: JSON.stringify(props)

package/dist/runtime/shared.d.ts

@@ -1,5 +1,6 @@
+import type { Head } from '@unhead/vue';
 import type { OgImageOptions, OgImageRuntimeConfig } from './types.js';
 export * from './pure.js';
-export declare function generateMeta(url: string, resolvedOptions: OgImageOptions): import("@unhead/schema").Meta<import("@unhead/schema").UserTagConfigWithoutInnerContent>[];
+export declare function generateMeta(url: string, resolvedOptions: OgImageOptions): Head['meta'];
 export declare function getOgImagePath(pagePath: string, _options?: Partial<OgImageOptions>): string;
 export declare function useOgImageRuntimeConfig(): OgImageRuntimeConfig;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-og-image",
   "type": "module",
-  "version": "4.1.4",
+  "version": "4.1.5",
   "description": "Enlightened OG Image generation for Nuxt.",
   "author": {
     "website": "https://harlanzw.com",
@@ -47,25 +47,30 @@
   "engines": {
     "node": ">=18.0.0"
   },
+  "peerDependencies": {
+    "@unhead/vue": "^1.0.0 || ^2.0.0",
+    "unstorage": "^1.0.0"
+  },
   "dependencies": {
-    "@nuxt/devtools-kit": "2.1.0",
+    "@nuxt/devtools-kit": "2.1.1",
     "@nuxt/kit": "^3.15.4",
     "@resvg/resvg-js": "^2.6.2",
     "@resvg/resvg-wasm": "^2.6.2",
+    "@unhead/ssr": "^1.11.20",
     "@unocss/core": "^66.0.0",
     "@unocss/preset-wind3": "^66.0.0",
     "chrome-launcher": "^1.1.2",
     "consola": "^3.4.0",
     "defu": "^6.1.4",
     "execa": "^9.5.2",
-    "image-size": "^1.2.0",
+    "image-size": "^2.0.0",
     "magic-string": "^0.30.17",
-    "nuxt-site-config": "^3.0.7",
-    "nypm": "^0.5.2",
+    "nuxt-site-config": "^3.1.1",
+    "nypm": "^0.6.0",
     "ofetch": "^1.4.1",
-    "ohash": "^1.1.4",
+    "ohash": "^2.0.7",
     "pathe": "^2.0.3",
-    "pkg-types": "^1.3.1",
+    "pkg-types": "^2.0.0",
     "playwright-core": "^1.50.1",
     "radix3": "^1.1.2",
     "satori": "^0.12.1",
@@ -78,49 +83,45 @@
     "unwasm": "^0.3.9",
     "yoga-wasm-web": "^0.3.3"
   },
-  "peerDependencies": {
-    "unstorage": "^1.0.0"
-  },
   "devDependencies": {
     "@antfu/eslint-config": "^4.3.0",
     "@css-inline/css-inline": "^0.14.3",
     "@headlessui/vue": "^1.7.23",
-    "@iconify-json/carbon": "^1.2.7",
+    "@iconify-json/carbon": "^1.2.8",
     "@iconify-json/logos": "^1.2.4",
     "@iconify-json/noto": "^1.2.2",
     "@iconify-json/ri": "^1.2.5",
     "@iconify-json/tabler": "^1.2.16",
     "@img/sharp-linux-x64": "0.33.5",
-    "@nuxt/content": "^3.1.1",
-    "@nuxt/devtools": "2.1.0",
-    "@nuxt/devtools-ui-kit": "2.1.0",
+    "@nuxt/content": "^3.2.2",
+    "@nuxt/devtools": "2.1.1",
+    "@nuxt/devtools-ui-kit": "2.1.1",
     "@nuxt/icon": "^1.10.3",
     "@nuxt/image": "^1.9.0",
     "@nuxt/module-builder": "^0.8.4",
-    "@nuxt/test-utils": "3.15.4",
+    "@nuxt/test-utils": "3.17.0",
     "@nuxt/ui": "^2.21.0",
     "@nuxtjs/color-mode": "^3.5.2",
     "@nuxtjs/eslint-config-typescript": "^12.1.0",
-    "@nuxtjs/i18n": "^9.2.0",
+    "@nuxtjs/i18n": "^9.2.1",
     "@nuxtjs/tailwindcss": "^6.13.1",
     "@unocss/nuxt": "^66.0.0",
     "@unocss/preset-icons": "^66.0.0",
     "@unocss/runtime": "^66.0.0",
     "@vueuse/nuxt": "^12.7.0",
     "bumpp": "^10.0.3",
-    "eslint": "9.20.1",
+    "eslint": "9.21.0",
     "jest-image-snapshot": "^6.4.0",
     "nuxt": "^3.15.4",
     "playwright": "^1.50.1",
-    "sass": "^1.85.0",
+    "sass": "^1.85.1",
     "sharp": "^0.33.5",
     "typescript": "5.6.3",
     "unocss": "^66.0.0",
-    "vitest": "^3.0.6"
+    "vitest": "^3.0.7"
   },
   "resolutions": {
-    "typescript": "5.6.3",
-    "vitest": "https://pkg.pr.new/vitest@7bfa70cffd5ecbaa356855b37dea5dc75a901eea"
+    "typescript": "5.6.3"
   },
   "scripts": {
     "stub": "nuxt-build-module build --stub && nuxt-module-build prepare",

package/dist/client/_nuxt/builds/meta/ae36edbe-d750-4528-bc56-0a4f60b76f8a.json

@@ -1 +0,0 @@
-{"id":"ae36edbe-d750-4528-bc56-0a4f60b76f8a","timestamp":1739913275804,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}

package/dist/client/_nuxt/error-404.CGnoa_1h.css

@@ -1 +0,0 @@
-.spotlight[data-v-b143b6f3]{background:linear-gradient(45deg,#00dc82,#36e4da 50%,#0047e1);bottom:-30vh;filter:blur(20vh);height:40vh}.gradient-border[data-v-b143b6f3]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.5rem;position:relative}@media (prefers-color-scheme:light){.gradient-border[data-v-b143b6f3]{background-color:#ffffff4d}.gradient-border[data-v-b143b6f3]:before{background:linear-gradient(90deg,#e2e2e2,#e2e2e2 25%,#00dc82,#36e4da 75%,#0047e1)}}@media (prefers-color-scheme:dark){.gradient-border[data-v-b143b6f3]{background-color:#1414144d}.gradient-border[data-v-b143b6f3]:before{background:linear-gradient(90deg,#303030,#303030 25%,#00dc82,#36e4da 75%,#0047e1)}}.gradient-border[data-v-b143b6f3]:before{background-size:400% auto;border-radius:.5rem;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;padding:2px;position:absolute;right:0;top:0;transition:background-position .3s ease-in-out,opacity .2s ease-in-out;width:100%}.gradient-border[data-v-b143b6f3]:hover:before{background-position:-50% 0;opacity:1}.fixed[data-v-b143b6f3]{position:fixed}.left-0[data-v-b143b6f3]{left:0}.right-0[data-v-b143b6f3]{right:0}.z-10[data-v-b143b6f3]{z-index:10}.z-20[data-v-b143b6f3]{z-index:20}.grid[data-v-b143b6f3]{display:grid}.mb-16[data-v-b143b6f3]{margin-bottom:4rem}.mb-8[data-v-b143b6f3]{margin-bottom:2rem}.max-w-520px[data-v-b143b6f3]{max-width:520px}.min-h-screen[data-v-b143b6f3]{min-height:100vh}.w-full[data-v-b143b6f3]{width:100%}.flex[data-v-b143b6f3]{display:flex}.cursor-pointer[data-v-b143b6f3]{cursor:pointer}.place-content-center[data-v-b143b6f3]{place-content:center}.items-center[data-v-b143b6f3]{align-items:center}.justify-center[data-v-b143b6f3]{justify-content:center}.overflow-hidden[data-v-b143b6f3]{overflow:hidden}.bg-white[data-v-b143b6f3]{--un-bg-opacity:1;background-color:rgb(255 255 255/var(--un-bg-opacity))}.px-4[data-v-b143b6f3]{padding-left:1rem;padding-right:1rem}.px-8[data-v-b143b6f3]{padding-left:2rem;padding-right:2rem}.py-2[data-v-b143b6f3]{padding-bottom:.5rem;padding-top:.5rem}.text-center[data-v-b143b6f3]{text-align:center}.text-8xl[data-v-b143b6f3]{font-size:6rem;line-height:1}.text-xl[data-v-b143b6f3]{font-size:1.25rem;line-height:1.75rem}.text-black[data-v-b143b6f3]{--un-text-opacity:1;color:rgb(0 0 0/var(--un-text-opacity))}.font-light[data-v-b143b6f3]{font-weight:300}.font-medium[data-v-b143b6f3]{font-weight:500}.leading-tight[data-v-b143b6f3]{line-height:1.25}.font-sans[data-v-b143b6f3]{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}.antialiased[data-v-b143b6f3]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){.dark\:bg-black[data-v-b143b6f3]{--un-bg-opacity:1;background-color:rgb(0 0 0/var(--un-bg-opacity))}.dark\:text-white[data-v-b143b6f3]{--un-text-opacity:1;color:rgb(255 255 255/var(--un-text-opacity))}}@media (min-width:640px){.sm\:px-0[data-v-b143b6f3]{padding-left:0;padding-right:0}.sm\:px-6[data-v-b143b6f3]{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-3[data-v-b143b6f3]{padding-bottom:.75rem;padding-top:.75rem}.sm\:text-4xl[data-v-b143b6f3]{font-size:2.25rem;line-height:2.5rem}.sm\:text-xl[data-v-b143b6f3]{font-size:1.25rem;line-height:1.75rem}}

package/dist/client/_nuxt/error-500.BhZShif1.css

@@ -1 +0,0 @@
-.spotlight[data-v-32db3a15]{background:linear-gradient(45deg,#00dc82,#36e4da 50%,#0047e1);filter:blur(20vh)}.fixed[data-v-32db3a15]{position:fixed}.-bottom-1\/2[data-v-32db3a15]{bottom:-50%}.left-0[data-v-32db3a15]{left:0}.right-0[data-v-32db3a15]{right:0}.grid[data-v-32db3a15]{display:grid}.mb-16[data-v-32db3a15]{margin-bottom:4rem}.mb-8[data-v-32db3a15]{margin-bottom:2rem}.h-1\/2[data-v-32db3a15]{height:50%}.max-w-520px[data-v-32db3a15]{max-width:520px}.min-h-screen[data-v-32db3a15]{min-height:100vh}.place-content-center[data-v-32db3a15]{place-content:center}.overflow-hidden[data-v-32db3a15]{overflow:hidden}.bg-white[data-v-32db3a15]{--un-bg-opacity:1;background-color:rgb(255 255 255/var(--un-bg-opacity))}.px-8[data-v-32db3a15]{padding-left:2rem;padding-right:2rem}.text-center[data-v-32db3a15]{text-align:center}.text-8xl[data-v-32db3a15]{font-size:6rem;line-height:1}.text-xl[data-v-32db3a15]{font-size:1.25rem;line-height:1.75rem}.text-black[data-v-32db3a15]{--un-text-opacity:1;color:rgb(0 0 0/var(--un-text-opacity))}.font-light[data-v-32db3a15]{font-weight:300}.font-medium[data-v-32db3a15]{font-weight:500}.leading-tight[data-v-32db3a15]{line-height:1.25}.font-sans[data-v-32db3a15]{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}.antialiased[data-v-32db3a15]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){.dark\:bg-black[data-v-32db3a15]{--un-bg-opacity:1;background-color:rgb(0 0 0/var(--un-bg-opacity))}.dark\:text-white[data-v-32db3a15]{--un-text-opacity:1;color:rgb(255 255 255/var(--un-text-opacity))}}@media (min-width:640px){.sm\:px-0[data-v-32db3a15]{padding-left:0;padding-right:0}.sm\:text-4xl[data-v-32db3a15]{font-size:2.25rem;line-height:2.5rem}}