How mizumi250/rubik-solver works
This is a frontend-only Rubik’s Cube solver. The user scans or enters cube faces, reviews and corrects the captured stickers, requests a solution, then follows the moves in a step-by-step guide. The graph also includes substantial Arkzen runtime modules named in the source index; they appear to be exported framework infrastructure rather than part of the solver workflow. Generated route and solver-script modules are referenced in excerpts but are absent from the supplied tree, so their implementation is not mapped.
Main entry points: RkApp.tsx Workflow shell · RkGuide.tsx Move-by-move guide · hooks.tsx Solver state · main.tsx Frontend entry
Components 23
Solve Workflow
- Frontend entry
frontend/src/main.tsx - App router
frontend/src/App.tsx - Solver page
frontend/src/pages/index.tsx - Workflow shell
frontend/src/pages/components/RkApp.tsx - Face scanning
frontend/src/pages/components/RkScanStage.tsx - Sticker review
frontend/src/pages/components/RkReviewStage.tsx - Solution stage
frontend/src/pages/components/RkSolveStage.tsx - Solver state
frontend/src/pages/components/hooks.tsx - Scan face preview
frontend/src/pages/components/RkMiniFace.tsx - Color swatch
frontend/src/pages/components/RkSwatch.tsx
Cube Guidance
- Move-by-move guide
frontend/src/pages/components/RkGuide.tsx - Cube net
frontend/src/pages/components/RkCubeNet.tsx - 3D cube
frontend/src/pages/components/RkCube3D.tsx - Move notation
frontend/src/pages/components/RkMoveToken.tsx - Solver glyph
frontend/src/pages/components/RkGlyph.tsx
Arkzen Runtime
- Query hook
frontend/arkzen/core/hooks/useQuery.ts - Response cache
frontend/arkzen/core/lib/cache.ts - Auth store
frontend/arkzen/core/stores/authStore.ts - Toast provider
frontend/arkzen/core/components/Toast.tsx - Router adapter
frontend/arkzen/core/adapters/router.ts
Shared Sync
- Sync entry
frontend/arkzen/sync.ts - Shared sync
frontend/arkzen/core/shared-sync.ts
Other components
- Cube solver user
Connections 24
- Cube solver user → Frontend entry: opens app
frontend/src/main.tsx - Frontend entry → App router: renders
frontend/src/main.tsx - Frontend entry → Auth store: sets active slug
frontend/src/main.tsx - Frontend entry → Toast provider: provides toasts
frontend/src/main.tsx - Solver page → Workflow shell: renders
frontend/src/pages/index.tsx - Workflow shell → Solver state: uses state
frontend/src/pages/components/RkApp.tsx - Workflow shell → Face scanning: renders stage
frontend/src/pages/components/RkApp.tsx - Workflow shell → Sticker review: renders stage
frontend/src/pages/components/RkApp.tsx - Workflow shell → Solution stage: renders stage
frontend/src/pages/components/RkApp.tsx - Face scanning → Solver state: captures faces
frontend/src/pages/components/hooks.tsx - Face scanning → Scan face preview: renders preview
frontend/src/pages/components/RkScanStage.tsx - Sticker review → Solver state: reads and updates
frontend/src/pages/components/RkReviewStage.tsx - Sticker review → Color swatch: renders colors
frontend/src/pages/components/RkReviewStage.tsx - Solution stage → Solver state: reads solver state
frontend/src/pages/components/RkSolveStage.tsx - Solution stage → Move-by-move guide: renders guide
frontend/src/pages/components/RkSolveStage.tsx - Move-by-move guide → Solver state: reads solution state
frontend/src/pages/components/RkGuide.tsx - Move-by-move guide → Cube net: renders cube net
frontend/src/pages/components/RkGuide.tsx - Move-by-move guide → Move notation: renders moves
frontend/src/pages/components/RkGuide.tsx - Move-by-move guide → 3D cube: uses visualization
frontend/src/pages/components/RkGuide.tsx - Solver page → 3D cube: imports component
frontend/src/pages/index.tsx - Solver page → Solver glyph: imports component
frontend/src/pages/index.tsx - Query hook → Response cache: reads and writes
frontend/arkzen/core/hooks/useQuery.ts - Query hook → Auth store: fetches through
frontend/arkzen/core/hooks/useQuery.ts - Sync entry → Shared sync: imports
frontend/arkzen/sync.ts