Skip to content

Conversation

@christian-byrne
Copy link
Contributor

Summary

Generates visual preview images of workflow graphs using canvas.

Added

  • scripts/generate-previews.ts - renders workflow JSON as PNG images
  • Outputs to public/previews/
  • Shows node layout visualization

Usage

cd site && npm run generate:previews

Template Site PRs (merge in order)

  • PR 1: astro-pages ✓
  • PR 2: sync-script ✓
  • PR 3: ai-generation ✓
  • PR 4 of 5 ← this one
  • PR 5: cicd

⚠️ Merge after PR #496 (ai-generation)

- Add site/scripts/generate-previews.ts to render workflow JSON as PNG
- Uses node-canvas to draw nodes and links from workflow graph
- Implements mtime-based caching to skip unchanged workflows
- Dark theme (#1a1a2e background) with blue links (#60a5fa)
- Output to site/public/previews/{name}.png at 500x400 resolution
- Add npm script: generate:previews
@socket-security
Copy link

Review the following changes in direct dependencies. Learn more about Socket for GitHub.

Diff Package Supply Chain
Security
Vulnerability Quality Maintenance License
Addednpm/​@​types/​node@​20.19.301001008196100
Addednpm/​tsx@​4.21.01001008187100
Addednpm/​typescript@​5.9.31001009010090
Addednpm/​canvas@​2.11.29210010092100

View full report

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants