nuxt-og-image 5.1.6 → 5.1.8

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-og-image",
   "type": "module",
-  "version": "5.1.6",
+  "version": "5.1.8",
   "description": "Enlightened OG Image generation for Nuxt.",
   "author": {
     "website": "https://harlanzw.com",
@@ -38,7 +38,7 @@
   },
   "files": [
     "dist",
-    "virtual.d.ts"
+    "types/virtual.d.ts"
   ],
   "engines": {
     "node": ">=18.0.0"
@@ -52,8 +52,8 @@
     "@nuxt/kit": "^3.17.5",
     "@resvg/resvg-js": "^2.6.2",
     "@resvg/resvg-wasm": "^2.6.2",
-    "@unocss/core": "^66.1.3",
-    "@unocss/preset-wind3": "^66.1.3",
+    "@unocss/core": "^66.3.1",
+    "@unocss/preset-wind3": "^66.3.1",
     "chrome-launcher": "^1.2.0",
     "consola": "^3.4.2",
     "defu": "^6.1.4",
@@ -61,15 +61,15 @@
     "image-size": "^2.0.2",
     "magic-string": "^0.30.17",
     "mocked-exports": "^0.1.1",
-    "nuxt-site-config": "^3.2.0",
+    "nuxt-site-config": "^3.2.2",
     "nypm": "^0.6.0",
     "ofetch": "^1.4.1",
     "ohash": "^2.0.11",
     "pathe": "^2.0.3",
     "pkg-types": "^2.1.0",
-    "playwright-core": "^1.52.0",
+    "playwright-core": "^1.53.1",
     "radix3": "^1.1.2",
-    "satori": "^0.13.2",
+    "satori": "^0.15.2",
     "satori-html": "^0.3.2",
     "sirv": "^3.0.1",
     "std-env": "^3.9.0",
@@ -80,41 +80,42 @@
     "yoga-wasm-web": "^0.3.3"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^4.13.3",
-    "@css-inline/css-inline": "^0.14.3",
+    "@antfu/eslint-config": "^4.16.1",
+    "@css-inline/css-inline": "^0.15.0",
     "@headlessui/vue": "^1.7.23",
-    "@iconify-json/carbon": "^1.2.9",
+    "@iconify-json/carbon": "^1.2.10",
     "@iconify-json/logos": "^1.2.4",
     "@iconify-json/noto": "^1.2.3",
     "@iconify-json/ri": "^1.2.5",
     "@iconify-json/tabler": "^1.2.19",
     "@img/sharp-linux-x64": "^0.34.2",
-    "@nuxt/content": "^3.5.1",
+    "@nuxt/content": "^3.6.1",
     "@nuxt/devtools": "^2.5.0",
     "@nuxt/devtools-ui-kit": "^2.5.0",
-    "@nuxt/icon": "^1.13.0",
+    "@nuxt/icon": "^1.14.0",
     "@nuxt/image": "^1.10.0",
     "@nuxt/module-builder": "^1.0.1",
     "@nuxt/test-utils": "^3.19.1",
-    "@nuxt/ui": "^3.1.3",
+    "@nuxt/ui": "^3.2.0",
     "@nuxtjs/color-mode": "^3.5.2",
     "@nuxtjs/eslint-config-typescript": "^12.1.0",
-    "@nuxtjs/i18n": "^9.5.5",
+    "@nuxtjs/i18n": "^9.5.6",
     "@nuxtjs/tailwindcss": "^6.14.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.28.0",
+    "@unocss/nuxt": "^66.3.1",
+    "@unocss/preset-icons": "^66.3.1",
+    "@unocss/runtime": "^66.3.1",
+    "@vueuse/nuxt": "^13.4.0",
+    "bumpp": "^10.2.0",
+    "eslint": "^9.29.0",
+    "happy-dom": "^18.0.1",
     "jest-image-snapshot": "^6.5.1",
     "nuxt": "^3.17.5",
-    "playwright": "^1.52.0",
-    "sass": "^1.89.1",
+    "playwright": "^1.53.1",
+    "sass": "^1.89.2",
     "sharp": "^0.34.2",
     "typescript": "^5.8.3",
-    "unocss": "^66.1.3",
-    "vitest": "^3.2.1",
+    "unocss": "^66.3.1",
+    "vitest": "^3.2.4",
     "vue-tsc": "^2.2.10"
   },
   "scripts": {
@@ -123,7 +124,8 @@
     "build:client": "nuxi generate client",
     "build:module": "nuxt-build-module build",
     "client:dev": "nuxi dev client --port 3030",
-    "lint": "eslint . --fix",
+    "lint": "eslint .",
+    "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",

package/{virtual.d.ts → types/virtual.d.ts}

@@ -5,13 +5,13 @@ declare module '#og-image/components' {
   export default components
 }
 declare module '#og-image/renderers/satori' {
-  import type Renderer from './src/runtime/types'
+  import type Renderer from '#og-image/types'
 
   const renderer: Renderer | { __mock__: true } | undefined
   export default renderer
 }
 declare module '#og-image/renderers/chromium' {
-  import type Renderer from './src/runtime/types'
+  import type Renderer from '#og-image/types'
 
   const renderer: Renderer | { __mock__: true } | undefined
   export default renderer
@@ -69,3 +69,12 @@ declare module '#og-image-cache' {
 
   export const emojiCache: Storage<string>
 }
+
+declare module '@css-inline/css-inline-wasm' {
+  export function inline(css: string, html: string): string
+  export default function init(): Promise<void>
+  const cssInline: {
+    inline: (css: string, html: string) => string
+  }
+  export { cssInline }
+}

package/dist/client/_nuxt/builds/meta/0f0cd98d-a6ee-47bf-a7c6-e295b96f29b9.json

@@ -1 +0,0 @@
-{"id":"0f0cd98d-a6ee-47bf-a7c6-e295b96f29b9","timestamp":1749118443588,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}

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

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

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

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

package/dist/runtime/pure.d.ts

@@ -1,9 +0,0 @@
-import type { InputFontConfig, OgImageOptions, ResolvedFontConfig } from './types.js';
-export declare function toBase64Image(data: string | ArrayBuffer): string;
-export declare function isInternalRoute(path: string): boolean;
-export declare function separateProps(options: OgImageOptions | undefined, ignoreKeys?: string[]): {
-    props: Record<string, any>;
-};
-export declare function normaliseFontInput(fonts: InputFontConfig[]): ResolvedFontConfig[];
-export declare function withoutQuery(path: string): string;
-export declare function getExtension(path: string): string;

package/dist/runtime/pure.js

@@ -1,105 +0,0 @@
-import { defu } from "defu";
-function detectBase64MimeType(data) {
-  const signatures = {
-    "R0lGODdh": "image/gif",
-    "R0lGODlh": "image/gif",
-    "iVBORw0KGgo": "image/png",
-    "/9j/": "image/jpeg",
-    "UklGR": "image/webp",
-    "AAABAA": "image/x-icon"
-  };
-  for (const s in signatures) {
-    if (data.startsWith(s)) {
-      return signatures[s];
-    }
-  }
-  return "image/svg+xml";
-}
-export function toBase64Image(data) {
-  const base64 = typeof data === "string" ? data : Buffer.from(data).toString("base64");
-  const type = detectBase64MimeType(base64);
-  return `data:${type};base64,${base64}`;
-}
-export function isInternalRoute(path) {
-  return path.startsWith("/_") || path.startsWith("@");
-}
-function filterIsOgImageOption(key) {
-  const keys = [
-    "url",
-    "extension",
-    "width",
-    "height",
-    "fonts",
-    "alt",
-    "props",
-    "renderer",
-    "html",
-    "component",
-    "renderer",
-    "emojis",
-    "_query",
-    "satori",
-    "resvg",
-    "sharp",
-    "screenshot",
-    "cacheMaxAgeSeconds"
-  ];
-  return keys.includes(key);
-}
-export function separateProps(options, ignoreKeys = []) {
-  options = options || {};
-  const _props = defu(options.props, Object.fromEntries(
-    Object.entries({ ...options }).filter(([k]) => !filterIsOgImageOption(k) && !ignoreKeys.includes(k))
-  ));
-  const props = {};
-  Object.entries(_props).forEach(([key, val]) => {
-    props[key.replace(/-([a-z])/g, (g) => g[1].toUpperCase())] = val;
-  });
-  return {
-    ...Object.fromEntries(
-      Object.entries({ ...options }).filter(([k]) => filterIsOgImageOption(k) || ignoreKeys.includes(k))
-    ),
-    props
-  };
-}
-export function normaliseFontInput(fonts) {
-  return fonts.map((f) => {
-    if (typeof f === "string") {
-      const vals = f.split(":");
-      const includesStyle = vals.length === 3;
-      let name, weight, style;
-      if (includesStyle) {
-        name = vals[0];
-        style = vals[1];
-        weight = vals[2];
-      } else {
-        name = vals[0];
-        weight = vals[1];
-      }
-      return {
-        cacheKey: f,
-        name,
-        weight: weight || 400,
-        style: style || "normal",
-        path: void 0
-      };
-    }
-    return {
-      cacheKey: f.key || `${f.name}:${f.style}:${f.weight}`,
-      style: "normal",
-      weight: 400,
-      ...f
-    };
-  });
-}
-export function withoutQuery(path) {
-  return path.split("?")[0];
-}
-export function getExtension(path) {
-  path = withoutQuery(path);
-  const lastSegment = path.split("/").pop() || path;
-  const extension = lastSegment.split(".").pop() || lastSegment;
-  if (extension === "jpg")
-    return "jpeg";
-  return extension;
-}