Yapped 1.1.2 __full__ Direct
Yapped 1.1.2 — Installation & Usage Guide
This guide covers installing, configuring, and using Yapped 1.1.2 (assumes a typical desktop development environment). It gives quick setup steps, common commands, configuration tips, troubleshooting, and examples.
3. High‑level Implementation Plan
| Phase | Tasks | Approx. Effort |
|-------|-------|----------------|
| A. UI scaffolding | - Add a split‑view container (editor ↔ preview). - Implement a minimal tree‑view component using React (or the existing UI framework). | 2 days |
| B. Parsing & data model | - Re‑use yapped’s existing parser to produce a AST. - Convert AST to a plain JS object for the tree component. | 1 day |
| C. Real‑time sync | - Hook the editor’s onChange event → debounce → re‑parse → update tree. - Use requestAnimationFrame to keep UI fluid. | 2 days |
| D. Validation integration | - Detect an optional $schema or --schema flag. - Run Ajv (for JSON‑Schema) or yaml‑schema‑validator in a WebWorker to avoid UI jank. | 2 days |
| E. Diff engine | - Store the last‑saved AST in memory. - On save, compute a shallow diff using a library like deep-diff. - Highlight changed nodes in the preview (e.g., green/red background). | 1 day |
| F. Search / filter | - Simple fuzzy search that walks the tree and hides non‑matching branches. | 1 day |
| G. Export & clipboard | - Serialize the current view back to YAML/JSON. - Use the Clipboard API for “Copy as …”. | 0.5 day |
| H. Tests & docs | - Unit tests for parser → tree conversion, validation handling, diff detection. - Add a “Live‑Preview” section to the README and screenshots. | 2 days |
| I. Polish & bug‑squash | - Responsiveness on narrow screens, dark‑mode colors, keyboard shortcuts (Ctrl+P to toggle preview). | 1 day | yapped 1.1.2
- Param Tree (left panel): Every category of game data. Examples:
- How to load regulation.bin (Elden Ring) / data0.bdt (DS3)
- Linking params (e.g., weapon to bullet to spEffect)
- Copy/Pasting rows correctly in 1.1.2