[add] Chart example page based on ECharts-JSX & MDX

.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

@@ -1,58 +1,64 @@
 {
     "name": "react-mobx-bootstrap-ts",
-    "version": "0.9.0",
+    "version": "1.0.0",
     "description": "React project scaffold based on TypeScript, MobX & Bootstrap, which is inspired by WebCell scaffold.",
     "author": "[email protected]",
     "dependencies": {
         "@editorjs/code": "^2.9.0",
-        "@editorjs/editorjs": "^2.29.0",
+        "@editorjs/editorjs": "^2.29.1",
         "@editorjs/header": "^2.8.1",
         "@editorjs/image": "^2.9.0",
         "@editorjs/link": "^2.6.2",
         "@editorjs/list": "^1.9.0",
-        "@editorjs/paragraph": "^2.11.3",
+        "@editorjs/paragraph": "^2.11.4",
         "@editorjs/quote": "^2.6.0",
         "browser-fs-access": "^0.35.0",
         "browser-unhandled-rejection": "^1.0.2",
+        "echarts-jsx": "^1.1.0",
         "editorjs-html": "^3.4.3",
-        "idea-react": "^2.0.0-rc.0",
-        "koajax": "^0.9.6",
+        "idea-react": "^2.0.0-rc.2",
+        "koajax": "^1.0.0",
         "lodash": "^4.17.21",
-        "mobx": "^6.12.0",
+        "mobx": "^6.12.3",
         "mobx-i18n": "^0.5.0",
-        "mobx-react": "^9.1.0",
+        "mobx-react": "^9.1.1",
         "mobx-restful": "^0.7.0-rc.0",
-        "mobx-restful-table": "^2.0.0-rc.0",
-        "react": "^18.2.0",
-        "react-bootstrap": "^2.10.0",
-        "react-bootstrap-editor": "^2.0.0",
-        "react-dom": "^18.2.0",
+        "mobx-restful-table": "^2.0.0-rc.1",
+        "preact": "^10.20.2",
+        "react-bootstrap": "^2.10.2",
+        "react-bootstrap-editor": "^2.0.1",
         "react-editor-js": "^2.1.0",
         "react-router-class-tools": "^0.1.3",
-        "react-router-dom": "^6.21.3",
-        "web-utility": "^4.1.3"
+        "react-router-dom": "^6.22.3",
+        "web-utility": "^4.3.0"
     },
     "devDependencies": {
-        "@babel/runtime": "^7.23.9",
-        "@octokit/openapi-types": "^19.1.0",
-        "@parcel/config-default": "~2.11.0",
-        "@parcel/packager-raw-url": "~2.11.0",
-        "@parcel/transformer-less": "~2.11.0",
-        "@parcel/transformer-typescript-tsc": "~2.11.0",
-        "@parcel/transformer-webmanifest": "~2.11.0",
-        "@types/lodash": "^4.14.202",
-        "@types/node": "^18.19.10",
-        "@types/react": "^18.2.48",
-        "@types/react-dom": "^18.2.18",
-        "husky": "^9.0.7",
-        "lint-staged": "^15.2.0",
-        "parcel": "~2.11.0",
-        "prettier": "^3.2.4",
+        "@babel/runtime": "^7.24.4",
+        "@octokit/openapi-types": "^22.0.1",
+        "@parcel/config-default": "~2.12.0",
+        "@parcel/packager-raw-url": "~2.12.0",
+        "@parcel/transformer-less": "~2.12.0",
+        "@parcel/transformer-typescript-tsc": "~2.12.0",
+        "@parcel/transformer-webmanifest": "~2.12.0",
+        "@types/lodash": "^4.17.0",
+        "@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",
-        "typescript": "~5.3.3",
+        "typescript": "~5.4.5",
         "workbox-cli": "^7.0.0"
     },
+    "alias": {
+        "react": "preact/compat",
+        "react-dom/test-utils": "preact/test-utils",
+        "react-dom": "preact/compat",
+        "react/jsx-runtime": "preact/jsx-runtime"
+    },
     "prettier": {
         "singleQuote": true,
         "trailingComma": "none",
@@ -66,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"
     }
 }