Commit Graph

17 Commits

Author SHA1 Message Date
a8717733ba docs: add README and CLAUDE.md, use Pico dropdown for image picker
- README: API docs, usage example, dev tool instructions
- CLAUDE.md: architecture notes on Hono JSX, Pico CSS, implementation details
- Image picker now uses Pico's <details> dropdown pattern

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-06 16:37:21 -08:00
311b91d0c5 refactor: pure CSS sprite animation with CSS variables
- Remove runtime JavaScript from Sprite component entirely
- Use CSS custom properties (--x, --y, --ex) with shared @keyframes
- Add SpriteStyles component for global keyframe (include once in <head>)
- Require sheetWidth/sheetHeight props (calculated by dev tool)
- Remove grid/columns support (horizontal strips only)
- Dev tool now auto-detects frames and calculates crop bounds
- Dev server is now CLI-based with required assets directory arg
- Add image picker with filter/search

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-06 16:07:35 -08:00
6dcfcdce2a fix: ensure sprite preview has transparent background
Explicitly set backgroundColor: transparent to prevent
Pico CSS from overriding it.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-06 13:45:33 -08:00
6f67b133fc feat: persist last loaded spritesheet in localStorage
Stores the image as a data URL so it survives page reloads.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-06 13:42:21 -08:00
52e6adc995 fix: scale background-position in keyframes
The animation was broken because keyframes used unscaled
pixel values while the background-size was scaled.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-06 13:41:29 -08:00
b1a87662fb feat: improve dev tool UX
- Show uploaded spritesheet image
- Auto-calculate frame dimensions from image size + frame count
- Add scale slider (1x-8x) for preview size

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-06 13:39:39 -08:00
d3e1eb00bd fix: clean up checkerboard pattern artifacts
Simplified from 4 gradients to 2 with proper positioning

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-06 13:36:21 -08:00
746528f6ab fix: use Bun.serve() for proper HTMLBundle handling
- Switch to explicit Bun.serve() call
- Add route handler for static files since 'static' prop not in types yet

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-06 13:35:32 -08:00
a83f4ece7a fix: add tsc to test script and fix type errors
- Add tsc --noEmit to test script
- Switch server to Bun's native serve format for HTMLBundle compatibility

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-06 13:20:31 -08:00
fc44f61993 chore: tiny-sprites v1 complete
- Format code with prettier
- Add .gitignore

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-06 13:18:03 -08:00
9456957e63 feat: add dev tool client component with hono jsx
🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-06 11:39:43 -08:00
23472bae66 feat: add dev server
🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-06 11:19:31 -08:00
6e22ec9d76 feat: add Sprite component
🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-06 11:17:06 -08:00
643e712c92 chore: add pico css
🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-06 10:31:08 -08:00
4776636fc1 chore: project setup with bun and hono
🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-06 10:27:28 -08:00
ab59ad3cd2 Add implementation plan
🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-06 10:19:16 -08:00
63b72079ea Add sprite library design doc
Documents the Sprite component API, CSS rendering approach,
dev tool features, and project structure.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-06 09:42:37 -08:00