Skip to content

feat(cryptothrone): full UI migration with game store and interactive components#7584

Merged
h0lybyte merged 6 commits intodevfrom
trunk/cryptothrone-fixes-1772579770
Mar 4, 2026
Merged

feat(cryptothrone): full UI migration with game store and interactive components#7584
h0lybyte merged 6 commits intodevfrom
trunk/cryptothrone-fixes-1772579770

Conversation

@h0lybyte
Copy link
Member

@h0lybyte h0lybyte commented Mar 3, 2026

Summary

  • Add React Context + useReducer game store with typed actions, event bridge from laserEvents, and mock data layer (items/NPCs/dialogues)
  • Enhance NotificationToast (stacking, auto-dismiss, color-coded) and CharacterDialog (full modal overlay with backdrop)
  • Add sticky sidebar HUD with HP/MP/EP bars, inventory grid with hover tooltips, equipment slots, and debug toggle
  • Add ActionMenu (viewport-clamped NPC action popup), DialogueModal (split-layout with typewriter text and branching options), and DiceRollModal (4-dice steal mechanic with animated roll)
  • Copy missing NPC assets (barkeep.webp, samson.png)

Test plan

  • nx dev astro-cryptothrone — game loads, HUD sidebar renders with stats bars
  • Walk to NPC, press F — ActionMenu appears at NPC position
  • Click "Talk" — DialogueModal opens with typewriter text, branching options work
  • Click "Steal" — DiceRollModal opens, dice animate on roll, notifications fire based on result
  • Notifications stack at bottom, auto-dismiss after 5s
  • Sidebar opacity transitions on hover, stats/settings toggle independently
  • Inventory grid shows items with hover tooltips

🤖 Generated with Claude Code

h0lybyte added 6 commits March 3, 2026 18:47
…vent bridge

Foundation for full UI migration:
- GameState with player stats, inventory, notifications, NPC interaction, dialogue, dice roll, and modal state
- React Context + useReducer replaces nanostores
- Event bridge hook converts laserEvents into dispatch actions
- Mock item and NPC data stubs for demo/testing
- GameWindow wrapped with GameStoreProvider
NotificationToast: stacking multiple toasts at bottom-center, auto-dismiss
after 5s, color-coded borders by type, reads from game store.
CharacterDialog: full modal overlay with backdrop, split layout (portrait
left + message right), background image support, yellow/zinc theme.
Both now use useGameStore instead of direct laserEvents listeners.
@github-actions
Copy link
Contributor

github-actions bot commented Mar 3, 2026

Dependency Review

✅ No vulnerabilities or license issues or OpenSSF Scorecard issues found.

Scanned Files

None

@h0lybyte h0lybyte merged commit f5176f5 into dev Mar 4, 2026
5 checks passed
@h0lybyte h0lybyte deleted the trunk/cryptothrone-fixes-1772579770 branch March 4, 2026 00:04
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant