[migrate] replace Vite with Parcel to simplify StoryBook configuration

[optimize] upgrade to Node.js 22 & other latest Upstream packages

Author: TechQuery

.github/workflows/main.yml

@@ -17,7 +17,7 @@ jobs:
                   version: 9
             - uses: actions/setup-node@v4
               with:
-                  node-version: 20
+                  node-version: 22
                   registry-url: https://registry.npmjs.org
                   cache: pnpm
             - name: Install Dependencies

.storybook/.parcelrc

@@ -0,0 +1,3 @@
+{
+  "extends": "@parcel/config-storybook"
+}

.storybook/main.ts

@@ -1,10 +1,9 @@
-import type { StorybookConfig } from "@storybook/react-vite";
 import path from "path";
 import remarkGfm from "remark-gfm";
 
 import prettierConfig from "./prettier.config";
 
-const config: StorybookConfig = {
+const config = {
   stories: ["../stories/**/*.mdx", "../stories/**/*.stories.@(js|jsx|ts|tsx)"],
   addons: [
     "@storybook/addon-links",
@@ -37,7 +36,7 @@ const config: StorybookConfig = {
     reactDocgen: "react-docgen-typescript",
   },
   framework: {
-    name: "@storybook/react-vite",
+    name: "storybook-react-parcel",
     options: {},
   },
   docs: {

.vscode/extensions.json

@@ -12,6 +12,7 @@
         "rangav.vscode-thunder-client",
         "eamodio.gitlens",
         "github.vscode-pull-request-github",
-        "github.vscode-github-actions"
+        "github.vscode-github-actions",
+        "github.copilot"
     ]
 }

package.json

@@ -23,19 +23,19 @@
     "main": "dist/index.js",
     "dependencies": {
         "@editorjs/editorjs": "^2.30.7",
-        "@editorjs/paragraph": "^2.11.6",
+        "@editorjs/paragraph": "^2.11.7",
         "@react-editor-js/core": "^2.1.0",
         "@swc/helpers": "^0.5.15",
         "classnames": "^2.5.1",
-        "editorjs-html": "^3.4.3",
+        "editorjs-html": "^4.0.5",
         "html2canvas": "^1.4.1",
         "iterable-observer": "^1.1.0",
         "lodash": "^4.17.21",
-        "mobx": ">=6.11",
-        "mobx-react": ">=9.1",
+        "mobx": "^6.13.5",
+        "mobx-react": "^9.2.0",
         "mobx-react-helper": "^0.3.1",
         "prismjs": "^1.29.0",
-        "react-bootstrap": "^2.10.5",
+        "react-bootstrap": "^2.10.8",
         "react-editor-js": "^2.1.0",
         "react-element-to-jsx-string": "^15.0.0",
         "web-utility": "^4.4.2"
@@ -47,56 +47,58 @@
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.25.9",
         "@babel/preset-typescript": "^7.26.0",
-        "@eslint/compat": "^1.2.3",
-        "@eslint/js": "~9.14.0",
-        "@microsoft/api-extractor": "^7.47.11",
-        "@parcel/config-default": "~2.13.0",
-        "@parcel/packager-ts": "~2.13.0",
-        "@parcel/transformer-less": "2.13.0",
-        "@parcel/transformer-typescript-tsc": "~2.13.0",
-        "@parcel/transformer-typescript-types": "~2.13.0",
-        "@softonus/prettier-plugin-duplicate-remover": "^1.0.1",
+        "@eslint/compat": "^1.2.5",
+        "@eslint/js": "^9.18.0",
+        "@mdx-js/react": "^3.1.0",
+        "@microsoft/api-extractor": "^7.49.1",
+        "@parcel/config-default": "~2.13.3",
+        "@parcel/config-storybook": "^0.0.2",
+        "@parcel/packager-ts": "~2.13.3",
+        "@parcel/transformer-less": "~2.13.3",
+        "@parcel/transformer-mdx": "~2.13.3",
+        "@parcel/transformer-typescript-tsc": "~2.13.3",
+        "@parcel/transformer-typescript-types": "~2.13.3",
+        "@softonus/prettier-plugin-duplicate-remover": "^1.1.2",
         "@storybook/addon-console": "^3.0.0",
-        "@storybook/addon-docs": "^8.4.4",
-        "@storybook/addon-essentials": "^8.4.4",
-        "@storybook/addon-interactions": "^8.4.4",
-        "@storybook/addon-links": "^8.4.4",
-        "@storybook/addon-storysource": "^8.4.4",
-        "@storybook/blocks": "^8.4.4",
-        "@storybook/react": "^8.4.4",
-        "@storybook/react-vite": "^8.4.4",
-        "@storybook/test": "^8.4.4",
-        "@types/lodash": "^4.17.13",
-        "@types/node": "^20.17.6",
+        "@storybook/addon-docs": "^8.5.0",
+        "@storybook/addon-essentials": "^8.5.0",
+        "@storybook/addon-interactions": "^8.5.0",
+        "@storybook/addon-links": "^8.5.0",
+        "@storybook/addon-storysource": "^8.5.0",
+        "@storybook/blocks": "^8.5.0",
+        "@storybook/react": "^8.5.0",
+        "@storybook/test": "^8.5.0",
+        "@types/lodash": "^4.17.14",
+        "@types/node": "^22.10.7",
         "@types/prismjs": "^1.26.5",
-        "@types/react": "^18.3.12",
-        "@types/react-dom": "^18.3.1",
-        "@vitejs/plugin-react": "^4.3.3",
-        "eslint": "~9.14.0",
+        "@types/react": "^18.3.18",
+        "@types/react-dom": "^18.3.5",
+        "buffer": "^6.0.3",
+        "eslint": "^9.18.0",
         "eslint-config-prettier": "^9.1.0",
-        "eslint-plugin-react": "^7.37.2",
+        "eslint-plugin-react": "^7.37.4",
         "eslint-plugin-simple-import-sort": "^12.1.1",
-        "globals": "^15.12.0",
-        "husky": "^9.1.6",
+        "globals": "^15.14.0",
+        "husky": "^9.1.7",
         "koapache": "^2.2.2",
-        "less": "^4.2.0",
-        "lint-staged": "^15.2.10",
-        "parcel": "~2.13.0",
-        "postcss-preset-env": "^10.1.0",
-        "prettier": "^3.3.3",
+        "less": "^4.2.2",
+        "lint-staged": "^15.4.1",
+        "parcel": "~2.13.3",
+        "postcss": "^8.5.1",
+        "prettier": "^3.4.2",
         "prettier-plugin-css-order": "^2.1.2",
         "process": "^0.11.10",
         "prop-types": "15.8.1",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
         "remark-gfm": "^4.0.0",
         "rimraf": "^6.0.1",
-        "storybook": "^8.4.4",
-        "typedoc": "^0.26.11",
-        "typedoc-plugin-mdn-links": "^3.3.7",
-        "typescript": "~5.6.3",
-        "typescript-eslint": "^8.14.0",
-        "vite": "^5.4.11"
+        "storybook": "^8.5.0",
+        "storybook-react-parcel": "^0.0.1",
+        "typedoc": "^0.27.6",
+        "typedoc-plugin-mdn-links": "^4.0.9",
+        "typescript": "~5.7.3",
+        "typescript-eslint": "^8.21.0"
     },
     "prettier": {
         "singleQuote": true,
@@ -112,6 +114,9 @@
         "*.{md,less,json,yml,js,mjs,ts,tsx}": "prettier --write",
         "*.{js,ts,tsx}": "eslint --fix"
     },
+    "@parcel/resolver-default": {
+        "packageExports": true
+    },
     "browserslist": "> 0.5%, last 2 versions, not dead, IE 11",
     "targets": {
         "main": {