nuxt-og-image 3.0.6 → 3.0.8

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

@@ -1 +1 @@
-{"id":"1c6351cf-9fce-42b7-83f6-082f24455f16","timestamp":1729059411704}
+{"id":"4ac2b2ab-71b1-4d97-8de0-b465feb7eaab","timestamp":1730268847570}

package/dist/client/_nuxt/builds/meta/4ac2b2ab-71b1-4d97-8de0-b465feb7eaab.json

@@ -0,0 +1 @@
+{"id":"4ac2b2ab-71b1-4d97-8de0-b465feb7eaab","timestamp":1730268847570,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}

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

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

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

@@ -0,0 +1 @@
+.spotlight[data-v-731bf5dc]{background:linear-gradient(45deg,#00dc82,#36e4da 50%,#0047e1);filter:blur(20vh)}.fixed[data-v-731bf5dc]{position:fixed}.-bottom-1\/2[data-v-731bf5dc]{bottom:-50%}.left-0[data-v-731bf5dc]{left:0}.right-0[data-v-731bf5dc]{right:0}.grid[data-v-731bf5dc]{display:grid}.mb-16[data-v-731bf5dc]{margin-bottom:4rem}.mb-8[data-v-731bf5dc]{margin-bottom:2rem}.h-1\/2[data-v-731bf5dc]{height:50%}.max-w-520px[data-v-731bf5dc]{max-width:520px}.min-h-screen[data-v-731bf5dc]{min-height:100vh}.place-content-center[data-v-731bf5dc]{place-content:center}.overflow-hidden[data-v-731bf5dc]{overflow:hidden}.bg-white[data-v-731bf5dc]{--un-bg-opacity:1;background-color:rgb(255 255 255/var(--un-bg-opacity))}.px-8[data-v-731bf5dc]{padding-left:2rem;padding-right:2rem}.text-center[data-v-731bf5dc]{text-align:center}.text-8xl[data-v-731bf5dc]{font-size:6rem;line-height:1}.text-xl[data-v-731bf5dc]{font-size:1.25rem;line-height:1.75rem}.text-black[data-v-731bf5dc]{--un-text-opacity:1;color:rgb(0 0 0/var(--un-text-opacity))}.font-light[data-v-731bf5dc]{font-weight:300}.font-medium[data-v-731bf5dc]{font-weight:500}.leading-tight[data-v-731bf5dc]{line-height:1.25}.font-sans[data-v-731bf5dc]{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-731bf5dc]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){.dark\:bg-black[data-v-731bf5dc]{--un-bg-opacity:1;background-color:rgb(0 0 0/var(--un-bg-opacity))}.dark\:text-white[data-v-731bf5dc]{--un-text-opacity:1;color:rgb(255 255 255/var(--un-text-opacity))}}@media (min-width:640px){.sm\:px-0[data-v-731bf5dc]{padding-left:0;padding-right:0}.sm\:text-4xl[data-v-731bf5dc]{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.Dgcy1m_i.css">
-<link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/CqVQiNS-.js">
+<link rel="stylesheet" href="/__nuxt-og-image/_nuxt/entry.ChwSb1tJ.css">
+<link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/DnBisYsJ.js">
 <link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/35JD59R_.js">
 <link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/Ci-La1BS.js">
 <link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/DOAn35dn.js">
@@ -268,9 +268,9 @@
 <link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/CVO1_9PV.js">
 <link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/CG6Dc4jp.js">
 <link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/B6E6ObS_.js">
-<link rel="prefetch" as="style" crossorigin href="/__nuxt-og-image/_nuxt/error-404.B1my0GLW.css">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/C8Z5-t5y.js">
-<link rel="prefetch" as="style" crossorigin href="/__nuxt-og-image/_nuxt/error-500.CqHIQwTo.css">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/rcTrcRWB.js">
-<script type="module" src="/__nuxt-og-image/_nuxt/CqVQiNS-.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__">[{"prerenderedAt":1,"serverRendered":2},1729059443015,false]</script>
-<script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__nuxt-og-image",buildId:"1c6351cf-9fce-42b7-83f6-082f24455f16",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body></html>
+<link rel="prefetch" as="style" crossorigin href="/__nuxt-og-image/_nuxt/error-404.D4k1dunI.css">
+<link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/BMGF3Z6I.js">
+<link rel="prefetch" as="style" crossorigin href="/__nuxt-og-image/_nuxt/error-500.Q7NSr7sn.css">
+<link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/1EdnXNuB.js">
+<script type="module" src="/__nuxt-og-image/_nuxt/DnBisYsJ.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__">[{"prerenderedAt":1,"serverRendered":2},1730268878709,false]</script>
+<script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__nuxt-og-image",buildId:"4ac2b2ab-71b1-4d97-8de0-b465feb7eaab",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body></html>

package/dist/module.json

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

package/dist/module.mjs

@@ -1,7 +1,7 @@
 import * as fs from 'node:fs';
 import { existsSync } from 'node:fs';
 import { readFile, writeFile } from 'node:fs/promises';
-import { useNuxt, tryResolveModule, addTemplate, useLogger, resolvePath, loadNuxtModuleInstance, createResolver, defineNuxtModule, addImports, addBuildPlugin, hasNuxtModule, addServerPlugin, addServerHandler, addComponentsDir, addComponent, addPlugin } from '@nuxt/kit';
+import { useNuxt, tryResolveModule, addTemplate, resolvePath, loadNuxtModuleInstance, createResolver, defineNuxtModule, useLogger, addImports, addBuildPlugin, hasNuxtModule, addServerPlugin, addServerHandler, addComponentsDir, addComponent, addPlugin } from '@nuxt/kit';
 import { defu } from 'defu';
 import { assertSiteConfig, installNuxtSiteConfig } from 'nuxt-site-config-kit';
 import { hash } from 'ohash';
@@ -13,7 +13,6 @@ import { createStorage } from 'unstorage';
 import fsDriver from 'unstorage/drivers/fs';
 import { createHash } from 'node:crypto';
 import { ensureDependencyInstalled } from 'nypm';
-import { colorize } from 'consola/utils';
 import { relative } from 'node:path';
 import { onDevToolsInitialized, extendServerRpc } from '@nuxt/devtools-kit';
 import { pathToFileURL } from 'node:url';
@@ -196,9 +195,6 @@ function ensureDependencies(dep, nuxt = useNuxt()) {
   }));
 }
 
