nuxt-og-image 2.2.0 → 2.2.3

package/dist/runtime/composables/defineOgImage.mjs

@@ -20,7 +20,7 @@ export function defineOgImageStatic(options = {}) {
 export function defineOgImageCached(options = {}) {
   const { defaults } = useRuntimeConfig()["nuxt-og-image"];
   if (!defaults.cacheTtl && !options.cacheTtl)
-    options.cacheTtl = 60 * 60 * 24 * 7;
+    options.cacheTtl = 60 * 60 * 24 * 1e3 * 7;
   return defineOgImage({
     cache: true,
     ...options
@@ -37,7 +37,33 @@ export function defineOgImageDynamic(options = {}) {
   return defineOgImageWithoutCache(options);
 }
 export async function defineOgImage(_options = {}) {
-  if (process.server) {
+  if (import.meta.server) {
+    if (_options.url) {
+      const type = _options.url.endsWith(".png") ? "image/png" : "image/jpeg";
+      const meta2 = [
+        { property: "og:image", content: _options.url },
+        { property: "og:image:type", content: type },
+        { name: "twitter:card", content: "summary_large_image" },
+        { name: "twitter:image:src", content: _options.url }
+      ];
+      if (_options.width) {
+        meta2.push({ property: "og:image:width", content: _options.width });
+        meta2.push({ name: "twitter:image:width", content: _options.width });
+      }
+      if (_options.height) {
+        meta2.push({ property: "og:image:height", content: _options.height });
+        meta2.push({ name: "twitter:image:height", content: _options.height });
+      }
+      if (_options.alt) {
+        meta2.push({ property: "og:image:alt", content: _options.alt });
+        meta2.push({ name: "twitter:image:alt", content: _options.alt });
+      }
+      useServerHead({ meta: meta2 }, {
+        // after async scripts when capo.js is enabled
+        tagPriority: 35
+      });
+      return;
+    }
     const { defaults } = useRuntimeConfig()["nuxt-og-image"];
     const options = normaliseOgImageOptions(_options);
     const optionsWithDefault = defu(options, defaults);
@@ -73,9 +99,14 @@ export async function defineOgImage(_options = {}) {
               payload[key.replace(/-([a-z])/g, (g) => g[1].toUpperCase())] = val;
             });
             return payload;
-          }
+          },
+          // we want this to be last in our head
+          tagPosition: "bodyClose"
         }
       ]
+    }, {
+      // after async scripts when capo.js is enabled
+      tagPriority: 35
     });
   }
 }

package/dist/runtime/nitro/middleware/og.png.mjs

