nuxt-og-image 3.0.0-beta.30 → 3.0.0-beta.31

package/dist/client/_nuxt/{error-404.d663cd65.js → error-404.ab2243fa.js}

@@ -1 +1 @@
-import{_ as a,u as n,o as r,c as l,a as e,t as s,b as d,w as c,d as p,e as f,p as x,f as h}from"./entry.74866e06.js";const m=t=>(x("data-v-05a2b8a3"),t=t(),h(),t),u={class:"font-sans antialiased bg-white dark:bg-black text-black dark:text-white grid min-h-screen place-content-center overflow-hidden"},g=m(()=>e("div",{class:"fixed left-0 right-0 spotlight z-10"},null,-1)),b={class:"max-w-520px text-center z-20"},_=["textContent"],w=["textContent"],y={class:"w-full flex items-center justify-center"},S={__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 o=t;return n({title:`${o.statusCode} - ${o.statusMessage} | ${o.appName}`,script:[],style:[{children:'*,:before,:after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:#e0e0e0}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(14, 165, 233, .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}a{color:inherit;text-decoration:inherit}body{margin:0;font-family:inherit;line-height:inherit}html{-webkit-text-size-adjust:100%;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";line-height:1.5}h1,p{margin:0}h1{font-size:inherit;font-weight:inherit}'}]}),(k,v)=>{const i=f;return r(),l("div",u,[g,e("div",b,[e("h1",{class:"text-8xl sm:text-10xl font-medium mb-8",textContent:s(t.statusCode)},null,8,_),e("p",{class:"text-xl px-8 sm:px-0 sm:text-4xl font-light mb-16 leading-tight",textContent:s(t.description)},null,8,w),e("div",y,[d(i,{to:"/",class:"gradient-border text-md sm:text-xl py-2 px-4 sm:py-3 sm:px-6 cursor-pointer"},{default:c(()=>[p(s(t.backHome),1)]),_:1})])])])}}},z=a(S,[["__scopeId","data-v-05a2b8a3"]]);export{z as default};
+import{_ as a,u as n,o as r,c as l,a as e,t as s,b as d,w as c,d as p,e as f,p as x,f as h}from"./entry.5625a982.js";const m=t=>(x("data-v-05a2b8a3"),t=t(),h(),t),u={class:"font-sans antialiased bg-white dark:bg-black text-black dark:text-white grid min-h-screen place-content-center overflow-hidden"},g=m(()=>e("div",{class:"fixed left-0 right-0 spotlight z-10"},null,-1)),b={class:"max-w-520px text-center z-20"},_=["textContent"],w=["textContent"],y={class:"w-full flex items-center justify-center"},S={__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 o=t;return n({title:`${o.statusCode} - ${o.statusMessage} | ${o.appName}`,script:[],style:[{children:'*,:before,:after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:#e0e0e0}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(14, 165, 233, .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}a{color:inherit;text-decoration:inherit}body{margin:0;font-family:inherit;line-height:inherit}html{-webkit-text-size-adjust:100%;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";line-height:1.5}h1,p{margin:0}h1{font-size:inherit;font-weight:inherit}'}]}),(k,v)=>{const i=f;return r(),l("div",u,[g,e("div",b,[e("h1",{class:"text-8xl sm:text-10xl font-medium mb-8",textContent:s(t.statusCode)},null,8,_),e("p",{class:"text-xl px-8 sm:px-0 sm:text-4xl font-light mb-16 leading-tight",textContent:s(t.description)},null,8,w),e("div",y,[d(i,{to:"/",class:"gradient-border text-md sm:text-xl py-2 px-4 sm:py-3 sm:px-6 cursor-pointer"},{default:c(()=>[p(s(t.backHome),1)]),_:1})])])])}}},z=a(S,[["__scopeId","data-v-05a2b8a3"]]);export{z as default};

package/dist/client/_nuxt/{error-500.8c184504.js → error-500.9440311e.js}

