@takazudo/zudo-image-tweaker 0.1.0

package/dist/ogp/index.js

@@ -0,0 +1,117 @@
+import { randomUUID as B } from "node:crypto";
+import { writeFile as L, rename as U, rm as b } from "node:fs/promises";
+import u from "node:path";
+import s from "sharp";
+const l = 1200, p = 630, R = 600, F = 0, H = 45, I = 0.1, S = 0.3, x = 0.2, M = 0.25, P = 0.25, Y = 0.25, j = 24, k = 8, m = 85, w = !0, N = 1.5;
+async function q(e, t, o) {
+  const { topGradientOpacity: r, bottomGradientOpacity: a, gradientTopHeight: i, gradientBottomHeight: n } = o, c = Math.round(t * i), d = Math.round(t * (1 - n)), h = `
+    <svg width="${e}" height="${t}" xmlns="http://www.w3.org/2000/svg">
+      <defs>
+        <linearGradient id="topGradient" x1="0%" y1="0%" x2="0%" y2="100%">
+          <stop offset="0%" style="stop-color:black;stop-opacity:${r}" />
+          <stop offset="100%" style="stop-color:black;stop-opacity:0" />
+        </linearGradient>
+        <linearGradient id="bottomGradient" x1="0%" y1="0%" x2="0%" y2="100%">
+          <stop offset="0%" style="stop-color:black;stop-opacity:0" />
+          <stop offset="100%" style="stop-color:black;stop-opacity:${a}" />
+        </linearGradient>
+      </defs>
+      <rect x="0" y="0" width="${e}" height="${c}" fill="url(#topGradient)" />
+      <rect x="0" y="${d}" width="${e}" height="${t - d}" fill="url(#bottomGradient)" />
+    </svg>
+  `;
+  return s(Buffer.from(h)).png().toBuffer();
+}
+async function C(e, t, o, r) {
+  const { shadowBlur: a, shadowOpacity: i, cornerRadius: n, shadowOffsetY: c } = r, d = Math.round((e - o) / 2), h = Math.round((t - o) / 2) + c, f = `
+    <svg width="${e}" height="${t}" xmlns="http://www.w3.org/2000/svg">
+      <defs>
+        <filter id="blur" x="-50%" y="-50%" width="200%" height="200%">
+          <feGaussianBlur in="SourceGraphic" stdDeviation="${a}" />
+        </filter>
+      </defs>
+      <rect
+        x="${d}"
+        y="${h}"
+        width="${o}"
+        height="${o}"
+        rx="${n}"
+        ry="${n}"
+        fill="black"
+        opacity="${i}"
+        filter="url(#blur)"
+      />
+    </svg>
+  `;
+  return s(Buffer.from(f)).png().toBuffer();
+}
+async function W(e, t) {
+  const o = `
+    <svg width="${e}" height="${e}" xmlns="http://www.w3.org/2000/svg">
+      <rect x="0" y="0" width="${e}" height="${e}" rx="${t}" ry="${t}" fill="white" />
+    </svg>
+  `;
+  return s(Buffer.from(o)).png().toBuffer();
+}
+async function y(e, t, o, r) {
+  const a = await s(e).metadata(), i = {
+    buffer: e,
+    width: a.width ?? t,
+    height: a.height ?? o,
+    format: "jpeg"
+  };
+  if (r) {
+    const n = u.join(
+      u.dirname(r),
+      `.${u.basename(r)}.${B()}.tmp`
+    );
+    try {
+      await L(n, e), await U(n, r);
+    } catch (c) {
+      throw await b(n, { force: !0 }), c;
+    }
+    i.path = r;
+  }
+  return i;
+}
+async function z(e, t = {}) {
+  const o = t.width ?? l, r = t.height ?? p, a = t.foregroundSize ?? Math.min(R, o, r), i = Math.min(o, r);
+  if (a > i)
+    throw new Error(
+      `foregroundSize (${a}) exceeds the canvas limit of ${i}px (the smaller of width=${o} and height=${r}); the composite card cannot be larger than the canvas it is centered on.`
+    );
+  const n = t.cornerRadius ?? F, c = t.blurSigma ?? H, d = t.desaturate ?? I, h = t.quality ?? m, f = t.progressive ?? w, T = {
+    topGradientOpacity: t.topGradientOpacity ?? S,
+    bottomGradientOpacity: t.bottomGradientOpacity ?? x,
+    gradientTopHeight: t.gradientTopHeight ?? M,
+    gradientBottomHeight: t.gradientBottomHeight ?? P
+  }, O = {
+    shadowBlur: t.shadowBlur ?? j,
+    shadowOpacity: t.shadowOpacity ?? Y,
+    cornerRadius: n,
+    shadowOffsetY: t.shadowOffsetY ?? k
+  }, E = await s(e).rotate().resize(o, r, { fit: "cover", position: "center" }).blur(c).modulate({ saturation: 1 - d }).jpeg({ quality: 100 }).toBuffer(), [A, D] = await Promise.all([
+    q(o, r, T),
+    C(o, r, a, O)
+  ]), g = await s(e).rotate().resize(a, a, { fit: "cover", position: "center" }).png().toBuffer(), _ = n > 0 ? await s(g).composite([
+    { input: await W(a, n), blend: "dest-in" }
+  ]).png().toBuffer() : g, $ = Math.round((o - a) / 2), G = Math.round((r - a) / 2), v = await s(E).composite([
+    { input: A, blend: "over" },
+    { input: D, blend: "over" },
+    { input: _, left: $, top: G }
+  ]).jpeg({ quality: h, progressive: f, mozjpeg: !0 }).toBuffer();
+  return y(v, o, r, t.outPath);
+}
+async function Q(e, t = {}) {
+  const o = t.width ?? l, r = t.height ?? p, a = t.quality ?? m, i = t.progressive ?? w, n = await s(e).rotate().resize(o, r, { fit: "cover", position: "center" }).jpeg({ quality: a, progressive: i, mozjpeg: !0 }).toBuffer();
+  return y(n, o, r, t.outPath);
+}
+async function K(e, t = {}) {
+  const { landscapeThreshold: o = N, ...r } = t, a = await s(e).metadata(), i = a.autoOrient?.width ?? a.width ?? 1, n = a.autoOrient?.height ?? a.height ?? 1;
+  return i / n >= o ? { ...await Q(e, r), method: "landscape" } : { ...await z(e, r), method: "composite" };
+}
+export {
+  Q as generateOgpFromLandscape,
+  z as generateOgpImage,
+  K as generateSmartOgp
+};