Merge pull request #503 from thematters/feat/paste-drop-plugin

Drop and paste plugin

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@matters/matters-editor",
-  "version": "0.2.5-alpha.9",
+  "version": "0.3.0-alpha.0",
   "description": "Editor for matters.news",
   "author": "https://github.com/thematters",
   "homepage": "https://github.com/thematters/matters-editor",
@@ -21,9 +21,9 @@
     "build:demo": "rollup --config demo/rollup.config.js --bundleConfigAsCjs",
     "post:build": "node --loader ts-node/esm --experimental-specifier-resolution=node ./bin/post-build.js",
     "build:examples": "node --loader ts-node/esm --experimental-specifier-resolution=node ./bin/build-examples.ts",
-    "format": "prettier --write \"{src,}/**/*.{ts,tsx,json,tsx}\"",
-    "lint": "tsc && eslint --quiet src/**/*.{ts,tsx}",
-    "lint:fix": "eslint --fix src/**/*.{ts,tsx}",
+    "format": "prettier --write \"{src,}/**/*.{ts,json,tsx}\"",
+    "lint": "tsc && eslint --quiet src/**/*.ts",
+    "lint:fix": "eslint --fix src/**/*.ts",
     "test": "vitest --run",
     "prepare": "husky",
     "demo:transformers": "npm run build:demo && http-server ./demo",
@@ -34,29 +34,32 @@
     "react-dom": ">=17.0.0"
   },
   "dependencies": {
-    "@tiptap/core": "2.4.0",
-    "@tiptap/extension-blockquote": "2.4.0",
-    "@tiptap/extension-bullet-list": "2.4.0",
-    "@tiptap/extension-code-block": "2.4.0",
-    "@tiptap/extension-document": "2.4.0",
-    "@tiptap/extension-gapcursor": "2.4.0",
-    "@tiptap/extension-hard-break": "2.4.0",
-    "@tiptap/extension-heading": "2.4.0",
-    "@tiptap/extension-history": "2.4.0",
-    "@tiptap/extension-horizontal-rule": "2.4.0",
-    "@tiptap/extension-list-item": "2.4.0",
-    "@tiptap/extension-ordered-list": "2.4.0",
-    "@tiptap/extension-paragraph": "2.4.0",
-    "@tiptap/extension-placeholder": "2.4.0",
-    "@tiptap/extension-strike": "2.4.0",
-    "@tiptap/extension-text": "2.4.0",
-    "@tiptap/pm": "2.4.0",
-    "@tiptap/react": "2.4.0",
-    "@tiptap/suggestion": "2.4.0",
+    "@tiptap/core": "2.5.8",
+    "@tiptap/extension-blockquote": "2.5.8",
+    "@tiptap/extension-bubble-menu": "^2.5.8",
+    "@tiptap/extension-bullet-list": "2.5.8",
+    "@tiptap/extension-code-block": "2.5.8",
+    "@tiptap/extension-document": "2.5.8",
+    "@tiptap/extension-dropcursor": "^2.5.8",
+    "@tiptap/extension-floating-menu": "^2.5.8",
+    "@tiptap/extension-gapcursor": "2.5.8",
+    "@tiptap/extension-hard-break": "2.5.8",
+    "@tiptap/extension-heading": "2.5.8",
+    "@tiptap/extension-history": "2.5.8",
+    "@tiptap/extension-horizontal-rule": "2.5.8",
+    "@tiptap/extension-list-item": "2.5.8",
+    "@tiptap/extension-ordered-list": "2.5.8",
+    "@tiptap/extension-paragraph": "2.5.8",
+    "@tiptap/extension-placeholder": "2.5.8",
+    "@tiptap/extension-strike": "2.5.8",
+    "@tiptap/extension-text": "2.5.8",
+    "@tiptap/pm": "2.5.8",
+    "@tiptap/react": "2.5.8",
+    "@tiptap/suggestion": "2.5.8",
     "hast-util-to-html": "^9.0.1",
     "linkifyjs": "^4.1.3",
     "mdast-util-gfm-strikethrough": "^2.0.0",
-    "micromark-extension-gfm-strikethrough": "^2.0.0",
+    "micromark-extension-gfm-strikethrough": "^2.1.0",
     "micromark-util-combine-extensions": "^2.0.0",
     "rehype-external-links": "^3.0.0",
     "rehype-format": "^5.0.0",
@@ -72,12 +75,12 @@
     "remark-parse": "^11.0.0",
     "remark-rehype": "^11.1.0",
     "remark-stringify": "^11.0.0",
-    "unified": "^11.0.4",
+    "unified": "^11.0.5",
     "validator": "^13.12.0",
     "zeed-dom": "^0.13.3"
   },
   "devDependencies": {
-    "@eslint/js": "^9.4.0",
+    "@eslint/js": "^9.8.0",
     "@rollup/plugin-commonjs": "^25.0.7",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-replace": "^5.0.5",
@@ -91,27 +94,27 @@
     "@types/node": "^20.11.25",
     "@types/react": "^17.0.53",
     "@types/react-dom": "^17.0.19",
-    "@types/validator": "^13.11.10",
+    "@types/validator": "^13.12.0",
     "benny": "^3.7.1",
     "common-tags": "^1.8.2",
-    "eslint": "^9.4.0",
-    "eslint-config-love": "^52.0.0",
+    "eslint": "^9.8.0",
+    "eslint-config-love": "^62.0.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-react": "^7.34.2",
-    "eslint-plugin-simple-import-sort": "^12.1.0",
+    "eslint-plugin-react": "^7.35.0",
+    "eslint-plugin-simple-import-sort": "^12.1.1",
     "fs-extra": "^11.2.0",
     "http-server": "^14.1.1",
-    "husky": "^9.0.11",
+    "husky": "^9.1.4",
     "natural-compare-lite": "^1.4.0",
-    "prettier": "^3.3.1",
+    "prettier": "^3.3.3",
     "rollup": "^3.25.3",
     "rollup-plugin-dts": "^5.3.0",
     "rollup-plugin-generate-package-json": "^3.2.0",
     "ts-node": "^10.9.2",
     "tslib": "^2.6.3",
-    "typescript": "^5.4.5",
-    "typescript-eslint": "^7.12.0",
-    "vitest": "^1.6.0"
+    "typescript": "^5.5.4",
+    "typescript-eslint": "^7.18.0",
+    "vitest": "^2.0.4"
   },
   "prettier": {
     "singleQuote": true,

readme.md

@@ -26,15 +26,16 @@ The editor core, built with [TipTap](https://tiptap.dev) & [ProseMirror](https:/
 ```tsx
 import {
   EditorContent,
-  useArticleEdtor,
-  useCommentEditor,
+  articleEditorExtensions,
+  useEditor,
 } from '@matters/matters-editor'
 
 const Editor = () => {
-  const editor = useArticleEdtor({
+  const editor = useEditor({
     editable: true,
     placeholder: 'Write your article here...',
     content: '', // initial content
+    extensions: articleEditorExtensions,
     onUpdate: async ({ editor, transaction }) => {
       const content = editor.getHTML()
       // update({ content })