services/mtg-online-drafter
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
755ae73d9e17550c81620743ec5b85d28e5ce48c
mtg-online-drafter/docs/development/devlog/2024-12-18-180000_high_velocity_ux_part1.md

1.2 KiB
Raw Blame History

2024-12-18 18:00:00 - High-Velocity UX Implementation (Part 1)

Description

Started implementing the Frontend components for the High-Velocity UX Specification. Focused on the "Smart Priority Interface" components first to enable strict rules interaction.

Key Changes

  1. Frontend Plan: Created docs/development/plans/high-velocity-ux.md detailing the gesture engine and UI components.
  2. Strict Types: Updated src/client/types/game.ts to include Phase, Step, StackObject, and StrictGameState extensions.
  3. Smart Button: Created SmartButton.tsx which derives state (Pass/Resolve/Wait) from the StrictGameState.
    • Green: Pass/Advance Phase.
    • Orange: Resolve Stack.
    • Grey: Wait (Not Priority).
  4. Phase Strip: Created PhaseStrip.tsx to visualize the linear turn structure and highlight the current step.
  5. GameView Integration: Updated GameView.tsx to house these new controls in the bottom area. Wire up SmartButton to emit game_strict_action.

Next Steps

  • Implement GestureManager context for Swipe-to-Tap and Swipe-to-Combat.
  • Implement StackVisualizer to show objects on the stack.
  • Connect ContextMenu to strict actions (Activate Ability).