nuxt-og-image 3.0.0-beta.10 → 3.0.0-beta.12

package/dist/client/_nuxt/{error-404.91508473.js → error-404.0d8fb510.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.e62f04d6.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.6c0001e5.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.b66f3aae.js → error-500.cefac4a7.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.e62f04d6.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.6c0001e5.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.434c2c45.css">
-<link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/entry.e62f04d6.js">
+<link rel="modulepreload" as="script" crossorigin href="/__nuxt-og-image/_nuxt/entry.6c0001e5.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.91508473.js">
+<link rel="prefetch" as="script" crossorigin href="/__nuxt-og-image/_nuxt/error-404.0d8fb510.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.b66f3aae.js">
-<script type="module" src="/__nuxt-og-image/_nuxt/entry.e62f04d6.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.cefac4a7.js">
+<script type="module" src="/__nuxt-og-image/_nuxt/entry.6c0001e5.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

@@ -2,6 +2,7 @@ import * as _nuxt_schema from '@nuxt/schema';
 import { SatoriOptions } from 'satori';
 import { ResvgRenderOptions } from '@resvg/resvg-js';
 import { SharpOptions } from 'sharp';
+import { WasmOptions } from 'nitropack/types';
 
 interface OgImageComponent {
     path?: string;
@@ -66,11 +67,10 @@ interface RuntimeCompatibilitySchema {
         chromium: 'node' | false;
         ['css-inline']: 'node' | false;
         resvg: 'node' | 'wasm' | false;
-        satori: 'node' | 'yoga-wasm' | false;
-        sharp: 'node' | 'lambda' | false;
+        satori: 'node' | 'wasm' | false;
+        sharp: 'node' | false;
     };
-    wasmStrategy?: 'inline' | 'import' | 'fetch';
-    wasmImportQuery?: string;
+    wasm?: WasmOptions;
 }
 
 interface ModuleOptions {

package/dist/module.d.ts

@@ -2,6 +2,7 @@ import * as _nuxt_schema from '@nuxt/schema';
 import { SatoriOptions } from 'satori';
 import { ResvgRenderOptions } from '@resvg/resvg-js';
 import { SharpOptions } from 'sharp';
+import { WasmOptions } from 'nitropack/types';
 
 interface OgImageComponent {
     path?: string;
@@ -66,11 +67,10 @@ interface RuntimeCompatibilitySchema {
         chromium: 'node' | false;
         ['css-inline']: 'node' | false;
         resvg: 'node' | 'wasm' | false;
-        satori: 'node' | 'yoga-wasm' | false;
-        sharp: 'node' | 'lambda' | false;
+        satori: 'node' | 'wasm' | false;
+        sharp: 'node' | false;
     };
-    wasmStrategy?: 'inline' | 'import' | 'fetch';
-    wasmImportQuery?: string;
+    wasm?: WasmOptions;
 }
 
 interface ModuleOptions {

package/dist/module.json

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

package/dist/module.mjs

@@ -9,7 +9,7 @@ import 'nypm';
 import { defu } from 'defu';
 import { onDevToolsInitialized, extendServerRpc } from '@nuxt/devtools-kit';
 
-const version = "3.0.0-beta.10";
+const version = "3.0.0-beta.12";
 
 const autodetectableProviders = {
   azure_static: "azure",
@@ -32,8 +32,7 @@ const NodeRuntime = {
     "resvg": "node",
     "satori": "node",
     "sharp": "node"
-  },
-  wasmStrategy: "import"
+  }
 };
 const cloudflare = {
   bindings: {
@@ -42,8 +41,8 @@ const cloudflare = {
     "resvg": "wasm",
     "satori": "node",
     "sharp": false
-  },
-  wasmStrategy: "import"
+  }
+  // nitro configures wasm
 };
 const awsLambda = {
   bindings: {
@@ -52,8 +51,7 @@ const awsLambda = {
     "resvg": "node",
     "satori": "node",
     "sharp": "node"
-  },
-  wasmStrategy: "inline"
+  }
 };
 const RuntimeCompatibility = {
   "nitro-dev": NodeRuntime,
@@ -66,8 +64,7 @@ const RuntimeCompatibility = {
       "resvg": "wasm",
       "satori": "node",
       "sharp": "node"
-    },
-    wasmStrategy: "inline"
+    }
   },
   "aws-lambda": awsLambda,
   "netlify": awsLambda,
@@ -79,7 +76,11 @@ const RuntimeCompatibility = {
       "satori": "node",
       "sharp": false
     },
-    wasmStrategy: "inline"
+    wasm: {
+      rollup: {
+        targetEnv: "auto-inline"
+      }
+    }
   },
   "vercel": awsLambda,
   "vercel-edge": {
@@ -90,8 +91,13 @@ const RuntimeCompatibility = {
       "satori": "node",
       "sharp": "node"
     },
-    wasmStrategy: "inline",
-    wasmImportQuery: "?module"
+    // requires vercel pro
+    // TODO support importing
+    wasm: {
+      rollup: {
+        targetEnv: "auto-inline"
+      }
+    }
   },
   "cloudflare-pages": cloudflare,
   "cloudflare": cloudflare
