nuxt-og-image 1.4.22 → 1.5.0

package/dist/module.json

@@ -1,9 +1,9 @@
 {
   "name": "nuxt-og-image",
   "compatibility": {
-    "nuxt": "^3.1.0",
+    "nuxt": "^3.2.0",
     "bridge": false
   },
   "configKey": "ogImage",
-  "version": "1.4.22"
+  "version": "1.5.0"
 }

package/dist/module.mjs

@@ -11,7 +11,7 @@ import sirv from 'sirv';
 import { pathExists, copy, mkdirp } from 'fs-extra';
 import { isCI, provider } from 'std-env';
 import playwrightCore from 'playwright-core';
-import { existsSync } from 'fs';
+import { existsSync } from 'node:fs';
 import { createBirpcGroup } from 'birpc';
 import { stringify, parse } from 'flatted';
 
@@ -216,7 +216,7 @@ const module = defineNuxtModule({
   meta: {
     name: "nuxt-og-image",
     compatibility: {
-      nuxt: "^3.1.0",
+      nuxt: "^3.2.0",
       bridge: false
     },
     configKey: "ogImage"
@@ -440,18 +440,18 @@ export async function useProvider(provider) {
       const captureScreenshots = async () => {
         if (screenshotQueue.length === 0)
           return;
-        if (isCI) {
-          nitro.logger.info("Ensuring chromium install for og:image generation...");
-          const installChromeProcess = execa("npx", ["playwright", "install", "chromium"]);
-          installChromeProcess.stderr?.pipe(process.stderr);
-          await new Promise((resolve2) => {
-            installChromeProcess.on("exit", (e) => {
-              if (e !== 0)
-                nitro.logger.error("Failed to install Playwright dependency for og:image generation. Trying anyway...");
-              resolve2(true);
-            });
+        nitro.logger.info("Ensuring chromium install for og:image generation...");
+        const installChromeProcess = execa("npx", ["playwright", "install", "chromium"], {
+          stdio: "inherit"
+        });
+        installChromeProcess.stderr?.pipe(process.stderr);
+        await new Promise((resolve2) => {
+          installChromeProcess.on("exit", (e) => {
+            if (e !== 0)
+              nitro.logger.error("Failed to install Playwright dependency for og:image generation. Trying anyway...");
+            resolve2(true);
           });
-        }
+        });
         const previewProcess = execa("npx", ["serve", nitro.options.output.publicDir]);
         let browser = null;
         try {

package/dist/runtime/composables/defineOgImage.mjs

@@ -69,8 +69,10 @@ export function defineOgImage(options = {}) {
         {
           id: "nuxt-og-image-options",
           type: "application/json",
-          children: () => {
-            const payload = {};
+          innerHTML: () => {
+            const payload = {
+              title: "%s"
+            };
             Object.entries(options).forEach(([key, val]) => {
               payload[key.replace(/-([a-z])/g, (g) => g[1].toUpperCase())] = val;
             });

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

@@ -1,4 +1,5 @@
 import { createError, defineEventHandler, getQuery } from "h3";
+import { useHostname } from "../utils.mjs";
 import { getRouteRules } from "#internal/nitro";
 import { defaults } from "#nuxt-og-image/config";
 export function extractOgImageOptions(html) {
@@ -7,11 +8,6 @@ export function extractOgImageOptions(html) {
 }
 export const inferOgImageOptions = (html) => {
   const options = {};
-  const title = html.match(/<meta property="og:title" content="(.*?)">/)?.[1];
-  if (title)
-    options.title = title;
-  else
-    options.title = html.match(/<title>(.*?)<\/title>/)?.[1];
   const description = html.match(/<meta property="og:description" content="(.*?)">/)?.[1];
   if (description)
     options.description = description;
@@ -22,7 +18,12 @@ export const inferOgImageOptions = (html) => {
 export default defineEventHandler(async (e) => {
   const query = getQuery(e);
   const path = query.path || "/";
-  const html = await globalThis.$fetch(path);
+  const fetchOptions = process.dev || process.env.prerender ? {} : {
+    baseURL: useHostname(e)
+  };
+  const html = await globalThis.$fetch(path, {
+    ...fetchOptions
+  });
   const extractedPayload = extractOgImageOptions(html);
   if (!extractedPayload) {
     throw createError({

package/dist/runtime/nitro/utils.mjs

@@ -1,7 +1,8 @@
-import { existsSync, promises as fsp } from "fs";
+import { existsSync, promises as fsp } from "node:fs";
 import { getQuery, getRequestHeader } from "h3";
 import { join } from "pathe";
 import { assetDirs } from "#nuxt-og-image/config";
+import { useRuntimeConfig } from "#internal/nitro";
 export function wasmLoader(key, fallback, baseUrl) {
   let promise;
   let loaded = false;
@@ -36,11 +37,15 @@ export function wasmLoader(key, fallback, baseUrl) {
   };
 }
 export function fetchOptions(e, path) {
+  const fetchOptions2 = process.dev || process.env.prerender ? {} : {
+    baseURL: useHostname(e)
+  };
   return globalThis.$fetch("/api/og-image-options", {
     query: {
       ...getQuery(e),
       path
-    }
+    },
+    ...fetchOptions2
   });
 }
 export function base64ToArrayBuffer(base64) {
@@ -58,10 +63,12 @@ export function renderIsland(payload) {
   });
 }
 export function useHostname(e) {
-  const host = getRequestHeader(e, "host") || "localhost:3000";
+  const host = getRequestHeader(e, "host") || process.env.NITRO_HOST || process.env.HOST || "localhost";
   const protocol = getRequestHeader(e, "x-forwarded-proto") || "http";
   const useHttp = process.env.NODE_ENV === "development" || host.includes("127.0.0.1") || host.includes("localhost") || protocol === "http";
-  return `http${useHttp ? "" : "s"}://${host}`;
+  const port = process.env.NITRO_PORT || process.env.PORT;
+  const base = useRuntimeConfig().app.baseURL;
+  return `http${useHttp ? "" : "s"}://${host}${port ? `:${port}` : ""}${base}`;
 }
 const r = (base, key) => {
   return join(base, key.replace(/:/g, "/"));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-og-image",
   "type": "module",
-  "version": "1.4.22",
+  "version": "1.5.0",
   "packageManager": "pnpm@7.8.0",
   "license": "MIT",
   "funding": "https://github.com/sponsors/harlan-zw",
@@ -39,9 +39,9 @@
     "launch-editor": "^2.6.0",
     "ohash": "^1.0.0",
     "pathe": "^1.1.0",
-    "playwright-core": "^1.31.1",
+    "playwright-core": "^1.31.2",
     "radix3": "^1.0.0",
-    "satori": "0.4.0",
+    "satori": "0.4.1",
     "satori-html": "^0.3.2",
     "sirv": "^2.0.2",
     "std-env": "^3.3.2",
@@ -53,8 +53,8 @@
     "yoga-wasm-web": "^0.3.2"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^0.35.3",
-    "@nuxt/devtools-edge": "0.2.5-27960426.f03ce21",
+    "@antfu/eslint-config": "^0.36.0",
+    "@nuxt/devtools-edge": "0.2.5-27969823.df4a35f",
     "@nuxt/module-builder": "^0.2.1",
     "@nuxt/test-utils": "3.2.3",
     "@nuxtjs/eslint-config-typescript": "^12.0.0",
@@ -62,7 +62,7 @@
     "bumpp": "^9.0.0",
     "eslint": "8.35.0",
     "nuxt": "^3.2.3",
-    "puppeteer": "^19.7.2",
+    "puppeteer": "^19.7.3",
     "vitest": "^0.29.2"
   },
   "scripts": {