nuxt-og-image 1.3.2 → 1.4.0

package/dist/client/_nuxt/index.dea39ba2.js

@@ -1 +0,0 @@
-import{a as v,r as _,b as x,e as S,w as u,f as b,h as R,o as g,i as y,j as k,k as H,l as $,m as D,p as h,q as F,u as p,s as I,t as L,v as W,x as B,y as C}from"./entry.3dc1b14c.js";const M=v({__name:"IFrameLoader",props:{src:String,aspectRatio:Number,description:String},setup(r){const t=r,s=_(t.src),a=_(),o=_(0),c=x(()=>{let e=a.value;e||(e=document.querySelector("#iframe-loader"));const l=Date.now();e.src="";const n=e.offsetHeight,d=e.offsetWidth,m=n>630?1:n/630,f=d>1200?1:d/1200,w=f>m?m:f;o.value=0,e.style.opacity="0",e.onload=()=>{e.style.opacity="1",o.value=Date.now()-l},e.src=`${s.value}&scale=${w}`},200);S(()=>{u(()=>t.src,e=>{s.value=e,c()},{immediate:!0}),u(()=>H.value,()=>{c()})}),b({bodyAttrs:{onresize:()=>{c()}}});const i=R(()=>t.description.replace("%s",o.value.toString()));return u(i,e=>{$.value=e}),(e,l)=>(g(),y("iframe",{id:"iframe-loader",ref_key:"iframe",ref:a,class:"max-h-full",style:k({aspectRatio:r.aspectRatio}),width:"1200",height:"630"},null,4))}});const T=D(M,[["__scopeId","data-v-7b5ca4c2"]]),q={class:"flex h-full w-full"},A=v({__name:"index",async setup(r){let t,s;const a=([t,s]=h(()=>I.useServerConfig()),t=await t,s(),t),o=a.value?.height||630,i=(a.value?.width||1200)/o;return[t,s]=h(()=>L()),t=await t,s(),(e,l)=>{const n=T;return g(),y("div",q,[F(n,{src:`${p(W)}/__og_image__/html?timestamp=${p(B)}`,"aspect-ratio":i,description:"[HTML] Generated in %sms.",class:"max-h-full",onRefresh:p(C)},null,8,["src","onRefresh"])])}}});export{A as default};

package/dist/client/_nuxt/options.53a4a6ca.js

@@ -1 +0,0 @@
-import{a as i,p as a,o as r,i as h,u as s,t as p}from"./entry.3dc1b14c.js";import{h as l}from"./shiki.69102a86.js";const c=["innerHTML"],g=i({__name:"options",async setup(_){let t,e;const o=([t,e]=a(()=>p()),t=await t,e(),t);return(n,f)=>(r(),h("pre",{"of-auto":"","h-full":"","text-sm":"",style:{"white-space":"break-spaces"},innerHTML:("highlight"in n?n.highlight:s(l))(JSON.stringify(s(o),null,2),"json")},null,8,c))}});export{g as default};

package/dist/client/_nuxt/png.6a754041.js

@@ -1 +0,0 @@
-import{_ as i}from"./ImageLoader.be226b50.js";import{a as _,p as a,o as p,c as m,u as o,s as u,t as g,v as h,x as f}from"./entry.3dc1b14c.js";const C=_({__name:"png",async setup(l){let t,e;const s=([t,e]=a(()=>u.useServerConfig()),t=await t,e(),t),n=s.value?.height||630,c=(s.value?.width||1200)/n;return[t,e]=a(()=>g()),t=await t,e(),(w,v)=>{const r=i;return p(),m(r,{src:`${o(h)}/__og_image__/og.png?timestamp=${o(f)}`,"aspect-ratio":c,description:"[PNG] Generated in %sms using Satori & Resvg."},null,8,["src"])}}});export{C as default};

package/dist/client/_nuxt/svg.afcae77d.js

