nuxt-og-image 3.0.1 → 3.0.2

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

@@ -1 +1 @@
-{"id":"d105fb01-545e-4b40-b706-5b2d4c655752","timestamp":1726080816101}
+{"id":"f7ac4397-9cc2-4170-a44e-5e843b399997","timestamp":1726156539286}

package/dist/client/_nuxt/builds/meta/f7ac4397-9cc2-4170-a44e-5e843b399997.json

@@ -0,0 +1 @@
+{"id":"f7ac4397-9cc2-4170-a44e-5e843b399997","timestamp":1726156539286,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}

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

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

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

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

package/dist/client/index.html

@@ -1,7 +1,7 @@
 <!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.DtsycVcr.css">
-<link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/DkfuXiRx.js">
+<link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/DW2-WTuf.js">
 <link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/BS9sT-GQ.js">
 <link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/C6doOGgB.js">
 <link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/pCnzZaOt.js">
@@ -267,9 +267,9 @@
 <link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/BLmvGqlk.js">
 <link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/BYelj_cE.js">
 <link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/B6E6ObS_.js">
-<link rel="prefetch" as="style" href="/__nuxt-og-image/_nuxt/error-404.D2eZnIkK.css">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/CxK4ekaG.js">
-<link rel="prefetch" as="style" href="/__nuxt-og-image/_nuxt/error-500.BJ-KsTwR.css">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/CFTaR7kf.js">
-<script type="module" src="/__nuxt-og-image/_nuxt/DkfuXiRx.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__">[{"serverRendered":1},false]</script>
-<script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__nuxt-og-image",buildId:"d105fb01-545e-4b40-b706-5b2d4c655752",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body></html>
+<link rel="prefetch" as="style" href="/__nuxt-og-image/_nuxt/error-404.BOFYfCaH.css">
+<link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/DE1lnDnt.js">
+<link rel="prefetch" as="style" href="/__nuxt-og-image/_nuxt/error-500.WFhhfaOj.css">
+<link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/7waJbMbQ.js">
+<script type="module" src="/__nuxt-og-image/_nuxt/DW2-WTuf.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__">[{"serverRendered":1},false]</script>
+<script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__nuxt-og-image",buildId:"f7ac4397-9cc2-4170-a44e-5e843b399997",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body></html>

package/dist/module.json

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

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

@@ -9,6 +9,7 @@ import { normalizeKey } from "unstorage";
 import { separateProps, useOgImageRuntimeConfig } from "../../shared.js";
 import { decodeObjectHtmlEntities } from "../util/encoding.js";
 import { createNitroRouteRuleMatcher } from "../util/kit.js";
+import { normaliseOptions } from "../util/options.js";
 import { useChromiumRenderer, useSatoriRenderer } from "./instances.js";
 export function resolvePathCacheKey(e, path) {
   const siteConfig = e.context.siteConfig.get();
@@ -99,7 +100,7 @@ export async function resolveContext(e) {
     publicStoragePath: runtimeConfig.publicStoragePath,
     extension,
     basePath,
-    options,
+    options: normaliseOptions(options),
     _nitro: useNitroApp()
   };
   await ctx._nitro.hooks.callHook("nuxt-og-image:context", ctx);
@@ -159,8 +160,19 @@ async function fetchPathHtmlAndExtractOptions(e, path, key) {
     html = await e.$fetch(path, {
       // follow redirects
       redirect: "follow",
-      responseType: "text"
+      headers: {
+        accept: "text/html"
+      }
     });
+    if (typeof html !== "string" || !html.includes("<html>")) {
+      html = await globalThis.$fetch(path, {
+        // follow redirects
+        redirect: "follow",
+        headers: {
+          accept: "text/html"
+        }
+      });
+    }
   } catch (err) {
     return createError({
       statusCode: 500,

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

@@ -11,17 +11,42 @@ const BLOCK_ELEMENTS = [
   "table",
   "dl"
 ];
+const INLINE_ELEMENTS = [
+  "span",
+  "a",
+  "b",
+  "i",
+  "u",
+  "em",
+  "strong",
+  "code",
+  "abbr",
+  "del",
+  "ins",
+  "mark",
+  "sub",
+  "sup",
+  "small",
+  "p",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5"
+];
 export default defineSatoriTransformer({
-  filter: (node) => node.type === "div" && (Array.isArray(node.props?.children) && node.props?.children.length >= 1) && !node.props?.class?.includes("hidden"),
+  filter: (node) => [...INLINE_ELEMENTS, "div"].includes(node.type) && (Array.isArray(node.props?.children) && node.props?.children.length >= 1) && !node.props?.class?.includes("hidden"),
   transform: (node) => {
     node.props.style = node.props.style || {};
     if (node.props.style?.display && node.props.style?.display !== "flex") {
       return;
     }
-    node.props.style.display = "flex";
-    if (!node.props?.class?.includes("flex-") && node.props.children.some((child) => BLOCK_ELEMENTS.includes(child.type))) {
-      node.props.style.flexDirection = "column";
-      return;
+    if (node.type === "div") {
+      node.props.style.display = "flex";
+      if (!node.props?.class?.includes("flex-") && node.props.children.some((child) => BLOCK_ELEMENTS.includes(child.type))) {
+        node.props.style.flexDirection = "column";
+        return;
+      }
     }
     let flexWrap = node.props?.class?.includes("flex-wrap");
     if (!node.props?.class?.includes("flex-")) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-og-image",
   "type": "module",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "description": "Enlightened OG Image generation for Nuxt.",
   "author": {
     "website": "https://harlanzw.com",
@@ -66,7 +66,7 @@
     "yoga-wasm-web": "^0.3.3"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^3.5.1",
+    "@antfu/eslint-config": "^3.6.0",
     "@css-inline/css-inline": "^0.14.1",
     "@headlessui/vue": "^1.7.23",
     "@iconify-json/carbon": "^1.2.1",
@@ -101,7 +101,7 @@
     "sharp": "^0.33.5",
     "typescript": "^5.6.2",
     "unocss": "^0.62.3",
-    "vitest": "^2.0.5"
+    "vitest": "^2.1.0"
   },
   "resolutions": {
     "vue": "3.5.4",
@@ -131,6 +131,7 @@
     "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground && nuxi prepare client",
     "release": "pnpm build && bumpp && pnpm -r publish --no-git-checks",
     "typecheck": "tsc --noEmit",
-    "test": "vitest"
+    "test": "HAS_CHROME=true vitest",
+    "test:no-chrome": "vitest"
   }
 }

package/dist/client/_nuxt/builds/meta/d105fb01-545e-4b40-b706-5b2d4c655752.json

@@ -1 +0,0 @@
-{"id":"d105fb01-545e-4b40-b706-5b2d4c655752","timestamp":1726080816101,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}

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

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

package/dist/client/_nuxt/error-500.BJ-KsTwR.css

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