@zsviczian/excalidraw 0.15.2-obsidian-10 → 0.15.2-obsidian-12

package/types/element/typeChecks.d.ts

@@ -1,29 +1,29 @@
-import { AppState } from "../types";
-import { MarkNonNullable } from "../utility-types";
-import { ExcalidrawElement, ExcalidrawTextElement, ExcalidrawEmbeddableElement, ExcalidrawLinearElement, ExcalidrawBindableElement, ExcalidrawGenericElement, ExcalidrawFreeDrawElement, InitializedExcalidrawImageElement, ExcalidrawImageElement, ExcalidrawTextElementWithContainer, ExcalidrawTextContainer, ExcalidrawFrameElement, RoundnessType } from "./types";
-export declare const isGenericElement: (element: ExcalidrawElement | null) => element is ExcalidrawGenericElement;
-export declare const isInitializedImageElement: (element: ExcalidrawElement | null) => element is InitializedExcalidrawImageElement;
-export declare const isImageElement: (element: ExcalidrawElement | null) => element is ExcalidrawImageElement;
-export declare const isEmbeddableElement: (element: ExcalidrawElement | null | undefined) => element is ExcalidrawEmbeddableElement;
-export declare const isTextElement: (element: ExcalidrawElement | null) => element is ExcalidrawTextElement;
-export declare const isFrameElement: (element: ExcalidrawElement | null) => element is ExcalidrawFrameElement;
-export declare const isFreeDrawElement: (element?: ExcalidrawElement | null) => element is ExcalidrawFreeDrawElement;
-export declare const isFreeDrawElementType: (elementType: ExcalidrawElement["type"]) => boolean;
-export declare const isLinearElement: (element?: ExcalidrawElement | null) => element is ExcalidrawLinearElement;
-export declare const isArrowElement: (element?: ExcalidrawElement | null) => element is ExcalidrawLinearElement;
-export declare const isLinearElementType: (elementType: AppState["activeTool"]["type"]) => boolean;
-export declare const isBindingElement: (element?: ExcalidrawElement | null, includeLocked?: boolean) => element is ExcalidrawLinearElement;
-export declare const isBindingElementType: (elementType: AppState["activeTool"]["type"]) => boolean;
-export declare const isBindableElement: (element: ExcalidrawElement | null, includeLocked?: boolean) => element is ExcalidrawBindableElement;
-export declare const isTextBindableContainer: (element: ExcalidrawElement | null, includeLocked?: boolean) => element is ExcalidrawTextContainer;
-export declare const isExcalidrawElement: (element: any) => boolean;
-export declare const hasBoundTextElement: (element: ExcalidrawElement | null) => element is MarkNonNullable<ExcalidrawBindableElement, "boundElements">;
-export declare const isBoundToContainer: (element: ExcalidrawElement | null) => element is ExcalidrawTextElementWithContainer;
-export declare const isUsingAdaptiveRadius: (type: string) => boolean;
-export declare const isUsingProportionalRadius: (type: string) => boolean;
-export declare const canApplyRoundnessTypeToElement: (roundnessType: RoundnessType, element: ExcalidrawElement) => boolean;
-export declare const getDefaultRoundnessTypeForElement: (element: ExcalidrawElement) => {
-    type: 2;
-} | {
-    type: 3;
-} | null;
+import { AppState } from "../types";
+import { MarkNonNullable } from "../utility-types";
+import { ExcalidrawElement, ExcalidrawTextElement, ExcalidrawEmbeddableElement, ExcalidrawLinearElement, ExcalidrawBindableElement, ExcalidrawGenericElement, ExcalidrawFreeDrawElement, InitializedExcalidrawImageElement, ExcalidrawImageElement, ExcalidrawTextElementWithContainer, ExcalidrawTextContainer, ExcalidrawFrameElement, RoundnessType } from "./types";
+export declare const isGenericElement: (element: ExcalidrawElement | null) => element is ExcalidrawGenericElement;
+export declare const isInitializedImageElement: (element: ExcalidrawElement | null) => element is InitializedExcalidrawImageElement;
+export declare const isImageElement: (element: ExcalidrawElement | null) => element is ExcalidrawImageElement;
+export declare const isEmbeddableElement: (element: ExcalidrawElement | null | undefined) => element is ExcalidrawEmbeddableElement;
+export declare const isTextElement: (element: ExcalidrawElement | null) => element is ExcalidrawTextElement;
+export declare const isFrameElement: (element: ExcalidrawElement | null) => element is ExcalidrawFrameElement;
+export declare const isFreeDrawElement: (element?: ExcalidrawElement | null) => element is ExcalidrawFreeDrawElement;
+export declare const isFreeDrawElementType: (elementType: ExcalidrawElement["type"]) => boolean;
+export declare const isLinearElement: (element?: ExcalidrawElement | null) => element is ExcalidrawLinearElement;
+export declare const isArrowElement: (element?: ExcalidrawElement | null) => element is ExcalidrawLinearElement;
+export declare const isLinearElementType: (elementType: AppState["activeTool"]["type"]) => boolean;
+export declare const isBindingElement: (element?: ExcalidrawElement | null, includeLocked?: boolean) => element is ExcalidrawLinearElement;
+export declare const isBindingElementType: (elementType: AppState["activeTool"]["type"]) => boolean;
+export declare const isBindableElement: (element: ExcalidrawElement | null, includeLocked?: boolean) => element is ExcalidrawBindableElement;
+export declare const isTextBindableContainer: (element: ExcalidrawElement | null, includeLocked?: boolean) => element is ExcalidrawTextContainer;
+export declare const isExcalidrawElement: (element: any) => boolean;
+export declare const hasBoundTextElement: (element: ExcalidrawElement | null) => element is MarkNonNullable<ExcalidrawBindableElement, "boundElements">;
+export declare const isBoundToContainer: (element: ExcalidrawElement | null) => element is ExcalidrawTextElementWithContainer;
+export declare const isUsingAdaptiveRadius: (type: string) => boolean;
+export declare const isUsingProportionalRadius: (type: string) => boolean;
+export declare const canApplyRoundnessTypeToElement: (roundnessType: RoundnessType, element: ExcalidrawElement) => boolean;
+export declare const getDefaultRoundnessTypeForElement: (element: ExcalidrawElement) => {
+    type: 2;
+} | {
+    type: 3;
+} | null;

