nuxt-og-image 2.0.0-beta.31 → 2.0.0-beta.32

package/README.md

@@ -50,18 +50,18 @@ Enlightened OG Image generation for Nuxt 3.
 
 Both Satori and Browser will work in Node based environments. Prerendering is fully supported.
 
-When you want to generate dynamic images at runtime there are certain nitro runtime limitations.
+When you want to generate dynamic images at runtime there are certain Nitro runtime limitations.
 
 | Provider                           | Satori |  Browser |
-|------------------------------------|-----------------| -- |
-| StackBlitz                         | ✅              | ❌             |
-| Node                                  | ✅              | ✅              |
-| Vercel                             | ✅              | ✅             |
-| Vercel Edge                        | ✅              | ❌              |
+|------------------------------------|----------------| -- |
+| StackBlitz                         | ✅             | ❌             |
+| Node                               | ✅             | ✅              |
+| Vercel                             | ✅             | ✅             |
+| Vercel Edge                        | ✅             | ❌              |
 | Cloudflare Workers (requires paid) | ✅            | ❌             |
 | Cloudflare Pages (requires paid)   | ✅            | ❌             |
-| Netlify (TBC)                      | ❌              | ❌             |
-| Netlify Edge (TBC)                 | ❌              | ❌             |
+| Netlify                            | ✅              | ❌             |
+| Netlify Edge (TBC)                 | ❌             | ❌             |
 
 Other providers are yet to be tested. Please create an issue if you have tested one.
 

package/dist/module.json

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

package/dist/runtime/nitro/renderers/satori/index.mjs

@@ -10,7 +10,6 @@ import encoding from "./plugins/encoding.mjs";
 import loadPngCreator from "#nuxt-og-image/png";
 import loadSatori from "#nuxt-og-image/satori";
 import { useRuntimeConfig } from "#imports";
-import { useNitroApp } from "#internal/nitro";
 const satoriFonts = [];
 let fontLoadPromise = null;
 function loadFonts(fonts) {
@@ -27,8 +26,12 @@ export default {
   },
   createVNode: async function createVNode(baseUrl, options) {
     const url = parseURL(baseUrl);
-    const nitroApp = useNitroApp();
-    const html = await (await nitroApp.localFetch(`/api/og-image-html?path=${url.pathname}&options=${encodeURI(JSON.stringify(options))}`)).text();
+    const html = await globalThis.$fetch("/api/og-image-html", {
+      params: {
+        path: url.pathname,
+        options: JSON.stringify(options)
+      }
+    });
     let body = html.match(/<body[^>]*>([\s\S]*)<\/body>/)?.[1] || "";
     try {
       body = twemoji.parse(body, {

package/dist/runtime/nitro/renderers/satori/plugins/imageSrc.mjs

@@ -1,7 +1,6 @@
 import { withBase } from "ufo";
 import { defineSatoriTransformer } from "../utils.mjs";
 import { readPublicAssetBase64 } from "../../../utils.mjs";
-import { useNitroApp } from "#internal/nitro";
 export default defineSatoriTransformer((url) => {
   return {
     filter: (node) => node.type === "img",
@@ -23,9 +22,8 @@ export default defineSatoriTransformer((url) => {
           }
         }
         if (!updated) {
-          const nitroApp = useNitroApp();
           try {
-            const response = await nitroApp.localFetch(src);
+            const response = await globalThis.$fetch.raw(src);
             if (response.status === 200) {
               node.props.src = response.arrayBuffer();
               updated = true;

package/dist/runtime/nitro/routes/options.mjs

@@ -1,15 +1,14 @@
 import { createError, defineEventHandler, getQuery } from "h3";
 import { withoutBase } from "ufo";
 import { extractOgImageOptions } from "../utils.mjs";
-import { getRouteRules, useNitroApp } from "#internal/nitro";
+import { getRouteRules } from "#internal/nitro";
 import { useRuntimeConfig } from "#imports";
 export default defineEventHandler(async (e) => {
   const query = getQuery(e);
   const path = withoutBase(query.path || "/", useRuntimeConfig().app.baseURL);
-  const nitro = useNitroApp();
   let html;
   try {
-    html = await (await nitro.localFetch(path)).text();
+    html = await globalThis.$fetch(path);
   } catch (err) {
     throw createError({
       statusCode: 500,

package/dist/runtime/nitro/utils.mjs

@@ -4,7 +4,6 @@ import { getQuery } from "h3";
 import { join } from "pathe";
 import { prefixStorage } from "unstorage";
 import { useRuntimeConfig, useStorage } from "#imports";
-import { useNitroApp } from "#internal/nitro";
 export * from "./util-hostname.mjs";
 export function wasmLoader(asyncModuleLoad, fallback) {
   let promise;
@@ -50,8 +49,12 @@ export async function fetchOptions(e, path) {
       await cache.removeItem(path);
   }
   if (!options) {
-    const nitro = useNitroApp();
-    options = await (await nitro.localFetch(`/api/og-image-options?path=${path}`)).json();
+    options = await globalThis.$fetch("/api/og-image-options", {
+      query: {
+        path
+      },
+      responseType: "json"
+    });
     if (cache) {
       await cache.setItem(path, {
         value: options,

package/package.json

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