@nous-excalidraw/excalidraw 0.18.9-beta.2 → 0.18.9-beta.21

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

@@ -72,6 +72,7 @@ export declare const actionGroup: {
             currentItemBackgroundColor: string;
             currentItemFillStyle: ExcalidrawElement["fillStyle"];
             currentItemStrokeWidth: number;
+            currentItemStrokeWidthCustom: boolean;
             currentItemStrokeStyle: ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;
@@ -249,6 +250,7 @@ export declare const actionUngroup: {
             currentItemBackgroundColor: string;
             currentItemFillStyle: ExcalidrawElement["fillStyle"];
             currentItemStrokeWidth: number;
+            currentItemStrokeWidthCustom: boolean;
             currentItemStrokeStyle: ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;

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

@@ -99,6 +99,7 @@ export declare const actionToggleLinearEditor: {
             currentItemBackgroundColor: string;
             currentItemFillStyle: import("@nous-excalidraw/element/types").ExcalidrawElement["fillStyle"];
             currentItemStrokeWidth: number;
+            currentItemStrokeWidthCustom: boolean;
             currentItemStrokeStyle: import("@nous-excalidraw/element/types").ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;
@@ -389,6 +390,40 @@ export declare const actionTogglePolygon: {
             link: string | null;
             locked: boolean;
             customData?: Record<string, any>;
+        }> & {
+            type: "triangle";
+        } & {
+            index: import("@nous-excalidraw/element/types").FractionalIndex;
+        }) | (Readonly<{
+            id: string;
+            x: number;
+            y: number;
+            strokeColor: string;
+            backgroundColor: string;
+            fillStyle: import("@nous-excalidraw/element/types").FillStyle;
+            strokeWidth: number;
+            strokeStyle: import("@nous-excalidraw/element/types").StrokeStyle;
+            roundness: null | {
+                type: import("@nous-excalidraw/element/types").RoundnessType;
+                value?: number;
+            };
+            roughness: number;
+            opacity: number;
+            width: number;
+            height: number;
+            angle: import("@nous-excalidraw/math").Radians;
+            seed: number;
+            version: number;
+            versionNonce: number;
+            index: import("@nous-excalidraw/element/types").FractionalIndex | null;
+            isDeleted: boolean;
+            groupIds: readonly import("@nous-excalidraw/element/types").GroupId[];
+            frameId: string | null;
+            boundElements: readonly import("@nous-excalidraw/element/types").BoundElement[] | null;
+            updated: number;
+            link: string | null;
+            locked: boolean;
+            customData?: Record<string, any>;
         }> & {
             type: "ellipse";
         } & {

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

@@ -63,6 +63,7 @@ export declare const actionLink: {
             currentItemBackgroundColor: string;
             currentItemFillStyle: import("@nous-excalidraw/element/types").ExcalidrawElement["fillStyle"];
             currentItemStrokeWidth: number;
+            currentItemStrokeWidthCustom: boolean;
             currentItemStrokeStyle: import("@nous-excalidraw/element/types").ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;

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

@@ -70,6 +70,7 @@ export declare const actionShortcuts: {
             currentItemBackgroundColor: string;
             currentItemFillStyle: import("@nous-excalidraw/element/types").ExcalidrawElement["fillStyle"];
             currentItemStrokeWidth: number;
+            currentItemStrokeWidthCustom: boolean;
             currentItemStrokeStyle: import("@nous-excalidraw/element/types").ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;

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

@@ -92,6 +92,7 @@ export declare const actionDecreaseFontSize: {
             currentItemBackgroundColor: string;
             currentItemFillStyle: ExcalidrawElement["fillStyle"];
             currentItemStrokeWidth: number;
+            currentItemStrokeWidthCustom: boolean;
             currentItemStrokeStyle: ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;
@@ -265,6 +266,7 @@ export declare const actionIncreaseFontSize: {
             currentItemBackgroundColor: string;
             currentItemFillStyle: ExcalidrawElement["fillStyle"];
             currentItemStrokeWidth: number;
+            currentItemStrokeWidthCustom: boolean;
             currentItemStrokeStyle: ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;

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

@@ -70,6 +70,7 @@ export declare const actionSelectAll: {
             currentItemBackgroundColor: string;
             currentItemFillStyle: ExcalidrawElement["fillStyle"];
             currentItemStrokeWidth: number;
+            currentItemStrokeWidthCustom: boolean;
             currentItemStrokeStyle: ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;

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

@@ -68,6 +68,7 @@ export declare const actionCopyStyles: {
             currentItemBackgroundColor: string;
             currentItemFillStyle: import("@nous-excalidraw/element/types").ExcalidrawElement["fillStyle"];
             currentItemStrokeWidth: number;
+            currentItemStrokeWidthCustom: boolean;
             currentItemStrokeStyle: import("@nous-excalidraw/element/types").ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;

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

@@ -64,6 +64,7 @@ export declare const actionToggleArrowBinding: {
             currentItemBackgroundColor: string;
             currentItemFillStyle: import("@nous-excalidraw/element/types").ExcalidrawElement["fillStyle"];
             currentItemStrokeWidth: number;
+            currentItemStrokeWidthCustom: boolean;
             currentItemStrokeStyle: import("@nous-excalidraw/element/types").ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;

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

@@ -69,6 +69,7 @@ export declare const actionToggleGridMode: {
             currentItemBackgroundColor: string;
             currentItemFillStyle: import("@nous-excalidraw/element/types").ExcalidrawElement["fillStyle"];
             currentItemStrokeWidth: number;
+            currentItemStrokeWidthCustom: boolean;
             currentItemStrokeStyle: import("@nous-excalidraw/element/types").ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;

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

@@ -64,6 +64,7 @@ export declare const actionToggleMidpointSnapping: {
             currentItemBackgroundColor: string;
             currentItemFillStyle: import("@nous-excalidraw/element/types").ExcalidrawElement["fillStyle"];
             currentItemStrokeWidth: number;
+            currentItemStrokeWidthCustom: boolean;
             currentItemStrokeStyle: import("@nous-excalidraw/element/types").ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;

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

@@ -67,6 +67,7 @@ export declare const actionToggleObjectsSnapMode: {
             currentItemBackgroundColor: string;
             currentItemFillStyle: import("@nous-excalidraw/element/types").ExcalidrawElement["fillStyle"];
             currentItemStrokeWidth: number;
+            currentItemStrokeWidthCustom: boolean;
             currentItemStrokeStyle: import("@nous-excalidraw/element/types").ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;

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

@@ -73,6 +73,7 @@ export declare const actionToggleSearchMenu: {
             currentItemBackgroundColor: string;
             currentItemFillStyle: import("@nous-excalidraw/element/types").ExcalidrawElement["fillStyle"];
             currentItemStrokeWidth: number;
+            currentItemStrokeWidthCustom: boolean;
             currentItemStrokeStyle: import("@nous-excalidraw/element/types").ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;

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

@@ -69,6 +69,7 @@ export declare const actionToggleStats: {
             currentItemBackgroundColor: string;
             currentItemFillStyle: import("@nous-excalidraw/element/types").ExcalidrawElement["fillStyle"];
             currentItemStrokeWidth: number;
+            currentItemStrokeWidthCustom: boolean;
             currentItemStrokeStyle: import("@nous-excalidraw/element/types").ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;

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

@@ -66,6 +66,7 @@ export declare const actionToggleViewMode: {
             currentItemBackgroundColor: string;
             currentItemFillStyle: import("@nous-excalidraw/element/types").ExcalidrawElement["fillStyle"];
             currentItemStrokeWidth: number;
+            currentItemStrokeWidthCustom: boolean;
             currentItemStrokeStyle: import("@nous-excalidraw/element/types").ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;

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

@@ -66,6 +66,7 @@ export declare const actionToggleZenMode: {
             currentItemBackgroundColor: string;
             currentItemFillStyle: import("@nous-excalidraw/element/types").ExcalidrawElement["fillStyle"];
             currentItemStrokeWidth: number;
+            currentItemStrokeWidthCustom: boolean;
             currentItemStrokeStyle: import("@nous-excalidraw/element/types").ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;

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

@@ -3,12 +3,10 @@ export declare const getDefaultAppState: () => Omit<AppState, "offsetTop" | "off
 export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>) => {
     viewBackgroundColor?: string | undefined;
     theme?: import("@nous-excalidraw/element/types").Theme | undefined;
-    name?: string | null | undefined;
     zoom?: Readonly<{
         value: NormalizedZoomValue;
     }> | undefined;
-    isBindingEnabled?: boolean | undefined;
-    isMidpointSnappingEnabled?: boolean | undefined;
+    name?: string | null | undefined;
     selectedElementIds?: Readonly<{
         [id: string]: true;
     }> | undefined;
@@ -24,12 +22,12 @@ export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>)
         [groupId: string]: boolean;
     } | undefined;
     selectedLinearElement?: import("@nous-excalidraw/element").LinearElementEditor | null | undefined;
+    isBindingEnabled?: boolean | undefined;
+    isMidpointSnappingEnabled?: boolean | undefined;
     zenModeEnabled?: boolean | undefined;
     shouldCacheIgnoreZoom?: boolean | undefined;
     exportScale?: number | undefined;
     currentItemArrowType?: "round" | "sharp" | "elbow" | undefined;
-    bindMode?: import("@nous-excalidraw/element/types").BindMode | undefined;
-    gridSize?: number | undefined;
     showWelcomeScreen?: boolean | undefined;
     boxSelectionMode?: import("./types").BoxSelectionMode | undefined;
     bindingPreference?: "enabled" | "disabled" | undefined;
@@ -67,6 +65,7 @@ export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>)
     previousSelectedElementIds?: {
         [id: string]: true;
     } | undefined;
+    gridSize?: number | undefined;
     gridStep?: number | undefined;
     gridModeEnabled?: boolean | undefined;
     stats?: {
@@ -77,6 +76,7 @@ export declare const clearAppStateForLocalStorage: (appState: Partial<AppState>)
     lockedMultiSelections?: {
         [groupId: string]: true;
     } | undefined;
+    bindMode?: import("@nous-excalidraw/element/types").BindMode | undefined;
 };
 export declare const cleanAppStateForExport: (appState: Partial<AppState>) => {
     viewBackgroundColor?: string | undefined;

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

@@ -1,6 +1,7 @@
 import React from "react";
 import { AppEventBus, type EXPORT_IMAGE_TYPES, Emitter, type EditorInterface, type StylesPanelMode } from "@nous-excalidraw/common";
 import { LinearElementEditor, FlowChartCreator, Scene, Store, type ElementUpdate, StoreDelta, type ApplyToOptions } from "@nous-excalidraw/element";
+import type { MaybeTransformHandleType, TransformHandleType } from "@nous-excalidraw/element";
 import type { ExcalidrawElement, NonDeleted, NonDeletedExcalidrawElement, ExcalidrawFrameLikeElement, ExcalidrawIframeElement, ExcalidrawEmbeddableElement, Ordered, SceneElementsMap } from "@nous-excalidraw/element/types";
 import type { Mutable } from "@nous-excalidraw/common/utility-types";
 import { ActionManager } from "../actions/manager";
@@ -121,6 +122,7 @@ declare class App extends React.Component<AppProps, AppState> {
         x: number;
         y: number;
     } | null;
+    hoveredCornerTransformHandleType: TransformHandleType | null;
     private lastCompletedCanvasClicks;
     /** previous frame pointer coords */
     previousPointerMoveCoords: {
@@ -156,7 +158,7 @@ declare class App extends React.Component<AppProps, AppState> {
         };
         originalElements: Map<string, NonDeleted<ExcalidrawElement>>;
         resize: {
-            handleType: import("@nous-excalidraw/element").MaybeTransformHandleType;
+            handleType: MaybeTransformHandleType;
             isResizing: boolean;
             offset: {
                 x: number;
@@ -218,7 +220,7 @@ declare class App extends React.Component<AppProps, AppState> {
         };
         originalElements: Map<string, NonDeleted<ExcalidrawElement>>;
         resize: {
-            handleType: import("@nous-excalidraw/element").MaybeTransformHandleType;
+            handleType: MaybeTransformHandleType;
             isResizing: boolean;
             offset: {
                 x: number;
@@ -380,6 +382,7 @@ declare class App extends React.Component<AppProps, AppState> {
      * 1 = 100% zoom, 2 = 200% zoom, 0.5 = 50% zoom
      */
     value: number) => void;
+    private syncSceneStrokeWidthsForZoom;
     private cancelInProgressAnimation;
     scrollToContent: (
     /**
@@ -398,7 +401,7 @@ declare class App extends React.Component<AppProps, AppState> {
         fitToContent?: never;
         fitToViewport?: boolean;
         /** when fitToViewport=true, how much screen should the content cover,
-         * between 0.02 (2%) and 1 (100%)
+         * between 0.01 (1%) and 1 (100%)
          */
         viewportZoomFactor?: number;
         animate?: boolean;
@@ -407,6 +410,15 @@ declare class App extends React.Component<AppProps, AppState> {
         minZoom?: number;
         maxZoom?: number;
         canvasOffsets?: Offsets;
+        /** offsets for zoom / effective viewport only */
+        fitCanvasOffsets?: Offsets;
+        /** offsets for scroll centering only (defaults to fitCanvasOffsets) */
+        scrollCanvasOffsets?: Offsets;
+        /**
+         * 宿主 StyleBar 定位在元素上方 HOST_STYLEBAR_GAP_ABOVE_ELEMENT px；
+         * 仅钳制 scrollY 下限，避免把 StyleBar 高度误当作顶栏叠入 centerScrollOn。
+         */
+        clampHostStylebarAboveElement?: boolean;
     }) => void;
     private maybeUnfollowRemoteUser;
     /** use when changing scrollX/scrollY/zoom based on user interaction */
@@ -448,6 +460,15 @@ declare class App extends React.Component<AppProps, AppState> {
         force?: boolean;
     }) => boolean;
     private updateCurrentCursorPosition;
+    /**
+     * 宿主业务顶部 UI 占位（与 web-art-flow 布局对齐）：
+     * - tool-bar-wrapper: 顶部工具栏
+     * - stylebar-wrapper: 选中元素上方的样式栏（moveStyleMenuBar 定位在元素上方）
+     */
+    private static HOST_TOOLBAR_SELECTOR;
+    /** utils/index.ts: MEUE_LEFT_BAR_HEIGHT(47) + STYLE_BAR_TO_ELEMENT_TOP_GAP_PX(26) */
+    private static HOST_STYLEBAR_GAP_ABOVE_ELEMENT;
+    private getHostUiBottomRelativeToContainer;
     getEditorUIOffsets: () => Offsets;
     private onKeyDown;
     private onKeyUp;
@@ -502,6 +523,9 @@ declare class App extends React.Component<AppProps, AppState> {
     private getElementLinkAtPosition;
     private handleElementLinkClick;
     private getTopLayerFrameAtSceneCoords;
+    private getHoveredCornerTransformHandleType;
+    private syncHoveredCornerTransformHandleType;
+    private clearHoveredCornerTransformHandleType;
     private clearHoverOutlineIfNeeded;
     /** Unified frame hover: title band, frame interior, or any element inside the frame. */
     private computeHoveredFrameId;
@@ -547,6 +571,7 @@ declare class App extends React.Component<AppProps, AppState> {
     }) => NonDeleted<ExcalidrawEmbeddableElement> | undefined;
     private newImagePlaceholder;
     private handleLinearElementOnPointerDown;
+    private getNewElementStrokeProps;
     private getCurrentItemRoundness;
     private createGenericElementOnPointerDown;
     private createFrameElementOnPointerDown;

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

@@ -25,6 +25,7 @@ export declare const SelectionIcon: import("react/jsx-runtime").JSX.Element;
 export declare const LassoIcon: import("react/jsx-runtime").JSX.Element;
 export declare const RectangleIcon: import("react/jsx-runtime").JSX.Element;
 export declare const DiamondIcon: import("react/jsx-runtime").JSX.Element;
+export declare const TriangleIcon: import("react/jsx-runtime").JSX.Element;
 export declare const EllipseIcon: import("react/jsx-runtime").JSX.Element;
 export declare const ArrowIcon: import("react/jsx-runtime").JSX.Element;
 export declare const LineIcon: import("react/jsx-runtime").JSX.Element;

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

@@ -27,6 +27,13 @@ export declare const SHAPES: readonly [{
     readonly numericKey: "3";
     readonly fillable: true;
     readonly toolbar: true;
+}, {
+    readonly icon: import("react/jsx-runtime").JSX.Element;
+    readonly value: "triangle";
+    readonly key: "g";
+    readonly numericKey: null;
+    readonly fillable: true;
+    readonly toolbar: true;
 }, {
     readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "ellipse";
@@ -112,6 +119,13 @@ export declare const getToolbarTools: (app: AppClassProperties) => readonly [{
     readonly numericKey: "3";
     readonly fillable: true;
     readonly toolbar: true;
+}, {
+    readonly icon: import("react/jsx-runtime").JSX.Element;
+    readonly value: "triangle";
+    readonly key: "g";
+    readonly numericKey: null;
+    readonly fillable: true;
+    readonly toolbar: true;
 }, {
     readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "ellipse";
@@ -203,6 +217,13 @@ export declare const getToolbarTools: (app: AppClassProperties) => readonly [{
     readonly numericKey: "3";
     readonly fillable: true;
     readonly toolbar: true;
+} | {
+    readonly icon: import("react/jsx-runtime").JSX.Element;
+    readonly value: "triangle";
+    readonly key: "g";
+    readonly numericKey: null;
+    readonly fillable: true;
+    readonly toolbar: true;
 } | {
     readonly icon: import("react/jsx-runtime").JSX.Element;
     readonly value: "ellipse";
@@ -260,4 +281,4 @@ export declare const getToolbarTools: (app: AppClassProperties) => readonly [{
     readonly fillable: false;
     readonly toolbar: false;
 })[]];
-export declare const findShapeByKey: (key: string, app: AppClassProperties) => "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "ellipse" | "image" | "freedraw" | "lasso" | "eraser" | "hand" | "laser" | null;
+export declare const findShapeByKey: (key: string, app: AppClassProperties) => "line" | "arrow" | "text" | "selection" | "rectangle" | "diamond" | "triangle" | "ellipse" | "image" | "freedraw" | "lasso" | "eraser" | "hand" | "laser" | null;

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

@@ -22,6 +22,7 @@ fileHandle?: FileSystemFileHandle | null) => Promise<{
         appState: {
             viewBackgroundColor: string;
             theme: import("@nous-excalidraw/element/types").Theme;
+            zoom: import("../types").Zoom;
             frameRendering: {
                 enabled: boolean;
                 name: boolean;
@@ -29,9 +30,6 @@ fileHandle?: FileSystemFileHandle | null) => Promise<{
                 clip: boolean;
             };
             name: string | null;
-            zoom: import("../types").Zoom;
-            isBindingEnabled: boolean;
-            isMidpointSnappingEnabled: boolean;
             selectedElementIds: Readonly<{
                 [id: string]: true;
             }>;
@@ -74,11 +72,14 @@ fileHandle?: FileSystemFileHandle | null) => Promise<{
             selectedLinearElement: import("@nous-excalidraw/element").LinearElementEditor | null;
             multiElement: import("@nous-excalidraw/element/types").NonDeleted<import("@nous-excalidraw/element/types").ExcalidrawLinearElement> | null;
             newElement: import("@nous-excalidraw/element/types").NonDeleted<import("@nous-excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
+            isBindingEnabled: boolean;
+            isMidpointSnappingEnabled: boolean;
             suggestedBinding: {
                 element: import("@nous-excalidraw/element/types").NonDeleted<import("@nous-excalidraw/element/types").ExcalidrawBindableElement>;
                 midPoint?: import("@nous-excalidraw/math").GlobalPoint;
             } | null;
             isRotating: boolean;
+            isResizing: boolean;
             elementsToHighlight: import("@nous-excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
             collaborators: Map<import("../types").SocketId, import("../types").Collaborator>;
             snapLines: readonly import("../snapping").SnapLine[];
@@ -98,8 +99,6 @@ fileHandle?: FileSystemFileHandle | null) => Promise<{
             exportScale: number;
             currentItemArrowType: "sharp" | "round" | "elbow";
             selectedElementsAreBeingDragged: boolean;
-            bindMode: import("@nous-excalidraw/element/types").BindMode;
-            gridSize: number;
             contextMenu: {
                 items: import("../components/ContextMenu").ContextMenuItems;
                 top: number;
@@ -127,6 +126,7 @@ fileHandle?: FileSystemFileHandle | null) => Promise<{
             currentItemBackgroundColor: string;
             currentItemFillStyle: ExcalidrawElement["fillStyle"];
             currentItemStrokeWidth: number;
+            currentItemStrokeWidthCustom: boolean;
             currentItemStrokeStyle: ExcalidrawElement["strokeStyle"];
             currentItemRoughness: number;
             currentItemOpacity: number;
@@ -139,7 +139,6 @@ fileHandle?: FileSystemFileHandle | null) => Promise<{
             currentItemRoundness: import("@nous-excalidraw/element/types").StrokeRoundness;
             cursorButton: "up" | "down";
             scrolledOutside: boolean;
-            isResizing: boolean;
             openMenu: "canvas" | null;
             openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
             openSidebar: {
@@ -156,6 +155,7 @@ fileHandle?: FileSystemFileHandle | null) => Promise<{
                 closable?: boolean;
                 duration?: number;
             } | null;
+            gridSize: number;
             gridStep: number;
             gridModeEnabled: boolean;
             fileHandle: FileSystemFileHandle | null;
@@ -174,6 +174,7 @@ fileHandle?: FileSystemFileHandle | null) => Promise<{
             lockedMultiSelections: {
                 [groupId: string]: true;
             };
+            bindMode: import("@nous-excalidraw/element/types").BindMode;
         };
         files: import("../types").BinaryFiles;
     };
@@ -190,6 +191,7 @@ fileHandle?: FileSystemFileHandle | null) => Promise<{
     appState: {
         viewBackgroundColor: string;
         theme: import("@nous-excalidraw/element/types").Theme;
+        zoom: import("../types").Zoom;
         frameRendering: {
             enabled: boolean;
             name: boolean;
@@ -197,9 +199,6 @@ fileHandle?: FileSystemFileHandle | null) => Promise<{
             clip: boolean;
         };
         name: string | null;
-        zoom: import("../types").Zoom;
-        isBindingEnabled: boolean;
-        isMidpointSnappingEnabled: boolean;
         selectedElementIds: Readonly<{
             [id: string]: true;
         }>;
@@ -242,11 +241,14 @@ fileHandle?: FileSystemFileHandle | null) => Promise<{
         selectedLinearElement: import("@nous-excalidraw/element").LinearElementEditor | null;
         multiElement: import("@nous-excalidraw/element/types").NonDeleted<import("@nous-excalidraw/element/types").ExcalidrawLinearElement> | null;
         newElement: import("@nous-excalidraw/element/types").NonDeleted<import("@nous-excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
+        isBindingEnabled: boolean;
+        isMidpointSnappingEnabled: boolean;
         suggestedBinding: {
             element: import("@nous-excalidraw/element/types").NonDeleted<import("@nous-excalidraw/element/types").ExcalidrawBindableElement>;
             midPoint?: import("@nous-excalidraw/math").GlobalPoint;
         } | null;
         isRotating: boolean;
+        isResizing: boolean;
         elementsToHighlight: import("@nous-excalidraw/element/types").NonDeleted<ExcalidrawElement>[] | null;
         collaborators: Map<import("../types").SocketId, import("../types").Collaborator>;
         snapLines: readonly import("../snapping").SnapLine[];
@@ -266,8 +268,6 @@ fileHandle?: FileSystemFileHandle | null) => Promise<{
         exportScale: number;
         currentItemArrowType: "sharp" | "round" | "elbow";
         selectedElementsAreBeingDragged: boolean;
-        bindMode: import("@nous-excalidraw/element/types").BindMode;
-        gridSize: number;
         contextMenu: {
             items: import("../components/ContextMenu").ContextMenuItems;
             top: number;
@@ -295,6 +295,7 @@ fileHandle?: FileSystemFileHandle | null) => Promise<{
         currentItemBackgroundColor: string;
         currentItemFillStyle: ExcalidrawElement["fillStyle"];
         currentItemStrokeWidth: number;
+        currentItemStrokeWidthCustom: boolean;
         currentItemStrokeStyle: ExcalidrawElement["strokeStyle"];
         currentItemRoughness: number;
         currentItemOpacity: number;
@@ -307,7 +308,6 @@ fileHandle?: FileSystemFileHandle | null) => Promise<{
         currentItemRoundness: import("@nous-excalidraw/element/types").StrokeRoundness;
         cursorButton: "up" | "down";
         scrolledOutside: boolean;
-        isResizing: boolean;
         openMenu: "canvas" | null;
         openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
         openSidebar: {
@@ -324,6 +324,7 @@ fileHandle?: FileSystemFileHandle | null) => Promise<{
             closable?: boolean;
             duration?: number;
         } | null;
+        gridSize: number;
         gridStep: number;
         gridModeEnabled: boolean;
         fileHandle: FileSystemFileHandle | null;
@@ -342,6 +343,7 @@ fileHandle?: FileSystemFileHandle | null) => Promise<{
         lockedMultiSelections: {
             [groupId: string]: true;
         };
+        bindMode: import("@nous-excalidraw/element/types").BindMode;
     };
     files: import("../types").BinaryFiles;
 }>;

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

@@ -20,6 +20,7 @@ export declare const loadFromJSON: (localAppState: AppState, localElements: read
     appState: {
         viewBackgroundColor: string;
         theme: import("@nous-excalidraw/element/types").Theme;
+        zoom: import("../types").Zoom;
         frameRendering: {
             enabled: boolean;
             name: boolean;
@@ -27,9 +28,6 @@ export declare const loadFromJSON: (localAppState: AppState, localElements: read
             clip: boolean;
         };
         name: string | null;
-        zoom: import("../types").Zoom;
-        isBindingEnabled: boolean;
-        isMidpointSnappingEnabled: boolean;
         selectedElementIds: Readonly<{
             [id: string]: true;
         }>;
@@ -72,11 +70,14 @@ export declare const loadFromJSON: (localAppState: AppState, localElements: read
         selectedLinearElement: import("@nous-excalidraw/element").LinearElementEditor | null;
         multiElement: NonDeleted<import("@nous-excalidraw/element/types").ExcalidrawLinearElement> | null;
         newElement: NonDeleted<import("@nous-excalidraw/element/types").ExcalidrawNonSelectionElement> | null;
+        isBindingEnabled: boolean;
+        isMidpointSnappingEnabled: boolean;
         suggestedBinding: {
             element: NonDeleted<import("@nous-excalidraw/element/types").ExcalidrawBindableElement>;
             midPoint?: import("@nous-excalidraw/math").GlobalPoint;
         } | null;
         isRotating: boolean;
+        isResizing: boolean;
         elementsToHighlight: NonDeleted<ExcalidrawElement>[] | null;
         collaborators: Map<import("../types").SocketId, import("../types").Collaborator>;
         snapLines: readonly import("../snapping").SnapLine[];
@@ -96,8 +97,6 @@ export declare const loadFromJSON: (localAppState: AppState, localElements: read
         exportScale: number;
         currentItemArrowType: "sharp" | "round" | "elbow";
         selectedElementsAreBeingDragged: boolean;
-        bindMode: import("@nous-excalidraw/element/types").BindMode;
-        gridSize: number;
         contextMenu: {
             items: import("../components/ContextMenu").ContextMenuItems;
             top: number;
@@ -125,6 +124,7 @@ export declare const loadFromJSON: (localAppState: AppState, localElements: read
         currentItemBackgroundColor: string;
         currentItemFillStyle: ExcalidrawElement["fillStyle"];
         currentItemStrokeWidth: number;
+        currentItemStrokeWidthCustom: boolean;
         currentItemStrokeStyle: ExcalidrawElement["strokeStyle"];
         currentItemRoughness: number;
         currentItemOpacity: number;
@@ -137,7 +137,6 @@ export declare const loadFromJSON: (localAppState: AppState, localElements: read
         currentItemRoundness: import("@nous-excalidraw/element/types").StrokeRoundness;
         cursorButton: "up" | "down";
         scrolledOutside: boolean;
-        isResizing: boolean;
         openMenu: "canvas" | null;
         openPopup: "canvasBackground" | "elementBackground" | "elementStroke" | "fontFamily" | "compactTextProperties" | "compactStrokeStyles" | "compactOtherProperties" | "compactArrowProperties" | null;
         openSidebar: {
@@ -154,6 +153,7 @@ export declare const loadFromJSON: (localAppState: AppState, localElements: read
             closable?: boolean;
             duration?: number;
         } | null;
+        gridSize: number;
         gridStep: number;
         gridModeEnabled: boolean;
         fileHandle: FileSystemFileHandle | null;
@@ -172,6 +172,7 @@ export declare const loadFromJSON: (localAppState: AppState, localElements: read
         lockedMultiSelections: {
             [groupId: string]: true;
         };
+        bindMode: import("@nous-excalidraw/element/types").BindMode;
     };
     files: BinaryFiles;
 }>;

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

@@ -1,4 +1,5 @@
 import type { UserIdleState, EditorInterface } from "@nous-excalidraw/common";
+import type { TransformHandleType } from "@nous-excalidraw/element";
 import type { ExcalidrawElement, NonDeletedElementsMap, NonDeletedExcalidrawElement, NonDeletedSceneElementsMap } from "@nous-excalidraw/element/types";
 import type { MakeBrand } from "@nous-excalidraw/common/utility-types";
 import type { AppClassProperties, AppState, EmbedsValidationStatus, ElementsPendingErasure, InteractiveCanvasAppState, StaticCanvasAppState, SocketId, PendingExcalidrawElements } from "../types";
@@ -16,6 +17,9 @@ export type StaticCanvasRenderConfig = {
     elementsPendingErasure: ElementsPendingErasure;
     pendingFlowchartNodes: PendingExcalidrawElements | null;
     theme: AppState["theme"];
+    zoom: AppState["zoom"]["value"];
+    /** Canvas rasterization scale; defaults to `zoom` when omitted. */
+    renderScale?: number;
 };
 export type SVGRenderConfig = {
     offsetX: number;
@@ -45,6 +49,8 @@ export type InteractiveCanvasRenderConfig = {
     remotePointerUsernames: Map<SocketId, string>;
     remotePointerButton: Map<SocketId, string | undefined>;
     selectionColor: string;
+    /** nw/ne/sw/se when cursor is over a corner resize handle */
+    hoveredCornerTransformHandleType: TransformHandleType | null;
     lastViewportPosition: {
         x: number;
         y: number;
@@ -127,6 +133,7 @@ export type ElementShapes = {
     rectangle: Drawable;
     ellipse: Drawable;
     diamond: Drawable;
+    triangle: Drawable;
     iframe: Drawable;
     embeddable: Drawable;
     freedraw: (Drawable | SVGPathString)[];

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

@@ -9,4 +9,6 @@ export declare const getStateForZoom: ({ viewportX, viewportY, nextZoom, }: {
     zoom: {
         value: NormalizedZoomValue;
     };
+    currentItemStrokeWidth: number;
+    currentItemFontSize: number;
 };