nuxt-og-image 2.0.0-beta.30 → 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/dist/types.d.ts

@@ -7,5 +7,11 @@ declare module '@nuxt/schema' {
   interface NuxtHooks extends ModuleHooks {}
 }
 
+declare module 'nuxt/schema' {
+  interface NuxtConfig { ['ogImage']?: Partial<ModuleOptions> }
+  interface NuxtOptions { ['ogImage']?: ModuleOptions }
+  interface NuxtHooks extends ModuleHooks {}
+}
+
 
 export { ModuleHooks, ModuleOptions, default } from './module'

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-og-image",
   "type": "module",
-  "version": "2.0.0-beta.30",
+  "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",
@@ -59,8 +59,8 @@
   },
   "devDependencies": {
     "@antfu/eslint-config": "^0.38.5",
-    "@nuxt/devtools-edge": "0.4.5-28047419.153f22c",
-    "@nuxt/module-builder": "^0.3.0",
+    "@nuxt/devtools-edge": "0.4.5-28050619.e64dbcd",
+    "@nuxt/module-builder": "^0.3.1",
     "@nuxt/test-utils": "3.4.3",
     "@nuxtjs/eslint-config-typescript": "^12.0.0",
     "@types/ws": "^8.5.4",

package/dist/client/_nuxt/IconCSS.565f8e72.css

@@ -1 +0,0 @@
-span[data-v-72c2aaaa]{background-color:currentColor;display:inline-block;-webkit-mask-image:var(--6f0cee94);mask-image:var(--6f0cee94);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:middle}

package/dist/client/_nuxt/IconCSS.7e52d29b.js

@@ -1 +0,0 @@
-import{a as p,b as u,e as _,f as t,o as l,h as f,i as m,u as a,j as d}from"./entry.ec623b49.js";const x=p({__name:"IconCSS",props:{name:{type:String,required:!0},size:{type:String,default:""}},setup(c){const s=c;u(e=>({"6f0cee94":a(r)}));const n=_();n?.nuxtIcon?.aliases;const i=t(()=>(n?.nuxtIcon?.aliases||{})[s.name]||s.name),r=t(()=>`url('https://api.iconify.design/${i.value.replace(":","/")}.svg')`),o=t(()=>{if(!s.size&&typeof n.nuxtIcon?.size=="boolean"&&!n.nuxtIcon?.size)return;const e=s.size||n.nuxtIcon?.size||"1em";return String(Number(e))===e?`${e}px`:e});return(e,S)=>(l(),f("span",{style:m({width:a(o),height:a(o)})},null,4))}});const z=d(x,[["__scopeId","data-v-72c2aaaa"]]);export{z as default};