@@ -1 +1 @@
-import{_ as i,u as a,o as r,c as n,a as e,t as s,p as l,f as d}from"./entry.74866e06.js";const c=t=>(l("data-v-c967d9a9"),t=t(),d(),t),p={class:"font-sans antialiased bg-white dark:bg-black text-black dark:text-white grid min-h-screen place-content-center overflow-hidden"},h=c(()=>e("div",{class:"fixed -bottom-1/2 left-0 right-0 h-1/2 spotlight"},null,-1)),f={class:"max-w-520px text-center"},g=["textContent"],m=["textContent"],x={__name:"error-500",props:{appName:{type:String,default:"Nuxt"},version:{type:String,default:""},statusCode:{type:Number,default:500},statusMessage:{type:String,default:"Server error"},description:{type:String,default:"This page is temporarily unavailable."}},setup(t){const o=t;return a({title:`${o.statusCode} - ${o.statusMessage} | ${o.appName}`,script:[],style:[{children:'*,:before,:after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:#e0e0e0}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(14, 165, 233, .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{margin:0;font-family:inherit;line-height:inherit}html{-webkit-text-size-adjust:100%;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";line-height:1.5}h1,p{margin:0}h1{font-size:inherit;font-weight:inherit}'}]}),(u,b)=>(r(),n("div",p,[h,e("div",f,[e("h1",{class:"text-8xl sm:text-10xl font-medium mb-8",textContent:s(t.statusCode)},null,8,g),e("p",{class:"text-xl px-8 sm:px-0 sm:text-4xl font-light mb-16 leading-tight",textContent:s(t.description)},null,8,m)])]))}},w=i(x,[["__scopeId","data-v-c967d9a9"]]);export{w as default};
+import{_ as i,u as a,o as r,c as n,a as e,t as s,p as l,f as d}from"./entry.5625a982.js";const c=t=>(l("data-v-c967d9a9"),t=t(),d(),t),p={class:"font-sans antialiased bg-white dark:bg-black text-black dark:text-white grid min-h-screen place-content-center overflow-hidden"},h=c(()=>e("div",{class:"fixed -bottom-1/2 left-0 right-0 h-1/2 spotlight"},null,-1)),f={class:"max-w-520px text-center"},g=["textContent"],m=["textContent"],x={__name:"error-500",props:{appName:{type:String,default:"Nuxt"},version:{type:String,default:""},statusCode:{type:Number,default:500},statusMessage:{type:String,default:"Server error"},description:{type:String,default:"This page is temporarily unavailable."}},setup(t){const o=t;return a({title:`${o.statusCode} - ${o.statusMessage} | ${o.appName}`,script:[],style:[{children:'*,:before,:after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:#e0e0e0}*{--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(14, 165, 233, .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{margin:0;font-family:inherit;line-height:inherit}html{-webkit-text-size-adjust:100%;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";line-height:1.5}h1,p{margin:0}h1{font-size:inherit;font-weight:inherit}'}]}),(u,b)=>(r(),n("div",p,[h,e("div",f,[e("h1",{class:"text-8xl sm:text-10xl font-medium mb-8",textContent:s(t.statusCode)},null,8,g),e("p",{class:"text-xl px-8 sm:px-0 sm:text-4xl font-light mb-16 leading-tight",textContent:s(t.description)},null,8,m)])]))}},w=i(x,[["__scopeId","data-v-c967d9a9"]]);export{w as default};

package/dist/client/index.html

@@ -3,12 +3,12 @@
 <head><meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <link rel="stylesheet" href="/__nuxt-og-image/_nuxt/entry.f47d0628.css">
-<link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/entry.74866e06.js">
+<link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/entry.5625a982.js">
 <link rel="prefetch" as="style" href="/__nuxt-og-image/_nuxt/error-404.b751fa02.css">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/error-404.d663cd65.js">
+<link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/error-404.ab2243fa.js">
 <link rel="prefetch" as="style" href="/__nuxt-og-image/_nuxt/error-500.69009e70.css">
