0.13.0 (2022-10-27)

Excalidraw API

Features

• Support rendering custom sidebar using renderSidebar prop (#5663).
• Add toggleMenu prop to toggle specific menu open/close state (#5663).
• Support theme to be semi-controlled #5660.
• Added support for storing customData on Excalidraw elements [#5592].
• Added exportPadding?: number; to exportToCanvas and exportToBlob. The default value of the padding is 10.

Breaking Changes

• props.UIOptions.canvasActions.theme is now renamed to props.UIOptions.canvasActions.toggleTheme #5660.
• setToastMessage API is now renamed to setToast API and the function signature is also updated #5427. You can also pass duration and closable attributes along with message.

Excalidraw Library

This section lists the updates made to the excalidraw library and will not affect the integration.

Features

• Render library into Sidebar on mobile #5774

• Additional drag and drop image format support (webp, bmp, ico) #5749

• Enter and Exit line editor via context menu #5719

• Further reduce darkmode init flash #5701

• Support segment midpoints in line editor #5641

• Added exportPadding to PNG (blob) export in @excalidraw/utils #5626

• Introduce ExcalidrawElements and ExcalidrawAppState provider #5463

• Enable midpoint inside linear element editor #5564

• Show a mid point for linear elements #5534

• Lock angle when editing linear elements with shift pressed #5527

• Redesign linear elements 🎉 #5501

• Cursor alignment when creating linear elements with shift pressed #5518

• Shift-clamp when creating multi-point lines/arrows #5500

• Cursor alignment when creating generic elements #5516

• Make context menu scrollable #4030

Fixes

• Ungroup short cut key #5779

• Replaced KeyboardEvent.code with KeyboardEvent.key for all letters #5523

• Free draw flip not scaling correctly #5752

• Wait for window focus until prompting for library install #5751

• Update perfect freehand library to fix extra dot #5727

• RestoreElementWithProperties drops "parent" property #5742

• Horizontal text alignment for bound text when resizing #5721

• Set the dimensions of bound text correctly #5710

• Image-mirroring in export preview and in exported svg #5700

• Double state update incorrectly resetting state #5704

• Remove no longer used code related to collab room loading #5699

• Revert webpack deduping to fix @next runtime #5695

• Move to release notes for v0.9.0 and after #5686

• Zen-mode exit button not working #5682

• Buttons jump around on the mobile menu #5658

• #5622 - prevent session theme reset during collaboration #5640

• Library actions inside the sidebar #5638

• Don't render library menu twice for mobile #5636

• Reintroduce help dialog button #5631

• Add display name to components so it doesn't show as anonymous #5616

• Improve solveQuadratic when a = 0 #5618

• Add random tiny offsets to avoid linear elements from being clipped #5615

• Crash when adding a new point in the line editor #5602 #5606

• Allow box selection of points when inside editor #5594

• Remove unnecessary conditions in pointerup for linear elements #5575

• Check if hitting link in handleSelectionOnPointerDown #5589

• Points not being normalized on single-elem resize #5581

• Deselect linear element when clicked inside bounding box outside editor #5579

• Resize multiple elements from center #5560

• Call static methods via class instead of instance in linearElementEditor #5561

• Show bounding box for 3 or more linear point elements #5554

• Cleanup the condition for dragging elements #5555

• Shareable links being merged with current scene data #5547

• Scene lookup failing when looking up by id #5542

• Remove rounding to fix jitter when shift-editing #5543

• Line deselected when shift-dragging point outside editor #5540

• Flip linear elements after redesign #5538

• Disable locking aspect ratio for box-selection #5525

• Add title attribute to the modal close button #5521

• Context menu positioning when component has offsets #5520

• Resolve paths in prebuild.js script #5498

• Use flushSync when moving line editor since we need to read previous value after setting state #5508

• UseLayout effect cleanup in dev mode for charts #5505

• Revert browser toast for high/low zoom #5495

• Fixing push to DockerHub #5468

• Incorrectly rendering freedraw elements #5481

• Generate types when building example #5480

• Use React.FC as react-dom is not able to infer types of Modal #5479

• Missing translation for "Scale" to Export Dialog #5456

• Add display name for Excalidraw component so it doesn't show as anonymous #5464

• Account for safe area for floating buttons on mobile #5420

• Attribute warnings in comment svg example #5465

• Check for ctrl key when wheel event triggered to only disable zooming #5459

• Disable render throttling by default & during resize #5451

• Attach wheel event to exscalidraw container only #5443

• Show toast when browser zoom is not 100% #5304

• Prevent browser zoom inside Excalidraw #5426

• Typo in changelog #5425

Refactor

• Create a util to compute container dimensions for bound text container #5708

• Reuse common ui dialogs and message for mobile and LayerUI #5611

• Stats component #5610

• Move footer to its own component #5609

• Remove unused attribute hasHitElementInside from pointerDownState #5591

• Cleanup renderScene #5573

• Rename docs to dev-docs #5487

• Remove unnecessary if condition for linear element onKeyDown #5486

• Improve typing & check #5415

• Don't pass zenModeEnable, viewModeEnabled and toggleZenMode props to LayerUI #5444

Build

• Add missing dependencies: pica, lodash #5656

• Move dotenv to dev deps #5472