@tldraw/editor 5.1.0-canary.d49babc6b87f → 5.1.0-canary.dfdd9d3ed2e5

package/dist-cjs/index.d.ts

@@ -780,6 +780,8 @@ export declare function clockwiseAngleDist(a0: number, a1: number): number;
 export declare class CollaboratorsManager {
     private readonly editor;
     constructor(editor: Editor);
+    private _visibilityClockStarted;
+    private _startVisibilityClock;
     /**
      * Drives reactive re-evaluation of {@link CollaboratorsManager.getVisibleCollaborators}.
      * Ticked on a fixed interval so callers don't need to manage their own activity timers.
@@ -998,6 +1000,7 @@ export declare const DefaultSvgDefs: () => null;
 export declare const defaultTldrawOptions: {
     readonly actionShortcutsLocation: "swap";
     readonly adjacentShapeMargin: 10;
+    readonly allowVideoAutoplay: true;
     readonly animationMediumMs: 320;
     readonly camera: TLCameraOptions;
     readonly cameraMovingTimeoutMs: 64;
@@ -1059,6 +1062,7 @@ export declare const defaultTldrawOptions: {
     readonly onClipboardPasteRaw: undefined;
     readonly quickZoomPreservesScreenBounds: true;
     readonly rightClickPanning: true;
+    readonly selectLockedShapes: false;
     readonly snapThreshold: 8;
     readonly spacebarPanning: true;
     readonly temporaryAssetPreviewLifetimeMs: 180000;
@@ -4577,8 +4581,9 @@ export declare class FontManager {
     constructor(editor: Editor, assetUrls?: {
         [key: string]: string | undefined;
     } | undefined);
-    private readonly shapeFontFacesCache;
-    private readonly shapeFontLoadStateCache;
+    dispose(): void;
+    private shapeFontFacesCache;
+    private shapeFontLoadStateCache;
     getShapeFontFaces(shape: TLShape | TLShapeId): TLFontFace[];
     trackFontsForShape(shape: TLShape | TLShapeId): void;
     loadRequiredFontsForCurrentPage(limit?: number): Promise<void>;
@@ -5551,6 +5556,7 @@ export declare class OverlayManager {
     constructor(editor: Editor);
     /* Excluded from this release type: _overlayUtils */
     /* Excluded from this release type: registerUtil */
+    dispose(): void;
     /**
      * Get an overlay util by type string, overlay instance, or by passing
      * a util class as a generic parameter for type-safe lookup.
@@ -5722,6 +5728,10 @@ export declare abstract class OverlayUtil<T extends TLOverlay = TLOverlay> {
      * at minimap scale (e.g. brushes, collaborator cursors) should opt in.
      */
     renderMinimap(_ctx: CanvasRenderingContext2D, _overlays: T[], _zoom: number): void;
+    /**
+     * Clean up any resources held by this overlay util.
+     */
+    dispose(): void;
 }
 
 /**
@@ -8022,6 +8032,13 @@ export declare interface TldrawOptions {
      * The distance (in screen pixels) at which shapes snap to guides and other shapes.
      */
     readonly snapThreshold: number;
+    /**
+     * Whether locked shapes can be selected with a left click. When false (default), left-clicking
+     * a locked shape is treated as a click on the canvas — only right-click selects it. When true,
+     * locked shapes can be selected via left click and included in brush and scribble selections,
+     * but the editor's lock guards still prevent moving, resizing, editing, or deleting them.
+     */
+    readonly selectLockedShapes: boolean;
     /**
      * Options for the editor's camera. These are the initial camera options.
      * Use {@link Editor.setCameraOptions} to update camera options at runtime.
@@ -8053,6 +8070,17 @@ export declare interface TldrawOptions {
      * viewport's page dimensions regardless of overview zoom changes.
      */
     readonly quickZoomPreservesScreenBounds: boolean;
+    /**
+     * Whether video shapes are allowed to autoplay. When `true` (the default), each
+     * video respects its own `shape.props.autoplay` value. When `false`, no video
+     * autoplays regardless of its shape prop — useful for host apps that want to
+     * disable autoplay across the board, including for pasted or restored shapes.
+     *
+     * This does not change the per-shape `autoplay` prop on new video shapes — that
+     * default is controlled by `VideoShapeOptions.autoplay` on `VideoShapeUtil`. The
+     * `prefers-reduced-motion` media query continues to suppress autoplay independently.
+     */
+    readonly allowVideoAutoplay: boolean;
     /**
      * Called before content is written to the clipboard during a copy or cut operation.
      * Receives the serialized content (shapes, bindings, assets) and can filter or transform
@@ -9630,6 +9658,7 @@ export declare function usePassThroughWheelEvents(ref: RefObject<HTMLElement | n
 
 /**
  * Reactive list of peer user IDs for collaborators currently shown in the UI.
+ * This list includes user ids who are not on the user's current page.
  * Mirrors {@link Editor.getVisibleCollaborators} — peers fade out as they
  * transition to idle/inactive, without requiring a manual re-render.
  *

package/dist-cjs/index.js

@@ -380,7 +380,7 @@ var import_uniq = require("./lib/utils/uniq");
 var import_defaultThemes2 = require("./lib/editor/managers/ThemeManager/defaultThemes");
 (0, import_utils.registerTldrawLibraryVersion)(
   "@tldraw/editor",
-  "5.1.0-canary.d49babc6b87f",
+  "5.1.0-canary.dfdd9d3ed2e5",
   "cjs"
 );
 //# sourceMappingURL=index.js.map

package/dist-cjs/lib/editor/Editor.js

@@ -159,6 +159,7 @@ class Editor extends import_eventemitter3.default {
       this._setCameraState("idle");
     });
     this.fonts = new import_FontManager.FontManager(this, fontAssetUrls);
+    this.disposables.add(() => this.fonts.dispose());
     this.inputs = new import_InputsManager.InputsManager(this);
     this.performance = new import_PerformanceManager.PerformanceManager(this);
     this.disposables.add(() => this.performance.dispose());
@@ -224,6 +225,7 @@ class Editor extends import_eventemitter3.default {
     }
     this.scribbles = new import_ScribbleManager.ScribbleManager(this);
     this.overlays = new import_OverlayManager.OverlayManager(this);
+    this.disposables.add(() => this.overlays.dispose());
     if (overlayUtilConstructors) {
       for (const Util of overlayUtilConstructors) {
         const util = new Util(this);
@@ -7492,11 +7494,7 @@ class Editor extends import_eventemitter3.default {
    */
   blur({ blurContainer = true } = {}) {
     if (!this.getIsFocused()) return this;
-    if (blurContainer) {
-      this.focusManager.blur();
-    } else {
-      this.complete();
-    }
+    this.focusManager.blur({ blurContainer });
     this.updateInstanceState({ isFocused: false });
     return this;
   }