chore: upgrade react 19

Author: hunghg255

eslint.config.js

@@ -1,12 +1,25 @@
-import antfu from '@antfu/eslint-config'
+import { basic, react } from '@hunghg255/eslint-config';
+import tailwind from 'eslint-plugin-tailwindcss';
 
-export default antfu({
-  jsonc: false,
-  yaml: false,
-  react: true,
-  toml: false,
-  rules: {
-    'node/prefer-global/process': 'off',
-    'ts/ban-ts-comment': 'warn',
+export default [
+  ...basic(),
+  ...react(),
+  ...tailwind.configs['flat/recommended'],
+  {
+    rules: {
+      indent: 'warn',
+      "@typescript-eslint/unbound-method": "off",
+      quotes: ["error", "single"]
+    },
   },
-})
+  {
+    ignores: [
+      'dist/**/*.ts',
+      'dist/**',
+      'contributorkit.config.ts',
+      'tailwind.config.js',
+      'postcss.config.js',
+      'playground/**'
+    ],
+  },
+];

package.json

@@ -2,45 +2,69 @@
   "name": "reactjs-tiptap-editor",
   "type": "module",
   "version": "0.1.16",
+  "packageManager": "pnpm@8.15.9",
+  "description": "A modern WYSIWYG rich text editor based on tiptap and shadcn ui for React",
+  "license": "MIT",
+  "homepage": "https://reactjs-tiptap-editor.vercel.app/",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/hunghg255/reactjs-tiptap-editor.git"
+  },
+  "bugs": "https://github.com/hunghg255/reactjs-tiptap-editor/issues",
+  "keywords": [
+    "react",
+    "tiptap",
+    "editor",
+    "wysiwyg",
+    "rich-text",
+    "reactjs-tiptap-editor",
+    "tiptap-editor",
+    "tiptap-react",
+    "tiptap-react-editor",
+    "tiptap-react-wysiwyg",
+    "tiptap-react-rich-text",
+    "tiptap-react-rc-editor",
+    "tiptap-react-rc-wysiwyg",
+    "tiptap-react-rc-rich-text"
+  ],
+  "sideEffects": false,
   "main": "./lib/index.cjs",
   "module": "./lib/index.js",
   "types": "./lib/index.d.ts",
-  "description": "A modern WYSIWYG rich text editor based on tiptap and shadcn ui for React",
-  "packageManager": "pnpm@8.15.9",
   "exports": {
     ".": {
-      "import": {
-        "types": "./lib/index.d.ts",
-        "default": "./lib/index.js"
-      },
       "require": {
         "types": "./lib/index.d.cts",
         "default": "./lib/index.cjs"
+      },
+      "import": {
+        "types": "./lib/index.d.ts",
+        "default": "./lib/index.js"
       }
     },
     "./extension-bundle": {
-      "import": {
-        "types": "./lib/extension-bundle.d.ts",
-        "default": "./lib/extension-bundle.js"
-      },
       "require": {
         "types": "./lib/extension-bundle.d.cts",
         "default": "./lib/extension-bundle.cjs"
+      },
+      "import": {
+        "types": "./lib/extension-bundle.d.ts",
+        "default": "./lib/extension-bundle.js"
       }
     },
     "./locale-bundle": {
-      "import": {
-        "types": "./lib/locale-bundle.d.ts",
-        "default": "./lib/locale-bundle.js"
-      },
       "require": {
         "types": "./lib/locale-bundle.d.cts",
         "default": "./lib/locale-bundle.cjs"
+      },
+      "import": {
+        "types": "./lib/locale-bundle.d.ts",
+        "default": "./lib/locale-bundle.js"
       }
     },
     "./style.css": {
-      "import": "./lib/style.css",
-      "require": "./lib/style.css"
+      "require": "./lib/style.css",
+      "import": "./lib/style.css"
     },
     "./lib/*": "./lib/*",
     "./package.json": "./package.json",
@@ -60,8 +84,6 @@
       ]
     }
   },
-  "sideEffects": false,
-  "license": "MIT",
   "files": [
     "lib",
     "package.json",
@@ -92,7 +114,7 @@
     "gen-contributors": "contributorkit"
   },
   "dependencies": {
-    "@excalidraw/excalidraw": "^0.17.6",
+    "@excalidraw/excalidraw": "^0.17.0",
     "@radix-ui/react-checkbox": "^1.1.4",
     "@radix-ui/react-dialog": "^1.1.6",
     "@radix-ui/react-dropdown-menu": "^2.1.6",
@@ -171,23 +193,25 @@
     "svg64": "^2.0.0",
     "tippy.js": "^6.3.7"
   },
