nuxt-og-image 0.0.4 → 0.1.0

package/dist/module.json

@@ -5,5 +5,5 @@
     "bridge": false
   },
   "configKey": "ogImage",
-  "version": "0.0.4"
+  "version": "0.1.0"
 }

package/dist/module.mjs

@@ -1,5 +1,5 @@
 import { mkdir, writeFile, readFile, rm } from 'node:fs/promises';
-import { defineNuxtModule, createResolver, addTemplate, addServerHandler, addImports, addComponent } from '@nuxt/kit';
+import { defineNuxtModule, createResolver, addTemplate, getNuxtVersion, addServerHandler, addImports, addComponent } from '@nuxt/kit';
 import { execa } from 'execa';
 import { hash } from 'ohash';
 import chalk from 'chalk';
@@ -94,13 +94,15 @@ declare module 'nitropack' {
     nuxt.hooks.hook("prepare:types", ({ references }) => {
       references.push({ path: resolve(nuxt.options.buildDir, "nuxt-og-image.d.ts") });
     });
-    addServerHandler({
-      handler: resolve("./runtime/nitro/html")
-    });
-    if (config.runtimeImages) {
+    if (getNuxtVersion(nuxt) !== "3.0.0") {
       addServerHandler({
-        handler: resolve("./runtime/nitro/image")
+        handler: resolve("./runtime/nitro/html")
       });
+      if (config.runtimeImages) {
+        addServerHandler({
+          handler: resolve("./runtime/nitro/image")
+        });
+      }
     }
     addImports({
       name: "defineOgImage",
@@ -112,7 +114,7 @@ declare module 'nitropack' {
       island: true
     });
     nuxt.hooks.hook("nitro:init", async (nitro) => {
-      const entries = [];
+      let entries = [];
       const _routeRulesMatcher = toRouteMatcher(
         createRouter({ routes: nitro.options.routeRules })
       );
@@ -195,6 +197,7 @@ declare module 'nitropack' {
         const ogImageFolders = await fg([`**/${HtmlRendererRoute}`], { cwd: nitro.options.output.dir, onlyDirectories: true });
         for (const ogImageFolder of ogImageFolders)
           await rm(`${nitro.options.output.dir}/${ogImageFolder}`, { recursive: true, force: true });
+        entries = [];
       };
       nitro.hooks.hook("rollup:before", async () => {
         await outputOgImages();

package/dist/runtime/nitro/image.d.ts

@@ -1,5 +1,9 @@
 /// <reference types="node" />
+import type { Browser } from 'playwright';
+import type { ScreenshotOptions } from '../../types';
 export declare const HtmlRendererRoute = "__og_image";
 export declare const RuntimeImageSuffix = "og-image.png";
+export declare function createBrowser(): Promise<Browser>;
+export declare function screenshot(browser: Browser, url: string, options: ScreenshotOptions): Promise<Buffer>;
 declare const _default: import("h3").EventHandler<Buffer | undefined>;
 export default _default;

package/dist/runtime/nitro/image.mjs

@@ -1,7 +1,50 @@
 import { defineEventHandler, getRequestHeader, setHeader } from "h3";
-import { createBrowser, screenshot } from "../browserService.mjs";
 export const HtmlRendererRoute = "__og_image";
 export const RuntimeImageSuffix = "og-image.png";
+async function createLambdaBrowser() {
+  try {
+    const playwright = await import("playwright-core");
+    const awsChrome = await import("chrome-aws-lambda");
+    return await playwright.chromium.launch({
+      args: awsChrome.args,
+      executablePath: await awsChrome.executablePath,
+      headless: awsChrome.headless
+    });
+  } catch (e) {
+  }
+  return false;
+}
+export async function createBrowser() {
+  const lambdaBrowser = await createLambdaBrowser();
+  if (lambdaBrowser)
+    return lambdaBrowser;
+  const playwright = await import("playwright");
+  return await playwright.chromium.launch({
+    chromiumSandbox: true
+  });
+}
+export async function screenshot(browser, url, options) {
+  const page = await browser.newPage({
+    colorScheme: options.colorScheme
+  });
+  await page.setViewportSize({
+    width: options.width,
+    height: options.height
+  });
+  await page.goto(url, {
+    timeout: 1e4,
+    waitUntil: "networkidle"
+  });
+  if (options.mask) {
+    await page.evaluate((mask) => {
+      for (const el of document.querySelectorAll(mask))
+        el.style.display = "none";
+    }, options.mask);
+  }
+  if (options.selector)
+    await page.locator(options.selector).screenshot();
+  return await page.screenshot();
+}
 export default defineEventHandler(async (e) => {
   if (!e.path?.endsWith(RuntimeImageSuffix))
     return;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-og-image",
   "type": "module",
-  "version": "0.0.4",
+  "version": "0.1.0",
   "packageManager": "pnpm@7.8.0",
   "license": "MIT",
   "funding": "https://github.com/sponsors/harlan-zw",

package/dist/runtime/browserService.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="node" />
-import type { Browser } from 'playwright';
-import type { ScreenshotOptions } from '../types';
-export declare function createBrowser(): Promise<Browser>;
-export declare function screenshot(browser: Browser, url: string, options: ScreenshotOptions): Promise<Buffer>;

package/dist/runtime/browserService.mjs

@@ -1,44 +0,0 @@
-async function createLambdaBrowser() {
-  try {
-    const playwright = await import("playwright-core");
-    const awsChrome = await import("chrome-aws-lambda");
-    return await playwright.chromium.launch({
-      args: awsChrome.args,
-      executablePath: await awsChrome.executablePath,
-      headless: awsChrome.headless
-    });
-  } catch (e) {
-  }
-  return false;
-}
-export async function createBrowser() {
-  const lambdaBrowser = await createLambdaBrowser();
-  if (lambdaBrowser)
-    return lambdaBrowser;
-  const playwright = await import("playwright");
-  return await playwright.chromium.launch({
-    chromiumSandbox: true
-  });
-}
-export async function screenshot(browser, url, options) {
-  const page = await browser.newPage({
-    colorScheme: options.colorScheme
-  });
-  await page.setViewportSize({
-    width: options.width,
-    height: options.height
-  });
-  await page.goto(url, {
-    timeout: 1e4,
-    waitUntil: "networkidle"
-  });
-  if (options.mask) {
-    await page.evaluate((mask) => {
-      for (const el of document.querySelectorAll(mask))
-        el.style.display = "none";
-    }, options.mask);
-  }
-  if (options.selector)
-    await page.locator(options.selector).screenshot();
-  return await page.screenshot();
-}