nuxt-og-image 5.1.8 → 5.1.9

package/dist/runtime/app/components/Templates/Community/UnJs.vue.d.ts

@@ -9,12 +9,5 @@ type __VLS_Props = {
     stars?: string | number;
     contributors?: string | number;
 };
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    title: string;
-    description: string;
-    emoji: string;
-    downloads: string | number;
-    stars: string | number;
-    contributors: string | number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/runtime/app/components/Templates/Community/Wave.vue.d.ts

@@ -4,7 +4,5 @@
 type __VLS_Props = {
     title?: string;
 };
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    title: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/runtime/app/components/Templates/Community/WithEmoji.vue.d.ts

@@ -5,8 +5,5 @@ type __VLS_Props = {
     emoji?: string;
     title?: string;
 };
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    title: string;
-    emoji: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/runtime/app/utils/plugins.js

@@ -38,14 +38,14 @@ export function ogImageCanonicalUrls(nuxtApp) {
           }
           ctx2.tags = ctx2.tags.filter(Boolean);
           for (const tag of ctx2.tags) {
-            if (tag.tag === "meta" && (tag.props.property === "og:image" || ["twitter:image:src", "twitter:image"].includes(tag.props.name))) {
+            if (tag.tag === "meta" && (tag.props.property === "og:image" || ["twitter:image:src", "twitter:image"].includes(tag.props.name || ""))) {
               if (!tag.props.content) {
                 tag.props = {};
                 continue;
               }
               if (!tag.props.content?.startsWith("https")) {
                 await nuxtApp.runWithContext(() => {
-                  tag.props.content = toValue(withSiteUrl(tag.props.content, {
+                  tag.props.content = toValue(withSiteUrl(tag.props.content || "", {
                     withBase: true
                   }));
                 });
@@ -70,7 +70,7 @@ export function routeRuleOgImage(nuxtApp) {
       createRadixRouter({ routes: ssrContext?.runtimeConfig?.nitro?.routeRules })
     );
     const matchedRules = _routeRulesMatcher.matchAll(
-      withoutBase(path.split("?")[0], ssrContext?.runtimeConfig?.app.baseURL || "")
+      withoutBase(path.split("?")?.[0] || "", ssrContext?.runtimeConfig?.app.baseURL || "")
     ).reverse();
     const combinedRules = defu({}, ...matchedRules);
     let routeRules = combinedRules?.ogImage;

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

@@ -146,7 +146,7 @@ export async function resolveContext(e) {
 const PAYLOAD_REGEX = /<script.+id="nuxt-og-image-options"[^>]*>(.+?)<\/script>/;
 function getPayloadFromHtml(html) {
   const match = String(html).match(PAYLOAD_REGEX);
-  return match ? match[1] : null;
+  return match ? String(match[1]) : null;
 }
 export function extractAndNormaliseOgImageOptions(html) {
   const _payload = getPayloadFromHtml(html);

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

@@ -1,6 +1,6 @@
 import { useNitroOrigin } from "#site-config/server/composables/useNitroOrigin";
 import sizeOf from "image-size";
-import { useStorage } from "nitropack/runtime/storage";
+import { useStorage } from "nitropack/runtime";
 import { withBase, withoutLeadingSlash } from "ufo";
 import { toBase64Image } from "../../../../shared.js";
 import { decodeHtml } from "../../../util/encoding.js";

package/dist/runtime/server/og-image/satori/plugins/unocss.js

@@ -1,4 +1,8 @@
 import { defineSatoriTransformer } from "../utils.js";
+function safeSplit(s) {
+  const [key, value] = s.split(":");
+  return [String(key || "").trim(), String(value || "").trim()];
+}
 export default defineSatoriTransformer({
   filter: (node) => !!node.props?.class,
   transform: async (node, ctx) => {
@@ -8,7 +12,7 @@ export default defineSatoriTransformer({
     for (const token of classes.split(" ").filter((c) => c.trim())) {
       const parsedToken = await ctx.unocss.parseToken(token);
       if (parsedToken) {
-        const inlineStyles = parsedToken[0][2].split(";").filter((s) => !!s?.trim());
+        const inlineStyles = String(parsedToken?.[0]?.[2]).split(";").filter((s) => !!s?.trim());
         const vars = {
           "--color-gray-50": "249 250 251",
           "--color-gray-100": "243 244 246",
@@ -23,20 +27,22 @@ export default defineSatoriTransformer({
           "--color-gray-950": "3 7 18"
         };
         inlineStyles.filter((s) => s.startsWith("--")).forEach((s) => {
-          const [key, value] = s.split(":");
+          const [key, value] = safeSplit(s);
           vars[key] = value;
         });
         inlineStyles.filter((s) => !s.startsWith("--")).forEach((s) => {
-          const [key, value] = s.split(":");
+          const [key, value] = safeSplit(s);
           const camelCasedKey = key.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
           if (!styles[camelCasedKey])
             styles[camelCasedKey] = value.replace(/var\((.*?)\)/g, (_, k) => vars[k.trim()]);
           if (styles[camelCasedKey] && styles[camelCasedKey].includes("/")) {
             const [rgb, opacity] = styles[camelCasedKey].split("/");
-            if (opacity.trim() === "1)")
-              styles[camelCasedKey] = rgb.replace(/(\d+) (\d+) (\d+).*/, (_, r, g, b) => `${r}, ${g}, ${b})`);
-            else
-              styles[camelCasedKey] = `${rgb.replace("rgb", "rgba").replaceAll(" ", ", ")}${opacity.trim()}`;
+            if (rgb && opacity) {
+              if (opacity.trim() === "1)")
+                styles[camelCasedKey] = rgb.replace(/(\d+) (\d+) (\d+).*/, (_, r, g, b) => `${r}, ${g}, ${b})`);
+              else
+                styles[camelCasedKey] = `${rgb.replace("rgb", "rgba").replaceAll(" ", ", ")}${opacity.trim()}`;
+            }
           }
         });
         replacedClasses.add(token);

package/dist/runtime/server/plugins/prerender.js

@@ -31,7 +31,7 @@ export default defineNitroPlugin(async (nitro) => {
     await prerenderOptionsCache.setItem(key, options);
     const index = html.bodyAppend.findIndex((script) => script.includes('id="nuxt-og-image-options"'));
     if (index !== -1) {
-      html.bodyAppend[index] = html.bodyAppend[index].replace(/<script id="nuxt-og-image-options" type="application\/json">[\s\S]*?<\/script>/, "");
+      html.bodyAppend[index] = String(html.bodyAppend[index]).replace(/<script id="nuxt-og-image-options" type="application\/json">[\s\S]*?<\/script>/, "");
       html.bodyAppend[index] = html.bodyAppend[index].replace(/<script id="nuxt-og-image-overrides" type="application\/json">[\s\S]*?<\/script>/, "");
     }
   });

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

@@ -10,7 +10,7 @@ export async function fontEventHandler(e) {
   const path = parseURL(e.path).pathname;
   const { fonts } = useOgImageRuntimeConfig();
   const key = path.split("/font/")[1];
-  if (key.includes(":")) {
+  if (key && key.includes(":")) {
     const font2 = fonts.find((f) => f.key === key);
     if (font2?.key && await assets.hasItem(font2.key)) {
       let fontData = await assets.getItem(font2.key);
@@ -28,10 +28,10 @@ export async function fontEventHandler(e) {
       return Buffer.from(fontData, "base64");
     }
   }
-  const [_name, _weight] = key.split(".")[0].split("/");
+  const [_name, _weight] = String(key?.split(".")[0]).split("/");
   if (!_name || !_weight)
     return "Provide a font name and weight";
-  const name = _name[0].toUpperCase() + _name.slice(1);
+  const name = String(_name[0]).toUpperCase() + _name.slice(1);
   const weight = Math.round(Number.parseInt(_weight) / 100) * 100;
   const config = useOgImageRuntimeConfig();
   const normalisedFonts = normaliseFontInput(config.fonts);

package/dist/runtime/server/util/kit.d.ts

@@ -2,5 +2,5 @@ import type { H3Event } from 'h3';
 import type { NitroRouteRules } from 'nitropack';
 import type { NuxtIslandResponse } from 'nuxt/app';
 export declare function fetchIsland(e: H3Event, component: string, props: Record<string, any>): Promise<NuxtIslandResponse>;
-export declare function withoutQuery(path: string): string;
+export declare function withoutQuery(path: string): string | undefined;
 export declare function createNitroRouteRuleMatcher(): ((path: string) => NitroRouteRules);

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

@@ -33,7 +33,7 @@ export function nuxtContentPlugin(nitroApp) {
         ...content.ogImage
       };
       Object.entries(ogImageConfig).forEach(([key, val]) => {
-        payload[key.replace(/-([a-z])/g, (g) => g[1].toUpperCase())] = val;
+        payload[key.replace(/-([a-z])/g, (g) => String(g[1]).toUpperCase())] = val;
       });
       content.head = defu({
         script: [

package/dist/runtime/shared.d.ts

@@ -7,7 +7,7 @@ export declare function separateProps(options: OgImageOptions | undefined, ignor
     props: Record<string, any>;
 };
 export declare function normaliseFontInput(fonts: InputFontConfig[]): ResolvedFontConfig[];
-export declare function withoutQuery(path: string): string;
+export declare function withoutQuery(path: string): string | undefined;
 export declare function getExtension(path: string): string;
 /**
  * @deprecated Please use `#og-image/app/utils` instead.

package/dist/runtime/shared.js

@@ -77,7 +77,7 @@ export function separateProps(options, ignoreKeys = []) {
   ));
   const props = {};
   Object.entries(_props).forEach(([key, val]) => {
-    props[key.replace(/-([a-z])/g, (g) => g[1].toUpperCase())] = val;
+    props[key.replace(/-([a-z])/g, (g) => String(g[1]).toUpperCase())] = val;
   });
   return {
     ...Object.fromEntries(

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-og-image",
   "type": "module",
-  "version": "5.1.8",
+  "version": "5.1.9",
   "description": "Enlightened OG Image generation for Nuxt.",
   "author": {
     "website": "https://harlanzw.com",
@@ -48,12 +48,12 @@
     "unstorage": "^1.15.0"
   },
   "dependencies": {
-    "@nuxt/devtools-kit": "^2.5.0",
-    "@nuxt/kit": "^3.17.5",
+    "@nuxt/devtools-kit": "^2.6.2",
+    "@nuxt/kit": "^3.17.6",
     "@resvg/resvg-js": "^2.6.2",
     "@resvg/resvg-wasm": "^2.6.2",
-    "@unocss/core": "^66.3.1",
-    "@unocss/preset-wind3": "^66.3.1",
+    "@unocss/core": "^66.3.2",
+    "@unocss/preset-wind3": "^66.3.2",
     "chrome-launcher": "^1.2.0",
     "consola": "^3.4.2",
     "defu": "^6.1.4",
@@ -66,8 +66,8 @@
     "ofetch": "^1.4.1",
     "ohash": "^2.0.11",
     "pathe": "^2.0.3",
-    "pkg-types": "^2.1.0",
-    "playwright-core": "^1.53.1",
+    "pkg-types": "^2.2.0",
+    "playwright-core": "^1.53.2",
     "radix3": "^1.1.2",
     "satori": "^0.15.2",
     "satori-html": "^0.3.2",
@@ -80,7 +80,7 @@
     "yoga-wasm-web": "^0.3.3"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^4.16.1",
+    "@antfu/eslint-config": "^4.16.2",
     "@css-inline/css-inline": "^0.15.0",
     "@headlessui/vue": "^1.7.23",
     "@iconify-json/carbon": "^1.2.10",
@@ -89,34 +89,39 @@
     "@iconify-json/ri": "^1.2.5",
     "@iconify-json/tabler": "^1.2.19",
     "@img/sharp-linux-x64": "^0.34.2",
-    "@nuxt/content": "^3.6.1",
-    "@nuxt/devtools": "^2.5.0",
-    "@nuxt/devtools-ui-kit": "^2.5.0",
-    "@nuxt/icon": "^1.14.0",
+    "@nuxt/content": "^3.6.3",
+    "@nuxt/devtools": "^2.6.2",
+    "@nuxt/devtools-ui-kit": "^2.6.2",
+    "@nuxt/icon": "^1.15.0",
     "@nuxt/image": "^1.10.0",
     "@nuxt/module-builder": "^1.0.1",
-    "@nuxt/test-utils": "^3.19.1",
+    "@nuxt/test-utils": "^3.19.2",
     "@nuxt/ui": "^3.2.0",
     "@nuxtjs/color-mode": "^3.5.2",
     "@nuxtjs/eslint-config-typescript": "^12.1.0",
     "@nuxtjs/i18n": "^9.5.6",
     "@nuxtjs/tailwindcss": "^6.14.0",
-    "@unocss/nuxt": "^66.3.1",
-    "@unocss/preset-icons": "^66.3.1",
-    "@unocss/runtime": "^66.3.1",
-    "@vueuse/nuxt": "^13.4.0",
+    "@unocss/nuxt": "^66.3.2",
+    "@unocss/preset-icons": "^66.3.2",
+    "@unocss/runtime": "^66.3.2",
+    "@vueuse/nuxt": "^13.5.0",
     "bumpp": "^10.2.0",
-    "eslint": "^9.29.0",
+    "eslint": "^9.30.1",
     "happy-dom": "^18.0.1",
     "jest-image-snapshot": "^6.5.1",
-    "nuxt": "^3.17.5",
-    "playwright": "^1.53.1",
+    "nuxt": "^3.17.6",
+    "playwright": "^1.53.2",
     "sass": "^1.89.2",
     "sharp": "^0.34.2",
     "typescript": "^5.8.3",
-    "unocss": "^66.3.1",
+    "unocss": "^66.3.2",
     "vitest": "^3.2.4",
-    "vue-tsc": "^2.2.10"
+    "vue-tsc": "^3.0.1"
+  },
+  "resolutions": {
+    "@nuxt/kit": "npm:@nuxt/kit-nightly@4.0.0-29191554.69345c32",
+    "@nuxt/schema": "npm:@nuxt/schema-nightly@4.0.0-29191554.69345c32",
+    "nuxt": "npm:nuxt-nightly@4.0.0-29191554.69345c32"
   },
   "scripts": {
     "stub": "nuxt-build-module build --stub && nuxt-module-build prepare",
@@ -128,10 +133,11 @@
     "lint:fix": "eslint . --fix",
     "dev": "nuxi dev playground",
     "dev:build": "nuxi build playground",
-    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground && nuxi prepare client",
+    "prepare:fixtures": "nuxi prepare test/fixtures/basic",
+    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground && nuxi prepare client && pnpm run prepare:fixtures",
     "release": "pnpm build && bumpp && pnpm -r publish --no-git-checks",
     "typecheck": "tsc --noEmit",
-    "test": "vitest",
+    "test": "pnpm run prepare:fixtures && vitest",
     "test:chrome": "HAS_CHROME=true vitest"
   }
 }

package/dist/client/_nuxt/BM0SGHtW.js

@@ -1 +0,0 @@
-import{_ as a,u as i,c as u,o as c,a as e,t as r,b as l,w as d,d as p,e as f}from"./Cl0GRg1F.js";const m={class:"antialiased bg-white dark:bg-black dark:text-white font-sans grid min-h-screen overflow-hidden place-content-center text-black"},g={class:"max-w-520px text-center z-20"},h=["textContent"],b=["textContent"],x={class:"flex items-center justify-center w-full"},y={__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 n=t;return i({title:`${n.statusCode} - ${n.statusMessage} | ${n.appName}`,script:[{innerHTML:`!function(){const e=document.createElement("link").relList;if(!(e&&e.supports&&e.supports("modulepreload"))){for(const e of document.querySelectorAll('link[rel="modulepreload"]'))r(e);new MutationObserver((e=>{for(const o of e)if("childList"===o.type)for(const e of o.addedNodes)"LINK"===e.tagName&&"modulepreload"===e.rel&&r(e)})).observe(document,{childList:!0,subtree:!0})}function r(e){if(e.ep)return;e.ep=!0;const r=function(e){const r={};return e.integrity&&(r.integrity=e.integrity),e.referrerPolicy&&(r.referrerPolicy=e.referrerPolicy),"use-credentials"===e.crossOrigin?r.credentials="include":"anonymous"===e.crossOrigin?r.credentials="omit":r.credentials="same-origin",r}(e);fetch(e.href,r)}}();`}],style:[{innerHTML:'*,:after,:before{border-color:var(--un-default-border-color,#e5e7eb);border-style:solid;border-width:0;box-sizing:border-box}:after,:before{--un-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}h1{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}h1,p{margin:0}*,:after,:before{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 transparent;--un-ring-shadow:0 0 transparent;--un-shadow-inset: ;--un-shadow:0 0 transparent;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgba(147,197,253,.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }'}]}),(k,o)=>{const s=f;return c(),u("div",m,[o[0]||(o[0]=e("div",{class:"fixed left-0 right-0 spotlight z-10"},null,-1)),e("div",g,[e("h1",{class:"font-medium mb-8 sm:text-10xl text-8xl",textContent:r(t.statusCode)},null,8,h),e("p",{class:"font-light leading-tight mb-16 px-8 sm:px-0 sm:text-4xl text-xl",textContent:r(t.description)},null,8,b),e("div",x,[l(s,{to:"/",class:"cursor-pointer gradient-border px-4 py-2 sm:px-6 sm:py-3 sm:text-xl text-md"},{default:d(()=>[p(r(t.backHome),1)]),_:1})])])])}}},_=a(y,[["__scopeId","data-v-66c28054"]]);export{_ as default};