-<link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/error-500.8c184504.js">
-<script type="module" src="/__nuxt-og-image/_nuxt/entry.74866e06.js" crossorigin></script><script>"use strict";(()=>{const a=window,e=document.documentElement,m=["dark","light"],c=window&&window.localStorage&&window.localStorage.getItem&&window.localStorage.getItem("nuxt-color-mode")||"system";let n=c==="system"?d():c;const l=e.getAttribute("data-color-mode-forced");l&&(n=l),i(n),a["__NUXT_COLOR_MODE__"]={preference:c,value:n,getColorScheme:d,addColorScheme:i,removeColorScheme:f};function i(o){const t=""+o+"",s="";e.classList?e.classList.add(t):e.className+=" "+t,s&&e.setAttribute("data-"+s,o)}function f(o){const t=""+o+"",s="";e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp(t,"g"),""),s&&e.removeAttribute("data-"+s)}function r(o){return a.matchMedia("(prefers-color-scheme"+o+")")}function d(){if(a.matchMedia&&r("").media!=="not all"){for(const o of m)if(r(":"+o).matches)return o}return"light"}})();
+<link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/error-500.9440311e.js">
+<script type="module" src="/__nuxt-og-image/_nuxt/entry.5625a982.js" crossorigin></script><script>"use strict";(()=>{const a=window,e=document.documentElement,m=["dark","light"],c=window&&window.localStorage&&window.localStorage.getItem&&window.localStorage.getItem("nuxt-color-mode")||"system";let n=c==="system"?d():c;const l=e.getAttribute("data-color-mode-forced");l&&(n=l),i(n),a["__NUXT_COLOR_MODE__"]={preference:c,value:n,getColorScheme:d,addColorScheme:i,removeColorScheme:f};function i(o){const t=""+o+"",s="";e.classList?e.classList.add(t):e.className+=" "+t,s&&e.setAttribute("data-"+s,o)}function f(o){const t=""+o+"",s="";e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp(t,"g"),""),s&&e.removeAttribute("data-"+s)}function r(o){return a.matchMedia("(prefers-color-scheme"+o+")")}function d(){if(a.matchMedia&&r("").media!=="not all"){for(const o of m)if(r(":"+o).matches)return o}return"light"}})();
 </script></head>
 <body ><div id="__nuxt"></div><script type="application/json" id="__NUXT_DATA__" data-ssr="false">[{"_errors":1,"serverRendered":2,"data":3,"state":4},{},false,{},{}]</script>
 <script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__nuxt-og-image",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body>

package/dist/module.d.mts

@@ -90,8 +90,8 @@ interface RuntimeCompatibilitySchema {
     bindings: {
         chromium: 'node' | false;
         ['css-inline']: 'node' | false;
-        resvg: 'node' | 'wasm' | false;
-        satori: 'node' | 'wasm' | false;
+        resvg: 'node' | 'wasm' | 'stackblitz' | false;
+        satori: 'node' | 'wasm' | 'stackblitz' | false;
         sharp: 'node' | false;
     };
     wasm?: WasmOptions;

package/dist/module.d.ts

@@ -90,8 +90,8 @@ interface RuntimeCompatibilitySchema {
     bindings: {
         chromium: 'node' | false;
         ['css-inline']: 'node' | false;
-        resvg: 'node' | 'wasm' | false;
-        satori: 'node' | 'wasm' | false;
+        resvg: 'node' | 'wasm' | 'stackblitz' | false;
+        satori: 'node' | 'wasm' | 'stackblitz' | false;
         sharp: 'node' | false;
     };
     wasm?: WasmOptions;

package/dist/module.json

@@ -5,5 +5,5 @@
     "bridge": false
   },
   "configKey": "ogImage",
-  "version": "3.0.0-beta.30"
+  "version": "3.0.0-beta.31"
 }

package/dist/module.mjs

@@ -11,7 +11,7 @@ import { onDevToolsInitialized, extendServerRpc } from '@nuxt/devtools-kit';
 import { readFile, writeFile } from 'node:fs/promises';
 import { createHash } from 'node:crypto';
 