@@ -1 +0,0 @@
-import{_ as i}from"./ImageLoader.be226b50.js";import{a as _,p as a,o as p,c as m,u as o,s as u,t as h,v as f,x as g}from"./entry.3dc1b14c.js";const C=_({__name:"svg",async setup(l){let t,e;const s=([t,e]=a(()=>u.useServerConfig()),t=await t,e(),t),n=s.value?.height||630,c=(s.value?.width||1200)/n;return[t,e]=a(()=>h()),t=await t,e(),(v,w)=>{const r=i;return p(),m(r,{src:`${o(f)}/__og_image__/svg?timestamp=${o(g)}`,"aspect-ratio":c,description:"[SVG] Generated in %sms using Satori."},null,8,["src"])}}});export{C as default};

package/dist/client/_nuxt/vnodes.dd40690d.js

@@ -1 +0,0 @@
-import{a,p as i,o as r,i as h,u as n,A as l}from"./entry.3dc1b14c.js";import{h as c}from"./shiki.69102a86.js";const p=["innerHTML"],g=a({__name:"vnodes",async setup(_){let e,t;const o=([e,t]=i(()=>l()),e=await e,t(),e);return(s,f)=>(r(),h("pre",{"of-auto":"","h-full":"","text-sm":"",style:{"white-space":"break-spaces"},innerHTML:("highlight"in s?s.highlight:n(c))(JSON.stringify(n(o),null,2),"json")},null,8,p))}});export{g as default};

package/dist/runtime/nitro/browsers/default.d.ts

@@ -1 +0,0 @@
-export declare function createBrowser(): Promise<any>;

package/dist/runtime/nitro/browsers/lambda.d.ts

@@ -1 +0,0 @@
-export declare function createBrowser(): Promise<import("puppeteer-core").Browser>;

package/dist/runtime/nitro/providers/browser.d.ts

@@ -1,3 +0,0 @@
-import type { Provider } from '../../../types';
-declare const _default: Provider;
-export default _default;

package/dist/runtime/nitro/providers/satori/index.d.ts

@@ -1,3 +0,0 @@
-import type { Provider } from '../../../../types';
-declare const _default: Provider;
-export default _default;

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

@@ -1,69 +0,0 @@
-import { existsSync, promises as fsp } from "fs";
-import { join } from "pathe";
-import { useStorage } from "#internal/nitro";
-import { publicDirs } from "#nuxt-og-image/config";
-const cachedFonts = {};
-const r = (base, key) => {
-  return join(base, key.replace(/:/g, "/"));
-};
-export async function readPublicAsset(file, encoding) {
-  for (const d of publicDirs) {
-    const path = r(d, file);
-    if (existsSync(path))
-      return await fsp.readFile(path, { encoding });
-  }
-}
-export async function readPublicAssetBase64(file) {
-  const base64 = await readPublicAsset(file, "base64");
-  if (base64) {
-    let type = "image/jpeg";
-    const ext = file.split(".").pop();
-    if (ext === "svg")
-      type = "image/svg+xml";
-    else if (ext === "png")
-      type = "image/png";
-    return `data:${type};base64,${base64}`;
-  }
-}
-export async function loadFont(url, font) {
-  if (cachedFonts[font])
-    return cachedFonts[font];
-  const [name, weight] = font.split(":");
-  if (name === "Inter" && ["400", "700"].includes(weight)) {
-    const data2 = await readPublicAsset(`/inter-latin-ext-${weight}-normal.woff`);
-    if (data2) {
-      return cachedFonts[font] = { name, weight: weight === "400" ? "500" : weight, data: data2, style: "normal" };
-    }
-  }
-  const fontUrl = await $fetch("/api/og-image-font", {
-    query: { name, weight }
-  });
-  let data;
-  const storageKey = `nuxt-og-image:font:${font}`;
-  const hasStoredFont = await useStorage().hasItem(storageKey);
-  if (!hasStoredFont) {
-    data = await $fetch(fontUrl, {
-      responseType: "arrayBuffer"
-    });
-    await useStorage().setItem(storageKey, data);
-  } else {
-    data = await useStorage().getItem(storageKey);
-  }
-  return cachedFonts[font] = { name, weight, data, style: "normal" };
-}
-export async function walkSatoriTree(url, node, plugins) {
-  if (!node.props?.children)
-    return;
-  for (const child of node.props.children || []) {
-    if (child) {
-      for (const plugin of plugins) {
-        if (plugin.filter(child))
-          await plugin.transform(child);
-      }
-      await walkSatoriTree(url, child, plugins);
-    }
-  }
-}
-export function defineSatoriTransformer(transformer) {
-  return transformer;
-}

