Version 0.0.1 - Expanded Chapter 1 & Code Feedback
Major Changes
Content Expansion
- Expanded Chapter 1: "Halo Dunia" from 5 scenes to 8 scenes
- Increased dialogues from ~6 to 35+ dialogues
- Added 3 new code challenges (total: 4)
- New scenes: Printing Names, Multiple Print Statements, Preview Next Chapter, Final Challenge, Transitions, End Session
Python Code Editor Improvements
- Added visual feedback for code validation (success/error messages)
- Added Python output display to show what print() actually produces
- Support for multiple print() statements
- Support for array-based validation (multiple outputs)
- Color-coded feedback: green (success), red (error)
- Fade-in animations for smooth UX
Bug Fixes
- Fixed layout overflow issue where buttons were cut off
- Made main container scrollable (overflow: auto)
- Added max-height constraints for dialogue box and code editor
- Added bottom padding to ensure buttons always visible
- Fixed Svelte 5 reactivity issues (Mistakes 22-27)
Documentation
- Documented Mistake 28: Layout overflow hiding buttons
- Documented Mistake 29: No visual feedback for validation
- Documented Mistake 30: Not showing actual Python output
Code Challenges
- Tantangan 1: Halo Dunia - Print "Halo Dunia" to screen
- Tantangan 2: Cetak Namamu - Print your own name
- Tantangan 3: Dua Baris - Print "Halo" and "Dunia" on separate lines
- Tantangan 4: Tiga Baris - Print "Aku suka", "Belajar", "Python" on separate lines (final challenge)
Technical Improvements
- Enhanced code validation with regex-based print() extraction
- Added allowAnyOutput property for flexible name challenges
- Improved story navigation with nextSceneId handling
- Better error handling and user feedback
- Removed debug logging for production readiness
Progress
- Tasks: 20/36 (56%) completed
- Fully working: Chapter 1 with 4 code challenges
- UI improvements: Layout fixes, visual feedback, output display
Known Issues
- Panda CSS styled-system not yet generated (lightningcss bug - to be fixed by master)
- Typing animation not yet implemented (planned)
- Character graphics are placeholders (need SVG/artwork)
Next Steps
- Implement actual Python code execution (Pyodide)
- Add Chapter 2: Variables and Numbers
- Add Chapter 3: Loops
- Add typing animation for dialogue
- Add character animations
- Create main menu and chapter selection
Built with: Bun, Svelte 5, TypeScript, Panda CSS