@excalidraw/common 0.18.0-2874f9e → 0.18.0-2a82821

package/dist/dev/index.js

@@ -1394,7 +1394,10 @@ var cssInvert = (r, g, b, percent) => {
   const invertedB = invertComponent(b);
   return { r: invertedR, g: invertedG, b: invertedB };
 };
-var applyDarkModeFilter = (color) => {
+var applyDarkModeFilter = (color, enable = true) => {
+  if (!enable) {
+    return color;
+  }
   const cached = DARK_MODE_COLORS_CACHE?.get(color);
   if (cached) {
     return cached;
@@ -1836,8 +1839,10 @@ var DEFAULT_UI_OPTIONS = {
 var MAX_DECIMALS_FOR_SVG_EXPORT = 2;
 var EXPORT_SCALES = [1, 2, 3];
 var DEFAULT_EXPORT_PADDING = 10;
-var DEFAULT_MAX_IMAGE_WIDTH_OR_HEIGHT = 1440;
-var MAX_ALLOWED_FILE_BYTES = 4 * 1024 * 1024;
+var DEFAULT_IMAGE_OPTIONS = {
+  maxWidthOrHeight: 1440,
+  maxFileSizeBytes: 4 * 1024 * 1024
+};
 var SVG_NS = "http://www.w3.org/2000/svg";
 var SVG_DOCUMENT_PREAMBLE = `<?xml version="1.0" standalone="no"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
@@ -1884,16 +1889,34 @@ var ROUGHNESS = {
   artist: 1,
   cartoonist: 2
 };
+var STROKE_WIDTH_KEYS = [
+  "thin",
+  "medium",
+  "bold"
+];
 var STROKE_WIDTH = {
   thin: 1,
+  medium: 2,
+  bold: 4,
+  extraBold: 8
+  // unused (may be introduced in the future)
+};
+var FREEDRAW_STROKE_WIDTH = {
+  thin: 0.5,
+  medium: 1,
   bold: 2,
   extraBold: 4
+  // legacy (may be used again in the future)
 };
+var getStrokeWidthByKey = (elementType, strokeWidthKey) => {
+  return elementType === "freedraw" ? FREEDRAW_STROKE_WIDTH[strokeWidthKey] : STROKE_WIDTH[strokeWidthKey];
+};
+var DEFAULT_ELEMENT_STROKE_WIDTH_KEY = "medium";
 var DEFAULT_ELEMENT_PROPS = {
   strokeColor: COLOR_PALETTE.black,
   backgroundColor: COLOR_PALETTE.transparent,
   fillStyle: "solid",
-  strokeWidth: 2,
+  strokeWidth: STROKE_WIDTH[DEFAULT_ELEMENT_STROKE_WIDTH_KEY],
   strokeStyle: "solid",
   roughness: ROUGHNESS.artist,
   opacity: 100,
@@ -1957,6 +1980,8 @@ var BIND_MODE_TIMEOUT = 700;
 var MOBILE_ACTION_BUTTON_BG = {
   background: "var(--mobile-action-button-bg)"
 };
+var DEFAULT_STROKE_STREAMLINE = 0.5;
+var DEFAULT_STROKE_STREAMLINE_PRECISE = 0.2;
 
 // src/font-metadata.ts
 init_define_import_meta_env();
@@ -2484,7 +2509,7 @@ var isInteractive = (target) => {
   return isInputLike(target) || target instanceof Element && !!target.closest("label, button");
 };
 var isWritableElement = (target) => target instanceof HTMLElement && target.dataset.type === "wysiwyg" || target instanceof HTMLBRElement || // newline in wysiwyg
-target instanceof HTMLTextAreaElement || target instanceof HTMLInputElement && (target.type === "text" || target.type === "number" || target.type === "password" || target.type === "search");
+target instanceof HTMLTextAreaElement || target instanceof HTMLInputElement && (target.type === "text" || target.type === "number" || target.type === "password" || target.type === "search") || target instanceof HTMLElement && target.closest(".cm-editor") !== null;
 var getFontFamilyString = ({
   fontFamily
 }) => {
@@ -2529,32 +2554,23 @@ var debounce = (fn, timeout) => {
   };
   return ret;
 };
-var throttleRAF = (fn, opts) => {
+var throttleRAF = (fn) => {
   let timerId = null;
   let lastArgs = null;
-  let lastArgsTrailing = null;
-  const scheduleFunc = (args) => {
+  const scheduleFunc = () => {
     timerId = window.requestAnimationFrame(() => {
       timerId = null;
-      fn(...args);
+      const args = lastArgs;
       lastArgs = null;
-      if (lastArgsTrailing) {
-        lastArgs = lastArgsTrailing;
-        lastArgsTrailing = null;
-        scheduleFunc(lastArgs);
+      if (args) {
+        fn(...args);
       }
     });
   };
   const ret = (...args) => {
-    if (isTestEnv()) {
-      fn(...args);
-      return;
-    }
     lastArgs = args;
     if (timerId === null) {
-      scheduleFunc(lastArgs);
-    } else if (opts?.trailing) {
-      lastArgsTrailing = args;
+      scheduleFunc();
     }
   };
   ret.flush = () => {
@@ -2563,12 +2579,12 @@ var throttleRAF = (fn, opts) => {
       timerId = null;
     }
     if (lastArgs) {
-      fn(...lastArgsTrailing || lastArgs);
-      lastArgs = lastArgsTrailing = null;
+      fn(...lastArgs);
+      lastArgs = null;
     }
   };
   ret.cancel = () => {
-    lastArgs = lastArgsTrailing = null;
+    lastArgs = null;
     if (timerId !== null) {
       cancelAnimationFrame(timerId);
       timerId = null;
@@ -3236,6 +3252,131 @@ var Emitter = class {
   }
 };
 
+// src/appEventBus.ts
+init_define_import_meta_env();
+var AppEventBus = class {
+  constructor(behavior) {
+    this.behavior = behavior;
+  }
+  emitters = /* @__PURE__ */ new Map();
+  lastPayload = /* @__PURE__ */ new Map();
+  emittedOnce = /* @__PURE__ */ new Set();
+  getEmitter(name) {
+    let emitter = this.emitters.get(name);
+    if (!emitter) {
+      emitter = new Emitter();
+      this.emitters.set(name, emitter);
+    }
+    return emitter;
+  }
+  toPromiseValue(args) {
+    return args.length === 1 ? args[0] : args;
+  }
+  on(name, callback) {
+    const eventBehavior = this.behavior[name];
+    const cachedPayload = this.lastPayload.get(name);
+    if (callback) {
+      if (eventBehavior.replay === "last" && cachedPayload) {
+        queueMicrotask(() => callback(...cachedPayload));
+        if (eventBehavior.cardinality === "once") {
+          return () => {
+          };
+        }
+      }
+      return this.getEmitter(name).on(callback);
+    }
+    if (eventBehavior.cardinality !== "once" || eventBehavior.replay !== "last") {
+      throw new Error(`Event "${String(name)}" requires a callback`);
+    }
+    if (cachedPayload) {
+      return Promise.resolve(this.toPromiseValue(cachedPayload));
+    }
+    return new Promise((resolve) => {
+      this.getEmitter(name).once((...args) => {
+        resolve(this.toPromiseValue(args));
+      });
+    });
+  }
+  emit(name, ...args) {
+    const eventBehavior = this.behavior[name];
+    if (!isProdEnv()) {
+      if (eventBehavior.cardinality === "once") {
+        if (this.emittedOnce.has(name)) {
+          throw new Error(`Event "${String(name)}" can only be emitted once`);
+        }
+        this.emittedOnce.add(name);
+      }
+    }
+    if (eventBehavior.replay === "last") {
+      this.lastPayload.set(name, args);
+    }
+    try {
+      this.getEmitter(name).trigger(...args);
+    } finally {
+      if (eventBehavior.cardinality === "once") {
+        this.getEmitter(name).clear();
+      }
+    }
+  }
+  clear() {
+    this.lastPayload.clear();
+    this.emittedOnce.clear();
+    for (const emitter of this.emitters.values()) {
+      emitter.clear();
+    }
+    this.emitters.clear();
+  }
+};
+
+// src/versionedSnapshotStore.ts
+init_define_import_meta_env();
+var VersionedSnapshotStore = class {
+  constructor(initialValue, isEqual = Object.is) {
+    this.isEqual = isEqual;
+    this.value = initialValue;
+  }
+  version = 0;
+  value;
+  waiters = /* @__PURE__ */ new Set();
+  subscribers = /* @__PURE__ */ new Set();
+  getSnapshot() {
+    return { version: this.version, value: this.value };
+  }
+  set(nextValue) {
+    if (this.isEqual(this.value, nextValue)) {
+      return false;
+    }
+    this.value = nextValue;
+    this.version += 1;
+    const snapshot = this.getSnapshot();
+    for (const subscriber of this.subscribers) {
+      subscriber(snapshot);
+    }
+    for (const waiter of this.waiters) {
+      waiter(snapshot);
+    }
+    this.waiters.clear();
+    return true;
+  }
+  update(updater) {
+    return this.set(updater(this.value));
+  }
+  subscribe(subscriber) {
+    this.subscribers.add(subscriber);
+    return () => {
+      this.subscribers.delete(subscriber);
+    };
+  }
+  pull(sinceVersion = -1) {
+    if (this.version !== sinceVersion) {
+      return Promise.resolve(this.getSnapshot());
+    }
+    return new Promise((resolve) => {
+      this.waiters.add(resolve);
+    });
+  }
+};
+
 // debug.ts
 init_define_import_meta_env();
 var lessPrecise = (num, precision = 5) => parseFloat(num.toPrecision(precision));
@@ -3409,6 +3550,7 @@ export {
   ARROW_LABEL_FONT_SIZE_TO_MIN_WIDTH_RATIO,
   ARROW_LABEL_WIDTH_FRACTION,
   ARROW_TYPE,
+  AppEventBus,
   BIND_MODE_TIMEOUT,
   BOUND_TEXT_PADDING,
   BinaryHeap,
@@ -3436,17 +3578,20 @@ export {
   DEFAULT_ELEMENT_STROKE_COLOR_INDEX,
   DEFAULT_ELEMENT_STROKE_COLOR_PALETTE,
   DEFAULT_ELEMENT_STROKE_PICKS,
+  DEFAULT_ELEMENT_STROKE_WIDTH_KEY,
   DEFAULT_EXPORT_PADDING,
   DEFAULT_FILENAME,
   DEFAULT_FONT_FAMILY,
   DEFAULT_FONT_SIZE,
   DEFAULT_GRID_SIZE,
   DEFAULT_GRID_STEP,
+  DEFAULT_IMAGE_OPTIONS,
   DEFAULT_LASER_COLOR,
-  DEFAULT_MAX_IMAGE_WIDTH_OR_HEIGHT,
   DEFAULT_PROPORTIONAL_RADIUS,
   DEFAULT_REDUCED_GLOBAL_ALPHA,
   DEFAULT_SIDEBAR,
+  DEFAULT_STROKE_STREAMLINE,
+  DEFAULT_STROKE_STREAMLINE_PRECISE,
   DEFAULT_TEXT_ALIGN,
   DEFAULT_TRANSFORM_HANDLE_SPACING,
   DEFAULT_UI_OPTIONS,
@@ -3474,6 +3619,7 @@ export {
   FONT_METADATA,
   FONT_SIZES,
   FRAME_STYLE,
+  FREEDRAW_STROKE_WIDTH,
   GOOGLE_FONTS_RANGES,
   HYPERLINK_TOOLTIP_DELAY,
   IDLE_THRESHOLD,
@@ -3486,7 +3632,6 @@ export {
   LINE_CONFIRM_THRESHOLD,
   LINE_POLYGON_POINT_MERGE_DISTANCE,
   LOCAL_FONT_PROTOCOL,
-  MAX_ALLOWED_FILE_BYTES,
   MAX_CUSTOM_COLORS_USED_IN_CANVAS,
   MAX_DECIMALS_FOR_SVG_EXPORT,
   MAX_ZOOM,
@@ -3518,6 +3663,7 @@ export {
   STATS_PANELS,
   STRING_MIME_TYPES,
   STROKE_WIDTH,
+  STROKE_WIDTH_KEYS,
   SVG_DOCUMENT_PREAMBLE,
   SVG_NS,
   TAP_TWICE_TIMEOUT,
@@ -3534,6 +3680,7 @@ export {
   VERSIONS,
   VERSION_TIMEOUT,
   VERTICAL_ALIGN,
+  VersionedSnapshotStore,
   WINDOWS_EMOJI_FALLBACK_FONT,
   YOUTUBE_STATES,
   ZOOM_STEP,
@@ -3578,6 +3725,7 @@ export {
   getLineHeight,
   getNearestScrollableContainer,
   getSizeFromPoints,
+  getStrokeWidthByKey,
   getSvgPathFromStroke,
   getUpdatedTimestamp,
   getVersion,