nuxt-og-image 3.0.0-rc.64 → 3.0.0-rc.66

package/dist/runtime/nitro/og-image/context.js

@@ -3,7 +3,7 @@ import { createError, getQuery } from "h3";
 import { defu } from "defu";
 import { normalizeKey } from "unstorage";
 import { hash } from "ohash";
-import { useNitroApp } from "nitropack/runtime/app";
+import { useNitroApp } from "nitropack/runtime";
 import { parse } from "devalue";
 import { separateProps, useOgImageRuntimeConfig } from "../../shared.js";
 import { createNitroRouteRuleMatcher } from "../util/kit.js";

package/dist/runtime/nitro/og-image/satori/plugins/imageSrc.js

@@ -2,6 +2,7 @@ import { withBase } from "ufo";
 import sizeOf from "image-size";
 import { defineSatoriTransformer } from "../utils.js";
 import { toBase64Image } from "../../../../pure.js";
+import { logger } from "../../../util/logger.js";
 import { useNitroOrigin, useStorage } from "#imports";
 async function resolveLocalFilePathImage(publicStoragePath, src) {
   const key = `${publicStoragePath}${src.replace("./", ":").replace("/", ":")}`;
@@ -17,6 +18,9 @@ export default defineSatoriTransformer([
       const isRelative = src.startsWith("/");
       let dimensions;
       let imageBuffer;
+      if (src.endsWith(".webp")) {
+        logger.warn("Using WebP images with Satori is not supported. Please consider switching image format or use the chromium renderer.", src);
+      }
       if (isRelative) {
         if (import.meta.prerender || import.meta.dev) {
           imageBuffer = await resolveLocalFilePathImage(publicStoragePath, src);
@@ -39,7 +43,7 @@ export default defineSatoriTransformer([
         try {
           const imageSize = sizeOf(imageBuffer);
           dimensions = { width: imageSize.width, height: imageSize.height };
-        } catch (e2) {
+        } catch {
         }
         if (dimensions?.width && dimensions?.height) {
           const naturalAspectRatio = dimensions.width / dimensions.height;

package/dist/runtime/nitro/plugins/nuxt-content.js

@@ -1,5 +1,6 @@
 import { defineNitroPlugin } from "nitropack/dist/runtime/plugin";
 import { defu } from "defu";
+import { stringify } from "devalue";
 import { getOgImagePath, useOgImageRuntimeConfig } from "../../shared.js";
 export default defineNitroPlugin((nitroApp) => {
   const { isNuxtContentDocumentDriven, defaults } = useOgImageRuntimeConfig();
@@ -27,7 +28,7 @@ export default defineNitroPlugin((nitroApp) => {
             id: "nuxt-og-image-overrides",
             type: "application/json",
             processTemplateParams: true,
-            innerHTML: payload,
+            innerHTML: stringify(payload),
             // we want this to be last in our head
             tagPosition: "bodyClose",
             tagPriority: 30

package/dist/runtime/nitro/util/logger.d.ts

@@ -0,0 +1 @@
+export declare const logger: import("consola").ConsolaInstance;

package/dist/runtime/nitro/util/logger.js

@@ -0,0 +1,6 @@
+import { createConsola } from "consola";
+export const logger = createConsola({
+  defaults: {
+    tag: "Nuxt OG Image"
+  }
+});

package/dist/runtime/nuxt/components/OgImage/OgImage.d.ts

@@ -1,5 +1,5 @@
 import type { OgImageOptions } from '../../../types.js';
-declare const _default: import("@vue/runtime-core").DefineComponent<OgImageOptions<"NuxtSeo">, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<OgImageOptions<"NuxtSeo">>, {
+declare const _default: import("vue").DefineComponent<OgImageOptions<"NuxtSeo">, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<OgImageOptions<"NuxtSeo">>, {
     [x: string]: unknown;
 }, {}>;
 export default _default;

package/dist/runtime/nuxt/components/OgImage/OgImageScreenshot.d.ts

@@ -1,5 +1,5 @@
 import type { OgImagePageScreenshotOptions } from '../../../types.js';
-declare const _default: import("@vue/runtime-core").DefineComponent<OgImagePageScreenshotOptions, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<OgImagePageScreenshotOptions>, {
+declare const _default: import("vue").DefineComponent<OgImagePageScreenshotOptions, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<OgImagePageScreenshotOptions>, {
     [x: string]: unknown;
 }, {}>;
 export default _default;

package/dist/runtime/nuxt/components/Templates/Community/NuxtSeo.vue

@@ -93,7 +93,7 @@ if (typeof props.icon === 'string' && !runtimeConfig.hasNuxtIcon && process.dev)
   <div
     class="w-full h-full flex justify-between relative p-[60px]"
     :class="[
-      colorMode === 'light' ? ['bg-white', 'text-gray-900'] : ['bg-gray-900', 'text-gray-50'],
+      colorMode === 'light' ? ['bg-white', 'text-gray-900'] : ['bg-gray-900', 'text-white'],
     ]"
   >
     <div

package/dist/runtime/nuxt/plugins/og-image-canonical-urls.server.js

@@ -25,7 +25,7 @@ export default defineNuxtPlugin({
                   delete ctx2.tags[ctx2.tags.indexOf(tag)];
                 } else {
                   tag.props.id = "nuxt-og-image-options";
-                  tag.innerHTML = JSON.stringify(separateProps(parse(tag.innerHTML || "{}")));
+                  tag.innerHTML = stringify(separateProps(parse(tag.innerHTML || "{}")));
                   tag._d = "script:id:nuxt-og-image-options";
                 }
                 break;

package/dist/runtime/nuxt/utils.js

@@ -1,6 +1,7 @@
 import { defu } from "defu";
 import { withQuery } from "ufo";
 import { stringify } from "devalue";
+import { resolveUnrefHeadInput } from "@unhead/vue";
 import { getExtension, separateProps } from "../shared.js";
 import { unref, useServerHead } from "#imports";
 import { componentNames } from "#build/nuxt-og-image/components.mjs";
@@ -42,10 +43,11 @@ export function createOgImageMeta(src, input, resolvedOptions, ssrContext) {
       type: "application/json",
       processTemplateParams: true,
       innerHTML: () => {
-        if (typeof _input.props.title === "undefined")
-          _input.props.title = "%s";
-        delete _input.url;
-        return stringify(_input);
+        const payload = resolveUnrefHeadInput(_input);
+        if (typeof payload.props.title === "undefined")
+          payload.props.title = "%s";
+        delete payload.url;
+        return stringify(payload);
       },
       // we want this to be last in our head
       tagPosition: "bodyClose"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-og-image",
   "type": "module",
-  "version": "3.0.0-rc.64",
+  "version": "3.0.0-rc.66",
   "description": "Enlightened OG Image generation for Nuxt.",
   "author": {
     "website": "https://harlanzw.com",
@@ -35,70 +35,70 @@
     "node": ">=18.0.0"
   },
   "dependencies": {
-    "@nuxt/devtools-kit": "^1.3.9",
-    "@nuxt/kit": "^3.12.3",
+    "@nuxt/devtools-kit": "^1.4.1",
+    "@nuxt/kit": "^3.13.0",
     "@resvg/resvg-js": "^2.6.2",
     "@resvg/resvg-wasm": "^2.6.2",
-    "@unocss/core": "^0.61.4",
-    "@unocss/preset-wind": "^0.61.4",
+    "@unocss/core": "^0.62.3",
+    "@unocss/preset-wind": "^0.62.3",
     "chrome-launcher": "^1.1.2",
     "defu": "^6.1.4",
-    "execa": "^9.3.0",
+    "execa": "^9.3.1",
     "image-size": "^1.1.1",
-    "nuxt-site-config": "^2.2.14",
-    "nuxt-site-config-kit": "^2.2.14",
-    "nypm": "^0.3.9",
+    "nuxt-site-config": "^2.2.16",
+    "nuxt-site-config-kit": "^2.2.16",
+    "nypm": "^0.3.11",
     "ofetch": "^1.3.4",
     "ohash": "^1.1.3",
     "pathe": "^1.1.2",
-    "pkg-types": "^1.1.3",
-    "playwright-core": "^1.45.2",
+    "pkg-types": "^1.2.0",
+    "playwright-core": "^1.46.1",
     "radix3": "^1.1.2",
     "satori": "^0.10.14",
     "satori-html": "^0.3.2",
     "sirv": "^2.0.4",
     "std-env": "^3.7.0",
-    "ufo": "^1.5.3",
+    "ufo": "^1.5.4",
     "unwasm": "^0.3.9",
     "yoga-wasm-web": "^0.3.3"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^2.22.4",
+    "@antfu/eslint-config": "^3.0.0",
     "@css-inline/css-inline": "^0.14.1",
     "@headlessui/vue": "^1.7.22",
-    "@iconify-json/carbon": "^1.1.36",
-    "@iconify-json/logos": "^1.1.43",
-    "@iconify-json/noto": "^1.1.18",
-    "@iconify-json/ri": "^1.1.21",
-    "@iconify-json/tabler": "^1.1.117",
-    "@img/sharp-linux-x64": "0.33.4",
-    "@nuxt/content": "^2.13.1",
-    "@nuxt/devtools": "1.3.9",
-    "@nuxt/devtools-ui-kit": "^1.3.9",
-    "@nuxt/icon": "^1.1.1",
-    "@nuxt/image": "^1.7.0",
-    "@nuxt/module-builder": "^0.8.1",
-    "@nuxt/test-utils": "3.13.1",
-    "@nuxt/ui": "^2.17.0",
-    "@nuxtjs/color-mode": "^3.4.2",
+    "@iconify-json/carbon": "^1.2.1",
+    "@iconify-json/logos": "^1.2.0",
+    "@iconify-json/noto": "^1.2.0",
+    "@iconify-json/ri": "^1.2.0",
+    "@iconify-json/tabler": "^1.2.0",
+    "@img/sharp-linux-x64": "0.33.5",
+    "@nuxt/content": "^2.13.2",
+    "@nuxt/devtools": "1.4.1",
+    "@nuxt/devtools-ui-kit": "^1.4.1",
+    "@nuxt/icon": "^1.5.0",
+    "@nuxt/image": "^1.8.0",
+    "@nuxt/module-builder": "^0.8.3",
+    "@nuxt/test-utils": "3.14.1",
+    "@nuxt/ui": "^2.18.4",
+    "@nuxtjs/color-mode": "^3.4.4",
     "@nuxtjs/eslint-config-typescript": "^12.1.0",
-    "@nuxtjs/i18n": "^8.3.1",
+    "@nuxtjs/i18n": "^8.5.1",
     "@nuxtjs/tailwindcss": "^6.12.1",
-    "@unocss/nuxt": "^0.61.4",
-    "@unocss/preset-icons": "^0.61.4",
-    "@unocss/preset-uno": "^0.61.4",
-    "@unocss/runtime": "^0.61.4",
-    "@vueuse/nuxt": "^10.11.0",
-    "bumpp": "^9.4.1",
-    "eslint": "9.7.0",
+    "@unocss/nuxt": "^0.62.3",
+    "@unocss/preset-icons": "^0.62.3",
+    "@unocss/preset-uno": "^0.62.3",
+    "@unocss/runtime": "^0.62.3",
+    "@vueuse/nuxt": "^11.0.3",
+    "bumpp": "^9.5.2",
+    "eslint": "9.9.1",
     "jest-image-snapshot": "^6.4.0",
-    "nuxt": "^3.12.3",
-    "playwright": "^1.45.2",
+    "nuxt": "^3.13.0",
+    "playwright": "^1.46.1",
     "sass": "^1.77.8",
-    "sharp": "^0.33.4",
-    "typescript": "^5.5.3",
-    "unocss": "^0.61.4",
-    "vitest": "^2.0.3"
+    "sharp": "^0.33.5",
+    "typescript": "^5.5.4",
+    "unocss": "^0.62.3",
+    "vitest": "^2.0.5"
   },
   "build": {
     "externals": [