package/dist/runtime/nitro/resvg/node.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="node" />
-import type { ResvgRenderOptions } from '@resvg/resvg-js';
-export default function (svg: string, options: ResvgRenderOptions): Promise<Buffer>;

package/dist/runtime/nitro/resvg/node.mjs

@@ -1,6 +0,0 @@
-import { Resvg } from "@resvg/resvg-js";
-export default async function(svg, options) {
-  const resvg = new Resvg(svg, options);
-  const pngData = resvg.render();
-  return pngData.asPng();
-}

package/dist/runtime/nitro/resvg/wasm.d.ts

@@ -1,2 +0,0 @@
-import type { ResvgRenderOptions } from '@resvg/resvg-wasm';
-export default function (svg: string, options: ResvgRenderOptions): Promise<Uint8Array>;

package/dist/runtime/nitro/resvg/wasm.mjs

@@ -1,32 +0,0 @@
-import { Resvg, initWasm } from "@resvg/resvg-wasm";
-import { resolvePath } from "mlly";
-import { dirname, join } from "pathe";
-import { $fetch } from "ofetch";
-let initialisedWasm = false;
-async function useResvgWasm() {
-  let wasm = null;
-  if (initialisedWasm)
-    return;
-  try {
-    const path = join(
-      dirname(await resolvePath("@resvg/resvg-wasm")),
-      "index_bg.wasm"
-    );
-    const fs = await import("node:fs/promises");
-    wasm = await fs.readFile(path);
-  } catch (e) {
-    wasm = await $fetch("https://unpkg.com/@resvg/resvg-wasm/index_bg.wasm", {
-      responseType: "arrayBuffer"
-    });
-  }
-  if (wasm) {
-    await initWasm(wasm);
-    initialisedWasm = true;
-  }
-}
-export default async function(svg, options) {
-  await useResvgWasm();
-  const resvg = new Resvg(svg, options);
-  const pngData = resvg.render();
-  return pngData.asPng();
-}

package/dist/runtime/nitro/routes/__og_image__/svg.mjs

@@ -1,16 +0,0 @@
-import { defineEventHandler, setHeader } from "h3";
-import { joinURL, parseURL, withBase, withoutTrailingSlash } from "ufo";
-import { fetchOptions, useHostname } from "../../utils.mjs";
-import { useProvider } from "#nuxt-og-image/provider";
-export default defineEventHandler(async (e) => {
-  const path = parseURL(e.path).pathname;
-  if (!path.endsWith("__og_image__/svg"))
-    return;
-  const basePath = withoutTrailingSlash(
-    path.replace("__og_image__/svg", "")
-  );
-  const options = await fetchOptions(basePath);
-  setHeader(e, "Content-Type", "image/svg+xml");
-  const provider = await useProvider(options.provider);
-  return provider.createSvg(withBase(joinURL(basePath, "/__og_image__/html"), useHostname(e)), options);
-});

package/dist/runtime/nitro/routes/__og_image__/vnode.mjs

@@ -1,16 +0,0 @@
-import { defineEventHandler, setHeader } from "h3";
-import { joinURL, parseURL, withBase, withoutTrailingSlash } from "ufo";
-import { fetchOptions, useHostname } from "../../utils.mjs";
-import { useProvider } from "#nuxt-og-image/provider";
-export default defineEventHandler(async (e) => {
-  const path = parseURL(e.path).pathname;
-  if (!path.endsWith("__og_image__/vnode"))
-    return;
-  const basePath = withoutTrailingSlash(
-    path.replace("__og_image__/vnode", "")
-  );
-  const options = await fetchOptions(basePath);
-  setHeader(e, "Content-Type", "application/json");
-  const provider = await useProvider(options.provider);
-  return provider.createVNode(withBase(joinURL(basePath, "/__og_image__/html"), useHostname(e)), options);
-});