@zsviczian/excalidraw 0.17.1-obsidian-11 → 0.17.1-obsidian-12

package/dist/styles.development.css

@@ -4508,10 +4508,10 @@
     opacity: 1;
   }
 }
-/*!***********************************************************************************************************************************************************************************************************************!*\
-  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../node_modules/sass-loader/dist/cjs.js!./components/LaserTool/LaserToolOverlay.scss ***!
-  \***********************************************************************************************************************************************************************************************************************/
-.excalidraw .LaserToolOverlay {
+/*!*****************************************************************************************************************************************************************************************************!*\
+  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../node_modules/sass-loader/dist/cjs.js!./components/SVGLayer.scss ***!
+  \*****************************************************************************************************************************************************************************************************/
+.excalidraw .SVGLayer {
   pointer-events: none;
   width: 100vw;
   height: 100vh;
@@ -4520,10 +4520,12 @@
   left: 0;
   z-index: 2;
 }
-.excalidraw .LaserToolOverlay .LaserToolOverlayCanvas {
+.excalidraw .SVGLayer svg {
   image-rendering: auto;
   overflow: visible;
   position: absolute;
+  width: 100%;
+  height: 100%;
   top: 0;
   left: 0;
 }

package/dist/styles.production.css

@@ -49,7 +49,7 @@
 .excalidraw .MagicSettings .Island{height:100%;display:flex;flex-direction:column}.excalidraw .MagicSettings-confirm{padding:.5rem 1rem}.excalidraw .MagicSettings__confirm{margin-top:2rem;margin-right:auto}
 :export{themeFilter:invert(93%) hue-rotate(180deg);rightSidebarWidth:302px}.excalidraw .Modal.Dialog.ttd-dialog{padding:1.25rem}.excalidraw .Modal.Dialog.ttd-dialog.Dialog--fullscreen{margin-top:0}.excalidraw .Modal.Dialog.ttd-dialog .Island{padding-inline:0 !important;height:100%;display:flex;flex-direction:column;flex:1 1 auto;box-shadow:none}.excalidraw .Modal.Dialog.ttd-dialog .Modal__content{height:auto;max-height:100%}@media screen and (min-width: 861px){.excalidraw .Modal.Dialog.ttd-dialog .Modal__content{max-height:750px;height:100%}}.excalidraw .Modal.Dialog.ttd-dialog .Dialog__content{flex:1 1 auto}.excalidraw .ttd-dialog-desc{font-size:15px;font-style:italic;font-weight:500;margin-bottom:1.5rem}.excalidraw .ttd-dialog-tabs-root{width:100%;height:100%;display:flex;flex-direction:column}.excalidraw .ttd-dialog-tab-trigger{color:var(--color-on-surface);font-size:.875rem;margin:0;padding:0 1rem;background-color:rgba(0,0,0,0);border:0;height:2.875rem;font-weight:600;font-family:inherit;letter-spacing:.4px}.excalidraw .ttd-dialog-tab-trigger[data-state=active]{border-bottom:2px solid var(--color-primary)}.excalidraw .ttd-dialog-triggers{border-bottom:1px solid var(--color-surface-high);margin-bottom:1.5rem;padding-inline:2.5rem}.excalidraw .ttd-dialog-content{padding-inline:2.5rem;height:100%;display:flex;flex-direction:column}.excalidraw .ttd-dialog-content[hidden]{display:none}.excalidraw .ttd-dialog-input{width:auto;height:10rem;resize:none;border-radius:var(--border-radius-lg);border:1px solid var(--dialog-border-color);white-space:pre-wrap;padding:.85rem;box-sizing:border-box;font-family:monospace;text-wrap:wrap !important}@media screen and (min-width: 861px){.excalidraw .ttd-dialog-input{width:100%;height:100%}}.excalidraw .ttd-dialog-output-wrapper{display:flex;align-items:center;justify-content:center;padding:.85rem;box-sizing:border-box;flex-grow:1;position:relative;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==) left center;border-radius:var(--border-radius-lg);border:1px solid var(--dialog-border-color);height:400px;width:auto}@media screen and (min-width: 861px){.excalidraw .ttd-dialog-output-wrapper{width:100%;height:200px}}.excalidraw .ttd-dialog-output-wrapper canvas{max-width:100%;max-height:100%}.excalidraw .ttd-dialog-output-canvas-container{display:flex;width:100%;height:100%;align-items:center;justify-content:center;flex-grow:1}.excalidraw .ttd-dialog-output-error{color:red;font-weight:800;font-size:30px;word-break:break-word;overflow:auto;max-height:100%;height:100%;width:100%;text-align:center;position:absolute;z-index:10}.excalidraw .ttd-dialog-output-error p{font-weight:500;font-family:Cascadia;text-align:left;white-space:pre-wrap;font-size:.875rem;padding:0 10px}.excalidraw .ttd-dialog-panels{height:100%}@media screen and (min-width: 861px){.excalidraw .ttd-dialog-panels{display:grid;grid-template-columns:1fr 1fr;gap:4rem}}.excalidraw .ttd-dialog-panel{display:flex;flex-direction:column;width:100%}.excalidraw .ttd-dialog-panel__header{display:flex;margin:0px 4px 4px 4px;align-items:center;gap:1rem}.excalidraw .ttd-dialog-panel__header label{font-size:14px;font-style:normal;font-weight:600}.excalidraw .ttd-dialog-panel:first-child .ttd-dialog-panel-button-container:not(.invisible){margin-bottom:4rem}@media screen and (min-width: 861px){.excalidraw .ttd-dialog-panel .ttd-dialog-panel-button-container:not(.invisible){margin-bottom:.5rem !important}}.excalidraw .ttd-dialog-panel textarea{height:100%;resize:none;border-radius:var(--border-radius-lg);border:1px solid var(--dialog-border-color);white-space:pre-wrap;padding:.85rem;box-sizing:border-box;width:100%;font-family:monospace}@media screen and (max-width: 861px){.excalidraw .ttd-dialog-panel textarea{width:auto;height:10rem}}.excalidraw .ttd-dialog-panel-button-container{margin-top:1rem;margin-bottom:.5rem}.excalidraw .ttd-dialog-panel-button-container.invisible .ttd-dialog-panel-button{display:none}@media screen and (min-width: 861px){.excalidraw .ttd-dialog-panel-button-container.invisible .ttd-dialog-panel-button{display:block;visibility:hidden}}.excalidraw .ttd-dialog-panel-button{position:relative}.excalidraw .ttd-dialog-panel-button.excalidraw-button{font-family:inherit;font-weight:600;height:2.5rem;font-size:12px;color:#fff;background-color:var(--color-primary);width:100%}.excalidraw .ttd-dialog-panel-button.excalidraw-button:hover{background-color:var(--color-primary-darker)}.excalidraw .ttd-dialog-panel-button.excalidraw-button:active{background-color:var(--color-primary-darkest)}.excalidraw .ttd-dialog-panel-button.excalidraw-button:disabled{opacity:.5;cursor:not-allowed}.excalidraw .ttd-dialog-panel-button.excalidraw-button:disabled:hover{background-color:var(--color-primary)}@media screen and (min-width: 861px){.excalidraw .ttd-dialog-panel-button.excalidraw-button{width:auto;min-width:7.5rem}}.excalidraw.theme--dark.excalidraw .ttd-dialog-panel-button.excalidraw-button{color:var(--color-gray-100)}.excalidraw .ttd-dialog-panel-button div{display:contents}.excalidraw .ttd-dialog-panel-button div.invisible{visibility:hidden}.excalidraw .ttd-dialog-panel-button div.Spinner{display:flex !important;position:absolute;inset:0;--spinner-color: white}.excalidraw.theme--dark.excalidraw .ttd-dialog-panel-button div.Spinner{--spinner-color: var(--color-gray-100)}.excalidraw .ttd-dialog-panel-button div span{padding-left:.5rem;display:flex}.excalidraw .ttd-dialog-submit-shortcut{margin-inline-start:.5rem;font-size:.625rem;opacity:.6;display:flex;gap:.125rem}.excalidraw .ttd-dialog-submit-shortcut__key{border:1px solid gray;padding:2px 3px;border-radius:4px}
 :export{themeFilter:invert(93%) hue-rotate(180deg);rightSidebarWidth:302px}.excalidraw .Toast{animation:fade-in .5s;background-color:var(--button-gray-1);border-radius:4px;bottom:10px;box-sizing:border-box;cursor:default;left:50%;margin-left:-150px;padding:4px 0;position:absolute;text-align:center;width:300px;z-index:999999}.excalidraw .Toast .Toast__message{padding:0 1.6rem;color:var(--popup-text-color);white-space:pre-wrap}.excalidraw .Toast .close{position:absolute;top:0;right:0;padding:.4rem}.excalidraw .Toast .close .ToolIcon__icon{width:1.2rem;height:1.2rem}@keyframes fade-in{from{opacity:0}to{opacity:1}}
-.excalidraw .LaserToolOverlay{pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:2}.excalidraw .LaserToolOverlay .LaserToolOverlayCanvas{image-rendering:auto;overflow:visible;position:absolute;top:0;left:0}
+.excalidraw .SVGLayer{pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:2}.excalidraw .SVGLayer svg{image-rendering:auto;overflow:visible;position:absolute;width:100%;height:100%;top:0;left:0}
 .excalidraw .excalidraw-canvas-buttons{position:absolute;box-shadow:0px 2px 4px 0 rgba(0,0,0,.3);z-index:var(--zIndex-canvasButtons);background:var(--island-bg-color);border-radius:var(--border-radius-lg);display:flex;flex-direction:column;gap:.375rem}
 .excalidraw .follow-mode{position:absolute;box-sizing:border-box;pointer-events:none;border:2px solid var(--color-primary-hover);z-index:9999;display:flex;align-items:flex-end;justify-content:center}.excalidraw .follow-mode__badge{background-color:var(--color-primary-hover);color:var(--color-primary-light);padding:.25rem .5rem;margin-bottom:.5rem;border-radius:.5rem;pointer-events:all;font-size:.75rem;display:flex;gap:.5rem;align-items:center}.excalidraw .follow-mode__badge__label{display:flex;white-space:pre-wrap;line-height:1}.excalidraw .follow-mode__badge__username{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.excalidraw .follow-mode__disconnect-btn{all:unset;cursor:pointer;border-radius:.25rem}.excalidraw .follow-mode__disconnect-btn:hover{background-color:var(--color-primary-darker)}.excalidraw .follow-mode__disconnect-btn:active{background-color:var(--color-primary-darkest)}.excalidraw .follow-mode__disconnect-btn svg{display:block;width:1rem;height:1rem}
 .visually-hidden{position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);white-space:nowrap;-webkit-user-select:none;user-select:none}.LoadingMessage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.LoadingMessage .Spinner{font-size:2.8em}.LoadingMessage .LoadingMessage-text{margin-top:1em;font-size:.8em}.LoadingMessage--dark{background-color:#121212;color:#ced4da}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zsviczian/excalidraw",
-  "version": "0.17.1-obsidian-11",
+  "version": "0.17.1-obsidian-12",
   "main": "main.js",
   "types": "types/excalidraw/index.d.ts",
   "files": [
@@ -45,7 +45,7 @@
   },
   "dependencies": {
     "@braintree/sanitize-url": "6.0.2",
-    "@excalidraw/laser-pointer": "1.2.0",
+    "@excalidraw/laser-pointer": "1.3.1",
     "@zsviczian/mermaid-to-excalidraw": "0.2.0-obsidian-2",
     "@excalidraw/random-username": "1.1.0",
     "@radix-ui/react-popover": "1.0.3",

package/types/excalidraw/actions/actionCanvas.d.ts

@@ -121,7 +121,7 @@ export declare const actionClearCanvas: {
             openDialog: {
                 name: "help" | "imageExport" | "jsonExport";
             } | {
-                name: "settings";
+                name: "settings"; /** zoom content to cover X of the viewport, when fitToViewport=true */
                 source: "settings" | "tool" | "generation";
                 tab: "text-to-diagram" | "diagram-to-code";
             } | {
@@ -285,7 +285,7 @@ export declare const actionZoomIn: {
             openDialog: {
                 name: "help" | "imageExport" | "jsonExport";
             } | {
-                name: "settings";
+                name: "settings"; /** zoom content to cover X of the viewport, when fitToViewport=true */
                 source: "settings" | "tool" | "generation";
                 tab: "text-to-diagram" | "diagram-to-code";
             } | {
@@ -479,7 +479,7 @@ export declare const actionZoomOut: {
             openDialog: {
                 name: "help" | "imageExport" | "jsonExport";
             } | {
-                name: "settings";
+                name: "settings"; /** zoom content to cover X of the viewport, when fitToViewport=true */
                 source: "settings" | "tool" | "generation";
                 tab: "text-to-diagram" | "diagram-to-code";
             } | {
@@ -673,7 +673,7 @@ export declare const actionResetZoom: {
             openDialog: {
                 name: "help" | "imageExport" | "jsonExport";
             } | {
-                name: "settings";
+                name: "settings"; /** zoom content to cover X of the viewport, when fitToViewport=true */
                 source: "settings" | "tool" | "generation";
                 tab: "text-to-diagram" | "diagram-to-code";
             } | {
@@ -867,7 +867,7 @@ export declare const zoomToFitBounds: ({ bounds, appState, fitToViewport, viewpo
         openDialog: {
             name: "help" | "imageExport" | "jsonExport";
         } | {
-            name: "settings";
+            name: "settings"; /** zoom content to cover X of the viewport, when fitToViewport=true */
             source: "settings" | "tool" | "generation";
             tab: "text-to-diagram" | "diagram-to-code";
         } | {
@@ -1057,7 +1057,7 @@ export declare const zoomToFit: ({ targetElements, appState, fitToViewport, view
         openDialog: {
             name: "help" | "imageExport" | "jsonExport";
         } | {
-            name: "settings";
+            name: "settings"; /** zoom content to cover X of the viewport, when fitToViewport=true */
             source: "settings" | "tool" | "generation";
             tab: "text-to-diagram" | "diagram-to-code";
         } | {
@@ -1245,7 +1245,7 @@ export declare const actionZoomToFitSelectionInViewport: {
             openDialog: {
                 name: "help" | "imageExport" | "jsonExport";
             } | {
-                name: "settings";
+                name: "settings"; /** zoom content to cover X of the viewport, when fitToViewport=true */
                 source: "settings" | "tool" | "generation";
                 tab: "text-to-diagram" | "diagram-to-code";
             } | {
@@ -1437,7 +1437,7 @@ export declare const actionZoomToFitSelection: {
             openDialog: {
                 name: "help" | "imageExport" | "jsonExport";
             } | {
-                name: "settings";
+                name: "settings"; /** zoom content to cover X of the viewport, when fitToViewport=true */
                 source: "settings" | "tool" | "generation";
                 tab: "text-to-diagram" | "diagram-to-code";
             } | {
@@ -1630,7 +1630,7 @@ export declare const actionZoomToFit: {
             openDialog: {
                 name: "help" | "imageExport" | "jsonExport";
             } | {
-                name: "settings";
+                name: "settings"; /** zoom content to cover X of the viewport, when fitToViewport=true */
                 source: "settings" | "tool" | "generation";
                 tab: "text-to-diagram" | "diagram-to-code";
             } | {
@@ -1824,7 +1824,7 @@ export declare const actionToggleTheme: {
             openDialog: {
                 name: "help" | "imageExport" | "jsonExport";
             } | {
-                name: "settings";
+                name: "settings"; /** zoom content to cover X of the viewport, when fitToViewport=true */
                 source: "settings" | "tool" | "generation";
                 tab: "text-to-diagram" | "diagram-to-code";
             } | {
@@ -2015,7 +2015,7 @@ export declare const actionToggleEraserTool: {
             openDialog: {
                 name: "help" | "imageExport" | "jsonExport";
             } | {
-                name: "settings";
+                name: "settings"; /** zoom content to cover X of the viewport, when fitToViewport=true */
                 source: "settings" | "tool" | "generation";
                 tab: "text-to-diagram" | "diagram-to-code";
             } | {
@@ -2200,7 +2200,7 @@ export declare const actionToggleHandTool: {
             openDialog: {
                 name: "help" | "imageExport" | "jsonExport";
             } | {
-                name: "settings";
+                name: "settings"; /** zoom content to cover X of the viewport, when fitToViewport=true */
                 source: "settings" | "tool" | "generation";
                 tab: "text-to-diagram" | "diagram-to-code";
             } | {
@@ -2386,7 +2386,7 @@ export declare const actionToggleLaserPointer: {
             openDialog: {
                 name: "help" | "imageExport" | "jsonExport";
             } | {
-                name: "settings";
+                name: "settings"; /** zoom content to cover X of the viewport, when fitToViewport=true */
                 source: "settings" | "tool" | "generation";
                 tab: "text-to-diagram" | "diagram-to-code";
             } | {
@@ -2568,7 +2568,7 @@ export declare const zoomToFitElements: (elements: readonly ExcalidrawElement[],
         openDialog: {
             name: "help" | "imageExport" | "jsonExport";
         } | {
-            name: "settings";
+            name: "settings"; /** zoom content to cover X of the viewport, when fitToViewport=true */
             source: "settings" | "tool" | "generation";
             tab: "text-to-diagram" | "diagram-to-code";
         } | {

package/types/excalidraw/animated-trail.d.ts

@@ -0,0 +1,33 @@
+import { LaserPointerOptions } from "@excalidraw/laser-pointer";
+import { AnimationFrameHandler } from "./animation-frame-handler";
+import type App from "./components/App";
+export interface Trail {
+    start(container: SVGSVGElement): void;
+    stop(): void;
+    startPath(x: number, y: number): void;
+    addPointToPath(x: number, y: number): void;
+    endPath(): void;
+}
+export interface AnimatedTrailOptions {
+    fill: (trail: AnimatedTrail) => string;
+}
+export declare class AnimatedTrail implements Trail {
+    private animationFrameHandler;
+    private app;
+    private options;
+    private currentTrail?;
+    private pastTrails;
+    private container?;
+    private trailElement;
+    constructor(animationFrameHandler: AnimationFrameHandler, app: App, options: Partial<LaserPointerOptions> & Partial<AnimatedTrailOptions>);
+    get hasCurrentTrail(): boolean;
+    hasLastPoint(x: number, y: number): boolean;
+    start(container?: SVGSVGElement): void;
+    stop(): void;
+    startPath(x: number, y: number): void;
+    addPointToPath(x: number, y: number): void;
+    endPath(): void;
+    private update;
+    private onFrame;
+    private drawTrail;
+}

package/types/excalidraw/animation-frame-handler.d.ts

@@ -0,0 +1,16 @@
+export type AnimationCallback = (timestamp: number) => void | boolean;
+export type AnimationTarget = {
+    callback: AnimationCallback;
+    stopped: boolean;
+};
+export declare class AnimationFrameHandler {
+    private targets;
+    private rafIds;
+    register(key: object, callback: AnimationCallback): void;
+    start(key: object): void;
+    stop(key: object): void;
+    private constructFrame;
+    private scheduleFrame;
+    private cancelFrame;
+    private onFrame;
+}

package/types/excalidraw/components/App.d.ts

@@ -4,14 +4,16 @@ import { ActionManager } from "../actions/manager";
 import { EXPORT_IMAGE_TYPES } from "../constants";
 import { ExportedElements } from "../data";
 import { LinearElementEditor } from "../element/linearElementEditor";
-import { ExcalidrawElement, ExcalidrawLinearElement, NonDeleted, NonDeletedExcalidrawElement, ExcalidrawFrameLikeElement, ExcalidrawIframeElement } from "../element/types";
+import { ExcalidrawElement, ExcalidrawLinearElement, NonDeleted, NonDeletedExcalidrawElement, ExcalidrawFrameLikeElement, ExcalidrawIframeElement, ExcalidrawEmbeddableElement } from "../element/types";
 import History from "../history";
 import Scene from "../scene/Scene";
 import { AppClassProperties, AppProps, AppState, ExcalidrawImperativeAPI, BinaryFiles, LibraryItems, SceneData, Device, FrameNameBoundsCache, SidebarName, SidebarTabName, ToolType, OnUserFollowedPayload } from "../types";
 import { FileSystemHandle } from "../data/filesystem";
 import { Renderer } from "../scene/Renderer";
-import { LaserPathManager } from "./LaserTool/LaserPathManager";
 import { Emitter } from "../emitter";
+import { AnimationFrameHandler } from "../animation-frame-handler";
+import { AnimatedTrail } from "../animated-trail";
+import { LaserTrails } from "../laser-trails";
 export declare let showFourthFont: boolean;
 export declare const ExcalidrawContainerContext: React.Context<{
     container: HTMLDivElement | null;
@@ -60,6 +62,17 @@ declare class App extends React.Component<AppProps, AppState> {
     files: BinaryFiles;
     imageCache: AppClassProperties["imageCache"];
     private iFrameRefs;
+    /**
+     * Indicates whether the embeddable's url has been validated for rendering.
+     * If value not set, indicates that the validation is pending.
+     * Initially or on url change the flag is not reset so that we can guarantee
+     * the validation came from a trusted source (the editor).
+     **/
+    private embedsValidationStatus;
+    /** embeds that have been inserted to DOM (as a perf optim, we don't want to
+     * insert to DOM before user initially scrolls to them) */
+    private initializedEmbeds;
+    private elementsPendingErasure;
     hitLinkElement?: NonDeletedExcalidrawElement;
     lastPointerDownEvent: React.PointerEvent<HTMLElement> | null;
     lastPointerUpEvent: React.PointerEvent<HTMLElement> | PointerEvent | null;
@@ -69,7 +82,9 @@ declare class App extends React.Component<AppProps, AppState> {
         y: number;
     };
     allowMobileMode: boolean;
-    laserPathManager: LaserPathManager;
+    animationFrameHandler: AnimationFrameHandler;
+    laserTrails: LaserTrails;
+    eraserTrail: AnimatedTrail;
     onChangeEmitter: Emitter<[elements: readonly ExcalidrawElement[], appState: AppState, files: BinaryFiles]>;
     onPointerDownEmitter: Emitter<[activeTool: {
         lastActiveTool: import("../types").ActiveTool | null;
@@ -134,12 +149,6 @@ declare class App extends React.Component<AppProps, AppState> {
         boxSelection: {
             hasOccurred: boolean;
         };
-        elementIdsToErase: {
-            [key: string]: {
-                opacity: number;
-                erase: boolean;
-            };
-        };
     }>, event: React.PointerEvent<HTMLElement>]>;
     onPointerUpEmitter: Emitter<[activeTool: {
         lastActiveTool: import("../types").ActiveTool | null;
@@ -204,12 +213,6 @@ declare class App extends React.Component<AppProps, AppState> {
         boxSelection: {
             hasOccurred: boolean;
         };
-        elementIdsToErase: {
-            [key: string]: {
-                opacity: number;
-                erase: boolean;
-            };
-        };
     }>, event: PointerEvent]>;
     onUserFollowEmitter: Emitter<[payload: OnUserFollowedPayload]>;
     onScrollChangeEmitter: Emitter<[scrollX: number, scrollY: number, zoom: Readonly<{
@@ -223,6 +226,7 @@ declare class App extends React.Component<AppProps, AppState> {
     private getHTMLIFrameElement;
     private handleEmbeddableCenterClick;
     private isIframeLikeElementCenter;
+    private updateEmbedValidationStatus;
     private updateEmbeddables;
     private renderEmbeddables;
     private getFrameNameDOMId;
@@ -434,7 +438,7 @@ declare class App extends React.Component<AppProps, AppState> {
         sceneX: number;
         sceneY: number;
         link: string;
-    }) => NonDeleted<import("../element/types").ExcalidrawEmbeddableElement> | undefined;
+    }) => NonDeleted<ExcalidrawEmbeddableElement> | undefined;
     private createImageElement;
     private handleLinearElementOnPointerDown;
     private getCurrentItemRoundness;

package/types/excalidraw/components/LaserPointerButton.d.ts

@@ -0,0 +1,10 @@
+import "./ToolIcon.scss";
+type LaserPointerIconProps = {
+    title?: string;
+    name?: string;
+    checked: boolean;
+    onChange?(): void;
+    isMobile?: boolean;
+};
+export declare const LaserPointerButton: (props: LaserPointerIconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/excalidraw/components/SVGLayer.d.ts

@@ -0,0 +1,7 @@
+import { Trail } from "../animated-trail";
+import "./SVGLayer.scss";
+type SVGLayerProps = {
+    trails: Trail[];
+};
+export declare const SVGLayer: ({ trails }: SVGLayerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/excalidraw/components/icons.d.ts

@@ -42,7 +42,7 @@ export declare const HelpIcon: import("react/jsx-runtime").JSX.Element;
 export declare const ExternalLinkIcon: import("react/jsx-runtime").JSX.Element;
 export declare const GithubIcon: import("react/jsx-runtime").JSX.Element;
 export declare const DiscordIcon: import("react/jsx-runtime").JSX.Element;
-export declare const TwitterIcon: import("react/jsx-runtime").JSX.Element;
+export declare const XBrandIcon: import("react/jsx-runtime").JSX.Element;
 export declare const checkIcon: import("react/jsx-runtime").JSX.Element;
 export declare const LinkIcon: import("react/jsx-runtime").JSX.Element;
 export declare const save: import("react/jsx-runtime").JSX.Element;

package/types/excalidraw/element/Hyperlink.d.ts

@@ -1,9 +1,9 @@
 import { AppState, ExcalidrawProps, UIAppState } from "../types";
-import { NonDeletedExcalidrawElement } from "./types";
+import { ExcalidrawEmbeddableElement, NonDeletedExcalidrawElement } from "./types";
 import { Bounds } from "./bounds";
 import "./Hyperlink.scss";
 export declare const EXTERNAL_LINK_IMG: HTMLImageElement;
-export declare const Hyperlink: ({ element, setAppState, onLinkOpen, setToast, }: {
+export declare const Hyperlink: ({ element, setAppState, onLinkOpen, setToast, updateEmbedValidationStatus, }: {
     element: NonDeletedExcalidrawElement;
     setAppState: React.Component<any, AppState>["setState"];
     onLinkOpen: ExcalidrawProps["onLinkOpen"];
@@ -12,6 +12,7 @@ export declare const Hyperlink: ({ element, setAppState, onLinkOpen, setToast, }
         closable?: boolean;
         duration?: number;
     } | null) => void;
+    updateEmbedValidationStatus: (element: ExcalidrawEmbeddableElement, status: boolean) => void;
 }) => import("react/jsx-runtime").JSX.Element | null;
 export declare const actionLink: {
     name: "hyperlink";

package/types/excalidraw/element/embeddable.d.ts

@@ -196,5 +196,5 @@ export declare const actionSetEmbeddableAsActiveTool: {
 } & {
     keyTest?: undefined;
 };
-export declare const extractSrc: (htmlString: string) => string;
+export declare const maybeParseEmbedSrc: (str: string) => string;
 export declare const embeddableURLValidator: (url: string | null | undefined, validateEmbeddable: ExcalidrawProps["validateEmbeddable"]) => boolean;

package/types/excalidraw/element/linearElementEditor.d.ts

@@ -232,7 +232,7 @@ export declare class LinearElementEditor {
             offsetLeft: number;
             fileHandle: import("browser-fs-access").FileSystemHandle | null;
             collaborators: Map<import("../types").SocketId, Readonly<{
-                pointer?: import("../types").CollaboratorPointer | undefined; /** indices */
+                pointer?: import("../types").CollaboratorPointer | undefined;
                 button?: "up" | "down" | undefined;
                 selectedElementIds?: Readonly<{
                     [id: string]: true;

package/types/excalidraw/element/newElement.d.ts

@@ -7,7 +7,6 @@ export declare const newElement: (opts: {
 } & ElementConstructorOpts) => NonDeleted<ExcalidrawGenericElement>;
 export declare const newEmbeddableElement: (opts: {
     type: "embeddable";
-    validated: ExcalidrawEmbeddableElement["validated"];
 } & ElementConstructorOpts) => NonDeleted<ExcalidrawEmbeddableElement>;
 export declare const newIframeElement: (opts: {
     type: "iframe";

package/types/excalidraw/element/textElement.d.ts

@@ -3,7 +3,6 @@ import { MaybeTransformHandleType } from "./transformHandles";
 import { AppState } from "../types";
 import { ExtractSetType } from "../utility-types";
 export declare const normalizeText: (text: string) => string;
-export declare const splitIntoLines: (text: string) => string[];
 export declare const redrawTextBoundingBox: (textElement: ExcalidrawTextElement, container: ExcalidrawElement | null) => void;
 export declare const bindTextToShapeAfterDuplication: (sceneElements: ExcalidrawElement[], oldElements: ExcalidrawElement[], oldIdToDuplicatedId: Map<ExcalidrawElement["id"], ExcalidrawElement["id"]>) => void;
 export declare const handleBindTextResize: (container: NonDeletedExcalidrawElement, transformHandleType: MaybeTransformHandleType, shouldMaintainAspectRatio?: boolean) => void;

package/types/excalidraw/element/types.d.ts

@@ -76,14 +76,6 @@ export type ExcalidrawEllipseElement = _ExcalidrawElementBase & {
 };
 export type ExcalidrawEmbeddableElement = _ExcalidrawElementBase & Readonly<{
     type: "embeddable";
-    /**
-     * indicates whether the embeddable src (url) has been validated for rendering.
-     * null value indicates that the validation is pending. We reset the
-     * value on each restore (or url change) so that we can guarantee
-     * the validation came from a trusted source (the editor). Also because we
-     * may not have access to host-app supplied url validator during restore.
-     */
-    validated: boolean | null;
     scale: [number, number];
 }>;
 export type ExcalidrawIframeElement = _ExcalidrawElementBase & Readonly<{

package/types/excalidraw/laser-trails.d.ts

@@ -0,0 +1,19 @@
+import { AnimatedTrail, Trail } from "./animated-trail";
+import { AnimationFrameHandler } from "./animation-frame-handler";
+import type App from "./components/App";
+export declare class LaserTrails implements Trail {
+    private animationFrameHandler;
+    private app;
+    localTrail: AnimatedTrail;
+    private collabTrails;
+    private container?;
+    constructor(animationFrameHandler: AnimationFrameHandler, app: App);
+    private getTrailOptions;
+    startPath(x: number, y: number): void;
+    addPointToPath(x: number, y: number): void;
+    endPath(): void;
+    start(container: SVGSVGElement): void;
+    stop(): void;
+    onFrame(): void;
+    private updateCollabTrails;
+}

package/types/excalidraw/obsidianUtils.d.ts

@@ -0,0 +1,3 @@
+export declare const getAreaLimit: () => any;
+export declare const getWidthHeightLimit: () => any;
+export declare const isExcaliBrainView: () => any;

package/types/excalidraw/reactUtils.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @param func handler taking at most single parameter (event).
+ */
+export declare const withBatchedUpdates: <TFunction extends ((event: any) => void) | (() => void)>(func: Parameters<TFunction>["length"] extends 0 | 1 ? TFunction : never) => TFunction;
+/**
+ * barches React state updates and throttles the calls to a single call per
+ * animation frame
+ */
+export declare const withBatchedUpdatesThrottled: <TFunction extends ((event: any) => void) | (() => void)>(func: Parameters<TFunction>["length"] extends 0 | 1 ? TFunction : never) => {
+    (...args: Parameters<TFunction>): void;
+    flush(): void;
+    cancel(): void;
+};
+export declare const isRenderThrottlingEnabled: () => boolean;

package/types/excalidraw/renderer/renderElement.d.ts

@@ -1,8 +1,9 @@
-import { ExcalidrawElement, ExcalidrawTextElement, NonDeletedExcalidrawElement, ExcalidrawFreeDrawElement } from "../element/types";
+import { ExcalidrawElement, ExcalidrawTextElement, NonDeletedExcalidrawElement, ExcalidrawFreeDrawElement, ExcalidrawFrameLikeElement } from "../element/types";
 import type { RoughCanvas } from "roughjs/bin/canvas";
 import type { RoughSVG } from "roughjs/bin/svg";
 import { SVGRenderConfig, StaticCanvasRenderConfig } from "../scene/types";
-import { AppState, StaticCanvasAppState, BinaryFiles, InteractiveCanvasAppState } from "../types";
+import { AppState, StaticCanvasAppState, BinaryFiles, InteractiveCanvasAppState, ElementsPendingErasure } from "../types";
+export declare const getRenderOpacity: (element: ExcalidrawElement, containingFrame: ExcalidrawFrameLikeElement | null, elementsPendingErasure: ElementsPendingErasure) => number;
 export interface ExcalidrawElementWithCanvas {
     element: ExcalidrawElement | ExcalidrawTextElement;
     canvas: HTMLCanvasElement;

package/types/excalidraw/scene/Shape.d.ts

@@ -1,6 +1,7 @@
 import type { Drawable, Options } from "roughjs/bin/core";
 import type { RoughGenerator } from "roughjs/bin/generator";
 import type { ExcalidrawElement, NonDeletedExcalidrawElement, ExcalidrawSelectionElement } from "../element/types";
+import { EmbedsValidationStatus } from "../types";
 export declare const generateRoughOptions: (element: ExcalidrawElement, continuousPath?: boolean) => Options;
 /**
  * Generates the roughjs shape for given element.
@@ -9,7 +10,8 @@ export declare const generateRoughOptions: (element: ExcalidrawElement, continuo
  *
  * @private
  */
-export declare const _generateElementShape: (element: Exclude<NonDeletedExcalidrawElement, ExcalidrawSelectionElement>, generator: RoughGenerator, { isExporting, canvasBackgroundColor, }: {
+export declare const _generateElementShape: (element: Exclude<NonDeletedExcalidrawElement, ExcalidrawSelectionElement>, generator: RoughGenerator, { isExporting, canvasBackgroundColor, embedsValidationStatus, }: {
     isExporting: boolean;
     canvasBackgroundColor: string;
+    embedsValidationStatus: EmbedsValidationStatus | null;
 }) => Drawable | Drawable[] | null;

package/types/excalidraw/scene/ShapeCache.d.ts

@@ -1,7 +1,7 @@
 import { Drawable } from "roughjs/bin/core";
 import { ExcalidrawElement } from "../element/types";
 import { ElementShape, ElementShapes } from "./types";
-import { AppState } from "../types";
+import { AppState, EmbedsValidationStatus } from "../types";
 export declare class ShapeCache {
     private static rg;
     private static cache;
@@ -20,5 +20,6 @@ export declare class ShapeCache {
     static generateElementShape: <T extends import("../element/types").ExcalidrawRectangleElement | import("../element/types").ExcalidrawDiamondElement | import("../element/types").ExcalidrawEllipseElement | import("../element/types").ExcalidrawTextElement | import("../element/types").ExcalidrawLinearElement | import("../element/types").ExcalidrawFreeDrawElement | import("../element/types").ExcalidrawImageElement | import("../element/types").ExcalidrawFrameElement | import("../element/types").ExcalidrawMagicFrameElement | import("../element/types").ExcalidrawIframeElement | import("../element/types").ExcalidrawEmbeddableElement>(element: T, renderConfig: {
         isExporting: boolean;
         canvasBackgroundColor: AppState["viewBackgroundColor"];
+        embedsValidationStatus: EmbedsValidationStatus;
     } | null) => ((T["type"] extends keyof ElementShapes ? ElementShapes[T["type"]] | undefined : ElementShape | undefined) & ({} | null)) | (T["type"] extends keyof ElementShapes ? ElementShapes[T["type"]] : Drawable | null);
 }

package/types/excalidraw/scene/export.d.ts

@@ -19,6 +19,9 @@ export declare const exportToSvg: (elements: readonly NonDeletedExcalidrawElemen
     frameRendering?: AppState["frameRendering"];
     frameColor?: AppState["frameColor"];
 }, files: BinaryFiles | null, opts?: {
+    /**
+     * if true, all embeddables passed in will be rendered when possible.
+     */
     renderEmbeddables?: boolean;
     exportingFrame?: ExcalidrawFrameLikeElement | null;
 }) => Promise<SVGSVGElement>;

package/types/excalidraw/scene/types.d.ts

@@ -1,7 +1,7 @@
 import type { RoughCanvas } from "roughjs/bin/canvas";
 import { Drawable } from "roughjs/bin/core";
 import { ExcalidrawTextElement, NonDeletedExcalidrawElement } from "../element/types";
-import { AppClassProperties, AppState, InteractiveCanvasAppState, StaticCanvasAppState } from "../types";
+import { AppClassProperties, AppState, EmbedsValidationStatus, ElementsPendingErasure, InteractiveCanvasAppState, StaticCanvasAppState } from "../types";
 export type StaticCanvasRenderConfig = {
     canvasBackgroundColor: AppState["viewBackgroundColor"];
     imageCache: AppClassProperties["imageCache"];
@@ -9,6 +9,8 @@ export type StaticCanvasRenderConfig = {
     /** when exporting the behavior is slightly different (e.g. we can't use
      CSS filters), and we disable render optimizations for best output */
     isExporting: boolean;
+    embedsValidationStatus: EmbedsValidationStatus;
+    elementsPendingErasure: ElementsPendingErasure;
 };
 export type SVGRenderConfig = {
     offsetX: number;
@@ -19,6 +21,7 @@ export type SVGRenderConfig = {
     frameRendering: AppState["frameRendering"];
     canvasBackgroundColor: AppState["viewBackgroundColor"];
     frameColor?: AppState["frameColor"];
+    embedsValidationStatus: EmbedsValidationStatus;
 };
 export type InteractiveCanvasRenderConfig = {
     remoteSelectedElementIds: {

package/types/excalidraw/types.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { PointerType, ExcalidrawLinearElement, NonDeletedExcalidrawElement, NonDeleted, TextAlign, ExcalidrawElement, GroupId, ExcalidrawBindableElement, Arrowhead, ChartType, FontFamilyValues, ExcalidrawTextElement, FileId, ExcalidrawImageElement, Theme, StrokeRoundness, ExcalidrawEmbeddableElement, ExcalidrawMagicFrameElement, ExcalidrawFrameLikeElement, ExcalidrawElementType } from "./element/types";
+import { PointerType, ExcalidrawLinearElement, NonDeletedExcalidrawElement, NonDeleted, TextAlign, ExcalidrawElement, GroupId, ExcalidrawBindableElement, Arrowhead, ChartType, FontFamilyValues, ExcalidrawTextElement, FileId, ExcalidrawImageElement, Theme, StrokeRoundness, ExcalidrawEmbeddableElement, ExcalidrawMagicFrameElement, ExcalidrawFrameLikeElement, ExcalidrawElementType, ExcalidrawIframeLikeElement } from "./element/types";
 import { Action } from "./actions/types";
 import { Point as RoughPoint } from "roughjs/bin/geometry";
 import { LinearElementEditor } from "./element/linearElementEditor";
@@ -532,12 +532,6 @@ export type PointerDownState = Readonly<{
     boxSelection: {
         hasOccurred: boolean;
     };
-    elementIdsToErase: {
-        [key: ExcalidrawElement["id"]]: {
-            opacity: ExcalidrawElement["opacity"];
-            erase: boolean;
-        };
-    };
 }>;
 export type UnsubscribeCallback = () => void;
 export type ExcalidrawImperativeAPI = {
@@ -617,4 +611,6 @@ export type KeyboardModifiersObject = {
 };
 export type Primitive = number | string | boolean | bigint | symbol | null | undefined;
 export type JSONValue = string | number | boolean | null | object;
+export type EmbedsValidationStatus = Map<ExcalidrawIframeLikeElement["id"], boolean>;
+export type ElementsPendingErasure = Set<ExcalidrawElement["id"]>;
 export {};

package/types/excalidraw/utils.d.ts

@@ -141,19 +141,6 @@ export type ResolvablePromise<T> = Promise<T> & {
     reject: (error: Error) => void;
 };
 export declare const resolvablePromise: <T>() => ResolvablePromise<T>;
-/**
- * @param func handler taking at most single parameter (event).
- */
-export declare const withBatchedUpdates: <TFunction extends ((event: any) => void) | (() => void)>(func: Parameters<TFunction>["length"] extends 0 | 1 ? TFunction : never) => TFunction;
-/**
- * barches React state updates and throttles the calls to a single call per
- * animation frame
- */
-export declare const withBatchedUpdatesThrottled: <TFunction extends ((event: any) => void) | (() => void)>(func: Parameters<TFunction>["length"] extends 0 | 1 ? TFunction : never) => {
-    (...args: Parameters<TFunction>): void;
-    flush(): void;
-    cancel(): void;
-};
 export declare const nFormatter: (num: number, digits: number) => string;
 export declare const getVersion: () => string;
 export declare const supportsEmoji: () => boolean;
@@ -205,7 +192,6 @@ export declare const assertNever: (value: never, message: string | null, softAss
 export declare const memoize: <T extends Record<string, any>, R extends unknown>(func: (opts: T) => R) => ((opts: T) => R) & {
     clear: () => void;
 };
-export declare const isRenderThrottlingEnabled: () => boolean;
 /** Checks if value is inside given collection. Useful for type-safety. */
 export declare const isMemberOf: <T extends string>(collection: Set<T> | Record<T, any> | Map<T, any> | readonly T[], value: string) => value is T;
 export declare const cloneJSON: <T>(obj: T) => T;
@@ -217,3 +203,5 @@ export declare function addEventListener<K extends keyof DocumentEventMap>(targe
 export declare function addEventListener(target: Document, type: string, listener: (this: Document, ev: Event) => any, options?: boolean | AddEventListenerOptions): UnsubscribeCallback;
 export declare function addEventListener<K extends keyof FontFaceSetEventMap>(target: FontFaceSet, type: K, listener: (this: FontFaceSet, ev: FontFaceSetEventMap[K]) => any, options?: boolean | AddEventListenerOptions): UnsubscribeCallback;
 export declare function addEventListener<K extends keyof HTMLElementEventMap>(target: Document | (Window & typeof globalThis) | HTMLElement | undefined | null | false, type: K, listener: (this: HTMLDivElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): UnsubscribeCallback;
+export declare function getSvgPathFromStroke(points: number[][], closed?: boolean): string;
+export declare const normalizeEOL: (str: string) => string;