nuxt-og-image 2.0.0-beta.53 → 2.0.0-beta.55

package/dist/module.json

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

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

@@ -1,4 +1,6 @@
+import { Buffer } from "node:buffer";
 import { withBase } from "ufo";
+import sizeOf from "image-size";
 import { defineSatoriTransformer } from "../utils.mjs";
 import { readPublicAssetBase64, toBase64Image } from "../../../utils.mjs";
 export default defineSatoriTransformer({
@@ -8,8 +10,10 @@ export default defineSatoriTransformer({
     if (src && src.startsWith("/")) {
       let updated = false;
       const file = await readPublicAssetBase64(src);
+      let dimensions;
       if (file) {
-        node.props.src = file;
+        node.props.src = file.src;
+        dimensions = { width: file.width, height: file.height };
         updated = true;
       }
       if (!updated) {
@@ -22,9 +26,22 @@ export default defineSatoriTransformer({
         });
         if (valid) {
           node.props.src = toBase64Image(src, response);
+          const imageSize = await sizeOf(Buffer.from(response));
+          dimensions = { width: imageSize.width, height: imageSize.height };
           updated = true;
         }
       }
+      if (dimensions?.width && dimensions?.height) {
+        const naturalAspectRatio = dimensions.width / dimensions.height;
+        if (node.props.width && !node.props.height) {
+          node.props.height = Math.round(node.props.width / naturalAspectRatio);
+        } else if (node.props.height && !node.props.width) {
+          node.props.width = Math.round(node.props.height * naturalAspectRatio);
+        } else if (!node.props.width && !node.props.height) {
+          node.props.width = dimensions.width;
+          node.props.height = dimensions.height;
+        }
+      }
       if (!updated) {
         node.props.src = `${withBase(src, `${options.requestOrigin}`)}?${Date.now()}`;
       }

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

@@ -9,6 +9,10 @@ export declare function wasmLoader(asyncModuleLoad: Promise<any> | Buffer | stri
 export declare function fetchOptions(e: H3Event, path: string): Promise<RuntimeOgImageOptions>;
 export declare function base64ToArrayBuffer(base64: string): ArrayBuffer;
 export declare function readPublicAsset(file: string, encoding?: BufferEncoding): Promise<string | Buffer | undefined>;
-export declare function readPublicAssetBase64(file: string): Promise<string | undefined>;
+export declare function readPublicAssetBase64(file: string): Promise<{
+    src: string;
+    width?: number;
+    height?: number;
+} | undefined>;
 export declare function toBase64Image(fileName: string, data: string | ArrayBuffer): string;
 export * from './utils-pure';

package/dist/runtime/nitro/utils.mjs

@@ -3,6 +3,7 @@ import { Buffer } from "node:buffer";
 import { getQuery } from "h3";
 import { join } from "pathe";
 import { prefixStorage } from "unstorage";
+import sizeOf from "image-size";
 import { useRuntimeConfig, useStorage } from "#imports";
 export * from "./util-hostname.mjs";
 export function wasmLoader(asyncModuleLoad, fallback) {
@@ -84,8 +85,13 @@ export async function readPublicAsset(file, encoding) {
 }
 export async function readPublicAssetBase64(file) {
   const base64 = await readPublicAsset(file, "base64");
-  if (base64)
-    return toBase64Image(file, base64);
+  if (base64) {
+    const dimensions = await sizeOf(Buffer.from(base64, "base64"));
+    return {
+      src: toBase64Image(file, base64),
+      ...dimensions
+    };
+  }
 }
 export function toBase64Image(fileName, data) {
   const base64 = typeof data === "string" ? data : Buffer.from(data).toString("base64");

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-og-image",
   "type": "module",
-  "version": "2.0.0-beta.53",
+  "version": "2.0.0-beta.55",
   "packageManager": "pnpm@8.6.0",
   "license": "MIT",
   "funding": "https://github.com/sponsors/harlan-zw",
@@ -39,6 +39,7 @@
     "flatted": "^3.2.7",
     "fs-extra": "^11.1.1",
     "globby": "^13.1.4",
+    "image-size": "^1.0.2",
     "inline-css": "^4.0.2",
     "launch-editor": "^2.6.0",
     "nuxt-icon": "^0.4.1",