obsidian-plugin/waaraawa_ByteGrid
1
0
Fork 0
mirror of https://github.com/waaraawa/ByteGrid.git synced 2026-07-22 06:41:47 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
No description
5 commits 1 branch 2 tags 275 KiB
TypeScript 94.2%
JavaScript 5.3%
CSS 0.5%
Find a file
waaraawa d43703912e test(core): implement Parser module with full test coverage 
- Add parser.ts with YAML to ByteGridConfig conversion
  - Support all field properties including bitfields
  - Handle both string and number offset formats (YAML parses 12 as number)
  - Apply default layout value of 16
  - Add comprehensive error handling with ParseError
  - Add 14 test cases covering all parsing scenarios
  - All tests passing (14/14)
2025-10-13 13:04:47 +09:00
packages test(core): implement Parser module with full test coverage 2025-10-13 13:04:47 +09:00
.eslintrc.json chore: initial project setup 2025-10-13 09:34:29 +09:00
.gitignore feat(plugin): add basic SVG rendering prototype 2025-10-13 12:57:20 +09:00
.prettierignore chore: initial project setup 2025-10-13 09:34:29 +09:00
.prettierrc.json chore: initial project setup 2025-10-13 09:34:29 +09:00
CLAUDE.md docs: add archtecture document 2025-10-08 11:58:30 +09:00
jest.config.js chore: initial project setup 2025-10-13 09:34:29 +09:00
LICENSE Initial commit 2025-10-04 00:19:35 +09:00
package.json chore: initial project setup 2025-10-13 09:34:29 +09:00
README.md chore: initial project setup 2025-10-13 09:34:29 +09:00
tsconfig.json chore: initial project setup 2025-10-13 09:34:29 +09:00

README.md

ByteGrid

Binary data and C struct memory layout visualization for Obsidian

Overview

ByteGrid is an Obsidian plugin that visualizes binary data and C structure memory layouts as interactive SVG diagrams.

Features

  • 🎨 Color-coded field visualization
  • 📏 Byte-accurate grid layout
  • 🔍 Bitfield support
  • 📊 Hex dump integration
  • 🎯 Interactive tooltips
  • 📤 Multiple export formats (SVG, PNG, C code, Markdown)

Project Status

🚧 In Development - Currently in Phase 1 (MVP)

Quick Start

# Install dependencies
npm install

# Build all packages
npm run build

# Run tests
npm run test

# Lint
npm run lint

# Format code
npm run format

Project Structure

bytegrid/
├── packages/
│   ├── core/              # Core rendering logic
│   └── obsidian-plugin/   # Obsidian plugin
├── docs/                  # Design documentation
└── examples/              # Example files

Documentation

See CLAUDE.md for detailed project guidelines and architecture.

Development

This project follows Test-Driven Development (TDD):

  1. Write tests first
  2. Implement minimal code to pass tests
  3. Refactor

Key Principles

  • offset is SSOT - Field size calculated from offset ranges
  • No magic numbers - Use constants for all layout values
  • Dynamic height - SVG dimensions calculated from content
  • Explicit padding - Use reserved or padding types

License

MIT License - see LICENSE for details

Contributing

Currently in initial development phase. Contribution guidelines will be added soon.