@myoc/element 0.19.511 → 0.19.513

package/dist/types/common/src/constants.d.ts

@@ -231,6 +231,7 @@ export declare const EXPORT_SCALES: number[];
 export declare const DEFAULT_EXPORT_PADDING = 10;
 export declare const DEFAULT_MAX_IMAGE_WIDTH_OR_HEIGHT = 1440;
 export declare const MAX_ALLOWED_FILE_BYTES: number;
+export declare const DEFAULT_IMAGE_OPTIONS: AppProps["imageOptions"];
 export declare const SVG_NS = "http://www.w3.org/2000/svg";
 export declare const SVG_DOCUMENT_PREAMBLE = "<?xml version=\"1.0\" standalone=\"no\"?>\n<!DOCTYPE svg PUBLIC \"-//W3C//DTD SVG 1.1//EN\" \"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd\">\n";
 export declare const ENCRYPTION_KEY_BITS = 128;

package/dist/types/excalidraw/{animated-trail.d.ts → animatedTrail.d.ts}

@@ -1,6 +1,5 @@
 import { LaserPointer } from "@excalidraw/laser-pointer";
 import type { LaserPointerOptions } from "@excalidraw/laser-pointer";
-import type { AnimationFrameHandler } from "./animation-frame-handler";
 import type App from "./components/App";
 export interface Trail {
     start(container: SVGSVGElement): void;
@@ -15,7 +14,6 @@ export interface AnimatedTrailOptions {
     animateTrail?: boolean;
 }
 export declare class AnimatedTrail implements Trail {
-    private animationFrameHandler;
     protected app: App;
     private options;
     private currentTrail?;
@@ -23,9 +21,12 @@ export declare class AnimatedTrail implements Trail {
     private container?;
     private trailElement;
     private trailAnimation?;
-    constructor(animationFrameHandler: AnimationFrameHandler, app: App, options: Partial<LaserPointerOptions> & Partial<AnimatedTrailOptions>);
+    private key;
+    private static counter;
+    constructor(app: App, options: Partial<LaserPointerOptions> & Partial<AnimatedTrailOptions>);
     get hasCurrentTrail(): boolean;
     hasLastPoint(x: number, y: number): boolean;
+    private cleanup;
     start(container?: SVGSVGElement): void;
     stop(): void;
     startPath(x: number, y: number): void;

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

@@ -1,24 +1,23 @@
 import React from "react";
-import { AppEventBus, type EXPORT_IMAGE_TYPES, Emitter, type EditorInterface, type StylesPanelMode } from "@excalidraw/common";
-import { FlowChartCreator, Scene, Store, type ElementUpdate, StoreDelta, type ApplyToOptions } from "@excalidraw/element";
+import { AppEventBus, type EditorInterface, Emitter, type EXPORT_IMAGE_TYPES, type StylesPanelMode } from "@excalidraw/common";
+import { type ApplyToOptions, type ElementUpdate, FlowChartCreator, Scene, Store, StoreDelta } from "@excalidraw/element";
 import { LinearElementEditor } from "@excalidraw/element/linearElementEditor";
-import type { ExcalidrawElement, NonDeleted, NonDeletedExcalidrawElement, ExcalidrawFrameLikeElement, ExcalidrawIframeElement, ExcalidrawEmbeddableElement, Ordered, SceneElementsMap } from "@excalidraw/element/types";
+import type { ExcalidrawElement, ExcalidrawEmbeddableElement, ExcalidrawFrameLikeElement, ExcalidrawIframeElement, NonDeleted, NonDeletedExcalidrawElement, Ordered, SceneElementsMap } from "@excalidraw/element/types";
 import type { Mutable } from "@excalidraw/common/utility-types";
 import { ActionManager } from "../actions/manager";
-import { AnimationFrameHandler } from "../animation-frame-handler";
 import { History } from "../history";
-import { Fonts } from "../fonts";
 import { type WritableAtom } from "../editor-jotai";
+import { Fonts } from "../fonts";
+import { LaserTrails } from "../laserTrails";
 import { Renderer } from "../scene/Renderer";
-import { LaserTrails } from "../laser-trails";
 import { isOverScrollBars } from "../scene/scrollbars";
 import { LassoTrail } from "../lasso";
 import { EraserTrail } from "../eraser";
 import { type OnStateChange } from "./AppStateObserver";
 import type { ExportedElements } from "../data";
-import type { AppClassProperties, AppProps, AppState, ExcalidrawImperativeAPI, BinaryFiles, SceneData, FrameNameBoundsCache, SidebarName, SidebarTabName, ToolType, OnUserFollowedPayload, ExcalidrawImperativeAPIEventMap, GenerateDiagramToCode, NullableGridSize, Offsets } from "../types";
 import type { RoughCanvas } from "roughjs/bin/canvas";
 import type { ActionResult } from "../actions/types";
+import type { AppClassProperties, AppProps, AppState, BinaryFiles, ExcalidrawImperativeAPI, ExcalidrawImperativeAPIEventMap, FrameNameBoundsCache, GenerateDiagramToCode, NullableGridSize, Offsets, OnUserFollowedPayload, SceneData, SidebarName, SidebarTabName, ToolType } from "../types";
 declare const editorLifecycleEventBehavior: {
     readonly "editor:mount": {
         readonly cardinality: "once";
@@ -129,7 +128,6 @@ declare class App extends React.Component<AppProps, AppState> {
         x: number;
         y: number;
     };
-    animationFrameHandler: AnimationFrameHandler;
     laserTrails: LaserTrails;
     eraserTrail: EraserTrail;
     lassoTrail: LassoTrail;

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

@@ -1,5 +1,5 @@
 import "./SVGLayer.scss";
-import type { Trail } from "../animated-trail";
+import type { Trail } from "../animatedTrail";
 type SVGLayerProps = {
     trails: Trail[];
 };

package/dist/types/excalidraw/eraser/index.d.ts

@@ -1,10 +1,9 @@
-import { AnimatedTrail } from "../animated-trail";
-import type { AnimationFrameHandler } from "../animation-frame-handler";
+import { AnimatedTrail } from "../animatedTrail";
 import type App from "../components/App";
 export declare class EraserTrail extends AnimatedTrail {
     private elementsToErase;
     private groupsToErase;
-    constructor(animationFrameHandler: AnimationFrameHandler, app: App);
+    constructor(app: App);
     startPath(x: number, y: number): void;
     addPointToPath(x: number, y: number, restore?: boolean): string[];
     private updateElementsToBeErased;

package/dist/types/excalidraw/{laser-trails.d.ts → laserTrails.d.ts}

@@ -1,20 +1,18 @@
-import { AnimatedTrail } from "./animated-trail";
-import type { Trail } from "./animated-trail";
-import type { AnimationFrameHandler } from "./animation-frame-handler";
+import { AnimatedTrail } from "./animatedTrail";
+import type { Trail } from "./animatedTrail";
 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);
+    constructor(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;
+    private stopCollabTrails;
+    updateCollabTrails(collaborators: App["state"]["collaborators"]): void;
 }

package/dist/types/excalidraw/lasso/index.d.ts

@@ -1,5 +1,4 @@
-import { type AnimationFrameHandler } from "../animation-frame-handler";
-import { AnimatedTrail } from "../animated-trail";
+import { AnimatedTrail } from "../animatedTrail";
 import type App from "../components/App";
 export declare class LassoTrail extends AnimatedTrail {
     private intersectedElements;
@@ -7,7 +6,7 @@ export declare class LassoTrail extends AnimatedTrail {
     private elementsSegments;
     private canvasTranslate;
     private keepPreviousSelection;
-    constructor(animationFrameHandler: AnimationFrameHandler, app: App);
+    constructor(app: App);
     startPath(x: number, y: number, keepPreviousSelection?: boolean): void;
     selectElementsFromIds: (ids: string[]) => void;
     addPointToPath: (x: number, y: number, keepPreviousSelection?: boolean) => void;

package/dist/types/excalidraw/renderer/animation.d.ts

@@ -3,9 +3,12 @@ export type Animation<R extends object> = (params: {
     state?: R;
 }) => R | null | undefined;
 export declare class AnimationController {
-    private static isRunning;
+    private static scheduledFrame;
     private static animations;
     static start<R extends object>(key: string, animation: Animation<R>): void;
+    private static scheduleNextFrame;
+    private static cancelScheduledFrame;
+    private static cancelScheduledFrameIfIdle;
     private static tick;
     static running(key: string): boolean;
     static cancel(key: string): void;

package/dist/types/excalidraw/types.d.ts

@@ -521,6 +521,10 @@ export interface ExcalidrawProps {
     editorPreferences?: EditorPreferences;
     onEditorPreferencesChange?: (next: EditorPreferences) => void;
     UIOptions?: Partial<UIOptions>;
+    /**
+     * dimensions and size constraints for inserted images
+     */
+    imageOptions?: ImageOptions;
     detectScroll?: boolean;
     handleKeyboardGlobally?: boolean;
     autoFocus?: boolean;
@@ -577,6 +581,10 @@ export type ExportOpts = {
     onExportToBackend?: (exportedElements: readonly NonDeletedExcalidrawElement[], appState: UIAppState, files: BinaryFiles) => void;
     renderCustomUI?: (exportedElements: readonly NonDeletedExcalidrawElement[], appState: UIAppState, files: BinaryFiles, canvas: HTMLCanvasElement) => JSX.Element;
 };
+export type ImageOptions = Partial<{
+    maxWidthOrHeight: number;
+    maxFileSizeBytes: number;
+}>;
 export type CanvasActions = Partial<{
     changeViewBackgroundColor: boolean;
     export: false | ExportOpts;
@@ -605,6 +613,7 @@ export type AppProps = Merge<ExcalidrawProps, {
             export: ExportOpts;
         };
     }>;
+    imageOptions: Required<ImageOptions>;
     wheelZoomsOnDefault?: boolean;
     detectScroll: boolean;
     handleKeyboardGlobally: boolean;
@@ -727,6 +736,9 @@ export type ExcalidrawMountPayload = {
     excalidrawAPI: ExcalidrawImperativeAPI;
     container: HTMLDivElement | null;
 };
+export type AddImageElementsToSceneOptions = {
+    waitFor?: "inserted" | "painted";
+};
 export type ExcalidrawImperativeAPIEventMap = {
     "editor:mount": [payload: ExcalidrawMountPayload];
     "editor:initialize": [api: ExcalidrawImperativeAPI];
@@ -754,7 +766,7 @@ export interface ExcalidrawImperativeAPI {
     refresh: InstanceType<typeof App>["refresh"];
     setToast: InstanceType<typeof App>["setToast"];
     addFiles: (data: BinaryFileData[]) => void;
-    addImageElementsToScene: (imageFiles: File[], sceneX: number, sceneY: number) => Promise<void>;
+    addImageElementsToScene: (imageFiles: File[], sceneX: number, sceneY: number, options?: AddImageElementsToSceneOptions) => Promise<void>;
     id: string;
     setActiveTool: InstanceType<typeof App>["setActiveTool"];
     setCursor: InstanceType<typeof App>["setCursor"];

package/dist/types/math/src/point.d.ts

@@ -125,3 +125,4 @@ export declare const pointScaleFromOrigin: <P extends GlobalPoint | LocalPoint>(
  * @returns TRUE if q is indeed between p and r
  */
 export declare const isPointWithinBounds: <P extends GlobalPoint | LocalPoint>(p: P, q: P, r: P) => boolean;
+export declare const isValidPoint: (point: unknown) => point is LocalPoint;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myoc/element",
-  "version": "0.19.511",
+  "version": "0.19.513",
   "type": "module",
   "types": "./dist/types/element/src/index.d.ts",
   "main": "./dist/prod/index.js",
@@ -64,8 +64,8 @@
     "build:esm": "rimraf dist && node ../../scripts/buildBase.js && yarn gen:types"
   },
   "dependencies": {
-    "@excalidraw/common": "npm:@myoc/common@0.19.511",
-    "@excalidraw/fractional-indexing": "npm:@myoc/fractional-indexing@0.19.511",
-    "@excalidraw/math": "npm:@myoc/math@0.19.511"
+    "@excalidraw/common": "npm:@myoc/common@0.19.513",
+    "@excalidraw/fractional-indexing": "npm:@myoc/fractional-indexing@0.19.513",
+    "@excalidraw/math": "npm:@myoc/math@0.19.513"
   }
 }

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

@@ -1,16 +0,0 @@
-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;
-}