Locale Management Dev Tool

Code: ~/projects/prototypes/adobis-redesign/localization-helper/ (Vite + vanilla TS/SCSS, no framework). Visual editor for feature-scoped .localize.json files.

🎯 Outcome

A locally-served single-page editor for .localize.json files: file-centric sidebar with missing-key badges, tree-view editor showing locales as side-by-side columns, full key + locale CRUD, and a machine-readable JSON trace of structural edits that a downstream script consumes to auto-rewrite key references in the consuming app's source.

📋 Tasks

• [ ]

🧠 Notes

Architecture extracted into zettels (durable, transferable ideas):

• Persist Flat, Render as Tree — flat dot-keys in JSON, hierarchy built lazily at render (treeBuilder.ts)
• Dual-Snapshot Dirty Tracking — original + current snapshots, compare on demand (store.ts)
• Version Structure, Not Content — trace logs only structural ops, never value edits (store.ts Operation union)
• EventTarget as a Zero-Dependency State Bus — native EventTarget pub/sub store, no framework (store.ts)

Locale-as-column rendering is an instance of the grid-column projection pattern.

🔗 Links

• Area: Web Presence
• MOC: Software Architecture
• Sources: PRD at project root (PRD.md)