nuxt-og-image 5.1.4 → 5.1.6

package/dist/runtime/server/og-image/satori/renderer.js

@@ -1,5 +1,6 @@
 import { fontCache } from "#og-image-cache";
 import { theme } from "#og-image-virtual/unocss-config.mjs";
+import compatibility from "#og-image/compatibility";
 import { defu } from "defu";
 import { sendError } from "h3";
 import { normaliseFontInput, useOgImageRuntimeConfig } from "../../../shared.js";
@@ -67,9 +68,31 @@ async function createPng(event) {
 }
 async function createJpeg(event) {
   const { sharpOptions } = useOgImageRuntimeConfig();
-  const png = await createPng(event);
-  const sharp = await useSharp();
-  return sharp(png, defu(event.options.sharp, sharpOptions)).jpeg().toBuffer();
+  if (compatibility.sharp === false) {
+    if (import.meta.dev) {
+      throw new Error("Sharp dependency is not accessible. Please check you have it installed and are using a compatible runtime.");
+    } else {
+      console.error("Sharp dependency is not accessible. Please check you have it installed and are using a compatible runtime. Falling back to png.");
+    }
+    return createPng(event);
+  }
+  const svg = await createSvg(event);
+  if (!svg) {
+    throw new Error("Failed to create SVG for JPEG rendering.");
+  }
+  const svgBuffer = Buffer.from(svg);
+  const sharp = await useSharp().catch(() => {
+    if (import.meta.dev) {
+      throw new Error("Sharp dependency could not be loaded. Please check you have it installed and are using a compatible runtime.");
+    }
+    return null;
+  });
+  if (!sharp) {
+    console.error("Sharp dependency is not accessible. Please check you have it installed and are using a compatible runtime. Falling back to png.");
+    return createPng(event);
+  }
+  const options = defu(event.options.sharp, sharpOptions);
+  return sharp(svgBuffer, options).jpeg(options).toBuffer();
 }
 const SatoriRenderer = {
   name: "satori",

package/dist/runtime/server/og-image/satori/transforms/inlineCss.js

@@ -4,8 +4,8 @@ import { useCssInline } from "../instances.js";
 export async function applyInlineCss(ctx, island) {
   const { e } = ctx;
   let html = island.html;
-  let css = island.head.style.map((s) => s.innerHTML).filter(Boolean).join("\n");
-  const componentInlineStyles = island.head.link.filter((l) => l.href.startsWith("/_nuxt/components") && l.href.replaceAll("/", "").includes(ctx.options.component));
+  let css = island.head.style?.map((s) => s.innerHTML).filter(Boolean).join("\n") || "";
+  const componentInlineStyles = island.head.link?.filter((l) => l.href.startsWith("/_nuxt/components") && l.href.replaceAll("/", "").includes(ctx.options.component)) || [];
   if (!import.meta.prerender && !componentInlineStyles.length) {
     return false;
   }

package/dist/runtime/types.d.ts

@@ -7,7 +7,7 @@ import type { NitroOptions } from 'nitropack';
 import type { NitroApp } from 'nitropack/types';
 import type { SatoriOptions } from 'satori';
 import type { html } from 'satori-html';
-import type { SharpOptions } from 'sharp';
+import type { JpegOptions, SharpOptions } from 'sharp';
 import type { Ref } from 'vue';
 export interface OgImageRenderEventContext {
     unocss: UnoGenerator;
@@ -116,7 +116,7 @@ export interface OgImageOptions<T extends keyof OgImageComponents = 'NuxtSeo'> {
     resvg?: ResvgRenderOptions;
     satori?: SatoriOptions;
     screenshot?: Partial<ScreenshotOptions>;
-    sharp?: SharpOptions;
+    sharp?: SharpOptions & JpegOptions;
     fonts?: InputFontConfig[];
     cacheMaxAgeSeconds?: number;
     /**

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-og-image",
   "type": "module",
-  "version": "5.1.4",
+  "version": "5.1.6",
   "description": "Enlightened OG Image generation for Nuxt.",
   "author": {
     "website": "https://harlanzw.com",
@@ -48,16 +48,16 @@
     "unstorage": "^1.15.0"
   },
   "dependencies": {
-    "@nuxt/devtools-kit": "^2.4.1",
-    "@nuxt/kit": "^3.17.3",
+    "@nuxt/devtools-kit": "^2.5.0",
+    "@nuxt/kit": "^3.17.5",
     "@resvg/resvg-js": "^2.6.2",
     "@resvg/resvg-wasm": "^2.6.2",
-    "@unocss/core": "^66.1.2",
-    "@unocss/preset-wind3": "^66.1.2",
+    "@unocss/core": "^66.1.3",
+    "@unocss/preset-wind3": "^66.1.3",
     "chrome-launcher": "^1.2.0",
     "consola": "^3.4.2",
     "defu": "^6.1.4",
-    "execa": "^9.5.3",
+    "execa": "^9.6.0",
     "image-size": "^2.0.2",
     "magic-string": "^0.30.17",
     "mocked-exports": "^0.1.1",
@@ -69,52 +69,52 @@
     "pkg-types": "^2.1.0",
     "playwright-core": "^1.52.0",
     "radix3": "^1.1.2",
-    "satori": "^0.13.1",
+    "satori": "^0.13.2",
     "satori-html": "^0.3.2",
     "sirv": "^3.0.1",
     "std-env": "^3.9.0",
     "strip-literal": "^3.0.0",
     "ufo": "^1.6.1",
-    "unplugin": "^2.3.4",
+    "unplugin": "^2.3.5",
     "unwasm": "^0.3.9",
     "yoga-wasm-web": "^0.3.3"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^4.13.1",
+    "@antfu/eslint-config": "^4.13.3",
     "@css-inline/css-inline": "^0.14.3",
     "@headlessui/vue": "^1.7.23",
-    "@iconify-json/carbon": "^1.2.8",
+    "@iconify-json/carbon": "^1.2.9",
     "@iconify-json/logos": "^1.2.4",
     "@iconify-json/noto": "^1.2.3",
     "@iconify-json/ri": "^1.2.5",
-    "@iconify-json/tabler": "^1.2.18",
-    "@img/sharp-linux-x64": "^0.34.1",
+    "@iconify-json/tabler": "^1.2.19",
+    "@img/sharp-linux-x64": "^0.34.2",
     "@nuxt/content": "^3.5.1",
-    "@nuxt/devtools": "^2.4.1",
-    "@nuxt/devtools-ui-kit": "^2.4.1",
+    "@nuxt/devtools": "^2.5.0",
+    "@nuxt/devtools-ui-kit": "^2.5.0",
     "@nuxt/icon": "^1.13.0",
     "@nuxt/image": "^1.10.0",
     "@nuxt/module-builder": "^1.0.1",
-    "@nuxt/test-utils": "^3.19.0",
-    "@nuxt/ui": "^3.1.2",
+    "@nuxt/test-utils": "^3.19.1",
+    "@nuxt/ui": "^3.1.3",
     "@nuxtjs/color-mode": "^3.5.2",
     "@nuxtjs/eslint-config-typescript": "^12.1.0",
-    "@nuxtjs/i18n": "^9.5.4",
+    "@nuxtjs/i18n": "^9.5.5",
     "@nuxtjs/tailwindcss": "^6.14.0",
-    "@unocss/nuxt": "^66.1.2",
-    "@unocss/preset-icons": "^66.1.2",
-    "@unocss/runtime": "^66.1.2",
-    "@vueuse/nuxt": "^13.2.0",
+    "@unocss/nuxt": "^66.1.3",
+    "@unocss/preset-icons": "^66.1.3",
+    "@unocss/runtime": "^66.1.3",
+    "@vueuse/nuxt": "^13.3.0",
     "bumpp": "^10.1.1",
-    "eslint": "9.25.1",
-    "jest-image-snapshot": "^6.5.0",
-    "nuxt": "^3.17.3",
+    "eslint": "9.28.0",
+    "jest-image-snapshot": "^6.5.1",
+    "nuxt": "^3.17.5",
     "playwright": "^1.52.0",
-    "sass": "^1.89.0",
-    "sharp": "^0.34.1",
+    "sass": "^1.89.1",
+    "sharp": "^0.34.2",
     "typescript": "^5.8.3",
-    "unocss": "^66.1.2",
-    "vitest": "^3.1.3",
+    "unocss": "^66.1.3",
+    "vitest": "^3.2.1",
     "vue-tsc": "^2.2.10"
   },
   "scripts": {