-const version = "3.0.0-beta.30";
+const version = "3.0.0-beta.31";
 
 const autodetectableProviders = {
   azure_static: "azure",
@@ -65,15 +65,9 @@ const RuntimeCompatibility = {
     bindings: {
       "chromium": false,
       "css-inline": false,
-      "resvg": "wasm",
-      "satori": "wasm",
+      "resvg": "stackblitz",
+      "satori": "stackblitz",
       "sharp": false
-    },
-    wasm: {
-      rollup: {
-        targetEnv: "auto-inline",
-        sync: ["@resvg/resvg-wasm/index_bg.wasm"]
-      }
     }
   },
   "aws-lambda": awsLambda,
@@ -93,6 +87,7 @@ const RuntimeCompatibility = {
       }
     }
   },
+  "firebase": awsLambda,
   "vercel": awsLambda,
   "vercel-edge": {
     bindings: {
@@ -228,9 +223,15 @@ function setupDevToolsUI(options, resolve, nuxt = useNuxt()) {
         rpc.broadcast.refreshRouteData(path).catch(() => {
         });
       }
-      if (options.componentDirs.some((dir) => path.includes(dir)))
-        rpc.broadcast.refreshGlobalData().catch(() => {
-        });
+      if (options.componentDirs.some((dir) => path.includes(dir))) {
+        if (e === "change") {
+          rpc.broadcast.refresh().catch(() => {
+          });
+        } else {
+          rpc.broadcast.refreshGlobalData().catch(() => {
+          });
+        }
+      }
     });
   });
   nuxt.hook("devtools:customTabs", (tabs) => {

package/dist/runtime/composables/defineOgImageComponent.d.ts

@@ -1,3 +1,3 @@
 import type { ExtractComponentProps, OgImageOptions } from '../types';
 import type { OgImageComponents } from '#nuxt-og-image/components';
-export declare function defineOgImageComponent<T extends keyof OgImageComponents>(component: T, props: ExtractComponentProps<OgImageComponents[T]>, options?: OgImageOptions): void;
+export declare function defineOgImageComponent<T extends keyof OgImageComponents>(component: T, props?: Partial<ExtractComponentProps<OgImageComponents[T]>>, options?: OgImageOptions): void;

package/dist/runtime/composables/defineOgImageComponent.mjs

@@ -1,5 +1,5 @@
 import { defineOgImage } from "./defineOgImage.mjs";
-export function defineOgImageComponent(component, props, options = {}) {
+export function defineOgImageComponent(component, props = {}, options = {}) {
   return defineOgImage({
     ...options,
     component,

package/dist/runtime/core/bindings/resvg/stackblitz.d.ts

@@ -0,0 +1,40 @@
+declare const _default: {
+    initWasmPromise: Promise<void>;
+    Resvg: new (svg: string | Uint8Array, options?: import("@resvg/resvg-wasm").ResvgRenderOptions | undefined) => {
+        free(): void;
+        render(): {
+            free(): void;
+            asPng(): Uint8Array;
+            readonly height: number;
+            readonly pixels: Uint8Array;
+            readonly width: number;
+        };
+        toString(): string;
+        innerBBox(): {
+            free(): void;
+            height: number;
+            width: number;
+            x: number;
+            y: number;
+        } | undefined;
+        getBBox(): {
+            free(): void;
+            height: number;
+            width: number;
+            x: number;
+            y: number;
+        } | undefined;
+        cropByBBox(bbox: {
+            free(): void;
+            height: number;
+            width: number;
+            x: number;
+            y: number;
+        }): void;
+        imagesToResolve(): any[];
+        resolveImage(href: string, buffer: Uint8Array): void;
+        readonly height: number;
+        readonly width: number;
+    };
+};
+export default _default;

package/dist/runtime/core/bindings/resvg/stackblitz.mjs

@@ -0,0 +1,6 @@
+import { Resvg as _Resvg, initWasm } from "@resvg/resvg-wasm";
+import { readWasmFile } from "../../utils/wasm.mjs";
+export default {
+  initWasmPromise: initWasm(readWasmFile("@resvg/resvg-wasm/index_bg.wasm")),
+  Resvg: _Resvg
+};

package/dist/runtime/core/bindings/satori/stackblitz.d.ts

@@ -0,0 +1,6 @@
+import _satori from 'satori/wasm';
+declare const _default: {
+    initWasmPromise: Promise<void>;
+    satori: typeof _satori;
+};
+export default _default;

package/dist/runtime/core/bindings/satori/stackblitz.mjs

@@ -0,0 +1,13 @@
+import _satori, { init } from "satori/wasm";
+import initYoga from "yoga-wasm-web";
+import { readWasmFile } from "../../utils/wasm.mjs";
+const wasm = readWasmFile("yoga-wasm-web/dist/yoga.wasm").then(async (yoga) => await initYoga(yoga));
+export default {
+  initWasmPromise: new Promise((resolve) => {
+    wasm.then((yoga) => {
+      init(yoga);
+      resolve();
+    });
+  }),
+  satori: _satori
+};

package/dist/runtime/core/bindings/satori/wasm.mjs

@@ -1,7 +1,14 @@
-import _satori, { init } from "satori/wasm";
+import _satori from "satori/wasm";
 import initYoga from "yoga-wasm-web";
+import { init } from "satori";
 import { importWasm } from "../../utils/wasm.mjs";
+const wasm = importWasm(import("yoga-wasm-web/dist/yoga.wasm")).then(async (yoga) => await initYoga(yoga));
 export default {
-  initWasmPromise: initYoga(importWasm(import("yoga-wasm-web/dist/yoga.wasm"))).then((yoga) => init(yoga)),
+  initWasmPromise: new Promise((resolve) => {
+    wasm.then((yoga) => {
+      init(yoga);
+      resolve();
+    });
+  }),
   satori: _satori
 };

package/dist/runtime/core/utils/wasm.d.ts

@@ -1 +1,3 @@
+/// <reference types="node" />
 export declare function importWasm(input: any): Promise<any>;
+export declare function readWasmFile(input: string): Promise<Buffer>;

package/dist/runtime/core/utils/wasm.mjs

@@ -1,3 +1,5 @@
+import { readFile } from "node:fs/promises";
+import { resolvePath } from "mlly";
 export async function importWasm(input) {
   const _input = await input;
   const _module = _input.default || _input;
@@ -8,3 +10,7 @@ export async function importWasm(input) {
   }
   return _module;
 }
+export async function readWasmFile(input) {
+  const path = await resolvePath(input);
+  return readFile(path);
+}

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "nuxt-og-image",
   "type": "module",
-  "version": "3.0.0-beta.30",
+  "version": "3.0.0-beta.31",
   "packageManager": "pnpm@8.11.0",
   "description": "Enlightened OG Image generation for Nuxt.",
-  "license": "MIT",
-  "funding": "https://github.com/sponsors/harlan-zw",
-  "homepage": "https://github.com/harlan-zw/nuxt-og-image#readme",
   "author": {
     "website": "https://harlanzw.com",
     "name": "Harlan Wilton",
     "url": "harlan@harlanzw.com"
   },
+  "license": "MIT",
+  "funding": "https://github.com/sponsors/harlan-zw",
+  "homepage": "https://github.com/harlan-zw/nuxt-og-image#readme",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/harlan-zw/nuxt-og-image.git"
@@ -65,7 +65,7 @@
     "yoga-wasm-web": "^0.3.3"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "2.2.1",
+    "@antfu/eslint-config": "2.2.2",
     "@img/sharp-linux-x64": "0.33.0",
     "@nuxt/content": "^2.9.0",
     "@nuxt/devtools": "1.0.4",

package/dist/client/_nuxt/builds/meta/2f3b82b2-c809-4818-a70e-0a9fa0dde8cb.json

@@ -1 +0,0 @@
-{"id":"2f3b82b2-c809-4818-a70e-0a9fa0dde8cb","timestamp":1701677182094,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}