No description
bd4f073cac
Adds a "Save GIF" button to the replay panel. On click, the component renders each step of the replay to an offscreen canvas (both fabric panels side-by-side, FRONT/BACK labels, active-side border, dashed pattern guides for undrawn edges, drawn stitches in thread colour, dashed start marker, red current-vertex dot) and feeds the frames through gifenc — dynamically imported so the ~8 KB chunk only loads when the user actually exports. Frame timing: 200 ms between stitches, 900 ms hold on the first and last frames. Palette is quantised to 64 colours per frame, which keeps a Snowflake tour (~53 frames at 684×376) around 150–250 KB. The button flips to "Encoding…" while busy and a sonner toast reports the file size on success or the error on failure. https://claude.ai/code/session_01KNdXjQczMCRGMK7K3Qderw |
||
|---|---|---|
| netlify/functions | ||
| public | ||
| scripts | ||
| src | ||
| .gitignore | ||
| astro.config.mjs | ||
| CLAUDE.md | ||
| components.json | ||
| components.json.bak | ||
| eslint.config.mjs | ||
| LICENSE | ||
| netlify.toml | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| tsconfig.json | ||
Hatch Astro Template
Hatch Astro Template is a premium template built by https://www.shadcnblocks.com
Screenshot
Getting Started
npm install
npm run dev
Open http://localhost:3000 with your browser to see the result.
Tech Stack
- Astro
- Tailwind 4
- shadcn/ui
Deploy on Vercel
The easiest way to deploy your Next.js app is to use the Vercel Platform