package/types/element/types.d.ts

@@ -1,166 +1,166 @@
-import { Point } from "../types";
-import { FONT_FAMILY, ROUNDNESS, TEXT_ALIGN, THEME, VERTICAL_ALIGN } from "../constants";
-import { MarkNonNullable, ValueOf } from "../utility-types";
-export type ChartType = "bar" | "line";
-export type FillStyle = "hachure" | "cross-hatch" | "solid" | "zigzag";
-export type FontFamilyKeys = keyof typeof FONT_FAMILY;
-export type FontFamilyValues = typeof FONT_FAMILY[FontFamilyKeys];
-export type Theme = typeof THEME[keyof typeof THEME];
-export type FontString = string & {
-    _brand: "fontString";
-};
-export type GroupId = string;
-export type PointerType = "mouse" | "pen" | "touch";
-export type StrokeRoundness = "round" | "sharp";
-export type RoundnessType = ValueOf<typeof ROUNDNESS>;
-export type StrokeStyle = "solid" | "dashed" | "dotted";
-export type TextAlign = typeof TEXT_ALIGN[keyof typeof TEXT_ALIGN];
-type VerticalAlignKeys = keyof typeof VERTICAL_ALIGN;
-export type VerticalAlign = typeof VERTICAL_ALIGN[VerticalAlignKeys];
-type _ExcalidrawElementBase = Readonly<{
-    id: string;
-    x: number;
-    y: number;
-    strokeColor: string;
-    backgroundColor: string;
-    fillStyle: FillStyle;
-    strokeWidth: number;
-    strokeStyle: StrokeStyle;
-    roundness: null | {
-        type: RoundnessType;
-        value?: number;
-    };
-    roughness: number;
-    opacity: number;
-    width: number;
-    height: number;
-    angle: number;
-    /** Random integer used to seed shape generation so that the roughjs shape
-        doesn't differ across renders. */
-    seed: number;
-    /** Integer that is sequentially incremented on each change. Used to reconcile
-        elements during collaboration or when saving to server. */
-    version: number;
-    /** Random integer that is regenerated on each change.
-        Used for deterministic reconciliation of updates during collaboration,
-        in case the versions (see above) are identical. */
-    versionNonce: number;
-    isDeleted: boolean;
-    /** List of groups the element belongs to.
-        Ordered from deepest to shallowest. */
-    groupIds: readonly GroupId[];
-    frameId: string | null;
-    /** other elements that are bound to this element */
-    boundElements: readonly Readonly<{
-        id: ExcalidrawLinearElement["id"];
-        type: "arrow" | "text";
-    }>[] | null;
-    /** epoch (ms) timestamp of last element update */
-    updated: number;
-    link: string | null;
-    locked: boolean;
-    customData?: Record<string, any>;
-}>;
-export type ExcalidrawSelectionElement = _ExcalidrawElementBase & {
-    type: "selection";
-};
-export type ExcalidrawRectangleElement = _ExcalidrawElementBase & {
-    type: "rectangle";
-};
-export type ExcalidrawDiamondElement = _ExcalidrawElementBase & {
-    type: "diamond";
-};
-export type ExcalidrawEllipseElement = _ExcalidrawElementBase & {
-    type: "ellipse";
-};
-export type ExcalidrawEmbeddableElement = _ExcalidrawElementBase & Readonly<{
-    /**
-     * indicates whether the embeddable src (url) has been validated for rendering.
-     * nullish 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;
-    type: "embeddable";
-}>;
-export type ExcalidrawImageElement = _ExcalidrawElementBase & Readonly<{
-    type: "image";
-    fileId: FileId | null;
-    /** whether respective file is persisted */
-    status: "pending" | "saved" | "error";
-    /** X and Y scale factors <-1, 1>, used for image axis flipping */
-    scale: [number, number];
-}>;
-export type InitializedExcalidrawImageElement = MarkNonNullable<ExcalidrawImageElement, "fileId">;
-export type ExcalidrawFrameElement = _ExcalidrawElementBase & {
-    type: "frame";
-    name: string | null;
-};
-/**
- * These are elements that don't have any additional properties.
- */
-export type ExcalidrawGenericElement = ExcalidrawSelectionElement | ExcalidrawRectangleElement | ExcalidrawEmbeddableElement | ExcalidrawDiamondElement | ExcalidrawEllipseElement;
-/**
- * ExcalidrawElement should be JSON serializable and (eventually) contain
- * no computed data. The list of all ExcalidrawElements should be shareable
- * between peers and contain no state local to the peer.
- */
-export type ExcalidrawElement = ExcalidrawGenericElement | ExcalidrawTextElement | ExcalidrawLinearElement | ExcalidrawFreeDrawElement | ExcalidrawImageElement | ExcalidrawFrameElement;
-export type NonDeleted<TElement extends ExcalidrawElement> = TElement & {
-    isDeleted: boolean;
-};
-export type NonDeletedExcalidrawElement = NonDeleted<ExcalidrawElement>;
-export type ExcalidrawTextElement = _ExcalidrawElementBase & Readonly<{
-    type: "text";
-    fontSize: number;
-    fontFamily: FontFamilyValues;
-    text: string;
-    rawText: string;
-    baseline: number;
-    textAlign: TextAlign;
-    verticalAlign: VerticalAlign;
-    containerId: ExcalidrawGenericElement["id"] | null;
-    originalText: string;
-    /**
-     * Unitless line height (aligned to W3C). To get line height in px, multiply
-     *  with font size (using `getLineHeightInPx` helper).
-     */
-    lineHeight: number & {
-        _brand: "unitlessLineHeight";
-    };
-}>;
-export type ExcalidrawBindableElement = ExcalidrawRectangleElement | ExcalidrawDiamondElement | ExcalidrawEllipseElement | ExcalidrawTextElement | ExcalidrawImageElement | ExcalidrawEmbeddableElement | ExcalidrawFrameElement;
-export type ExcalidrawTextContainer = ExcalidrawRectangleElement | ExcalidrawDiamondElement | ExcalidrawEllipseElement | ExcalidrawArrowElement;
-export type ExcalidrawTextElementWithContainer = {
-    containerId: ExcalidrawTextContainer["id"];
-} & ExcalidrawTextElement;
-export type PointBinding = {
-    elementId: ExcalidrawBindableElement["id"];
-    focus: number;
-    gap: number;
-};
-export type Arrowhead = "arrow" | "bar" | "dot" | "triangle";
-export type ExcalidrawLinearElement = _ExcalidrawElementBase & Readonly<{
-    type: "line" | "arrow";
-    points: readonly Point[];
-    lastCommittedPoint: Point | null;
-    startBinding: PointBinding | null;
-    endBinding: PointBinding | null;
-    startArrowhead: Arrowhead | null;
-    endArrowhead: Arrowhead | null;
-}>;
-export type ExcalidrawArrowElement = ExcalidrawLinearElement & Readonly<{
-    type: "arrow";
-}>;
-export type ExcalidrawFreeDrawElement = _ExcalidrawElementBase & Readonly<{
-    type: "freedraw";
-    points: readonly Point[];
-    pressures: readonly number[];
-    simulatePressure: boolean;
-    lastCommittedPoint: Point | null;
-}>;
-export type FileId = string & {
-    _brand: "FileId";
-};
-export {};
+import { Point } from "../types";
+import { FONT_FAMILY, ROUNDNESS, TEXT_ALIGN, THEME, VERTICAL_ALIGN } from "../constants";
+import { MarkNonNullable, ValueOf } from "../utility-types";
+export type ChartType = "bar" | "line";
+export type FillStyle = "hachure" | "cross-hatch" | "solid" | "zigzag";
+export type FontFamilyKeys = keyof typeof FONT_FAMILY;
+export type FontFamilyValues = typeof FONT_FAMILY[FontFamilyKeys];
+export type Theme = typeof THEME[keyof typeof THEME];
+export type FontString = string & {
+    _brand: "fontString";
+};
+export type GroupId = string;
+export type PointerType = "mouse" | "pen" | "touch";
+export type StrokeRoundness = "round" | "sharp";
+export type RoundnessType = ValueOf<typeof ROUNDNESS>;
+export type StrokeStyle = "solid" | "dashed" | "dotted";
+export type TextAlign = typeof TEXT_ALIGN[keyof typeof TEXT_ALIGN];
+type VerticalAlignKeys = keyof typeof VERTICAL_ALIGN;
+export type VerticalAlign = typeof VERTICAL_ALIGN[VerticalAlignKeys];
+type _ExcalidrawElementBase = Readonly<{
+    id: string;
+    x: number;
+    y: number;
+    strokeColor: string;
+    backgroundColor: string;
+    fillStyle: FillStyle;
+    strokeWidth: number;
+    strokeStyle: StrokeStyle;
+    roundness: null | {
+        type: RoundnessType;
+        value?: number;
+    };
+    roughness: number;
+    opacity: number;
+    width: number;
+    height: number;
+    angle: number;
+    /** Random integer used to seed shape generation so that the roughjs shape
+        doesn't differ across renders. */
+    seed: number;
+    /** Integer that is sequentially incremented on each change. Used to reconcile
+        elements during collaboration or when saving to server. */
+    version: number;
+    /** Random integer that is regenerated on each change.
+        Used for deterministic reconciliation of updates during collaboration,
+        in case the versions (see above) are identical. */
+    versionNonce: number;
+    isDeleted: boolean;
+    /** List of groups the element belongs to.
+        Ordered from deepest to shallowest. */
+    groupIds: readonly GroupId[];
+    frameId: string | null;
+    /** other elements that are bound to this element */
+    boundElements: readonly Readonly<{
+        id: ExcalidrawLinearElement["id"];
+        type: "arrow" | "text";
+    }>[] | null;
+    /** epoch (ms) timestamp of last element update */
+    updated: number;
+    link: string | null;
+    locked: boolean;
+    customData?: Record<string, any>;
+}>;
+export type ExcalidrawSelectionElement = _ExcalidrawElementBase & {
+    type: "selection";
+};
+export type ExcalidrawRectangleElement = _ExcalidrawElementBase & {
+    type: "rectangle";
+};
+export type ExcalidrawDiamondElement = _ExcalidrawElementBase & {
+    type: "diamond";
+};
+export type ExcalidrawEllipseElement = _ExcalidrawElementBase & {
+    type: "ellipse";
+};
+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;
+}>;
+export type ExcalidrawImageElement = _ExcalidrawElementBase & Readonly<{
+    type: "image";
+    fileId: FileId | null;
+    /** whether respective file is persisted */
+    status: "pending" | "saved" | "error";
+    /** X and Y scale factors <-1, 1>, used for image axis flipping */
+    scale: [number, number];
+}>;
+export type InitializedExcalidrawImageElement = MarkNonNullable<ExcalidrawImageElement, "fileId">;
+export type ExcalidrawFrameElement = _ExcalidrawElementBase & {
+    type: "frame";
+    name: string | null;
+};
+/**
+ * These are elements that don't have any additional properties.
+ */
+export type ExcalidrawGenericElement = ExcalidrawSelectionElement | ExcalidrawRectangleElement | ExcalidrawDiamondElement | ExcalidrawEllipseElement;
+/**
+ * ExcalidrawElement should be JSON serializable and (eventually) contain
+ * no computed data. The list of all ExcalidrawElements should be shareable
+ * between peers and contain no state local to the peer.
+ */
+export type ExcalidrawElement = ExcalidrawGenericElement | ExcalidrawTextElement | ExcalidrawLinearElement | ExcalidrawFreeDrawElement | ExcalidrawImageElement | ExcalidrawFrameElement | ExcalidrawEmbeddableElement;
+export type NonDeleted<TElement extends ExcalidrawElement> = TElement & {
+    isDeleted: boolean;
+};
+export type NonDeletedExcalidrawElement = NonDeleted<ExcalidrawElement>;
+export type ExcalidrawTextElement = _ExcalidrawElementBase & Readonly<{
+    type: "text";
+    fontSize: number;
+    fontFamily: FontFamilyValues;
+    text: string;
+    rawText: string;
+    baseline: number;
+    textAlign: TextAlign;
+    verticalAlign: VerticalAlign;
+    containerId: ExcalidrawGenericElement["id"] | null;
+    originalText: string;
+    /**
+     * Unitless line height (aligned to W3C). To get line height in px, multiply
+     *  with font size (using `getLineHeightInPx` helper).
+     */
+    lineHeight: number & {
+        _brand: "unitlessLineHeight";
+    };
+}>;
+export type ExcalidrawBindableElement = ExcalidrawRectangleElement | ExcalidrawDiamondElement | ExcalidrawEllipseElement | ExcalidrawTextElement | ExcalidrawImageElement | ExcalidrawEmbeddableElement | ExcalidrawFrameElement;
+export type ExcalidrawTextContainer = ExcalidrawRectangleElement | ExcalidrawDiamondElement | ExcalidrawEllipseElement | ExcalidrawArrowElement;
+export type ExcalidrawTextElementWithContainer = {
+    containerId: ExcalidrawTextContainer["id"];
+} & ExcalidrawTextElement;
+export type PointBinding = {
+    elementId: ExcalidrawBindableElement["id"];
+    focus: number;
+    gap: number;
+};
+export type Arrowhead = "arrow" | "bar" | "dot" | "triangle";
+export type ExcalidrawLinearElement = _ExcalidrawElementBase & Readonly<{
+    type: "line" | "arrow";
+    points: readonly Point[];
+    lastCommittedPoint: Point | null;
+    startBinding: PointBinding | null;
+    endBinding: PointBinding | null;
+    startArrowhead: Arrowhead | null;
+    endArrowhead: Arrowhead | null;
+}>;
+export type ExcalidrawArrowElement = ExcalidrawLinearElement & Readonly<{
+    type: "arrow";
+}>;
+export type ExcalidrawFreeDrawElement = _ExcalidrawElementBase & Readonly<{
+    type: "freedraw";
+    points: readonly Point[];
+    pressures: readonly number[];
+    simulatePressure: boolean;
+    lastCommittedPoint: Point | null;
+}>;
+export type FileId = string & {
+    _brand: "FileId";
+};
+export {};

