1
0
silverbullet/packages/web/editor_paste.ts

121 lines
3.7 KiB
TypeScript
Raw Normal View History

import { EditorView, ViewPlugin, ViewUpdate } from "@codemirror/view";
import { safeRun } from "@plugos/plugos/util";
import { Space } from "@silverbulletmd/common/spaces/space";
import { maximumAttachmentSize } from "@silverbulletmd/common/types";
2022-05-16 13:09:36 +00:00
import { createImportSpecifier } from "typescript";
import { Editor } from "./editor";
2022-04-11 18:34:09 +00:00
const urlRegexp =
/^https?:\/\/[-a-zA-Z0-9@:%._\+~#=]{1,256}([-a-zA-Z0-9()@:%_\+.~#?&//=]*)/;
2022-03-30 13:16:22 +00:00
2022-05-16 13:09:36 +00:00
// Known iOS Safari paste issue (unrelated to this implementation): https://voxpelli.com/2015/03/ios-safari-url-copy-paste-bug/
2022-03-30 13:16:22 +00:00
export const pasteLinkExtension = ViewPlugin.fromClass(
class {
update(update: ViewUpdate): void {
update.transactions.forEach((tr) => {
if (tr.isUserEvent("input.paste")) {
let pastedText: string[] = [];
let from = 0;
let to = 0;
tr.changes.iterChanges((fromA, toA, fromB, toB, inserted) => {
pastedText.push(inserted.sliceString(0));
from = fromA;
to = toB;
});
let pastedString = pastedText.join("");
if (pastedString.match(urlRegexp)) {
let selection = update.startState.selection.main;
if (!selection.empty) {
setTimeout(() => {
update.view.dispatch({
changes: [
{
from: from,
to: to,
insert: `[${update.startState.sliceDoc(
selection.from,
selection.to
)}](${pastedString})`,
},
],
});
});
}
}
}
});
}
}
);
export function attachmentExtension(editor: Editor) {
return EditorView.domEventHandlers({
dragover: (event) => {
event.preventDefault();
},
drop: (event: DragEvent) => {
// TODO: This doesn't take into account the target cursor position,
// it just drops the attachment wherever the cursor was last.
if (event.dataTransfer) {
let payload = [...event.dataTransfer.items];
safeRun(async () => {
await processFileTransfer(payload);
});
}
},
paste: (event: ClipboardEvent) => {
let payload = [...event.clipboardData!.items];
safeRun(async () => {
await processFileTransfer(payload);
});
},
});
async function processFileTransfer(payload: DataTransferItem[]) {
if (!payload.length || payload.length === 0) {
return false;
}
let file = payload.find((item) => item.kind === "file");
if (!file) {
return false;
}
const fileType = file.type;
let data = await file!.getAsFile()?.arrayBuffer();
if (data!.byteLength > maximumAttachmentSize) {
editor.flashNotification(
`Attachment is too large, maximum is ${
maximumAttachmentSize / 1024 / 1024
}MB`,
"error"
);
return;
}
let ext = fileType.split("/")[1];
let fileName = new Date()
.toISOString()
.split(".")[0]
.replace("T", "_")
.replaceAll(":", "-");
let finalFileName = prompt(
"File name for pasted attachment",
`${fileName}.${ext}`
);
if (!finalFileName) {
return;
}
await editor.space.writeAttachment(finalFileName, data!);
let attachmentMarkdown = `[${finalFileName}](attachment/${finalFileName})`;
if (fileType.startsWith("image/")) {
attachmentMarkdown = `![](attachment/${finalFileName})`;
}
editor.editorView!.dispatch({
changes: [
{
insert: attachmentMarkdown,
from: editor.editorView!.state.selection.main.from,
},
],
});
}
}