[migrate] replace TSX with MDX to render Chart Example page

[fix] React base class of MobX components

.parcelrc

@@ -3,6 +3,9 @@
     "transformers": {
         "*.{ts,tsx}": [
             "@parcel/transformer-typescript-tsc"
+        ],
+        "*.{md,mdx}": [
+            "parcel-transformer-mdx"
         ]
     }
 }

ReadMe.md

@@ -12,10 +12,10 @@
 ## Technology stack
 
 -   Language: [TypeScript v5][9]
--   Component engine: [React v18][10]
+-   Component engine: [PReact v10][10]
 -   State management: [MobX v6][11]
 -   Component suite: [React Bootstrap v2][12]
--   HTTP Client: [KoAJAX][13]
+-   HTTP Client: [KoAJAX v1][13]
 -   PWA framework: [Workbox v7][14]
 -   Package bundler: [Parcel v2][15]
 -   CI / CD: GitHub [Actions][16] + [Pages][17]
@@ -26,6 +26,8 @@
 2.  Rich-text editor
     -   [HTML version][18]
     -   [JSON version](src/component/Editor.tsx)
+3.  [GitHub logo](src/component/Git/Logo.tsx)
+4.  [GitHub card](src/component/Git/Card.tsx)
 
 ## Best practice
 
@@ -62,7 +64,7 @@ pnpm build
 [7]: https://codespaces.new/idea2app/React-MobX-Bootstrap-ts
 [8]: https://gitpod.io/?autostart=true#https://github.com/idea2app/React-MobX-Bootstrap-ts
 [9]: https://www.typescriptlang.org/
-[10]: https://react.dev/
+[10]: https://preactjs.com/
 [11]: https://mobx.js.org/
 [12]: https://react-bootstrap.github.io/
 [13]: https://github.com/EasyWebApp/KoAJAX

package.json

@@ -24,7 +24,7 @@
         "mobx-react": "^9.1.1",
         "mobx-restful": "^0.7.0-rc.0",
         "mobx-restful-table": "^2.0.0-rc.1",
-        "preact": "^10.20.1",
+        "preact": "^10.20.2",
         "react-bootstrap": "^2.10.2",
         "react-bootstrap-editor": "^2.0.1",
         "react-editor-js": "^2.1.0",
@@ -41,11 +41,12 @@
         "@parcel/transformer-typescript-tsc": "~2.12.0",
         "@parcel/transformer-webmanifest": "~2.12.0",
         "@types/lodash": "^4.17.0",
-        "@types/node": "^18.19.30",
+        "@types/node": "^18.19.31",
         "buffer": "^6.0.3",
         "husky": "^9.0.11",
         "lint-staged": "^15.2.2",
         "parcel": "~2.12.0",
+        "parcel-transformer-mdx": "^0.3.2",
         "prettier": "^3.2.5",
         "prismjs": "^1.29.0",
         "process": "^0.11.10",
@@ -71,8 +72,9 @@
     "scripts": {
         "prepare": "husky",
         "test": "lint-staged",
-        "start": "parcel src/index.html",
-        "pack": "parcel build src/index.html --public-url .",
-        "build": "rm -rf .parcel-cache/ dist/  &&  npm run pack  &&  workbox generateSW"
+        "clean": "rm -rf .parcel-cache/ dist/",
+        "start": "npm run clean  &&  parcel src/index.html",
+        "pack": "npm run clean  &&  parcel build src/index.html --public-url .",
+        "build": "npm run pack  &&  workbox generateSW"
     }
 }