nuxt-og-image 2.0.0-beta.38 → 2.0.0-beta.40

package/README.md

@@ -52,16 +52,15 @@ Both Satori and Browser will work in Node based environments. Prerendering is fu
 
 When you want to generate dynamic images at runtime there are certain Nitro runtime limitations.
 
-| Provider                                                                        | Satori | Browser |
-|---------------------------------------------------------------------------------|--------|---------|
-| Node                                                                            | ✅      | ✅       |
-| [Vercel](https://nuxt-og-image-playground.vercel.app/)                          | ✅      | Soon    |
-| [Vercel Edge](https://nuxt-og-image-playground-gkdt.vercel.app/)                | ✅      | ❌       |
-| Cloudflare Workers (requires paid)                                              | ✅      | ❌       |
-| [Cloudflare Pages](https://nuxt-og-image-playground.pages.dev/)                 | ✅      | ❌       |
-| [Netlify](https://nuxt-og-image-playground-netlify.netlify.app/)                | Soon   | ❌       |
-| [Netlify Edge](https://nuxt-og-image-playground-netlify-edge.netlify.app/)      | Soon   | ❌       |
-| [StackBlitz](https://stackblitz.com/edit/nuxt-starter-pxs3wk?file=package.json) | ✅      | ❌       |
+| Provider                                                                        | Satori   | Browser |
+|---------------------------------------------------------------------------------|----------|---------|
+| Node                                                                            | ✅        | ✅       |
+| [Vercel](https://nuxt-og-image-playground.vercel.app/)                          | ✅        | ❌    |
+| [Vercel Edge](https://nuxt-og-image-playground-gkdt.vercel.app/)                | ✅        | ❌       |
+| [Cloudflare Pages](https://nuxt-og-image-playground.pages.dev/)                 | ✅        | ❌       |
+| [Netlify](https://nuxt-og-image-playground-netlify.netlify.app/)                | Soon     | ❌       |
+| [Netlify Edge](https://nuxt-og-image-playground-netlify-edge.netlify.app/)      | ❌ (Soon) | ❌       |
+| [StackBlitz](https://stackblitz.com/edit/nuxt-starter-pxs3wk?file=package.json) | ✅        | ❌       |
 
 Other providers are yet to be tested. Please create an issue if your nitro preset is not listed.
 

package/dist/module.json

@@ -5,5 +5,5 @@
     "bridge": false
   },
   "configKey": "ogImage",
-  "version": "2.0.0-beta.38"
+  "version": "2.0.0-beta.40"
 }

package/dist/module.mjs

@@ -235,7 +235,7 @@ const DefaultRuntimeCompatibility = {
   browser: "playwright",
   satori: "default",
   wasm: "fetch",
-  png: "resvg"
+  png: "resvg-node"
 };
 const RuntimeCompatibility = {
   "nitro-dev": {
@@ -245,30 +245,35 @@ const RuntimeCompatibility = {
   "stackblitz": {
     browser: false,
     satori: "yoga-wasm",
-    wasm: "inline"
+    wasm: "inline",
+    png: "resvg-wasm"
   },
   "netlify": {
     browser: "lambda",
     wasm: "inline"
   },
   "netlify-edge": {
-    wasm: "inline"
+    wasm: "inline",
+    png: "resvg-wasm"
   },
   "vercel": {
-    browser: "lambda"
+    // exceeds 50mb limit
+    browser: false
+  },
+  "vercel-edge": {
+    browser: false,
+    wasm: "import",
+    wasmImportQuery: "?module",
+    png: "resvg-wasm"
   },
   "cloudflare-pages": {
     browser: false,
-    wasm: "import"
+    wasm: "import",
+    png: "resvg-wasm"
   },
   "cloudflare": {
     browser: false,
     wasm: "import"
-  },
-  "vercel-edge": {
-    browser: false,
-    wasm: "import",
-    wasmImportQuery: "?module"
   }
 };
 
@@ -469,7 +474,7 @@ export {}
     if (config.runtimeSatori) {
       if (config.fonts.includes("Inter:400"))
         customAssetDirs.push(resolve("./runtime/public-assets-optional/inter-font"));
-      if (nitroCompatibility.png === "resvg" && nitroCompatibility.wasm === "fetch")
+      if (nitroCompatibility.png === "resvg-wasm" && nitroCompatibility.wasm === "fetch")
         customAssetDirs.push(resolve("./runtime/public-assets-optional/resvg"));
       else if (nitroCompatibility.png === "svg2png" && nitroCompatibility.wasm === "fetch")
         customAssetDirs.push(resolve("./runtime/public-assets-optional/svg2png"));
@@ -570,7 +575,7 @@ export async function useProvider(provider) {
                 contents = contents.replace(wasm.placeholder, `import("./${wasm.file}${nitroCompatibility.wasmImportQuery || ""}").then(m => m.default || m)`);
                 await copy(resolve(`./runtime/public-assets-optional/${wasm.path}`), resolve(dirname(path), wasm.file));
               } else if (nitroCompatibility.wasm === "inline") {
-                const wasmBuffer = await readFile(resolve(`./runtime/public-assets-optional/${wasm.path}`), "base64");
+                const wasmBuffer = await readFile(resolve(`./runtime/public-assets-optional/${wasm.path}`));
                 contents = contents.replace(wasm.placeholder, `Buffer.from("${wasmBuffer}", "base64")`);
               }
               updated = true;

package/dist/runtime/nitro/providers/png/resvg-node.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="node" />
+import { ResvgRenderOptions } from '@resvg/resvg-js';
+export default function (svg: string, options: ResvgRenderOptions & {
+    baseUrl: string;
+}): Promise<Buffer>;

package/dist/runtime/nitro/providers/png/resvg-node.mjs

@@ -0,0 +1,6 @@
+import { Resvg } from "@resvg/resvg-js";
+export default async function(svg, options) {
+  const resvgJS = new Resvg(svg, {});
+  const pngData = resvgJS.render();
+  return pngData.asPng();
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-og-image",
   "type": "module",
-  "version": "2.0.0-beta.38",
+  "version": "2.0.0-beta.40",
   "packageManager": "pnpm@8.1.0",
   "license": "MIT",
   "funding": "https://github.com/sponsors/harlan-zw",
@@ -27,6 +27,7 @@
   ],
   "dependencies": {
     "@nuxt/kit": "^3.4.3",
+    "@resvg/resvg-js": "^2.4.1",
     "@resvg/resvg-wasm": "^2.4.1",
     "@types/fs-extra": "^11.0.1",
     "birpc": "^0.2.11",