Merge pull request #80 from useplunk/75-pasting-an-link-with-a-template-tag-breaks-the-template

Added proper handling for pasted links in Plunk editor
This commit is contained in:
Dries Augustyns
2024-09-07 12:35:24 +02:00
committed by GitHub
2 changed files with 52 additions and 38 deletions
+36 -38
View File
@@ -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"
}
}
@@ -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 }) => {