tldraw 4.1.0-canary.ca796f65c3a4 → 4.1.0-canary.caaa99b713a2

package/dist-cjs/lib/ui/components/primitives/TldrawUiInput.js

@@ -33,8 +33,8 @@ __export(TldrawUiInput_exports, {
 module.exports = __toCommonJS(TldrawUiInput_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_editor = require("@tldraw/editor");
-var import_classnames = __toESM(require("classnames"));
-var React = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"), 1);
+var React = __toESM(require("react"), 1);
 var import_useTranslation = require("../../hooks/useTranslation/useTranslation");
 var import_TldrawUiIcon = require("./TldrawUiIcon");
 const TldrawUiInput = React.forwardRef(

package/dist-cjs/lib/ui/components/primitives/TldrawUiPopover.js

@@ -35,9 +35,9 @@ __export(TldrawUiPopover_exports, {
 module.exports = __toCommonJS(TldrawUiPopover_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_editor = require("@tldraw/editor");
-var import_classnames = __toESM(require("classnames"));
+var import_classnames = __toESM(require("classnames"), 1);
 var import_radix_ui = require("radix-ui");
-var import_react = __toESM(require("react"));
+var import_react = __toESM(require("react"), 1);
 var import_useMenuIsOpen = require("../../hooks/useMenuIsOpen");
 function TldrawUiPopover({ id, children, onOpenChange, open, className }) {
   const [isOpen, handleOpenChange] = (0, import_useMenuIsOpen.useMenuIsOpen)(id, onOpenChange);

package/dist-cjs/lib/ui/components/primitives/TldrawUiSlider.js

@@ -34,7 +34,7 @@ module.exports = __toCommonJS(TldrawUiSlider_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_editor = require("@tldraw/editor");
 var import_radix_ui = require("radix-ui");
-var import_react = __toESM(require("react"));
+var import_react = __toESM(require("react"), 1);
 var import_useTranslation = require("../../hooks/useTranslation/useTranslation");
 var import_TldrawUiTooltip = require("./TldrawUiTooltip");
 const TldrawUiSlider = import_react.default.forwardRef(function Slider({

package/dist-cjs/lib/ui/components/primitives/TldrawUiToolbar.js

@@ -35,9 +35,9 @@ __export(TldrawUiToolbar_exports, {
 });
 module.exports = __toCommonJS(TldrawUiToolbar_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_classnames = __toESM(require("classnames"));
+var import_classnames = __toESM(require("classnames"), 1);
 var import_radix_ui = require("radix-ui");
-var import_react = __toESM(require("react"));
+var import_react = __toESM(require("react"), 1);
 var import_layout = require("./layout");
 var import_TldrawUiTooltip = require("./TldrawUiTooltip");
 const LayoutByOrientation = {

package/dist-cjs/lib/ui/components/primitives/TldrawUiTooltip.js

@@ -36,7 +36,7 @@ module.exports = __toCommonJS(TldrawUiTooltip_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_editor = require("@tldraw/editor");
 var import_radix_ui = require("radix-ui");
-var import_react = __toESM(require("react"));
+var import_react = __toESM(require("react"), 1);
 var import_layout = require("./layout");
 const DEFAULT_TOOLTIP_DELAY_MS = 700;
 class TooltipManager {

package/dist-cjs/lib/ui/components/primitives/layout.js

@@ -36,7 +36,7 @@ __export(layout_exports, {
 });
 module.exports = __toCommonJS(layout_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_classnames = __toESM(require("classnames"));
+var import_classnames = __toESM(require("classnames"), 1);
 var import_radix_ui = require("radix-ui");
 var import_react = require("react");
 const TldrawUiOrientationContext = (0, import_react.createContext)({

package/dist-cjs/lib/ui/components/primitives/menus/TldrawUiMenuGroup.js

@@ -32,7 +32,7 @@ __export(TldrawUiMenuGroup_exports, {
 });
 module.exports = __toCommonJS(TldrawUiMenuGroup_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_classnames = __toESM(require("classnames"));
+var import_classnames = __toESM(require("classnames"), 1);
 var import_actions = require("../../../context/actions");
 var import_useTranslation = require("../../../hooks/useTranslation/useTranslation");
 var import_layout = require("../layout");

package/dist-cjs/lib/ui/context/actions.js

@@ -37,7 +37,7 @@ __export(actions_exports, {
 module.exports = __toCommonJS(actions_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_editor = require("@tldraw/editor");
-var React = __toESM(require("react"));
+var React = __toESM(require("react"), 1);
 var import_frames = require("../../utils/frames/frames");
 var import_A11y = require("../components/A11y");
 var import_EditLinkDialog = require("../components/EditLinkDialog");

package/dist-cjs/lib/ui/context/breakpoints.js

@@ -34,7 +34,7 @@ __export(breakpoints_exports, {
 module.exports = __toCommonJS(breakpoints_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_editor = require("@tldraw/editor");
-var import_react = __toESM(require("react"));
+var import_react = __toESM(require("react"), 1);
 var import_constants = require("../constants");
 const BreakpointContext = import_react.default.createContext(null);
 function BreakPointProvider({ forceMobile = false, children }) {

package/dist-cjs/lib/ui/context/events.js

@@ -34,7 +34,7 @@ __export(events_exports, {
 });
 module.exports = __toCommonJS(events_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var React = __toESM(require("react"));
+var React = __toESM(require("react"), 1);
 const defaultEventHandler = () => void 0;
 const EventsContext = React.createContext(null);
 function TldrawUiEventsProvider({ onEvent, children }) {

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

@@ -34,7 +34,7 @@ __export(useClipboardEvents_exports, {
 });
 module.exports = __toCommonJS(useClipboardEvents_exports);
 var import_editor = require("@tldraw/editor");
-var import_lz_string = __toESM(require("lz-string"));
+var import_lz_string = __toESM(require("lz-string"), 1);
 var import_react = require("react");
 var import_clipboard = require("../../utils/clipboard");
 var import_events = require("../context/events");

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

@@ -33,7 +33,7 @@ __export(useKeyboardShortcuts_exports, {
 });
 module.exports = __toCommonJS(useKeyboardShortcuts_exports);
 var import_editor = require("@tldraw/editor");
-var import_hotkeys_js = __toESM(require("hotkeys-js"));
+var import_hotkeys_js = __toESM(require("hotkeys-js"), 1);
 var import_react = require("react");
 var import_actions = require("../context/actions");
 var import_useReadonly = require("./useReadonly");

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

@@ -32,7 +32,7 @@ __export(useLocalStorageState_exports, {
 });
 module.exports = __toCommonJS(useLocalStorageState_exports);
 var import_editor = require("@tldraw/editor");
-var import_react = __toESM(require("react"));
+var import_react = __toESM(require("react"), 1);
 function useLocalStorageState(key, defaultValue) {
   const [state, setState] = import_react.default.useState(defaultValue);
   import_react.default.useLayoutEffect(() => {

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

@@ -36,7 +36,7 @@ __export(useTools_exports, {
 module.exports = __toCommonJS(useTools_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_editor = require("@tldraw/editor");
-var React = __toESM(require("react"));
+var React = __toESM(require("react"), 1);
 var import_EmbedDialog = require("../components/EmbedDialog");
 var import_a11y = require("../context/a11y");
 var import_events = require("../context/events");

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

@@ -35,7 +35,7 @@ __export(useTranslation_exports, {
 });
 module.exports = __toCommonJS(useTranslation_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var React = __toESM(require("react"));
+var React = __toESM(require("react"), 1);
 var import_asset_urls = require("../../context/asset-urls");
 var import_defaultTranslation = require("./defaultTranslation");
 var import_translations = require("./translations");

package/dist-cjs/lib/ui/version.js

@@ -22,10 +22,10 @@ __export(version_exports, {
   version: () => version
 });
 module.exports = __toCommonJS(version_exports);
-const version = "4.1.0-canary.ca796f65c3a4";
+const version = "4.1.0-canary.caaa99b713a2";
 const publishDates = {
   major: "2025-09-18T14:39:22.803Z",
-  minor: "2025-09-24T08:47:23.709Z",
-  patch: "2025-09-24T08:47:23.709Z"
+  minor: "2025-10-10T09:10:50.472Z",
+  patch: "2025-10-10T09:10:50.472Z"
 };
 //# sourceMappingURL=version.js.map

package/dist-cjs/lib/ui/version.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/lib/ui/version.ts"],
-  "sourcesContent": ["// This file is automatically generated by internal/scripts/refresh-assets.ts.\n// Do not edit manually. Or do, I'm a comment, not a cop.\n\nexport const version = '4.1.0-canary.ca796f65c3a4'\nexport const publishDates = {\n\tmajor: '2025-09-18T14:39:22.803Z',\n\tminor: '2025-09-24T08:47:23.709Z',\n\tpatch: '2025-09-24T08:47:23.709Z',\n}\n"],
+  "sourcesContent": ["// This file is automatically generated by internal/scripts/refresh-assets.ts.\n// Do not edit manually. Or do, I'm a comment, not a cop.\n\nexport const version = '4.1.0-canary.caaa99b713a2'\nexport const publishDates = {\n\tmajor: '2025-09-18T14:39:22.803Z',\n\tminor: '2025-10-10T09:10:50.472Z',\n\tpatch: '2025-10-10T09:10:50.472Z',\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGO,MAAM,UAAU;AAChB,MAAM,eAAe;AAAA,EAC3B,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AACR;",
   "names": []
 }

package/dist-cjs/lib/utils/text/richText.js

@@ -39,10 +39,10 @@ __export(richText_exports, {
 });
 module.exports = __toCommonJS(richText_exports);
 var import_core = require("@tiptap/core");
-var import_extension_code = __toESM(require("@tiptap/extension-code"));
-var import_extension_highlight = __toESM(require("@tiptap/extension-highlight"));
-var import_extension_link = __toESM(require("@tiptap/extension-link"));
-var import_starter_kit = __toESM(require("@tiptap/starter-kit"));
+var import_extension_code = __toESM(require("@tiptap/extension-code"), 1);
+var import_extension_highlight = __toESM(require("@tiptap/extension-highlight"), 1);
+var import_extension_link = __toESM(require("@tiptap/extension-link"), 1);
+var import_starter_kit = __toESM(require("@tiptap/starter-kit"), 1);
 var import_editor = require("@tldraw/editor");
 var import_defaultFonts = require("../../shapes/shared/defaultFonts");
 var import_textDirection = require("./textDirection");

package/dist-esm/index.d.mts

@@ -312,6 +312,7 @@ export declare class ArrowShapeUtil extends ShapeUtil<TLArrowShape> {
     hideRotateHandle(): boolean;
     hideSelectionBoundsBg(): boolean;
     hideSelectionBoundsFg(): boolean;
+    hideInMinimap(): boolean;
     canBeLaidOut(shape: TLArrowShape, info: TLShapeUtilCanBeLaidOutOpts): boolean;
     getFontFaces(shape: TLArrowShape): TLFontFace[];
     getDefaultProps(): TLArrowShape['props'];
@@ -636,6 +637,7 @@ export declare function DebugFlags(): JSX_2.Element | null;
 /** @public */
 export declare const DEFAULT_EMBED_DEFINITIONS: readonly [{
     readonly doesResize: true;
+    readonly embedOnPaste: false;
     readonly fromEmbedUrl: (url: string) => string | undefined;
     readonly height: 500;
     readonly hostnames: readonly ["beta.tldraw.com", "tldraw.com", "localhost:3000"];
@@ -650,6 +652,7 @@ export declare const DEFAULT_EMBED_DEFINITIONS: readonly [{
     readonly width: 720;
 }, {
     readonly doesResize: true;
+    readonly embedOnPaste: true;
     readonly fromEmbedUrl: (url: string) => string | undefined;
     readonly height: 500;
     readonly hostnames: readonly ["figma.com"];
@@ -659,6 +662,7 @@ export declare const DEFAULT_EMBED_DEFINITIONS: readonly [{
     readonly width: 720;
 }, {
     readonly doesResize: true;
+    readonly embedOnPaste: true;
     readonly fromEmbedUrl: (url: string) => string | undefined;
     readonly height: 500;
     readonly hostnames: readonly ["google.*"];
@@ -671,6 +675,7 @@ export declare const DEFAULT_EMBED_DEFINITIONS: readonly [{
     readonly width: 720;
 }, {
     readonly doesResize: true;
+    readonly embedOnPaste: true;
     readonly fromEmbedUrl: (url: string) => string | undefined;
     readonly height: 500;
     readonly hostnames: readonly ["val.town"];
@@ -682,6 +687,7 @@ export declare const DEFAULT_EMBED_DEFINITIONS: readonly [{
     readonly width: 720;
 }, {
     readonly doesResize: true;
+    readonly embedOnPaste: true;
     readonly fromEmbedUrl: (url: string) => string | undefined;
     readonly height: 500;
     readonly hostnames: readonly ["codesandbox.io"];
@@ -693,6 +699,7 @@ export declare const DEFAULT_EMBED_DEFINITIONS: readonly [{
     readonly width: 720;
 }, {
     readonly doesResize: true;
+    readonly embedOnPaste: true;
     readonly fromEmbedUrl: (url: string) => string | undefined;
     readonly height: 400;
     readonly hostnames: readonly ["codepen.io"];
@@ -704,6 +711,7 @@ export declare const DEFAULT_EMBED_DEFINITIONS: readonly [{
     readonly width: 520;
 }, {
     readonly doesResize: false;
+    readonly embedOnPaste: true;
     readonly fromEmbedUrl: (url: string) => string | undefined;
     readonly height: 400;
     readonly hostnames: readonly ["scratch.mit.edu"];
@@ -713,6 +721,7 @@ export declare const DEFAULT_EMBED_DEFINITIONS: readonly [{
     readonly width: 520;
 }, {
     readonly doesResize: true;
+    readonly embedOnPaste: true;
     readonly fromEmbedUrl: (url: string) => string | undefined;
     readonly height: 450;
     readonly hostnames: readonly ["*.youtube.com", "youtube.com", "youtu.be"];
@@ -727,6 +736,7 @@ export declare const DEFAULT_EMBED_DEFINITIONS: readonly [{
     readonly width: 800;
 }, {
     readonly doesResize: true;
+    readonly embedOnPaste: true;
     readonly fromEmbedUrl: (url: string) => string | undefined;
     readonly height: 500;
     readonly hostnames: readonly ["calendar.google.*"];
@@ -742,6 +752,7 @@ export declare const DEFAULT_EMBED_DEFINITIONS: readonly [{
     readonly width: 720;
 }, {
     readonly doesResize: true;
+    readonly embedOnPaste: true;
     readonly fromEmbedUrl: (url: string) => string | undefined;
     readonly height: 500;
     readonly hostnames: readonly ["docs.google.*"];
@@ -756,6 +767,7 @@ export declare const DEFAULT_EMBED_DEFINITIONS: readonly [{
     readonly width: 720;
 }, {
     readonly doesResize: true;
+    readonly embedOnPaste: true;
     readonly fromEmbedUrl: (url: string) => string | undefined;
     readonly height: 500;
     readonly hostnames: readonly ["gist.github.com"];
@@ -765,6 +777,7 @@ export declare const DEFAULT_EMBED_DEFINITIONS: readonly [{
     readonly width: 720;
 }, {
     readonly doesResize: true;
+    readonly embedOnPaste: true;
     readonly fromEmbedUrl: (url: string) => string | undefined;
     readonly height: 500;
     readonly hostnames: readonly ["replit.com"];
@@ -774,6 +787,7 @@ export declare const DEFAULT_EMBED_DEFINITIONS: readonly [{
     readonly width: 720;
 }, {
     readonly doesResize: true;
+    readonly embedOnPaste: true;
     readonly fromEmbedUrl: (url: string) => string | undefined;
     readonly height: 500;
     readonly hostnames: readonly ["felt.com"];
@@ -783,6 +797,7 @@ export declare const DEFAULT_EMBED_DEFINITIONS: readonly [{
     readonly width: 720;
 }, {
     readonly doesResize: true;
+    readonly embedOnPaste: true;
     readonly fromEmbedUrl: (url: string) => string | undefined;
     readonly height: 500;
     readonly hostnames: readonly ["open.spotify.com"];
@@ -794,6 +809,7 @@ export declare const DEFAULT_EMBED_DEFINITIONS: readonly [{
     readonly width: 720;
 }, {
     readonly doesResize: true;
+    readonly embedOnPaste: true;
     readonly fromEmbedUrl: (url: string) => string | undefined;
     readonly height: 360;
     readonly hostnames: readonly ["vimeo.com", "player.vimeo.com"];
@@ -804,6 +820,7 @@ export declare const DEFAULT_EMBED_DEFINITIONS: readonly [{
     readonly width: 640;
 }, {
     readonly doesResize: true;
+    readonly embedOnPaste: true;
     readonly fromEmbedUrl: (url: string) => string | undefined;
     readonly height: 500;
     readonly hostnames: readonly ["excalidraw.com"];
@@ -815,6 +832,7 @@ export declare const DEFAULT_EMBED_DEFINITIONS: readonly [{
 }, {
     readonly backgroundColor: "#fff";
     readonly doesResize: true;
+    readonly embedOnPaste: true;
     readonly fromEmbedUrl: (url: string) => string | undefined;
     readonly height: 500;
     readonly hostnames: readonly ["observablehq.com"];
@@ -825,6 +843,7 @@ export declare const DEFAULT_EMBED_DEFINITIONS: readonly [{
     readonly width: 720;
 }, {
     readonly doesResize: true;
+    readonly embedOnPaste: true;
     readonly fromEmbedUrl: (url: string) => string | undefined;
     readonly height: 450;
     readonly hostnames: readonly ["desmos.com"];
@@ -1428,6 +1447,7 @@ export declare interface EmbedDefinition {
     readonly overridePermissions?: TLEmbedShapePermissions;
     readonly instructionLink?: string;
     readonly backgroundColor?: string;
+    readonly embedOnPaste?: boolean;
     readonly overrideOutlineRadius?: number;
     readonly toEmbedUrl: (url: string) => string | undefined;
     readonly fromEmbedUrl: (url: string) => string | undefined;
@@ -1969,6 +1989,7 @@ export declare class LineShapeUtil extends ShapeUtil<TLLineShape> {
     hideRotateHandle(): boolean;
     hideSelectionBoundsFg(): boolean;
     hideSelectionBoundsBg(): boolean;
+    hideInMinimap(): boolean;
     getDefaultProps(): TLLineShape['props'];
     getGeometry(shape: TLLineShape): PathBuilderGeometry2d;
     getHandles(shape: TLLineShape): TLHandle[];

package/dist-esm/index.mjs

@@ -529,7 +529,7 @@ import {
 } from "./lib/utils/tldr/file.mjs";
 registerTldrawLibraryVersion(
   "tldraw",
-  "4.1.0-canary.ca796f65c3a4",
+  "4.1.0-canary.caaa99b713a2",
   "esm"
 );
 export {

package/dist-esm/lib/defaultEmbedDefinitions.mjs

@@ -28,7 +28,8 @@ const DEFAULT_EMBED_DEFINITIONS = [
         return url;
       }
       return;
-    }
+    },
+    embedOnPaste: false
   },
   {
     type: "figma",
@@ -55,7 +56,8 @@ const DEFAULT_EMBED_DEFINITIONS = [
         }
       }
       return;
-    }
+    },
+    embedOnPaste: true
   },
   {
     type: "google_maps",
@@ -98,7 +100,8 @@ const DEFAULT_EMBED_DEFINITIONS = [
         return `https://www.google.com/maps/@${lat},${lon},${zoomOrMeters}${mapType === "roadmap" ? "z" : "m"}`;
       }
       return;
-    }
+    },
+    embedOnPaste: true
   },
   {
     type: "val_town",
@@ -124,7 +127,8 @@ const DEFAULT_EMBED_DEFINITIONS = [
         return `https://www.val.town/v/${matches[1]}`;
       }
       return;
-    }
+    },
+    embedOnPaste: true
   },
   {
     type: "codesandbox",
@@ -150,7 +154,8 @@ const DEFAULT_EMBED_DEFINITIONS = [
         return `https://codesandbox.io/s/${matches[1]}`;
       }
       return;
-    }
+    },
+    embedOnPaste: true
   },
   {
     type: "codepen",
@@ -178,7 +183,8 @@ const DEFAULT_EMBED_DEFINITIONS = [
         return `https://codepen.io/${user}/pen/${id}`;
       }
       return;
-    }
+    },
+    embedOnPaste: true
   },
   {
     type: "scratch",
@@ -187,6 +193,7 @@ const DEFAULT_EMBED_DEFINITIONS = [
     width: 520,
     height: 400,
     doesResize: false,
+    embedOnPaste: true,
     toEmbedUrl: (url) => {
       const SCRATCH_URL_REGEXP = /https?:\/\/scratch.mit.edu\/projects\/([^/]+)/;
       const matches = url.match(SCRATCH_URL_REGEXP);
@@ -218,6 +225,7 @@ const DEFAULT_EMBED_DEFINITIONS = [
       "allow-popups-to-escape-sandbox": true
     },
     isAspectRatioLocked: true,
+    embedOnPaste: true,
     toEmbedUrl: (url) => {
       const urlObj = safeParseUrl(url);
       if (!urlObj) return;
@@ -279,6 +287,7 @@ const DEFAULT_EMBED_DEFINITIONS = [
     overridePermissions: {
       "allow-popups-to-escape-sandbox": true
     },
+    embedOnPaste: true,
     toEmbedUrl: (url) => {
       const urlObj = safeParseUrl(url);
       const cidQs = urlObj?.searchParams.get("cid");
@@ -320,6 +329,7 @@ const DEFAULT_EMBED_DEFINITIONS = [
     overridePermissions: {
       "allow-popups-to-escape-sandbox": true
     },
+    embedOnPaste: true,
     toEmbedUrl: (url) => {
       const urlObj = safeParseUrl(url);
       if (urlObj?.pathname.match(/^\/presentation/) && urlObj?.pathname.match(/\/pub\/?$/)) {
@@ -352,6 +362,7 @@ const DEFAULT_EMBED_DEFINITIONS = [
     width: 720,
     height: 500,
     doesResize: true,
+    embedOnPaste: true,
     // Security warning:
     // Gists allow adding .json extensions to the URL which return JSONP.
     // Furthermore, the JSONP can include callbacks that execute arbitrary JavaScript.
@@ -384,10 +395,12 @@ const DEFAULT_EMBED_DEFINITIONS = [
     width: 720,
     height: 500,
     doesResize: true,
+    embedOnPaste: true,
     toEmbedUrl: (url) => {
       const urlObj = safeParseUrl(url);
       if (urlObj && urlObj.pathname.match(/\/@([^/]+)\/([^/]+)/)) {
-        return `${url}?embed=true`;
+        urlObj.searchParams.append("embed", "true");
+        return urlObj.href;
       }
       return;
     },
@@ -407,6 +420,7 @@ const DEFAULT_EMBED_DEFINITIONS = [
     width: 720,
     height: 500,
     doesResize: true,
+    embedOnPaste: true,
     toEmbedUrl: (url) => {
       const urlObj = safeParseUrl(url);
       if (urlObj && urlObj.pathname.match(/^\/map\//)) {
@@ -432,6 +446,7 @@ const DEFAULT_EMBED_DEFINITIONS = [
     minHeight: 500,
     overrideOutlineRadius: 12,
     doesResize: true,
+    embedOnPaste: true,
     toEmbedUrl: (url) => {
       const urlObj = safeParseUrl(url);
       if (urlObj && urlObj.pathname.match(/^\/(artist|album)\//)) {
@@ -455,6 +470,7 @@ const DEFAULT_EMBED_DEFINITIONS = [
     height: 360,
     doesResize: true,
     isAspectRatioLocked: true,
+    embedOnPaste: true,
     toEmbedUrl: (url) => {
       const urlObj = safeParseUrl(url);
       if (urlObj && urlObj.hostname === "vimeo.com") {
@@ -483,6 +499,7 @@ const DEFAULT_EMBED_DEFINITIONS = [
     height: 500,
     doesResize: true,
     isAspectRatioLocked: true,
+    embedOnPaste: true,
     toEmbedUrl: (url) => {
       const urlObj = safeParseUrl(url);
       if (urlObj && urlObj.hash.match(/#room=/)) {
@@ -507,6 +524,7 @@ const DEFAULT_EMBED_DEFINITIONS = [
     doesResize: true,
     isAspectRatioLocked: false,
     backgroundColor: "#fff",
+    embedOnPaste: true,
     toEmbedUrl: (url) => {
       const urlObj = safeParseUrl(url);
       if (urlObj && urlObj.pathname.match(/^\/@([^/]+)\/([^/]+)\/?$/)) {
@@ -536,6 +554,7 @@ const DEFAULT_EMBED_DEFINITIONS = [
     width: 700,
     height: 450,
     doesResize: true,
+    embedOnPaste: true,
     toEmbedUrl: (url) => {
       const urlObj = safeParseUrl(url);
       if (urlObj && urlObj.hostname === "www.desmos.com" && urlObj.pathname.match(/^\/calculator\/([^/]+)\/?$/) && urlObj.search === "" && urlObj.hash === "") {