@@ -53,7 +53,7 @@ export default defineEventHandler(async (e) => {
   }
   if (png) {
     if (cacheEnabled && options.cacheTtl) {
-      setHeader(e, "Cache-Control", `public, max-age=${options.cacheTtl}`);
+      setHeader(e, "Cache-Control", `public, max-age=${Math.round(options.cacheTtl / 1e3)}`);
     } else {
       setHeader(e, "Cache-Control", "no-cache, no-store, must-revalidate");
       setHeader(e, "Pragma", "no-cache");

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

@@ -59,6 +59,12 @@ export default defineEventHandler(async (e) => {
     });
   } catch (e2) {
   }
+  const googleFonts = {};
+  fonts.filter((font) => !font.path).forEach((font) => {
+    if (!googleFonts[font.name])
+      googleFonts[font.name] = [];
+    googleFonts[font.name].push(font);
+  });
   head.push({
     style: [
       {
@@ -119,9 +125,9 @@ img.emoji {
         rel: "stylesheet"
       },
       // have to add each weight as their own stylesheet
-      ...fonts.filter((font) => !font.path).map((font) => {
+      ...Object.entries(googleFonts).map(([name, fonts2]) => {
         return {
-          href: `https://fonts.googleapis.com/css2?family=${font.name}:wght@${font.weight}&display=swap`,
+          href: `https://fonts.googleapis.com/css2?family=${name}:wght@${fonts2.map((f) => f.weight).join(";")}&display=swap`,
           rel: "stylesheet"
         };
       })

package/dist/runtime/nitro/utils.mjs

@@ -45,7 +45,7 @@ export async function fetchOptionsCached(e, path) {
   ].join(":");
   const { cachedItem, update } = await useNitroCache(e, "nuxt-og-image", {
     key,
-    // allow internal requests to be cached
+    // allow internal requests to be cached for 5 seconds
     cacheTtl: 5 * 1e3,
     cache: !process.dev,
     headers: false

package/dist/runtime/types.d.ts

@@ -35,6 +35,9 @@ export interface OgImageOptions extends Partial<ScreenshotOptions> {
     alt?: string;
     cache?: boolean;
     cacheKey?: string;
+    /**
+     * The time to live of the cache in milliseconds.
+     */
     cacheTtl?: number;
     /**
      * @deprecated Use `cache` instead

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-og-image",
   "type": "module",
-  "version": "2.2.0",
+  "version": "2.2.3",
   "packageManager": "pnpm@8.9.2",
   "description": "Enlightened OG Image generation for Nuxt.",
   "license": "MIT",
@@ -30,6 +30,7 @@
     "@nuxt/kit": "^3.8.0",
     "@resvg/resvg-js": "^2.6.0",
     "@resvg/resvg-wasm": "^2.6.0",
+    "@twemoji/api": "^14.0.2",
     "@types/fs-extra": "^11.0.3",
     "birpc": "0.2.14",
     "chalk": "^5.3.0",
@@ -43,8 +44,8 @@
     "globby": "^13.2.2",
     "image-size": "^1.0.2",
     "launch-editor": "^2.6.1",
-    "nuxt-site-config": "^1.5.4",
-    "nuxt-site-config-kit": "^1.5.4",
+    "nuxt-site-config": "^1.5.5",
+    "nuxt-site-config-kit": "^1.5.5",
     "nypm": "^0.3.3",
     "ofetch": "^1.3.3",
     "ohash": "^1.1.3",
@@ -74,7 +75,7 @@
     "eslint": "8.52.0",
     "jest-image-snapshot": "^6.2.0",
     "nuxt": "^3.8.0",
-    "nuxt-icon": "0.5.0",
+    "nuxt-icon": "0.6.1",
     "playwright": "^1.39.0",
     "sass": "^1.69.5",
     "vitest": "^0.34.6"

package/dist/client/_nuxt/IconCSS.6eedc0b4.js

@@ -1 +0,0 @@
-import{g as l,H as _,I as f,n as o,o as m,c as d,s as S,_ as g}from"./entry.30bfbdb0.js";const x=l({__name:"IconCSS",props:{name:{type:String,required:!0},size:{type:String,default:""}},setup(r){_(e=>({dcb48e74:u.value}));const n=f(),s=r,p=o(()=>{var e;return((((e=n.nuxtIcon)==null?void 0:e.aliases)||{})[s.name]||s.name).replace(/^i-/,"")}),u=o(()=>`url('https://api.iconify.design/${p.value.replace(":","/")}.svg')`),a=o(()=>{var t,c,i;if(!s.size&&typeof((t=n.nuxtIcon)==null?void 0:t.size)=="boolean"&&!((c=n.nuxtIcon)!=null&&c.size))return;const e=s.size||((i=n.nuxtIcon)==null?void 0:i.size)||"1em";return String(Number(e))===e?`${e}px`:e});return(e,t)=>(m(),d("span",{style:S({width:a.value,height:a.value})},null,4))}});const z=g(x,[["__scopeId","data-v-45afbf5e"]]);export{z as default};

package/dist/client/_nuxt/IconCSS.8633f909.css

@@ -1 +0,0 @@
-span[data-v-45afbf5e]{background-color:currentColor;display:inline-block;-webkit-mask-image:var(--dcb48e74);mask-image:var(--dcb48e74);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:middle}

package/dist/client/_nuxt/builds/meta/15300c75-cff7-4383-aee7-45e80c06223e.json

@@ -1 +0,0 @@
-{"id":"15300c75-cff7-4383-aee7-45e80c06223e","timestamp":1698388897818,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}