+  "peerDependencies": {
+    "react": "^16.8 || ^17.0 || ^18.0 || ^19.0",
+    "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0"
+  },
   "devDependencies": {
-    "@antfu/eslint-config": "^2.27.3",
     "@eslint-react/eslint-plugin": "^1.30.2",
-    "@total-typescript/ts-reset": "^0.5.1",
+    "@hunghg255/eslint-config": "^0.0.16",
     "@types/deep-equal": "^1.0.4",
     "@types/katex": "^0.16.7",
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^22.13.9",
-    "@types/react": "^18.3.18",
-    "@types/react-dom": "^18.3.5",
+    "@types/react": "^19.0.10",
+    "@types/react-dom": "^19.0.4",
     "@vitejs/plugin-react": "^4.3.4",
     "autoprefixer": "^10.4.20",
     "bumpp": "^9.11.1",
     "contributorkit": "^0.0.4",
-    "eslint": "^8.57.1",
-    "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-react-refresh": "^0.4.19",
+    "eslint": "^9.20.1",
+    "eslint-plugin-tailwindcss": "^3.18.0",
     "esno": "^4.8.0",
     "execa": "^9.5.2",
     "git-scm-hooks": "^0.0.11",
@@ -197,15 +221,15 @@
     "postcss": "^8.5.3",
     "postcss-replace": "^2.0.1",
     "postcss-scss": "^4.0.9",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "sass": "^1.85.1",
     "tailwind-merge": "^2.6.0",
     "tailwindcss": "^3.4.17",
     "tailwindcss-animate": "^1.0.7",
-    "typescript": "^5.8.2",
+    "typescript": "^5.7.3",
     "verify-commit-msg": "^0.0.14",
-    "vite": "^5.4.14",
+    "vite": "^6.2.1",
     "vite-plugin-dts": "^4.5.3"
   },
   "browserslist": [
@@ -217,31 +241,5 @@
   "git-hooks": {
     "pre-commit": "npm run lint:fix",
     "commit-msg": "npm run verify-commit"
-  },
-  "peerDependencies": {
-    "react": ">= 17.0.0",
-    "react-dom": ">= 17.0.0"
-  },
-  "keywords": [
-    "react",
-    "tiptap",
-    "editor",
-    "wysiwyg",
-    "rich-text",
-    "reactjs-tiptap-editor",
-    "tiptap-editor",
-    "tiptap-react",
-    "tiptap-react-editor",
-    "tiptap-react-wysiwyg",
-    "tiptap-react-rich-text",
-    "tiptap-react-rc-editor",
-    "tiptap-react-rc-wysiwyg",
-    "tiptap-react-rc-rich-text"
-  ],
-  "homepage": "https://reactjs-tiptap-editor.vercel.app/",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/hunghg255/reactjs-tiptap-editor.git"
-  },
-  "bugs": "https://github.com/hunghg255/reactjs-tiptap-editor/issues"
+  }
 }

playground/package.json

@@ -11,44 +11,24 @@
     "lint": "eslint --ext .ts,.tsx src --color",
     "format": "prettier --write \"./src/**/*.{ts,tsx,json}\"",
     "analyze": "npm run lint && tsc && vite build --mode=analyze && source-map-explorer 'dist/assets/*.js'",
-    "verify-commit": "verify-commit-msg",
-    "postinstall": "git-scm-hooks",
     "release": "bumpp -r"
   },
   "dependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "reactjs-tiptap-editor": "workspace:*"
   },
   "devDependencies": {
-    "@hunghg255/eslint-config-react": "^0.0.18",
-    "@total-typescript/ts-reset": "^0.5.1",
     "@types/node": "^22.3.0",
-    "@types/react": "^18.3.3",
-    "@types/react-dom": "^18.3.0",
+    "@types/react": "^19.0.10",
+    "@types/react-dom": "^19.0.4",
     "@vitejs/plugin-react": "^4.3.1",
     "bumpp": "^9.5.1",
-    "eslint": "^8.57.0",
-    "eslint-config-react-app": "^7.0.1",
     "git-scm-hooks": "^0.0.11",
     "prettier": "^2.8.8",
     "sass": "^1.77.8",
     "source-map-explorer": "^2.5.3",
-    "typescript": "^5.5.4",
-    "verify-commit-msg": "^0.0.14",
-    "vite": "^5.4.0",
-    "vite-plugin-checker": "^0.7.2",
-    "vite-plugin-environment": "^1.1.3",
-    "vite-plugin-lightningcss": "^0.0.5"
-  },
-  "browserslist": [
-    ">0.3%",
-    "not ie 11",
-    "not dead",
-    "not op_mini all"
-  ],
-  "git-hooks": {
-    "pre-commit": "npm run lint",
-    "commit-msg": "npm run verify-commit"
+    "typescript": "^5.7.3",
+    "vite": "^6.2.0"
   }
 }

playground/src/types/reset.d.ts

@@ -2,30 +2,18 @@ import * as path from 'node:path'
 
 import react from '@vitejs/plugin-react'
 import { defineConfig } from 'vite'
-import checker from 'vite-plugin-checker'
-import EnvironmentPlugin from 'vite-plugin-environment'
 
 // https://vitejs.dev/config/
 export default defineConfig(({ mode }) => {
   const isDev = mode !== 'production'
   const isAnalyze = mode === 'analyze'
 
   return {
+    define: {
+      'process.env': {}
+    },
     plugins: [
       react(),
-      EnvironmentPlugin('all'),
-      //  resolve({ "react-codemirror2": `
-      //       const UnControlled = {};
-      //       export {
-      //         UnControlled,
-      //       }`
-      //   }
-      checker({
-        typescript: true,
-      }),
-      // lightningcss({
-      //   browserslist: '>= 0.25%',
-      // }),
     ],
     optimizeDeps: {
       include: ['react'],