@bigbluebutton/tldraw 2.0.0-alpha.19

package/dist-cjs/lib/ui/hooks/useClipboardEvents.js

@@ -0,0 +1,463 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useClipboardEvents_exports = {};
+__export(useClipboardEvents_exports, {
+  isValidHttpURL: () => isValidHttpURL,
+  useMenuClipboardEvents: () => useMenuClipboardEvents,
+  useNativeClipboardEvents: () => useNativeClipboardEvents
+});
+module.exports = __toCommonJS(useClipboardEvents_exports);
+var import_editor = require("@bigbluebutton/editor");
+var import_lz_string = require("lz-string");
+var import_react = require("react");
+var import_pasteExcalidrawContent = require("./clipboard/pasteExcalidrawContent");
+var import_pasteFiles = require("./clipboard/pasteFiles");
+var import_pasteTldrawContent = require("./clipboard/pasteTldrawContent");
+var import_pasteUrl = require("./clipboard/pasteUrl");
+var import_useEventsProvider = require("./useEventsProvider");
+function stripHtml(html) {
+  const doc = document.implementation.createHTMLDocument("");
+  doc.documentElement.innerHTML = html.trim();
+  return doc.body.textContent || doc.body.innerText || "";
+}
+const isValidHttpURL = (url) => {
+  try {
+    const u = new URL(url);
+    return u.protocol === "http:" || u.protocol === "https:";
+  } catch (e) {
+    return false;
+  }
+};
+const getValidHttpURLList = (url) => {
+  const urls = url.split(/[\n\s]/);
+  for (const url2 of urls) {
+    try {
+      const u = new URL(url2);
+      if (!(u.protocol === "http:" || u.protocol === "https:")) {
+        return;
+      }
+    } catch (e) {
+      return;
+    }
+  }
+  return (0, import_editor.uniq)(urls);
+};
+const isSvgText = (text) => {
+  return /^<svg/.test(text);
+};
+const INPUTS = ["input", "select", "textarea"];
+function disallowClipboardEvents(editor) {
+  const { activeElement } = document;
+  return editor.getIsMenuOpen() || activeElement && (activeElement.getAttribute("contenteditable") || INPUTS.indexOf(activeElement.tagName.toLowerCase()) > -1);
+}
+async function blobAsString(blob) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.addEventListener("loadend", () => {
+      const text = reader.result;
+      resolve(text);
+    });
+    reader.addEventListener("error", () => {
+      reject(reader.error);
+    });
+    reader.readAsText(blob);
+  });
+}
+const isFile = (item) => {
+  return item.types.find((i) => i.match(/^image\//));
+};
+const handleText = (editor, data, point, sources) => {
+  const validUrlList = getValidHttpURLList(data);
+  if (validUrlList) {
+    for (const url of validUrlList) {
+      (0, import_pasteUrl.pasteUrl)(editor, url, point);
+    }
+  } else if (isValidHttpURL(data)) {
+    (0, import_pasteUrl.pasteUrl)(editor, data, point);
+  } else if (isSvgText(data)) {
+    editor.mark("paste");
+    editor.putExternalContent({
+      type: "svg-text",
+      text: data,
+      point,
+      sources
+    });
+  } else {
+    editor.mark("paste");
+    editor.putExternalContent({
+      type: "text",
+      text: data,
+      point,
+      sources
+    });
+  }
+};
+const handlePasteFromEventClipboardData = async (editor, clipboardData, point) => {
+  if (editor.getEditingShapeId() !== null)
+    return;
+  if (!clipboardData) {
+    throw Error("No clipboard data");
+  }
+  const things = [];
+  for (const item of Object.values(clipboardData.items)) {
+    switch (item.kind) {
+      case "file": {
+        things.push({
+          type: "file",
+          source: new Promise((r) => r(item.getAsFile()))
+        });
+        break;
+      }
+      case "string": {
+        if (item.type === "text/html") {
+          things.push({
+            type: "html",
+            source: new Promise((r) => item.getAsString(r))
+          });
+        } else if (item.type === "text/plain") {
+          things.push({
+            type: "text",
+            source: new Promise((r) => item.getAsString(r))
+          });
+        } else {
+          things.push({ type: item.type, source: new Promise((r) => item.getAsString(r)) });
+        }
+        break;
+      }
+    }
+  }
+  handleClipboardThings(editor, things, point);
+};
+const handlePasteFromClipboardApi = async (editor, clipboardItems, point) => {
+  const things = [];
+  for (const item of clipboardItems) {
+    if (isFile(item)) {
+      for (const type of item.types) {
+        if (type.match(/^image\//)) {
+          things.push({ type: "blob", source: item.getType(type) });
+        }
+      }
+    }
+    if (item.types.includes("text/html")) {
+      things.push({
+        type: "html",
+        source: new Promise(
+          (r) => item.getType("text/html").then((blob) => blobAsString(blob).then(r))
+        )
+      });
+    }
+    if (item.types.includes("text/uri-list")) {
+      things.push({
+        type: "url",
+        source: new Promise(
+          (r) => item.getType("text/uri-list").then((blob) => blobAsString(blob).then(r))
+        )
+      });
+    }
+    if (item.types.includes("text/plain")) {
+      things.push({
+        type: "text",
+        source: new Promise(
+          (r) => item.getType("text/plain").then((blob) => blobAsString(blob).then(r))
+        )
+      });
+    }
+  }
+  return await handleClipboardThings(editor, things, point);
+};
+async function handleClipboardThings(editor, things, point) {
+  const files = things.filter(
+    (t) => (t.type === "file" || t.type === "blob") && t.source !== null
+  );
+  if (files.length) {
+    const fileBlobs = await Promise.all(files.map((t) => t.source));
+    const urls = fileBlobs.filter(Boolean).map(
+      (blob) => URL.createObjectURL(blob)
+    );
+    return await (0, import_pasteFiles.pasteFiles)(editor, urls, point);
+  }
+  const results = await Promise.all(
+    things.filter((t) => t.type !== "file").map(
+      (t) => new Promise((r) => {
+        const thing = t;
+        if (thing.type === "file") {
+          r({ type: "error", data: null, reason: "unexpected file" });
+          return;
+        }
+        thing.source.then((text) => {
+          const tldrawHtmlComment = text.match(/<tldraw[^>]*>(.*)<\/tldraw>/)?.[1];
+          if (tldrawHtmlComment) {
+            try {
+              const jsonComment = (0, import_lz_string.decompressFromBase64)(tldrawHtmlComment);
+              if (jsonComment === null) {
+                r({
+                  type: "error",
+                  data: jsonComment,
+                  reason: `found tldraw data comment but could not parse base64`
+                });
+                return;
+              } else {
+                const json = JSON.parse(jsonComment);
+                if (json.type !== "application/tldraw") {
+                  r({
+                    type: "error",
+                    data: json,
+                    reason: `found tldraw data comment but JSON was of a different type: ${json.type}`
+                  });
+                }
+                if (typeof json.data === "string") {
+                  r({
+                    type: "error",
+                    data: json,
+                    reason: "found tldraw json but data was a string instead of a TLClipboardModel object"
+                  });
+                  return;
+                }
+                r({ type: "tldraw", data: json.data });
+                return;
+              }
+            } catch (e) {
+              r({
+                type: "error",
+                data: tldrawHtmlComment,
+                reason: "found tldraw json but data was a string instead of a TLClipboardModel object"
+              });
+              return;
+            }
+          } else {
+            if (thing.type === "html") {
+              r({ type: "text", data: text, subtype: "html" });
+              return;
+            }
+            if (thing.type === "url") {
+              r({ type: "text", data: text, subtype: "url" });
+              return;
+            }
+            try {
+              const json = JSON.parse(text);
+              if (json.type === "excalidraw/clipboard") {
+                r({ type: "excalidraw", data: json });
+                return;
+              } else {
+                r({ type: "text", data: text, subtype: "json" });
+                return;
+              }
+            } catch (e) {
+              r({ type: "text", data: text, subtype: "text" });
+              return;
+            }
+          }
+          r({ type: "error", data: text, reason: "unhandled case" });
+        });
+      })
+    )
+  );
+  for (const result of results) {
+    if (result.type === "tldraw") {
+      (0, import_pasteTldrawContent.pasteTldrawContent)(editor, result.data, point);
+      return;
+    }
+  }
+  for (const result of results) {
+    if (result.type === "excalidraw") {
+      (0, import_pasteExcalidrawContent.pasteExcalidrawContent)(editor, result.data, point);
+      return;
+    }
+  }
+  for (const result of results) {
+    if (result.type === "text" && result.subtype === "html") {
+      const rootNode = new DOMParser().parseFromString(result.data, "text/html");
+      const bodyNode = rootNode.querySelector("body");
+      const isHtmlSingleLink = bodyNode && Array.from(bodyNode.children).filter((el) => el.nodeType === 1).length === 1 && bodyNode.firstElementChild && bodyNode.firstElementChild.tagName === "A" && bodyNode.firstElementChild.hasAttribute("href") && bodyNode.firstElementChild.getAttribute("href") !== "";
+      if (isHtmlSingleLink) {
+        const href = bodyNode.firstElementChild.getAttribute("href");
+        handleText(editor, href, point, results);
+        return;
+      }
+      if (!results.some((r) => r.type === "text" && r.subtype !== "html") && result.data.trim()) {
+        handleText(editor, stripHtml(result.data), point, results);
+        return;
+      }
+    }
+  }
+  for (const result of results) {
+    if (result.type === "text" && result.subtype === "url") {
+      (0, import_pasteUrl.pasteUrl)(editor, result.data, point, results);
+      return;
+    }
+  }
+  for (const result of results) {
+    if (result.type === "text" && result.subtype === "text" && result.data.trim()) {
+      handleText(editor, result.data, point, results);
+      return;
+    }
+  }
+}
+const handleNativeOrMenuCopy = (editor) => {
+  const content = editor.getContentFromCurrentPage(editor.getSelectedShapeIds());
+  if (!content) {
+    if (navigator && navigator.clipboard) {
+      navigator.clipboard.writeText("");
+    }
+    return;
+  }
+  const stringifiedClipboard = (0, import_lz_string.compressToBase64)(
+    JSON.stringify({
+      type: "application/tldraw",
+      kind: "content",
+      data: content
+    })
+  );
+  if (typeof navigator === "undefined") {
+    return;
+  } else {
+    const textItems = content.shapes.map((shape) => {
+      if (editor.isShapeOfType(shape, "text") || editor.isShapeOfType(shape, "geo") || editor.isShapeOfType(shape, "arrow")) {
+        return shape.props.text;
+      }
+      if (editor.isShapeOfType(shape, "bookmark") || editor.isShapeOfType(shape, "embed")) {
+        return shape.props.url;
+      }
+      return null;
+    }).filter(import_editor.isNonNull);
+    if (navigator.clipboard?.write) {
+      const htmlBlob = new Blob([`<tldraw>${stringifiedClipboard}</tldraw>`], {
+        type: "text/html"
+      });
+      let textContent = textItems.join(" ");
+      if (textContent === "") {
+        textContent = " ";
+      }
+      navigator.clipboard.write([
+        new ClipboardItem({
+          "text/html": htmlBlob,
+          // What is this second blob used for?
+          "text/plain": new Blob([textContent], { type: "text/plain" })
+        })
+      ]);
+    } else if (navigator.clipboard.writeText) {
+      navigator.clipboard.writeText(`<tldraw>${stringifiedClipboard}</tldraw>`);
+    }
+  }
+};
+function useMenuClipboardEvents() {
+  const editor = (0, import_editor.useEditor)();
+  const trackEvent = (0, import_useEventsProvider.useUiEvents)();
+  const copy = (0, import_react.useCallback)(
+    function onCopy(source) {
+      if (editor.getSelectedShapeIds().length === 0)
+        return;
+      handleNativeOrMenuCopy(editor);
+      trackEvent("copy", { source });
+    },
+    [editor, trackEvent]
+  );
+  const cut = (0, import_react.useCallback)(
+    function onCut(source) {
+      if (editor.getSelectedShapeIds().length === 0)
+        return;
+      handleNativeOrMenuCopy(editor);
+      editor.deleteShapes(editor.getSelectedShapeIds());
+      trackEvent("cut", { source });
+    },
+    [editor, trackEvent]
+  );
+  const paste = (0, import_react.useCallback)(
+    async function onPaste(data, source, point) {
+      if (editor.getEditingShapeId() !== null || disallowClipboardEvents(editor))
+        return;
+      if (Array.isArray(data) && data[0] instanceof ClipboardItem) {
+        handlePasteFromClipboardApi(editor, data, point);
+        trackEvent("paste", { source: "menu" });
+      } else {
+        navigator.clipboard.read().then((clipboardItems) => {
+          paste(clipboardItems, source, point);
+        });
+      }
+    },
+    [editor, trackEvent]
+  );
+  return {
+    copy,
+    cut,
+    paste
+  };
+}
+function useNativeClipboardEvents() {
+  const editor = (0, import_editor.useEditor)();
+  const trackEvent = (0, import_useEventsProvider.useUiEvents)();
+  const appIsFocused = (0, import_editor.useValue)("editor.isFocused", () => editor.getInstanceState().isFocused, [
+    editor
+  ]);
+  (0, import_react.useEffect)(() => {
+    if (!appIsFocused)
+      return;
+    const copy = () => {
+      if (editor.getSelectedShapeIds().length === 0 || editor.getEditingShapeId() !== null || disallowClipboardEvents(editor))
+        return;
+      handleNativeOrMenuCopy(editor);
+      trackEvent("copy", { source: "kbd" });
+    };
+    function cut() {
+      if (editor.getSelectedShapeIds().length === 0 || editor.getEditingShapeId() !== null || disallowClipboardEvents(editor))
+        return;
+      handleNativeOrMenuCopy(editor);
+      editor.deleteShapes(editor.getSelectedShapeIds());
+      trackEvent("cut", { source: "kbd" });
+    }
+    let disablingMiddleClickPaste = false;
+    const pointerUpHandler = (e) => {
+      if (e.button === 1) {
+        disablingMiddleClickPaste = true;
+        requestAnimationFrame(() => {
+          disablingMiddleClickPaste = false;
+        });
+      }
+    };
+    const paste = (event) => {
+      if (disablingMiddleClickPaste) {
+        event.stopPropagation();
+        return;
+      }
+      if (editor.getEditingShapeId() !== null || disallowClipboardEvents(editor))
+        return;
+      if (event.clipboardData && !editor.inputs.shiftKey) {
+        handlePasteFromEventClipboardData(editor, event.clipboardData);
+      } else {
+        navigator.clipboard.read().then((clipboardItems) => {
+          if (Array.isArray(clipboardItems) && clipboardItems[0] instanceof ClipboardItem) {
+            handlePasteFromClipboardApi(editor, clipboardItems, editor.inputs.currentPagePoint);
+          }
+        });
+      }
+      trackEvent("paste", { source: "kbd" });
+    };
+    document.addEventListener("copy", copy);
+    document.addEventListener("cut", cut);
+    document.addEventListener("paste", paste);
+    document.addEventListener("pointerup", pointerUpHandler);
+    return () => {
+      document.removeEventListener("copy", copy);
+      document.removeEventListener("cut", cut);
+      document.removeEventListener("paste", paste);
+      document.removeEventListener("pointerup", pointerUpHandler);
+    };
+  }, [editor, trackEvent, appIsFocused]);
+}
+//# sourceMappingURL=useClipboardEvents.js.map

package/dist-cjs/lib/ui/hooks/useClipboardEvents.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/lib/ui/hooks/useClipboardEvents.ts"],
+  "sourcesContent": ["import {\n\tEditor,\n\tTLArrowShape,\n\tTLBookmarkShape,\n\tTLEmbedShape,\n\tTLExternalContentSource,\n\tTLGeoShape,\n\tTLTextShape,\n\tVecLike,\n\tisNonNull,\n\tuniq,\n\tuseEditor,\n\tuseValue,\n} from '@bigbluebutton/editor'\nimport { compressToBase64, decompressFromBase64 } from 'lz-string'\nimport { useCallback, useEffect } from 'react'\nimport { pasteExcalidrawContent } from './clipboard/pasteExcalidrawContent'\nimport { pasteFiles } from './clipboard/pasteFiles'\nimport { pasteTldrawContent } from './clipboard/pasteTldrawContent'\nimport { pasteUrl } from './clipboard/pasteUrl'\nimport { TLUiEventSource, useUiEvents } from './useEventsProvider'\n\n/**\n * Strip HTML tags from a string.\n * @param html - The HTML to strip.\n * @internal\n */\nfunction stripHtml(html: string) {\n\t// See <https://github.com/developit/preact-markup/blob/4788b8d61b4e24f83688710746ee36e7464f7bbc/src/parse-markup.js#L60-L69>\n\tconst doc = document.implementation.createHTMLDocument('')\n\tdoc.documentElement.innerHTML = html.trim()\n\treturn doc.body.textContent || doc.body.innerText || ''\n}\n\n/** @public */\nexport const isValidHttpURL = (url: string) => {\n\ttry {\n\t\tconst u = new URL(url)\n\t\treturn u.protocol === 'http:' || u.protocol === 'https:'\n\t} catch (e) {\n\t\treturn false\n\t}\n}\n\n/** @public */\nconst getValidHttpURLList = (url: string) => {\n\tconst urls = url.split(/[\\n\\s]/)\n\tfor (const url of urls) {\n\t\ttry {\n\t\t\tconst u = new URL(url)\n\t\t\tif (!(u.protocol === 'http:' || u.protocol === 'https:')) {\n\t\t\t\treturn\n\t\t\t}\n\t\t} catch (e) {\n\t\t\treturn\n\t\t}\n\t}\n\treturn uniq(urls)\n}\n\n/** @public */\nconst isSvgText = (text: string) => {\n\treturn /^<svg/.test(text)\n}\n\nconst INPUTS = ['input', 'select', 'textarea']\n\n/**\n * Get whether to disallow clipboard events.\n *\n * @param editor - The editor instance.\n * @internal\n */\nfunction disallowClipboardEvents(editor: Editor) {\n\tconst { activeElement } = document\n\treturn (\n\t\teditor.getIsMenuOpen() ||\n\t\t(activeElement &&\n\t\t\t(activeElement.getAttribute('contenteditable') ||\n\t\t\t\tINPUTS.indexOf(activeElement.tagName.toLowerCase()) > -1))\n\t)\n}\n\n/**\n * Get a blob as a string.\n *\n * @param blob - The blob to get as a string.\n * @internal\n */\nasync function blobAsString(blob: Blob) {\n\treturn new Promise<string>((resolve, reject) => {\n\t\tconst reader = new FileReader()\n\t\treader.addEventListener('loadend', () => {\n\t\t\tconst text = reader.result\n\t\t\tresolve(text as string)\n\t\t})\n\t\treader.addEventListener('error', () => {\n\t\t\treject(reader.error)\n\t\t})\n\t\treader.readAsText(blob)\n\t})\n}\n\n/**\n * Whether a ClipboardItem is a file.\n * @param item - The ClipboardItem to check.\n * @internal\n */\nconst isFile = (item: ClipboardItem) => {\n\treturn item.types.find((i) => i.match(/^image\\//))\n}\n\n/**\n * Handle text pasted into the editor.\n * @param editor - The editor instance.\n * @param data - The text to paste.\n * @param point - The point at which to paste the text.\n * @internal\n */\nconst handleText = (\n\teditor: Editor,\n\tdata: string,\n\tpoint?: VecLike,\n\tsources?: TLExternalContentSource[]\n) => {\n\tconst validUrlList = getValidHttpURLList(data)\n\tif (validUrlList) {\n\t\tfor (const url of validUrlList) {\n\t\t\tpasteUrl(editor, url, point)\n\t\t}\n\t} else if (isValidHttpURL(data)) {\n\t\tpasteUrl(editor, data, point)\n\t} else if (isSvgText(data)) {\n\t\teditor.mark('paste')\n\t\teditor.putExternalContent({\n\t\t\ttype: 'svg-text',\n\t\t\ttext: data,\n\t\t\tpoint,\n\t\t\tsources,\n\t\t})\n\t} else {\n\t\teditor.mark('paste')\n\t\teditor.putExternalContent({\n\t\t\ttype: 'text',\n\t\t\ttext: data,\n\t\t\tpoint,\n\t\t\tsources,\n\t\t})\n\t}\n}\n\n/**\n * Something found on the clipboard, either through the event's clipboard data or the browser's clipboard API.\n * @internal\n */\ntype ClipboardThing =\n\t| {\n\t\t\ttype: 'file'\n\t\t\tsource: Promise<File | null>\n\t  }\n\t| {\n\t\t\ttype: 'blob'\n\t\t\tsource: Promise<Blob | null>\n\t  }\n\t| {\n\t\t\ttype: 'url'\n\t\t\tsource: Promise<string>\n\t  }\n\t| {\n\t\t\ttype: 'html'\n\t\t\tsource: Promise<string>\n\t  }\n\t| {\n\t\t\ttype: 'text'\n\t\t\tsource: Promise<string>\n\t  }\n\t| {\n\t\t\ttype: string\n\t\t\tsource: Promise<string>\n\t  }\n\n/**\n * Handle a paste using event clipboard data. This is the \"original\"\n * paste method that uses the clipboard data from the paste event.\n * https://developer.mozilla.org/en-US/docs/Web/API/ClipboardEvent/clipboardData\n *\n * @param editor - The editor\n * @param clipboardData - The clipboard data\n * @param point - The point to paste at\n * @internal\n */\nconst handlePasteFromEventClipboardData = async (\n\teditor: Editor,\n\tclipboardData: DataTransfer,\n\tpoint?: VecLike\n) => {\n\t// Do not paste while in any editing state\n\tif (editor.getEditingShapeId() !== null) return\n\n\tif (!clipboardData) {\n\t\tthrow Error('No clipboard data')\n\t}\n\n\tconst things: ClipboardThing[] = []\n\n\tfor (const item of Object.values(clipboardData.items)) {\n\t\tswitch (item.kind) {\n\t\t\tcase 'file': {\n\t\t\t\t// files are always blobs\n\t\t\t\tthings.push({\n\t\t\t\t\ttype: 'file',\n\t\t\t\t\tsource: new Promise((r) => r(item.getAsFile())) as Promise<File | null>,\n\t\t\t\t})\n\t\t\t\tbreak\n\t\t\t}\n\t\t\tcase 'string': {\n\t\t\t\t// strings can be text or html\n\t\t\t\tif (item.type === 'text/html') {\n\t\t\t\t\tthings.push({\n\t\t\t\t\t\ttype: 'html',\n\t\t\t\t\t\tsource: new Promise((r) => item.getAsString(r)) as Promise<string>,\n\t\t\t\t\t})\n\t\t\t\t} else if (item.type === 'text/plain') {\n\t\t\t\t\tthings.push({\n\t\t\t\t\t\ttype: 'text',\n\t\t\t\t\t\tsource: new Promise((r) => item.getAsString(r)) as Promise<string>,\n\t\t\t\t\t})\n\t\t\t\t} else {\n\t\t\t\t\tthings.push({ type: item.type, source: new Promise((r) => item.getAsString(r)) })\n\t\t\t\t}\n\t\t\t\tbreak\n\t\t\t}\n\t\t}\n\t}\n\n\thandleClipboardThings(editor, things, point)\n}\n\n/**\n * Handle a paste using items retrieved from the Clipboard API.\n * https://developer.mozilla.org/en-US/docs/Web/API/ClipboardItem\n *\n * @param editor - The editor\n * @param clipboardItems - The clipboard items to handle\n * @param point - The point to paste at\n * @internal\n */\nconst handlePasteFromClipboardApi = async (\n\teditor: Editor,\n\tclipboardItems: ClipboardItem[],\n\tpoint?: VecLike\n) => {\n\t// We need to populate the array of clipboard things\n\t// based on the ClipboardItems from the Clipboard API.\n\t// This is done in a different way than when using\n\t// the clipboard data from the paste event.\n\n\tconst things: ClipboardThing[] = []\n\n\tfor (const item of clipboardItems) {\n\t\tif (isFile(item)) {\n\t\t\tfor (const type of item.types) {\n\t\t\t\tif (type.match(/^image\\//)) {\n\t\t\t\t\tthings.push({ type: 'blob', source: item.getType(type) })\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tif (item.types.includes('text/html')) {\n\t\t\tthings.push({\n\t\t\t\ttype: 'html',\n\t\t\t\tsource: new Promise<string>((r) =>\n\t\t\t\t\titem.getType('text/html').then((blob) => blobAsString(blob).then(r))\n\t\t\t\t),\n\t\t\t})\n\t\t}\n\n\t\tif (item.types.includes('text/uri-list')) {\n\t\t\tthings.push({\n\t\t\t\ttype: 'url',\n\t\t\t\tsource: new Promise<string>((r) =>\n\t\t\t\t\titem.getType('text/uri-list').then((blob) => blobAsString(blob).then(r))\n\t\t\t\t),\n\t\t\t})\n\t\t}\n\n\t\tif (item.types.includes('text/plain')) {\n\t\t\tthings.push({\n\t\t\t\ttype: 'text',\n\t\t\t\tsource: new Promise<string>((r) =>\n\t\t\t\t\titem.getType('text/plain').then((blob) => blobAsString(blob).then(r))\n\t\t\t\t),\n\t\t\t})\n\t\t}\n\t}\n\n\treturn await handleClipboardThings(editor, things, point)\n}\n\nasync function handleClipboardThings(editor: Editor, things: ClipboardThing[], point?: VecLike) {\n\t// 1. Handle files\n\t//\n\t// We need to handle files separately because if we want them to\n\t// be placed next to each other, we need to create them all at once.\n\n\tconst files = things.filter(\n\t\t(t) => (t.type === 'file' || t.type === 'blob') && t.source !== null\n\t) as Extract<ClipboardThing, { type: 'file' } | { type: 'blob' }>[]\n\n\t// Just paste the files, nothing else\n\tif (files.length) {\n\t\tconst fileBlobs = await Promise.all(files.map((t) => t.source!))\n\t\tconst urls = (fileBlobs.filter(Boolean) as (File | Blob)[]).map((blob) =>\n\t\t\tURL.createObjectURL(blob)\n\t\t)\n\t\treturn await pasteFiles(editor, urls, point)\n\t}\n\n\t// 2. Generate clipboard results for non-file things\n\t//\n\t// Getting the source from the items is async, however they must be accessed syncronously;\n\t// we can't await them in a loop. So we'll map them to promises and await them all at once,\n\t// then make decisions based on what we find.\n\n\tconst results = await Promise.all<TLExternalContentSource>(\n\t\tthings\n\t\t\t.filter((t) => t.type !== 'file')\n\t\t\t.map(\n\t\t\t\t(t) =>\n\t\t\t\t\tnew Promise((r) => {\n\t\t\t\t\t\tconst thing = t as Exclude<ClipboardThing, { type: 'file' } | { type: 'blob' }>\n\n\t\t\t\t\t\tif (thing.type === 'file') {\n\t\t\t\t\t\t\tr({ type: 'error', data: null, reason: 'unexpected file' })\n\t\t\t\t\t\t\treturn\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tthing.source.then((text) => {\n\t\t\t\t\t\t\t// first, see if we can find tldraw content, which is JSON inside of an html comment\n\t\t\t\t\t\t\tconst tldrawHtmlComment = text.match(/<tldraw[^>]*>(.*)<\\/tldraw>/)?.[1]\n\n\t\t\t\t\t\t\tif (tldrawHtmlComment) {\n\t\t\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\t\t\t// If we've found tldraw content in the html string, use that as JSON\n\t\t\t\t\t\t\t\t\tconst jsonComment = decompressFromBase64(tldrawHtmlComment)\n\t\t\t\t\t\t\t\t\tif (jsonComment === null) {\n\t\t\t\t\t\t\t\t\t\tr({\n\t\t\t\t\t\t\t\t\t\t\ttype: 'error',\n\t\t\t\t\t\t\t\t\t\t\tdata: jsonComment,\n\t\t\t\t\t\t\t\t\t\t\treason: `found tldraw data comment but could not parse base64`,\n\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\treturn\n\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\tconst json = JSON.parse(jsonComment)\n\t\t\t\t\t\t\t\t\t\tif (json.type !== 'application/tldraw') {\n\t\t\t\t\t\t\t\t\t\t\tr({\n\t\t\t\t\t\t\t\t\t\t\t\ttype: 'error',\n\t\t\t\t\t\t\t\t\t\t\t\tdata: json,\n\t\t\t\t\t\t\t\t\t\t\t\treason: `found tldraw data comment but JSON was of a different type: ${json.type}`,\n\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\tif (typeof json.data === 'string') {\n\t\t\t\t\t\t\t\t\t\t\tr({\n\t\t\t\t\t\t\t\t\t\t\t\ttype: 'error',\n\t\t\t\t\t\t\t\t\t\t\t\tdata: json,\n\t\t\t\t\t\t\t\t\t\t\t\treason:\n\t\t\t\t\t\t\t\t\t\t\t\t\t'found tldraw json but data was a string instead of a TLClipboardModel object',\n\t\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t\t\treturn\n\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\tr({ type: 'tldraw', data: json.data })\n\t\t\t\t\t\t\t\t\t\treturn\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t} catch (e: any) {\n\t\t\t\t\t\t\t\t\tr({\n\t\t\t\t\t\t\t\t\t\ttype: 'error',\n\t\t\t\t\t\t\t\t\t\tdata: tldrawHtmlComment,\n\t\t\t\t\t\t\t\t\t\treason:\n\t\t\t\t\t\t\t\t\t\t\t'found tldraw json but data was a string instead of a TLClipboardModel object',\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\treturn\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tif (thing.type === 'html') {\n\t\t\t\t\t\t\t\t\tr({ type: 'text', data: text, subtype: 'html' })\n\t\t\t\t\t\t\t\t\treturn\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\tif (thing.type === 'url') {\n\t\t\t\t\t\t\t\t\tr({ type: 'text', data: text, subtype: 'url' })\n\t\t\t\t\t\t\t\t\treturn\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t// if we have not found a tldraw comment, Otherwise, try to parse the text as JSON directly.\n\t\t\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\t\t\tconst json = JSON.parse(text)\n\t\t\t\t\t\t\t\t\tif (json.type === 'excalidraw/clipboard') {\n\t\t\t\t\t\t\t\t\t\t// If the clipboard contains content copied from excalidraw, then paste that\n\t\t\t\t\t\t\t\t\t\tr({ type: 'excalidraw', data: json })\n\t\t\t\t\t\t\t\t\t\treturn\n\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\tr({ type: 'text', data: text, subtype: 'json' })\n\t\t\t\t\t\t\t\t\t\treturn\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t} catch (e) {\n\t\t\t\t\t\t\t\t\t// If we could not parse the text as JSON, then it's just text\n\t\t\t\t\t\t\t\t\tr({ type: 'text', data: text, subtype: 'text' })\n\t\t\t\t\t\t\t\t\treturn\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tr({ type: 'error', data: text, reason: 'unhandled case' })\n\t\t\t\t\t\t})\n\t\t\t\t\t})\n\t\t\t)\n\t)\n\n\t// 3.\n\t//\n\t// Now that we know what kind of stuff we're dealing with, we can actual create some content.\n\t// There are priorities here, so order matters: we've already handled images and files, which\n\t// take first priority; then we want to handle tldraw content, then excalidraw content, then\n\t// html content, then links, and finally text content.\n\n\t// Try to paste tldraw content\n\tfor (const result of results) {\n\t\tif (result.type === 'tldraw') {\n\t\t\tpasteTldrawContent(editor, result.data, point)\n\t\t\treturn\n\t\t}\n\t}\n\n\t// Try to paste excalidraw content\n\tfor (const result of results) {\n\t\tif (result.type === 'excalidraw') {\n\t\t\tpasteExcalidrawContent(editor, result.data, point)\n\t\t\treturn\n\t\t}\n\t}\n\n\t// Try to paste html content\n\tfor (const result of results) {\n\t\tif (result.type === 'text' && result.subtype === 'html') {\n\t\t\t// try to find a link\n\t\t\tconst rootNode = new DOMParser().parseFromString(result.data, 'text/html')\n\t\t\tconst bodyNode = rootNode.querySelector('body')\n\n\t\t\t// Edge on Windows 11 home appears to paste a link as a single <a/> in\n\t\t\t// the HTML document. If we're pasting a single like tag we'll just\n\t\t\t// assume the user meant to paste the URL.\n\t\t\tconst isHtmlSingleLink =\n\t\t\t\tbodyNode &&\n\t\t\t\tArray.from(bodyNode.children).filter((el) => el.nodeType === 1).length === 1 &&\n\t\t\t\tbodyNode.firstElementChild &&\n\t\t\t\tbodyNode.firstElementChild.tagName === 'A' &&\n\t\t\t\tbodyNode.firstElementChild.hasAttribute('href') &&\n\t\t\t\tbodyNode.firstElementChild.getAttribute('href') !== ''\n\n\t\t\tif (isHtmlSingleLink) {\n\t\t\t\tconst href = bodyNode.firstElementChild.getAttribute('href')!\n\t\t\t\thandleText(editor, href, point, results)\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\t// If the html is NOT a link, and we have NO OTHER texty content, then paste the html as text\n\t\t\tif (!results.some((r) => r.type === 'text' && r.subtype !== 'html') && result.data.trim()) {\n\t\t\t\thandleText(editor, stripHtml(result.data), point, results)\n\t\t\t\treturn\n\t\t\t}\n\t\t}\n\t}\n\n\t// Try to paste a link\n\tfor (const result of results) {\n\t\tif (result.type === 'text' && result.subtype === 'url') {\n\t\t\tpasteUrl(editor, result.data, point, results)\n\t\t\treturn\n\t\t}\n\t}\n\n\t// Finally, if we haven't bailed on anything yet, we can paste text content\n\tfor (const result of results) {\n\t\tif (result.type === 'text' && result.subtype === 'text' && result.data.trim()) {\n\t\t\t// The clipboard may include multiple text items, but we only want to paste the first one\n\t\t\thandleText(editor, result.data, point, results)\n\t\t\treturn\n\t\t}\n\t}\n}\n\n/**\n * When the user copies, write the contents to local storage and to the clipboard\n *\n * @param editor - The editor instance.\n * @public\n */\nconst handleNativeOrMenuCopy = (editor: Editor) => {\n\tconst content = editor.getContentFromCurrentPage(editor.getSelectedShapeIds())\n\tif (!content) {\n\t\tif (navigator && navigator.clipboard) {\n\t\t\tnavigator.clipboard.writeText('')\n\t\t}\n\t\treturn\n\t}\n\n\tconst stringifiedClipboard = compressToBase64(\n\t\tJSON.stringify({\n\t\t\ttype: 'application/tldraw',\n\t\t\tkind: 'content',\n\t\t\tdata: content,\n\t\t})\n\t)\n\n\tif (typeof navigator === 'undefined') {\n\t\treturn\n\t} else {\n\t\t// Extract the text from the clipboard\n\t\tconst textItems = content.shapes\n\t\t\t.map((shape) => {\n\t\t\t\tif (\n\t\t\t\t\teditor.isShapeOfType<TLTextShape>(shape, 'text') ||\n\t\t\t\t\teditor.isShapeOfType<TLGeoShape>(shape, 'geo') ||\n\t\t\t\t\teditor.isShapeOfType<TLArrowShape>(shape, 'arrow')\n\t\t\t\t) {\n\t\t\t\t\treturn shape.props.text\n\t\t\t\t}\n\t\t\t\tif (\n\t\t\t\t\teditor.isShapeOfType<TLBookmarkShape>(shape, 'bookmark') ||\n\t\t\t\t\teditor.isShapeOfType<TLEmbedShape>(shape, 'embed')\n\t\t\t\t) {\n\t\t\t\t\treturn shape.props.url\n\t\t\t\t}\n\t\t\t\treturn null\n\t\t\t})\n\t\t\t.filter(isNonNull)\n\n\t\tif (navigator.clipboard?.write) {\n\t\t\tconst htmlBlob = new Blob([`<tldraw>${stringifiedClipboard}</tldraw>`], {\n\t\t\t\ttype: 'text/html',\n\t\t\t})\n\n\t\t\tlet textContent = textItems.join(' ')\n\n\t\t\t// This is a bug in chrome android where it won't paste content if\n\t\t\t// the text/plain content is \"\" so we need to always add an empty\n\t\t\t// space \uD83E\uDD2C\n\t\t\tif (textContent === '') {\n\t\t\t\ttextContent = ' '\n\t\t\t}\n\n\t\t\tnavigator.clipboard.write([\n\t\t\t\tnew ClipboardItem({\n\t\t\t\t\t'text/html': htmlBlob,\n\t\t\t\t\t// What is this second blob used for?\n\t\t\t\t\t'text/plain': new Blob([textContent], { type: 'text/plain' }),\n\t\t\t\t}),\n\t\t\t])\n\t\t} else if (navigator.clipboard.writeText) {\n\t\t\tnavigator.clipboard.writeText(`<tldraw>${stringifiedClipboard}</tldraw>`)\n\t\t}\n\t}\n}\n\n/** @public */\nexport function useMenuClipboardEvents() {\n\tconst editor = useEditor()\n\tconst trackEvent = useUiEvents()\n\n\tconst copy = useCallback(\n\t\tfunction onCopy(source: TLUiEventSource) {\n\t\t\tif (editor.getSelectedShapeIds().length === 0) return\n\n\t\t\thandleNativeOrMenuCopy(editor)\n\t\t\ttrackEvent('copy', { source })\n\t\t},\n\t\t[editor, trackEvent]\n\t)\n\n\tconst cut = useCallback(\n\t\tfunction onCut(source: TLUiEventSource) {\n\t\t\tif (editor.getSelectedShapeIds().length === 0) return\n\n\t\t\thandleNativeOrMenuCopy(editor)\n\t\t\teditor.deleteShapes(editor.getSelectedShapeIds())\n\t\t\ttrackEvent('cut', { source })\n\t\t},\n\t\t[editor, trackEvent]\n\t)\n\n\tconst paste = useCallback(\n\t\tasync function onPaste(\n\t\t\tdata: DataTransfer | ClipboardItem[],\n\t\t\tsource: TLUiEventSource,\n\t\t\tpoint?: VecLike\n\t\t) {\n\t\t\t// If we're editing a shape, or we are focusing an editable input, then\n\t\t\t// we would want the user's paste interaction to go to that element or\n\t\t\t// input instead; e.g. when pasting text into a text shape's content\n\t\t\tif (editor.getEditingShapeId() !== null || disallowClipboardEvents(editor)) return\n\n\t\t\tif (Array.isArray(data) && data[0] instanceof ClipboardItem) {\n\t\t\t\thandlePasteFromClipboardApi(editor, data, point)\n\t\t\t\ttrackEvent('paste', { source: 'menu' })\n\t\t\t} else {\n\t\t\t\t// Read it first and then recurse, kind of weird\n\t\t\t\tnavigator.clipboard.read().then((clipboardItems) => {\n\t\t\t\t\tpaste(clipboardItems, source, point)\n\t\t\t\t})\n\t\t\t}\n\t\t},\n\t\t[editor, trackEvent]\n\t)\n\n\treturn {\n\t\tcopy,\n\t\tcut,\n\t\tpaste,\n\t}\n}\n\n/** @public */\nexport function useNativeClipboardEvents() {\n\tconst editor = useEditor()\n\tconst trackEvent = useUiEvents()\n\n\tconst appIsFocused = useValue('editor.isFocused', () => editor.getInstanceState().isFocused, [\n\t\teditor,\n\t])\n\n\tuseEffect(() => {\n\t\tif (!appIsFocused) return\n\t\tconst copy = () => {\n\t\t\tif (\n\t\t\t\teditor.getSelectedShapeIds().length === 0 ||\n\t\t\t\teditor.getEditingShapeId() !== null ||\n\t\t\t\tdisallowClipboardEvents(editor)\n\t\t\t)\n\t\t\t\treturn\n\t\t\thandleNativeOrMenuCopy(editor)\n\t\t\ttrackEvent('copy', { source: 'kbd' })\n\t\t}\n\n\t\tfunction cut() {\n\t\t\tif (\n\t\t\t\teditor.getSelectedShapeIds().length === 0 ||\n\t\t\t\teditor.getEditingShapeId() !== null ||\n\t\t\t\tdisallowClipboardEvents(editor)\n\t\t\t)\n\t\t\t\treturn\n\t\t\thandleNativeOrMenuCopy(editor)\n\t\t\teditor.deleteShapes(editor.getSelectedShapeIds())\n\t\t\ttrackEvent('cut', { source: 'kbd' })\n\t\t}\n\n\t\tlet disablingMiddleClickPaste = false\n\t\tconst pointerUpHandler = (e: PointerEvent) => {\n\t\t\tif (e.button === 1) {\n\t\t\t\tdisablingMiddleClickPaste = true\n\t\t\t\trequestAnimationFrame(() => {\n\t\t\t\t\tdisablingMiddleClickPaste = false\n\t\t\t\t})\n\t\t\t}\n\t\t}\n\n\t\tconst paste = (event: ClipboardEvent) => {\n\t\t\tif (disablingMiddleClickPaste) {\n\t\t\t\tevent.stopPropagation()\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\t// If we're editing a shape, or we are focusing an editable input, then\n\t\t\t// we would want the user's paste interaction to go to that element or\n\t\t\t// input instead; e.g. when pasting text into a text shape's content\n\t\t\tif (editor.getEditingShapeId() !== null || disallowClipboardEvents(editor)) return\n\n\t\t\t// First try to use the clipboard data on the event\n\t\t\tif (event.clipboardData && !editor.inputs.shiftKey) {\n\t\t\t\thandlePasteFromEventClipboardData(editor, event.clipboardData)\n\t\t\t} else {\n\t\t\t\t// Or else use the clipboard API\n\t\t\t\tnavigator.clipboard.read().then((clipboardItems) => {\n\t\t\t\t\tif (Array.isArray(clipboardItems) && clipboardItems[0] instanceof ClipboardItem) {\n\t\t\t\t\t\thandlePasteFromClipboardApi(editor, clipboardItems, editor.inputs.currentPagePoint)\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t}\n\n\t\t\ttrackEvent('paste', { source: 'kbd' })\n\t\t}\n\n\t\tdocument.addEventListener('copy', copy)\n\t\tdocument.addEventListener('cut', cut)\n\t\tdocument.addEventListener('paste', paste)\n\t\tdocument.addEventListener('pointerup', pointerUpHandler)\n\n\t\treturn () => {\n\t\t\tdocument.removeEventListener('copy', copy)\n\t\t\tdocument.removeEventListener('cut', cut)\n\t\t\tdocument.removeEventListener('paste', paste)\n\t\t\tdocument.removeEventListener('pointerup', pointerUpHandler)\n\t\t}\n\t}, [editor, trackEvent, appIsFocused])\n}\n"],
+  "mappings": "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",
+  "names": ["url"]
+}