@dwelle/excalidraw 0.5.0-445ce03 → 0.5.0-4ad448e

package/CHANGELOG.md

@@ -15,8 +15,14 @@ Please add the latest change on the top under the correct section.
 
 ### Features
 
+- Added support for multiplayer undo/redo, by calculating invertible increments and storing them inside the local-only undo/redo stacks. [#7348](https://github.com/excalidraw/excalidraw/pull/7348)
+
+- `MainMenu.DefaultItems.ToggleTheme` now supports `onSelect(theme: string)` callback, and optionally `allowSystemTheme: boolean` alongside `theme: string` to indicate you want to allow users to set to system theme (you need to handle this yourself). [#7853](https://github.com/excalidraw/excalidraw/pull/7853)
+
 - Add `useHandleLibrary`'s `opts.adapter` as the new recommended pattern to handle library initialization and persistence on library updates. [#7655](https://github.com/excalidraw/excalidraw/pull/7655)
+
 - Add `useHandleLibrary`'s `opts.migrationAdapter` adapter to handle library migration during init, when migrating from one data store to another (e.g. from LocalStorage to IndexedDB). [#7655](https://github.com/excalidraw/excalidraw/pull/7655)
+
 - Soft-deprecate `useHandleLibrary`'s `opts.getInitialLibraryItems` in favor of `opts.adapter`. [#7655](https://github.com/excalidraw/excalidraw/pull/7655)
 
 - Add `onPointerUp` prop [#7638](https://github.com/excalidraw/excalidraw/pull/7638).
@@ -29,6 +35,14 @@ Please add the latest change on the top under the correct section.
 
 ### Breaking Changes
 
+- `updateScene` API has changed due to the added `Store` component as part of the multiplayer undo / redo initiative. Specifically, `sceneData` property `commitToHistory: boolean` was replaced with `storeAction: StoreActionType`. Make sure to update all instances of `updateScene` according to the _before / after_ table below. [#7898](https://github.com/excalidraw/excalidraw/pull/7898)
+
+|  | Before `commitToHistory` | After `storeAction` | Notes |
+| --- | --- | --- | --- |
+| _Immediately undoable_ | `true` | `"capture"` | As before, use for all updates which should be recorded by the store & history. Should be used for the most of the local updates. These updates will _immediately_ make it to the local undo / redo stacks. |
+| _Eventually undoable_ | `false` | `"none"` | Similar to before, use for all updates which should not be recorded immediately (likely exceptions which are part of some async multi-step process) or those not meant to be recorded at all (i.e. updates to `collaborators` object, parts of `AppState` which are not observed by the store & history - not `ObservedAppState`).<br/><br/>**IMPORTANT** It's likely you should switch to `"update"` in all the other cases. Otherwise, all such updates would end up being recorded with the next `"capture"` - triggered either by the next `updateScene` or internally by the editor. These updates will _eventually_ make it to the local undo / redo stacks. |
+| _Never undoable_ | n/a | `"update"` | **NEW**: previously there was no equivalent for this value. Now, it's recommended to use `"update"` for all remote updates (from the other clients), scene initialization, or those updates, which should not be locally "undoable". These updates will _never_ make it to the local undo / redo stacks. |
+
 - `ExcalidrawEmbeddableElement.validated` was removed and moved to private editor state. This should largely not affect your apps unless you were reading from this attribute. We keep validating embeddable urls internally, and the public [`props.validateEmbeddable`](https://docs.excalidraw.com/docs/@excalidraw/excalidraw/api/props#validateembeddable) still applies. [#7539](https://github.com/excalidraw/excalidraw/pull/7539)
 
 - `ExcalidrawTextElement.baseline` was removed and replaced with a vertical offset computation based on font metrics, performed on each text element re-render. In case of custom font usage, extend the `FONT_METRICS` object with the related properties.
@@ -91,8 +105,6 @@ define: {
 
 - Disable caching bounds for arrow labels [#7343](https://github.com/excalidraw/excalidraw/pull/7343)
 
----
-
 ## 0.17.0 (2023-11-14)
 
 ### Features

package/dist/browser/dev/excalidraw-assets-dev/{blockDiagram-91b80b7a-TJNLMU3C.js → blockDiagram-91b80b7a-A3KTGTNF.js}

@@ -5,12 +5,12 @@ import {
   insertNode,
   positionEdgeLabel,
   positionNode
-} from "./chunk-BOQDSCA7.js";
-import "./chunk-JOYLBFBN.js";
+} from "./chunk-UPZN6HLY.js";
+import "./chunk-GPXIQ54D.js";
 import {
   Graph,
   clone_default
-} from "./chunk-XXQUVULL.js";
+} from "./chunk-QEUG43UQ.js";
 import {
   Tableau10_default,
   channel_default,
@@ -26,10 +26,10 @@ import {
   require_purify,
   rgba_default,
   select_default
-} from "./chunk-AV4YDMRA.js";
+} from "./chunk-ISVN6S2D.js";
 import {
   init_define_import_meta_env
-} from "./chunk-QO3W5VCU.js";
+} from "./chunk-SLPEIDIY.js";
 import {
   __toESM
 } from "./chunk-F3UQABQJ.js";
@@ -1841,4 +1841,4 @@ var diagram = {
 export {
   diagram
 };
-//# sourceMappingURL=blockDiagram-91b80b7a-TJNLMU3C.js.map
+//# sourceMappingURL=blockDiagram-91b80b7a-A3KTGTNF.js.map

package/dist/browser/dev/excalidraw-assets-dev/{c4Diagram-b2a90758-WCATLHAV.js → c4Diagram-b2a90758-SMTESFJF.js}

@@ -1,7 +1,7 @@
 import {
   drawRect,
   getNoteRect
-} from "./chunk-FAAJ2KA3.js";
+} from "./chunk-NJIVHXCQ.js";
 import {
   assignWithDepth$1,
   calculateTextHeight,
@@ -20,10 +20,10 @@ import {
   setAccDescription,
   setAccTitle,
   wrapLabel
-} from "./chunk-AV4YDMRA.js";
+} from "./chunk-ISVN6S2D.js";
 import {
   init_define_import_meta_env
-} from "./chunk-QO3W5VCU.js";
+} from "./chunk-SLPEIDIY.js";
 import {
   __toESM
 } from "./chunk-F3UQABQJ.js";
@@ -2495,4 +2495,4 @@ var diagram = {
 export {
   diagram
 };
-//# sourceMappingURL=c4Diagram-b2a90758-WCATLHAV.js.map
+//# sourceMappingURL=c4Diagram-b2a90758-SMTESFJF.js.map

package/dist/browser/dev/excalidraw-assets-dev/{chunk-JOYLBFBN.js → chunk-GPXIQ54D.js}

@@ -2,10 +2,10 @@ import {
   decodeEntities,
   dedent,
   log$1
-} from "./chunk-AV4YDMRA.js";
+} from "./chunk-ISVN6S2D.js";
 import {
   init_define_import_meta_env
-} from "./chunk-QO3W5VCU.js";
+} from "./chunk-SLPEIDIY.js";
 import {
   __export
 } from "./chunk-F3UQABQJ.js";
@@ -5138,4 +5138,4 @@ export {
   computeDimensionOfText,
   createText
 };
-//# sourceMappingURL=chunk-JOYLBFBN.js.map
+//# sourceMappingURL=chunk-GPXIQ54D.js.map

package/dist/browser/dev/excalidraw-assets-dev/{chunk-AV4YDMRA.js → chunk-ISVN6S2D.js}

@@ -1,6 +1,6 @@
 import {
   init_define_import_meta_env
-} from "./chunk-QO3W5VCU.js";
+} from "./chunk-SLPEIDIY.js";
 import {
   __commonJS,
   __toESM
@@ -9812,8 +9812,8 @@ function trim(value) {
 function replace(value, pattern, replacement) {
   return value.replace(pattern, replacement);
 }
-function indexof(value, search) {
-  return value.indexOf(search);
+function indexof(value, search, position2) {
+  return value.indexOf(search, position2);
 }
 function charat(value, index) {
   return value.charCodeAt(index) | 0;
@@ -9982,7 +9982,7 @@ function parse(value, root3, parent, rule, rules, rulesets, pseudo, points, decl
     switch (previous = character2, character2 = next()) {
       case 40:
         if (previous != 108 && charat(characters2, length2 - 1) == 58) {
-          if (indexof(characters2 += replace(delimit(character2), "&", "&\f"), "&\f") != -1)
+          if (indexof(characters2 += replace(delimit(character2), "&", "&\f"), "&\f", abs3(index ? points[index - 1] : 0)) != -1)
             ampersand = -1;
           break;
         }
@@ -10370,7 +10370,7 @@ var renderKatex = async (text, config2) => {
   if (!isMathMLSupported() && !config2.legacyMathML) {
     return text.replace(katexRegex, "MathML is unsupported in this environment.");
   }
-  const { default: katex } = await import("./katex-S4BVO6UV.js");
+  const { default: katex } = await import("./katex-7NT7AJII.js");
   return text.split(lineBreakRegex).map(
     (line2) => hasKatex(line2) ? `
             <div style="display: flex; align-items: center; justify-content: center; white-space: nowrap;">
@@ -13213,7 +13213,7 @@ var detector$l = (txt) => {
   return /^\s*C4Context|C4Container|C4Component|C4Dynamic|C4Deployment/.test(txt);
 };
 var loader$m = async () => {
-  const { diagram: diagram2 } = await import("./c4Diagram-b2a90758-WCATLHAV.js");
+  const { diagram: diagram2 } = await import("./c4Diagram-b2a90758-SMTESFJF.js");
   return { id: id$l, diagram: diagram2 };
 };
 var plugin$j = {
@@ -13231,7 +13231,7 @@ var detector$k = (txt, config2) => {
   return /^\s*graph/.test(txt);
 };
 var loader$l = async () => {
-  const { diagram: diagram2 } = await import("./flowDiagram-5540d9b9-EJTNTPJX.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-5540d9b9-NO3PYDQS.js");
   return { id: id$k, diagram: diagram2 };
 };
 var plugin$i = {
@@ -13252,7 +13252,7 @@ var detector$j = (txt, config2) => {
   return /^\s*flowchart/.test(txt);
 };
 var loader$k = async () => {
-  const { diagram: diagram2 } = await import("./flowDiagram-v2-3b53844e-KL5ZFBTP.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-v2-3b53844e-MADJDZSI.js");
   return { id: id$j, diagram: diagram2 };
 };
 var plugin$h = {
@@ -13266,7 +13266,7 @@ var detector$i = (txt) => {
   return /^\s*erDiagram/.test(txt);
 };
 var loader$j = async () => {
-  const { diagram: diagram2 } = await import("./erDiagram-47591fe2-U2KGCBE5.js");
+  const { diagram: diagram2 } = await import("./erDiagram-47591fe2-UFF6CPCB.js");
   return { id: id$i, diagram: diagram2 };
 };
 var plugin$g = {
@@ -13280,7 +13280,7 @@ var detector$h = (txt) => {
   return /^\s*gitGraph/.test(txt);
 };
 var loader$i = async () => {
-  const { diagram: diagram2 } = await import("./gitGraphDiagram-96e6b4ee-EMVGF3XH.js");
+  const { diagram: diagram2 } = await import("./gitGraphDiagram-96e6b4ee-JBYZCAWS.js");
   return { id: id$h, diagram: diagram2 };
 };
 var plugin$f = {
@@ -13294,7 +13294,7 @@ var detector$g = (txt) => {
   return /^\s*gantt/.test(txt);
 };
 var loader$h = async () => {
-  const { diagram: diagram2 } = await import("./ganttDiagram-9a3bba1f-IF7TCCAH.js");
+  const { diagram: diagram2 } = await import("./ganttDiagram-9a3bba1f-325SJ7W7.js");
   return { id: id$g, diagram: diagram2 };
 };
 var plugin$e = {
@@ -13308,7 +13308,7 @@ var detector$f = (txt) => {
   return /^\s*info/.test(txt);
 };
 var loader$g = async () => {
-  const { diagram: diagram2 } = await import("./infoDiagram-bcd20f53-UTGQUVDI.js");
+  const { diagram: diagram2 } = await import("./infoDiagram-bcd20f53-2TLYCMIX.js");
   return { id: id$f, diagram: diagram2 };
 };
 var info = {
@@ -13321,7 +13321,7 @@ var detector$e = (txt) => {
   return /^\s*pie/.test(txt);
 };
 var loader$f = async () => {
-  const { diagram: diagram2 } = await import("./pieDiagram-79897490-PK3XL5JS.js");
+  const { diagram: diagram2 } = await import("./pieDiagram-79897490-LHPWB3N2.js");
   return { id: id$e, diagram: diagram2 };
 };
 var pie = {
@@ -13334,7 +13334,7 @@ var detector$d = (txt) => {
   return /^\s*quadrantChart/.test(txt);
 };
 var loader$e = async () => {
-  const { diagram: diagram2 } = await import("./quadrantDiagram-62f64e94-5J6FCBYR.js");
+  const { diagram: diagram2 } = await import("./quadrantDiagram-62f64e94-NWIPMFGU.js");
   return { id: id$d, diagram: diagram2 };
 };
 var plugin$d = {
@@ -13348,7 +13348,7 @@ var detector$c = (txt) => {
   return /^\s*xychart-beta/.test(txt);
 };
 var loader$d = async () => {
-  const { diagram: diagram2 } = await import("./xychartDiagram-ab372869-VR6HUAVM.js");
+  const { diagram: diagram2 } = await import("./xychartDiagram-ab372869-OM4436F5.js");
   return { id: id$c, diagram: diagram2 };
 };
 var plugin$c = {
@@ -13362,7 +13362,7 @@ var detector$b = (txt) => {
   return /^\s*requirement(Diagram)?/.test(txt);
 };
 var loader$c = async () => {
-  const { diagram: diagram2 } = await import("./requirementDiagram-05bf5f74-7N5CKPDQ.js");
+  const { diagram: diagram2 } = await import("./requirementDiagram-05bf5f74-WBDGI753.js");
   return { id: id$b, diagram: diagram2 };
 };
 var plugin$b = {
@@ -13376,7 +13376,7 @@ var detector$a = (txt) => {
   return /^\s*sequenceDiagram/.test(txt);
 };
 var loader$b = async () => {
-  const { diagram: diagram2 } = await import("./sequenceDiagram-acc0e65c-3OKIKSQT.js");
+  const { diagram: diagram2 } = await import("./sequenceDiagram-acc0e65c-4V2Y4SIV.js");
   return { id: id$a, diagram: diagram2 };
 };
 var plugin$a = {
@@ -13394,7 +13394,7 @@ var detector$9 = (txt, config2) => {
   return /^\s*classDiagram/.test(txt);
 };
 var loader$a = async () => {
-  const { diagram: diagram2 } = await import("./classDiagram-30eddba6-MK2L56JU.js");
+  const { diagram: diagram2 } = await import("./classDiagram-30eddba6-NWHX4TJ4.js");
   return { id: id$9, diagram: diagram2 };
 };
 var plugin$9 = {
@@ -13412,7 +13412,7 @@ var detector$8 = (txt, config2) => {
   return /^\s*classDiagram-v2/.test(txt);
 };
 var loader$9 = async () => {
-  const { diagram: diagram2 } = await import("./classDiagram-v2-f2df5561-4G5BOYLV.js");
+  const { diagram: diagram2 } = await import("./classDiagram-v2-f2df5561-Z5MOUPSJ.js");
   return { id: id$8, diagram: diagram2 };
 };
 var plugin$8 = {
@@ -13430,7 +13430,7 @@ var detector$7 = (txt, config2) => {
   return /^\s*stateDiagram/.test(txt);
 };
 var loader$8 = async () => {
-  const { diagram: diagram2 } = await import("./stateDiagram-0ff1cf1a-IGTAKUNW.js");
+  const { diagram: diagram2 } = await import("./stateDiagram-0ff1cf1a-NTDITYQK.js");
   return { id: id$7, diagram: diagram2 };
 };
 var plugin$7 = {
@@ -13451,7 +13451,7 @@ var detector$6 = (txt, config2) => {
   return false;
 };
 var loader$7 = async () => {
-  const { diagram: diagram2 } = await import("./stateDiagram-v2-9a9d610d-DQVNKNBC.js");
+  const { diagram: diagram2 } = await import("./stateDiagram-v2-9a9d610d-PV25GY7R.js");
   return { id: id$6, diagram: diagram2 };
 };
 var plugin$6 = {
@@ -13465,7 +13465,7 @@ var detector$5 = (txt) => {
   return /^\s*journey/.test(txt);
 };
 var loader$6 = async () => {
-  const { diagram: diagram2 } = await import("./journeyDiagram-4fe6b3dc-J7HF5UX3.js");
+  const { diagram: diagram2 } = await import("./journeyDiagram-4fe6b3dc-RPFLEFD2.js");
   return { id: id$5, diagram: diagram2 };
 };
 var plugin$5 = {
@@ -13720,7 +13720,7 @@ var detector$4 = (txt, config2) => {
   return false;
 };
 var loader$5 = async () => {
-  const { diagram: diagram2 } = await import("./flowchart-elk-definition-5fe447d6-OJQLHH6R.js");
+  const { diagram: diagram2 } = await import("./flowchart-elk-definition-5fe447d6-RU2ECEAW.js");
   return { id: id$4, diagram: diagram2 };
 };
 var plugin$4 = {
@@ -13734,7 +13734,7 @@ var detector$3 = (txt) => {
   return /^\s*timeline/.test(txt);
 };
 var loader$4 = async () => {
-  const { diagram: diagram2 } = await import("./timeline-definition-fea2a41d-X5G23TBF.js");
+  const { diagram: diagram2 } = await import("./timeline-definition-fea2a41d-I2PPTRNM.js");
   return { id: id$3, diagram: diagram2 };
 };
 var plugin$3 = {
@@ -13748,7 +13748,7 @@ var detector$2 = (txt) => {
   return /^\s*mindmap/.test(txt);
 };
 var loader$3 = async () => {
-  const { diagram: diagram2 } = await import("./mindmap-definition-f354de21-ESCHQUUP.js");
+  const { diagram: diagram2 } = await import("./mindmap-definition-f354de21-QZKK3WRN.js");
   return { id: id$2, diagram: diagram2 };
 };
 var plugin$2 = {
@@ -13762,7 +13762,7 @@ var detector$1 = (txt) => {
   return /^\s*sankey-beta/.test(txt);
 };
 var loader$2 = async () => {
-  const { diagram: diagram2 } = await import("./sankeyDiagram-97764748-CIVKIO2C.js");
+  const { diagram: diagram2 } = await import("./sankeyDiagram-97764748-3SZ5SLB4.js");
   return { id: id$1, diagram: diagram2 };
 };
 var plugin$1 = {
@@ -13776,7 +13776,7 @@ var detector = (txt) => {
   return /^\s*block-beta/.test(txt);
 };
 var loader$1 = async () => {
-  const { diagram: diagram2 } = await import("./blockDiagram-91b80b7a-TJNLMU3C.js");
+  const { diagram: diagram2 } = await import("./blockDiagram-91b80b7a-A3KTGTNF.js");
   return { id: id2, diagram: diagram2 };
 };
 var plugin = {
@@ -16665,4 +16665,4 @@ mermaid/dist/mermaid-f47111a7.js:
    * Wait for document loaded before starting the execution
    *)
 */
-//# sourceMappingURL=chunk-AV4YDMRA.js.map
+//# sourceMappingURL=chunk-ISVN6S2D.js.map