readme-aura 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Yehor Kharchenko
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,134 @@
+![readme-aura-component-0](./.github/assets/readme-aura-component-0-39fe8b1c.svg "Generated by readme-aura")
+
+Write custom **React/JSX components** directly inside your Markdown, and readme-aura will render them into beautiful SVGs that work on GitHub.
+
+GitHub strips all JS and CSS from README files. This tool lets you bypass that limitation by compiling your designs into static SVG images at build time.
+
+## How It Works
+
+1. Run `npx readme-aura init` in your repo — creates workflow, source template, and audits `.gitignore`
+2. Edit `readme.source.md` — add JSX components inside ` ```aura ` code blocks
+3. Preview locally with `npx readme-aura build` — JSX gets rendered to SVG via [Vercel Satori](https://github.com/vercel/satori)
+4. Push to `main` — the GitHub Action auto-generates your `README.md`
+
+![readme-aura-component-1](./.github/assets/readme-aura-component-1-2cc164cb.svg "Generated by readme-aura")
+
+## Quick Start
+
+Run one command in your repo — it creates the GitHub Actions workflow, a starter `readme.source.md`, and ensures `.gitignore` won't block generated files:
+
+```bash
+npx readme-aura init
+```
+
+Then preview locally:
+
+```bash
+npx readme-aura build
+```
+
+That's it. Push to `main` and the workflow will auto-generate your `README.md` on every push.
+
+> `init` auto-detects profile repos (`username/username`) and picks the right template.
+
+### Commands
+
+| Command | Description |
+|---------|-------------|
+| `npx readme-aura init` | Scaffold workflow, source template, audit `.gitignore` |
+| `npx readme-aura build` | Render ` ```aura ` blocks to SVG and generate `README.md` |
+
+### Build Options
+
+| Option | Default | Description |
+|--------|---------|-------------|
+| `-s, --source` | `readme.source.md` | Source markdown file |
+| `-o, --output` | `README.md` | Output markdown file |
+| `-a, --assets` | `.github/assets` | Directory for generated SVGs |
+| `-f, --fonts-dir` | — | Custom fonts directory |
+| `-g, --github-user` | auto-detect | GitHub username for stats |
+| `-t, --github-token` | `$GITHUB_TOKEN` | Token for GitHub API |
+
+### Init Options
+
+| Option | Default | Description |
+|--------|---------|-------------|
+| `--template` | auto-detect | Template: `profile` or `project` |
+| `--force` | `false` | Overwrite existing files |
+
+## What `init` Creates
+
+The `init` command sets up everything you need:
+
+**`.github/workflows/readme-aura.yml`** — GitHub Action that rebuilds your README on every push to `main` and on a daily schedule (to keep GitHub stats fresh):
+
+```yaml
+name: Generate README
+on:
+  push:
+    branches: [main]
+    paths: ['readme.source.md']
+  schedule:
+    - cron: '0 6 * * *'
+  workflow_dispatch:
+
+permissions:
+  contents: write
+
+jobs:
+  generate:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Generate README
+        uses: collectioneur/readme-aura@main
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+```
+
+**`readme.source.md`** — Starter template with example ` ```aura ` blocks, customized for your repo type.
+
+**`.gitignore` audit** — Ensures `.github/assets/`, `.github/workflows/`, `README.md`, and `readme.source.md` are not ignored.
+
+## Features
+
+![readme-aura-component-2](./.github/assets/readme-aura-component-2-1b11d685.svg "Generated by readme-aura")
+
+* **Write React/JSX** — Use familiar `style={{ }}` syntax with flexbox, gradients, shadows
+* **Powered by Satori** — Vercel's engine converts JSX to SVG without a browser
+* **Custom Fonts** — Inter bundled by default, bring your own via `--fonts-dir`
+* **Meta Syntax** — Control dimensions: ` ```aura width=800 height=400 `
+* **GitHub-Compatible** — Output is pure Markdown + SVG, works everywhere
+
+## Animations
+
+You can add **CSS-based SVG animations** using the `<style>` injection mechanism. Satori renders a static frame at build time; the browser animates the SVG when it is displayed (e.g. on GitHub).
+
+**How it works:** Add a `<style>` block in your JSX. Define `@keyframes` and apply them to elements by `#id` or `.class`. The renderer extracts and injects the CSS into the final SVG.
+
+**Animatable properties:** `transform` (translate, scale, rotate), `opacity`, `fill`, and `stroke-dasharray`/`stroke-dashoffset`. Layout properties (`width`, `height`, `margin`) are unreliable.
+
+**Targeting:** Use `id` on SVG elements (`<ellipse id="glow">`, `<g id="group">`) and reference them in CSS: `#glow { animation: pulse 2s infinite; }`. Raw SVG elements preserve `id`; Satori-rendered HTML may not always preserve `className`.
+
+![readme-aura-component-3](./.github/assets/readme-aura-component-3-65da8580.svg "Generated by readme-aura")
+
+**Limitations:** No JavaScript, no SMIL. GitHub strips scripts but supports CSS animations. Prefer `transform` and `opacity` for best compatibility.
+
+## Tech Stack
+
+![readme-aura-component-4](./.github/assets/readme-aura-component-4-bba5e99b.svg "Generated by readme-aura")
+
+## If You Use readme-aura
+
+* **Add the topic:** Consider adding the [readme-aura](https://github.com/topics/readme-aura) topic to your repository so others can discover it.
+* **Keep the footer:** I would appreciate it if you keep the "powered by readme-aura" footer in your README. It helps others find and try the tool.
+
+## License
+
+MIT
+
+
+<br>
+
+<p align="center"><sub>𝗉𝗈𝗐𝖾𝗋𝖾𝖽 𝖻𝗒 <a href="https://github.com/collectioneur/readme-aura">𝗋𝖾𝖺𝖽𝗆𝖾-𝖺𝗎𝗋𝖺</a></sub></p>

package/dist/cli.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export {};

package/dist/cli.js

@@ -0,0 +1,192 @@
+#!/usr/bin/env node
+import { Command } from 'commander';
+import { writeFile, mkdir, readdir, unlink } from 'node:fs/promises';
+import { createHash } from 'node:crypto';
+import { resolve } from 'node:path';
+import { parseSource } from './parser.js';
+import { renderBlock, createElement } from './renderer.js';
+import { loadDefaultFonts, loadFontsFromDir } from './fonts.js';
+import { fetchGitHubData, fetchRepositoryData, detectGitHubUser, detectGitHubRemote, createMockGitHubData, createMockRepoData, } from './github.js';
+import { makeStatsCard, makeMockupPhone } from './components/index.js';
+import { initProject } from './init.js';
+const program = new Command();
+program
+    .name('readme-aura')
+    .description('Next-Gen README generator - render React/JSX components to SVG inside Markdown')
+    .version('0.1.0');
+program
+    .command('init')
+    .description('Scaffold readme-aura in your project (workflow, source template, gitignore audit)')
+    .option('--template <type>', 'Template: profile or project (auto-detected from git remote)')
+    .option('--force', 'Overwrite existing files', false)
+    .action(async (opts) => {
+    console.log('\n  readme-aura init\n');
+    const result = await initProject({
+        template: opts.template,
+        force: opts.force,
+    });
+    if (result.remote) {
+        console.log(`  Detected:  ${result.remote.owner}/${result.remote.repo}`);
+    }
+    console.log(`  Template:  ${result.template}\n`);
+    for (const file of result.created) {
+        console.log(`  + Created  ${file}`);
+    }
+    for (const file of result.skipped) {
+        console.log(`  - Skipped  ${file} (already exists, use --force to overwrite)`);
+    }
+    for (const rule of result.gitignoreFixed) {
+        console.log(`  ~ Added to .gitignore: ${rule}`);
+    }
+    console.log('\n  Next steps:');
+    console.log('    1. Edit readme.source.md to customize your README');
+    console.log('    2. Test locally:  npx readme-aura build');
+    console.log('    3. Push to main — the workflow will auto-generate your README\n');
+});
+program
+    .command('build')
+    .description('Parse source markdown, render JSX to SVG, and generate README')
+    .option('-s, --source <path>', 'Source markdown file', 'readme.source.md')
+    .option('-o, --output <path>', 'Output markdown file', 'README.md')
+    .option('-a, --assets <path>', 'Assets directory for generated images', '.github/assets')
+    .option('-f, --fonts-dir <path>', 'Directory with custom font files (.ttf/.otf/.woff)')
+    .option('-g, --github-user <username>', 'GitHub username (auto-detected from git remote if omitted)')
+    .option('-t, --github-token <token>', 'GitHub token (defaults to GITHUB_TOKEN env variable)')
+    .option('--owner <owner>', 'Repository owner (auto-detected from git remote if omitted)')
+    .option('--repo <repo>', 'Repository name (auto-detected from git remote if omitted)')
+    .action(async (opts) => {
+    const sourcePath = resolve(opts.source);
+    const outputPath = resolve(opts.output);
+    const assetsDir = opts.assets;
+    console.log(`\n  readme-aura v0.1.0\n`);
+    console.log(`  Source:  ${sourcePath}`);
+    console.log(`  Output:  ${outputPath}`);
+    console.log(`  Assets:  ${resolve(assetsDir)}`);
+    try {
+        const parseResult = await parseSource(sourcePath, assetsDir, outputPath);
+        const { blocks } = parseResult;
+        let { markdown } = parseResult;
+        await mkdir(resolve(assetsDir), { recursive: true });
+        // ── Resolve GitHub data ──────────────────────────────────
+        let github = null;
+        const githubUser = opts.githubUser ?? detectGitHubUser();
+        const githubToken = opts.githubToken ?? process.env.GITHUB_TOKEN;
+        if (githubUser) {
+            console.log(`\n  GitHub:  @${githubUser}`);
+            if (githubToken) {
+                try {
+                    console.log('  Fetching GitHub data...');
+                    github = await fetchGitHubData(githubUser, githubToken);
+                    console.log(`  Fetched: ${github.stats.totalRepos} repos, ${github.stats.totalStars} stars, ${github.languages.length} languages`);
+                }
+                catch (err) {
+                    console.warn(`  Warning: GitHub API failed: ${err.message}`);
+                    console.warn('  Falling back to mock data.\n');
+                    github = createMockGitHubData(githubUser);
+                }
+            }
+            else {
+                console.log('  No GITHUB_TOKEN found — using mock data for preview.');
+                github = createMockGitHubData(githubUser);
+            }
+        }
+        else {
+            console.log('\n  GitHub:  not configured (use --github-user or set git remote)');
+        }
+        // ── Resolve repository data ────────────────────────────────
+        let repoData = null;
+        const remote = detectGitHubRemote();
+        const owner = opts.owner ?? remote?.owner ?? null;
+        const repo = opts.repo ?? remote?.repo ?? null;
+        if (owner && repo) {
+            if (githubToken) {
+                try {
+                    console.log(`  Fetching repo: ${owner}/${repo}...`);
+                    repoData = await fetchRepositoryData(owner, repo, githubToken);
+                    console.log(`  Fetched repo: ${owner}/${repo} — ${repoData.stars} stars, ${repoData.forks} forks`);
+                }
+                catch (err) {
+                    console.warn(`  Warning: Repo API failed: ${err.message}`);
+                    console.warn('  Falling back to mock repo data.\n');
+                    repoData = createMockRepoData(owner, repo);
+                }
+            }
+            else {
+                console.log('  No GITHUB_TOKEN — using mock repo data for preview.');
+                repoData = createMockRepoData(owner, repo);
+            }
+        }
+        else {
+            console.log('  Repo:  not configured (use --owner/--repo or set git remote)');
+        }
+        if (blocks.length === 0) {
+            console.log('\n  No aura blocks found in source file.');
+        }
+        else {
+            // Load fonts
+            console.log('\n  Loading fonts...');
+            let fonts;
+            if (opts.fontsDir) {
+                fonts = await loadFontsFromDir(opts.fontsDir);
+                console.log(`  Loaded ${fonts.length} font(s) from ${resolve(opts.fontsDir)}`);
+            }
+            else {
+                fonts = await loadDefaultFonts();
+                console.log(`  Loaded ${fonts.length} default font(s)`);
+            }
+            // Build context that will be injected into JSX
+            const context = {};
+            if (github) {
+                context.github = github;
+            }
+            if (repoData) {
+                context.repo = repoData;
+            }
+            // Inject built-in components (available in every aura block)
+            context.StatsCard = makeStatsCard(createElement);
+            context.MockupPhone = makeMockupPhone(createElement);
+            // Render blocks to SVG (filename includes content hash for GitHub cache busting)
+            console.log(`\n  Rendering ${blocks.length} block(s)...\n`);
+            const svgMap = new Map();
+            const writtenFiles = [];
+            for (const block of blocks) {
+                try {
+                    const svg = await renderBlock(block, fonts, context);
+                    svgMap.set(block.index, svg);
+                    const hash = createHash('sha256').update(svg).digest('hex').slice(0, 8);
+                    const filename = `readme-aura-component-${block.index}-${hash}.svg`;
+                    const svgPath = resolve(assetsDir, filename);
+                    await writeFile(svgPath, svg, 'utf-8');
+                    writtenFiles.push(filename);
+                    markdown = markdown.replaceAll(`readme-aura-component-${block.index}.svg`, filename);
+                    console.log(`    [${block.index}] Rendered -> ${filename}`);
+                }
+                catch (err) {
+                    console.error(`\n  Error in block ${block.index}: ${err.message}\n`);
+                    process.exit(1);
+                }
+            }
+            // Remove old generated SVGs (not in this build)
+            const generatedPattern = /^(?:readme-aura-component-\d+(-[\w]+)?\.svg|component-\d+(-[\w]+)?\.svg)$/;
+            const existing = await readdir(resolve(assetsDir));
+            for (const name of existing) {
+                if (generatedPattern.test(name) && !writtenFiles.includes(name)) {
+                    await unlink(resolve(assetsDir, name));
+                }
+            }
+        }
+        const footer = '\n\n<br>\n\n<p align="center"><sub>𝗉𝗈𝗐𝖾𝗋𝖾𝖽 𝖻𝗒 <a href="https://github.com/collectioneur/readme-aura">𝗋𝖾𝖺𝖽𝗆𝖾-𝖺𝗎𝗋𝖺</a></sub></p>\n';
+        await writeFile(outputPath, markdown + footer, 'utf-8');
+        console.log(`\n  Generated: ${outputPath}`);
+        console.log(`  SVGs saved to: ${resolve(assetsDir)}\n`);
+    }
+    catch (err) {
+        if (err.code === 'ENOENT') {
+            console.error(`\n  Error: Source file not found: ${sourcePath}\n`);
+            process.exit(1);
+        }
+        throw err;
+    }
+});
+program.parse();
+//# sourceMappingURL=cli.js.map

package/dist/cli.js.map

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

package/dist/components/MockupPhone.d.ts

@@ -0,0 +1,11 @@
+import type { GitHubData } from '../types.js';
+type H = (type: unknown, props: Record<string, unknown> | null, ...children: unknown[]) => unknown;
+/**
+ * Phone-frame mockup card — displays profile info, mini stats, and top repos.
+ * Usage in aura blocks:  <MockupPhone github={github} />
+ * Recommended dimensions: width=380 height=680
+ */
+export declare function makeMockupPhone(h: H): ({ github }: {
+    github: GitHubData;
+}) => unknown;
+export {};

package/dist/components/MockupPhone.js

@@ -0,0 +1,155 @@
+/**
+ * Phone-frame mockup card — displays profile info, mini stats, and top repos.
+ * Usage in aura blocks:  <MockupPhone github={github} />
+ * Recommended dimensions: width=380 height=680
+ */
+export function makeMockupPhone(h) {
+    return function MockupPhone({ github }) {
+        const topRepos = github.repos.slice(0, 4);
+        const initial = (github.user.name || github.user.login).charAt(0).toUpperCase();
+        return h('div', {
+            style: {
+                display: 'flex',
+                flexDirection: 'column',
+                width: '100%',
+                height: '100%',
+                background: '#111111',
+                borderRadius: 44,
+                border: '4px solid #252525',
+                boxShadow: '0 30px 80px rgba(0,0,0,0.8), 0 0 0 1px #1a1a1a',
+                fontFamily: 'Inter, sans-serif',
+                overflow: 'hidden',
+            },
+        }, 
+        // ── Camera island ───────────────────────────────────────────
+        h('div', {
+            style: {
+                display: 'flex',
+                justifyContent: 'center',
+                alignItems: 'center',
+                paddingTop: 14,
+                paddingBottom: 12,
+                background: '#111111',
+            },
+        }, h('div', {
+            style: {
+                width: 80,
+                height: 22,
+                background: '#0a0a0a',
+                borderRadius: 11,
+                border: '1px solid #1e1e1e',
+            },
+        })), 
+        // ── Screen ─────────────────────────────────────────────────
+        h('div', {
+            style: {
+                display: 'flex',
+                flexDirection: 'column',
+                flex: 1,
+                background: '#0a0f1a',
+                padding: '14px 16px',
+            },
+        }, 
+        // Profile row
+        h('div', { style: { display: 'flex', alignItems: 'center', gap: 12, marginBottom: 14 } }, 
+        // Avatar circle with initial
+        h('div', {
+            style: {
+                width: 44,
+                height: 44,
+                borderRadius: 22,
+                background: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)',
+                border: '2px solid #667eea',
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                boxShadow: '0 0 12px rgba(102,126,234,0.4)',
+            },
+        }, h('span', { style: { fontSize: 18, color: 'white', fontWeight: 700 } }, initial)), 
+        // Name + handle
+        h('div', { style: { display: 'flex', flexDirection: 'column' } }, h('span', { style: { fontSize: 14, fontWeight: 700, color: '#e2e8f0' } }, github.user.name || github.user.login), h('span', { style: { fontSize: 11, color: '#4a5568' } }, '@' + github.user.login))), 
+        // Mini stats row
+        h('div', {
+            style: {
+                display: 'flex',
+                gap: 0,
+                marginBottom: 14,
+                background: '#0d1117',
+                borderRadius: 10,
+                border: '1px solid #1a2332',
+                overflow: 'hidden',
+            },
+        }, ...[
+            { label: 'STARS', value: github.stats.totalStars, color: '#ffd700' },
+            { label: 'COMMITS', value: github.stats.totalCommits, color: '#00e5ff' },
+            { label: 'REPOS', value: github.stats.totalRepos, color: '#a78bfa' },
+        ].flatMap((stat, i, arr) => {
+            const tile = h('div', {
+                style: {
+                    display: 'flex',
+                    flexDirection: 'column',
+                    alignItems: 'center',
+                    flex: 1,
+                    padding: '10px 4px',
+                },
+            }, h('span', { style: { fontSize: 16, fontWeight: 700, color: stat.color } }, String(stat.value)), h('span', { style: { fontSize: 8, color: '#4a5568', marginTop: 3, letterSpacing: 1 } }, stat.label));
+            // Divider between tiles
+            const divider = i < arr.length - 1 ? h('div', { style: { width: 1, background: '#1a2332' } }) : null;
+            return divider ? [tile, divider] : [tile];
+        })), 
+        // "TOP REPOS" label
+        h('span', {
+            style: {
+                fontSize: 9,
+                color: '#2d3748',
+                fontWeight: 700,
+                letterSpacing: 1.5,
+                marginBottom: 8,
+            },
+        }, 'TOP REPOS'), 
+        // Repo list
+        h('div', { style: { display: 'flex', flexDirection: 'column', gap: 6, flex: 1 } }, ...topRepos.map((repo) => h('div', {
+            style: {
+                display: 'flex',
+                flexDirection: 'column',
+                padding: '9px 11px',
+                background: '#0d1117',
+                borderRadius: 8,
+                border: '1px solid #1a2332',
+            },
+        }, 
+        // Repo name + stars
+        h('div', {
+            style: {
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'space-between',
+            },
+        }, h('span', { style: { fontSize: 12, fontWeight: 600, color: '#58a6ff' } }, repo.name), h('div', { style: { display: 'flex', alignItems: 'center', gap: 3 } }, h('span', { style: { fontSize: 10, color: '#ffd700' } }, '★'), h('span', { style: { fontSize: 10, color: '#6e7681' } }, String(repo.stars)))), 
+        // Language pill
+        repo.language
+            ? h('div', { style: { display: 'flex', marginTop: 5 } }, h('span', {
+                style: {
+                    fontSize: 9,
+                    color: '#4a5568',
+                    background: '#161b22',
+                    padding: '2px 7px',
+                    borderRadius: 4,
+                },
+            }, repo.language))
+            : null)))), 
+        // ── Home indicator bar ──────────────────────────────────────
+        h('div', {
+            style: {
+                display: 'flex',
+                justifyContent: 'center',
+                alignItems: 'center',
+                padding: '12px 0',
+                background: '#111111',
+            },
+        }, h('div', {
+            style: { width: 100, height: 4, background: '#2a2a2a', borderRadius: 2 },
+        })));
+    };
+}
+//# sourceMappingURL=MockupPhone.js.map

