From e61e7f5471ea94cbfaf4423332910fdd9b06b582 Mon Sep 17 00:00:00 2001
From: arsam <me@asabbagh.com>
Date: Fri, 18 Sep 2026 23:23:33 +0330
Subject: [PATCH] Import source: app/scripts/generate-og-images.mjs

Import the existing local project snapshot. This commit organizes existing files; it does not represent newly developed functionality.
---
 app/scripts/generate-og-images.mjs | 74 ++++++++++++++++++++++++++++++
 1 file changed, 74 insertions(+)
 create mode 100644 app/scripts/generate-og-images.mjs

diff --git a/app/scripts/generate-og-images.mjs b/app/scripts/generate-og-images.mjs
new file mode 100644
index 0000000..474ecdb
--- /dev/null
+++ b/app/scripts/generate-og-images.mjs
@@ -0,0 +1,74 @@
+import { mkdirSync, writeFileSync } from 'node:fs';
+import { resolve } from 'node:path';
+import { TeknavData } from '../teknav-data.js';
+
+const { createCanvas, GlobalFonts } = await import('@napi-rs/canvas');
+
+GlobalFonts.registerFromPath(resolve('public/fonts/Vazirmatn-Bold.ttf'), 'Vazirmatn');
+GlobalFonts.registerFromPath(resolve('public/fonts/Vazirmatn-Regular.ttf'), 'Vazirmatn');
+GlobalFonts.registerFromPath(resolve('public/fonts/Vazirmatn-SemiBold.ttf'), 'Vazirmatn');
+
+const OUT_DIR = resolve('public/images/og');
+
+mkdirSync(OUT_DIR, { recursive: true });
+
+function isPublishedArticle(article) {
+  if (article.status === 'منتشرشده') return true;
+  if (article.status === 'پیش‌نویس' || article.status === 'در انتظار بررسی') return false;
+  if (['rust-systems', 'venture-capital-ai'].includes(article.slug)) return false;
+  return !!article.dateEn;
+}
+
+function wrap(ctx, text, x, y, maxWidth, lineHeight, maxLines) {
+  const words = String(text).split(/\s+/);
+  let line = '';
+  let lines = 0;
+  for (const word of words) {
+    const next = line ? `${line} ${word}` : word;
+    if (ctx.measureText(next).width > maxWidth && line) {
+      ctx.fillText(line, x, y);
+      y += lineHeight;
+      lines += 1;
+      line = word;
+      if (lines >= maxLines) return y;
+    } else {
+      line = next;
+    }
+  }
+  if (line && lines < maxLines) ctx.fillText(line, x, y);
+  return y + lineHeight;
+}
+
+for (const article of TeknavData.articles.filter(isPublishedArticle)) {
+  const canvas = createCanvas(1200, 630);
+  const ctx = canvas.getContext('2d');
+  const gradient = ctx.createLinearGradient(0, 0, 1200, 630);
+  gradient.addColorStop(0, '#0F6B73');
+  gradient.addColorStop(0.55, '#20343A');
+  gradient.addColorStop(1, '#D49A2A');
+  ctx.fillStyle = gradient;
+  ctx.fillRect(0, 0, 1200, 630);
+
+  ctx.fillStyle = 'rgba(250,247,240,0.10)';
+  for (let i = 0; i < 12; i += 1) {
+    ctx.fillRect(80 + i * 88, 80 + (i % 3) * 34, 48, 300);
+  }
+
+  ctx.direction = 'rtl';
+  ctx.textAlign = 'right';
+  ctx.fillStyle = '#FAF7F0';
+  ctx.font = 'bold 64px Vazirmatn, sans-serif';
+  wrap(ctx, article.title, 1080, 190, 900, 82, 3);
+
+  ctx.font = '30px Vazirmatn, sans-serif';
+  ctx.fillStyle = '#F4EFE6';
+  wrap(ctx, article.summary, 1080, 445, 860, 44, 2);
+
+  ctx.font = 'bold 28px Vazirmatn, sans-serif';
+  ctx.fillStyle = '#FFDC83';
+  ctx.fillText('teknav.ir', 1080, 565);
+
+  writeFileSync(resolve(OUT_DIR, `${article.slug}.jpg`), canvas.toBuffer('image/jpeg'));
+}
+
+console.log(`[og] generated ${TeknavData.articles.length} article image candidates in public/images/og`);