@arach/og 0.1.0

package/dist/cli.d.ts

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+export {};
+//# sourceMappingURL=cli.d.ts.map

package/dist/cli.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cli.d.ts","sourceRoot":"","sources":["../src/cli.ts"],"names":[],"mappings":""}

package/dist/cli.js

@@ -0,0 +1,53 @@
+#!/usr/bin/env node
+import { readFile } from 'node:fs/promises';
+import { resolve } from 'node:path';
+import { generateOG, generateOGBatch } from './generate.js';
+async function main() {
+    const args = process.argv.slice(2);
+    if (args.length === 0 || args.includes('--help') || args.includes('-h')) {
+        console.log(`
+@arach/og - Declarative OG image generation
+
+Usage:
+  og <config.json>     Generate OG images from a config file
+  og --help            Show this help message
+
+Config file format:
+  Single image:
+  {
+    "template": "branded",
+    "title": "My App",
+    "subtitle": "Do amazing things",
+    "accent": "#f07c4f",
+    "output": "public/og-image.png"
+  }
+
+  Multiple images:
+  [
+    { "title": "Home", "output": "public/og-home.png" },
+    { "title": "Docs", "template": "docs", "output": "public/og-docs.png" }
+  ]
+
+Templates: branded, docs, minimal, editor-dark
+`);
+        process.exit(0);
+    }
+    const configPath = resolve(process.cwd(), args[0]);
+    try {
+        const content = await readFile(configPath, 'utf-8');
+        const config = JSON.parse(content);
+        if (Array.isArray(config)) {
+            await generateOGBatch(config);
+        }
+        else {
+            await generateOG(config);
+        }
+        console.log('\n✓ Done!');
+    }
+    catch (error) {
+        console.error('Error:', error instanceof Error ? error.message : error);
+        process.exit(1);
+    }
+}
+main();
+//# sourceMappingURL=cli.js.map

package/dist/cli.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cli.js","sourceRoot":"","sources":["../src/cli.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAG3D,KAAK,UAAU,IAAI;IACjB,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;IAElC,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;QACxE,OAAO,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;CAwBf,CAAC,CAAA;QACE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;IACjB,CAAC;IAED,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAA;IAElD,IAAI,CAAC;QACH,MAAM,OAAO,GAAG,MAAM,QAAQ,CAAC,UAAU,EAAE,OAAO,CAAC,CAAA;QACnD,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAA0B,CAAA;QAE3D,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;YAC1B,MAAM,eAAe,CAAC,MAAM,CAAC,CAAA;QAC/B,CAAC;aAAM,CAAC;YACN,MAAM,UAAU,CAAC,MAAM,CAAC,CAAA;QAC1B,CAAC;QAED,OAAO,CAAC,GAAG,CAAC,WAAW,CAAC,CAAA;IAC1B,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;QACvE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;IACjB,CAAC;AACH,CAAC;AAED,IAAI,EAAE,CAAA"}

package/dist/generate.d.ts

@@ -0,0 +1,10 @@
+import type { OGConfig } from './types.js';
+/**
+ * Generate an OG image from config
+ */
+export declare function generateOG(config: OGConfig): Promise<void>;
+/**
+ * Generate multiple OG images from configs
+ */
+export declare function generateOGBatch(configs: OGConfig[]): Promise<void>;
+//# sourceMappingURL=generate.d.ts.map

package/dist/generate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate.d.ts","sourceRoot":"","sources":["../src/generate.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAmB,MAAM,YAAY,CAAA;AAS3D;;GAEG;AACH,wBAAsB,UAAU,CAAC,MAAM,EAAE,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,CAqEhE;AAED;;GAEG;AACH,wBAAsB,eAAe,CAAC,OAAO,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAmExE"}

package/dist/generate.js

