nuxt-og-image 0.0.2 → 0.0.4

package/dist/module.d.ts

@@ -41,6 +41,10 @@ interface ModuleOptions extends ScreenshotOptions {
      */
     runtimeImages: boolean;
 }
+declare const HtmlRendererRoute = "__og_image";
+declare const PayloadScriptId = "nuxt-og-image-payload";
+declare const MetaOgImageContentPlaceholder = "__NUXT_OG_IMAGE_PLACEHOLDER__";
+declare const LinkPrerenderId = "nuxt-og-image-screenshot-path";
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>;
 
-export { ModuleOptions, _default as default };
+export { HtmlRendererRoute, LinkPrerenderId, MetaOgImageContentPlaceholder, ModuleOptions, PayloadScriptId, _default as default };

package/dist/module.json

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

package/dist/module.mjs

@@ -57,7 +57,6 @@ const HtmlRendererRoute = "__og_image";
 const PayloadScriptId = "nuxt-og-image-payload";
 const MetaOgImageContentPlaceholder = "__NUXT_OG_IMAGE_PLACEHOLDER__";
 const LinkPrerenderId = "nuxt-og-image-screenshot-path";
-
 const module = defineNuxtModule({
   meta: {
     name: "nuxt-og-image",
@@ -107,7 +106,7 @@ declare module 'nitropack' {
       name: "defineOgImage",
       from: resolve("./runtime/composables/defineOgImage")
     });
-    addComponent({
+    await addComponent({
       name: "OgImage",
       filePath: resolve("./runtime/components/OgImage.vue"),
       island: true
@@ -134,7 +133,9 @@ declare module 'nitropack' {
           fileName,
           absoluteUrl,
           outputPath: `${nitro.options.output.dir}/public/${config.outputDir}/${fileName}`,
+          linkingHtml: ctx.fileName,
           route: ctx.route,
+          hasPayload: screenshotPath,
           routeRules: routeRules.ogImage || "",
           screenshotPath: screenshotPath || ctx.route
         };
@@ -164,21 +165,16 @@ declare module 'nitropack' {
           const browser = await createBrowser();
           nitro.logger.info(`Generating ${entries.length} og:image screenshots`);
           try {
-            const imageGenPromises = entries.map(async (entry, index) => {
-              return new Promise((resolve2) => {
-                const start = Date.now();
-                screenshot(browser, `${host}${entry.screenshotPath}`, config).then((imgBuffer) => {
-                  writeFile(entry.outputPath, imgBuffer).then(() => {
-                    const generateTimeMS = Date.now() - start;
-                    nitro.logger.log(chalk.gray(
-                      `  ${index === entries.length - 1 ? "\u2514\u2500" : "\u251C\u2500"} /${config.outputDir}/${entry.fileName} (${generateTimeMS}ms)`
-                    ));
-                    resolve2();
-                  });
-                });
-              });
-            });
-            await Promise.all(imageGenPromises);
+            for (const k in entries) {
+              const entry = entries[k];
+              const start = Date.now();
+              const imgBuffer = await screenshot(browser, `${host}${entry.screenshotPath}`, config);
+              await writeFile(entry.outputPath, imgBuffer);
+              const generateTimeMS = Date.now() - start;
+              nitro.logger.log(chalk.gray(
+                `  ${Number(k) === entries.length - 1 ? "\u2514\u2500" : "\u251C\u2500"} /${config.outputDir}/${entry.fileName} (${generateTimeMS}ms)`
+              ));
+            }
           } catch (e) {
             console.error(e);
           } finally {
@@ -189,12 +185,11 @@ declare module 'nitropack' {
         } finally {
           previewProcess.kill();
         }
-        const htmlFiles = await fg(["**/*.html"], { cwd: nitro.options.output.dir });
-        for (const htmlFile of htmlFiles) {
-          const html = await readFile(`${nitro.options.output.dir}/${htmlFile}`, "utf-8");
+        for (const entry of entries.filter((e) => e.hasPayload)) {
+          const html = await readFile(`${nitro.options.output.dir}/public${entry.linkingHtml}`, "utf-8");
           const newHtml = html.replace(new RegExp(`<link id="${LinkPrerenderId}" rel="prerender" href="(.*?)">`), "").replace(new RegExp(`<script id="${PayloadScriptId}" type="application/json">(.*?)<\/script>`), "").replace("\n\n", "\n");
           if (html !== newHtml) {
-            await writeFile(`${nitro.options.output.dir}/${htmlFile}`, newHtml, { encoding: "utf-8" });
+            await writeFile(`${nitro.options.output.dir}/public${entry.linkingHtml}`, newHtml, { encoding: "utf-8" });
           }
         }
         const ogImageFolders = await fg([`**/${HtmlRendererRoute}`], { cwd: nitro.options.output.dir, onlyDirectories: true });
@@ -211,4 +206,4 @@ declare module 'nitropack' {
   }
 });
 
-export { module as default };
+export { HtmlRendererRoute, LinkPrerenderId, MetaOgImageContentPlaceholder, PayloadScriptId, module as default };

package/dist/runtime/browserService.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="node" />
 import type { Browser } from 'playwright';
-import type { ScreenshotOptions } from './types';
+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/composables/defineOgImage.d.ts

@@ -1,3 +1,8 @@
+export declare const HtmlRendererRoute = "__og_image";
+export declare const RuntimeImageSuffix = "og-image.png";
+export declare const PayloadScriptId = "nuxt-og-image-payload";
+export declare const MetaOgImageContentPlaceholder = "__NUXT_OG_IMAGE_PLACEHOLDER__";
+export declare const LinkPrerenderId = "nuxt-og-image-screenshot-path";
 export interface OgImagePayload {
     runtime: boolean;
     title: string;

package/dist/runtime/composables/defineOgImage.mjs

@@ -1,11 +1,9 @@
 import { useServerHead } from "@vueuse/head";
-import {
-  HtmlRendererRoute,
-  LinkPrerenderId,
-  MetaOgImageContentPlaceholder,
-  PayloadScriptId,
-  RuntimeImageSuffix
-} from "../const";
+export const HtmlRendererRoute = "__og_image";
+export const RuntimeImageSuffix = "og-image.png";
+export const PayloadScriptId = "nuxt-og-image-payload";
+export const MetaOgImageContentPlaceholder = "__NUXT_OG_IMAGE_PLACEHOLDER__";
+export const LinkPrerenderId = "nuxt-og-image-screenshot-path";
 export function defineOgImage(options) {
   if (process.server) {
     const router = useRouter();

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

@@ -1,3 +1,5 @@
+export declare const HtmlRendererRoute = "__og_image";
+export declare const PayloadScriptId = "nuxt-og-image-payload";
 export declare const extractOgPayload: (html: string) => any;
 export declare const inferOgPayload: (html: string) => Record<string, any>;
 declare const _default: import("h3").EventHandler<string | undefined>;

package/dist/runtime/nitro/html.mjs

@@ -2,7 +2,8 @@ import { withQuery } from "ufo";
 import { renderSSRHead } from "@unhead/ssr";
 import { createHeadCore } from "@unhead/vue";
 import { defineEventHandler, getQuery } from "h3";
-import { HtmlRendererRoute, PayloadScriptId } from "../const.mjs";
+export const HtmlRendererRoute = "__og_image";
+export const PayloadScriptId = "nuxt-og-image-payload";
 export const extractOgPayload = (html) => {
   const payload = html.match(new RegExp(`<script id="${PayloadScriptId}" type="application/json">(.+?)<\/script>`))?.[1];
   if (payload) {

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

@@ -1,2 +1,5 @@
-declare const _default: import("h3").EventHandler<any>;
+/// <reference types="node" />
+export declare const HtmlRendererRoute = "__og_image";
+export declare const RuntimeImageSuffix = "og-image.png";
+declare const _default: import("h3").EventHandler<Buffer | undefined>;
 export default _default;

package/dist/runtime/nitro/image.mjs

@@ -1,6 +1,7 @@
 import { defineEventHandler, getRequestHeader, setHeader } from "h3";
-import { HtmlRendererRoute, RuntimeImageSuffix } from "../const.mjs";
-import { createBrowser, screenshot } from "../../browserService";
+import { createBrowser, screenshot } from "../browserService.mjs";
+export const HtmlRendererRoute = "__og_image";
+export const RuntimeImageSuffix = "og-image.png";
 export default defineEventHandler(async (e) => {
   if (!e.path?.endsWith(RuntimeImageSuffix))
     return;

package/dist/types.d.ts

@@ -7,4 +7,4 @@ declare module '@nuxt/schema' {
 }
 
 
-export { ModuleOptions, default } from './module'
+export { HtmlRendererRoute, LinkPrerenderId, MetaOgImageContentPlaceholder, ModuleOptions, PayloadScriptId, default } from './module'

package/package.json

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

package/dist/runtime/const.d.ts

@@ -1,5 +0,0 @@
-export declare const HtmlRendererRoute = "__og_image";
-export declare const RuntimeImageSuffix = "og-image.png";
-export declare const PayloadScriptId = "nuxt-og-image-payload";
-export declare const MetaOgImageContentPlaceholder = "__NUXT_OG_IMAGE_PLACEHOLDER__";
-export declare const LinkPrerenderId = "nuxt-og-image-screenshot-path";

package/dist/runtime/const.mjs

@@ -1,5 +0,0 @@
-export const HtmlRendererRoute = "__og_image";
-export const RuntimeImageSuffix = "og-image.png";
-export const PayloadScriptId = "nuxt-og-image-payload";
-export const MetaOgImageContentPlaceholder = "__NUXT_OG_IMAGE_PLACEHOLDER__";
-export const LinkPrerenderId = "nuxt-og-image-screenshot-path";