Release Notes v1.3.0
Gamemode Expansion & Refactoring
The monolithic game logic has been completely decoupled into distinct, specialized gamemodes. This major architectural shift introduces several new ways to play Techdle and lays the groundwork for future content scalability.
- Daily Game (
DailyGame.tsx,useDailyGame.ts): The classic Techdle experience isolated into its own dedicated component. - Endless Ticket Queue (
EndlessGame.tsx,useEndlessGame.ts): A new mode featuring unlimited continuous play and streak tracking. - SLA Time Attack (
SLAGame.tsx,useSLATimeAttack.ts): A high-pressure mode featuring a 60-second countdown clock where correct guesses add time and incorrect guesses penalize time. - P1 Outage Mode (
P1Game.tsx,useP1OutageGame.ts,RawLogViewer.tsx): A hardcore diagnostic mode where players must parse raw, progressively-unredacting server logs instead of human-readable tickets. - Category Drill (
CategoryGame.tsx,useCategoryGame.ts): Allows players to specifically target and practice Hardware, Network, Security, or Software tickets. - Gamemodes Directory (
src/app/modes): Added a dedicated routing structure and UI for selecting alternative game modes.
Archive & Heatmap Implementation
The archive system has been significantly upgraded to improve player retention and accurately reflect historical performance.
- Performance Heatmap (
HeatmapGraph.tsx): Added a 52-week performance heatmap to the Archive page. Color intensity correctly corresponds to the number of guesses taken (fewer guesses yield darker colors). - Live vs Archive Tracking: The data model (
types/game.ts) and storage handlers (storage.ts) have been updated to tracksolvedOnTime. The heatmap now visually distinguishes puzzles solved on their release day from those solved via the archive (solid color vs hollow border). - Automated Scroll Alignment: The heatmap scroll container natively snaps to the latest timeline edge on mount via a custom React hook integration.
Post-Game Experience & Quality of Life
- Cross-mode Navigation (
TryOtherModesLink.tsx): Injected a call-to-action on the post-game resolution screens (Daily, Archive, Category) that seamlessly directs players to the gamemodes menu to encourage replayability. - Thematic Scrollbars (
globals.css): Implemented custom scrollbar styling that strictly adheres to the dynamic CSS variables, replacing the jarring default white scrollbars on darker themes. - Header & UI Cleanup (
Header.tsx,page.tsx): Re-positioned navigation elements to minimize icon collision and removed deprecated monetization/pro tags to clear the UI while payment architecture is planned.
Full Changelog: v1.2.1...v1.3.0