@@ -0,0 +1,108 @@
+import puppeteer from 'puppeteer';
+import { mkdir } from 'node:fs/promises';
+import { dirname } from 'node:path';
+import { templates } from './templates/index.js';
+const DEFAULT_FONTS = ['Fraunces:wght@500;600', 'Space Grotesk:wght@400;500;600'];
+const DEFAULT_ACCENT = '#f07c4f';
+const DEFAULT_ACCENT_SECONDARY = '#1f7a65';
+const DEFAULT_BACKGROUND = '#f7f3ec';
+const DEFAULT_TEXT_COLOR = '#101518';
+/**
+ * Generate an OG image from config
+ */
+export async function generateOG(config) {
+    const { template = 'branded', title, subtitle, accent = DEFAULT_ACCENT, accentSecondary = DEFAULT_ACCENT_SECONDARY, background = DEFAULT_BACKGROUND, textColor = DEFAULT_TEXT_COLOR, output, width = 1200, height = 630, scale = 2, fonts = DEFAULT_FONTS, logo, tag, } = config;
+    const templateFn = templates[template];
+    if (!templateFn) {
+        throw new Error(`Unknown template: ${template}. Available: ${Object.keys(templates).join(', ')}`);
+    }
+    const context = {
+        title,
+        subtitle,
+        accent,
+        accentSecondary,
+        background,
+        textColor,
+        width,
+        height,
+        fonts,
+        logo,
+        tag,
+    };
+    const html = templateFn(context);
+    // Ensure output directory exists
+    await mkdir(dirname(output), { recursive: true });
+    // Launch browser and generate
+    const browser = await puppeteer.launch({
+        headless: true,
+        args: ['--no-sandbox', '--disable-setuid-sandbox'],
+    });
+    try {
+        const page = await browser.newPage();
+        await page.setViewport({ width, height, deviceScaleFactor: scale });
+        await page.setContent(html, { waitUntil: 'networkidle0' });
+        // Wait for fonts to load
+        await page.evaluate('document.fonts.ready');
+        // Extra buffer for font rendering
+        await new Promise((resolve) => setTimeout(resolve, 500));
+        await page.screenshot({
+            path: output,
+            type: output.endsWith('.png') ? 'png' : 'jpeg',
+            ...(output.endsWith('.jpeg') || output.endsWith('.jpg') ? { quality: 90 } : {}),
+        });
+        console.log(`✓ Generated ${output}`);
+    }
+    finally {
+        await browser.close();
+    }
+}
+/**
+ * Generate multiple OG images from configs
+ */
+export async function generateOGBatch(configs) {
+    const browser = await puppeteer.launch({
+        headless: true,
+        args: ['--no-sandbox', '--disable-setuid-sandbox'],
+    });
+    try {
+        for (const config of configs) {
+            const { template = 'branded', title, subtitle, accent = DEFAULT_ACCENT, accentSecondary = DEFAULT_ACCENT_SECONDARY, background = DEFAULT_BACKGROUND, textColor = DEFAULT_TEXT_COLOR, output, width = 1200, height = 630, scale = 2, fonts = DEFAULT_FONTS, logo, tag, } = config;
+            const templateFn = templates[template];
+            if (!templateFn) {
+                console.error(`✗ Unknown template: ${template}`);
+                continue;
+            }
+            const context = {
+                title,
+                subtitle,
+                accent,
+                accentSecondary,
+                background,
+                textColor,
+                width,
+                height,
+                fonts,
+                logo,
+                tag,
+            };
+            const html = templateFn(context);
+            await mkdir(dirname(output), { recursive: true });
+            const page = await browser.newPage();
+            await page.setViewport({ width, height, deviceScaleFactor: scale });
+            await page.setContent(html, { waitUntil: 'networkidle0' });
+            await page.evaluate('document.fonts.ready');
+            await new Promise((resolve) => setTimeout(resolve, 500));
+            await page.screenshot({
+                path: output,
+                type: output.endsWith('.png') ? 'png' : 'jpeg',
+                ...(output.endsWith('.jpeg') || output.endsWith('.jpg') ? { quality: 90 } : {}),
+            });
+            await page.close();
+            console.log(`✓ Generated ${output}`);
+        }
+    }
+    finally {
+        await browser.close();
+    }
+}
+//# sourceMappingURL=generate.js.map

