[optimize] upgrade to PNPM 9 & other latest Upstream packages

[optimize] update Read Me document

Author: TechQuery

.github/workflows/main.yml

@@ -15,7 +15,7 @@ jobs:
 
             - uses: pnpm/action-setup@v2
               with:
-                  version: 8
+                  version: 9
             - uses: actions/setup-node@v3
               with:
                   node-version: 18

.github/workflows/push.yml

@@ -15,7 +15,7 @@ jobs:
 
             - uses: pnpm/action-setup@v2
               with:
-                  version: 8
+                  version: 9
             - uses: actions/setup-node@v3
               with:
                   node-version: 18

ReadMe.md

@@ -1,9 +1,46 @@
+![](https://github.com/EasyWebApp.png)
+
 # WebCell official website
 
 Design of https://web-cell.dev/ is based on [Product][1] & [Carousel][2] templates of BootStrap 5.
 
 [![CI & CD](https://github.com/EasyWebApp/EasyWebApp.github.io/actions/workflows/main.yml/badge.svg)][3]
 
+[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)][4]
+
+## Technology stack
+
+-   Language: [TypeScript v5][5]
+-   Component engine: [WebCell v3][6]
+-   Component suite: [BootCell v2][7]
+-   State management: [MobX v6][8]
+-   PWA framework: [Workbox v7][9]
+-   Package bundler: [Parcel v2][10]
+-   CI / CD: GitHub [Actions][11] + [Pages][12]
+
+## Development
+
+```shell
+npm i pnpm -g
+pnpm i
+npm start
+```
+
+## Deployment
+
+```shell
+pnpm build
+```
+
 [1]: https://getbootstrap.com/docs/5.3/examples/product/
 [2]: https://getbootstrap.com/docs/5.3/examples/carousel/
 [3]: https://github.com/EasyWebApp/EasyWebApp.github.io/actions/workflows/main.yml
+[4]: https://gitpod.io/?autostart=true#https://github.com/EasyWebApp/EasyWebApp.github.io
+[5]: https://typescriptlang.org/
+[6]: https://web-cell.dev/
+[7]: https://bootstrap.web-cell.dev/
+[8]: https://mobx.js.org/
+[9]: https://developers.google.com/web/tools/workbox
+[10]: https://parceljs.org/
+[11]: https://github.com/features/actions
+[12]: https://pages.github.com/

package.json

@@ -20,32 +20,32 @@
         "url": "https://github.com/EasyWebApp/EasyWebApp.github.io/issues"
     },
     "dependencies": {
-        "boot-cell": "^2.0.0-beta.18",
+        "boot-cell": "^2.0.0-beta.20",
         "cell-router": "^3.0.0-rc.5",
         "classnames": "^2.5.1",
-        "dom-renderer": "^2.1.3",
+        "dom-renderer": "^2.1.7",
         "github-web-widget": "^4.0.0-rc.2",
-        "koajax": "^0.9.6",
-        "marked": "^12.0.0",
-        "mobx": "^6.12.0",
+        "koajax": "^1.1.2",
+        "marked": "^12.0.2",
+        "mobx": "^6.12.3",
         "prismjs": "^1.29.0",
         "web-cell": "^3.0.0-rc.15",
-        "web-utility": "^4.1.3"
+        "web-utility": "^4.4.0"
     },
     "devDependencies": {
-        "@parcel/config-default": "~2.11.0",
-        "@parcel/packager-raw-url": "~2.11.0",
-        "@parcel/transformer-less": "~2.11.0",
-        "@parcel/transformer-typescript-tsc": "~2.11.0",
-        "@parcel/transformer-webmanifest": "~2.11.0",
+        "@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/classnames": "^2.3.1",
-        "@types/node": "^18.19.15",
-        "husky": "^9.0.10",
-        "lint-staged": "^15.2.2",
-        "parcel": "~2.11.0",
-        "prettier": "^3.2.5",
-        "typescript": "~5.3.3",
-        "workbox-cli": "^7.0.0"
+        "@types/node": "^18.19.34",
+        "husky": "^9.0.11",
+        "lint-staged": "^15.2.5",
+        "parcel": "~2.12.0",
+        "prettier": "^3.3.1",
+        "typescript": "~5.4.5",
+        "workbox-cli": "^7.1.0"
     },
     "prettier": {
         "tabWidth": 4,