feat: add build pipeline for SVG to PNG rendering

- Playwright/Chromium-based SVG to PNG renderer (build.mjs)
- Semantic-release config for automated GitHub releases
- CI workflow with PR version preview
- Fix wordmark-rounded fill color to match brand palette

Author: kollhof

.github/workflows/ci.yml

@@ -0,0 +1,49 @@
+name: CI
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+    branches: [main]
+
+permissions:
+  contents: write
+  pull-requests: write
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 22
+          cache: npm
+
+      - run: npm ci
+      - run: npx playwright install --with-deps chromium
+      - run: npm run build
+
+      - name: Preview release version
+        if: github.event_name == 'pull_request'
+        continue-on-error: true
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        run: |
+          git checkout ${{ github.event.pull_request.head.sha }}
+          OUTPUT=$(unset GITHUB_ACTIONS; npx semantic-release --dry-run --no-ci --branches ${{ github.head_ref }} 2>&1) || true
+          echo "$OUTPUT"
+          VERSION=$(echo "$OUTPUT" | grep -oP 'The next release version is \K[0-9]+\.[0-9]+\.[0-9]+' | head -1 || echo "")
+          if [ -n "$VERSION" ]; then
+            gh pr comment ${{ github.event.pull_request.number }} \
+              --body "This PR will release **v${VERSION}**"
+          fi
+
+      - name: Release
+        if: github.ref == 'refs/heads/main'
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        run: npx semantic-release

.gitignore

@@ -2,3 +2,5 @@
 /.claude/settings.local.json
 /notes
 /.claude.local/
+/build/
+node_modules/

.releaserc.json

@@ -0,0 +1,15 @@
+{
+  "branches": "main",
+  "plugins": [
+    "@semantic-release/commit-analyzer",
+    "@semantic-release/release-notes-generator",
+    [
+      "@semantic-release/github",
+      {
+        "assets": [
+          { "path": "build/brand-assets.tar.gz", "label": "Brand assets (SVG + PNG)" }
+        ]
+      }
+    ]
+  ]
+}

assets/fink-wordmark-rounded.svg

@@ -0,0 +1,85 @@
+import { chromium } from "playwright";
+import { readFileSync, writeFileSync, cpSync, mkdirSync, readdirSync } from "node:fs";
+import { execSync } from "node:child_process";
+
+const assetsDir = "./build/assets";
+mkdirSync(assetsDir, { recursive: true });
+
+// ---------------------------------------------------------------------------
+// 1. Determine version via semantic-release dry-run
+// ---------------------------------------------------------------------------
+
+let version = "unreleased";
+try {
+  const branch = execSync("git branch --show-current", {
+    encoding: "utf-8",
+  }).trim();
+  const output = execSync(
+    `npx semantic-release --dry-run --no-ci --branches ${branch}`,
+    {
+      encoding: "utf-8",
+      env: { ...process.env, GITHUB_ACTIONS: "" },
+      stdio: ["pipe", "pipe", "pipe"],
+    }
+  );
+  const match = output.match(/next release version is (\d+\.\d+\.\d+)/);
+  if (match) version = match[1];
+} catch {
+  // no release pending or no git tags yet
+}
+console.log(`Version: ${version}`);
+
+const date = new Date().toISOString().split("T")[0];
+const commit = execSync("git rev-parse HEAD", { encoding: "utf-8" }).trim();
+
+writeFileSync(
+  "./build/version.md",
+  `# fink-brand\nversion: ${version}\nreleased: ${date}\ncommit: ${commit}\n`
+);
+
+// ---------------------------------------------------------------------------
+// 2. Render SVGs to PNGs
+// ---------------------------------------------------------------------------
+
+const svgFiles = readdirSync("assets").filter((f) => f.endsWith(".svg"));
+const browser = await chromium.launch();
+
+for (const file of svgFiles) {
+  cpSync(`assets/${file}`, `${assetsDir}/${file}`);
+
+  const svg = readFileSync(`assets/${file}`, "utf-8");
+
+  const widthMatch = svg.match(/width="(\d+)"/);
+  const heightMatch = svg.match(/height="(\d+)"/);
+  const width = widthMatch ? parseInt(widthMatch[1]) : 512;
+  const height = heightMatch ? parseInt(heightMatch[1]) : 512;
+
+  const page = await browser.newPage({ viewport: { width, height } });
+
+  const html = `<!DOCTYPE html>
+<html><head><style>
+  body { margin: 0; background: transparent; }
+  img { display: block; width: ${width}px; height: ${height}px; }
+</style></head>
+<body><img src="data:image/svg+xml;base64,${Buffer.from(svg).toString("base64")}"></body></html>`;
+
+  await page.setContent(html, { waitUntil: "load" });
+
+  const outName = file.replace(".svg", ".png");
+  await page.screenshot({
+    path: `${assetsDir}/${outName}`,
+    omitBackground: true,
+  });
+
+  console.log(`  ${file} → ${outName} (${width}x${height})`);
+  await page.close();
+}
+
+await browser.close();
+
+// ---------------------------------------------------------------------------
+// 3. Package tarball
+// ---------------------------------------------------------------------------
+
+execSync("tar -czf build/brand-assets.tar.gz -C build version.md assets");
+console.log(`\nDone. brand-assets.tar.gz (v${version})`);