package/dist/generate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate.js","sourceRoot":"","sources":["../src/generate.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { generateOG, generateOGBatch } from './generate.js';
+export { templates } from './templates/index.js';
+export type { OGConfig, TemplateId, TemplateContext, TemplateFunction } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAChD,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA"}

package/dist/index.js

@@ -0,0 +1,3 @@
+export { generateOG, generateOGBatch } from './generate.js';
+export { templates } from './templates/index.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA"}

package/dist/templates/branded.d.ts

@@ -0,0 +1,6 @@
+import type { TemplateFunction } from '../types.js';
+/**
+ * Branded template - full featured with grid overlay, gradient glows, and tag
+ */
+export declare const branded: TemplateFunction;
+//# sourceMappingURL=branded.d.ts.map

package/dist/templates/branded.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"branded.d.ts","sourceRoot":"","sources":["../../src/templates/branded.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAEnD;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,gBAqHrB,CAAA"}

package/dist/templates/branded.js

@@ -0,0 +1,122 @@
+/**
+ * Branded template - full featured with grid overlay, gradient glows, and tag
+ */
+export const branded = (ctx) => `
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8">
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=${ctx.fonts.map(f => f.replace(/ /g, '+')).join('&family=')}&display=swap" rel="stylesheet">
+  <style>
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+    body {
+      width: ${ctx.width}px;
+      height: ${ctx.height}px;
+      background: ${ctx.background};
+      font-family: '${ctx.fonts[1] || ctx.fonts[0]}', system-ui, sans-serif;
+      color: ${ctx.textColor};
+      position: relative;
+      overflow: hidden;
+    }
+    .glow {
+      position: absolute;
+      inset: -10% -10% auto -10%;
+      height: 520px;
+      background:
+        radial-gradient(circle at 15% 35%, ${ctx.accent}40, transparent 58%),
+        radial-gradient(circle at 70% 0%, ${ctx.accentSecondary}38, transparent 65%),
+        radial-gradient(circle at 85% 40%, ${ctx.accent}30, transparent 55%);
+      pointer-events: none;
+    }
+    .grid {
+      position: absolute;
+      inset: 0;
+      background-image:
+        linear-gradient(${ctx.textColor}08 1px, transparent 1px),
+        linear-gradient(90deg, ${ctx.textColor}08 1px, transparent 1px);
+      background-size: 40px 40px;
+      opacity: 0.5;
+    }
+    .content {
+      position: relative;
+      z-index: 1;
+      height: 100%;
+      padding: 72px 80px;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+    }
+    .tag {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      padding: 10px 18px;
+      border-radius: 999px;
+      border: 1px solid ${ctx.textColor}20;
+      background: ${ctx.background}cc;
+      font-size: 14px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.18em;
+      color: ${ctx.accentSecondary};
+      margin-bottom: 28px;
+      width: fit-content;
+    }
+    .title {
+      font-family: '${ctx.fonts[0]}', serif;
+      font-size: 72px;
+      font-weight: 600;
+      line-height: 1.1;
+      max-width: 900px;
+      margin-bottom: 20px;
+    }
+    .subtitle {
+      font-size: 28px;
+      color: ${ctx.textColor}99;
+      max-width: 700px;
+      line-height: 1.4;
+    }
+    .brand {
+      position: absolute;
+      bottom: 72px;
+      left: 80px;
+      display: flex;
+      align-items: center;
+      gap: 12px;
+    }
+    .brand-dot {
+      width: 16px;
+      height: 16px;
+      border-radius: 50%;
+      background: ${ctx.accent};
+      box-shadow: 0 0 0 6px ${ctx.accent}33;
+    }
+    .brand-name {
+      font-family: '${ctx.fonts[0]}', serif;
+      font-size: 24px;
+      font-weight: 600;
+    }
+  </style>
+</head>
+<body>
+  <div class="glow"></div>
+  <div class="grid"></div>
+  <div class="content">
+    ${ctx.tag ? `<div class="tag">${ctx.tag}</div>` : ''}
+    <h1 class="title">${ctx.title}</h1>
+    ${ctx.subtitle ? `<p class="subtitle">${ctx.subtitle}</p>` : ''}
+  </div>
+  <div class="brand">
+    <span class="brand-dot"></span>
+    <span class="brand-name">${ctx.title.split('|')[0]?.trim() || ''}</span>
+  </div>
+</body>
+</html>
+`;
+//# sourceMappingURL=branded.js.map

