nuxt-og-image 1.5.3 → 1.5.5

package/dist/module.json

@@ -5,5 +5,5 @@
     "bridge": false
   },
   "configKey": "ogImage",
-  "version": "1.5.3"
+  "version": "1.5.5"
 }

package/dist/runtime/components/OgImageBasic.island.vue

@@ -82,9 +82,9 @@ const descriptionAttrs = computed(() => {
   <div v-bind="containerAttrs">
     <div class="flex flex-col w-full">
       <div v-bind="titleAttrs">
-        {{ title }}
+        {{ title || 'Null Title' }}
       </div>
-      <div v-bind="descriptionAttrs">
+      <div v-if="description" v-bind="descriptionAttrs">
         {{ description }}
       </div>
     </div>

package/dist/runtime/nitro/renderers/satori/utils.mjs

@@ -30,6 +30,10 @@ export async function loadFont(font) {
 export async function walkSatoriTree(url, node, plugins) {
   if (!node.props?.children)
     return;
+  if (Array.isArray(node.props.children) && node.props.children.length === 0) {
+    delete node.props.children;
+    return;
+  }
   for (const child of node.props.children || []) {
     if (child) {
       for (const plugin of plugins) {

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

@@ -1,6 +1,5 @@
 import { createError, defineEventHandler, getHeaders, getQuery } from "h3";
-import { useHostname } from "../utils.mjs";
-import { extractOgImageOptions } from "../../../utils";
+import { extractOgImageOptions, useHostname } from "../utils.mjs";
 import { getRouteRules } from "#internal/nitro";
 import { defaults } from "#nuxt-og-image/config";
 export default defineEventHandler(async (e) => {

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

@@ -0,0 +1,2 @@
+export declare function extractOgImageOptions(html: string): false | Record<string, any>;
+export declare function stripOgImageOptions(html: string): string;

package/dist/runtime/nitro/utils-pure.mjs

@@ -0,0 +1,33 @@
+function decodeHtmlEntities(obj) {
+  Object.entries(obj).forEach(([key, value]) => {
+    if (typeof value === "string") {
+      obj[key] = value.replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&amp;/g, "&").replace(/&quot;/g, '"').replace(/&#x27;/g, "'").replace(/&#x2F;/g, "/");
+    }
+  });
+  return obj;
+}
+export function extractOgImageOptions(html) {
+  const htmlPayload = html.match(/<script id="nuxt-og-image-options" type="application\/json">(.+?)<\/script>/)?.[1];
+  if (!htmlPayload)
+    return false;
+  let options;
+  try {
+    options = JSON.parse(htmlPayload);
+  } catch (e) {
+    options = false;
+    if (process.dev)
+      console.warn("Failed to parse #nuxt-og-image-options", e, options);
+  }
+  if (options) {
+    const description = html.match(/<meta property="og:description" content="(.*?)">/)?.[1];
+    if (description)
+      options.description = description;
+    else
+      options.description = html.match(/<meta name="description" content="(.*?)">/)?.[1];
+    return decodeHtmlEntities(options);
+  }
+  return false;
+}
+export function stripOgImageOptions(html) {
+  return html.replace(/<script id="nuxt-og-image-options" type="application\/json">(.*?)<\/script>/, "");
+}

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

@@ -14,3 +14,4 @@ export declare function renderIsland(payload: OgImageOptions): Promise<{
 export declare function useHostname(e: H3Event): string;
 export declare function readPublicAsset(file: string, encoding?: BufferEncoding): Promise<string | Buffer | undefined>;
 export declare function readPublicAssetBase64(file: string): Promise<string | undefined>;
+export * from './utils-pure';

package/dist/runtime/nitro/utils.mjs

@@ -89,3 +89,4 @@ export async function readPublicAssetBase64(file) {
     return `data:${type};base64,${base64}`;
   }
 }
+export * from "./utils-pure.mjs";

package/package.json

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