@@ -134,16 +140,12 @@ function applyNitroPresetCompatibility(nitroConfig, options) {
     applyBinding("sharp"),
     nitroConfig.alias || {}
   );
-  nitroConfig.rollupConfig = nitroConfig.rollupConfig || {};
-  if (target === "netlify-edge") {
-    nitroConfig.wasm = nitroConfig.wasm || {};
-    nitroConfig.wasm.rollup = nitroConfig.wasm.rollup || {};
-    nitroConfig.wasm.rollup.targetEnv = "auto-inline";
-  }
-  if (target.includes("edge") || target.includes("cloudflare")) {
+  if (Object.values(compatibility.bindings).includes("wasm")) {
     nitroConfig.experimental = nitroConfig.experimental || {};
     nitroConfig.experimental.wasm = true;
   }
+  nitroConfig.rollupConfig = nitroConfig.rollupConfig || {};
+  nitroConfig.wasm = defu(compatibility.wasm || {}, nitroConfig.wasm);
   return compatibility;
 }
 

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

@@ -1,9 +1,6 @@
 import { Resvg as _Resvg, initWasm } from "@resvg/resvg-wasm";
+import { importWasm } from "../../utils/wasm.mjs";
 export default {
-  initWasmPromise: initWasm(import("@resvg/resvg-wasm/index_bg.wasm").then((m) => {
-    let mod = m.default;
-    mod = typeof mod === "function" ? mod() : mod;
-    return "instance" in mod ? mod.instance : mod;
-  })),
+  initWasmPromise: initWasm(importWasm(import("@resvg/resvg-wasm/index_bg.wasm"))),
   Resvg: _Resvg
 };

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

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

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

@@ -0,0 +1 @@
+export declare function importWasm(input: any): Promise<any>;

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

@@ -0,0 +1,6 @@
+export async function importWasm(input) {
+  const _input = await input;
+  const _module = _input.default || _input;
+  const _instance = typeof _module === "function" ? await _module({}).then((r) => r.instance || r) : await WebAssembly.instantiate(_module, {});
+  return _instance.exports;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-og-image",
   "type": "module",
-  "version": "3.0.0-beta.10",
+  "version": "3.0.0-beta.12",
   "packageManager": "pnpm@8.11.0",
   "description": "Enlightened OG Image generation for Nuxt.",
   "license": "MIT",

package/dist/client/_nuxt/builds/meta/3185e4a0-6b15-4476-b2f3-85ef31d35fc6.json

@@ -1 +0,0 @@
-{"id":"3185e4a0-6b15-4476-b2f3-85ef31d35fc6","timestamp":1701256461771,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}

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

@@ -1,7 +0,0 @@
-import _satori, { init } from "satori/wasm";
-import initYoga from "yoga-wasm-web";
-import YogaWasm from "yoga-wasm-web/dist/yoga.wasm";
-export default {
-  initWasmPromise: initYoga(YogaWasm).then((yoga) => init(yoga)),
-  satori: _satori
-};

package/dist/runtime/core/bindings/sharp/wasm.d.ts

@@ -1,2 +0,0 @@
-import sharp from '@img/sharp-wasm32/package.json';
-export default sharp;

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

@@ -1,2 +0,0 @@
-import sharp from "@img/sharp-wasm32/package.json";
-export default sharp;