package/types/errors.d.ts

@@ -1,8 +1,8 @@
-type CANVAS_ERROR_NAMES = "CANVAS_ERROR" | "CANVAS_POSSIBLY_TOO_BIG";
-export declare class CanvasError extends Error {
-    constructor(message?: string, name?: CANVAS_ERROR_NAMES);
-}
-export declare class AbortError extends DOMException {
-    constructor(message?: string);
-}
-export {};
+type CANVAS_ERROR_NAMES = "CANVAS_ERROR" | "CANVAS_POSSIBLY_TOO_BIG";
+export declare class CanvasError extends Error {
+    constructor(message?: string, name?: CANVAS_ERROR_NAMES);
+}
+export declare class AbortError extends DOMException {
+    constructor(message?: string);
+}
+export {};

package/types/excalidraw-app/CustomStats.d.ts

@@ -0,0 +1,9 @@
+import { AppState } from "../types";
+import { NonDeletedExcalidrawElement } from "../element/types";
+declare type Props = {
+    setToast: (message: string) => void;
+    elements: readonly NonDeletedExcalidrawElement[];
+    appState: AppState;
+};
+declare const CustomStats: (props: Props) => JSX.Element;
+export default CustomStats;

package/types/excalidraw-app/app_constants.d.ts

@@ -0,0 +1,32 @@
+export declare const SAVE_TO_LOCAL_STORAGE_TIMEOUT = 300;
+export declare const INITIAL_SCENE_UPDATE_TIMEOUT = 5000;
+export declare const FILE_UPLOAD_TIMEOUT = 300;
+export declare const LOAD_IMAGES_TIMEOUT = 500;
+export declare const SYNC_FULL_SCENE_INTERVAL_MS = 20000;
+export declare const SYNC_BROWSER_TABS_TIMEOUT = 50;
+export declare const CURSOR_SYNC_TIMEOUT = 33;
+export declare const DELETED_ELEMENT_TIMEOUT: number;
+export declare const FILE_UPLOAD_MAX_BYTES: number;
+export declare const FILE_CACHE_MAX_AGE_SEC = 31536000;
+export declare const WS_EVENTS: {
+    SERVER_VOLATILE: string;
+    SERVER: string;
+};
+export declare enum WS_SCENE_EVENT_TYPES {
+    INIT = "SCENE_INIT",
+    UPDATE = "SCENE_UPDATE"
+}
+export declare const FIREBASE_STORAGE_PREFIXES: {
+    shareLinkFiles: string;
+    collabFiles: string;
+};
+export declare const ROOM_ID_BYTES = 10;
+export declare const STORAGE_KEYS: {
+    readonly LOCAL_STORAGE_ELEMENTS: "excalidraw";
+    readonly LOCAL_STORAGE_APP_STATE: "excalidraw-state";
+    readonly LOCAL_STORAGE_COLLAB: "excalidraw-collab";
+    readonly LOCAL_STORAGE_LIBRARY: "excalidraw-library";
+    readonly LOCAL_STORAGE_THEME: "excalidraw-theme";
+    readonly VERSION_DATA_STATE: "version-dataState";
+    readonly VERSION_FILES: "version-files";
+};