package/dist/templates/branded.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"branded.js","sourceRoot":"","sources":["../../src/templates/branded.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,CAAC,MAAM,OAAO,GAAqB,CAAC,GAAG,EAAE,EAAE,CAAC;;;;;;;yDAOO,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC;;;;;;;;eAQnG,GAAG,CAAC,KAAK;gBACR,GAAG,CAAC,MAAM;oBACN,GAAG,CAAC,UAAU;sBACZ,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;eACnC,GAAG,CAAC,SAAS;;;;;;;;;6CASiB,GAAG,CAAC,MAAM;4CACX,GAAG,CAAC,eAAe;6CAClB,GAAG,CAAC,MAAM;;;;;;;0BAO7B,GAAG,CAAC,SAAS;iCACN,GAAG,CAAC,SAAS;;;;;;;;;;;;;;;;;;;0BAmBpB,GAAG,CAAC,SAAS;oBACnB,GAAG,CAAC,UAAU;;;;;eAKnB,GAAG,CAAC,eAAe;;;;;sBAKZ,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;;;;;;;;;eASnB,GAAG,CAAC,SAAS;;;;;;;;;;;;;;;;oBAgBR,GAAG,CAAC,MAAM;8BACA,GAAG,CAAC,MAAM;;;sBAGlB,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;;;;;;;;;;MAU5B,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,oBAAoB,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE;wBAChC,GAAG,CAAC,KAAK;MAC3B,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,uBAAuB,GAAG,CAAC,QAAQ,MAAM,CAAC,CAAC,CAAC,EAAE;;;;+BAIpC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE;;;;CAInE,CAAA"}

package/dist/templates/docs.d.ts

@@ -0,0 +1,6 @@
+import type { TemplateFunction } from '../types.js';
+/**
+ * Docs template - clean layout for documentation pages
+ */
+export declare const docs: TemplateFunction;
+//# sourceMappingURL=docs.d.ts.map

package/dist/templates/docs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"docs.d.ts","sourceRoot":"","sources":["../../src/templates/docs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAEnD;;GAEG;AACH,eAAO,MAAM,IAAI,EAAE,gBA6HlB,CAAA"}

package/dist/templates/docs.js

