[add] VS Code & GitPod.io extensions

[optimize] upgrade to Node.js 20 & other latest Upstream packages/actions

Author: TechQuery

.github/workflows/main.yml

@@ -11,22 +11,22 @@ jobs:
       VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
-      - uses: pnpm/action-setup@v2
+      - uses: pnpm/action-setup@v4
         with:
           version: 9
-      - uses: actions/setup-node@v3
+      - uses: actions/setup-node@v4
         with:
-          node-version: 18
+          node-version: 20
           cache: pnpm
       - name: Install & Build
         run: |
           pnpm i --frozen-lockfile
           pnpm build
 
       - name: Deploy to GitHub pages
-        uses: peaceiris/actions-gh-pages@v3
+        uses: peaceiris/actions-gh-pages@v4
         with:
           publish_dir: ./dist
           personal_token: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/push.yml

@@ -11,14 +11,14 @@ jobs:
       VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
 
-      - uses: pnpm/action-setup@v2
+      - uses: pnpm/action-setup@v4
         with:
           version: 9
-      - uses: actions/setup-node@v3
+      - uses: actions/setup-node@v4
         with:
-          node-version: 18
+          node-version: 20
           cache: pnpm
       - name: Install & Build
         run: |

.gitpod.yml

@@ -0,0 +1,26 @@
+# This configuration file was automatically generated by Gitpod.
+# Please adjust to your needs (see https://www.gitpod.io/docs/introduction/learn-gitpod/gitpod-yaml)
+# and commit this file to your remote git repository to share the goodness with others.
+
+# Learn more from ready-to-use templates: https://www.gitpod.io/docs/introduction/getting-started/quickstart
+
+vscode:
+  extensions:
+    - yzhang.markdown-all-in-one
+    - unifiedjs.vscode-mdx
+    - xyc.vscode-mdx-preview
+    - jock.svg
+    - redhat.vscode-yaml
+    - clinyong.vscode-css-modules
+    - akamud.vscode-caniuse
+    - visualstudioexptteam.intellicode-api-usage-examples
+    - pflannery.vscode-versionlens
+    - christian-kohler.npm-intellisense
+    - esbenp.prettier-vscode
+    - rangav.vscode-thunder-client
+    - eamodio.gitlens
+    - github.vscode-pull-request-github
+    - github.vscode-github-actions
+tasks:
+  - init: pnpm i
+    command: npm start

.vscode/extensions.json

@@ -0,0 +1,19 @@
+{
+  "recommendations": [
+    "yzhang.markdown-all-in-one",
+    "unifiedjs.vscode-mdx",
+    "xyc.vscode-mdx-preview",
+    "jock.svg",
+    "redhat.vscode-yaml",
+    "clinyong.vscode-css-modules",
+    "akamud.vscode-caniuse",
+    "visualstudioexptteam.intellicode-api-usage-examples",
+    "pflannery.vscode-versionlens",
+    "christian-kohler.npm-intellisense",
+    "esbenp.prettier-vscode",
+    "rangav.vscode-thunder-client",
+    "eamodio.gitlens",
+    "github.vscode-pull-request-github",
+    "github.vscode-github-actions"
+  ]
+}

README.md

@@ -10,6 +10,9 @@ JavaScript 中文讨论组致力于提供一个加强中国 JavaScript 社区对
 
 - [讨论](https://github.com/JSCIG/es-discuss/discussions)
 
+[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)][3]
+[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)][4]
+
 ## 官网开发
 
 本网站是一个基于 [WebCell v3](https://web-cell.dev) 的纯 Web 前端项目，参与开发的基本命令如下：
@@ -24,3 +27,5 @@ npm start
 ```
 
 [2]: https://github.com/JSCIG/jscig.github.io/actions/workflows/main.yml
+[3]: https://codespaces.new/JSCIG/jscig.github.io
+[4]: https://gitpod.io/?autostart=true#https://github.com/JSCIG/jscig.github.io

package.json

@@ -21,27 +21,28 @@
     "browser-unhandled-rejection": "^1.0.2",
     "cell-router": "^3.0.0-rc.8",
     "classnames": "^2.5.1",
-    "dom-renderer": "^2.1.8",
-    "koajax": "^1.1.2",
-    "mobx": "^6.12.4",
-    "mobx-restful": "^1.0.0",
-    "web-cell": "^3.0.0-rc.16",
-    "web-utility": "^4.4.0"
+    "dom-renderer": "^2.4.4",
+    "iterable-observer": "^1.1.0",
+    "koajax": "^3.0.3",
+    "mobx": "^6.13.5",
+    "mobx-restful": "^2.0.0",
+    "web-cell": "^3.0.1",
+    "web-utility": "^4.4.2"
   },
   "devDependencies": {
     "@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/node": "^18.19.37",
-    "husky": "^9.0.11",
-    "lint-staged": "^15.2.7",
+    "@types/node": "^20.17.6",
+    "husky": "^9.1.6",
+    "lint-staged": "^15.2.10",
     "parcel": "~2.12.0",
-    "postcss": "^8.4.38",
+    "postcss": "^8.4.48",
     "postcss-modules": "^4.3.1",
-    "prettier": "^3.3.2",
-    "typescript": "~5.5.2",
-    "workbox-cli": "^7.1.0"
+    "prettier": "^3.3.3",
+    "typescript": "~5.6.3",
+    "workbox-cli": "^7.3.0"
   }
 }