-const logger = useLogger("@nuxtjs/og-image");
-const gray = (s) => colorize("gray", s);
-
 async function setupBuildHandler(config, resolve, nuxt = useNuxt()) {
   nuxt.options.nitro.storage = nuxt.options.nitro.storage || {};
   if (typeof config.runtimeCacheStorage === "object")
@@ -211,30 +207,26 @@ async function setupBuildHandler(config, resolve, nuxt = useNuxt()) {
     nitroConfig.alias.queue = "unenv/runtime/mock/proxy-cjs";
   });
   nuxt.hooks.hook("nitro:init", async (nitro) => {
+    const target = resolveNitroPreset(nitro.options);
+    const isCloudflarePagesOrModule = target === "cloudflare-pages" || target === "cloudflare-module";
+    if (isCloudflarePagesOrModule) {
+      nitro.options.cloudflare = nitro.options.cloudflare || {};
+      nitro.options.cloudflare.pages = nitro.options.cloudflare.pages || {};
+      nitro.options.cloudflare.pages.routes = nitro.options.cloudflare.pages.routes || { exclude: [] };
+      nitro.options.cloudflare.pages.routes.exclude = nitro.options.cloudflare.pages.routes.exclude || [];
+      nitro.options.cloudflare.pages.routes.exclude.push("/__og-image__/static/*");
+    }
     nitro.hooks.hook("compiled", async (_nitro) => {
-      const target = resolveNitroPreset(_nitro.options);
       const compatibility = getPresetNitroPresetCompatibility(target);
       if (compatibility.wasm?.esmImport !== true)
         return;
       const configuredEntry = nitro.options.rollupConfig?.output.entryFileNames;
       const serverEntry = resolve(_nitro.options.output.serverDir, typeof configuredEntry === "string" ? configuredEntry : "index.mjs");
       const wasmEntries = [serverEntry];
-      const isCloudflarePagesOrModule = target === "cloudflare-pages" || target === "cloudflare-module";
       if (isCloudflarePagesOrModule) {
         wasmEntries.push(resolve(dirname(serverEntry), "./chunks/wasm.mjs"));
         wasmEntries.push(resolve(dirname(serverEntry), "./chunks/_/wasm.mjs"));
         wasmEntries.push(resolve(dirname(serverEntry), "./chunks/index_bg.mjs"));
-        const routesPath = resolve(nitro.options.output.publicDir, "_routes.json");
-        if (existsSync(routesPath)) {
-          const routes = await readFile(routesPath).then((buffer) => JSON.parse(buffer.toString()));
-          const preSize = routes.exclude.length;
-          routes.exclude = routes.exclude.filter((path) => !path.startsWith("/__og-image__/static"));
-          routes.exclude.push("/__og-image__/static/*");
-          if (preSize !== routes.exclude.length) {
-            logger.info(`Optimizing CloudFlare \`_routes.json\` for prerendered OG Images ${gray(`(${100 - Math.round(routes.exclude.length / preSize * 100)}% smaller)`)}`);
-          }
-          await writeFile(routesPath, JSON.stringify(routes, void 0, 2));
-        }
       }
       const resvgHash = await resolveFilePathSha1("@resvg/resvg-wasm/index_bg.wasm");
       const yogaHash = await resolveFilePathSha1("yoga-wasm-web/dist/yoga.wasm");
@@ -720,7 +712,7 @@ const module = defineNuxtModule({
       nuxt.options.nitro.serverAssets = nuxt.options.nitro.serverAssets || [];
       nuxt.options.nitro.serverAssets.push({ baseName: "nuxt-og-image:fonts", dir: serverFontsDir });
     }
-    nuxt.options.experimental.componentIslands = true;
+    nuxt.options.experimental.componentIslands ||= true;
     const basePath = config.zeroRuntime ? "./runtime/nitro/routes/__zero-runtime" : "./runtime/nitro/routes";
     addServerHandler({
       lazy: true,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-og-image",
   "type": "module",
-  "version": "3.0.6",
+  "version": "3.0.8",
   "description": "Enlightened OG Image generation for Nuxt.",
   "author": {
     "website": "https://harlanzw.com",
@@ -39,11 +39,11 @@
     "@nuxt/kit": "^3.13.2",
     "@resvg/resvg-js": "^2.6.2",
     "@resvg/resvg-wasm": "^2.6.2",
-    "@unocss/core": "^0.63.4",
-    "@unocss/preset-wind": "^0.63.4",
+    "@unocss/core": "^0.63.6",
+    "@unocss/preset-wind": "^0.63.6",
     "chrome-launcher": "^1.1.2",
     "defu": "^6.1.4",
-    "execa": "^9.4.0",
+    "execa": "^9.5.1",
     "image-size": "^1.1.1",
     "magic-string": "^0.30.12",
     "nuxt-site-config": "^2.2.18",
@@ -53,7 +53,7 @@
     "ohash": "^1.1.4",
     "pathe": "^1.1.2",
     "pkg-types": "^1.2.1",
-    "playwright-core": "^1.48.0",
+    "playwright-core": "^1.48.2",
     "radix3": "^1.1.2",
     "satori": "^0.11.2",
     "satori-html": "^0.3.2",
@@ -61,50 +61,51 @@
     "std-env": "^3.7.0",
     "strip-literal": "^2.1.0",
     "ufo": "^1.5.4",
-    "unplugin": "^1.14.1",
+    "unplugin": "^1.15.0",
     "unwasm": "^0.3.9",
     "yoga-wasm-web": "^0.3.3"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^3.7.3",
+    "@antfu/eslint-config": "^3.8.0",
     "@css-inline/css-inline": "^0.14.1",
     "@headlessui/vue": "^1.7.23",
-    "@iconify-json/carbon": "^1.2.3",
+    "@iconify-json/carbon": "^1.2.4",
     "@iconify-json/logos": "^1.2.3",
     "@iconify-json/noto": "^1.2.1",
-    "@iconify-json/ri": "^1.2.1",
-    "@iconify-json/tabler": "^1.2.5",
+    "@iconify-json/ri": "^1.2.2",
+    "@iconify-json/tabler": "^1.2.6",
     "@img/sharp-linux-x64": "0.33.5",
     "@nuxt/content": "^2.13.4",
-    "@nuxt/devtools": "1.5.1",
+    "@nuxt/devtools": "1.6.0",
     "@nuxt/devtools-ui-kit": "^1.6.0",
-    "@nuxt/icon": "^1.5.6",
+    "@nuxt/icon": "^1.6.1",
     "@nuxt/image": "^1.8.1",
     "@nuxt/module-builder": "^0.8.4",
-    "@nuxt/test-utils": "3.14.2",
+    "@nuxt/test-utils": "3.14.4",
     "@nuxt/ui": "^2.18.7",
-    "@nuxtjs/color-mode": "^3.5.1",
+    "@nuxtjs/color-mode": "^3.5.2",
     "@nuxtjs/eslint-config-typescript": "^12.1.0",
     "@nuxtjs/i18n": "^8.5.5",
-    "@nuxtjs/tailwindcss": "^6.12.1",
-    "@unocss/nuxt": "^0.63.4",
-    "@unocss/preset-icons": "^0.63.4",
-    "@unocss/preset-uno": "^0.63.4",
-    "@unocss/runtime": "^0.63.4",
+    "@nuxtjs/tailwindcss": "^6.12.2",
+    "@unocss/nuxt": "^0.63.6",
+    "@unocss/preset-icons": "^0.63.6",
+    "@unocss/preset-uno": "^0.63.6",
+    "@unocss/runtime": "^0.63.6",
     "@vueuse/nuxt": "^11.1.0",
-    "bumpp": "^9.7.1",
-    "eslint": "9.11.1",
+    "bumpp": "^9.8.0",
+    "eslint": "9.13.0",
     "jest-image-snapshot": "^6.4.0",
     "nuxt": "^3.13.2",
-    "playwright": "^1.48.0",
-    "sass": "^1.79.5",
+    "playwright": "^1.48.2",
+    "sass": "^1.80.5",
     "sharp": "^0.33.5",
     "typescript": "^5.6.3",
-    "unocss": "^0.63.4",
-    "vitest": "^2.1.3"
+    "unocss": "^0.63.6",
+    "vitest": "^2.1.4"
   },
   "resolutions": {
-    "vue": "3.5.4",
+    "@vue/server-renderer": "3.5.12",
+    "vue": "3.5.12",
     "vue-router": "4.4.4"
   },
   "build": {