package/dist/components/MockupPhone.js.map

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

package/dist/components/StatsCard.d.ts

@@ -0,0 +1,11 @@
+import type { GitHubData } from '../types.js';
+type H = (type: unknown, props: Record<string, unknown> | null, ...children: unknown[]) => unknown;
+/**
+ * Neon/cyberpunk stats card — shows stars, commits, repos, forks + top languages.
+ * Usage in aura blocks:  <StatsCard github={github} />
+ * Recommended dimensions: width=800 height=190
+ */
+export declare function makeStatsCard(h: H): ({ github }: {
+    github: GitHubData;
+}) => unknown;
+export {};

package/dist/components/StatsCard.js

@@ -0,0 +1,91 @@
+const STATS = [
+    {
+        label: 'STARS',
+        key: 'totalStars',
+        color: '#ffd700',
+        shadow: '0 0 22px rgba(255,215,0,0.35)',
+    },
+    {
+        label: 'COMMITS',
+        key: 'totalCommits',
+        color: '#00e5ff',
+        shadow: '0 0 22px rgba(0,229,255,0.35)',
+    },
+    {
+        label: 'REPOS',
+        key: 'totalRepos',
+        color: '#a78bfa',
+        shadow: '0 0 22px rgba(167,139,250,0.35)',
+    },
+    {
+        label: 'FORKS',
+        key: 'totalForks',
+        color: '#f472b6',
+        shadow: '0 0 22px rgba(244,114,182,0.35)',
+    },
+];
+/**
+ * Neon/cyberpunk stats card — shows stars, commits, repos, forks + top languages.
+ * Usage in aura blocks:  <StatsCard github={github} />
+ * Recommended dimensions: width=800 height=190
+ */
+export function makeStatsCard(h) {
+    return function StatsCard({ github }) {
+        return h('div', {
+            style: {
+                display: 'flex',
+                flexDirection: 'column',
+                width: '100%',
+                height: '100%',
+                background: 'linear-gradient(135deg, #090917 0%, #0d0d2e 100%)',
+                borderRadius: 20,
+                padding: '22px 26px',
+                fontFamily: 'Inter, sans-serif',
+                border: '1px solid #1c1c4e',
+            },
+        }, 
+        // ── Header ─────────────────────────────────────────────────
+        h('div', { style: { display: 'flex', alignItems: 'center', gap: 10, marginBottom: 16 } }, 
+        // Neon pulse dot
+        h('div', {
+            style: {
+                width: 8,
+                height: 8,
+                borderRadius: 4,
+                background: '#00ff9f',
+                boxShadow: '0 0 8px #00ff9f, 0 0 16px rgba(0,255,159,0.5)',
+            },
+        }), 
+        // Username label
+        h('span', { style: { fontSize: 12, color: '#667eea', fontWeight: 700, letterSpacing: 2 } }, '@' + github.user.login + ' // stats'), 
+        // Full name (right-aligned)
+        h('div', { style: { display: 'flex', flex: 1, justifyContent: 'flex-end' } }, h('span', { style: { fontSize: 11, color: '#33336e' } }, github.user.name || ''))), 
+        // ── Stat tiles ─────────────────────────────────────────────
+        h('div', { style: { display: 'flex', gap: 10, flex: 1 } }, ...STATS.map(({ label, key, color, shadow }) => h('div', {
+            style: {
+                display: 'flex',
+                flexDirection: 'column',
+                flex: 1,
+                background: '#0a0a22',
+                borderRadius: 14,
+                padding: '14px 18px',
+                alignItems: 'center',
+                justifyContent: 'center',
+                border: '1px solid #1e1e4e',
+                boxShadow: shadow,
+            },
+        }, h('span', { style: { fontSize: 28, fontWeight: 700, color, lineHeight: '1' } }, String(github.stats[key])), h('span', { style: { fontSize: 9, color: '#44448a', marginTop: 8, letterSpacing: 1.5 } }, label)))), 
+        // ── Language strip ─────────────────────────────────────────
+        github.languages.length > 0
+            ? h('div', { style: { display: 'flex', gap: 12, marginTop: 14, alignItems: 'center' } }, ...github.languages.slice(0, 6).map((lang) => h('div', { style: { display: 'flex', alignItems: 'center', gap: 4 } }, h('div', {
+                style: {
+                    width: 6,
+                    height: 6,
+                    borderRadius: 3,
+                    background: lang.color,
+                },
+            }), h('span', { style: { fontSize: 9, color: '#44448a' } }, lang.name))))
+            : null);
+    };
+}
+//# sourceMappingURL=StatsCard.js.map