[optimize] upgrade Upstream packages

Author: TechQuery

ReadMe.md

@@ -1,9 +1,9 @@
 # Cell Router
 
-[Web Component][1] Router based on [WebCell][2] & [Iterable Observer][3]
+[Web Component][1] Router based on [WebCell][2] & [MobX][3]
 
 [![NPM Dependency](https://david-dm.org/EasyWebApp/cell-router.svg)][4]
-[![CI & CD](https://github.com/EasyWebApp/cell-router/workflows/CI%20&%20CD/badge.svg)][5]
+[![CI & CD](https://github.com/EasyWebApp/cell-router/actions/workflows/main.yml/badge.svg)][5]
 
 [![NPM](https://nodei.co/npm/cell-router.png?downloads=true&downloadRank=true&stars=true)][6]
 
@@ -13,26 +13,26 @@ https://web-cell.dev/scaffold/
 
 ## Feature
 
--   [x] **Router Component** as a **Page Container**
+-   [x] `<iframe />`-like **Route Component** as a **Page Container**
 
 -   [x] **Page Link** (support `<a />`, `<area />` & `<form />`)
 
     -   `<a href="route/path">Page title</a>`
-    -   `<a href="route/path" title="Page title" target="_self">Example page</a>`
+    -   `<a href="route/path" title="Page title">Example page</a>`
     -   `<a href="#page-section">Page section</a>` (Scroll to an Anchor smoothly)
     -   `<form method="get" action="route/path" />` (Form Data processed by `URLSearchParams`)
 
 -   [x] **Path Mode**: `location.hash` (default) & `history.pushState()`
 
--   [x] **Async Loading** (recommend to use with `import()` ECMAScript proposal)
+-   [x] **Async Loading** (recommend to use with `import()` ECMAScript syntax)
 
 -   [x] CSS based **Page Transition Animation** (example [CSS][7] & [TSX][8])
 
 ## Installation
 
 ```shell
 npm install web-cell cell-router
-npm install parcel-bundler -D
+npm install parcel -D
 ```
 
 `tsconfig.json`
@@ -139,9 +139,9 @@ documentReady.then(() =>
 
 [1]: https://www.webcomponents.org/
 [2]: https://web-cell.dev/
-[3]: https://web-cell.dev/iterable-observer/
+[3]: https://github.com/mobxjs/mobx/tree/mobx4and5/docs
 [4]: https://david-dm.org/EasyWebApp/cell-router
-[5]: https://github.com/EasyWebApp/cell-router/actions
+[5]: https://github.com/EasyWebApp/cell-router/actions/workflows/main.yml
 [6]: https://nodei.co/npm/cell-router/
 [7]: https://github.com/EasyWebApp/cell-router/blob/v2/test/source/index.less#L5
 [8]: https://github.com/EasyWebApp/cell-router/blob/v2/test/source/page/index.tsx#L12

package.json

@@ -24,31 +24,32 @@
     "main": "dist/index.js",
     "module": "dist/index.esm.js",
     "dependencies": {
-        "@swc/helpers": "^0.3.3",
+        "@swc/helpers": "^0.3.17",
         "mobx": ">=4.0.0 <6.0.0",
         "regenerator-runtime": "^0.13.9",
-        "urlpattern-polyfill": "^1.0.0-rc5",
-        "web-cell": "^3.0.0-beta.0",
-        "web-utility": "^3.4.2"
+        "urlpattern-polyfill": "^5.0.3",
+        "web-cell": "^3.0.0-beta.1",
+        "web-utility": "^3.7.3"
     },
     "devDependencies": {
-        "@parcel/packager-ts": "^2.3.2",
-        "@parcel/transformer-less": "^2.3.2",
-        "@parcel/transformer-typescript-types": "^2.3.2",
-        "@types/jest": "^27.4.0",
-        "element-internals-polyfill": "^0.1.54",
+        "@parcel/packager-ts": "~2.6.0",
+        "@parcel/transformer-less": "~2.6.0",
+        "@parcel/transformer-typescript-types": "~2.6.0",
+        "@types/jest": "^28.1.1",
+        "element-internals-polyfill": "^1.1.4",
         "fs-match": "^1.6.0",
-        "husky": "^7.0.4",
-        "jest": "^27.4.7",
+        "husky": "^8.0.1",
+        "jest": "^28.1.0",
+        "jest-environment-jsdom": "^28.1.0",
         "koapache": "^2.2.1",
-        "lint-staged": "^12.3.4",
-        "parcel": "^2.3.2",
-        "prettier": "^2.5.1",
+        "lint-staged": "^13.0.0",
+        "parcel": "~2.6.0",
+        "prettier": "^2.6.2",
         "process": "^0.11.10",
-        "puppeteer-core": "^13.1.3",
-        "ts-jest": "^27.1.3",
-        "typedoc": "^0.22.11",
-        "typescript": "~4.3.5"
+        "puppeteer-core": "^14.2.1",
+        "ts-jest": "^28.0.4",
+        "typedoc": "^0.22.17",
+        "typescript": "~4.7.3"
     },
     "scripts": {
         "prepare": "husky install",
@@ -73,11 +74,5 @@
     },
     "lint-staged": {
         "*.{html,md,json,ts,tsx}": "prettier --write"
-    },
-    "browserslist": "> 0.5%, last 2 versions, not dead",
-    "targets": {
-        "main": {
-            "optimize": true
-        }
     }
 }

source/History.ts

@@ -1,4 +1,4 @@
-import { URLPattern } from 'urlpattern-polyfill';
+import 'urlpattern-polyfill';
 import {
     getVisibleText,
     scrollTo,

test/browser.ts

@@ -1,5 +1,5 @@
 import { WebServer } from 'koapache';
-import { Browser, Page, launch } from 'puppeteer-core';
+import Puppeteer, { Browser, Page } from 'puppeteer-core';
 
 const { npm_config_chrome } = process.env;
 
@@ -16,11 +16,11 @@ export async function bootServer() {
 }
 
 export async function getPage(path: string) {
-    browser =
-        browser ||
-        (await launch({ executablePath: npm_config_chrome, slowMo: 200 }));
-
-    page = page || (await browser.pages())[0];
+    browser ||= await Puppeteer.launch({
+        executablePath: npm_config_chrome,
+        slowMo: 200
+    });
+    page ||= (await browser.pages())[0];
 
     await page.goto(path);
 

test/package.json

@@ -2,7 +2,7 @@
     "name": "cell-router-test",
     "private": true,
     "devDependencies": {
-        "parcel": "^2.3.2"
+        "parcel": "~2.6.0"
     },
     "scripts": {
         "start": "parcel source/index.html --no-source-maps --open",

tsconfig.json

@@ -1,14 +1,15 @@
 {
     "compilerOptions": {
         "moduleResolution": "Node",
+        "esModuleInterop": true,
         "downlevelIteration": true,
         "experimentalDecorators": true,
         "jsx": "react",
         "jsxFactory": "createCell",
         "jsxFragmentFactory": "Fragment",
-        "lib": ["ES2021", "DOM", "DOM.Iterable"],
+        "lib": ["ES2022", "DOM", "DOM.Iterable"],
         "skipLibCheck": true,
-        "target": "ES5"
+        "target": "ES2017"
     },
     "include": ["source/*"],
     "typedocOptions": {