[add] Example Code & Preview Configuration of WebCell v3

[optimize] upgrade Upstream packages
[migrate] replace Yarn with PNPM to reduce Disk Usage

.github/workflows/push.yml

@@ -0,0 +1,35 @@
+name: Commit preview
+on:
+    push:
+        branches-ignore:
+            - main
+jobs:
+    Build-and-Deploy:
+        env:
+            VERCEL_TOKEN: ${{ secrets.VERCEL_TOKEN }}
+            VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
+            VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}
+        runs-on: ubuntu-latest
+        steps:
+            - uses: actions/checkout@v3
+
+            - uses: pnpm/action-setup@v2
+              with:
+                  version: 8
+            - uses: actions/setup-node@v3
+              with:
+                  node-version: 18
+                  cache: pnpm
+            - name: Install & Build
+              run: |
+                  pnpm i --frozen-lockfile
+                  pnpm build
+
+            - uses: amondnet/vercel-action@v25
+              if: ${{ env.VERCEL_TOKEN && env.VERCEL_ORG_ID && env.VERCEL_PROJECT_ID }}
+              with:
+                  vercel-token: ${{ secrets.VERCEL_TOKEN }}
+                  github-token: ${{ secrets.GITHUB_TOKEN }}
+                  vercel-org-id: ${{ secrets.VERCEL_ORG_ID }}
+                  vercel-project-id: ${{ secrets.VERCEL_PROJECT_ID }}
+                  working-directory: ./dist

.gitignore

@@ -2,4 +2,5 @@ node_modules/
 package-lock.json
 .parcel-cache/
 dist/
-.vscode/
+.vscode/
+.vercel/

.npmrc

@@ -0,0 +1 @@
+auto-install-peers = false

.parcelrc

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

ReadMe.md

@@ -6,15 +6,14 @@ App Project scaffold of **WebCell** v2
 
 https://web-cell.dev/scaffold/
 
-[![NPM Dependency](https://david-dm.org/EasyWebApp/scaffold.svg)][1]
 [![CI & CD](https://github.com/EasyWebApp/scaffold/actions/workflows/main.yml/badge.svg)][2]
 
 ## Technology stack
 
--   Language: [TypeScript v4][3]
--   Component engine: [WebCell v2][4]
+-   Language: [TypeScript v5][3]
+-   Component engine: [WebCell v3][4]
 -   Component suite: [BootCell v2][5]
--   PWA framework: [Workbox v6][6]
+-   PWA framework: [Workbox v7][6]
 -   Package bundler: [Parcel v2][7]
 -   CI / CD: GitHub [Actions][8] + [Pages][9]
 

package.json

@@ -16,28 +16,29 @@
         "url": "https://github.com/EasyWebApp/scaffold/issues"
     },
     "dependencies": {
-        "boot-cell": "2.0.0-alpha.4",
         "browser-unhandled-rejection": "^1.0.2",
-        "cell-router": "^2.1.1",
-        "classnames": "^2.3.1",
-        "web-cell": "^2.4.0-rc.6",
-        "web-utility": "^3.0.1"
+        "classnames": "^2.5.1",
+        "dom-renderer": "^2.0.1",
+        "mobx": "^6.12.0",
+        "web-cell": "^3.0.0-rc.0",
+        "web-utility": "^4.1.3"
     },
     "devDependencies": {
-        "@nuintun/qrcode": "^3.1.1",
-        "@parcel/packager-raw-url": "^2.2.1",
-        "@parcel/transformer-webmanifest": "^2.2.1",
-        "@types/node": "^14.18.10",
-        "@typescript-eslint/eslint-plugin": "^5.10.2",
-        "@typescript-eslint/parser": "^5.10.2",
-        "eslint": "^8.8.0",
-        "eslint-config-prettier": "^8.3.0",
-        "husky": "^7.0.4",
-        "lint-staged": "^12.3.3",
-        "parcel": "^2.2.1",
-        "prettier": "^2.5.1",
-        "typescript": "~4.3.5",
-        "workbox-cli": "^6.4.2"
+        "@parcel/config-default": "^2.10.3",
+        "@parcel/packager-raw-url": "^2.10.3",
+        "@parcel/transformer-typescript-tsc": "^2.10.3",
+        "@parcel/transformer-webmanifest": "^2.10.3",
+        "@types/node": "^18.19.4",
+        "@typescript-eslint/eslint-plugin": "^6.17.0",
+        "@typescript-eslint/parser": "^6.17.0",
+        "eslint": "^8.56.0",
+        "eslint-config-prettier": "^9.1.0",
+        "husky": "^8.0.3",
+        "lint-staged": "^15.2.0",
+        "parcel": "^2.10.3",
+        "prettier": "^3.1.1",
+        "typescript": "~5.3.3",
+        "workbox-cli": "^7.0.0"
     },
     "prettier": {
         "singleQuote": true,
@@ -60,8 +61,9 @@
     "scripts": {
         "prepare": "husky install",
         "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 .parcel-cache/ dist/",
+        "start": "npm run clean  &&  parcel src/index.html --open",
+        "pack": "npm run clean  &&  parcel build src/index.html --public-url .",
+        "build": "npm run pack  &&  workbox generateSW"
     }
 }