Merge pull request #80 from useplunk/75-pasting-an-link-with-a-templa…

…te-tag-breaks-the-template

Added proper handling for pasted links in Plunk editor

package.json

@@ -1,40 +1,38 @@
 {
-  "name": "plunk",
-  "version": "1.0.3",
-  "private": true,
-  "license": "agpl-3.0",
-  "workspaces": {
-    "packages": [
-      "packages/*"
-    ]
-  },
-  "engines": {
-    "npm": ">=6.14.x",
-    "yarn": "1.22.x",
-    "node": ">=18.x"
-  },
-  "devDependencies": {
-    "@biomejs/biome": "^1.8.3",
-    "lerna": "^8.1.6",
-    "prisma": "^5.17.0",
-    "rimraf": "^5.0.9"
-  },
-  "dependencies": {
-    "@prisma/client": "^5.17.0"
-  },
-  "scripts": {
-    "dev:api": "yarn workspace @plunk/api dev",
-    "dev:dashboard": "yarn workspace @plunk/dashboard dev",
-    "dev:shared": "yarn workspace @plunk/shared dev",
-    "build:api": "yarn build:shared && yarn workspace @plunk/api build",
-    "build:dashboard": "yarn build:shared && yarn workspace @plunk/dashboard build",
-    "build:shared": "yarn generate && yarn workspace @plunk/shared build",
-    "clean": "rimraf node_modules yarn.lock && yarn add lerna -DW && lerna run clean",
-    "preinstall": "node tools/preinstall.js",
-    "migrate": "prisma migrate dev",
-    "migrate:deploy": "prisma migrate deploy",
-    "generate": "prisma generate",
-    "services:up": "docker compose -f docker-compose.dev.yml up -d",
-    "services:down": "docker compose -f docker-compose.dev.yml down"
-  }
+	"name": "plunk",
+	"version": "1.0.4",
+	"private": true,
+	"license": "agpl-3.0",
+	"workspaces": {
+		"packages": ["packages/*"]
+	},
+	"engines": {
+		"npm": ">=6.14.x",
+		"yarn": "1.22.x",
+		"node": ">=18.x"
+	},
+	"devDependencies": {
+		"@biomejs/biome": "^1.8.3",
+		"lerna": "^8.1.6",
+		"prisma": "^5.17.0",
+		"rimraf": "^5.0.9"
+	},
+	"dependencies": {
+		"@prisma/client": "^5.17.0"
+	},
+	"scripts": {
+		"dev:api": "yarn workspace @plunk/api dev",
+		"dev:dashboard": "yarn workspace @plunk/dashboard dev",
+		"dev:shared": "yarn workspace @plunk/shared dev",
+		"build:api": "yarn build:shared && yarn workspace @plunk/api build",
+		"build:dashboard": "yarn build:shared && yarn workspace @plunk/dashboard build",
+		"build:shared": "yarn generate && yarn workspace @plunk/shared build",
+		"clean": "rimraf node_modules yarn.lock && yarn add lerna -DW && lerna run clean",
+		"preinstall": "node tools/preinstall.js",
+		"migrate": "prisma migrate dev",
+		"migrate:deploy": "prisma migrate deploy",
+		"generate": "prisma generate",
+		"services:up": "docker compose -f docker-compose.dev.yml up -d",
+		"services:down": "docker compose -f docker-compose.dev.yml down"
+	}
 }

packages/dashboard/src/components/Input/MarkdownEditor/Editor.tsx

@@ -108,6 +108,22 @@ export default function Editor({ value, onChange, mode, modeSwitcher }: Markdown
 				keydown: (_view, event) => {
 					return event.key === "Enter" && !event.shiftKey;
 				},
+				paste: (view, event) => {
+					const text = event.clipboardData?.getData("text");
+					const urlPattern = /^(https?:\/\/)?([\w-]+\.)+[\w-]+(\/[\w- ./?%&=]*({{[\w-]+}})?)*$/;
+
+					if (editor && text && urlPattern.test(text)) {
+						event.preventDefault();
+						editor
+							.chain()
+							.focus()
+							.extendMarkRange("link")
+							.setLink({ href: text.startsWith("http") ? text : `https://${text}`, target: "_blank" })
+							.run();
+						editor.commands.insertContent(text);
+					}
+					return true;
+				},
 			},
 		},
 		onUpdate: ({ editor }) => {