mirror of
https://github.com/tiennm99/sokoban.git
synced 2026-05-24 02:25:09 +00:00
8a3d4b4a9d
Replace Phaser 3 with Svelte 5 as the rendering and UI layer. The framework-agnostic core (level parser, board model, progress store, microban level data) moves from src/game/core → src/lib/core with zero code changes. Scenes and the hand-rolled button factory are gone; in their place: - src/App.svelte root router (menu / levels / game) - src/views/MenuView title + play + progress + hints - src/views/LevelSelectView paginated 5x4 grid with native <button>s - src/views/GameView owns BoardModel, handles input, HUD, win - src/views/Board purely presentational DOM renderer - src/views/AppButton shared themed wrapper for native <button> - src/app.css Nord palette ported to CSS variables GameView uses a non-reactive BoardModel ref and syncs plain snapshot fields (player, boxes, moves, won) into $state after every mutation — Board consumes only plain props, so Svelte reactivity stays predictable and the core class stays framework-agnostic. GameView is keyed on levelIndex in App, so changing level remounts with fresh state. Native <button> everywhere kills the click-hitbox class of bugs. Animations are now CSS transform transitions (110ms) instead of tweens. Bundle shrinks from ~1.5 MB Phaser to ~65 kB JS / 23 kB gzipped — about 60x smaller. Removed: phaser, terser, src/game, log.js (analytics ping), phasermsg vite plugin, manual Phaser chunks, terser config, public/style.css. Scripts simplified to dev/build. Docs updated: codebase summary, architecture, code standards, changelog, roadmap, README.
27 lines
730 B
JSON
27 lines
730 B
JSON
{
|
|
"name": "sokoban",
|
|
"description": "A simple Sokoban game built with Phaser 3 and Vite",
|
|
"version": "1.0.0",
|
|
"type": "module",
|
|
"repository": {
|
|
"type": "git",
|
|
"url": "git+https://github.com/tiennm99/sokoban.git"
|
|
},
|
|
"author": "tiennm99",
|
|
"license": "Apache-2.0",
|
|
"licenseUrl": "https://www.apache.org/licenses/LICENSE-2.0",
|
|
"bugs": {
|
|
"url": "https://github.com/tiennm99/sokoban/issues"
|
|
},
|
|
"homepage": "https://tiennm99.github.io/sokoban/",
|
|
"scripts": {
|
|
"dev": "vite --config vite/config.dev.mjs",
|
|
"build": "vite build --config vite/config.prod.mjs"
|
|
},
|
|
"devDependencies": {
|
|
"@sveltejs/vite-plugin-svelte": "^5.0.3",
|
|
"svelte": "^5.19.0",
|
|
"vite": "^6.3.6"
|
|
}
|
|
}
|