[refactor] upgrade to WebCell 3, Material Design Web 1, Parcel 2 & Husky 9

.gitignore

@@ -1,5 +1,6 @@
 node_modules/
 package-lock.json
-.cache/
+yarn.lock
+.parcel-cache/
 dist/
-.vscode/
+.vscode/settings.json

.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

.npmignore

@@ -1,5 +1,5 @@
 test/
-.cache/
+.parcel*
 dist/
 .github/
 .vscode/

.npmrc

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

ReadMe.md

@@ -2,8 +2,8 @@
 
 [Material Web Components][1]'s [JSX Type definition][2] for [WebCell][3] engine
 
-[![NPM Dependency](https://david-dm.org/EasyWebApp/material-cell.svg)][4]
-[![CI & CD](https://github.com/EasyWebApp/material-cell/workflows/CI%20&%20CD/badge.svg)][5]
+[![NPM Dependency](https://img.shields.io/librariesio/github/EasyWebApp/material-cell.svg)][4]
+[![CI & CD](https://github.com/EasyWebApp/material-cell/actions/workflows/main.yml/badge.svg)][5]
 
 [![Open in Visual Studio Code](https://open.vscode.dev/badges/open-in-vscode.svg)][6]
 
@@ -15,17 +15,17 @@ https://material.web-cell.dev/
 
 ## Usage
 
-```Shell
+```shell
 npm install material-cell web-cell
 ```
 
 ### Example
 
-```Shell
+```shell
 npm install @material/mwc-icon
 ```
 
-```TSX
+```tsx
 import { render, createCell } from 'web-cell';
 import type {} from 'material-cell';
 import '@material/mwc-icon';
@@ -36,7 +36,7 @@ render(<mwc-icon>code</mwc-icon>);
 [1]: https://github.com/material-components/material-components-web-components
 [2]: https://www.typescriptlang.org/docs/handbook/jsx.html
 [3]: https://web-cell.dev/
-[4]: https://david-dm.org/EasyWebApp/material-cell
-[5]: https://github.com/EasyWebApp/material-cell/actions
+[4]: https://libraries.io/npm/material-cell
+[5]: https://github.com/EasyWebApp/material-cell/actions/workflows/main.yml
 [6]: https://open.vscode.dev/EasyWebApp/material-cell
 [7]: https://nodei.co/npm/material-cell/

package.json

@@ -1,6 +1,6 @@
 {
     "name": "material-cell",
-    "version": "2.0.0-rc.3",
+    "version": "3.0.0-rc.0",
     "license": "LGPL-3.0",
     "author": "shiy2008@gmail.com",
     "description": "Material Web Components's JSX Type definition for WebCell engine",
@@ -22,66 +22,20 @@
     },
     "types": "source/index.d.ts",
     "dependencies": {
-        "web-cell": "^2.3.0-rc.1"
+        "dom-renderer": "^2.1.3",
+        "web-cell": "^3.0.0-rc.14",
+        "web-utility": "^4.1.3"
     },
     "peerDependencies": {
-        "@material/mwc-button": "^0.22.1",
-        "@material/mwc-checkbox": "^0.22.1",
-        "@material/mwc-circular-progress": "^0.22.1",
-        "@material/mwc-circular-progress-four-color": "^0.22.1",
-        "@material/mwc-dialog": "^0.22.1",
-        "@material/mwc-drawer": "^0.22.1",
-        "@material/mwc-fab": "^0.22.1",
-        "@material/mwc-formfield": "^0.22.1",
-        "@material/mwc-icon": "^0.22.1",
-        "@material/mwc-icon-button": "^0.22.1",
-        "@material/mwc-icon-button-toggle": "^0.22.1",
-        "@material/mwc-linear-progress": "^0.22.1",
-        "@material/mwc-list": "^0.22.1",
-        "@material/mwc-menu": "^0.22.1",
-        "@material/mwc-radio": "^0.22.1",
-        "@material/mwc-select": "^0.22.1",
-        "@material/mwc-slider": "^0.22.1",
-        "@material/mwc-snackbar": "^0.22.1",
-        "@material/mwc-switch": "^0.22.1",
-        "@material/mwc-tab": "^0.22.1",
-        "@material/mwc-tab-bar": "^0.22.1",
-        "@material/mwc-textarea": "^0.22.1",
-        "@material/mwc-textfield": "^0.22.1",
-        "@material/mwc-top-app-bar": "^0.22.1",
-        "@material/mwc-top-app-bar-fixed": "^0.22.1"
+        "@material/web": "^1.2.0"
     },
     "devDependencies": {
-        "@material/mwc-button": "^0.22.1",
-        "@material/mwc-checkbox": "^0.22.1",
-        "@material/mwc-circular-progress": "^0.22.1",
-        "@material/mwc-circular-progress-four-color": "^0.22.1",
-        "@material/mwc-dialog": "^0.22.1",
-        "@material/mwc-drawer": "^0.22.1",
-        "@material/mwc-fab": "^0.22.1",
-        "@material/mwc-formfield": "^0.22.1",
-        "@material/mwc-icon": "^0.22.1",
-        "@material/mwc-icon-button": "^0.22.1",
-        "@material/mwc-icon-button-toggle": "^0.22.1",
-        "@material/mwc-linear-progress": "^0.22.1",
-        "@material/mwc-list": "^0.22.1",
-        "@material/mwc-menu": "^0.22.1",
-        "@material/mwc-radio": "^0.22.1",
-        "@material/mwc-select": "^0.22.1",
-        "@material/mwc-slider": "^0.22.1",
-        "@material/mwc-snackbar": "^0.22.1",
-        "@material/mwc-switch": "^0.22.1",
-        "@material/mwc-tab": "^0.22.1",
-        "@material/mwc-tab-bar": "^0.22.1",
-        "@material/mwc-textarea": "^0.22.1",
-        "@material/mwc-textfield": "^0.22.1",
-        "@material/mwc-top-app-bar": "^0.22.1",
-        "@material/mwc-top-app-bar-fixed": "^0.22.1",
-        "husky": "^7.0.1",
-        "lint-staged": "^11.0.1",
-        "parcel-bundler": "^1.12.5",
-        "prettier": "^2.3.2",
-        "typescript": "^4.3.5"
+        "@material/web": "^1.2.0",
+        "husky": "^9.0.10",
+        "lint-staged": "^15.2.2",
+        "parcel": "~2.11.0",
+        "prettier": "^3.2.5",
+        "typescript": "~5.3.3"
     },
     "prettier": {
         "singleQuote": true,
@@ -93,9 +47,10 @@
         "*.{html,md,json,ts,tsx}": "prettier --write"
     },
     "scripts": {
-        "prepare": "husky install",
+        "prepare": "husky",
         "test": "lint-staged",
-        "start": "parcel test/index.html --open",
-        "build": "parcel build test/index.html --public-url ."
+        "clean": "rm -rf .parcel-cache/ test/dist/",
+        "start": "npm run clean  &&  cd test/  &&  parcel --open",
+        "build": "npm run clean  &&  cd test/  &&  parcel build --public-url ."
     }
 }