[refactor] rewrite withRouter() with full ES class syntax to support ES decorator stage-3

ReadMe.md

@@ -8,10 +8,14 @@
 
 [![Demo](https://codesandbox.io/static/img/play-codesandbox.svg)][4]
 
+## Preview
+
+https://idea2app.github.io/React-Router-class-tools/preview/
+
 ## Feature
 
 - [x] `withRouter()` function
-- [ ] `withRouter()` decorator
+- [x] `withRouter()` decorator
 - [x] `RouteComponentProps`
 - [ ] `this.props.history`
 - [x] `this.props.location`
@@ -25,9 +29,14 @@
 import { PureComponent } from 'react';
 import { RouteComponentProps, withRouter } from 'react-router-class-tools';
 
-class RoutePage extends PureComponent<
-    RouteComponentProps<{ id: string }, {}, { extra: number }>
-> {
+type RoutePageProps = RouteComponentProps<
+    { id: string },
+    {},
+    { extra: number }
+>;
+
+@withRouter
+export class RoutePage extends PureComponent<RoutePageProps> {
     render() {
         const { id } = this.props.match.params,
             { extra } = this.props.query;
@@ -40,7 +49,6 @@ class RoutePage extends PureComponent<
         );
     }
 }
-export default withRouter(RoutePage);
 ```
 
 ## Reference

package.json

@@ -1,6 +1,6 @@
 {
     "name": "react-router-class-tools",
-    "version": "0.1.4",
+    "version": "0.2.0",
     "license": "LGPL-3.0",
     "author": "[email protected]",
     "description": "Class Component utilities for React Router 6+",
@@ -33,16 +33,21 @@
         "react-router-dom": ">=6"
     },
     "devDependencies": {
+        "@parcel/config-default": "~2.15.4",
         "@parcel/packager-ts": "~2.15.4",
+        "@parcel/transformer-typescript-tsc": "~2.15.4",
         "@parcel/transformer-typescript-types": "~2.15.4",
         "@types/node": "^22.18.3",
         "@types/react": "^19.1.13",
+        "@types/react-dom": "^19.1.9",
         "husky": "^9.1.7",
         "lint-staged": "^16.1.6",
         "parcel": "~2.15.4",
         "prettier": "^3.6.2",
         "react": "^19.1.1",
+        "react-dom": "^19.1.1",
         "react-router-dom": "^7.9.1",
+        "rimraf": "^6.0.1",
         "typedoc": "^0.28.1",
         "typedoc-plugin-mdn-links": "^5.0.9",
         "typescript": "~5.9.2"
@@ -70,12 +75,17 @@
             "optimize": true
         }
     },
+    "@parcel/resolver-default": {
+        "packageExports": true
+    },
     "scripts": {
         "prepare": "husky",
         "test": "lint-staged",
+        "preview": "cd test/  &&  rimraf ../.parcel-cache/ dist/  &&  parcel --open",
+        "pack-preview": "cd test/  &&  rimraf ../.parcel-cache/ dist/  &&  parcel build --public-url=. --dist-dir=../docs/preview/",
         "pack-code": "rm -rf dist/  &&  parcel build source/index.tsx",
         "pack-docs": "rm -rf docs/  &&  typedoc source/",
-        "build": "npm run pack-code  &&  npm run pack-docs",
+        "build": "npm run pack-code  &&  npm run pack-docs  &&  npm run pack-preview",
         "prepublishOnly": "npm test  &&  npm run build"
     }
 }