chore: v2.5.3 release (#83)

* fix: handle loadProject error gracefully with alert/toast to prevent app lockout

* deps: mix-match the least evil monaco dependencies versions..

* fix: monaco tooltips placement, z-index, and color issues

* fix: adapt to react-tooltip padding changes after dep update

* fix: monaco cursor drop-pasting text malformed

* feat: add custom kaplay version dropdown

* feat: generate and add kaplay changelog to version select

* fix: refresh stale or missing TS decorations on model change

* feat: tweak responsive sizes

* feat: add code color-picker with kaplay color formats switching support

* chore: don't generate examples each time unless new found or force --regenerate

Author: imaginarny

.gitignore

@@ -27,6 +27,7 @@ pnpm-debug.log*
 public/kaboom.js
 public/kaboom.js.map
 lib.d.ts
+vite.config.ts.timestamp-*
 
 # Neutralino.JS
 bin/
@@ -35,4 +36,5 @@ neutralinojs.log
 # Generated Files
 src/data/exampleList.json
 src/data/kaplayVersions.json
-src/data/publicAssets.json
+src/data/publicAssets.json
+src/data/kaplayChangelog.html

CHANGELOG.md

@@ -5,6 +5,30 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [2.5.3] - 2026-06-06
+
+### Added
+
+- Added a new Project KAPLAY Version dropdown with a toggleable changelog browser - @imaginarny
+- The code editor now has a new color picker that supports switching between `#hex`, `rgb()`, and `[r, g, b]` color formats - @imaginarny
+- The code editor now keeps the starting lines of nested/scoped code sticky at the top while scrolling - @imaginarny
+
+### Changed
+
+- Now its possible to change the KAPLAY Version in the Project Preferences as well - @imaginarny
+- Refined small design details in responsive layout including editor font size - @imaginarny
+
+### Fixed
+
+- Prevented app lockout when trying to load nonexistent project on page load, showing a modal with more details instead - @imaginarny
+- Fixed various issues introduced after the code editor dependencies got updated - @imaginarny
+  - Quick command palette aligned partially off-screen
+  - Initial key input being ignored after selecting code backwards
+  - Stale or missing TS code line decorations when changing projects/files
+  - Intrusively placed tooltips in the Find widgets overlapping buttons
+  - Malformed text ending when pasting via drag and drop
+  - Colors and active states of inputs and widgets
+
 ## [2.5.2] - 2026-02-23
 
 ### Added

kaplay

@@ -1,21 +1,22 @@
 {
   "name": "kaplayground",
   "type": "module",
-  "version": "2.5.2",
+  "version": "2.5.3",
   "bin": "scripts/cli.js",
   "scripts": {
     "dev": "vite dev",
     "start": "vite dev",
-    "build": "vite build",
+    "build": "vite build -- --regenerate",
     "preview": "vite preview",
     "generate:examples": "node --experimental-strip-types scripts/examples.ts",
     "generate:lib": "node --experimental-strip-types scripts/types.ts",
     "generate:versions": "node --experimental-strip-types scripts/versions.ts",
+    "generate:changelog": "node --experimental-strip-types scripts/changelog.ts",
+    "generate:all": "npm run generate:lib && npm run generate:versions && npm run generate:changelog && npm run generate:examples",
     "db:client-migration": "node --experimental-strip-types scripts/idbMigration.ts",
     "fmt": "dprint fmt",
     "check": "tsc --noEmit --p tsconfig.app.json",
-    "dev:bin": "node scripts/cli.js --examples=fakeExamples",
-    "prepare": "cd kaplay && pnpm i && cd .. && npm run generate:lib && npm run generate:examples && npm run generate:versions",
+    "prepare": "cd kaplay && pnpm i && cd .. && npm run generate:lib",
     "sandbox:build": "cd sandbox && vite build",
     "sandbox:deploy": "cd sandbox && wrangler pages deploy --branch=main",
     "neu": "neu"
@@ -26,7 +27,8 @@
     "@fontsource/dm-mono": "^5.2.5",
     "@formkit/drag-and-drop": "^0.0.38",
     "@kaplayjs/crew": "^2.1.0",
-    "@monaco-editor/react": "^4.6.0",
+    "@monaco-editor/loader": "1.5.0",
+    "@monaco-editor/react": "4.7.0",
     "@radix-ui/react-context-menu": "^2.2.2",
     "@radix-ui/react-dropdown-menu": "^2.1.14",
     "@radix-ui/react-tabs": "^1.1.1",
@@ -40,7 +42,7 @@
     "idb": "^8.0.3",
     "magic-string": "^0.30.11",
     "mime-types": "^3.0.1",
-    "monaco-editor": "0.48.0",
+    "monaco-editor": "0.52.2",
     "pako": "^2.1.0",
     "query-registry": "^3.0.1",
     "react": "^18.3.1",
@@ -50,19 +52,21 @@
     "react-router-dom": "^7.5.2",
     "react-sparkle": "^2.0.0",
     "react-toastify": "^10.0.5",
-    "react-tooltip": "^5.28.0",
+    "react-tooltip": "^5.30.1",
     "tailwind-merge": "^2.5.3",
     "tailwindcss": "^3.4.13",
     "theme-change": "^2.5.0",
     "tweenkie": "^1.0.1",
     "typescript": "^5.6.3",
+    "use-debounce": "^10.1.1",
     "uuid": "^13.0.0",
     "zustand": "^4.5.5"
   },
   "devDependencies": {
     "@kaplayjs/dprint-config": "^1.1.0",
     "@neutralinojs/neu": "^11.3.0",
     "@tailwindcss/container-queries": "^0.1.1",
+    "@tailwindcss/typography": "^0.5.19",
     "@types/canvas-confetti": "^1.9.0",
     "@types/node": "^22.7.5",
     "@types/pako": "^2.0.3",
@@ -74,6 +78,8 @@
     "dprint": "^0.49.1",
     "kaplay": "3001.0.0",
     "postcss": "^8.4.47",
+    "remark": "^15.0.1",
+    "remark-html": "^16.0.1",
     "vite": "^5.4.8",
     "vite-plugin-custom-env": "^1.0.3",
     "vite-plugin-static-copy": "^2.3.1",