اعمل QR Code ديناميكي بـ Bun و Hono في 100 سطر — غيّر الوجهة بدون إعادة طبع

import { Hono } from "hono";
import { Database } from "bun:sqlite";
import QRCode from "qrcode";

const db = new Database("links.db");
db.run(`
  CREATE TABLE IF NOT EXISTS links (
    slug TEXT PRIMARY KEY,
    target TEXT NOT NULL,
    created_at INTEGER DEFAULT (unixepoch()),
    hits INTEGER DEFAULT 0
  )
`);

const app = new Hono();
const BASE_URL = process.env.BASE_URL ?? "http://localhost:3000";

// 1) إنشاء لينك ديناميكي جديد
app.post("/links", async (c) => {
  const { slug, target } = await c.req.json<{ slug: string; target: string }>();
  if (!slug || !target) return c.json({ error: "slug and target required" }, 400);
  db.run("INSERT OR REPLACE INTO links (slug, target) VALUES (?, ?)", [slug, target]);
  return c.json({ slug, target, qr: `${BASE_URL}/qr/${slug}.png` });
});

// 2) Redirect: ده اللي الـ QR بيشاور عليه
app.get("/r/:slug", (c) => {
  const slug = c.req.param("slug");
  const row = db.query("SELECT target FROM links WHERE slug = ?").get(slug) as { target: string } | null;
  if (!row) return c.text("Not found", 404);
  db.run("UPDATE links SET hits = hits + 1 WHERE slug = ?", [slug]);
  return c.redirect(row.target, 302);
});

// 3) تحديث الوجهة بدون إعادة طبع
app.patch("/links/:slug", async (c) => {
  const slug = c.req.param("slug");
  const { target } = await c.req.json<{ target: string }>();
  const result = db.run("UPDATE links SET target = ? WHERE slug = ?", [target, slug]);
  if (result.changes === 0) return c.json({ error: "not found" }, 404);
  return c.json({ slug, target });
});

// 4) توليد صورة QR PNG للسلج
app.get("/qr/:slug.png", async (c) => {
  const slug = c.req.param("slug");
  const url = `${BASE_URL}/r/${slug}`;
  const png = await QRCode.toBuffer(url, { width: 512, margin: 2 });
  return new Response(png, { headers: { "Content-Type": "image/png" } });
});

export default { port: 3000, fetch: app.fetch };

# 1) أنشئ لينك للمنيو
curl -X POST http://localhost:3000/links \
  -H "Content-Type: application/json" \
  -d '{"slug":"menu","target":"https://example.com/menu-spring"}'

# 2) جرّب الـ redirect
curl -I http://localhost:3000/r/menu
# المتوقع: HTTP/1.1 302 Found
# Location: https://example.com/menu-spring

# 3) غيّر الوجهة بدون إعادة طبع QR
curl -X PATCH http://localhost:3000/links/menu \
  -H "Content-Type: application/json" \
  -d '{"target":"https://example.com/menu-summer"}'

# 4) شوف صورة الـ QR
open http://localhost:3000/qr/menu.png