package/types/excalidraw-app/collab/Collab.d.ts

@@ -0,0 +1,163 @@
+/// <reference types="lodash" />
+import { PureComponent } from "react";
+import { ExcalidrawImperativeAPI } from "../../types";
+import { ImportedDataState } from "../../data/types";
+import { ExcalidrawElement } from "../../element/types";
+import { Gesture } from "../../types";
+import { SocketUpdateDataSource, SyncableExcalidrawElement } from "../data";
+import Portal from "./Portal";
+import { UserIdleState } from "../../types";
+import { FileManager } from "../data/FileManager";
+export declare const collabAPIAtom: import("jotai").Atom<CollabAPI | null> & {
+    write: (get: {
+        <Value>(atom: import("jotai").Atom<Value | Promise<Value>>): Value;
+        <Value_1>(atom: import("jotai").Atom<Promise<Value_1>>): Value_1;
+        <Value_2>(atom: import("jotai").Atom<Value_2>): Value_2 extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? any : V : V : V : V : V : V : V : V : V : V : Value_2;
+    } & {
+        <Value_3>(atom: import("jotai").Atom<Value_3 | Promise<Value_3>>, options: {
+            unstable_promise: true;
+        }): Value_3 | Promise<Value_3>;
+        <Value_4>(atom: import("jotai").Atom<Promise<Value_4>>, options: {
+            unstable_promise: true;
+        }): Value_4 | Promise<Value_4>;
+        <Value_5>(atom: import("jotai").Atom<Value_5>, options: {
+            unstable_promise: true;
+        }): (Value_5 extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? any : V : V : V : V : V : V : V : V : V : V : Value_5) | Promise<Value_5 extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? any : V : V : V : V : V : V : V : V : V : V : Value_5>;
+    }, set: {
+        <Value_6, Result extends void | Promise<void>>(atom: import("jotai").WritableAtom<Value_6, undefined, Result>): Result;
+        <Value_7, Update, Result_1 extends void | Promise<void>>(atom: import("jotai").WritableAtom<Value_7, Update, Result_1>, update: Update): Result_1;
+    }, update: CollabAPI | ((prev: CollabAPI | null) => CollabAPI | null) | null) => void;
+    onMount?: (<S extends (update: CollabAPI | ((prev: CollabAPI | null) => CollabAPI | null) | null) => void>(setAtom: S) => void | (() => void)) | undefined;
+} & {
+    init: CollabAPI | null;
+};
+export declare const collabDialogShownAtom: import("jotai").Atom<boolean> & {
+    write: (get: {
+        <Value>(atom: import("jotai").Atom<Value | Promise<Value>>): Value;
+        <Value_1>(atom: import("jotai").Atom<Promise<Value_1>>): Value_1;
+        <Value_2>(atom: import("jotai").Atom<Value_2>): Value_2 extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? any : V : V : V : V : V : V : V : V : V : V : Value_2;
+    } & {
+        <Value_3>(atom: import("jotai").Atom<Value_3 | Promise<Value_3>>, options: {
+            unstable_promise: true;
+        }): Value_3 | Promise<Value_3>;
+        <Value_4>(atom: import("jotai").Atom<Promise<Value_4>>, options: {
+            unstable_promise: true;
+        }): Value_4 | Promise<Value_4>;
+        <Value_5>(atom: import("jotai").Atom<Value_5>, options: {
+            unstable_promise: true;
+        }): (Value_5 extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? any : V : V : V : V : V : V : V : V : V : V : Value_5) | Promise<Value_5 extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? any : V : V : V : V : V : V : V : V : V : V : Value_5>;
+    }, set: {
+        <Value_6, Result extends void | Promise<void>>(atom: import("jotai").WritableAtom<Value_6, undefined, Result>): Result;
+        <Value_7, Update, Result_1 extends void | Promise<void>>(atom: import("jotai").WritableAtom<Value_7, Update, Result_1>, update: Update): Result_1;
+    }, update: boolean | ((prev: boolean) => boolean)) => void;
+    onMount?: (<S extends (update: boolean | ((prev: boolean) => boolean)) => void>(setAtom: S) => void | (() => void)) | undefined;
+} & {
+    init: boolean;
+};
+export declare const isCollaboratingAtom: import("jotai").Atom<boolean> & {
+    write: (get: {
+        <Value>(atom: import("jotai").Atom<Value | Promise<Value>>): Value;
+        <Value_1>(atom: import("jotai").Atom<Promise<Value_1>>): Value_1;
+        <Value_2>(atom: import("jotai").Atom<Value_2>): Value_2 extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? any : V : V : V : V : V : V : V : V : V : V : Value_2;
+    } & {
+        <Value_3>(atom: import("jotai").Atom<Value_3 | Promise<Value_3>>, options: {
+            unstable_promise: true;
+        }): Value_3 | Promise<Value_3>;
+        <Value_4>(atom: import("jotai").Atom<Promise<Value_4>>, options: {
+            unstable_promise: true;
+        }): Value_4 | Promise<Value_4>;
+        <Value_5>(atom: import("jotai").Atom<Value_5>, options: {
+            unstable_promise: true;
+        }): (Value_5 extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? any : V : V : V : V : V : V : V : V : V : V : Value_5) | Promise<Value_5 extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? V extends Promise<infer V> ? any : V : V : V : V : V : V : V : V : V : V : Value_5>;
+    }, set: {
+        <Value_6, Result extends void | Promise<void>>(atom: import("jotai").WritableAtom<Value_6, undefined, Result>): Result;
+        <Value_7, Update, Result_1 extends void | Promise<void>>(atom: import("jotai").WritableAtom<Value_7, Update, Result_1>, update: Update): Result_1;
+    }, update: boolean | ((prev: boolean) => boolean)) => void;
+    onMount?: (<S extends (update: boolean | ((prev: boolean) => boolean)) => void>(setAtom: S) => void | (() => void)) | undefined;
+} & {
+    init: boolean;
+};
+interface CollabState {
+    errorMessage: string;
+    username: string;
+    activeRoomLink: string;
+}
+declare type CollabInstance = InstanceType<typeof Collab>;
+export interface CollabAPI {
+    /** function so that we can access the latest value from stale callbacks */
+    isCollaborating: () => boolean;
+    onPointerUpdate: CollabInstance["onPointerUpdate"];
+    startCollaboration: CollabInstance["startCollaboration"];
+    stopCollaboration: CollabInstance["stopCollaboration"];
+    syncElements: CollabInstance["syncElements"];
+    fetchImageFilesFromFirebase: CollabInstance["fetchImageFilesFromFirebase"];
+    setUsername: (username: string) => void;
+}
+interface PublicProps {
+    excalidrawAPI: ExcalidrawImperativeAPI;
+}
+declare type Props = PublicProps & {
+    modalIsShown: boolean;
+};
+declare class Collab extends PureComponent<Props, CollabState> {
+    portal: Portal;
+    fileManager: FileManager;
+    excalidrawAPI: Props["excalidrawAPI"];
+    activeIntervalId: number | null;
+    idleTimeoutId: number | null;
+    private socketInitializationTimer?;
+    private lastBroadcastedOrReceivedSceneVersion;
+    private collaborators;
+    constructor(props: Props);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    isCollaborating: () => boolean;
+    private setIsCollaborating;
+    private onUnload;
+    private beforeUnload;
+    saveCollabRoomToFirebase: (syncableElements: readonly SyncableExcalidrawElement[]) => Promise<void>;
+    stopCollaboration: (keepRemoteState?: boolean) => void;
+    private destroySocketClient;
+    private fetchImageFilesFromFirebase;
+    private decryptPayload;
+    private fallbackInitializationHandler;
+    startCollaboration: (existingRoomLinkData: null | {
+        roomId: string;
+        roomKey: string;
+    }) => Promise<ImportedDataState | null>;
+    private initializeRoom;
+    private reconcileElements;
+    private loadImageFiles;
+    private handleRemoteSceneUpdate;
+    private onPointerMove;
+    private onVisibilityChange;
+    private reportIdle;
+    private reportActive;
+    private initializeIdleDetector;
+    setCollaborators(sockets: string[]): void;
+    setLastBroadcastedOrReceivedSceneVersion: (version: number) => void;
+    getLastBroadcastedOrReceivedSceneVersion: () => number;
+    getSceneElementsIncludingDeleted: () => readonly ExcalidrawElement[];
+    onPointerUpdate: import("lodash").DebouncedFunc<(payload: {
+        pointer: SocketUpdateDataSource["MOUSE_LOCATION"]["payload"]["pointer"];
+        button: SocketUpdateDataSource["MOUSE_LOCATION"]["payload"]["button"];
+        pointersMap: Gesture["pointers"];
+    }) => void>;
+    onIdleStateChange: (userState: UserIdleState) => void;
+    broadcastElements: (elements: readonly ExcalidrawElement[]) => void;
+    syncElements: (elements: readonly ExcalidrawElement[]) => void;
+    queueBroadcastAllElements: import("lodash").DebouncedFunc<() => void>;
+    queueSaveToFirebase: import("lodash").DebouncedFunc<() => void>;
+    handleClose: () => void;
+    setUsername: (username: string) => void;
+    onUsernameChange: (username: string) => void;
+    render(): JSX.Element;
+}
+declare global {
+    interface Window {
+        collab: InstanceType<typeof Collab>;
+    }
+}
+declare const _Collab: React.FC<PublicProps>;
+export default _Collab;
+export declare type TCollabClass = Collab;