@@ -0,0 +1,130 @@
+/**
+ * Docs template - clean layout for documentation pages
+ */
+export const docs = (ctx) => `
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8">
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=${ctx.fonts.map(f => f.replace(/ /g, '+')).join('&family=')}&display=swap" rel="stylesheet">
+  <style>
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+    body {
+      width: ${ctx.width}px;
+      height: ${ctx.height}px;
+      background: ${ctx.background};
+      font-family: '${ctx.fonts[1] || ctx.fonts[0]}', system-ui, sans-serif;
+      color: ${ctx.textColor};
+      position: relative;
+      overflow: hidden;
+    }
+    .accent-bar {
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      height: 6px;
+      background: linear-gradient(90deg, ${ctx.accent}, ${ctx.accentSecondary});
+    }
+    .grid {
+      position: absolute;
+      inset: 0;
+      background-image:
+        linear-gradient(${ctx.textColor}06 1px, transparent 1px),
+        linear-gradient(90deg, ${ctx.textColor}06 1px, transparent 1px);
+      background-size: 32px 32px;
+    }
+    .content {
+      position: relative;
+      z-index: 1;
+      height: 100%;
+      padding: 80px;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+    }
+    .badge {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      padding: 8px 16px;
+      border-radius: 8px;
+      background: ${ctx.accent}15;
+      border: 1px solid ${ctx.accent}30;
+      font-size: 14px;
+      font-weight: 600;
+      color: ${ctx.accent};
+      margin-bottom: 24px;
+      width: fit-content;
+    }
+    .title {
+      font-family: '${ctx.fonts[0]}', serif;
+      font-size: 64px;
+      font-weight: 600;
+      line-height: 1.15;
+      max-width: 850px;
+      margin-bottom: 20px;
+    }
+    .subtitle {
+      font-size: 26px;
+      color: ${ctx.textColor}80;
+      max-width: 650px;
+      line-height: 1.5;
+    }
+    .footer {
+      position: absolute;
+      bottom: 60px;
+      left: 80px;
+      right: 80px;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+    }
+    .brand {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+    }
+    .brand-dot {
+      width: 12px;
+      height: 12px;
+      border-radius: 50%;
+      background: ${ctx.accent};
+    }
+    .brand-name {
+      font-family: '${ctx.fonts[0]}', serif;
+      font-size: 20px;
+      font-weight: 600;
+    }
+    .docs-label {
+      font-size: 16px;
+      color: ${ctx.textColor}60;
+      font-weight: 500;
+    }
+  </style>
+</head>
+<body>
+  <div class="accent-bar"></div>
+  <div class="grid"></div>
+  <div class="content">
+    ${ctx.tag ? `<div class="badge">${ctx.tag}</div>` : '<div class="badge">Documentation</div>'}
+    <h1 class="title">${ctx.title}</h1>
+    ${ctx.subtitle ? `<p class="subtitle">${ctx.subtitle}</p>` : ''}
+  </div>
+  <div class="footer">
+    <div class="brand">
+      <span class="brand-dot"></span>
+      <span class="brand-name">${ctx.title.split('|')[0]?.trim() || 'Docs'}</span>
+    </div>
+    <span class="docs-label">docs</span>
+  </div>
+</body>
+</html>
+`;
+//# sourceMappingURL=docs.js.map

package/dist/templates/docs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"docs.js","sourceRoot":"","sources":["../../src/templates/docs.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,CAAC,MAAM,IAAI,GAAqB,CAAC,GAAG,EAAE,EAAE,CAAC;;;;;;;yDAOU,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC;;;;;;;;eAQnG,GAAG,CAAC,KAAK;gBACR,GAAG,CAAC,MAAM;oBACN,GAAG,CAAC,UAAU;sBACZ,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;eACnC,GAAG,CAAC,SAAS;;;;;;;;;;2CAUe,GAAG,CAAC,MAAM,KAAK,GAAG,CAAC,eAAe;;;;;;0BAMnD,GAAG,CAAC,SAAS;iCACN,GAAG,CAAC,SAAS;;;;;;;;;;;;;;;;;;oBAkB1B,GAAG,CAAC,MAAM;0BACJ,GAAG,CAAC,MAAM;;;eAGrB,GAAG,CAAC,MAAM;;;;;sBAKH,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;;;;;;;;;eASnB,GAAG,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;oBAsBR,GAAG,CAAC,MAAM;;;sBAGR,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;;;;;;eAMnB,GAAG,CAAC,SAAS;;;;;;;;;MAStB,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,sBAAsB,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,wCAAwC;wBACxE,GAAG,CAAC,KAAK;MAC3B,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,uBAAuB,GAAG,CAAC,QAAQ,MAAM,CAAC,CAAC,CAAC,EAAE;;;;;iCAKlC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,MAAM;;;;;;CAMzE,CAAA"}

package/dist/templates/editor-dark.d.ts

@@ -0,0 +1,6 @@
+import type { TemplateFunction } from '../types.js';
+/**
+ * Editor Dark template - dark theme for product/editor pages
+ */
+export declare const editorDark: TemplateFunction;
+//# sourceMappingURL=editor-dark.d.ts.map

