Skip to content

CraftLife-1.5.0

Choose a tag to compare

View all tags
@Hellowww-02 Hellowww-02 released this 08 Sep 03:20
· 27 commits to main since this release
v1.5.0
5be3dae
This commit was created on GitHub.com and signed with GitHub’s verified signature.
GPG key ID: B5690EEEBB952194
Verified
Learn about vigilant mode.

⚒️ CraftLife v1.5.0 — UI v2 "Craft Design System"

A brand-new skin, the same machine. The entire web interface has been rebuilt from the ground up
across 12 phases (U1–U12) into a custom-made design system — with zero changes to the backend,
game logic, data, translations, or database migrations. Your saves are 100% safe.

ID: Kulit baru, mesin tetap — seluruh tampilan direkonstruksi jadi sistem desain "Craft" buatan sendiri.
Nol perubahan backend/logika/data. Save kamu aman 100%.

⬇️ Download · 🎮 Feature Highlights · ⚡ Performance · 🩺 QA · 📋 Changelog

✨ The Short Version
🎨 What changed Every screen, every button, every card — rebuilt into a unified Craft Design System (±90 ct-* classes across 41 files)
🧠 What didn't Backend, game logic, handlers, i18n (3,694 keys), database schema (13 migrations) — untouched
🏆 Certified Contrast measured at 17.1:1 (WCAG AA needs 4.5:1) · tsc 0 errors · clean build · 20+ pages smoke-tested in a real WebEngine

🎮 Feature Highlights

🏰 A real design language, finally

  • Signature buttons with a 3D stem that physically presses down (primary · gold · success · danger · secondary · ghost)
  • Bevel cards with hover lift, sockets for icons, chips & segmented tabs, and one consistent dialog system (backdrop scrim + spring pop) across every modal in the app
  • Aurora background scene + XP orbs, adapted per theme — all static (see performance below)

📊 Pages, re-imagined

  • Dashboard — full reconstruction: summary panel, stat tiles, calendar widget, rank dialog
  • Task Core — habits/dailies/quests cards, difficulty badges (Epic glows purple), gold Quick-Add FAB, folder bar, drag-reorder intact
  • 🍅 Pomodoro — the timer is now a 230px progress ring that changes color with the phase (violet focus / green break)
  • 💧 Water tracker — liquid-gradient bar with a moving sheen; 🥗 nutrition tiles & BMI tools
  • 💰 Economy — accent-tinted hero tiles (income/expense/net) with glowing figures, segmented tabs, unified transaction cards
  • 🛒 Shop — gold-themed tabs, affordability states that are obvious without hovering, Minecraft-style 2×5 equip hotbar (empty = dashed slots, filled = glowing sockets)
  • ⚒️ Crafting — requirement checklist (✓ emerald / ✗ rose) readable at a glance
  • 🏆 Achievements — a museum: unlocked = glowing gold frames, locked = grayscale
  • 💬 Friends chat — real chat bubbles (own vs. other), entrance animation only for new messages (3s refresh stays flicker-free), reactions as chips
  • ⚔️ Guild boss battles — a proper war room: dark red-tinted panel, big tier-colored HP bar, signature attack buttons (Light=gold · Heavy=danger · Block · Ultimate=violet)
  • 🌹 Love Space — dedicated rose theme
  • 🏅 Leaderboard — top-3 podium chips (🥇 glow / 🥈 / 🥉)
  • 💿 Music — album art becomes a spinning vinyl while playing (stops instantly on pause), mini equalizer next to the title, glowing active lyric line
  • 📝 Notes / 🎓 Learning — the full rich-text toolbar and AI studio, kitted
  • 📅 Calendar — today gets a gold ring; ⏰ Reminders get time chips
  • 🔐 Login / Onboarding / Profile / Settings — spring toggle switches, glowing theme swatches, class-picker sockets

⚡ Performance & Stability

Built for PyQt6 WebEngine on Windows laptops — idle cost ≈ zero:

  • Global flicker fixed at the root: no more backdrop-filter over animated layers, no fullscreen blur while dialogs are open, no paint animations running while idle (this was a real bug report — thank you!)
  • Motion only on interaction — hover/press feedback everywhere, but a still app is truly still
  • Scroll-reveal done in pure CSS (animation-timeline) — zero JavaScript listeners
  • All animations are transform/opacity only (compositor-friendly); prefers-reduced-motion kills every repeating animation

🐛 Fixes

  • Popup appearing in the wrong corner (z-index/isolation)
  • Global flicker/flickering (sidebar, random spots, and while dialogs were open)
  • Pomodoro timer no longer resets when switching pages (existing engine — preserved)
  • Latent --ct-t2 design token that was used but never defined

🩺 Quality Assurance

Check Result
Text contrast (measured) body 17.1:1 · muted 7.8:1 — WCAG AA ✔
Keyboard focus ring accent ring + halo on all interactive elements
Reduced motion / high-contrast mode fully functional, verified
Layout shift on press/hover none (transform-only)
Bundle CSS 147 KB · JS 1.02 MB
TypeScript / build 0 errors · clean

⬇️ Install / Update

Existing users (auto-update): the in-app updater will offer v1.5.0 automatically — or download craflife-1.5.0.zip below, extract, and run. Your data (craftlife.db, .env) is preserved.

💡 If anything ever looks visually odd after updating, close the app and delete the cache folder once: %APPDATA%\CraftLife\QtWebEngine, then relaunch.

From source: clone the repo → cd web && npm install && npm run build → python MainPyQt6.py.

📋 Full Changelog

Session-by-session technical logs (format 1–7, incl. every file touched) live in UPDATES/ — 13 logs for this release:
u3.3 · u3.4 · u4-task-core · flick-fix · u5-body · u6-economy · u7-rpg · u8-social · u9-studio · u10-account · u11-motion · u12-qa-launch

Design methodology & rules R1–R10: UIUX_ROADMAP_U1_U12.md

🔮 Backlog (v2.1+)

Esc closes every modal · animated count-up numbers · per-view code splitting

Python + SQLite is the brain. React is the skin (now a much prettier one). Cloud is optional. ⚒️

Assets 4
Loading