[migrate] replace TTS model with MobX-i18n 0.6

[migrate] upgrade to ES Decorator stage-3, Node.js 20, PNPM 9, Husky 9, React 18 & other latest Upstream packages

.github/workflows/main.yml

@@ -13,15 +13,15 @@ jobs:
         permissions:
             contents: write
         steps:
-            - uses: actions/checkout@v3
+            - uses: actions/checkout@v4
 
-            - uses: pnpm/action-setup@v2
+            - uses: pnpm/action-setup@v4
               with:
-                  version: 8
-            - uses: actions/setup-node@v3
+                  version: 9
+            - uses: actions/setup-node@v4
               if: ${{ !env.VERCEL_TOKEN || !env.VERCEL_ORG_ID || !env.VERCEL_PROJECT_ID }}
               with:
-                  node-version: 18
+                  node-version: 20
                   cache: pnpm
 
             - name: Install Dependencies
@@ -33,7 +33,7 @@ jobs:
               run: pnpm build
 
             - name: Deploy to GitHub pages
-              uses: peaceiris/actions-gh-pages@v3
+              uses: peaceiris/actions-gh-pages@v4
               if: ${{ !env.VERCEL_TOKEN || !env.VERCEL_ORG_ID || !env.VERCEL_PROJECT_ID }}
               with:
                   publish_dir: ./dist

.github/workflows/pull-request.yml

@@ -13,7 +13,7 @@ jobs:
         permissions:
             contents: write
         steps:
-            - uses: actions/checkout@v3
+            - uses: actions/checkout@v4
               if: ${{ env.VERCEL_TOKEN && env.VERCEL_ORG_ID && env.VERCEL_PROJECT_ID }}
 
             - name: Deploy to Vercel

.husky/pre-commit

@@ -1,5 +1 @@
-#!/bin/sh
-
-. "$(dirname "$0")/_/husky.sh"
-
 npm test

.husky/pre-push

@@ -1,5 +1 @@
-#!/bin/sh
-
-. "$(dirname "$0")/_/husky.sh"
-
 npm run build

.parcelrc

@@ -0,0 +1,8 @@
+{
+    "extends": "@parcel/config-default",
+    "transformers": {
+        "*.{ts,tsx}": [
+            "@parcel/transformer-typescript-tsc"
+        ]
+    }
+}

ReadMe.md

@@ -7,10 +7,10 @@ Wiki map [PWA][4] with [Text-to-Speak][5] support, which is based on [OpenStreet
 ## Technology stack
 
 -   Language: [TypeScript v5][2]
--   Component engine: [React v17][1]
+-   Component engine: [React v18][1]
 -   State management: [MobX v6][3]
 -   Component suite: [React Bootstrap v2][8]
--   HTTP Client: [KoAJAX][9]
+-   HTTP Client: [KoAJAX v3][9]
 -   PWA framework: [Workbox v7][10]
 -   Package bundler: [Parcel v2][11]
 -   CI / CD: GitHub [Actions][12] + [Pages][13]

package.json

@@ -6,38 +6,39 @@
     "description": "Wiki map PWA with Text-to-Speak support, which is based on OpenStreetMap & Wikipedia API, and can be used as a trusted Tour guide.",
     "dependencies": {
         "browser-unhandled-rejection": "^1.0.2",
-        "idea-react": "^1.0.0-rc.22",
-        "iterable-observer": "^1.0.0",
-        "koajax": "^0.8.6",
+        "idea-react": "^1.0.0-rc.31",
+        "koajax": "^3.0.2",
         "lodash": "^4.17.21",
-        "mobx": "^6.10.2",
-        "mobx-i18n": "^0.4.1",
-        "mobx-react": "^9.0.1",
-        "mobx-restful": "^0.6.11",
-        "mobx-restful-table": "^1.1.2",
-        "open-react-map": "^0.6.4",
-        "react": "^17.0.2",
-        "react-bootstrap": "^2.8.0",
-        "react-dom": "^17.0.2",
+        "mobx": "^6.13.3",
+        "mobx-i18n": "^0.6.0",
+        "mobx-react": "^9.1.1",
+        "mobx-restful": "^1.0.1",
+        "mobx-restful-table": "^2.0.0",
+        "open-react-map": "^0.8.0",
+        "react": "^18.3.1",
+        "react-bootstrap": "^2.10.5",
+        "react-dom": "^18.3.1",
         "react-router-class-tools": "^0.1.3",
-        "react-router-dom": "^6.15.0",
-        "web-utility": "^4.1.0"
+        "react-router-dom": "^6.26.2",
+        "web-utility": "^4.4.0"
     },
     "devDependencies": {
-        "@parcel/packager-raw-url": "~2.9.3",
-        "@parcel/transformer-less": "~2.9.3",
-        "@parcel/transformer-webmanifest": "~2.9.3",
-        "@types/lodash": "^4.14.197",
-        "@types/node": "^18.17.13",
-        "@types/react": "^17.0.65",
-        "@types/react-dom": "^17.0.20",
-        "husky": "^8.0.3",
-        "lint-staged": "^14.0.1",
-        "parcel": "~2.9.3",
-        "prettier": "^3.0.3",
+        "@parcel/config-default": "~2.12.0",
+        "@parcel/packager-raw-url": "~2.12.0",
+        "@parcel/transformer-less": "~2.12.0",
+        "@parcel/transformer-typescript-tsc": "~2.12.0",
+        "@parcel/transformer-webmanifest": "~2.12.0",
+        "@types/lodash": "^4.17.10",
+        "@types/node": "^20.16.10",
+        "@types/react": "^18.3.11",
+        "@types/react-dom": "^18.3.0",
+        "husky": "^9.1.6",
+        "lint-staged": "^15.2.10",
+        "parcel": "~2.12.0",
+        "prettier": "^3.3.3",
         "process": "^0.11.10",
-        "typescript": "~5.2.2",
-        "workbox-cli": "^7.0.0"
+        "typescript": "~5.6.2",
+        "workbox-cli": "^7.1.0"
     },
     "prettier": {
         "singleQuote": true,
@@ -50,10 +51,11 @@
     },
     "browserslist": "> 0.5%, last 2 versions, not dead, IE 11",
     "scripts": {
-        "prepare": "husky install",
+        "prepare": "husky",
         "test": "lint-staged",
-        "start": "parcel src/index.html --open",
-        "pack": "parcel build src/index.html --public-url .",
-        "build": "rm -rf dist/  &&  npm run pack  &&  workbox generateSW"
+        "clean": "rm -rf dist/ .parcel-cache/",
+        "start": "npm run clean  &&  parcel src/index.html",
+        "pack": "npm run clean  &&  parcel build src/index.html --public-url .",
+        "build": "npm run pack  &&  workbox generateSW"
     }
 }