package/dist/templates/editor-dark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-dark.d.ts","sourceRoot":"","sources":["../../src/templates/editor-dark.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAEnD;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,gBAkIxB,CAAA"}

package/dist/templates/editor-dark.js

@@ -0,0 +1,135 @@
+/**
+ * Editor Dark template - dark theme for product/editor pages
+ */
+export const editorDark = (ctx) => `
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8">
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=${ctx.fonts.map(f => f.replace(/ /g, '+')).join('&family=')}&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
+  <style>
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+    body {
+      width: ${ctx.width}px;
+      height: ${ctx.height}px;
+      background: #101518;
+      font-family: '${ctx.fonts[1] || ctx.fonts[0]}', system-ui, sans-serif;
+      color: #f0f4f7;
+      position: relative;
+      overflow: hidden;
+    }
+    .glow {
+      position: absolute;
+      inset: 0;
+      background:
+        radial-gradient(circle at 20% 80%, ${ctx.accent}25, transparent 50%),
+        radial-gradient(circle at 80% 20%, ${ctx.accentSecondary}20, transparent 50%);
+      pointer-events: none;
+    }
+    .grid {
+      position: absolute;
+      inset: 0;
+      background-image:
+        linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
+        linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
+      background-size: 24px 24px;
+    }
+    .content {
+      position: relative;
+      z-index: 1;
+      height: 100%;
+      padding: 72px 80px;
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+    }
+    .editor-badge {
+      display: inline-flex;
+      align-items: center;
+      gap: 8px;
+      padding: 8px 14px;
+      border-radius: 6px;
+      background: rgba(255,255,255,0.08);
+      border: 1px solid rgba(255,255,255,0.12);
+      font-family: 'JetBrains Mono', monospace;
+      font-size: 13px;
+      color: ${ctx.accent};
+      margin-bottom: 28px;
+      width: fit-content;
+    }
+    .title {
+      font-family: '${ctx.fonts[0]}', serif;
+      font-size: 64px;
+      font-weight: 600;
+      line-height: 1.15;
+      max-width: 800px;
+      margin-bottom: 20px;
+    }
+    .subtitle {
+      font-size: 26px;
+      color: rgba(240, 244, 247, 0.6);
+      max-width: 600px;
+      line-height: 1.5;
+    }
+    .window-controls {
+      position: absolute;
+      top: 40px;
+      right: 60px;
+      display: flex;
+      gap: 8px;
+    }
+    .window-dot {
+      width: 12px;
+      height: 12px;
+      border-radius: 50%;
+      background: rgba(255,255,255,0.15);
+    }
+    .brand {
+      position: absolute;
+      bottom: 60px;
+      left: 80px;
+      display: flex;
+      align-items: center;
+      gap: 10px;
+    }
+    .brand-dot {
+      width: 14px;
+      height: 14px;
+      border-radius: 50%;
+      background: ${ctx.accent};
+      box-shadow: 0 0 20px ${ctx.accent}60;
+    }
+    .brand-name {
+      font-family: '${ctx.fonts[0]}', serif;
+      font-size: 22px;
+      font-weight: 600;
+    }
+  </style>
+</head>
+<body>
+  <div class="glow"></div>
+  <div class="grid"></div>
+  <div class="window-controls">
+    <span class="window-dot"></span>
+    <span class="window-dot"></span>
+    <span class="window-dot"></span>
+  </div>
+  <div class="content">
+    <div class="editor-badge">${ctx.tag || 'editor'}</div>
+    <h1 class="title">${ctx.title}</h1>
+    ${ctx.subtitle ? `<p class="subtitle">${ctx.subtitle}</p>` : ''}
+  </div>
+  <div class="brand">
+    <span class="brand-dot"></span>
+    <span class="brand-name">${ctx.title.split('|')[0]?.trim() || ''}</span>
+  </div>
+</body>
+</html>
+`;
+//# sourceMappingURL=editor-dark.js.map

package/dist/templates/editor-dark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-dark.js","sourceRoot":"","sources":["../../src/templates/editor-dark.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAqB,CAAC,GAAG,EAAE,EAAE,CAAC;;;;;;;yDAOI,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC;;;;;;;;eAQnG,GAAG,CAAC,KAAK;gBACR,GAAG,CAAC,MAAM;;sBAEJ,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;;;;;;;;;6CASL,GAAG,CAAC,MAAM;6CACV,GAAG,CAAC,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eA8BjD,GAAG,CAAC,MAAM;;;;;sBAKH,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAsCd,GAAG,CAAC,MAAM;6BACD,GAAG,CAAC,MAAM;;;sBAGjB,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;gCAeF,GAAG,CAAC,GAAG,IAAI,QAAQ;wBAC3B,GAAG,CAAC,KAAK;MAC3B,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,uBAAuB,GAAG,CAAC,QAAQ,MAAM,CAAC,CAAC,CAAC,EAAE;;;;+BAIpC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE;;;;CAInE,CAAA"}

package/dist/templates/index.d.ts

@@ -0,0 +1,8 @@
+import type { TemplateFunction, TemplateId } from '../types.js';
+import { branded } from './branded.js';
+import { docs } from './docs.js';
+import { minimal } from './minimal.js';
+import { editorDark } from './editor-dark.js';
+export declare const templates: Record<TemplateId, TemplateFunction>;
+export { branded, docs, minimal, editorDark };
+//# sourceMappingURL=index.d.ts.map

package/dist/templates/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/templates/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAE7C,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,UAAU,EAAE,gBAAgB,CAK1D,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/templates/index.js

@@ -0,0 +1,12 @@
+import { branded } from './branded.js';
+import { docs } from './docs.js';
+import { minimal } from './minimal.js';
+import { editorDark } from './editor-dark.js';
+export const templates = {
+    branded,
+    docs,
+    minimal,
+    'editor-dark': editorDark,
+};
+export { branded, docs, minimal, editorDark };
+//# sourceMappingURL=index.js.map

package/dist/templates/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/templates/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAE7C,MAAM,CAAC,MAAM,SAAS,GAAyC;IAC7D,OAAO;IACP,IAAI;IACJ,OAAO;IACP,aAAa,EAAE,UAAU;CAC1B,CAAA;AAED,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/templates/minimal.d.ts

@@ -0,0 +1,6 @@
+import type { TemplateFunction } from '../types.js';
+/**
+ * Minimal template - clean, typography-focused
+ */
+export declare const minimal: TemplateFunction;
+//# sourceMappingURL=minimal.d.ts.map

package/dist/templates/minimal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"minimal.d.ts","sourceRoot":"","sources":["../../src/templates/minimal.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAEnD;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,gBA0DrB,CAAA"}

package/dist/templates/minimal.js

@@ -0,0 +1,63 @@
+/**
+ * Minimal template - clean, typography-focused
+ */
+export const minimal = (ctx) => `
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8">
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=${ctx.fonts.map(f => f.replace(/ /g, '+')).join('&family=')}&display=swap" rel="stylesheet">
+  <style>
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+    body {
+      width: ${ctx.width}px;
+      height: ${ctx.height}px;
+      background: ${ctx.background};
+      font-family: '${ctx.fonts[1] || ctx.fonts[0]}', system-ui, sans-serif;
+      color: ${ctx.textColor};
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      text-align: center;
+    }
+    .content {
+      max-width: 900px;
+      padding: 60px;
+    }
+    .title {
+      font-family: '${ctx.fonts[0]}', serif;
+      font-size: 68px;
+      font-weight: 600;
+      line-height: 1.15;
+      margin-bottom: 24px;
+    }
+    .subtitle {
+      font-size: 28px;
+      color: ${ctx.textColor}70;
+      line-height: 1.5;
+    }
+    .accent-line {
+      width: 80px;
+      height: 4px;
+      background: ${ctx.accent};
+      border-radius: 2px;
+      margin: 0 auto 32px;
+    }
+  </style>
+</head>
+<body>
+  <div class="content">
+    <div class="accent-line"></div>
+    <h1 class="title">${ctx.title}</h1>
+    ${ctx.subtitle ? `<p class="subtitle">${ctx.subtitle}</p>` : ''}
+  </div>
+</body>
+</html>
+`;
+//# sourceMappingURL=minimal.js.map

package/dist/templates/minimal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"minimal.js","sourceRoot":"","sources":["../../src/templates/minimal.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,CAAC,MAAM,OAAO,GAAqB,CAAC,GAAG,EAAE,EAAE,CAAC;;;;;;;yDAOO,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC;;;;;;;;eAQnG,GAAG,CAAC,KAAK;gBACR,GAAG,CAAC,MAAM;oBACN,GAAG,CAAC,UAAU;sBACZ,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;eACnC,GAAG,CAAC,SAAS;;;;;;;;;;;sBAWN,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;;;;;;;;eAQnB,GAAG,CAAC,SAAS;;;;;;oBAMR,GAAG,CAAC,MAAM;;;;;;;;;wBASN,GAAG,CAAC,KAAK;MAC3B,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,uBAAuB,GAAG,CAAC,QAAQ,MAAM,CAAC,CAAC,CAAC,EAAE;;;;CAIlE,CAAA"}

package/dist/types.d.ts

@@ -0,0 +1,46 @@
+export type TemplateId = 'branded' | 'docs' | 'minimal' | 'editor-dark';
+export interface OGConfig {
+    /** Template to use */
+    template?: TemplateId;
+    /** Primary title */
+    title: string;
+    /** Subtitle or description */
+    subtitle?: string;
+    /** Brand/accent color (hex) */
+    accent?: string;
+    /** Secondary accent color (hex) */
+    accentSecondary?: string;
+    /** Background color (hex) */
+    background?: string;
+    /** Text color (hex) */
+    textColor?: string;
+    /** Output file path */
+    output: string;
+    /** Width in pixels (default: 1200) */
+    width?: number;
+    /** Height in pixels (default: 630) */
+    height?: number;
+    /** Device scale factor for retina (default: 2) */
+    scale?: number;
+    /** Custom fonts to load from Google Fonts */
+    fonts?: string[];
+    /** Optional logo URL or base64 */
+    logo?: string;
+    /** Optional tag/chip text */
+    tag?: string;
+}
+export interface TemplateContext {
+    title: string;
+    subtitle?: string;
+    accent: string;
+    accentSecondary: string;
+    background: string;
+    textColor: string;
+    width: number;
+    height: number;
+    fonts: string[];
+    logo?: string;
+    tag?: string;
+}
+export type TemplateFunction = (ctx: TemplateContext) => string;
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,CAAA;AAEvE,MAAM,WAAW,QAAQ;IACvB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,UAAU,CAAA;IACrB,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,mCAAmC;IACnC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,6BAA6B;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uBAAuB;IACvB,MAAM,EAAE,MAAM,CAAA;IACd,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,6BAA6B;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,eAAe,EAAE,MAAM,CAAA;IACvB,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED,MAAM,MAAM,gBAAgB,GAAG,CAAC,GAAG,EAAE,eAAe,KAAK,MAAM,CAAA"}

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@arach/og",
+  "version": "0.1.0",
+  "description": "Declarative OG image generation with Puppeteer",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "bin": {
+    "og": "./dist/cli.js"
+  },
+  "files": [
+    "dist",
+    "templates"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "test": "node --test src/**/*.test.ts",
+    "prepublishOnly": "pnpm build"
+  },
+  "keywords": [
+    "og",
+    "opengraph",
+    "social",
+    "image",
+    "puppeteer",
+    "generator"
+  ],
+  "author": "Arach",
+  "license": "MIT",
+  "dependencies": {
+    "puppeteer": "^24.0.0"
+  },
+  "devDependencies": {
+    "@types/node": "^22.0.0",
+    "typescript": "^5.7.0"
+  }
+}