1.6.27

onload-script, isExcalidrawView
1.6.26
2025-08-06 05:46:28 +00:00 · 2022-05-01 20:30:56 +02:00 · 2022-04-30 20:29:14 +02:00 · 2022-04-30 17:47:08 +02:00 · 2022-04-30 16:31:53 +02:00 · 2022-04-21 22:29:14 +02:00
135 changed files with 13212 additions and 6242 deletions
--- a/.github/ISSUE_TEMPLATE/bug_report.md
+++ b/.github/ISSUE_TEMPLATE/bug_report.md
@@ -23,16 +23,10 @@ A clear and concise description of what you expected to happen.
 **Screenshots**
 If applicable, add screenshots to help explain your problem.

-**Desktop (please complete the following information):**
- - OS: [e.g. iOS]
- - Browser [e.g. chrome, safari]
- - Version [e.g. 22]
-
-**Smartphone (please complete the following information):**
- - Device: [e.g. iPhone6]
- - OS: [e.g. iOS8.1]
- - Browser [e.g. stock browser, safari]
- - Version [e.g. 22]
+**Environment (please complete the following information):**
+ - OS including version: [e.g. iOS 15.1, Android 9, Windows 11, etc]
+ - Plugin version: 
+ - Obsidian version: 

 **Additional context**
 Add any other context about the problem here.
--- a/.gitignore
+++ b/.gitignore
@@ -12,3 +12,7 @@ main.js
 stats.html
 hot-reload.bat
 data.json
+lib
+
+#VSCode
+.vscode
--- a/README.md
+++ b/README.md
@@ -7,6 +7,7 @@ Please upgrade to Obsidian v0.12.19 or higher to get the latest release.
 # Video walkthrough
 | | | |
 |----|----|----|
+|[![thumbnail](https://user-images.githubusercontent.com/14358394/156931370-aa4d88de-c4a8-46cc-aeb2-dc09aa0bea39.jpg)](https://youtu.be/o0exK-xFP3k)| | |
 |[![Obsidian-Excalidraw 1.2.0 update - Major IMPROVEMENTS](https://user-images.githubusercontent.com/14358394/124356817-7b3f3d80-dc18-11eb-932d-363bb373c5ab.jpg)](https://youtu.be/UxJLLYtgDKE)|[![1  Getting Started](https://user-images.githubusercontent.com/14358394/125160304-7f211180-e17c-11eb-8363-c52723de1ffd.jpg)](https://youtu.be/sY4FoflGaiM)|[![2  Basic shapes and features](https://user-images.githubusercontent.com/14358394/125160312-8a743d00-e17c-11eb-9fa2-490ef4cbd59e.jpg)](https://youtu.be/Iy_oVTq12Gw)|
 |[![3  Groups](https://user-images.githubusercontent.com/14358394/125160323-96f89580-e17c-11eb-9bce-8eb1067a51bb.jpg)](https://youtu.be/QOL1KF7-kdc)|[![4  Stencil](https://user-images.githubusercontent.com/14358394/125160332-9f50d080-e17c-11eb-98e9-fec60fe147d9.jpg)](https://youtu.be/aSgcbfspvfo)|[![5  embedding](https://user-images.githubusercontent.com/14358394/125160341-a546b180-e17c-11eb-9de8-d87fdc844c9c.jpg)](https://youtu.be/MaJ5jJwBRWs)|
 |[![6  Links](https://user-images.githubusercontent.com/14358394/125160346-aa0b6580-e17c-11eb-930b-4024807040d1.jpg)](https://youtu.be/MXzeCOEExNo)|[![7  Markdown](https://user-images.githubusercontent.com/14358394/125160354-b2fc3700-e17c-11eb-81af-9e71e461f6dd.jpg)](https://youtu.be/R0IAg0s-wQE)|[![8  Templates](https://user-images.githubusercontent.com/14358394/125160360-b8f21800-e17c-11eb-8bd8-79d4e3f6e92d.jpg)](https://youtu.be/ibdS7ykwpW4)|
@@ -14,8 +15,8 @@ Please upgrade to Obsidian v0.12.19 or higher to get the latest release.
 |[![LaTex Demo](https://user-images.githubusercontent.com/14358394/143732412-1c65227e-4381-406d-847a-b001ab3506ca.jpg)](https://youtu.be/r08wk-58DPk)|[![markdown embeds](https://user-images.githubusercontent.com/14358394/143732440-90bfa029-8615-462e-ada3-c903d71a82c9.jpg)](https://youtu.be/tsecSfnTMow)|[![markdownAdvanced](https://user-images.githubusercontent.com/14358394/143783906-15cee494-c6d5-4495-a2ca-74634e4e7355.jpg)](https://youtu.be/K6qZkTz8GHs)|
 |[![Script Engine](https://user-images.githubusercontent.com/14358394/145684531-8d9c2992-59ac-4ebc-804a-4cce1777ded2.jpg)](https://youtu.be/hePJcObHIso)|[![sticky notes thumbnail](https://user-images.githubusercontent.com/14358394/147283367-e5689385-ea51-4983-81a3-04d810d39f62.jpg)](https://youtu.be/NOuddK6xrr8)|[![plugin store](https://user-images.githubusercontent.com/14358394/147889174-6c306d0d-2d29-46cc-a53f-3f0013cf14de.jpg)](https://youtu.be/lzYdOQ6z8F0)|
 |[![fourtfont](https://user-images.githubusercontent.com/14358394/149659524-2a4e0a24-40c9-4e66-a6b1-c92f3b88ecd5.jpg)](https://youtu.be/eKFmrSQhFA4)|[![thumbnail](https://user-images.githubusercontent.com/14358394/151705333-54e9ffd2-0bd7-4d02-b99e-0bd4e4708d4d.jpg)](https://youtu.be/qbPIAZguJeo)|[![Thumbnail](https://user-images.githubusercontent.com/14358394/152585752-7eb0371f-0bab-40f6-a194-3b48e5811735.jpg)](https://youtu.be/2Y8OhkGiTHg)|
-|[![Thumbnail](https://user-images.githubusercontent.com/14358394/153676009-6f86b2d7-c248-49a2-b802-be21c6999e4f.jpg)](https://youtu.be/2v9TZmQNO8c)|||
-
+|[![Thumbnail](https://user-images.githubusercontent.com/14358394/153676009-6f86b2d7-c248-49a2-b802-be21c6999e4f.jpg)](https://youtu.be/2v9TZmQNO8c)|[![Thumbnail](https://user-images.githubusercontent.com/14358394/154821232-a404b6cf-72fb-4ce4-9d53-619132dce491.jpg)](https://youtu.be/xHPGWR3m0c8)|[![Thumbnail](https://user-images.githubusercontent.com/14358394/156931428-b2269fd9-87bd-43ab-8558-5572f40dff93.jpg)](https://youtu.be/gMIKXyhS-dM)|
+|[![thumbnail](https://user-images.githubusercontent.com/14358394/156931461-0979b821-315a-41dd-86f1-31d169b7c127.jpg)](https://youtu.be/Etskjw7a5zo)|[![Thumbnail](https://user-images.githubusercontent.com/14358394/158008902-12c6a851-237e-4edd-a631-d48e81c904b2.jpg)](https://youtu.be/4N6efq1DtH0)|[![thumbnail](https://user-images.githubusercontent.com/14358394/159369910-6371f08d-b5fa-454d-9c6c-948f7e7a7d26.jpg)](https://youtu.be/U2LkBRBk4LY)|

 # Key features
 - The plugin aims to integrate Excalidraw seamlessly into Obsidian including Command Palette actions, File Explorer features, Option Menu commands, and the Ribbon Button.
@@ -28,7 +29,7 @@ Please upgrade to Obsidian v0.12.19 or higher to get the latest release.
  - Compatibility features to auto-export and keep in sync markdown excalidraw files and legacy .excalidraw files.
  - Experimental feature to add custom TAG to file explorer to mark drawing files.
  - Enable / disable autosave.
- You can customize the size and position of the embedded images using the `![[image.excalidraw|100]]`, `![[image.excalidraw|100x100]]`, `![[image.excalidraw|100|left]]`, `![[image.excalidraw|right-wrap]]`, formatting options. `![[<filename.excalidraw>|<width>x<height>|<alignment>]]`. You can add your custom alignment via CSS. Any text that appears in `<alignment>` will be added to the rendered SVG element style and to the wrapper DIV element. Check below and styles.css for more insight.
+- You can customize the size and position of the embedded images using the `![[image.excalidraw|100]]`, `![[image.excalidraw|100x100]]`, `![[image.excalidraw|100|left]]`, `![[image.excalidraw|right-wrap]]`, formatting options. `![[<filename.excalidraw>|<width>x<height>|<alignment>]]`. You can add your custom alignment via CSS. Any text that appears in `<alignment>` will be added to the rendered SVG element style and to the wrapper DIV element. See [styles.css](https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/styles.css) for more insight.
 - Supports hyperlinks e.g. `https://zsolt.blog`, `[Obsidian](https://obsidian.md)`, and internal links e.g. `[[My file in vault|Alias]]` in drawing text. 
  - Links will update when files are moved or renamed, if you have the Obsidian setting Files & Links/Automatically Update Internal Links enabled.
  - Links in drawings will show up in backlinks of documents
@@ -64,6 +65,11 @@ Please upgrade to Obsidian v0.12.19 or higher to get the latest release.
    - `excalidraw-url-prefix: "🌐"` preview prefix for external links
    - `excalidraw-link-brackets: true|false` whether or not to display brackets around links in preview
    - `excalidraw-default-mode: view|zen` Open this document in view mode or zen mode by defult. Default view mode is excellent for presentation slides.
+  - Frontmatter tags to customize image export at a file level [519](https://github.com/zsviczian/obsidian-excalidraw-plugin/issues/519). If these keys are present they will override the default excalidraw embed and export settings.
+    - `excalidraw-export-transparent: true`:  true == Transparent / false == with background. 
+    - `excalidraw-export-dark`: true == Dark mode / false == light mode.
+    - `excalidraw-export-svgpadding`: This only affects export to SVG. Specify the export padding for the image
+    - `excalidraw-export-pngscale`: This only affects export to PNG. Specify the export scale for the image. The typical range is between 0.5 and 5, but you can experiment with other values as well.
 - Embed complete markdown files into your drawings
  - Drag from the desired file from the Obsidian file explorer and hold down CTRL/CMD while dropping the file onto the canvas.
  - Use the command palette action: `Insert markdown file from vault`
@@ -73,6 +79,7 @@ Please upgrade to Obsidian v0.12.19 or higher to get the latest release.
  - You can control appearance of the embedded markdown file on a file by file bases by adding the following front matter keys to your markdown document:
    - `excalidraw-font: Virgil|Cascadia|font_file_name.extension`
    - `excalidraw-font-color: css-color-name|#HEXcolor|any-other-html-standard-format`, you can find css color names [here](https://www.w3schools.com/colors/colors_names.asp).
+    - `excalidraw-border-color: css-color-name|#HEXcolor|any-other-html-standard-format`
    - `excalidraw-css: "css-filename|css snippet"`
  - Switch to markdown view or use CTRL/CMD+ALT/OPT click on the image to edit properties of the embed: `[[filename#^blockref|WIDTHxMAXHEIGHT]]`
 - Includes full [QuickAdd](https://github.com/chhoumann/quickadd), [Templater](https://silentvoid13.github.io/Templater/) and [Dataview](https://blacksmithgu.github.io/obsidian-dataview/docs/api/intro/) support through ExcalidrawAutomate. Check out the [detailed help + examples](https://zsviczian.github.io/obsidian-excalidraw-plugin/). I also have a [YouTube ExcalidrawAutomate Playlist](https://www.youtube.com/playlist?list=PL6mqgtMZ4NP1IR4nXxSlMA4PA5E-qpyHZ) with lots of examples.
--- a/docs/API/attributes_functions_overview.md
+++ b/docs/API/attributes_functions_overview.md
@@ -195,6 +195,12 @@ export interface ExcalidrawAutomate {
  selectElementsInView(elements: ExcalidrawElement[]): void; //sets selection in view
  generateElementId(): string; //returns an 8 character long random id
  cloneElement(element: ExcalidrawElement): ExcalidrawElement; //Returns a clone of the element with a new id
+  moveViewElementToZIndex(elementId:number, newZIndex:number): void; //Moves the element to a specific position in the z-index
+  hexStringToRgb(color: string):number[];
+  rgbToHexString(color: number[]):string;
+  hslToRgb(color: number[]):number[];
+  rgbToHsl(color:number[]):number[];  
+  colorNameToHex(color:string):string;
 }
 ```

--- a/ea-scripts/Add
+++ b/ea-scripts/Add
@@ -22,4 +22,4 @@ elements.forEach((el)=>{
  );
  ea.addToGroup([el.id,ellipseId]);
 });
-ea.addElementsToView();
+ea.addElementsToView(false,false);
--- a/ea-scripts/Add
+++ b/ea-scripts/Add
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="100 100 500 400"><path fill-rule="evenodd" d="M414.57 183.49a11.194 11.194 0 0 0-10.344 6.914 11.21 11.21 0 0 0-.851 4.285v74.086h-110.09c-5.57-47.172-45.852-83.945-94.48-83.945-52.418 0-95.2 42.715-95.2 95.145 0 52.43 42.782 95.141 95.2 95.141 48.629 0 88.91-36.773 94.48-83.945h110.09v74.145c0 1.465.293 2.93.851 4.285a11.184 11.184 0 0 0 10.344 6.91H585.2c1.465 0 2.93-.292 4.285-.85a11.184 11.184 0 0 0 6.91-10.344v-170.63c0-1.466-.293-2.93-.851-4.286a11.246 11.246 0 0 0-2.426-3.633c-1.035-1.035-2.277-1.867-3.633-2.43s-2.82-.851-4.285-.851z"/></svg>
--- a/ea-scripts/Add
+++ b/ea-scripts/Add
@@ -45,7 +45,7 @@ ea.style.strokeColor = "rgba(70,130,180,0.05)"
 ea.style.strokeWidth = 2;
 ea.style.roughness = 0;

-if(elements.lenght===1 && elements[0].type !== "text") {
+if(elements.length===1 && elements[0].type !== "text") {
  ea.copyViewElementsToEAforEditing(elements);
 	ea.getElements()[0].link = link;
 } else {
@@ -62,4 +62,4 @@ if(openInCurrentPane) {
 	app.workspace.openLinkText(file.path,ea.targetView.file.path,false);
  return;
 }
-ea.openFileInNewOrAdjacentLeaf(file);
+ea.openFileInNewOrAdjacentLeaf(file);
--- a/ea-scripts/Add
+++ b/ea-scripts/Add
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="5 5 130 110" stroke="#000"><path fill="none"  stroke-linecap="round" stroke-width="4" d="M10 30h40m-40 0h40m0 0 20 20M50 30l20 20m0 0v60m0-60v60m0 0H10m60 0H10m0 0V30m0 80V30"/><path fill="none"  stroke-linecap="round" stroke-width="2" d="M50 30v20m0-20v20m0 0h20m-20 0h20"/><path fill="none"  stroke-linecap="round" stroke-width="4" d="M110 10H90m20 0H90m0 0v40m0-40v40m0 0h40m-40 0h40m0 0V30m0 20V30M110 30l20-20m-20 20 20-20M120 10h10m-10 0h10m0 0v10m0-10v10"/></svg>
--- a/ea-scripts/Add
+++ b/ea-scripts/Add
@@ -71,7 +71,7 @@ ea.style.strokeColor = "rgba(70,130,180,0.05)"
 ea.style.strokeWidth = 2;
 ea.style.roughness = 0;

-if(elements.lenght===1 && elements[0].type !== "text") {
+if(elements.length===1 && elements[0].type !== "text") {
  ea.copyViewElementsToEAforEditing(elements);
 	ea.getElements()[0].link = link;
 } else {
--- a/ea-scripts/Add
+++ b/ea-scripts/Add
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="5 5 130 110" stroke="#000"><path fill="none" stroke-linecap="round" stroke-width="4" d="M10 30h40m-40 0h40m0 0 20 20M50 30l20 20m0 0v60m0-60v60m0 0H10m60 0H10m0 0V30m0 80V30"/><path fill="none"  stroke-linecap="round" stroke-width="2" d="M50 30v20m0-20v20m0 0h20m-20 0h20"/><path fill="none"  stroke-linecap="round" stroke-width="4" d="M110 10H90m20 0H90m0 0v40m0-40v40m0 0h40m-40 0h40m0 0V30m0 20V30M110 30l20-20m-20 20 20-20M120 10h10m-10 0h10m0 0v10m0-10v10"/><path fill="none"  stroke-linecap="round" stroke-width="8" d="M40.351 60.667v27m0-27v27M26.851 74.167h26.69m-26.69 0h26.69"/></svg>
--- a/ea-scripts/Add
+++ b/ea-scripts/Add
@@ -113,7 +113,7 @@ if(!isFirst) {
 	rect.backgroundColor = fromElement.backgroundColor;
  rect.fillStyle = fromElement.fillStyle;

-  await ea.addElementsToView(false);
+  await ea.addElementsToView(false,false);
 } else {
  id = ea.addText(
    0,
@@ -127,7 +127,7 @@ if(!isFirst) {
 		  ...fixWidth?{width: width}:null
    }
  );
-  await ea.addElementsToView(true);
+  await ea.addElementsToView(true,false);
 }

 ea.selectElementsInView([ea.getElement(id)]);
--- a/ea-scripts/Add
+++ b/ea-scripts/Add
--- a/ea-scripts/Archive/Toggle
+++ b/ea-scripts/Archive/Toggle
@@ -0,0 +1,49 @@
+/*
+![](https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/ea-toggle-fullscreen.jpg)
+
+Hides Obsidian workspace leaf padding and header (based on option in settings, default is "hide header" = true) which will take Excalidraw to full screen. ⚠ Note that if the header is not visible, it will be very difficult to invoke the command palette to end full screen. Only hide the header if you have a keyboard or you've practiced opening command palette!
+
+```javascript
+*/
+if(!ea.verifyMinimumPluginVersion || !ea.verifyMinimumPluginVersion("1.5.21")) {
+  new Notice("This script requires a newer version of Excalidraw. Please install the latest version.");
+  return;
+}
+
+settings = ea.getScriptSettings();
+
+if(!settings["Hide header"]) {
+  settings = {
+    "Hide header": {
+      value: false,
+	},
+    ...settings
+  };
+  await ea.setScriptSettings(settings);
+}
+
+if(!settings["Hide header"].description) {
+  settings["Hide header"].description = "⚠ Note that if the header is not visible, it will be very difficult to invoke the command palette to end full screen. Only hide the header if you have a keyboard or you've practiced opening command palette!";
+  await ea.setScriptSettings(settings);
+}
+
+const hideHeader = settings["Hide header"].value;
+
+const newStylesheet = document.createElement("style");
+newStylesheet.id = "excalidraw-full-screen";
+newStylesheet.textContent = `
+  .workspace-leaf-content .view-content {
+    padding: 0px !important;
+  }
+  ${hideHeader?`
+  .view-header {
+    height: 1px !important;
+  }`:""}
+  .status-bar {
+    display: none !important;
+  }
+`;
+
+const oldStylesheet = document.getElementById(newStylesheet.id);
+if(oldStylesheet) document.head.removeChild(oldStylesheet);	
+else document.head.appendChild(newStylesheet);
--- a/ea-scripts/Box
+++ b/ea-scripts/Box
@@ -132,7 +132,7 @@ for(const elements of groups) {
 	ea.addToGroup([id].concat(elements.map((el)=>el.id)));
 }

-await ea.addElementsToView(false);
+await ea.addElementsToView(false,false);

 function recalculateStartPointOfLine(line, el) {
 	const aX = el.x + el.width/2;
--- a/ea-scripts/Box
+++ b/ea-scripts/Box
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 250 160" stroke="#000"><path fill="none"  stroke-linecap="round" stroke-width="4" d="M10 30h70m-70 0h70M10 20h70m-70 0h70M60 55c0 .87-.08 1.75-.23 2.6-.15.86-.38 1.71-.67 2.53-.3.82-.68 1.62-1.11 2.37-.43.75-.94 1.48-1.5 2.14-.56.67-1.18 1.29-1.85 1.85-.66.56-1.39 1.07-2.14 1.5-.75.43-1.55.81-2.37 1.11-.82.29-1.67.52-2.53.67-.85.15-1.73.23-2.6.23-.87 0-1.75-.08-2.6-.23-.86-.15-1.71-.38-2.53-.67-.82-.3-1.62-.68-2.37-1.11-.75-.43-1.48-.94-2.14-1.5-.67-.56-1.29-1.18-1.85-1.85-.56-.66-1.07-1.39-1.5-2.14-.43-.75-.81-1.55-1.11-2.37-.29-.82-.52-1.67-.67-2.53-.15-.85-.23-1.73-.23-2.6 0-.87.08-1.75.23-2.6.15-.86.38-1.71.67-2.53.3-.82.68-1.62 1.11-2.37.43-.75.94-1.48 1.5-2.14.56-.67 1.18-1.29 1.85-1.85.66-.56 1.39-1.07 2.14-1.5.75-.43 1.55-.81 2.37-1.11.82-.29 1.67-.52 2.53-.67.85-.15 1.73-.23 2.6-.23.87 0 1.75.08 2.6.23.86.15 1.71.38 2.53.67.82.3 1.62.68 2.37 1.11.75.43 1.48.94 2.14 1.5.67.56 1.29 1.18 1.85 1.85.56.66 1.07 1.39 1.5 2.14.43.75.81 1.55 1.11 2.37.29.82.52 1.67.67 2.53.15.85.19 2.17.23 2.6.04.43.04-.43 0 0M26 110c4.05 4.62 8.09 9.25 14 16m-14-16 14 16m0 0-14 14m14-14-14 14m0 0-16-14m16 14c-3.54-3.1-7.09-6.2-16-14m0 0 16-16m-16 16 16-16M50 110h30m-30 0h30M50 140h30m-30 0h30M160 30h70m-70 0h70M160 20h70m-70 0h70M210 55c0 .87-.08 1.75-.23 2.6-.15.86-.38 1.71-.67 2.53-.3.82-.68 1.62-1.11 2.37-.43.75-.94 1.48-1.5 2.14-.56.67-1.18 1.29-1.85 1.85-.66.56-1.39 1.07-2.14 1.5-.75.43-1.55.81-2.37 1.11-.82.29-1.67.52-2.53.67-.85.15-1.73.23-2.6.23-.87 0-1.75-.08-2.6-.23-.86-.15-1.71-.38-2.53-.67-.82-.3-1.62-.68-2.37-1.11-.75-.43-1.48-.94-2.14-1.5-.67-.56-1.29-1.18-1.85-1.85-.56-.66-1.07-1.39-1.5-2.14-.43-.75-.81-1.55-1.11-2.37-.29-.82-.52-1.67-.67-2.53-.15-.85-.23-1.73-.23-2.6 0-.87.08-1.75.23-2.6.15-.86.38-1.71.67-2.53.3-.82.68-1.62 1.11-2.37.43-.75.94-1.48 1.5-2.14.56-.67 1.18-1.29 1.85-1.85.66-.56 1.39-1.07 2.14-1.5.75-.43 1.55-.81 2.37-1.11.82-.29 1.67-.52 2.53-.67.85-.15 1.73-.23 2.6-.23.87 0 1.75.08 2.6.23.86.15 1.71.38 2.53.67.82.3 1.62.68 2.37 1.11.75.43 1.48.94 2.14 1.5.67.56 1.29 1.18 1.85 1.85.56.66 1.07 1.39 1.5 2.14.43.75.81 1.55 1.11 2.37.29.82.52 1.67.67 2.53.15.85.19 2.17.23 2.6.04.43.04-.43 0 0M176 110c4.53 5.17 9.05 10.34 14 16m-14-16c5.5 6.28 10.99 12.56 14 16m0 0-14 14m14-14-14 14m0 0-16-14m16 14c-5.47-4.79-10.94-9.57-16-14m0 0 16-16m-16 16 16-16M200 110h30m-30 0h30M200 140h30m-30 0h30M150 10h90m-90 0h90m0 0v70m0-70v70m0 0h-90m90 0h-90m0 0V10m0 70V10M150 100h90m-90 0h90m0 0v50m0-50v50m0 0h-90m90 0h-90m0 0v-50m0 50v-50"/><g fill-rule="evenodd" stroke-linecap="round"><path stroke-width="0" d="m100 20 31.17 59.33-28.84 60L100 20"/><path fill="none"  stroke-width="4" d="M100 20c11.09 21.12 22.19 42.24 31.17 59.33M100 20c9.23 17.58 18.47 35.16 31.17 59.33m0 0c-8.1 16.84-16.19 33.68-28.84 60m28.84-60c-10.41 21.65-20.81 43.3-28.84 60m0 0C101.45 94.2 100.57 49.07 100 20m2.33 119.33c-.57-29.27-1.15-58.55-2.33-119.33m0 0s0 0 0 0m0 0s0 0 0 0"/></g></svg>
--- a/ea-scripts/Box
+++ b/ea-scripts/Box
@@ -52,4 +52,4 @@ id = ea.addRect(
 );
 ea.copyViewElementsToEAforEditing(elements);
 ea.addToGroup([id].concat(elements.map((el)=>el.id)));
-ea.addElementsToView(false);
+ea.addElementsToView(false,false);
--- a/ea-scripts/Box
+++ b/ea-scripts/Box
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="100 80 500 400"><path d="M164.27 110.96h158.32v-28H136.27v170.87h28zM377.42 110.96h158.32v142.87h28V82.96H377.42zM535.73 449.04H377.41v28h186.32V306.17h-28zM164.27 306.16h-28v170.87h186.32v-28H164.27z"/><path d="M197.86 220.36v119.3c0 42.34 34.445 76.789 76.793 76.789h150.68c42.348 0 76.793-34.445 76.793-76.789l.004-119.3c0-42.34-34.445-76.789-76.793-76.789h-150.69c-42.348-.004-76.793 34.445-76.793 76.789zm276.27 0v119.3c0 26.902-21.887 48.789-48.793 48.789l-150.69-.004c-26.906 0-48.793-21.887-48.793-48.789v-119.29c0-26.902 21.887-48.789 48.793-48.789h150.68c26.91-.004 48.797 21.88 48.797 48.79z"/></svg>
--- a/ea-scripts/Change
+++ b/ea-scripts/Change
@@ -5,12 +5,36 @@ The script allows you to change the shape of selected Rectangles, Diamonds and E

 ```javascript
 */
-const shapesDispaly=["○ ellipse","□ rectangle","◇ diamond"];
-const shapes=["ellipse","rectangle","diamond"];
-elements = ea.getViewSelectedElements().filter(el=>shapes.contains(el.type));
-newShape = await utils.suggester(shapesDispaly, shapes);
-if(!newShape) return;
+const boxShapesDispaly=["○ ellipse","□ rectangle","◇ diamond"];
+const boxShapes=["ellipse","rectangle","diamond"];
+const lineShapesDispaly=["- line","⭢ arrow"];
+const lineShapes=["line","arrow"];

-elements.forEach(el=>el.type = newShape);
-ea.copyViewElementsToEAforEditing(elements);
-ea.addElementsToView();
+let editedElements = [];
+
+let elements = ea.getViewSelectedElements().filter(el=>boxShapes.contains(el.type));
+if (elements.length>0) {
+  newShape = await utils.suggester(boxShapesDispaly, boxShapes, "Change shape of 'box' type elements in selection");
+  if(newShape) {
+	editedElements = elements;
+    elements.forEach(el=>el.type = newShape);
+  }
+}
+
+elements = ea.getViewSelectedElements().filter(el=>lineShapes.contains(el.type));
+if (elements.length>0) {
+  newShape = await utils.suggester(lineShapesDispaly, lineShapes, "Change shape of 'line' type elements in selection");
+  if(newShape) {
+	editedElements = editedElements.concat(elements);
+    elements.forEach((el)=>{
+	  el.type = newShape;
+	  if(newShape === "arrow") {
+		el.endArrowhead = "triangle";
+	  }
+    });
+  }
+}
+
+ea.copyViewElementsToEAforEditing(editedElements);
+
+ea.addElementsToView(false,false);
--- a/ea-scripts/Change
+++ b/ea-scripts/Change
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="5 5 170 70" stroke="#000"><path fill="none"  stroke-linecap="round" stroke-width="4" d="M10 10h60m-60 0h60m0 0v60m0-60v60m0 0H10m60 0H10m0 0V10m0 60V10M141 10c6.47 6.91 12.94 13.83 29 31m-29-31c9.29 9.93 18.57 19.86 29 31m0 0-29 29m29-29-29 29m0 0c-10.49-9.82-20.99-19.64-31-29m31 29c-7.35-6.88-14.71-13.76-31-29m0 0 31-31m-31 31 31-31"/><g stroke-linecap="round"><path fill="none"  stroke-width="4" d="M80 40h20m-20 0h20"/><path fill-rule="evenodd" stroke-width="0" d="m100 40-9.06 4.23v-8.46L100 40"/><path fill="none"  stroke-width="4" d="M100 40c-3.14 1.47-6.29 2.93-9.06 4.23M100 40c-3.13 1.46-6.27 2.92-9.06 4.23m0 0v-8.46m0 8.46v-8.46m0 0c3.38 1.58 6.76 3.16 9.06 4.23m-9.06-4.23c2.17 1.02 4.34 2.03 9.06 4.23m0 0s0 0 0 0m0 0s0 0 0 0"/></g></svg>
--- a/ea-scripts/Connect
+++ b/ea-scripts/Connect
@@ -78,4 +78,4 @@ ea.connectObjects(
 	numberOfPoints: linePoints
  }
 );
-ea.addElementsToView(false,true,true);
+ea.addElementsToView(false,false,true);
--- a/ea-scripts/Connect
+++ b/ea-scripts/Connect
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="5 5 170 70" stroke="#000"><path fill="none"  stroke-linecap="round" stroke-width="4" d="M10 10h60m-60 0h60m0 0v60m0-60v60m0 0H10m60 0H10m0 0V10m0 60V10"/><g stroke-linecap="round"><path fill="none"  stroke-width="4" d="M70 40h40m-40 0h40"/><path fill-rule="evenodd" stroke-width="0" d="m110 40-13.59 6.34V33.66L110 40"/><path fill="none"  stroke-width="4" d="M110 40c-4.72 2.2-9.43 4.4-13.59 6.34M110 40c-4.7 2.19-9.4 4.38-13.59 6.34m0 0V33.66m0 12.68V33.66m0 0c5.07 2.37 10.14 4.73 13.59 6.34m-13.59-6.34c3.25 1.52 6.51 3.04 13.59 6.34m0 0s0 0 0 0m0 0s0 0 0 0"/></g><path fill="none"  stroke-linecap="round" stroke-width="4" d="M110 10h60m-60 0h60m0 0v60m0-60v60m0 0h-60m60 0h-60m0 0V10m0 60V10"/></svg>
--- a/ea-scripts/Convert
+++ b/ea-scripts/Convert
@@ -60,5 +60,5 @@ elements.forEach((el)=>{
 });

 ea.deleteViewElements(elements);
-await ea.addElementsToView(false,true,true);
+await ea.addElementsToView(false,false,true);
 ea.selectElementsInView(ea.getElements());
--- a/ea-scripts/Convert
+++ b/ea-scripts/Convert
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M480 256c-17.67 0-32 14.31-32 32c0 52.94-43.06 96-96 96H192L192 344c0-9.469-5.578-18.06-14.23-21.94C169.1 318.3 159 319.8 151.9 326.2l-80 72C66.89 402.7 64 409.2 64 416s2.891 13.28 7.938 17.84l80 72C156.4 509.9 162.2 512 168 512c3.312 0 6.615-.6875 9.756-2.062C186.4 506.1 192 497.5 192 488L192 448h160c88.22 0 160-71.78 160-160C512 270.3 497.7 256 480 256zM160 128h159.1L320 168c0 9.469 5.578 18.06 14.23 21.94C337.4 191.3 340.7 192 343.1 192c5.812 0 11.57-2.125 16.07-6.156l80-72C445.1 109.3 448 102.8 448 95.1s-2.891-13.28-7.938-17.84l-80-72c-7.047-6.312-17.19-7.875-25.83-4.094C325.6 5.938 319.1 14.53 319.1 24L320 64H160C71.78 64 0 135.8 0 224c0 17.69 14.33 32 32 32s32-14.31 32-32C64 171.1 107.1 128 160 128z"/></svg>
--- a/ea-scripts/Convert
+++ b/ea-scripts/Convert
@@ -42,10 +42,13 @@ ea.style.strokeColor = strokeColor;
 ea.style.backgroundColor = backgroundColor;
 ea.style.fillStyle = fillStyle;
 const padding = 6;
+let boxes = [];
 elements.forEach((el)=>{
  const id = ea.addRect(el.x-padding,el.y-padding,el.width+2*padding,el.height+2*padding);
+  boxes.push(id);
  ea.getElement(id).boundElements=[{type:"text",id:el.id}];
  el.containerId = id;
 });
 ea.copyViewElementsToEAforEditing(elements);
-ea.addElementsToView();
+await ea.addElementsToView(false,false);
+ea.selectElementsInView(ea.getViewElements().filter(el=>boxes.includes(el.id)));
--- a/ea-scripts/Convert
+++ b/ea-scripts/Convert
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 170 90" stroke="#000"><path fill="none"  stroke-linecap="round" stroke-width="4" d="M100 10h40m-40 0h40m0 0 20 20m-20-20 20 20m0 0v50m0-50v50m0 0h-60m60 0h-60m0 0V10m0 70V10M140 10v20m0-20v20m0 0h20m-20 0h20M110 40c11.87.13 23.73.26 31 .33M110 40c6.44.07 12.89.14 31 .33M110 50c10.03.11 20.05.22 31 .33M110 50l31 .33M110 60c9.93.11 19.86.21 31 .33M110 60c11.38.12 22.75.24 31 .33M10 20c8.88.1 17.77.19 31 .33M10 20c6.49.07 12.98.14 31 .33M10 40c11.73.13 23.47.25 31 .33M10 40c10.52.11 21.04.23 31 .33M10 60c11.67.13 23.34.25 31 .33M10 60c6.23.07 12.46.13 31 .33"/><g fill-rule="evenodd" stroke-linecap="round"><path stroke-width="0" d="m80 20 9.33 19.67L80 60V50H60V30h20V20"/><path fill="none"  stroke-width="4" d="M80 20c2.84 5.99 5.68 11.98 9.33 19.67M80 20c2.52 5.31 5.04 10.63 9.33 19.67m0 0C87.01 44.73 84.69 49.79 80 60m9.33-20.33C87.4 43.88 85.47 48.09 80 60m0 0V50m0 10V50m0 0H60m20 0H60m0 0V30m0 20V30m0 0h20m-20 0h20m0 0V20m0 10V20m0 0s0 0 0 0m0 0s0 0 0 0"/></g></svg>
--- a/ea-scripts/Convert
+++ b/ea-scripts/Convert
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 170.322 103.335" stroke="#000"><path fill="none"  stroke-linecap="round" stroke-width="4" d="M10 30c11.75.1 23.5.19 41 .33M10 30c8.59.07 17.17.14 41 .33M10 50c15.52.13 31.04.25 41 .33M10 50c13.91.11 27.82.23 41 .33M10 70c15.43.13 30.87.25 41 .33M10 70c8.24.07 16.47.13 41 .33"/><g fill-rule="evenodd" stroke-linecap="round"><path stroke-width="0" d="m90 30 9.33 19.67L90 70V60H70V40h20V30"/><path fill="none"  stroke-width="4" d="M90 30c2.84 5.99 5.68 11.98 9.33 19.67M90 30c2.52 5.31 5.04 10.63 9.33 19.67m0 0C97.01 54.73 94.69 59.79 90 70m9.33-20.33C97.4 53.88 95.47 58.09 90 70m0 0V60m0 10V60m0 0H70m20 0H70m0 0V40m0 20V40m0 0h20m-20 0h20m0 0V30m0 10V30m0 0s0 0 0 0m0 0s0 0 0 0"/></g><path fill="none"  stroke-linecap="round" stroke-width="4" d="m123.787 39.591 13.742-24.59m-13.742 24.59 13.742-24.59m0 0c1.863-3.335 4.462-4.071 7.797-2.208M137.529 15c1.863-3.334 4.462-4.07 7.797-2.207m0 0 9.995 5.586m-9.995-5.586 9.995 5.586m0 0c3.335 1.863 4.07 4.462 2.207 7.797m-2.207-7.797c3.335 1.863 4.07 4.462 2.207 7.797m0 0-13.741 24.591m13.741-24.591-13.741 24.591m0 0c-1.864 3.335-4.463 4.07-7.798 2.207m7.798-2.207c-1.864 3.335-4.463 4.07-7.798 2.207m0 0-9.995-5.585m9.995 5.585-9.995-5.585m0 0c-3.335-1.864-4.07-4.463-2.207-7.798m2.207 7.798c-3.335-1.864-4.07-4.463-2.207-7.798M102.795 77.158l13.742-24.591m-13.742 24.59 13.742-24.59m0 0c1.863-3.335 4.462-4.07 7.797-2.207m-7.797 2.207c1.863-3.335 4.462-4.07 7.797-2.207m0 0 9.995 5.585m-9.995-5.585 9.995 5.585m0 0c3.335 1.864 4.07 4.463 2.207 7.797m-2.207-7.797c3.335 1.864 4.07 4.463 2.207 7.797m0 0-13.742 24.591m13.742-24.59-13.742 24.59m0 0c-1.863 3.335-4.462 4.07-7.797 2.207m7.797-2.207c-1.863 3.335-4.462 4.07-7.797 2.207m0 0-9.995-5.585m9.995 5.585-9.995-5.585m0 0c-3.335-1.864-4.07-4.463-2.207-7.797m2.207 7.797c-3.335-1.864-4.07-4.463-2.207-7.797"/><g stroke-linecap="round"><path fill="#fff" stroke-width="0" d="m119.734 61.096 11.366-20.34 7.865 4.396-11.366 20.34"/><path fill="none" stroke="transparent" stroke-width="4" d="m119.734 61.096 11.366-20.34m-11.366 20.34 11.366-20.34m0 0c1.64.918 3.29 1.84 7.865 4.396m-7.865-4.396 7.865 4.396m0 0-11.366 20.34m11.366-20.34-11.366 20.34m0 0-7.865-4.396m7.865 4.395-7.865-4.395"/></g><g stroke-linecap="round"><path stroke-width="0" d="m118.676 68.759 18.727-33.513 2.95 1.65-18.726 33.512"/><path fill="none"  stroke-width="4" d="m118.676 68.759 18.727-33.513M118.676 68.76l18.727-33.513m0 0 2.95 1.65m-2.95-1.65 2.95 1.65m0 0-18.726 33.512m18.726-33.513c-6.907 12.361-13.82 24.73-18.726 33.513m0 0-2.951-1.65m2.95 1.65-2.95-1.65"/></g></svg>
--- a/ea-scripts/Copy
+++ b/ea-scripts/Copy
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M224 0H336C362.5 0 384 21.49 384 48V256H0V48C0 21.49 21.49 0 48 0H64L96 64L128 0H160L192 64L224 0zM384 288V320C384 355.3 355.3 384 320 384H256V448C256 483.3 227.3 512 192 512C156.7 512 128 483.3 128 448V384H64C28.65 384 0 355.3 0 320V288H384zM192 464C200.8 464 208 456.8 208 448C208 439.2 200.8 432 192 432C183.2 432 176 439.2 176 448C176 456.8 183.2 464 192 464z"/></svg>
--- a/ea-scripts/Create
+++ b/ea-scripts/Create
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 170 160" stroke="#000"><text y="47.436" font-family="Helvetica, Segoe UI Emoji" font-size="52.832" style="white-space:pre" transform="translate(68.667 52.333)">MD</text><path fill="none"  stroke-linecap="round" stroke-width="8" d="M60 150c34.92.23 69.85.47 99.33.67M60 150c25.08.17 50.16.34 99.33.67m0 0c.31-36.8.62-73.6 1-120m-1 120 1-120m0 0c-4.15-4.45-8.3-8.9-18.66-20m18.66 20c-6.97-7.48-13.95-14.95-18.66-20m0 0c-18.65-.08-37.31-.15-82-.34m82 .34c-24.26-.1-48.51-.2-82-.34m0 0c.11 47.28.22 94.55.33 139.67m-.33-139.67c.1 44.54.21 89.07.33 139.67M30 10v40m0-40v40M10 30h40m-40 0h40"/><path fill="none"  stroke-linecap="round" stroke-width="4" d="M140 10v20m0-20v20m0 0h20m-20 0h20"/></svg>
--- a/ea-scripts/Darken
+++ b/ea-scripts/Darken
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="120 30 500 500" stroke="#000"><path d="M365.4 56a224.009 224.009 0 0 0-158.39 65.609 223.994 223.994 0 0 0 0 316.78 224.001 224.001 0 0 0 158.39 65.609c59.41 0 116.39-23.602 158.39-65.609a223.99 223.99 0 0 0 65.605-158.39c0-39.32-10.348-77.949-30.008-112s-47.938-62.328-81.992-81.988a224 224 0 0 0-112-30.012zm92.398 243.6h-72.801v72.801l.004-.004a19.602 19.602 0 0 1-39.2 0v-72.8h-72.8v.003a19.6 19.6 0 0 1-16.974-9.8 19.59 19.59 0 0 1 0-19.603c3.5-6.062 9.97-9.8 16.973-9.8h72.801v-72.802.004a19.602 19.602 0 0 1 39.2 0V260.4h72.8v-.004a19.604 19.604 0 0 1 16.974 29.403 19.604 19.604 0 0 1-16.973 9.801z"/></svg>
--- a/ea-scripts/Elbow
+++ b/ea-scripts/Elbow
@@ -53,4 +53,4 @@ for (const line of lines) {
 }

 ea.copyViewElementsToEAforEditing(lines);
-await ea.addElementsToView();
+await ea.addElementsToView(false,false);
--- a/ea-scripts/Elbow
+++ b/ea-scripts/Elbow
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 120" stroke="#000"><path fill="none"  stroke-linecap="round" stroke-width="8" d="M10 10v80m0-80v80m0 0h80m-80 0h80M70 70l20 20M70 70l20 20m0 0-20 20m20-20-20 20"/></svg>
--- a/ea-scripts/Expand
+++ b/ea-scripts/Expand
@@ -66,20 +66,30 @@ for (var i = 0; i < topGroups.length; i++) {
  if (groupWith < maxGroupWidth) {
    const distance = maxGroupWidth - groupWith;
    const perRectDistance = distance / rects.length;
+    const textsWithRectIndex = [];
    for (var j = 0; j < rects.length; j++) {
      const rect = rects[j];
      const rectLeft = rect.x;
      const rectTop = rect.y;
      const rectRight = rect.x + rect.width;
      const rectBottom = rect.y + rect.height;
-      
+
+      const textsWithRect = texts.filter(text => text.x >= rectLeft && text.x <= rectRight
+        && text.y >= rectTop && text.y <= rectBottom);
+
+      textsWithRectIndex[j] = textsWithRect;
+    }
+    for (var j = 0; j < rects.length; j++) {
+      const rect = rects[j];
      rect.x = rect.x + perRectDistance * j - perRectDistance / 2;
      rect.width += perRectDistance;
      
-      const textsWithRect = texts.filter(text => text.x >= rectLeft && text.x <= rectRight
-        && text.y >= rectTop && text.y <= rectBottom);
-      for(const text of textsWithRect) {
-        text.x = text.x + perRectDistance * j;
+      const textsWithRect = textsWithRectIndex[j];
+
+      if(textsWithRect) {
+        for(const text of textsWithRect) {
+          text.x = text.x + perRectDistance * j;
+        }
      }

      // recalculate the position of the points
--- a/ea-scripts/Expand
+++ b/ea-scripts/Expand
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 410 190" stroke="#000"><path fill="none"  stroke-linecap="round" stroke-width="4" d="M45 10h70m-70 0h70m0 0v60m0-60v60m0 0H45m70 0H45m0 0V10m0 60V10M60 90h40m-40 0h40m0 0v40m0-40v40m0 0H60m40 0H60m0 0V90m0 40V90"/><text x="30" y="14" font-family="Helvetica, Segoe UI Emoji" font-size="16" style="white-space:pre" text-anchor="middle" transform="translate(50 31)">test</text><text x="15" y="14" font-family="Helvetica, Segoe UI Emoji" font-size="16" style="white-space:pre" text-anchor="middle" transform="translate(65 101)">test</text><path fill="none"  stroke-linecap="round" stroke-width="4" d="M10 150h140m-140 0h140m0 0v28m0-28v28m0 0H10m140 0H10m0 0v-28m0 28v-28"/><text x="65" y="14" font-family="Helvetica, Segoe UI Emoji" font-size="16" style="white-space:pre" text-anchor="middle" transform="translate(15 155)">test</text><g fill-rule="evenodd" stroke-linecap="round"><path stroke-width="0" d="M180 10v170l60-90-60-80"/><path fill="none"  stroke-width="4" d="M180 10v170m0-170v170m0 0c21.15-31.72 42.3-63.45 60-90m-60 90c19.35-29.03 38.7-58.05 60-90m0 0c-19.42-25.89-38.84-51.78-60-80m60 80c-20.43-27.24-40.86-54.47-60-80m0 0s0 0 0 0m0 0s0 0 0 0"/></g><path fill="none"  stroke-linecap="round" stroke-width="4" d="M260 10h140m-140 0h140m0 0v60m0-60v60m0 0H260m140 0H260m0 0V10m0 60V10M260 90h140m-140 0h140m0 0v40m0-40v40m0 0H260m140 0H260m0 0V90m0 40V90"/><text x="30" y="14" font-family="Helvetica, Segoe UI Emoji" font-size="16" style="white-space:pre" text-anchor="middle" transform="translate(300 31)">test</text><text x="15" y="14" font-family="Helvetica, Segoe UI Emoji" font-size="16" style="white-space:pre" text-anchor="middle" transform="translate(315 101)">test</text><path fill="none"  stroke-linecap="round" stroke-width="4" d="M260 150h140m-140 0h140m0 0v28m0-28v28m0 0H260m140 0H260m0 0v-28m0 28v-28"/><text x="65" y="14" font-family="Helvetica, Segoe UI Emoji" font-size="16" style="white-space:pre" text-anchor="middle" transform="translate(265 155)">test</text></svg>
--- a/ea-scripts/Expand
+++ b/ea-scripts/Expand
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 260 160" stroke="#000"><path fill="none"  stroke-linecap="round" stroke-width="4" d="M10 10h80m-80 0h80m0 0v40m0-40v40m0 0H10m80 0H10m0 0V10m0 40V10M10 110h20m-20 0h20m0 0v40m0-40v40m0 0H10m20 0H10m0 0v-40m0 40v-40M10 60h40m-40 0h40m0 0v40m0-40v40m0 0H10m40 0H10m0 0V60m0 40V60"/><g fill-rule="evenodd" stroke-linecap="round"><path stroke-width="0" d="m110.167 10-.17 140 40-70-39.83-70"/><path fill="none"  stroke-width="4" d="M110.167 10c-.04 37.8-.09 75.6-.17 140m.17-140c-.03 28.29-.07 56.58-.17 140m0 0c13.69-23.95 27.38-47.9 40-70m-40 70c15.92-27.85 31.83-55.69 40-70m0 0c-14.45-25.41-28.91-50.81-39.83-70m39.83 70c-10.22-17.96-20.44-35.92-39.83-70m0 0s0 0 0 0m0 0s0 0 0 0"/></g><path fill="none"  stroke-linecap="round" stroke-width="4" d="M170 10h80m-80 0h80m0 0v40m0-40v40m0 0h-80m80 0h-80m0 0V10m0 40V10M170 110h80m-80 0h80m0 0v40m0-40v40m0 0h-80m80 0h-80m0 0v-40m0 40v-40M170 60h80m-80 0h80m0 0v40m0-40v40m0 0h-80m80 0h-80m0 0V60m0 40V60"/></svg>
--- a/ea-scripts/Expand
+++ b/ea-scripts/Expand
@@ -66,6 +66,7 @@ for (var i = 0; i < topGroups.length; i++) {
  if (groupWith < maxGroupHeight) {
    const distance = maxGroupHeight - groupWith;
    const perRectDistance = distance / rects.length;
+    const textsWithRectIndex = [];
    for (var j = 0; j < rects.length; j++) {
      const rect = rects[j];
      const rectLeft = rect.x;
@@ -73,13 +74,22 @@ for (var i = 0; i < topGroups.length; i++) {
      const rectRight = rect.x + rect.width;
      const rectBottom = rect.y + rect.height;

+      const textsWithRect = texts.filter(text => text.x >= rectLeft && text.x <= rectRight
+        && text.y >= rectTop && text.y <= rectBottom);
+
+      textsWithRectIndex[j] = textsWithRect;
+    }
+    for (var j = 0; j < rects.length; j++) {
+      const rect = rects[j];
      rect.y = rect.y + perRectDistance * j - perRectDistance / 2;
      rect.height += perRectDistance;

-      const textsWithRect = texts.filter(text => text.x >= rectLeft && text.x <= rectRight
-        && text.y >= rectTop && text.y <= rectBottom);
-      for(const text of textsWithRect) {
-        text.y = text.y + perRectDistance * j;
+      const textsWithRect = textsWithRectIndex[j];
+      
+      if(textsWithRect) {
+        for(const text of textsWithRect) {
+          text.y = text.y + perRectDistance * j;
+        }
      }

      // recalculate the position of the points
--- a/ea-scripts/Expand
+++ b/ea-scripts/Expand
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 520 190" stroke="#000"><path fill="none"  stroke-linecap="round" stroke-width="4" d="M10 55h40m-40 0h40m0 0v80m0-80v80m0 0H10m40 0H10m0 0V55m0 80V55M70 80h50m-50 0h50m0 0v30m0-30v30m0 0H70m50 0H70m0 0V80m0 30V80"/><text x="15" y="14" font-family="Helvetica, Segoe UI Emoji" font-size="16" style="white-space:pre" text-anchor="middle" transform="translate(15 86)">test</text><text x="20" y="14" font-family="Helvetica, Segoe UI Emoji" font-size="16" style="white-space:pre" text-anchor="middle" transform="translate(75 86)">test</text><path fill="none"  stroke-linecap="round" stroke-width="4" d="M140 10h70m-70 0h70m0 0v170m0-170v170m0 0h-70m70 0h-70m0 0V10m0 170V10"/><text x="30" y="14" font-family="Helvetica, Segoe UI Emoji" font-size="16" style="white-space:pre" text-anchor="middle" transform="translate(145 86)">test</text><g fill-rule="evenodd" stroke-linecap="round"><path stroke-width="0" d="M230 10v170l60-90-60-80"/><path fill="none"  stroke-width="4" d="M230 10v170m0-170v170m0 0c21.15-31.72 42.3-63.45 60-90m-60 90c19.35-29.03 38.7-58.05 60-90m0 0c-19.42-25.89-38.84-51.78-60-80m60 80c-20.43-27.24-40.86-54.47-60-80m0 0s0 0 0 0m0 0s0 0 0 0"/></g><path fill="none"  stroke-linecap="round" stroke-width="4" d="M310 10h40m-40 0h40m0 0v170m0-170v170m0 0h-40m40 0h-40m0 0V10m0 170V10M370 10h50m-50 0h50m0 0v170m0-170v170m0 0h-50m50 0h-50m0 0V10m0 170V10"/><text x="15" y="14" font-family="Helvetica, Segoe UI Emoji" font-size="16" style="white-space:pre" text-anchor="middle" transform="translate(315 86)">test</text><text x="20" y="14" font-family="Helvetica, Segoe UI Emoji" font-size="16" style="white-space:pre" text-anchor="middle" transform="translate(375 86)">test</text><path fill="none"  stroke-linecap="round" stroke-width="4" d="M440 10h70m-70 0h70m0 0v170m0-170v170m0 0h-70m70 0h-70m0 0V10m0 170V10"/><text x="30" y="14" font-family="Helvetica, Segoe UI Emoji" font-size="16" style="white-space:pre" text-anchor="middle" transform="translate(445 86)">test</text></svg>
--- a/ea-scripts/Expand
+++ b/ea-scripts/Expand
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 520 190" stroke="#000"><path fill="none"  stroke-linecap="round" stroke-width="4" d="M100 10h40m-40 0h40m0 0v80m0-80v80m0 0h-40m40 0h-40m0 0V10m0 80V10M160 10h50m-50 0h50m0 0v30m0-30v30m0 0h-50m50 0h-50m0 0V10m0 30V10"/><text x="15" y="14" font-family="Helvetica, Segoe UI Emoji" font-size="16" style="white-space:pre" text-anchor="middle" transform="translate(105 41)">test</text><text x="20" y="14" font-family="Helvetica, Segoe UI Emoji" font-size="16" style="white-space:pre" text-anchor="middle" transform="translate(165 16)">test</text><path fill="none"  stroke-linecap="round" stroke-width="4" d="M10 10h70m-70 0h70m0 0v170m0-170v170m0 0H10m70 0H10m0 0V10m0 170V10"/><text x="30" y="14" font-family="Helvetica, Segoe UI Emoji" font-size="16" style="white-space:pre" text-anchor="middle" transform="translate(15 86)">test</text><g fill-rule="evenodd" stroke-linecap="round"><path stroke-width="0" d="M230 10v170l60-90-60-80"/><path fill="none"  stroke-width="4" d="M230 10v170m0-170v170m0 0c21.15-31.72 42.3-63.45 60-90m-60 90c19.35-29.03 38.7-58.05 60-90m0 0c-19.42-25.89-38.84-51.78-60-80m60 80c-20.43-27.24-40.86-54.47-60-80m0 0s0 0 0 0m0 0s0 0 0 0"/></g><path fill="none"  stroke-linecap="round" stroke-width="4" d="M400 10h40m-40 0h40m0 0v170m0-170v170m0 0h-40m40 0h-40m0 0V10m0 170V10M460 10h50m-50 0h50m0 0v170m0-170v170m0 0h-50m50 0h-50m0 0V10m0 170V10"/><text x="15" y="14" font-family="Helvetica, Segoe UI Emoji" font-size="16" style="white-space:pre" text-anchor="middle" transform="translate(405 41)">test</text><text x="20" y="14" font-family="Helvetica, Segoe UI Emoji" font-size="16" style="white-space:pre" text-anchor="middle" transform="translate(465 16)">test</text><path fill="none"  stroke-linecap="round" stroke-width="4" d="M310 10h70m-70 0h70m0 0v170m0-170v170m0 0h-70m70 0h-70m0 0V10m0 170V10"/><text x="30" y="14" font-family="Helvetica, Segoe UI Emoji" font-size="16" style="white-space:pre" text-anchor="middle" transform="translate(315 86)">test</text></svg>
--- a/ea-scripts/Fixed
+++ b/ea-scripts/Fixed
@@ -47,7 +47,9 @@ if(rememberLastDistance) {
 }
 const elements=ea.getViewSelectedElements();
 const topGroups = ea.getMaximumGroups(elements)
-    .filter(els => !(els.length === 1 && els[0].type ==="arrow")); // ignore individual arrows
+    .filter(els => !(els.length === 1 && els[0].type ==="arrow")) // ignore individual arrows
+    .filter(els => !(els.length === 1 && (els[0].containerId))); // ignore text in stickynote
+    
 const groups = topGroups.sort((lha,rha) => lha[0].x - rha[0].x);

 for(var i=0; i<groups.length; i++) {
--- a/ea-scripts/Fixed
+++ b/ea-scripts/Fixed
--- a/ea-scripts/Fixed
+++ b/ea-scripts/Fixed
@@ -58,7 +58,8 @@ if(rememberLastDistance) {
 }
 const elements=ea.getViewSelectedElements();
 const topGroups = ea.getMaximumGroups(elements)
-    .filter(els => !(els.length === 1 && els[0].type ==="arrow")); // ignore individual arrows
+    .filter(els => !(els.length === 1 && els[0].type ==="arrow")) // ignore individual arrows
+    .filter(els => !(els.length === 1 && (els[0].containerId))); // ignore text in stickynote

 if(topGroups.length <= 1) {
  new Notice("At least 2 or more elements or groups should be selected.");
--- a/ea-scripts/Fixed
+++ b/ea-scripts/Fixed
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 130 130" stroke="#000"><path fill="none"  stroke-linecap="round" stroke-width="4" d="M120 65a55.086 55.086 0 0 1-1.87 14.24c-.62 2.31-1.4 4.6-2.32 6.81-.91 2.21-1.98 4.38-3.18 6.45-1.2 2.07-2.54 4.08-4 5.98-1.45 1.9-3.05 3.72-4.74 5.41a54.136 54.136 0 0 1-5.41 4.74c-1.9 1.46-3.91 2.8-5.98 4-2.07 1.2-4.24 2.27-6.45 3.18-2.21.92-4.5 1.7-6.81 2.32A55.086 55.086 0 0 1 65 120a55.086 55.086 0 0 1-14.24-1.87c-2.31-.62-4.6-1.4-6.81-2.32-2.21-.91-4.38-1.98-6.45-3.18-2.07-1.2-4.08-2.54-5.98-4-1.9-1.45-3.72-3.05-5.41-4.74a54.136 54.136 0 0 1-4.74-5.41c-1.46-1.9-2.8-3.91-4-5.98-1.2-2.07-2.27-4.24-3.18-6.45-.92-2.21-1.7-4.5-2.32-6.81A55.086 55.086 0 0 1 10 65a55.086 55.086 0 0 1 1.87-14.24c.62-2.31 1.4-4.6 2.32-6.81.91-2.21 1.98-4.38 3.18-6.45 1.2-2.07 2.54-4.08 4-5.98 1.45-1.9 3.05-3.72 4.74-5.41 1.69-1.69 3.51-3.29 5.41-4.74 1.9-1.46 3.91-2.8 5.98-4 2.07-1.2 4.24-2.27 6.45-3.18 2.21-.92 4.5-1.7 6.81-2.32A55.086 55.086 0 0 1 65 10a55.086 55.086 0 0 1 14.24 1.87c2.31.62 4.6 1.4 6.81 2.32 2.21.91 4.38 1.98 6.45 3.18 2.07 1.2 4.08 2.54 5.98 4 1.9 1.45 3.72 3.05 5.41 4.74 1.69 1.69 3.29 3.51 4.74 5.41 1.46 1.9 2.8 3.91 4 5.98 1.2 2.07 2.27 4.24 3.18 6.45.92 2.21 1.7 4.5 2.32 6.81.62 2.32 1.09 4.69 1.4 7.06.31 2.37.39 5.98.47 7.18.08 1.2.08-1.2 0 0"/><path fill="none"  stroke-linecap="round" stroke-width="4" d="M110 70c0 1.9-.14 3.81-.41 5.69-.27 1.88-.68 3.76-1.21 5.58-.53 1.82-1.21 3.62-1.99 5.35-.79 1.72-1.71 3.41-2.74 5.01a41.072 41.072 0 0 1-3.42 4.56c-1.24 1.44-2.6 2.8-4.04 4.04a41.072 41.072 0 0 1-4.56 3.42c-1.6 1.03-3.29 1.95-5.01 2.74-1.73.78-3.53 1.46-5.35 1.99-1.82.53-3.7.94-5.58 1.21S71.9 110 70 110c-1.9 0-3.81-.14-5.69-.41-1.88-.27-3.76-.68-5.58-1.21-1.82-.53-3.62-1.21-5.35-1.99-1.72-.79-3.41-1.71-5.01-2.74a41.072 41.072 0 0 1-4.56-3.42c-1.44-1.24-2.8-2.6-4.04-4.04a41.072 41.072 0 0 1-3.42-4.56c-1.03-1.6-1.95-3.29-2.74-5.01-.78-1.73-1.46-3.53-1.99-5.35-.53-1.82-.94-3.7-1.21-5.58A40.12 40.12 0 0 1 30 70c0-1.9.14-3.81.41-5.69.27-1.88.68-3.76 1.21-5.58.53-1.82 1.21-3.62 1.99-5.35.79-1.72 1.71-3.41 2.74-5.01 1.03-1.59 2.18-3.13 3.42-4.56 1.24-1.44 2.6-2.8 4.04-4.04 1.43-1.24 2.97-2.39 4.56-3.42 1.6-1.03 3.29-1.95 5.01-2.74 1.73-.78 3.53-1.46 5.35-1.99 1.82-.53 3.7-.94 5.58-1.21S68.1 30 70 30c1.9 0 3.81.14 5.69.41 1.88.27 3.76.68 5.58 1.21 1.82.53 3.62 1.21 5.35 1.99 1.72.79 3.41 1.71 5.01 2.74 1.59 1.03 3.13 2.18 4.56 3.42 1.44 1.24 2.8 2.6 4.04 4.04 1.24 1.43 2.39 2.97 3.42 4.56 1.03 1.6 1.95 3.29 2.74 5.01.78 1.73 1.46 3.53 1.99 5.35.53 1.82.94 3.7 1.21 5.58s.34 4.74.41 5.69c.07.95.07-.95 0 0"/><path fill="none"  stroke-linecap="round" stroke-width="4" d="M100 75c0 1.45-.13 2.92-.38 4.34-.25 1.43-.63 2.85-1.13 4.21a24.875 24.875 0 0 1-4.34 7.52c-.93 1.11-1.97 2.15-3.08 3.08a24.875 24.875 0 0 1-7.52 4.34c-1.36.5-2.78.88-4.21 1.13-1.42.25-2.89.38-4.34.38-1.45 0-2.92-.13-4.34-.38-1.43-.25-2.85-.63-4.21-1.13a24.875 24.875 0 0 1-7.52-4.34c-1.11-.93-2.15-1.97-3.08-3.08a24.875 24.875 0 0 1-4.34-7.52c-.5-1.36-.88-2.78-1.13-4.21-.25-1.42-.38-2.89-.38-4.34 0-1.45.13-2.92.38-4.34.25-1.43.63-2.85 1.13-4.21a24.875 24.875 0 0 1 4.34-7.52c.93-1.11 1.97-2.15 3.08-3.08a24.875 24.875 0 0 1 7.52-4.34c1.36-.5 2.78-.88 4.21-1.13 1.42-.25 2.89-.38 4.34-.38 1.45 0 2.92.13 4.34.38 1.43.25 2.85.63 4.21 1.13a24.875 24.875 0 0 1 7.52 4.34c1.11.93 2.15 1.97 3.08 3.08a24.875 24.875 0 0 1 4.34 7.52c.5 1.36.88 2.78 1.13 4.21.25 1.42.32 3.62.38 4.34.06.72.06-.72 0 0"/></svg>
--- a/ea-scripts/Fixed
+++ b/ea-scripts/Fixed
@@ -46,7 +46,9 @@ if(rememberLastSpacing) {
 }
 const elements=ea.getViewSelectedElements();
 const topGroups = ea.getMaximumGroups(elements)
-    .filter(els => !(els.length === 1 && els[0].type ==="arrow")); // ignore individual arrows
+    .filter(els => !(els.length === 1 && els[0].type ==="arrow")) // ignore individual arrows
+    .filter(els => !(els.length === 1 && (els[0].containerId))); // ignore text in stickynote
+    
 const groups = topGroups.sort((lha,rha) => lha[0].x - rha[0].x);

 for(var i=0; i<groups.length; i++) {
--- a/ea-scripts/Fixed
+++ b/ea-scripts/Fixed
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 465 290" stroke="#000"><path fill="none"  stroke-linecap="round" stroke-width="4" d="M10 10h60m-60 0h60m0 0v60m0-60v60m0 0H10m60 0H10m0 0V10m0 60V10M50 150h60m-60 0h60m0 0v60m0-60v60m0 0H50m60 0H50m0 0v-60m0 60v-60M40 80h50m-50 0h50m0 0v60m0-60v60m0 0H40m50 0H40m0 0V80m0 60V80M70 220h30m-30 0h30m0 0v60m0-60v60m0 0H70m30 0H70m0 0v-60m0 60v-60M240 10h60m-60 0h60m0 0v60m0-60v60m0 0h-60m60 0h-60m0 0V10m0 60V10M360 150h60m-60 0h60m0 0v60m0-60v60m0 0h-60m60 0h-60m0 0v-60m0 60v-60M305 80h50m-50 0h50m0 0v60m0-60v60m0 0h-50m50 0h-50m0 0V80m0 60V80M425 220h30m-30 0h30m0 0v60m0-60v60m0 0h-30m30 0h-30m0 0v-60m0 60v-60"/><g fill-rule="evenodd" stroke-linecap="round"><path stroke-width="0" d="m130 10-.58 269.33 81.66-130L130 10"/><path fill="none"  stroke-width="4" d="M130 10c-.2 94.2-.41 188.39-.58 269.33M130 10c-.18 81.45-.35 162.91-.58 269.33m0 0c28.12-44.76 56.24-89.53 81.66-130m-81.66 130c19.55-31.13 39.11-62.26 81.66-130m0 0C189.8 112.77 168.53 76.2 130 10m81.08 139.33C180.58 96.91 150.07 44.49 130 10m0 0s0 0 0 0m0 0s0 0 0 0"/></g></svg>
--- a/ea-scripts/Fixed
+++ b/ea-scripts/Fixed
@@ -48,7 +48,9 @@ if(rememberLastDistance) {
 }
 const elements=ea.getViewSelectedElements(); 
 const topGroups = ea.getMaximumGroups(elements)
-    .filter(els => !(els.length === 1 && els[0].type ==="arrow")); // ignore individual arrows
+    .filter(els => !(els.length === 1 && els[0].type ==="arrow")) // ignore individual arrows
+    .filter(els => !(els.length === 1 && (els[0].containerId))); // ignore text in stickynote
+
 const groups = topGroups.sort((lha,rha) => lha[0].y - rha[0].y);

 for(var i=0; i<groups.length; i++) {
--- a/ea-scripts/Fixed
+++ b/ea-scripts/Fixed
--- a/ea-scripts/Fixed
+++ b/ea-scripts/Fixed
@@ -46,7 +46,9 @@ if(rememberLastSpacing) {
 }
 const elements=ea.getViewSelectedElements(); 
 const topGroups = ea.getMaximumGroups(elements)
-    .filter(els => !(els.length === 1 && els[0].type ==="arrow")); // ignore individual arrows
+    .filter(els => !(els.length === 1 && els[0].type ==="arrow")) // ignore individual arrows
+    .filter(els => !(els.length === 1 && (els[0].containerId))); // ignore text in stickynote
+    
 const groups = topGroups.sort((lha,rha) => lha[0].y - rha[0].y);

 for(var i=0; i<groups.length; i++) {
--- a/ea-scripts/Fixed
+++ b/ea-scripts/Fixed
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 460 290" stroke="#000"><path fill="none"  stroke-linecap="round" stroke-width="4" d="M10 10h60m-60 0h60m0 0v60m0-60v60m0 0H10m60 0H10m0 0V10m0 60V10M90 80h60m-60 0h60m0 0v60m0-60v60m0 0H90m60 0H90m0 0V80m0 60V80M50 50h50m-50 0h50m0 0v60m0-60v60m0 0H50m50 0H50m0 0V50m0 60V50M130 150h30m-30 0h30m0 0v60m0-60v60m0 0h-30m30 0h-30m0 0v-60m0 60v-60"/><g fill-rule="evenodd" stroke-linecap="round"><path stroke-width="0" d="m190.583 10-.58 269.33 81.66-130L190.583 10"/><path fill="none"  stroke-width="4" d="M190.583 10c-.2 94.2-.41 188.39-.58 269.33m.58-269.33c-.18 81.45-.35 162.91-.58 269.33m0 0c28.12-44.76 56.24-89.53 81.66-130m-81.66 130c19.55-31.13 39.11-62.26 81.66-130m0 0c-21.28-36.56-42.55-73.13-81.08-139.33m81.08 139.33c-30.5-52.42-61.01-104.84-81.08-139.33m0 0s0 0 0 0m0 0s0 0 0 0"/></g><path fill="none"  stroke-linecap="round" stroke-width="4" d="M300 10h60m-60 0h60m0 0v60m0-60v60m0 0h-60m60 0h-60m0 0V10m0 60V10M380 150h60m-60 0h60m0 0v60m0-60v60m0 0h-60m60 0h-60m0 0v-60m0 60v-60M340 80h50m-50 0h50m0 0v60m0-60v60m0 0h-50m50 0h-50m0 0V80m0 60V80M420 220h30m-30 0h30m0 0v60m0-60v60m0 0h-30m30 0h-30m0 0v-60m0 60v-60"/></svg>
--- a/ea-scripts/Lighten
+++ b/ea-scripts/Lighten
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="50 -20 600 600"><path d="M350 0c-74.262 0-145.48 29.5-197.99 82.012a279.995 279.995 0 0 0 0 395.98 279.995 279.995 0 0 0 395.98 0 279.995 279.995 0 0 0 0-395.98A279.992 279.992 0 0 0 350 0zm140 324.8H210v-89.602h280z"/></svg>
--- a/ea-scripts/Modify
+++ b/ea-scripts/Modify
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 550"><path d="M478.98 137.02A205.802 205.802 0 0 0 255.062 22.364a205.785 205.785 0 0 0-115.79 65.234 205.78 205.78 0 0 0-51.773 122.4 205.1 205.1 0 0 0 120.399 201.249 210.043 210.043 0 0 0 88.988 102.84 210 210 0 0 0 255.1-33.793 209.995 209.995 0 0 0 59.137-122.46 209.99 209.99 0 0 0-28.293-133.02 209.985 209.985 0 0 0-103.86-87.793zm-186.9-84.523h10.5a170.974 170.974 0 0 1 102.6 42.441 170.932 170.932 0 0 1 54.898 96.508l-194.95-136.68a171.623 171.623 0 0 1 26.949-2.273zm-70 15.051 230.12 161.88 9.45 6.648a171.28 171.28 0 0 1-22.048 71.75l-275.62-197.4a170.925 170.925 0 0 1 58.45-42.875zm-78.398 71.398 276.32 197.4a171.807 171.807 0 0 1-58.102 43.047l-239.4-175.7a169.266 169.266 0 0 1 21.176-64.75zm-21.176 108.32 197.57 144.73a165.295 165.295 0 0 1-38.5 2.102 171.169 171.169 0 0 1-105.7-45.07 171.164 171.164 0 0 1-53.375-101.76zm280 260.23a176.25 176.25 0 0 1-84.371-21.984 176.27 176.27 0 0 1-63.504-59.742 197.049 197.049 0 0 0 24.852 3.328h12.773a206.319 206.319 0 0 0 140.66-55.766 206.312 206.312 0 0 0 64.789-136.73 202.42 202.42 0 0 0-3.848-52.5 175.017 175.017 0 0 1 70.512 85.367 175.016 175.016 0 0 1 5.157 110.61 174.986 174.986 0 0 1-62.262 91.562 175.008 175.008 0 0 1-104.76 35.863z"/></svg>
--- a/ea-scripts/Normalize
+++ b/ea-scripts/Normalize
@@ -7,6 +7,24 @@ Tips: If you are drawing a flowchart, you can use `Normalize Selected Arrows` sc

 ```javascript
 */
+if(!ea.verifyMinimumPluginVersion || !ea.verifyMinimumPluginVersion("1.5.21")) {
+  new Notice("This script requires a newer version of Excalidraw. Please install the latest version.");
+  return;
+}
+settings = ea.getScriptSettings();
+//set default values on first run
+if(!settings["Gap"]) {
+	settings = {
+	  "Gap" : {
+			value: 8,
+		  description: "The value of the gap between the connection line and the element, which must be greater than 0. If you want the connector to be next to the element, set it to 1."
+		}
+	};
+	ea.setScriptSettings(settings);
+}
+
+let gapValue = settings["Gap"].value;
+
 const selectedIndividualArrows = ea.getMaximumGroups(ea.getViewSelectedElements())
 	.reduce((result, group) => (group.length === 1 && (group[0].type === 'arrow' || group[0].type === 'line')) ? 
 			[...result, group[0]] : result, []);
@@ -17,23 +35,23 @@ for(const arrow of selectedIndividualArrows) {
 	const endBindingEl = allElements.filter(el => el.id === (arrow.endBinding||{}).elementId)[0];

 	if(startBindingEl) {
-		recalculateStartPointOfLine(arrow, startBindingEl, endBindingEl);
+		recalculateStartPointOfLine(arrow, startBindingEl, endBindingEl, gapValue);
 	}
 	if(endBindingEl) {
-		recalculateEndPointOfLine(arrow, endBindingEl, startBindingEl);
+		recalculateEndPointOfLine(arrow, endBindingEl, startBindingEl, gapValue);
 	}
 }

 ea.copyViewElementsToEAforEditing(selectedIndividualArrows);
-await ea.addElementsToView();
+await ea.addElementsToView(false,false);

-function recalculateStartPointOfLine(line, el, elB) {
+function recalculateStartPointOfLine(line, el, elB, gapValue) {
 	const aX = el.x + el.width/2;
    const bX = (line.points.length <=2 && elB) ? elB.x + elB.width/2 : line.x + line.points[1][0];
    const aY = el.y + el.height/2;
    const bY = (line.points.length <=2 && elB) ? elB.y + elB.height/2 : line.y + line.points[1][1];

-	line.startBinding.gap = 8;
+	line.startBinding.gap = gapValue;
 	line.startBinding.focus = 0;
 	const intersectA = ea.intersectElementWithLine(
            	el,
@@ -53,13 +71,13 @@ function recalculateStartPointOfLine(line, el, elB) {
 	}
 }

-function recalculateEndPointOfLine(line, el, elB) {
+function recalculateEndPointOfLine(line, el, elB, gapValue) {
 	const aX = el.x + el.width/2;
    const bX = (line.points.length <=2 && elB) ? elB.x + elB.width/2 : line.x + line.points[line.points.length-2][0];
    const aY = el.y + el.height/2;
    const bY = (line.points.length <=2 && elB) ? elB.y + elB.height/2 : line.y + line.points[line.points.length-2][1];

-	line.endBinding.gap = 8;
+	line.endBinding.gap = gapValue;
 	line.endBinding.focus = 0;
 	const intersectA = ea.intersectElementWithLine(
            	el,
--- a/ea-scripts/Normalize
+++ b/ea-scripts/Normalize
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" stroke="#000"><path fill="none"  stroke-linecap="round" stroke-width="4" d="M10 10h80m-80 0h80m0 0v40m0-40v40m0 0H10m80 0H10m0 0V10m0 40V10"/><g stroke-linecap="round"><path fill="none"  stroke-width="4" d="M10 90c4.5-6.67 22.5-33.33 27-40M10 90c4.5-6.67 22.5-33.33 27-40"/><path fill-rule="evenodd" stroke-width="0" d="m37 50-2.35 14.81-10.51-7.09L37 50"/><path fill="none"  stroke-width="4" d="M37 50c-.55 3.44-1.09 6.89-2.35 14.81M37 50c-.9 5.69-1.81 11.39-2.35 14.81m0 0c-4.05-2.73-8.1-5.46-10.51-7.09m10.51 7.09c-2.73-1.83-5.45-3.67-10.51-7.09m0 0C26.78 56.13 29.43 54.55 37 50m-12.86 7.72C29.26 54.65 34.39 51.57 37 50m0 0s0 0 0 0m0 0s0 0 0 0"/></g><g stroke-linecap="round"><path fill="none"  stroke-width="4" d="M90 90 63 51.67M90 90 63 51.67"/><path fill-rule="evenodd" stroke-width="0" d="m63 51.67 13.01 7.46-10.36 7.3L63 51.67"/><path fill="none"  stroke-width="4" d="M63 51.67c3.02 1.73 6.03 3.46 13.01 7.46M63 51.67c3.43 1.97 6.87 3.94 13.01 7.46m0 0c-3.33 2.34-6.65 4.69-10.36 7.3m10.36-7.3c-3.43 2.42-6.86 4.84-10.36 7.3m0 0c-.96-5.35-1.92-10.7-2.65-14.76m2.65 14.76c-.9-4.99-1.79-9.98-2.65-14.76m0 0s0 0 0 0m0 0s0 0 0 0"/></g><g stroke-linecap="round"><path fill="none"  stroke-width="4" d="M50 90V50m0 40V50"/><path fill-rule="evenodd" stroke-width="0" d="m50 50 6.34 13.59H43.66L50 50"/><path fill="none"  stroke-width="4" d="M50 50c2.27 4.86 4.53 9.72 6.34 13.59M50 50c1.62 3.47 3.24 6.95 6.34 13.59m0 0H43.66m12.68 0H43.66m0 0C46.18 58.2 48.69 52.81 50 50m-6.34 13.59C45.75 59.12 47.84 54.64 50 50m0 0s0 0 0 0m0 0s0 0 0 0"/></g></svg>
--- a/Recognition.svg
+++ b/Recognition.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="100 120 500 320"><path d="M474.32 295.68H225.68c-8.398 0-15.68-6.719-15.68-15.68 0-8.398 6.719-15.68 15.68-15.68h248.64c8.398 0 15.68 6.719 15.68 15.68 0 8.398-6.719 15.68-15.68 15.68z"/><path d="m454.16 182-53.199-53.199c-2.8-2.8-6.719-4.48-11.199-4.48h-117.6c-17.359 0-31.359 14-31.359 31.358v108.64h31.359v-100.8c0-4.48 3.36-7.84 7.84-7.84h77.84v42c0 15.68 12.32 28 28 28h42v38.642H459.2V193.2c-.559-4.48-1.68-8.399-5.04-11.2zm-65.52 12.32v-33.602l33.602 33.602zM427.84 396.48c0 4.48-3.36 7.84-7.84 7.84H280c-4.48 0-7.84-3.36-7.84-7.84v-54.32c0-8.398-6.718-15.68-15.68-15.68-8.398 0-15.68 6.719-15.68 15.68v62.16c0 17.359 14 31.359 31.36 31.359h155.68c17.358 0 31.358-14 31.358-31.359v-62.16c0-8.398-6.718-15.68-15.68-15.68-8.398 0-15.68 6.719-15.68 15.68zM370.16 326.48h-66.641c-4.48 0-7.84-3.36-7.84-7.84s3.36-7.84 7.84-7.84h66.641c4.48 0 7.84 3.36 7.84 7.84s-3.922 7.84-7.84 7.84z"/><path d="M350 357.84h-46.48c-4.48 0-7.84-3.36-7.84-7.84s3.36-7.84 7.84-7.84H350c4.48 0 7.84 3.36 7.84 7.84s-3.36 7.84-7.84 7.84z"/></svg>
--- a/ea-scripts/Organic
+++ b/ea-scripts/Organic
@@ -0,0 +1,27 @@
+/*
+![](https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-organic-line.jpg)
+
+Converts selected freedraw lines such that pencil pressure will decrease from maximum to minimum from the beginning of the line to its end. The resulting line is placed at the back of the layers, under all other items. Helpful when drawing organic mindmaps.
+
+```javascript
+*/
+let elements = ea.getViewSelectedElements().filter((el)=>["freedraw","line","arrow"].includes(el.type));
+if(elements.length === 0) {
+  elements = ea.getViewSelectedElements();
+  const len = elements.length;
+  if(len === 0 || ["freedraw","line","arrow"].includes(elements[len].type)) {
+    return;
+  }
+  elements = [elements[len]];
+} 
+elements.forEach((el)=>{
+  el.simulatePressure = false;
+  el.type = "freedraw";
+  el.pressures = [];
+  const len = el.points.length;
+  for(i=0;i<len;i++)
+    el.pressures.push((len-i)/len);
+});
+ea.copyViewElementsToEAforEditing(elements);
+await ea.addElementsToView(false,false);
+elements.forEach((el)=>ea.moveViewElementToZIndex(el.id,0));
--- a/ea-scripts/Organic
+++ b/ea-scripts/Organic
--- a/ea-scripts/README.md
+++ b/ea-scripts/README.md
@@ -42,6 +42,8 @@ Open the script you are interested in and save it to your Obsidian Vault includi
 |[Modify background color opacity](Modify%20background%20color%20opacity.md)|This script changes the opacity of the background color of the selected boxes. The default background color in Excalidraw is so dark that the text is hard to read. You can lighten the color a bit by setting transparency. And you can tweak the transparency over and over again until you're happy with it. Although excalidraw has the opacity option in its native property Settings, it also changes the transparency of the border. Use this script to change only the opacity of the background color without affecting the border.|![](https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-modify-background-color-opacity.png)|[@1-2-3](https://github.com/1-2-3)|
 |[Normalize Selected Arrows](Normalize%20Selected%20Arrows.md)|This script will reset the start and end positions of the selected arrows. The arrow will point to the center of the connected box and will have a gap of 8px from the box.|![](https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-normalize-selected-arrows.png)|[@1-2-3](https://github.com/1-2-3)|
 |[OCR - Optical Character Recognition](OCR%20-%20Optical%20Character%20Recognition.md)|The script will  1) send the selected image file to [taskbone.com](https://taskbone.com) to exctract the text from the image, and 2) will add the text to your drawing as a text element.|![](https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-ocr.jpg)|[@zsviczian](https://github.com/zsviczian)|
+|[Organic Line](Organic%20Line.md)|Converts selected freedraw lines such that pencil pressure will decrease from maximum to minimum from the beginning of the line to its end. The resulting line is placed at the back of the layers, under all other items. Helpful when drawing organic mindmaps.|![](https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-organic-line.jpg)|[@zsviczian](https://github.com/zsviczian)|
+|[Repeat Elements](Repeat%20Elements.md)|This script will detect the difference between 2 selected elements, including position, size, angle, stroke and background color, and create several elements that repeat these differences based on the number of repetitions entered by the user.|![](https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-repeat-elements.png)|[@1-2-3](https://github.com/1-2-3)|
 |[Reverse arrows](Reverse%20arrows.md)|Reverse the direction of **arrows** within the scope of selected elements.|![](https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-reverse-arrow.jpg)|[@zsviczian](https://github.com/zsviczian)|
 |[Scribble Helper](Scribble%20Helper.md)|iOS scribble helper for better handwriting experience with text elements. If no elements are selected then the creates a text element at pointer position and you can use the edit box to modify the text with scribble. If a text element is selected then opens the input prompt where you can modify this text with scribble.|![]('https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-scribble-helper.jpg')|[@zsviczian](https://github.com/zsviczian)|
 |[Select Elements of Type](Select%20Elements%20of%20Type.md)|Prompts you with a list of the different element types in the active image. Only elements of the selected type will be selected on the canvas. If nothing is selected when running the script, then the script will process all the elements on the canvas. If some elements are selected when the script is executed, then the script will only process the selected elements.<br>The script is useful when, for example, you want to bring to front all the arrows, or want to change the color of all the text elements, etc.|![]('https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-select-element-of-type.jpg')|[@zsviczian](https://github.com/zsviczian)|
@@ -53,5 +55,7 @@ Open the script you are interested in and save it to your Obsidian Vault includi
 |[Set stroke width of selected elements](Set%20Stroke%20Width%20of%20Selected%20Elements.md)|This script will set the stroke width of selected elements. This is helpful, for example, when you scale freedraw sketches and want to reduce or increase their line width.|![](https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-stroke-width.jpg)|[@zsviczian](https://github.com/zsviczian)|
 |[Split text by lines](Split%20text%20by%20lines.md)|Split lines of text into separate text elements for easier reorganization|![](https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-split-lines.jpg)|[@zsviczian](https://github.com/zsviczian)|
 |[Set Text Alignment](Set%20Text%20Alignment.md)|Sets text alignment of text block (cetner, right, left). Useful if you want to set a keyboard shortcut for selecting text alignment.|![](https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-text-align.jpg)|[@zsviczian](https://github.com/zsviczian)|
+|[TheBrain-navigation](TheBrain-navigation.md)|An Excalidraw based graph user interface for your Vault. Requires the [Dataview plugin](https://github.com/blacksmithgu/obsidian-dataview). Generates a graph view similar to that of [TheBrain](https://TheBrain.com) plex. Watch introduction to this script on [YouTube](https://youtu.be/plYobK-VufM).|![](https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/TheBrain.jpg)|[@zsviczian](https://github.com/zsviczian)|
+|[Toggle Fullscreen on Mobile](Toggle%20Fullscreen%20on%20Mobile.md)|Hides Obsidian workspace leaf padding and header (based on option in settings, default is "hide header" = false) which will take Excalidraw to full screen. ⚠ Note that if the header is not visible, it will be very difficult to invoke the command palette to end full screen. Only hide the header if you have a keyboard or you've practiced opening command palette!|![](https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/ea-toggle-fullscreen.jpg)|[@zsviczian](https://github.com/zsviczian)|
 |[Transfer TextElements to Excalidraw markdown metadata](Transfer%20TextElements%20to%20Excalidraw%20markdown%20metadata.md)|The script will delete the selected text elements from the canvas and will copy the text from these text elements into the Excalidraw markdown file as metadata. This means, that the text will no longer be visible in the drawing, however you will be able to search for the text in Obsidian and find the drawing containing this image.|![](https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-text-to-metadata.jpg)|[@zsviczian](https://github.com/zsviczian)|
 |[Zoom to Fit Selected Elements](Zoom%20to%20Fit%20Selected%20Elements.md)|Similar to Excalidraw standard SHIFT+2 feature: Zoom to fit selected elements, but with the ability to zoom to 1000%. Inspiration: [#272](https://github.com/zsviczian/obsidian-excalidraw-plugin/issues/272)||[@zsviczian](https://github.com/zsviczian)|
--- a/ea-scripts/Repeat
+++ b/ea-scripts/Repeat
@@ -0,0 +1,367 @@
+/*
+
+![](https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-download-raw.jpg)
+
+Download this file and save to your Obsidian Vault including the first line, or open it in "Raw" and copy the entire contents to Obsidian.
+
+![](https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-repeat-elements.png)
+
+This script will detect the difference between 2 selected elements, including position, size, angle, stroke and background color, and create several elements that repeat these differences based on the number of repetitions entered by the user.
+
+See documentation for more details:
+https://zsviczian.github.io/obsidian-excalidraw-plugin/ExcalidrawScriptsEngine.html
+
+```javascript
+*/
+
+let repeatNum = parseInt(await utils.inputPrompt("repeat times?","number","5"));
+if(!repeatNum) {
+    new Notice("Please enter a number.");
+    return;
+}
+
+const selectedElements = ea.getViewSelectedElements().sort((lha,rha) => 
+    lha.x === rha.x? (lha.y === rha.y? 
+    (lha.width === rha.width? 
+    (lha.height - rha.height) : lha.width - rha.width) 
+    : lha.y - rha.y) : lha.x - rha.x);
+
+if(selectedElements.length !== 2) {
+    new Notice("Please select 2 elements.");
+    return;
+}
+
+if(selectedElements[0].type !== selectedElements[1].type) {
+    new Notice("The selected elements must be of the same type.");
+    return;
+}
+
+const xDistance = selectedElements[1].x - selectedElements[0].x;
+const yDistance = selectedElements[1].y - selectedElements[0].y;
+const widthDistance = selectedElements[1].width - selectedElements[0].width;
+const heightDistance = selectedElements[1].height - selectedElements[0].height;
+const angleDistance = selectedElements[1].angle - selectedElements[0].angle;
+
+const bgColor1 = ea.colorNameToHex(selectedElements[0].backgroundColor);
+const rgbBgColor1 = parseColorString(bgColor1); 
+const bgColor2 = ea.colorNameToHex(selectedElements[1].backgroundColor);
+const rgbBgColor2 = parseColorString(bgColor2);
+let bgHDistance = 0;
+let bgSDistance = 0;
+let bgLDistance = 0;
+
+if(rgbBgColor1 && rgbBgColor2) {
+    const bgHsl1 = ea.rgbToHsl([rgbBgColor1.value[0], rgbBgColor1.value[1], rgbBgColor1.value[2]]);
+    const bgHsl2 = ea.rgbToHsl([rgbBgColor2.value[0], rgbBgColor2.value[1], rgbBgColor2.value[2]]);
+
+    bgHDistance = bgHsl2[0] - bgHsl1[0];
+    bgSDistance = bgHsl2[1] - bgHsl1[1];
+    bgLDistance = bgHsl2[2] - bgHsl1[2];
+}
+
+const strokeColor1 = ea.colorNameToHex(selectedElements[0].strokeColor);
+const rgbStrokeColor1 = parseColorString(strokeColor1);
+const strokeColor2 = ea.colorNameToHex(selectedElements[1].strokeColor);
+const rgbStrokeColor2 = parseColorString(strokeColor2);
+let strokeHDistance = 0;
+let strokeSDistance = 0;
+let strokeLDistance = 0;
+
+if(rgbStrokeColor1 && rgbStrokeColor2) {
+    const strokeHsl1 = ea.rgbToHsl([rgbStrokeColor1.value[0], rgbStrokeColor1.value[1], rgbStrokeColor1.value[2]]); 
+    const strokeHsl2 = ea.rgbToHsl([rgbStrokeColor2.value[0], rgbStrokeColor2.value[1], rgbStrokeColor2.value[2]]);
+
+    strokeHDistance = strokeHsl2[0] - strokeHsl1[0];
+    strokeSDistance = strokeHsl2[1] - strokeHsl1[1];
+    strokeLDistance = strokeHsl2[2] - strokeHsl1[2];
+}
+
+ea.copyViewElementsToEAforEditing(selectedElements);
+for(let i=0; i<repeatNum; i++) {
+    const newEl = ea.cloneElement(selectedElements[1]);
+    ea.elementsDict[newEl.id] = newEl;
+    newEl.x += xDistance * (i + 1);
+    newEl.y += yDistance * (i + 1);
+    newEl.angle += angleDistance * (i + 1);
+    const originWidth = newEl.width;
+    const originHeight = newEl.height;
+    const newWidth = newEl.width + widthDistance * (i + 1);
+    const newHeight = newEl.height + heightDistance * (i + 1);
+    if(newWidth >= 0 && newHeight >= 0) {
+        if(newEl.type === 'arrow' || newEl.type === 'line' || newEl.type === 'freedraw') {
+          const minX = Math.min(...newEl.points.map(pt => pt[0]));
+          const minY = Math.min(...newEl.points.map(pt => pt[1]));
+          for(let j = 0; j < newEl.points.length; j++) {
+            if(newEl.points[j][0] > minX) {
+              newEl.points[j][0] = newEl.points[j][0] + ((newEl.points[j][0] - minX) / originWidth) * (newWidth - originWidth);
+            }
+            if(newEl.points[j][1] > minY) {
+              newEl.points[j][1] = newEl.points[j][1] + ((newEl.points[j][1] - minY) / originHeight) * (newHeight - originHeight);
+            }
+          }
+        }
+        else {
+          newEl.width = newWidth;
+          newEl.height = newHeight;
+        }
+    }
+
+    if(rgbBgColor1 && rgbBgColor2) {
+        const bgHsl2 = ea.rgbToHsl([rgbBgColor2.value[0], rgbBgColor2.value[1], rgbBgColor2.value[2]]);
+        const newBgH = bgHsl2[0] + bgHDistance * (i + 1);
+        const newBgS = bgHsl2[1] + bgSDistance * (i + 1);
+        const newBgL = bgHsl2[2] + bgLDistance * (i + 1);
+        
+        if(newBgH >= 0 && newBgH <= 360 && newBgS >= 0 && newBgS <= 100 && newBgL >= 0 && newBgL <= 100) {
+            const newBgRgb = ea.hslToRgb([newBgH, newBgS, newBgL]);
+            newEl.backgroundColor = rgbColorToString(newBgRgb, rgbBgColor1.model);
+        }
+    }
+
+    if(rgbStrokeColor1 && rgbStrokeColor2) {
+        const strokeHsl2 = ea.rgbToHsl([rgbStrokeColor2.value[0], rgbStrokeColor2.value[1], rgbStrokeColor2.value[2]]);
+        const newStrokeH = strokeHsl2[0] + strokeHDistance * (i + 1);
+        const newStrokeS = strokeHsl2[1] + strokeSDistance * (i + 1);
+        const newStrokeL = strokeHsl2[2] + strokeLDistance * (i + 1);
+        
+        if(newStrokeH >= 0 && newStrokeH <= 360 && newStrokeS >= 0 && newStrokeS <= 100 && newStrokeL >= 0 && newStrokeL <= 100) {
+            const newStrokeRgb = ea.hslToRgb([newStrokeH, newStrokeS, newStrokeL]);
+            newEl.strokeColor = rgbColorToString(newStrokeRgb, rgbStrokeColor1.model);
+        }
+    }
+}
+
+await ea.addElementsToView(false, false, true);
+
+function parseColorString(string) {
+	var prefix = string.substring(0, 3).toLowerCase();
+	var val;
+	var model;
+	switch (prefix) {
+		case 'hsl':
+			val = ea.hslToRgb(parseHslColorString(string));
+			model = 'hsl';
+			break;
+		case 'hwb':
+			val = hwbToRgb(parseHwbColorString(string));
+			model = 'hwb';
+			break;
+		default:
+			val = parseRgbColorString(string);
+			model = 'rgb';
+			break;
+	}
+
+	if (!val) {
+		return null;
+	}
+
+	return {model: model, value: val};
+};
+
+function parseRgbColorString(string) {
+	if (!string) {
+		return null;
+	}
+  var colorNames={};
+
+	var abbr = /^#([a-f0-9]{3,4})$/i;
+	var hex = /^#([a-f0-9]{6})([a-f0-9]{2})?$/i;
+	var rgba = /^rgba?\(\s*([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)(?=[\s,])\s*(?:,\s*)?([+-]?\d+)\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/;
+	var per = /^rgba?\(\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*,?\s*([+-]?[\d\.]+)\%\s*(?:[,|\/]\s*([+-]?[\d\.]+)(%?)\s*)?\)$/;
+	var keyword = /^(\w+)$/;
+
+	var rgb = [0, 0, 0, 1];
+	var match;
+	var i;
+	var hexAlpha;
+
+	if (match = string.match(hex)) {
+		hexAlpha = match[2];
+		match = match[1];
+
+		for (i = 0; i < 3; i++) {
+			var i2 = i * 2;
+			rgb[i] = parseInt(match.slice(i2, i2 + 2), 16);
+		}
+
+		if (hexAlpha) {
+			rgb[3] = parseInt(hexAlpha, 16) / 255;
+		}
+	} else if (match = string.match(abbr)) {
+		match = match[1];
+		hexAlpha = match[3];
+
+		for (i = 0; i < 3; i++) {
+			rgb[i] = parseInt(match[i] + match[i], 16);
+		}
+
+		if (hexAlpha) {
+			rgb[3] = parseInt(hexAlpha + hexAlpha, 16) / 255;
+		}
+	} else if (match = string.match(rgba)) {
+		for (i = 0; i < 3; i++) {
+			rgb[i] = parseInt(match[i + 1], 0);
+		}
+
+		if (match[4]) {
+			if (match[5]) {
+				rgb[3] = parseFloat(match[4]) * 0.01;
+			} else {
+				rgb[3] = parseFloat(match[4]);
+			}
+		}
+	} else if (match = string.match(per)) {
+		for (i = 0; i < 3; i++) {
+			rgb[i] = Math.round(parseFloat(match[i + 1]) * 2.55);
+		}
+
+		if (match[4]) {
+			if (match[5]) {
+				rgb[3] = parseFloat(match[4]) * 0.01;
+			} else {
+				rgb[3] = parseFloat(match[4]);
+			}
+		}
+	} else if (match = string.match(keyword)) {
+		if (match[1] === 'transparent') {
+			return [0, 0, 0, 0];
+		}
+
+		if (!hasOwnProperty.call(colorNames, match[1])) {
+			return null;
+		}
+
+		rgb = colorNames[match[1]];
+		rgb[3] = 1;
+
+		return rgb;
+	} else {
+		return null;
+	}
+
+	for (i = 0; i < 3; i++) {
+		rgb[i] = clamp(rgb[i], 0, 255);
+	}
+	rgb[3] = clamp(rgb[3], 0, 1);
+
+	return rgb;
+}
+
+function parseHslColorString(string) {
+	if (!string) {
+		return null;
+	}
+
+	var hsl = /^hsla?\(\s*([+-]?(?:\d{0,3}\.)?\d+)(?:deg)?\s*,?\s*([+-]?[\d\.]+)%\s*,?\s*([+-]?[\d\.]+)%\s*(?:[,|\/]\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/;
+	var match = string.match(hsl);
+
+	if (match) {
+		var alpha = parseFloat(match[4]);
+		var h = ((parseFloat(match[1]) % 360) + 360) % 360;
+		var s = clamp(parseFloat(match[2]), 0, 100);
+		var l = clamp(parseFloat(match[3]), 0, 100);
+		var a = clamp(isNaN(alpha) ? 1 : alpha, 0, 1);
+
+		return [h, s, l, a];
+	}
+
+	return null;
+}
+
+function parseHwbColorString(string) {
+	if (!string) {
+		return null;
+	}
+
+	var hwb = /^hwb\(\s*([+-]?\d{0,3}(?:\.\d+)?)(?:deg)?\s*,\s*([+-]?[\d\.]+)%\s*,\s*([+-]?[\d\.]+)%\s*(?:,\s*([+-]?(?=\.\d|\d)(?:0|[1-9]\d*)?(?:\.\d*)?(?:[eE][+-]?\d+)?)\s*)?\)$/;
+	var match = string.match(hwb);
+
+	if (match) {
+		var alpha = parseFloat(match[4]);
+		var h = ((parseFloat(match[1]) % 360) + 360) % 360;
+		var w = clamp(parseFloat(match[2]), 0, 100);
+		var b = clamp(parseFloat(match[3]), 0, 100);
+		var a = clamp(isNaN(alpha) ? 1 : alpha, 0, 1);
+		return [h, w, b, a];
+	}
+
+	return null;
+}
+
+function rgbColorToString(color, model) {
+  switch (model) {
+		case 'hsl':
+			return rgbColorToHslString(color);
+		case 'hwb':
+			return rgbColorToHwbString(color);
+		default:
+			return ea.rgbToHexString(color);
+	}
+}
+
+function rgbColorToHslString(rgb) {
+  var hsl = ea.rgbToHsl(rgb);
+  return 'hsl(' + hsl[0] + ', ' + hsl[1] + '%, ' + hsl[2] + '%)'
+};
+
+function rgbColorToHwbString(rgb) {
+	var hwb = rgbToHwb(rgb);
+
+	return 'hwb(' + hwb[0] + ', ' + hwb[1] + '%, ' + hwb[2] + '%)';
+};
+
+function rgbToHwb(rgb) {
+	const r = rgb[0];
+	const g = rgb[1];
+	let b = rgb[2];
+	const h = convert.rgb.hsl(rgb)[0];
+	const w = 1 / 255 * Math.min(r, Math.min(g, b));
+
+	b = 1 - 1 / 255 * Math.max(r, Math.max(g, b));
+
+	return [h, w * 100, b * 100];
+};
+
+function hwbToRgb(hwb) {
+	const h = hwb[0] / 360;
+	let wh = hwb[1] / 100;
+	let bl = hwb[2] / 100;
+	const ratio = wh + bl;
+	let f;
+
+	// Wh + bl cant be > 1
+	if (ratio > 1) {
+		wh /= ratio;
+		bl /= ratio;
+	}
+
+	const i = Math.floor(6 * h);
+	const v = 1 - bl;
+	f = 6 * h - i;
+
+	if ((i & 0x01) !== 0) {
+		f = 1 - f;
+	}
+
+	const n = wh + f * (v - wh); 
+	let r;
+	let g;
+	let b;
+	switch (i) {
+		default:
+		case 6:
+		case 0: r = v;  g = n;  b = wh; break;
+		case 1: r = n;  g = v;  b = wh; break;
+		case 2: r = wh; g = v;  b = n; break;
+		case 3: r = wh; g = n;  b = v; break;
+		case 4: r = n;  g = wh; b = v; break;
+		case 5: r = v;  g = wh; b = n; break;
+	}
+
+	return [r * 255, g * 255, b * 255];
+}
+
+function clamp(num, min, max) {
+	return Math.min(Math.max(min, num), max);
+}
--- a/ea-scripts/Repeat
+++ b/ea-scripts/Repeat
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 220 120" stroke="#000"><defs/><path fill="none"  stroke-linecap="round" stroke-width="4" d="M10 110h200m-200 0h200M30 90h160M30 90h160M50 70h120M50 70h120M70 50h80m-80 0h80M90 30h40m-40 0h40M110 10s0 0 0 0m0 0s0 0 0 0"/></svg>
--- a/ea-scripts/Reverse
+++ b/ea-scripts/Reverse
@@ -20,4 +20,4 @@ elements.forEach((el)=>{
 	el.endArrowhead = start;
 });
 ea.copyViewElementsToEAforEditing(elements);
-ea.addElementsToView();
+ea.addElementsToView(false,false);
--- a/ea-scripts/Reverse
+++ b/ea-scripts/Reverse
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M32 176h370.8l-57.38 57.38c-12.5 12.5-12.5 32.75 0 45.25C351.6 284.9 359.8 288 368 288s16.38-3.125 22.62-9.375l112-112c12.5-12.5 12.5-32.75 0-45.25l-112-112c-12.5-12.5-32.75-12.5-45.25 0s-12.5 32.75 0 45.25L402.8 112H32c-17.69 0-32 14.31-32 32S14.31 176 32 176zM480 336H109.3l57.38-57.38c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0l-112 112c-12.5 12.5-12.5 32.75 0 45.25l112 112C127.6 508.9 135.8 512 144 512s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25L109.3 400H480c17.69 0 32-14.31 32-32S497.7 336 480 336z"/></svg>
--- a/ea-scripts/Scribble
+++ b/ea-scripts/Scribble
@@ -1,7 +1,7 @@
 /*
 ![](https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-scribble-helper.jpg)

-iOS scribble helper for better handwriting experience with text elements. If no elements are selected then the creates a text element at pointer position and you can use the edit box to modify the text with scribble. If a text element is selected then opens the input prompt where you can modify this text with scribble.
+iOS scribble helper for better handwriting experience with text elements. If no elements are selected then the script creates a text element at the pointer position and you can use the edit box to modify the text with scribble. If a text element is selected then the script opens the input prompt where you can modify this text with scribble.

 ```javascript
 */
@@ -21,9 +21,9 @@ if(elements.length === 1) {
  ea.getElements()[0].originalText = text;
  ea.getElements()[0].text = text;
  ea.getElements()[0].rawText = text;
-  await ea.addElementsToView(false,true);
+  await ea.addElementsToView(false,false);
  return;
 }

 ea.addText(0,0,text);
-await ea.addElementsToView(true, true, true);
+await ea.addElementsToView(true, false, true);
--- a/ea-scripts/Scribble
+++ b/ea-scripts/Scribble
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="100 80 500 400"><path d="M307.18 443.33a193.376 193.376 0 0 1-41.418-4.664 107.213 107.213 0 0 1-65.613-41.641 107.22 107.22 0 0 1-20.254-75.027c6.3-43.398 45.266-87.5 135.92-81.082a358.117 358.117 0 0 1 97.883 20.297 218.57 218.57 0 0 0-26.832-60.664c-22.285-35-49.934-55.066-81.668-59.5-66.617-9.102-133 49.582-133.58 50.168v-.004a11.664 11.664 0 0 1-19.957-9.09 11.655 11.655 0 0 1 4.324-8.176c3.035-2.8 75.016-66.617 152.25-56 39.316 5.368 72.566 28.934 98.7 70a233.33 233.33 0 0 1 33.831 84.47 245.007 245.007 0 0 1 106.52 91.116c3.219 5.606 1.29 12.762-4.32 15.98-5.606 3.223-12.762 1.29-15.98-4.316a223.277 223.277 0 0 0-83.652-75.016 148.281 148.281 0 0 1-25.781 88.668 129.381 129.381 0 0 1-110.37 54.48zm-8.285-180.02c-63.7 0-91.465 31.035-95.898 61.715v.004a83.522 83.522 0 0 0 16.199 58.66 83.522 83.522 0 0 0 51.699 32.105c54.367 11.668 100.8-2.684 127.4-40.484h.004a128.338 128.338 0 0 0 20.3-87.148 323.793 323.793 0 0 0-104.42-24.27c-5.366-.348-10.851-.465-15.284-.465z"/></svg>
--- a/ea-scripts/Select
+++ b/ea-scripts/Select
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M182.6 246.6C170.1 259.1 149.9 259.1 137.4 246.6L57.37 166.6C44.88 154.1 44.88 133.9 57.37 121.4C69.87 108.9 90.13 108.9 102.6 121.4L159.1 178.7L297.4 41.37C309.9 28.88 330.1 28.88 342.6 41.37C355.1 53.87 355.1 74.13 342.6 86.63L182.6 246.6zM182.6 470.6C170.1 483.1 149.9 483.1 137.4 470.6L9.372 342.6C-3.124 330.1-3.124 309.9 9.372 297.4C21.87 284.9 42.13 284.9 54.63 297.4L159.1 402.7L393.4 169.4C405.9 156.9 426.1 156.9 438.6 169.4C451.1 181.9 451.1 202.1 438.6 214.6L182.6 470.6z"/></svg>
--- a/ea-scripts/Set
+++ b/ea-scripts/Set
@@ -36,4 +36,4 @@ el.y = size[1];
 el.width = size[2];
 el.height = size[3];
 ea.copyViewElementsToEAforEditing([el]);
-ea.addElementsToView();
+ea.addElementsToView(false,false);
--- a/Dimensions.svg
+++ b/Dimensions.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="110 80 500 400"><path d="M434 408.8a22.397 22.397 0 0 0-19.398 33.597A22.393 22.393 0 0 0 434 453.6h44.801a44.788 44.788 0 0 0 31.676-13.125 44.787 44.787 0 0 0 13.125-31.676v-257.6a44.788 44.788 0 0 0-13.125-31.676 44.787 44.787 0 0 0-31.676-13.125H434a22.403 22.403 0 0 0-19.398 33.601A22.399 22.399 0 0 0 434 151.198h44.801v56H434a22.397 22.397 0 0 0-19.398 11.199c-4 6.934-4 15.473 0 22.402A22.397 22.397 0 0 0 434 251.998h44.801v56H434a22.397 22.397 0 0 0-19.398 11.199c-4 6.93-4 15.469 0 22.402A22.397 22.397 0 0 0 434 352.798h44.801v56zM294 285.6v-97.105l28.953 28.953a22.42 22.42 0 0 0 21.648 5.8 22.42 22.42 0 0 0 15.848-15.847 22.419 22.419 0 0 0-5.8-21.648l-48.106-48.105a49.447 49.447 0 0 0-34.973-14.492 49.446 49.446 0 0 0-34.969 14.492l-48.105 48.105a22.41 22.41 0 0 0 10.047 37.496 22.419 22.419 0 0 0 21.648-5.801l29.008-28.953v183.01l-28.953-28.953a22.42 22.42 0 0 0-21.648-5.8 22.42 22.42 0 0 0-15.848 15.847 22.419 22.419 0 0 0 5.801 21.648l48.105 48.105a49.452 49.452 0 0 0 34.973 14.492 49.463 49.463 0 0 0 34.973-14.492l48.105-48.105h-.004a22.413 22.413 0 0 0-31.695-31.695L294 371.505z"/></svg>
--- a/ea-scripts/Set
+++ b/ea-scripts/Set
@@ -15,4 +15,4 @@ font = parseInt(await utils.suggester(font,["1","2","3"]));
 if (isNaN(font)) return;
 elements.forEach((el)=>el.fontFamily = font);
 ea.copyViewElementsToEAforEditing(elements);
-ea.addElementsToView();
+ea.addElementsToView(false,false);
--- a/ea-scripts/Set
+++ b/ea-scripts/Set
@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 9 20 20"><text style="font-size:28px, font-weight:bold" x="4" y="24">A</text></svg>
--- a/ea-scripts/Set
+++ b/ea-scripts/Set
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M448 32C483.3 32 512 60.65 512 96V416C512 451.3 483.3 480 448 480H64C28.65 480 0 451.3 0 416V96C0 60.65 28.65 32 64 32H448zM448 96H288V224H448V96zM448 288H288V416H448V288zM224 224V96H64V224H224zM64 416H224V288H64V416z"/></svg>
--- a/ea-scripts/Set
+++ b/ea-scripts/Set
@@ -50,4 +50,4 @@ for(el of elements) { //doing for instead of .forEach due to await inputPrompt
 };

 ea.copyViewElementsToEAforEditing(elements);
-ea.addElementsToView();
+ea.addElementsToView(false,false);
--- a/ea-scripts/Set
+++ b/ea-scripts/Set
--- a/ea-scripts/Set
+++ b/ea-scripts/Set
@@ -13,4 +13,4 @@ width = await utils.inputPrompt("Width?","number",width);
 const elements=ea.getViewSelectedElements();
 ea.copyViewElementsToEAforEditing(elements);
 ea.getElements().forEach((el)=>el.strokeWidth=width);
-ea.addElementsToView();
+ea.addElementsToView(false,false);
--- a/ea-scripts/Set
+++ b/ea-scripts/Set
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="100 100 500 350"><g fill-rule="evenodd"><path d="M451.65 485.81a12.407 12.407 0 0 1 8.77 3.61c2.324 2.316 3.632 5.456 3.632 8.734s-1.308 6.422-3.633 8.738a12.387 12.387 0 0 1-8.769 3.606H227.29c-6.828-.012-12.359-5.536-12.359-12.344s5.531-12.332 12.359-12.344zM415.18 49.504l-226.5 130.56 74.664 62.102 168.47-96.812zM446.52 165.6 273.6 264.725l-8.512 70.004 225.14 128.82-72.148-123.81c-16.746 3.625-34.938-3.559-43.906-19.094-11.164-19.238-4.351-44.207 14.895-55.348 6.012-3.438 12.617-5.25 19.148-5.398 14.348-.332 28.555 7.062 36.168 20.25 8.977 15.469 6.336 34.55-5.027 47.25l71.371 122.46.582-256.88z"/><path d="M408.99 284.59h-.191c-2.461.09-5.07.828-7.352 2.121-7.934 4.594-10.383 13.73-5.8 21.602 4.28 7.441 13.948 10.082 21.468 5.785 7.887-4.601 10.371-13.75 5.805-21.598-2.914-5.062-8.406-7.976-13.926-7.906z"/></g></svg>
--- a/ea-scripts/Set
+++ b/ea-scripts/Set
@@ -14,4 +14,4 @@ let align = ["left","right","center"];
 align = await utils.suggester(align,align);
 elements.forEach((el)=>el.textAlign = align);
 ea.copyViewElementsToEAforEditing(elements);
-ea.addElementsToView();
+ea.addElementsToView(false,false);
--- a/ea-scripts/Set
+++ b/ea-scripts/Set
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M256 96H32C14.33 96 0 81.67 0 64C0 46.33 14.33 32 32 32H256C273.7 32 288 46.33 288 64C288 81.67 273.7 96 256 96zM256 352H32C14.33 352 0 337.7 0 320C0 302.3 14.33 288 32 288H256C273.7 288 288 302.3 288 320C288 337.7 273.7 352 256 352zM0 192C0 174.3 14.33 160 32 160H416C433.7 160 448 174.3 448 192C448 209.7 433.7 224 416 224H32C14.33 224 0 209.7 0 192zM416 480H32C14.33 480 0 465.7 0 448C0 430.3 14.33 416 32 416H416C433.7 416 448 430.3 448 448C448 465.7 433.7 480 416 480z"/></svg>
--- a/ea-scripts/Set
+++ b/ea-scripts/Set
@@ -68,7 +68,7 @@ elements.forEach((el)=>{
  elementsToMove.push({fillId: newEl.id, shapeId: el.id});
 });

-await ea.addElementsToView();
+await ea.addElementsToView(false,false);
 elementsToMove.forEach((x)=>{
  const viewElements = ea.getViewElements();
  ea.moveViewElementToZIndex(
--- a/ea-scripts/Set
+++ b/ea-scripts/Set
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M41.37 9.372C53.87-3.124 74.13-3.124 86.63 9.372L168 90.74L221.1 37.66C249.2 9.539 294.8 9.539 322.9 37.66L474.3 189.1C502.5 217.2 502.5 262.8 474.3 290.9L283.9 481.4C246.4 518.9 185.6 518.9 148.1 481.4L30.63 363.9C-6.863 326.4-6.863 265.6 30.63 228.1L122.7 135.1L41.37 54.63C28.88 42.13 28.88 21.87 41.37 9.372V9.372zM217.4 230.6L168 181.3L75.88 273.4C71.69 277.6 68.9 282.6 67.52 288H386.7L429.1 245.7C432.2 242.5 432.2 237.5 429.1 234.3L277.7 82.91C274.5 79.79 269.5 79.79 266.3 82.91L213.3 136L262.6 185.4C275.1 197.9 275.1 218.1 262.6 230.6C250.1 243.1 229.9 243.1 217.4 230.6L217.4 230.6zM448 448C448 422.8 480.6 368.4 499.2 339.3C505.3 329.9 518.7 329.9 524.8 339.3C543.4 368.4 576 422.8 576 448C576 483.3 547.3 512 512 512C476.7 512 448 483.3 448 448H448z"/></svg>
--- a/ea-scripts/Split
+++ b/ea-scripts/Split
@@ -23,5 +23,5 @@ elements.forEach((el)=>{
 	ea.addText(el.x,el.y+i*el.height/text.length,text[i]);
  }
 });
-ea.addElementsToView();
+ea.addElementsToView(false,false);
 ea.deleteViewElements(elements);
--- a/ea-scripts/Split
+++ b/ea-scripts/Split
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="100 80 500 400"><path d="M309.12 184.8c0 21.957-17.801 39.758-39.762 39.758-21.957 0-39.758-17.801-39.758-39.758 0-21.961 17.801-39.762 39.758-39.762 21.961 0 39.762 17.801 39.762 39.762M341.6 159.04h179.2v51.52H341.6zM309.12 282.24c0 21.961-17.801 39.762-39.762 39.762-21.957 0-39.758-17.801-39.758-39.762 0-21.957 17.801-39.758 39.758-39.758 21.961 0 39.762 17.801 39.762 39.758M341.6 256.48h179.2V308H341.6zM309.12 379.12c0 21.957-17.801 39.758-39.762 39.758-21.957 0-39.758-17.801-39.758-39.758 0-21.961 17.801-39.762 39.758-39.762 21.961 0 39.762 17.801 39.762 39.762M341.6 353.36h179.2v51.52H341.6z"/></svg>
--- a/ea-scripts/TheBrain-navigation.md
+++ b/ea-scripts/TheBrain-navigation.md
--- a/ea-scripts/TheBrain-navigation.svg
+++ b/ea-scripts/TheBrain-navigation.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M380.6 365.6C401.1 379.9 416 404.3 416 432C416 476.2 380.2 512 336 512C291.8 512 256 476.2 256 432C256 423.6 257.3 415.4 259.7 407.8L114.1 280.4C103.8 285.3 92.21 288 80 288C35.82 288 0 252.2 0 208C0 163.8 35.82 128 80 128C101.9 128 121.7 136.8 136.2 151.1L320 77.52C321.3 34.48 356.6 0 400 0C444.2 0 480 35.82 480 80C480 117.9 453.7 149.6 418.4 157.9L380.6 365.6zM156.3 232.2L301.9 359.6C306.9 357.3 312.1 355.4 317.6 354.1L355.4 146.4C351.2 143.6 347.4 140.4 343.8 136.9L159.1 210.5C159.7 218 158.5 225.3 156.3 232.2V232.2z"/></svg>
--- a/ea-scripts/Transfer
+++ b/ea-scripts/Transfer
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="100 60 500 450"><path d="M563.9 229.44V77.77c0-6.441-5.219-11.668-11.668-11.668h-151.67c-3.098 0-6.063 1.23-8.25 3.418l-252.79 252.79c-4.559 4.559-4.559 11.941 0 16.496l151.67 151.67a11.636 11.636 0 0 0 8.25 3.418c2.984 0 5.969-1.14 8.25-3.418l48.582-48.57c20.082 31.219 55.047 51.988 94.844 51.988 62.184 0 112.78-50.598 112.78-112.78 0-39.797-20.781-74.773-52-94.848l48.582-48.582a11.683 11.683 0 0 0 3.414-8.246zm-23.336 151.68c0 49.32-40.125 89.449-89.449 89.449-49.32 0-89.445-40.125-89.445-89.449 0-49.32 40.125-89.445 89.445-89.445 49.324 0 89.449 40.125 89.449 89.445zm0-156.51-50.723 50.723c-12.098-4.441-25.109-6.996-38.727-6.996-62.184 0-112.78 50.598-112.78 112.78 0 13.625 2.55 26.625 6.996 38.727l-45.887 45.89-135.17-135.17 241.12-241.12h135.17zm-64.176-34.043c20.371 0 36.945-16.578 36.945-36.949s-16.574-36.945-36.945-36.945-36.949 16.578-36.949 36.949c0 20.367 16.578 36.945 36.949 36.945zm0-50.562c7.508 0 13.613 6.106 13.613 13.613 0 7.508-6.106 13.613-13.613 13.613-7.508 0-13.613-6.106-13.613-13.613-.004-7.508 6.102-13.613 13.613-13.613zm-25.285 178.9c6.45 0 11.668 5.219 11.668 11.668v38.887l38.898-.004c6.45 0 11.668 5.219 11.668 11.668 0 6.45-5.219 11.668-11.668 11.668h-38.898v38.883c0 6.45-5.219 11.668-11.668 11.668a11.661 11.661 0 0 1-11.668-11.668v-38.887h-38.887c-6.45 0-11.668-5.219-11.668-11.668s5.219-11.668 11.668-11.668h38.887v-38.887c.004-6.445 5.223-11.66 11.668-11.66z"/></svg>
--- a/ea-scripts/Zoom
+++ b/ea-scripts/Zoom
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M500.3 443.7l-119.7-119.7c27.22-40.41 40.65-90.9 33.46-144.7c-12.23-91.55-87.28-166-178.9-177.6c-136.2-17.24-250.7 97.28-233.4 233.4c11.6 91.64 86.07 166.7 177.6 178.9c53.81 7.191 104.3-6.235 144.7-33.46l119.7 119.7c15.62 15.62 40.95 15.62 56.57 .0003C515.9 484.7 515.9 459.3 500.3 443.7zM288 232H231.1V288c0 13.26-10.74 24-23.1 24C194.7 312 184 301.3 184 288V232H127.1C114.7 232 104 221.3 104 208s10.74-24 23.1-24H184V128c0-13.26 10.74-24 23.1-24S231.1 114.7 231.1 128v56h56C301.3 184 312 194.7 312 208S301.3 232 288 232z"/></svg>
--- a/ea-scripts/directory-info.json
+++ b/ea-scripts/directory-info.json
--- a/ea-scripts/index-new.md
+++ b/ea-scripts/index-new.md
@@ -0,0 +1,337 @@
+If you are enjoying the Excalidraw plugin then please support my work and enthusiasm by buying me a coffee on [https://ko-fi/zsolt](https://ko-fi.com/zsolt).
+
+[<img src="https://user-images.githubusercontent.com/14358394/115450238-f39e8100-a21b-11eb-89d0-fa4b82cdbce8.png" class="coffee">](https://ko-fi.com/zsolt) 
+
+---
+
+Jump ahead to the [[#List of available scripts]]
+
+# Intorducing Excalidraw Automate Script Engine
+<iframe width="560" height="315" src="https://www.youtube.com/embed/hePJcObHIso" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+
+Script Engine scripts are installed in the `Downloaded` subfolder of the `Excalidraw Automate script folder` specified in plugin settings.
+
+In the `Command Palette` installed scripts are prefixed with `Downloaded/`, thus you can always know if you are executing a local script of your own, or one that you have downloaded from GitHub.
+
+## Attention developers and hobby hackers
+<img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/hobby-programmer.svg' align='left' style='background-color:whitesmoke; width:80px; margin-right:15px; margin-bottom:10px;'/>
+If you want to modify scripts, I recommend moving them to the `Excalidraw Automate script folder` or a different subfolder under the script folder. Scripts in the `Downloaded` folder will be overwritten when you click the `Update this script` button. Note also, that at this time, I do not check if the script file has been updated on GitHub, thus the `Update this script` button is always visible once you have installed a script, not only when an update is availble (hope to build this feature in the future).
+
+I would love to include your contribution in the script library. If you have a script of your own that you would like to share with the community, please open a [PR](https://github.com/zsviczian/obsidian-excalidraw-plugin/pulls) on GitHub. Be sure to include the following in your pull request
+- The [script file](https://github.com/zsviczian/obsidian-excalidraw-plugin/tree/master/ea-scripts) with a self explanetory name. The name of the file will be the name of the script in the Command Palette.
+- An [image](https://github.com/zsviczian/obsidian-excalidraw-plugin/tree/master/images) explaining the scripts purpose. Remember a picture speaks thousand words!
+- An update to this file [ea-scripts/index.md](https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/index.md)
+
+---
+
+# List of available scripts
+|    |     |
+|----|-----|
+|<div><img src="https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Add%20Connector%20Point.svg"></div>|[[#Add Connector Point]]|
+|<div><img src="https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Add%20Link%20to%20Existing%20File%20and%20Open.svg"/></div>|[[#Add Link to Existing File and Open]]|
+|<div><img src="https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Add%20Link%20to%20New%20Page%20and%20Open.svg"/></div>|[[#Add Link to New Page and Open]]|
+|<div><img src="https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Add%20Next%20Step%20in%20Process.svg"/></div>|[[#Add Next Step in Process]]|
+|<div><img src="https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Box%20Each%20Selected%20Groups.svg"/></div>|[[#Box Each Selected Groups]]|
+|<div><img src="https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Box%20Selected%20Elements.svg"/></div>|[[#Box Selected Elements]]|
+|<div><img src="https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Change%20shape%20of%20selected%20elements.svg"/></div>|[[#Change shape of selected elements]]|
+|<div><img src="https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Connect%20elements.svg"/></div>|[[#Connect elements]]|
+|<div><img src="https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Convert%20freedraw%20to%20line.svg"/></div>|[[#Convert freedraw to line]]|
+|<div><img src="https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Convert%20selected%20text%20elements%20to%20sticky%20notes.svg"/></div>|[[#Convert selected text elements to sticky notes]]|
+|<div><img src="https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Convert%20text%20to%20link%20with%20folder%20and%20alias.svg"/></div>|[[#Convert text to link with folder and alias]]|
+|<div><img src="https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Copy%20Selected%20Element%20Styles%20to%20Global.svg"/></div>|[[#Copy Selected Element Styles to Global]]|
+|<div><img src="https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Create%20new%20markdown%20file%20and%20embed%20into%20active%20drawing.svg"/></div>|[[#Create new markdown file and embed into active drawing]]|
+|<div><img src="https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Darken%20background%20color.svg"/></div>|[[#Darken background color]]|
+|<div><img src="https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Elbow%20connectors.svg"/></div>|[[#Elbow connectors]]|
+|<div><img src="https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Expand%20rectangles%20horizontally%20keep%20text%20centered.svg"/></div>|[[#Expand rectangles horizontally keep text centered]]|
+|<div><img src="https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Expand%20rectangles%20horizontally.svg"/></div>|[[#Expand rectangles horizontally]]|
+|<div><img src="https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Expand%20rectangles%20vertically%20keep%20text%20centered.svg"/></div>|[[#Expand rectangles vertically keep text centered]]|
+|<div><img src="https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Expand%20rectangles%20vertically.svg"/></div>|[[#Expand rectangles vertically]]|
+|<div><img src="https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Fixed%20horizontal%20distance%20between%20centers.svg"/></div>|[[#Fixed horizontal distance between centers]]|
+|<div><img src="https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Fixed%20inner%20distance.svg"/></div>|[[#Fixed inner distance]]|
+|<div><img src="https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Fixed%20spacing.svg"/></div>|[[#Fixed spacing]]|
+|<div><img src="https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Fixed%20vertical%20distance%20between%20centers.svg"/></div>|[[#Fixed vertical distance between centers]]|
+|<div><img src="https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Fixed%20vertical%20distance.svg"/></div>|[[#Fixed vertical distance]]|
+|<div><img src="https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Lighten%20background%20color.svg"/></div>|[[#Lighten background color]]|
+|<div><img src="https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Modify%20background%20color%20opacity.svg"/></div>|[[#Modify background color opacity]]|
+|<div><img src="https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Normalize%20Selected%20Arrows.svg"/></div>|[[#Normalize Selected Arrows]]|
+|<div><img src="https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/OCR%20-%20Optical%20Character%20Recognition.svg"/></div>|[[#OCR - Optical Character Recognition]]|
+|<div><img src="https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Organic%20Line.svg"/></div>|[[#Organic Line]]|
+|<div><img src="https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Repeat%20Elements.svg"/></div>|[[#Repeat Elements]]|
+|<div><img src="https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Reverse%20arrows.svg"/></div>|[[#Reverse arrows]]|
+|<div><img src="https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Scribble%20Helper.svg"/></div>|[[#Scribble Helper]]|
+|<div><img src="https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Select%20Elements%20of%20Type.svg"/></div>|[[#Select Elements of Type]]|
+|<div><img src="https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Set%20background%20color%20of%20unclosed%20line%20object%20by%20adding%20a%20shadow%20clone.svg"/></div>|[[#Set background color of unclosed line object by adding a shadow clone]]|
+|<div><img src="https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Set%20Dimensions.svg"/></div>|[[#Set Dimensions]]|
+|<div><img src="https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Set%20Font%20Family.svg"/></div>|[[#Set Font Family]]|
+|<div><img src="https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Set%20Grid.svg"/></div>|[[#Set Grid]]|
+|<div><img src="https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Set%20Link%20Alias.svg"/></div>|[[#Set Link Alias]]|
+|<div><img src="https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Set%20Stroke%20Width%20of%20Selected%20Elements.svg"/></div>|[[#Set Stroke Width of Selected Elements]]|
+|<div><img src="https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Set%20Text%20Alignment.svg"/></div>|[[#Set Text Alignment]]|
+|<div><img src="https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Split%20text%20by%20lines.svg"/></div>|[[#Split text by lines]]|
+|<div><img src="https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/TheBrain-navigation.svg"/></div>|[[#TheBrain-navigation]]|
+|<div><img src="https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Transfer%20TextElements%20to%20Excalidraw%20markdown%20metadata.svg"/></div>|[[#Transfer TextElements to Excalidraw markdown metadata]]|
+|<div><img src="https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Zoom%20to%20Fit%20Selected%20Elements.svg"/></div>|[[#Zoom to Fit Selected Elements]]|
+
+## Add Connector Point
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Add%20Connector%20Point.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/zsviczian'>@zsviczian</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/Add%20Connector%20Point.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">This script will add a small circle to the top left of each text element in the selection and add the text and the "connector point" to a group. You can use the connector points to link text elements with an arrow (in for example a Wardley Map).<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-bullet-point.jpg'></td></tr></table>
+
+## Add Link to Existing File and Open
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Add%20Link%20to%20Existing%20File%20and%20Open.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/zsviczian'>@zsviczian</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/Add%20Link%20to%20Existing%20File%20and%20Open.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">Prompts for a file from the vault. Adds a link to the selected element pointing to the selected file. You can control in settings to open the file in the current active pane or an adjacent pane.<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-add-link-and-open.jpg'></td></tr></table>
+
+## Add Link to New Page and Open
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Add%20Link%20to%20New%20Page%20and%20Open.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/zsviczian'>@zsviczian</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/Add%20Link%20to%20New%20Page%20and%20Open.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">Prompts for filename. Offers option to create and open a new Markdown or Excalidraw document. Adds link pointing to the new file, to the selected objects in the drawing. You can control in settings to open the file in the current active pane or an adjacent pane.<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-add-link-to-new-page-and-pen.jpg'></td></tr></table>
+
+## Add Next Step in Process
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Add%20Next%20Step%20in%20Process.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/zsviczian'>@zsviczian</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/Add%20Next%20Step%20in%20Process.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">This script will prompt you for the title of the process step, then will create a stick note with the text. If an element is selected then the script will connect this new step with an arrow to the previous step (the selected element). If no element is selected, then the script assumes this is the first step in the process and will only output the sticky note with the text that was entered.<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-add-process-step.jpg'></td></tr></table>
+
+## Box Each Selected Groups
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Box%20Each%20Selected%20Groups.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/1-2-3'>@1-2-3</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/Box%20Each%20Selected%20Groups.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">This script will add encapsulating boxes around each of the currently selected groups in Excalidraw.<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-box-each-selected-groups.png'></td></tr></table>
+
+## Box Selected Elements
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Box%20Selected%20Elements.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/zsviczian'>@zsviczian</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/Box%20Selected%20Elements.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">This script will add an encapsulating box around the currently selected elements in Excalidraw.<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-box-elements.jpg'></td></tr></table>
+
+## Change shape of selected elements
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Change%20shape%20of%20selected%20elements.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/zsviczian'>@zsviczian</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/Change%20shape%20of%20selected%20elements.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">The script allows you to change the shape of selected Rectangles, Diamonds and Ellipses.<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-change-shape.jpg'></td></tr></table>
+
+## Connect elements
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Connect%20elements.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/zsviczian'>@zsviczian</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/Connect%20elements.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">This script will connect two objects with an arrow. If either of the objects are a set of grouped elements (e.g. a text element grouped with an encapsulating rectangle), the script will identify these groups, and connect the arrow to the largest object in the group (assuming you want to connect the arrow to the box around the text element).<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-connect-elements.jpg'></td></tr></table>
+
+## Convert freedraw to line
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Convert%20freedraw%20to%20line.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/zsviczian'>@zsviczian</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/Convert%20freedraw%20to%20line.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">Convert selected freedraw objects into editable lines. This will allow you to adjust your drawings by dragging line points and will also allow you to select shape fill in case of enclosed lines. You can adjust conversion point density in settings.<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-convert-freedraw-to-line.jpg'></td></tr></table>
+
+## Convert selected text elements to sticky notes
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Convert%20selected%20text%20elements%20to%20sticky%20notes.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/zsviczian'>@zsviczian</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/Convert%20selected%20text%20elements%20to%20sticky%20notes.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">Converts selected plain text elements to sticky notes with transparent background and transparent stroke color (default setting, can be changed in plugin settings). Essentially converts text element into a wrappable format.<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-textelement-to-transparent-stickynote.png'></td></tr></table>
+
+## Convert text to link with folder and alias
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Convert%20text%20to%20link%20with%20folder%20and%20alias.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/zsviczian'>@zsviczian</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/Convert%20text%20to%20link%20with%20folder%20and%20alias.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">Converts text elements to links pointing to a file in a selected folder and with the alias set as the original text. The script will prompt the user to select an existing folder from the vault.<br><code>original text</code> - <code>[[selected folder/original text|original text]]</code></td></tr></table>
+
+## Copy Selected Element Styles to Global
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Copy%20Selected%20Element%20Styles%20to%20Global.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/1-2-3'>@1-2-3</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/Copy%20Selected%20Element%20Styles%20to%20Global.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">This script will copy styles of any selected element into Excalidraw's global styles.<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-copy-selected-element-styles-to-global.png'></td></tr></table>
+
+## Create new markdown file and embed into active drawing
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Create%20new%20markdown%20file%20and%20embed%20into%20active%20drawing.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/zsviczian'>@zsviczian</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/Create%20new%20markdown%20file%20and%20embed%20into%20active%20drawing.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">The script will prompt you for a filename, then create a new markdown document with the file name provided, open the new markdown document in an adjacent pane, and embed the markdown document into the active Excalidraw drawing.<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-create-and-embed-new-markdown-file.jpg'></td></tr></table>
+
+## Darken background color
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Darken%20background%20color.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/1-2-3'>@1-2-3</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/Darken%20background%20color.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">This script darkens the background color of the selected element by 2% at a time. You can use this script several times until you are satisfied. It is recommended to set a shortcut key for this script so that you can quickly try to DARKEN and LIGHTEN the color effect. In contrast to the `Modify background color opacity` script, the advantage is that the background color of the element is not affected by the canvas color, and the color value does not appear in a strange rgba() form.<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/darken-lighten-background-color.png'></td></tr></table>
+
+## Elbow connectors
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Elbow%20connectors.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/1-2-3'>@1-2-3</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/Elbow%20connectors.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">This script converts the selected connectors to elbows.<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/elbow-connectors.png'></td></tr></table>
+
+## Expand rectangles horizontally keep text centered
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Expand%20rectangles%20horizontally%20keep%20text%20centered.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/1-2-3'>@1-2-3</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/Expand%20rectangles%20horizontally%20keep%20text%20centered.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">This script expands the width of the selected rectangles until they are all the same width and keep the text centered.<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-expand-rectangles.gif'></td></tr></table>
+
+## Expand rectangles horizontally
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Expand%20rectangles%20horizontally.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/1-2-3'>@1-2-3</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/Expand%20rectangles%20horizontally.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">This script expands the width of the selected rectangles until they are all the same width.<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-expand-rectangles.gif'></td></tr></table>
+
+## Expand rectangles vertically keep text centered
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Expand%20rectangles%20vertically%20keep%20text%20centered.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/1-2-3'>@1-2-3</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/Expand%20rectangles%20vertically%20keep%20text%20centered.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">This script expands the height of the selected rectangles until they are all the same height and keep the text centered.<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-expand-rectangles.gif'></td></tr></table>
+
+## Expand rectangles vertically
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Expand%20rectangles%20vertically.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/1-2-3'>@1-2-3</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/Expand%20rectangles%20vertically.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">This script expands the height of the selected rectangles until they are all the same height.<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-expand-rectangles.gif'></td></tr></table>
+
+## Fixed horizontal distance between centers
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Fixed%20horizontal%20distance%20between%20centers.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/1-2-3'>@1-2-3</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/Fixed%20horizontal%20distance%20between%20centers.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">This script arranges the selected elements horizontally with a fixed center spacing.<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-fixed-horizontal-distance-between-centers.png'></td></tr></table>
+
+## Fixed inner distance
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Fixed%20inner%20distance.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/1-2-3'>@1-2-3</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/Fixed%20inner%20distance.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">This script arranges selected elements and groups with a fixed inner distance.<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-fixed-inner-distance.png'></td></tr></table>
+
+## Fixed spacing
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Fixed%20spacing.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/1-2-3'>@1-2-3</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/Fixed%20spacing.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">The script arranges the selected elements horizontally with a fixed spacing. When we create an architecture diagram or mind map, we often need to arrange a large number of elements in a fixed spacing. `Fixed spacing` and `Fixed vertical Distance` scripts can save us a lot of time.<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-fix-space-demo.png'></td></tr></table>
+
+## Fixed vertical distance between centers
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Fixed%20vertical%20distance%20between%20centers.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/1-2-3'>@1-2-3</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/Fixed%20vertical%20distance%20between%20centers.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">This script arranges the selected elements vertically with a fixed center spacing.<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-fixed-vertical-distance-between-centers.png'></td></tr></table>
+
+## Fixed vertical distance
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Fixed%20vertical%20distance.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/1-2-3'>@1-2-3</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/Fixed%20vertical%20distance.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">The script arranges the selected elements vertically with a fixed spacing. When we create an architecture diagram or mind map, we often need to arrange a large number of elements in a fixed spacing. `Fixed spacing` and `Fixed vertical Distance` scripts can save us a lot of time.<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-fixed-vertical-distance.png'></td></tr></table>
+
+## Lighten background color
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Lighten%20background%20color.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/1-2-3'>@1-2-3</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/Lighten%20background%20color.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">This script lightens the background color of the selected element by 2% at a time. You can use this script several times until you are satisfied. It is recommended to set a shortcut key for this script so that you can quickly try to DARKEN and LIGHTEN the color effect.In contrast to the `Modify background color opacity` script, the advantage is that the background color of the element is not affected by the canvas color, and the color value does not appear in a strange rgba() form.<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/darken-lighten-background-color.png'></td></tr></table>
+
+## Modify background color opacity
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Modify%20background%20color%20opacity.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/1-2-3'>@1-2-3</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/Modify%20background%20color%20opacity.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">This script changes the opacity of the background color of the selected boxes. The default background color in Excalidraw is so dark that the text is hard to read. You can lighten the color a bit by setting transparency. And you can tweak the transparency over and over again until you're happy with it. Although excalidraw has the opacity option in its native property Settings, it also changes the transparency of the border. Use this script to change only the opacity of the background color without affecting the border.<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-modify-background-color-opacity.png'></td></tr></table>
+
+## Normalize Selected Arrows
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Normalize%20Selected%20Arrows.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/1-2-3'>@1-2-3</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/Normalize%20Selected%20Arrows.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">This script will reset the start and end positions of the selected arrows. The arrow will point to the center of the connected box and will have a gap of 8px from the box.<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-normalize-selected-arrows.png'></td></tr></table>
+
+## OCR - Optical Character Recognition
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/OCR%20-%20Optical%20Character%20Recognition.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/zsviczian'>@zsviczian</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/OCR%20-%20Optical%20Character%20Recognition.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">REQUIRES EXCALIDRAW 1.5.15<br>The script will  1) send the selected image file to [taskbone.com](https://taskbone.com) to exctract the text from the image, and 2) will add the text to your drawing as a text element.<br><mark>⚠ Note that you will need to manually paste your token into the script after the first run! ⚠</mark><br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-ocr.jpg'><br><iframe width="560" height="315" src="https://www.youtube.com/embed/W2NMzR8s4eE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></td></tr></table>
+
+## Organic Line
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Organic%20Line.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/zsviczian'>@zsviczian</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/Organic%20Line.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">Converts selected freedraw lines such that pencil pressure will decrease from maximum to minimum from the beginning of the line to its end. The resulting line is placed at the back of the layers, under all other items. Helpful when drawing organic mindmaps.<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-organic-line.jpg'></td></tr></table>
+
+## Repeat Elements
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Repeat%20Elements.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/1-2-3'>@1-2-3</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/Repeat%20Elements.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">This script will detect the difference between 2 selected elements, including position, size, angle, stroke and background color, and create several elements that repeat these differences based on the number of repetitions entered by the user.<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-repeat-elements.png'></td></tr></table>
+
+## Reverse arrows
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Reverse%20arrows.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/zsviczian'>@zsviczian</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/Reverse%20arrows.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">Reverse the direction of **arrows** within the scope of selected elements.<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-reverse-arrow.jpg'></td></tr></table>
+
+## Scribble Helper
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Scribble%20Helper.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/zsviczian'>@zsviczian</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/Scribble%20Helper.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">iOS scribble helper for better handwriting experience with text elements. If no elements are selected then the creates a text element at pointer position and you can use the edit box to modify the text with scribble. If a text element is selected then opens the input prompt where you can modify this text with scribble.<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-scribble-helper.jpg'></td></tr></table>
+
+## Select Elements of Type
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Select%20Elements%20of%20Type.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/zsviczian'>@zsviczian</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/Select%20Elements%20of%20Type.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">Prompts you with a list of the different element types in the active image. Only elements of the selected type will be selected on the canvas. If nothing is selected when running the script, then the script will process all the elements on the canvas. If some elements are selected when the script is executed, then the script will only process the selected elements.<br>The script is useful when, for example, you want to bring to front all the arrows, or want to change the color of all the text elements, etc.<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-select-element-of-type.jpg'></td></tr></table>
+
+## Set background color of unclosed line object by adding a shadow clone
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Set%20background%20color%20of%20unclosed%20line%20object%20by%20adding%20a%20shadow%20clone.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/zsviczian'>@zsviczian</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/Set%20background%20color%20of%20unclosed%20line%20object%20by%20adding%20a%20shadow%20clone.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">Use this script to set the background color of unclosed (i.e. open) line objects by creating a clone of the object. The script will set the stroke color of the clone to transparent and will add a straight line to close the object. Use settings to define the default background color, the fill style, and the strokeWidth of the clone. By default the clone will be grouped with the original object, you can disable this also in settings.<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-set-background-color-of-unclosed-line.jpg'></td></tr></table>
+
+## Set Dimensions
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Set%20Dimensions.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/zsviczian'>@zsviczian</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/Set%20Dimensions.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">Currently there is no way to specify the exact location and size of objects in Excalidraw. You can bridge this gap with the following simple script.<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-dimensions.jpg'></td></tr></table>
+
+## Set Font Family
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Set%20Font%20Family.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/zsviczian'>@zsviczian</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/Set%20Font%20Family.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">Sets font family of the text block (Virgil, Helvetica, Cascadia). Useful if you want to set a keyboard shortcut for selecting font family.<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-font-family.jpg'></td></tr></table>
+
+## Set Grid
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Set%20Grid.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/zsviczian'>@zsviczian</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/Set%20Grid.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">The default grid size in Excalidraw is 20. Currently there is no way to change the grid size via the user interface. This script offers a way to bridge this gap.<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-grid.jpg'></td></tr></table>
+
+## Set Link Alias
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Set%20Link%20Alias.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/zsviczian'>@zsviczian</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/Set%20Link%20Alias.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">Iterates all of the links in the selected TextElements and prompts the user to set or modify the alias for each link found.<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-set-link-alias.jpg'></td></tr></table>
+
+## Set Stroke Width of Selected Elements
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Set%20Stroke%20Width%20of%20Selected%20Elements.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/zsviczian'>@zsviczian</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/Set%20Stroke%20Width%20of%20Selected%20Elements.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">This script will set the stroke width of selected elements. This is helpful, for example, when you scale freedraw sketches and want to reduce or increase their line width.<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-stroke-width.jpg'></td></tr></table>
+
+## Set Text Alignment
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Set%20Text%20Alignment.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/zsviczian'>@zsviczian</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/Set%20Text%20Alignment.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">Sets text alignment of text block (cetner, right, left). Useful if you want to set a keyboard shortcut for selecting text alignment.<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-text-align.jpg'></td></tr></table>
+
+## Split text by lines
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Split%20text%20by%20lines.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/zsviczian'>@zsviczian</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/Split%20text%20by%20lines.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">Split lines of text into separate text elements for easier reorganization<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-split-lines.jpg'></td></tr></table>
+
+## TheBrain-navigation
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/TheBrain-navigation.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/zsviczian'>@zsviczian</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/TheBrain-navigation.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">An Excalidraw based graph user interface for your Vault. Requires the <a href="https://github.com/blacksmithgu/obsidian-dataview">Dataview plugin</a>. Generates a graph view similar to that of <a href="https://TheBrain.com">TheBrain</a> plex.<br>Watch an introduction to this script on <a href="https://youtu.be/plYobK-VufM">YouTube</a>.<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/TheBrain.jpg'></td></tr></table>
+
+## Transfer TextElements to Excalidraw markdown metadata
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Transfer%20TextElements%20to%20Excalidraw%20markdown%20metadata.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/zsviczian'>@zsviczian</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/Transfer%20TextElements%20to%20Excalidraw%20markdown%20metadata.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">The script will delete the selected text elements from the canvas and will copy the text from these text elements into the Excalidraw markdown file as metadata. This means, that the text will no longer be visible in the drawing, however you will be able to search for the text in Obsidian and find the drawing containing this image.<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-text-to-metadata.jpg'></td></tr></table>
+
+## Zoom to Fit Selected Elements
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Zoom%20to%20Fit%20Selected%20Elements.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/zsviczian'>@zsviczian</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/Zoom%20to%20Fit%20Selected%20Elements.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">Similar to Excalidraw standard SHIFT+2 feature: Zoom to fit selected elements, but with the ability to zoom to 1000%. Inspiration: [#272](https://github.com/zsviczian/obsidian-excalidraw-plugin/issues/272)</td></tr></table>
--- a/ea-scripts/index.md
+++ b/ea-scripts/index.md
@@ -53,6 +53,8 @@ I would love to include your contribution in the script library. If you have a s
 - [[#Modify background color opacity]]
 - [[#Normalize Selected Arrows]]
 - [[#OCR - Optical Character Recognition]]
+- [[#Organic Line]]
+- [[#Repeat Elements]]
 - [[#Reverse arrows]]
 - [[#Scribble Helper]]
 - [[#Select Elements of Type]]
@@ -64,6 +66,7 @@ I would love to include your contribution in the script library. If you have a s
 - [[#Set Stroke Width of Selected Elements]]
 - [[#Set Text Alignment]]
 - [[#Split text by lines]]
+- [[#Toggle Fullscreen on Mobile]]
 - [[#Transfer TextElements to Excalidraw markdown metadata]]
 - [[#Zoom to Fit Selected Elements]]

@@ -235,6 +238,18 @@ https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea
 ```
 <table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/zsviczian'>@zsviczian</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/OCR%20-%20Optical%20Character%20Recognition.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">REQUIRES EXCALIDRAW 1.5.15<br>The script will  1) send the selected image file to [taskbone.com](https://taskbone.com) to exctract the text from the image, and 2) will add the text to your drawing as a text element.<br><mark>⚠ Note that you will need to manually paste your token into the script after the first run! ⚠</mark><br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-ocr.jpg'><br><iframe width="560" height="315" src="https://www.youtube.com/embed/W2NMzR8s4eE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></td></tr></table>

+## Organic Line
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Organic%20Line.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/zsviczian'>@zsviczian</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/Organic%20Line.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">Converts selected freedraw lines such that pencil pressure will decrease from maximum to minimum from the beginning of the line to its end. The resulting line is placed at the back of the layers, under all other items. Helpful when drawing organic mindmaps.<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-organic-line.jpg'></td></tr></table>
+
+## Repeat Elements
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Repeat%20Elements.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/1-2-3'>@1-2-3</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/Repeat%20Elements.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">This script will detect the difference between 2 selected elements, including position, size, angle, stroke and background color, and create several elements that repeat these differences based on the number of repetitions entered by the user.<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-repeat-elements.png'></td></tr></table>
+
 ## Reverse arrows
 ```excalidraw-script-install
 https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Reverse%20arrows.md
@@ -301,6 +316,18 @@ https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea
 ```
 <table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/zsviczian'>@zsviczian</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/Split%20text%20by%20lines.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">Split lines of text into separate text elements for easier reorganization<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-split-lines.jpg'></td></tr></table>

+## TheBrain-navigation
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/TheBrain-navigation.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/zsviczian'>@zsviczian</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/TheBrain-navigation.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">An Excalidraw based graph user interface for your Vault. Requires the <a href='https://github.com/SkepticMystic/breadcrumbs'>Breadcrumbs plugin</a> to be installed and configured as well. Generates a user interface similar to that of <a href='https://TheBrain.com'>TheBrain</a>. Watch this introduction to this script on <a href='https://youtu.be/J4T5KHERH_o'>YouTube</a>.<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/TheBrain.jpg'></td></tr></table>
+
+## Toggle Fullscreen on Mobile
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Toggle%20Fullscreen%20on%20Mobile.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/zsviczian'>@zsviczian</a></td></tr><tr valign='top'><td class="label">Source</td><td class="data"><a href='https://github.com/zsviczian/obsidian-excalidraw-plugin/blob/master/ea-scripts/Toggle%20Fullscreen%20on%20Mobile.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">Hides Obsidian workspace leaf padding and header (based on option in settings, default is "hide header" = false) which will take Excalidraw to full screen. ⚠ Note that if the header is not visible, it will be very difficult to invoke the command palette to end full screen. Only hide the header if you have a keyboard or you've practiced opening command palette!<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/ea-toggle-fullscreen.jpg'></td></tr></table>
+
 ## Transfer TextElements to Excalidraw markdown metadata
 ```excalidraw-script-install
 https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Transfer%20TextElements%20to%20Excalidraw%20markdown%20metadata.md
--- a/images/TheBrain.jpg
+++ b/images/TheBrain.jpg
--- a/images/ea-toggle-fullscreen.jpg
+++ b/images/ea-toggle-fullscreen.jpg
--- a/images/scripts-organic-line.jpg
+++ b/images/scripts-organic-line.jpg
--- a/images/scripts-repeat-elements.png
+++ b/images/scripts-repeat-elements.png
--- a/images/support-tiers.jpg
+++ b/images/support-tiers.jpg
--- a/manifest.json
+++ b/manifest.json
@@ -1,7 +1,7 @@
 {
 	"id": "obsidian-excalidraw-plugin",
 	"name": "Excalidraw",
-	"version": "1.6.11",
+	"version": "1.6.27",
 	"minAppVersion": "0.12.16",
 	"description": "An Obsidian plugin to edit and view Excalidraw drawings",
 	"author": "Zsolt Viczian",
--- a/package.json
+++ b/package.json
@@ -1,23 +1,31 @@
 {
  "name": "obsidian-excalidraw-plugin",
-  "version": "1.6.9",
+  "version": "1.6.27",
  "description": "This is an Obsidian.md plugin that lets you view and edit Excalidraw drawings",
-  "main": "main.js",
+	"main": "lib/index.js",
+  "types": "lib/index.d.ts",
+  "files": [
+    "lib/**/*"
+  ],
  "scripts": {
    "dev": "cross-env NODE_ENV=development rollup --config rollup.config.js -w",
    "build": "cross-env NODE_ENV=production rollup --config rollup.config.js && terser main.js --compress toplevel=true,passes=2 --output main.js",
+    "lib": "cross-env NODE_ENV=lib rollup --config rollup.config.js -w",
    "code:fix": "eslint --max-warnings=0 --ext .ts,.tsx ./src --fix"
  },
  "keywords": [],
  "author": "",
  "license": "MIT",
  "dependencies": {
-    "@zsviczian/excalidraw": "0.10.0-obsidian-49",
+    "@zsviczian/excalidraw": "0.11.0-obsidian-16",
    "monkey-around": "^2.3.0",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-scripts": "^5.0.0",
-    "roughjs": "^4.5.2"
+    "roughjs": "^4.5.2",
+    "lz-string": "^1.4.4",
+    "@types/lz-string": "^1.3.34",
+    "clsx": "1.1.1"
  },
  "devDependencies": {
    "@babel/core": "^7.16.12",
@@ -28,19 +36,24 @@
    "@rollup/plugin-node-resolve": "^13.1.3",
    "@rollup/plugin-replace": "^3.0.1",
    "@rollup/plugin-typescript": "^8.3.0",
+    "rollup-plugin-typescript2": "^0.31.2",
+    "rollup-plugin-web-worker-loader": "^1.6.1",
    "@types/js-beautify": "^1.13.3",
    "@types/node": "^15.12.4",
    "@types/react-dom": "^17.0.11",
+    "@zerollup/ts-transform-paths": "^1.7.18",
    "@popperjs/core": "^2.11.2",
    "cross-env": "^7.0.3",
    "html2canvas": "^1.4.0",
    "nanoid": "^3.1.31",
-    "obsidian": "^0.13.21",
-    "rollup": "^2.66.0",
-    "rollup-plugin-visualizer": "^5.5.4",
+    "obsidian": "^0.14.6",
+    "rollup": "^2.70.1",
+    "rollup-plugin-visualizer": "^5.6.0",
    "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-copy": "^3.4.0",
    "tslib": "^2.3.1",
    "typescript": "^4.5.5",
+    "ttypescript": "^1.5.13",
    "eslint-config-prettier": "8.3.0",
    "eslint-plugin-prettier": "^4.0.0",
    "prettier": "^2.5.1",
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -4,21 +4,36 @@ import commonjs from '@rollup/plugin-commonjs';
 import { env } from "process";
 import babel from '@rollup/plugin-babel';
 import replace from "@rollup/plugin-replace";
-import visualizer from "rollup-plugin-visualizer";
 import { terser } from "rollup-plugin-terser";
+import copy from "rollup-plugin-copy";
+import ttypescript from "ttypescript";
+import typescript2 from "rollup-plugin-typescript2";
+import webWorker from "rollup-plugin-web-worker-loader";

 const isProd = (process.env.NODE_ENV === "production");
 console.log("Is production", isProd);

-export default {
+const BASE_CONFIG = {
  input: 'src/main.ts',
+  external: ['obsidian'],
+}
+
+const getRollupPlugins = (tsconfig, ...plugins) =>
+    [
+        typescript2(tsconfig),
+        nodeResolve({ browser: true }),
+        commonjs(),
+        webWorker({ inline: true, forceInline: true, targetPlatform: "browser" }),
+    ].concat(plugins);
+
+const BUILD_CONFIG = {
+  ...BASE_CONFIG,
  output: {
    dir: '.',
    sourcemap: 'inline',
    format: 'cjs',
    exports: 'default',
  },
-  external: ['obsidian'],
  plugins: [
    replace({
      preventAssignment: true,
@@ -30,9 +45,32 @@ export default {
    commonjs(),
    nodeResolve({ browser: true, preferBuiltins: true }),
    typescript({inlineSources: !isProd}),
-    visualizer(),
    ...isProd ? [
      terser({toplevel: true, compress: {passes: 2}})
    ] : []
  ],
-};
+}
+
+const LIB_CONFIG = {
+  ...BASE_CONFIG,
+  input: "src/index.ts",
+  output: {
+    dir: "lib",
+    sourcemap: true,
+    format: "cjs",
+    name: "Excalidraw (Library)",
+  },
+  plugins: getRollupPlugins(
+      { tsconfig: "tsconfig-lib.json", typescript: ttypescript },
+      copy({ targets: [{ src: "src/*.d.ts", dest: "lib/typings" }] })
+  ),  
+}
+
+let config = [];
+if(process.env.NODE_ENV === "lib") {
+  config.push(LIB_CONFIG);
+} else {
+  config.push(BUILD_CONFIG);
+}
+
+export default config;
--- a/scripts/ea-scripts-with-modified-dates.md
+++ b/scripts/ea-scripts-with-modified-dates.md
@@ -0,0 +1,36 @@
+<%*
+/*
+```javascript
+*/
+
+const executeRequest = async(url) => JSON.parse(await request({url}));
+
+fileList = await executeRequest(
+  "https://api.github.com/repos/zsviczian/obsidian-excalidraw-plugin/contents/ea-scripts"
+);
+if(!fileList || fileList.length === 0) return;
+
+const msgHead = "https://api.github.com/repos/zsviczian/obsidian-excalidraw-plugin/commits?path=ea-scripts%2F";
+const msgTail = "&page=1&per_page=1";
+const filesWithDates = [];
+for(f of fileList.filter((f)=>f.type==="file")) {
+  const fname = f.name;
+  const data = await executeRequest(
+    msgHead + encodeURI(fname) + msgTail
+  );
+  if(!data || data.length===0 || !data[0].commit?.committer?.date)
+    console.log("Commit missing: " + fname);
+  else {
+    const mtime = new Date(data[0].commit.committer.date) / 1;
+    filesWithDates.push({fname, mtime});
+  }
+};
+const jsonData = JSON.stringify(filesWithDates);
+
+const dirFileName = "directory-info.json";
+let file = app.vault.getAbstractFileByPath(dirFileName);
+if(!file)
+  app.vault.create(dirFileName,jsonData);
+else 
+  app.vault.modify(file,jsonData);
+%>
--- a/src/EmbeddedFileLoader.ts
+++ b/src/EmbeddedFileLoader.ts
@@ -3,14 +3,16 @@ import { BinaryFileData, DataURL } from "@zsviczian/excalidraw/types/types";
 import { App, MarkdownRenderer, Notice, TFile } from "obsidian";
 import {
  CASCADIA_FONT,
+  DEFAULT_MD_EMBED_CSS,
  fileid,
+  FRONTMATTER_KEY_BORDERCOLOR,
  FRONTMATTER_KEY_FONT,
  FRONTMATTER_KEY_FONTCOLOR,
  FRONTMATTER_KEY_MD_STYLE,
  IMAGE_TYPES,
  nanoid,
  VIRGIL_FONT,
-} from "./constants";
+} from "./Constants";
 import { createSVG } from "./ExcalidrawAutomate";
 import { ExcalidrawData, getTransclusion } from "./ExcalidrawData";
 import { ExportSettings } from "./ExcalidrawView";
@@ -20,12 +22,17 @@ import ExcalidrawPlugin from "./main";
 import {
  errorlog,
  getDataURL,
+  getExportTheme,
  getFontDataURL,
  getImageSize,
  getLinkParts,
+  getSVGPadding,
+  getWithBackground,
+  hasExportBackground,
+  hasExportTheme,
  LinkParts,
  svgToBase64,
-} from "./Utils";
+} from "./utils/Utils";

 export declare type MimeType =
  | "image/svg+xml"
@@ -155,7 +162,6 @@ export class EmbeddedFile {

 export class EmbeddedFilesLoader {
  private plugin: ExcalidrawPlugin;
-  private processedFiles: Map<string, number> = new Map<string, number>();
  private isDark: boolean;
  public terminate = false;
  public uid: string;
@@ -166,7 +172,7 @@ export class EmbeddedFilesLoader {
    this.uid = nanoid();
  }

-  public async getObsidianImage(inFile: TFile | EmbeddedFile): Promise<{
+  public async getObsidianImage(inFile: TFile | EmbeddedFile, depth: number): Promise<{
    mimeType: MimeType;
    fileId: FileId;
    dataURL: DataURL;
@@ -189,15 +195,7 @@ export class EmbeddedFilesLoader {
            width: this.plugin.settings.mdSVGwidth,
            height: this.plugin.settings.mdSVGmaxHeight,
          };
-    //to block infinite loop of recursive loading of images
-    const count = this.processedFiles.has(file.path)
-      ? this.processedFiles.get(file.path)
-      : 0;
-    if (file.extension === "md" && count > 2) {
-      new Notice(t("INFINITE_LOOP_WARNING") + file.path, 6000);
-      return null;
-    }
-    this.processedFiles.set(file.path, count + 1);
+
    let hasSVGwithBitmap = false;
    const app = this.plugin.app;
    const isExcalidrawFile = this.plugin.isExcalidrawFile(file);
@@ -214,20 +212,27 @@ export class EmbeddedFilesLoader {

    const getExcalidrawSVG = async (isDark: boolean) => {
      //debug({where:"EmbeddedFileLoader.getExcalidrawSVG",uid:this.uid,file:file.name});
+      const forceTheme = hasExportTheme(this.plugin, file)
+        ? getExportTheme(this.plugin, file, "light")
+        : undefined;
      const exportSettings: ExportSettings = {
-        withBackground: false,
-        withTheme: false,
+        withBackground: hasExportBackground(this.plugin, file)
+          ? getWithBackground(this.plugin, file)
+          : false,
+        withTheme: !!forceTheme,
      };
      const svg = await createSVG(
        file.path,
        true,
        exportSettings,
        this,
-        null,
+        forceTheme,
        null,
        null,
        [],
        this.plugin,
+        depth+1,
+        getSVGPadding(this.plugin, file),
      );
      //https://stackoverflow.com/questions/51154171/remove-css-filter-on-child-elements
      const imageList = svg.querySelectorAll(
@@ -302,11 +307,16 @@ export class EmbeddedFilesLoader {
  public async loadSceneFiles(
    excalidrawData: ExcalidrawData,
    addFiles: Function,
+    depth:number
  ) {
+    if(depth > 4) {
+      new Notice(t("INFINITE_LOOP_WARNING")+depth.toString(), 6000);
+      return;
+    }
    const entries = excalidrawData.getFileEntries();
    //debug({where:"EmbeddedFileLoader.loadSceneFiles",uid:this.uid,isDark:this.isDark,sceneTheme:excalidrawData.scene.appState.theme});
    if (this.isDark === undefined) {
-      this.isDark = excalidrawData.scene.appState.theme === "dark";
+      this.isDark = excalidrawData?.scene?.appState?.theme === "dark";
    }
    let entry;
    const files: FileData[] = [];
@@ -314,7 +324,7 @@ export class EmbeddedFilesLoader {
      const embeddedFile: EmbeddedFile = entry.value[1];
      if (!embeddedFile.isLoaded(this.isDark)) {
        //debug({where:"EmbeddedFileLoader.loadSceneFiles",uid:this.uid,status:"embedded Files are not loaded"});
-        const data = await this.getObsidianImage(embeddedFile);
+        const data = await this.getObsidianImage(embeddedFile, depth);
        if (data) {
          files.push({
            mimeType: data.mimeType,
@@ -381,7 +391,8 @@ const convertMarkdownToSVG = async (
 ): Promise<DataURL> => {
  //1.
  //get the markdown text
-  let text = (await getTransclusion(linkParts, plugin.app, file)).contents;
+  const transclusion = await getTransclusion(linkParts, plugin.app, file);
+  let text = (transclusion.leadingHashes??"") + transclusion.contents;
  if (text === "") {
    text =
      "# Empty markdown file\nCTRL+Click here to open the file for editing in the current active pane, or CTRL+SHIFT+Click to open it in an adjacent pane.";
@@ -430,20 +441,27 @@ const convertMarkdownToSVG = async (
      frontmatterCSSisAfile = true;
    }
  }
-  if (
-    !frontmatterCSSisAfile &&
-    plugin.settings.mdCSS &&
-    plugin.settings.mdCSS != ""
-  ) {
-    const f = plugin.app.metadataCache.getFirstLinkpathDest(
-      plugin.settings.mdCSS,
-      file.path,
-    );
-    if (f) {
-      style += `\n${await plugin.app.vault.read(f)}`;
+  if (!frontmatterCSSisAfile) {
+    if (plugin.settings.mdCSS && plugin.settings.mdCSS !== "") {
+      const f = plugin.app.metadataCache.getFirstLinkpathDest(
+        plugin.settings.mdCSS,
+        file.path,
+      );
+      style += f ? `\n${await plugin.app.vault.read(f)}` : DEFAULT_MD_EMBED_CSS;
+    } else {
+      style += DEFAULT_MD_EMBED_CSS;
    }
  }

+  const borderColor = fileCache?.frontmatter
+    ? fileCache.frontmatter[FRONTMATTER_KEY_BORDERCOLOR] ??
+      plugin.settings.mdBorderColor
+    : plugin.settings.mdBorderColor;
+
+  if (borderColor && borderColor !== "" && !style.match(/svg/i)) {
+    style += `svg{border:2px solid;color:${borderColor};transform:scale(.95)}`;
+  }
+
  //3.
  //SVG helper functions
  //the SVG will first have ~infinite height. After sizing this will be reduced
@@ -470,9 +488,7 @@ const convertMarkdownToSVG = async (
  }
  mdDIV.style.overflow = "auto";
  mdDIV.style.display = "block";
-  if (fontColor && fontColor != "") {
-    mdDIV.style.color = fontColor;
-  }
+  mdDIV.style.color = fontColor && fontColor !== "" ? fontColor : "initial";

  await MarkdownRenderer.renderMarkdown(text, mdDIV, file.path, plugin);
  mdDIV
--- a/src/ExcalidrawAutomate.ts
+++ b/src/ExcalidrawAutomate.ts
--- a/src/ExcalidrawData.ts
+++ b/src/ExcalidrawData.ts
--- a/src/ExcalidrawView.ts
+++ b/src/ExcalidrawView.ts
--- a/src/FolderSuggester.ts
+++ b/src/FolderSuggester.ts
@@ -1,460 +0,0 @@
-import {
-    FuzzyMatch,
-    TFile,
-    BlockCache,
-    HeadingCache,
-    CachedMetadata,
-    TextComponent,
-    App,
-    TFolder,
-    FuzzySuggestModal,
-    SuggestModal,
-    Scope
-} from "obsidian";
-import { t } from "./lang/helpers";
-import { createPopper, Instance as PopperInstance } from "@popperjs/core";
-
-class Suggester<T> {
-  owner: SuggestModal<T>;
-  items: T[];
-  suggestions: HTMLDivElement[];
-  selectedItem: number;
-  containerEl: HTMLElement;
-  constructor(
-      owner: SuggestModal<T>,
-      containerEl: HTMLElement,
-      scope: Scope
-  ) {
-      this.containerEl = containerEl;
-      this.owner = owner;
-      containerEl.on(
-          "click",
-          ".suggestion-item",
-          this.onSuggestionClick.bind(this)
-      );
-      containerEl.on(
-          "mousemove",
-          ".suggestion-item",
-          this.onSuggestionMouseover.bind(this)
-      );
-
-      scope.register([], "ArrowUp", () => {
-          this.setSelectedItem(this.selectedItem - 1, true);
-          return false;
-      });
-
-      scope.register([], "ArrowDown", () => {
-          this.setSelectedItem(this.selectedItem + 1, true);
-          return false;
-      });
-
-      scope.register([], "Enter", (evt) => {
-          this.useSelectedItem(evt);
-          return false;
-      });
-
-      scope.register([], "Tab", (evt) => {
-          this.chooseSuggestion(evt);
-          return false;
-      });
-  }
-  chooseSuggestion(evt: KeyboardEvent) {
-      if (!this.items || !this.items.length) return;
-      const currentValue = this.items[this.selectedItem];
-      if (currentValue) {
-          this.owner.onChooseSuggestion(currentValue, evt);
-      }
-  }
-  onSuggestionClick(event: MouseEvent, el: HTMLDivElement): void {
-      event.preventDefault();
-      if (!this.suggestions || !this.suggestions.length) return;
-
-      const item = this.suggestions.indexOf(el);
-      this.setSelectedItem(item, false);
-      this.useSelectedItem(event);
-  }
-
-  onSuggestionMouseover(event: MouseEvent, el: HTMLDivElement): void {
-      if (!this.suggestions || !this.suggestions.length) return;
-      const item = this.suggestions.indexOf(el);
-      this.setSelectedItem(item, false);
-  }
-  empty() {
-      this.containerEl.empty();
-  }
-  setSuggestions(items: T[]) {
-      this.containerEl.empty();
-      const els: HTMLDivElement[] = [];
-
-      items.forEach((item) => {
-          const suggestionEl = this.containerEl.createDiv("suggestion-item");
-          this.owner.renderSuggestion(item, suggestionEl);
-          els.push(suggestionEl);
-      });
-      this.items = items;
-      this.suggestions = els;
-      this.setSelectedItem(0, false);
-  }
-  useSelectedItem(event: MouseEvent | KeyboardEvent) {
-      if (!this.items || !this.items.length) return;
-      const currentValue = this.items[this.selectedItem];
-      if (currentValue) {
-          this.owner.selectSuggestion(currentValue, event);
-      }
-  }
-  wrap(value: number, size: number): number {
-      return ((value % size) + size) % size;
-  }
-  setSelectedItem(index: number, scroll: boolean) {
-      const nIndex = this.wrap(index, this.suggestions.length);
-      const prev = this.suggestions[this.selectedItem];
-      const next = this.suggestions[nIndex];
-
-      if (prev) prev.removeClass("is-selected");
-      if (next) next.addClass("is-selected");
-
-      this.selectedItem = nIndex;
-
-      if (scroll) {
-          next.scrollIntoView(false);
-      }
-  }
-}
-
-export abstract class SuggestionModal<T> extends FuzzySuggestModal<T> {
-  items: T[] = [];
-  suggestions: HTMLDivElement[];
-  popper: PopperInstance;
-  //@ts-ignore
-  scope: Scope = new Scope(this.app.scope);
-  suggester: Suggester<FuzzyMatch<T>>;
-  suggestEl: HTMLDivElement;
-  promptEl: HTMLDivElement;
-  emptyStateText: string = "No match found";
-  limit: number = 100;
-  shouldNotOpen: boolean;
-  constructor(app: App, inputEl: HTMLInputElement, items: T[]) {
-      super(app);
-      this.inputEl = inputEl;
-      this.items = items;
-
-      this.suggestEl = createDiv("suggestion-container");
-
-      this.contentEl = this.suggestEl.createDiv("suggestion");
-
-      this.suggester = new Suggester(this, this.contentEl, this.scope);
-
-      this.scope.register([], "Escape", this.onEscape.bind(this));
-
-      this.inputEl.addEventListener("input", this.onInputChanged.bind(this));
-      this.inputEl.addEventListener("focus", this.onFocus.bind(this));
-      this.inputEl.addEventListener("blur", this.close.bind(this));
-      this.suggestEl.on(
-          "mousedown",
-          ".suggestion-container",
-          (event: MouseEvent) => {
-              event.preventDefault();
-          }
-      );
-  }
-  empty() {
-      this.suggester.empty();
-  }
-  onInputChanged(): void {
-      if (this.shouldNotOpen) return;
-      const inputStr = this.modifyInput(this.inputEl.value);
-      const suggestions = this.getSuggestions(inputStr);
-      if (suggestions.length > 0) {
-          this.suggester.setSuggestions(suggestions.slice(0, this.limit));
-      } else {
-          this.onNoSuggestion();
-      }
-      this.open();
-  }
-  onFocus(): void {
-      this.shouldNotOpen = false;
-      this.onInputChanged();
-  }
-  modifyInput(input: string): string {
-      return input;
-  }
-  onNoSuggestion() {
-      this.empty();
-      this.renderSuggestion(
-          null,
-          this.contentEl.createDiv("suggestion-item")
-      );
-  }
-  open(): void {
-      // TODO: Figure out a better way to do this. Idea from Periodic Notes plugin
-      this.app.keymap.pushScope(this.scope);
-
-      document.body.appendChild(this.suggestEl);
-      this.popper = createPopper(this.inputEl, this.suggestEl, {
-          placement: "bottom-start",
-          modifiers: [
-              {
-                  name: "offset",
-                  options: {
-                      offset: [0, 10]
-                  }
-              },
-              {
-                  name: "flip",
-                  options: {
-                      fallbackPlacements: ["top"]
-                  }
-              }
-          ]
-      });
-  }
-
-  onEscape(): void {
-      this.close();
-      this.shouldNotOpen = true;
-  }
-  close(): void {
-      // TODO: Figure out a better way to do this. Idea from Periodic Notes plugin
-      this.app.keymap.popScope(this.scope);
-
-      this.suggester.setSuggestions([]);
-      if (this.popper) {
-          this.popper.destroy();
-      }
-
-      this.suggestEl.detach();
-  }
-  createPrompt(prompts: HTMLSpanElement[]) {
-      if (!this.promptEl)
-          this.promptEl = this.suggestEl.createDiv("prompt-instructions");
-      let prompt = this.promptEl.createDiv("prompt-instruction");
-      for (let p of prompts) {
-          prompt.appendChild(p);
-      }
-  }
-  abstract onChooseItem(item: T, evt: MouseEvent | KeyboardEvent): void;
-  abstract getItemText(arg: T): string;
-  abstract getItems(): T[];
-}
-
-export class PathSuggestionModal extends SuggestionModal<
-    TFile | BlockCache | HeadingCache
-> {
-    file: TFile;
-    files: TFile[];
-    text: TextComponent;
-    cache: CachedMetadata;
-    constructor(app: App, input: TextComponent, items: TFile[]) {
-        super(app, input.inputEl, items);
-        this.files = [...items];
-        this.text = input;
-        //this.getFile();
-
-
-        this.inputEl.addEventListener("input", this.getFile.bind(this));
-    }
-    
-    getFile() {
-        const v = this.inputEl.value,
-            file = this.app.metadataCache.getFirstLinkpathDest(
-                v.split(/[\^#]/).shift() || "",
-                ""
-            );
-        if (file == this.file) return;
-        this.file = file;
-        if (this.file)
-            this.cache = this.app.metadataCache.getFileCache(this.file);
-        this.onInputChanged();
-    }
-    getItemText(item: TFile | HeadingCache | BlockCache) {
-        if (item instanceof TFile) return item.path;
-        if (Object.prototype.hasOwnProperty.call(item, "heading")) {
-            return (<HeadingCache>item).heading;
-        }
-        if (Object.prototype.hasOwnProperty.call(item, "id")) {
-            return (<BlockCache>item).id;
-        }
-    }
-    onChooseItem(item: TFile | HeadingCache | BlockCache) {
-        if (item instanceof TFile) {
-            this.text.setValue(item.basename);
-            this.file = item;
-            this.cache = this.app.metadataCache.getFileCache(this.file);
-        } else if (Object.prototype.hasOwnProperty.call(item, "heading")) {
-            this.text.setValue(
-                this.file.basename + "#" + (<HeadingCache>item).heading
-            );
-        } else if (Object.prototype.hasOwnProperty.call(item, "id")) {
-            this.text.setValue(
-                this.file.basename + "^" + (<BlockCache>item).id
-            );
-        }
-    }
-    selectSuggestion({ item }: FuzzyMatch<TFile | BlockCache | HeadingCache>) {
-        let link: string;
-        if (item instanceof TFile) {
-            link = item.basename;
-        } else if (Object.prototype.hasOwnProperty.call(item, "heading")) {
-            link = this.file.basename + "#" + (<HeadingCache>item).heading;
-        } else if (Object.prototype.hasOwnProperty.call(item, "id")) {
-            link = this.file.basename + "^" + (<BlockCache>item).id;
-        }
-
-        this.text.setValue(link);
-        this.onClose();
-
-        this.close();
-    }
-    renderSuggestion(
-        result: FuzzyMatch<TFile | BlockCache | HeadingCache>,
-        el: HTMLElement
-    ) {
-        let { item, match: matches } = result || {};
-        let content = el.createDiv({
-            cls: "suggestion-content"
-        });
-        if (!item) {
-            content.setText(this.emptyStateText);
-            content.parentElement.addClass("is-selected");
-            return;
-        }
-
-        if (item instanceof TFile) {
-            let pathLength = item.path.length - item.name.length;
-            const matchElements = matches.matches.map((m) => {
-                return createSpan("suggestion-highlight");
-            });
-            for (
-                let i = pathLength;
-                i < item.path.length - item.extension.length - 1;
-                i++
-            ) {
-                let match = matches.matches.find((m) => m[0] === i);
-                if (match) {
-                    let element = matchElements[matches.matches.indexOf(match)];
-                    content.appendChild(element);
-                    element.appendText(item.path.substring(match[0], match[1]));
-
-                    i += match[1] - match[0] - 1;
-                    continue;
-                }
-
-                content.appendText(item.path[i]);
-            }
-            el.createDiv({
-                cls: "suggestion-note",
-                text: item.path
-            });
-        } else if (Object.prototype.hasOwnProperty.call(item, "heading")) {
-            content.setText((<HeadingCache>item).heading);
-            content.prepend(
-                createSpan({
-                    cls: "suggestion-flair",
-                    text: `H${(<HeadingCache>item).level}`
-                })
-            );
-        } else if (Object.prototype.hasOwnProperty.call(item, "id")) {
-            content.setText((<BlockCache>item).id);
-        }
-    }
-    get headings() {
-        if (!this.file) return [];
-        if (!this.cache) {
-            this.cache = this.app.metadataCache.getFileCache(this.file);
-        }
-        return this.cache.headings || [];
-    }
-    get blocks() {
-        if (!this.file) return [];
-        if (!this.cache) {
-            this.cache = this.app.metadataCache.getFileCache(this.file);
-        }
-        return Object.values(this.cache.blocks || {}) || [];
-    }
-    getItems() {
-        const v = this.inputEl.value;
-        if (/#/.test(v)) {
-            this.modifyInput = (i) => i.split(/#/).pop();
-            return this.headings;
-        } else if (/\^/.test(v)) {
-            this.modifyInput = (i) => i.split(/\^/).pop();
-            return this.blocks;
-        }
-        return this.files;
-    }
-}
-
-export class FolderSuggestionModal extends SuggestionModal<TFolder> {
-    text: TextComponent;
-    cache: CachedMetadata;
-    folders: TFolder[];
-    folder: TFolder;
-    constructor(app: App, input: TextComponent, items: TFolder[]) {
-        super(app, input.inputEl, items);
-        this.folders = [...items];
-        this.text = input;
-
-        this.inputEl.addEventListener("input", () => this.getFolder());
-    }
-    getFolder() {
-        const v = this.inputEl.value,
-            folder = this.app.vault.getAbstractFileByPath(v);
-        if (folder == this.folder) return;
-        if (!(folder instanceof TFolder)) return;
-        this.folder = folder;
-
-        this.onInputChanged();
-    }
-    getItemText(item: TFolder) {
-        return item.path;
-    }
-    onChooseItem(item: TFolder) {
-        this.text.setValue(item.path);
-        this.folder = item;
-    }
-    selectSuggestion({ item }: FuzzyMatch<TFolder>) {
-        let link = item.path;
-
-        this.text.setValue(link);
-        this.onClose();
-
-        this.close();
-    }
-    renderSuggestion(result: FuzzyMatch<TFolder>, el: HTMLElement) {
-        let { item, match: matches } = result || {};
-        let content = el.createDiv({
-            cls: "suggestion-content"
-        });
-        if (!item) {
-            content.setText(this.emptyStateText);
-            content.parentElement.addClass("is-selected");
-            return;
-        }
-
-        let pathLength = item.path.length - item.name.length;
-        const matchElements = matches.matches.map((m) => {
-            return createSpan("suggestion-highlight");
-        });
-        for (let i = pathLength; i < item.path.length; i++) {
-            let match = matches.matches.find((m) => m[0] === i);
-            if (match) {
-                let element = matchElements[matches.matches.indexOf(match)];
-                content.appendChild(element);
-                element.appendText(item.path.substring(match[0], match[1]));
-
-                i += match[1] - match[0] - 1;
-                continue;
-            }
-
-            content.appendText(item.path[i]);
-        }
-        el.createDiv({
-            cls: "suggestion-note",
-            text: item.path
-        });
-    }
-
-    getItems() {
-        return this.folders;
-    }
-}
--- a/src/LaTeX.ts
+++ b/src/LaTeX.ts
@@ -3,9 +3,11 @@ import ExcalidrawView from "./ExcalidrawView";
 import ExcalidrawPlugin from "./main";
 import { FileData, MimeType } from "./EmbeddedFileLoader";
 import { FileId } from "@zsviczian/excalidraw/types/element/types";
-import { getImageSize, sleep, svgToBase64 } from "./Utils";
-import { fileid } from "./constants";
+import { getImageSize, log, sleep, svgToBase64 } from "./utils/Utils";
+import { fileid } from "./Constants";
 import html2canvas from "html2canvas";
+import { count } from "console";
+import { Notice } from "obsidian";

 declare let window: any;

@@ -42,15 +44,37 @@ export async function tex2dataURL(
  size: { height: number; width: number };
 }> {
  //if network is slow, or not available, or mathjax has not yet fully loaded
+  let counter = 0;
+  while (!plugin.mathjax && !plugin.mathjaxLoaderFinished && counter < 10) {
+    log({ where: "tex2dataURL", counter });
+    await sleep(100);
+    counter++;
+  }
+
+  //it is not clear why this works, but it seems that after loading the plugin sometimes only the third attempt is successful.
  try {
    return await mathjaxSVG(tex, plugin);
  } catch (e) {
-    await sleep(200); //grace period for mathjax to load, if not, then we go for the slower fallback
+    await sleep(100);
    try {
      return await mathjaxSVG(tex, plugin);
    } catch (e) {
-      //fallback
-      return await mathjaxImage2html(tex);
+      await sleep(100);
+      try {
+        return await mathjaxSVG(tex, plugin);
+      } catch (e) {
+        if (plugin.mathjax) {
+          new Notice(
+            "Unknown error loading LaTeX. Using fallback solution. Try closing and reopening this drawing.",
+          );
+        } else {
+          new Notice(
+            "LaTeX support did not load. Using fallback solution. Try checking your network connection.",
+          );
+        }
+        //fallback
+        return await mathjaxImage2html(tex);
+      }
    }
  }
 }
--- a/src/MarkdownPostProcessor.ts
+++ b/src/MarkdownPostProcessor.ts
@@ -4,18 +4,23 @@ import {
  TFile,
  Vault,
 } from "obsidian";
-import { CTRL_OR_CMD, RERENDER_EVENT } from "./constants";
+import { CTRL_OR_CMD, RERENDER_EVENT } from "./Constants";
 import { EmbeddedFilesLoader } from "./EmbeddedFileLoader";
 import { createPNG, createSVG } from "./ExcalidrawAutomate";
 import { ExportSettings } from "./ExcalidrawView";
 import ExcalidrawPlugin from "./main";
+import {getIMGFilename,} from "./utils/FileUtils";
 import {
  embedFontsInSVG,
-  getIMGFilename,
-  isObsidianThemeDark,
-  splitFolderAndFilename,
+  getExportTheme,
+  getQuickImagePreview,
+  getSVGPadding,
+  getWithBackground,
+  hasExportTheme,
  svgToBase64,
-} from "./Utils";
+} from "./utils/Utils";
+import { isObsidianThemeDark } from "./utils/ObsidianUtils";
+import { splitFolderAndFilename } from "./utils/FileUtils";

 interface imgElementAttributes {
  file?: TFile;
@@ -29,11 +34,13 @@ let plugin: ExcalidrawPlugin;
 let vault: Vault;
 let metadataCache: MetadataCache;

-const getDefaultWidth = (plugin: ExcalidrawPlugin):string => {
+const getDefaultWidth = (plugin: ExcalidrawPlugin): string => {
  const width = parseInt(plugin.settings.width);
-  if(isNaN(width) || width === 0) return "400";
+  if (isNaN(width) || width === 0) {
+    return "400";
+  }
  return plugin.settings.width;
-}
+};

 export const initializeMarkdownPostProcessor = (p: ExcalidrawPlugin) => {
  plugin = p;
@@ -61,9 +68,13 @@ const getIMG = async (
  // https://github.com/zsviczian/obsidian-excalidraw-plugin/issues/387
  imgAttributes.style = imgAttributes.style.replaceAll(" ", "-");

+  const forceTheme = hasExportTheme(plugin, file)
+    ? getExportTheme(plugin, file, "light")
+    : undefined;
+
  const exportSettings: ExportSettings = {
-    withBackground: plugin.settings.exportWithBackground,
-    withTheme: plugin.settings.exportWithTheme,
+    withBackground: getWithBackground(plugin, file),
+    withTheme: forceTheme ? true : plugin.settings.exportWithTheme,
  };
  const img = createEl("img");
  let style = `max-width:${imgAttributes.fwidth}px !important; width:100%;`;
@@ -73,13 +84,15 @@ const getIMG = async (
  img.setAttribute("style", style);
  img.addClass(imgAttributes.style);

-  const theme = plugin.settings.previewMatchObsidianTheme
-    ? isObsidianThemeDark()
-      ? "dark"
-      : "light"
-    : !plugin.settings.exportWithTheme
-    ? "light"
-    : undefined;
+  const theme =
+    forceTheme ??
+    (plugin.settings.previewMatchObsidianTheme
+      ? isObsidianThemeDark()
+        ? "dark"
+        : "light"
+      : !plugin.settings.exportWithTheme
+      ? "light"
+      : undefined);
  if (theme) {
    exportSettings.withTheme = true;
  }
@@ -103,23 +116,32 @@ const getIMG = async (
    if (width >= 2400) {
      scale = 5;
    }
-    const png = await createPNG(
-      file.path,
-      scale,
-      exportSettings,
-      loader,
-      theme,
-      null,
-      null,
-      [],
-      plugin,
-    );
+
+    const png =
+      (await getQuickImagePreview(plugin, file.path, "png")) ??
+      (await createPNG(
+        file.path,
+        scale,
+        exportSettings,
+        loader,
+        theme,
+        null,
+        null,
+        [],
+        plugin,
+        0
+      ));
    if (!png) {
      return null;
    }
    img.src = URL.createObjectURL(png);
    return img;
  }
+  const quickSVG = await getQuickImagePreview(plugin, file.path, "svg");
+  if (quickSVG) {
+    img.setAttribute("src", svgToBase64(quickSVG));
+    return img;
+  }
  const svgSnapshot = (
    await createSVG(
      file.path,
@@ -131,6 +153,8 @@ const getIMG = async (
      null,
      [],
      plugin,
+      0,
+      getSVGPadding(plugin, file),
    )
  ).outerHTML;
  let svg: SVGSVGElement = null;
@@ -238,7 +262,7 @@ const processInternalEmbeds = async (
        if (maybeDrawing.tagName.toLowerCase() == "span") {
          alt = `|${alt}`;
        }
-                          //1:width, 2:height, 3:style  1      2      3
+        //1:width, 2:height, 3:style  1      2      3
        parts = alt.match(/[^\|]*\|?(\d*%?)x?(\d*%?)\|?(.*)/);
        attr.fwidth = parts[1] ? parts[1] : getDefaultWidth(plugin);
        attr.fheight = parts[2];
@@ -464,7 +488,8 @@ export const observer = new MutationObserver(async (m) => {
  }
  if (
    //@ts-ignore
-    m[0].addedNodes[0].className != "popover hover-popover file-embed is-loaded"
+    !m[0].addedNodes[0].classNames !=
+    "popover hover-popover file-embed is-loaded"
  ) {
    return;
  }
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Zsolt Viczian	8834762004	1.6.27	2022-05-01 20:30:56 +02:00
Zsolt Viczian	48477c7ee9	onload-script, isExcalidrawView	2022-04-30 20:29:14 +02:00
Zsolt Viczian	f0f65fb9a3	1.6.26	2022-04-30 17:47:08 +02:00
Zsolt Viczian	26e12e8cec	ready to release	2022-04-30 16:31:53 +02:00
Zsolt Viczian	fa2fe5e462	ExcalidrawAutomate to Class, published npmjs lib package	2022-04-21 22:29:14 +02:00
Zsolt Viczian	83a70828ae	fixed tag error	2022-04-17 19:36:40 +02:00
Zsolt Viczian	b2e246bdf4	update the script	2022-04-17 14:10:35 +02:00
Zsolt Viczian	fd0f39c214	publish new TheBrain script	2022-04-17 14:09:16 +02:00
Zsolt Viczian	2862fbc983	Merge branch 'master' of https://github.com/zsviczian/obsidian-excalidraw-plugin	2022-04-16 16:10:16 +02:00
Zsolt Viczian	5f42ed8f8d	1.6.25	2022-04-16 16:09:47 +02:00
zsviczian	afe01bf660	Update Scribble Helper.md	2022-04-14 09:12:01 +02:00
Zsolt Viczian	646b63e3dd	support for the hover editor	2022-04-11 22:52:20 +02:00
Zsolt Viczian	e0266c6731	organizing project files and functions to folders	2022-04-11 19:08:40 +02:00
zsviczian	d577c3d121	Update directory-info.json	2022-04-11 07:51:04 +02:00
zsviczian	d6f2303160	Update index-new.md	2022-04-11 07:50:27 +02:00
zsviczian	9625b624d1	Add files via upload	2022-04-11 07:46:06 +02:00
Zsolt Viczian	c330415ca8	update script	2022-04-10 22:08:11 +02:00
Zsolt Viczian	e52c4c4403	1.6.24	2022-04-10 22:00:57 +02:00
Zsolt Viczian	d5c6ce5c33	Revert "Revert "Merge pull request #580 from i-c-u-p/patch-2"" This reverts commit `0a3d49408a`.	2022-04-10 21:36:30 +02:00
Zsolt Viczian	0a3d49408a	Revert "Merge pull request #580 from i-c-u-p/patch-2" This reverts commit `cef882642e`, reversing changes made to `560807285f`.	2022-04-10 21:34:05 +02:00
Zsolt Viczian	4b3c5e9859	upload script	2022-04-10 20:55:30 +02:00
Zsolt Viczian	1bbb785ce8	script image	2022-04-10 20:24:50 +02:00
zsviczian	cef882642e	Merge pull request #580 from i-c-u-p/patch-2 several typo fixes	2022-04-10 07:25:20 +02:00
Zsolt Viczian	560807285f	Merge branch 'master' of https://github.com/zsviczian/obsidian-excalidraw-plugin	2022-04-10 07:24:09 +02:00
Zsolt Viczian	a2f6801e5f	onLinkOpen fix leaf.openFile	2022-04-10 07:23:43 +02:00
i-c-u-p	1ca8e48278	more typo fixes	2022-04-10 04:45:40 +00:00
i-c-u-p	c7acb45f85	missing comma in en.ts	2022-04-10 04:32:46 +00:00
i-c-u-p	902eda0d79	capitalization fix for "excalidraw" in en.ts	2022-04-10 04:31:42 +00:00
i-c-u-p	0141790985	Replace "suggestor" with "suggester" Replaced all instances of "suggestor" with "suggester" in the code and renamed src/FieldSuggestor.ts -> src/FieldSuggester.ts and src/SuggestorInfo.ts -> src/SuggesterInfo.ts	2022-04-10 04:19:50 +00:00
i-c-u-p	7b98a48f5b	Merge branch 'zsviczian:master' into en.ts-typos	2022-04-10 04:02:51 +00:00
i-c-u-p	f4bdc56d71	typos in en.ts follwoing --> following valut --> vault	2022-04-10 04:01:03 +00:00
zsviczian	83eac25e6d	Merge pull request #571 from i-c-u-p/patch-1 fix typo in english plugin settings	2022-04-05 13:14:34 +02:00
i-c-u-p	dd144bd173	Change pseudo-markdown link to hyperlink Formatted as a markdown link, but shows up as plain text in Obsidian plugin settings. This changes it to a hyperlink that leads to the linked url when clicked.	2022-04-05 10:05:45 +00:00
i-c-u-p	ce30c0db0b	Update en.ts	2022-04-05 09:28:44 +00:00
Zsolt Viczian	fe9a9d6aa2	1.6.23	2022-04-03 21:36:08 +02:00
Zsolt Viczian	58ed3f8e0a	MathJax preamble, Preview from exported image	2022-04-03 18:43:26 +02:00
Zsolt Viczian	e5f04faa6e	Merge branch 'master' of https://github.com/zsviczian/obsidian-excalidraw-plugin	2022-04-03 08:32:20 +02:00
Zsolt Viczian	9753613ae2	Autosave on resize fix	2022-04-03 08:31:47 +02:00
zsviczian	3736c2ca5a	Merge pull request #567 from pjeby/scope-fix Don't override menu scope in hover editor	2022-04-02 21:17:08 +02:00
PJ	083fdead73	Don't override menu scope in hover editor When used with the Hover Editor plugin and the menus of Quick Explorer or Pane Relief, the old way of pushing a scope caused Excalidraw to take control away from the menu scope. This change adds a handler to the app's root scope at a precedence above hotkey commands, but below that of any currently-pushed scopes (such as menus or modals). (See https://github.com/nothingislost/obsidian-hover-editor/issues/85 for more background.)	2022-04-02 14:31:50 -04:00
Zsolt Viczian	7a2509911b	1.6.22	2022-03-30 22:02:24 +02:00
Zsolt Viczian	d5e01a8c23	hover-preview hover-editor	2022-03-29 22:16:29 +02:00
Zsolt Viczian	a25eebfa28	1.6.21	2022-03-27 19:33:49 +02:00
Zsolt Viczian	1aa092fcc4	1.6.20	2022-03-21 23:08:50 +01:00
Zsolt Viczian	23e6e2e33f	export frontmatter settings WIP	2022-03-21 06:38:43 +01:00
Zsolt Viczian	e93684a555	script typo	2022-03-20 21:33:58 +01:00
zsviczian	226b7477a9	Update directory-info.json	2022-03-20 21:26:43 +01:00
zsviczian	a8d9931477	Update Add Link to Existing File and Open.md	2022-03-20 21:24:46 +01:00
zsviczian	d4e1737758	Update directory-info.json	2022-03-18 13:51:50 +01:00
zsviczian	94adea8095	Merge pull request #537 from 1-2-3/master feat: Add Gap setting to Normalize selected arrows script #522	2022-03-18 13:34:38 +01:00
zahuifan	8492850d12	feat: Add Gap setting to Normalize arrows #522	2022-03-18 20:18:00 +08:00
Zsolt Viczian	dc03fed415	1.6.19	2022-03-17 22:18:39 +01:00
Zsolt Viczian	2a0623cb93	fix lefthanded mode, measureText, save Notice	2022-03-17 21:03:32 +01:00
zsviczian	ec4915e88c	Merge pull request #525 from tswwe/master Update zh-cn.ts to 1.6.18	2022-03-14 16:24:46 +01:00
thxnder	b60618c514	Update zh-cn.ts to 1.6.18 Keeping up with the latest 1.6.18 en.ts, as well as some revisions to make the translations more clear & consistent.	2022-03-13 18:30:50 +08:00
Zsolt Viczian	635930eccb	1.6.18	2022-03-12 08:50:21 +01:00
Zsolt Viczian	654d12f2a1	iframely, transclusion wrap default	2022-03-09 22:19:08 +01:00
Zsolt Viczian	51f7438fe7	updated scripts	2022-03-08 22:01:19 +01:00
zsviczian	13ed74bf73	Merge pull request #512 from 1-2-3/master fix: text in sticky notes should be ignored when calculating distance in script	2022-03-08 21:34:16 +01:00
zahuifan	2327b138eb	fix: Text in sticky notes should be ignored	2022-03-08 20:40:34 +08:00
Zsolt Viczian	87f91d5156	restore API call, plus preventAutozoom for containers	2022-03-07 21:25:18 +01:00
Zsolt Viczian	cbe6197782	Merge branch 'master' of https://github.com/zsviczian/obsidian-excalidraw-plugin	2022-03-06 17:17:27 +01:00
Zsolt Viczian	5335dc0860	directoryinfo update	2022-03-06 17:17:17 +01:00
zsviczian	6096eefe06	Update README.md	2022-03-06 17:13:15 +01:00
Zsolt Viczian	18b755a937	1.6.17	2022-03-06 16:57:24 +01:00
zsviczian	8d9e62b621	Merge pull request #505 from 1-2-3/master fix: text position error in Expand rect script	2022-03-06 15:09:33 +01:00
zahuifan	5c303a5787	fix: text position error in Expand rect script	2022-03-06 18:48:12 +08:00
Zsolt Viczian	8b0c015359	background color changes in onChange	2022-03-05 23:05:55 +01:00
Zsolt Viczian	8eee8ba69c	link to element implemented	2022-03-05 18:43:58 +01:00
Zsolt Viczian	70d0e0ec30	Merge branch 'master' of https://github.com/zsviczian/obsidian-excalidraw-plugin	2022-03-05 08:36:52 +01:00
Zsolt Viczian	6c07235c9b	directory-info.json	2022-03-05 08:36:34 +01:00
zsviczian	62f4dddc8d	adding comments	2022-03-04 22:54:07 +01:00
Zsolt Viczian	61c6865ad2	added semaphores to avoid collision of autosave and force save	2022-03-04 21:12:41 +01:00
zsviczian	a85b5f7a36	resolved excalidraw automate glitch: word wrapping in containers	2022-03-01 14:01:21 +01:00
zsviczian	30350c6fec	Update ExcalidrawAutomate.ts	2022-03-01 13:52:25 +01:00
Zsolt Viczian	857f41ad07	renamed main.js (back to lowercase)	2022-02-28 19:05:55 +01:00
Zsolt Viczian	b944b348fc	1.6.16	2022-02-27 20:56:13 +01:00
Zsolt Viczian	196821371c	membership	2022-02-27 19:40:05 +01:00
Zsolt Viczian	746aa30ccc	index-new	2022-02-27 19:22:29 +01:00
Zsolt Viczian	6ae5765691	lint	2022-02-27 15:30:58 +01:00
Zsolt Viczian	538ecb959e	updated file names	2022-02-27 15:15:59 +01:00
Zsolt Viczian	51b96699f0	Merge branch 'master' of https://github.com/zsviczian/obsidian-excalidraw-plugin	2022-02-27 14:48:25 +01:00
Zsolt Viczian	730d8ba675	experimenting with table	2022-02-27 14:45:31 +01:00
Zsolt Viczian	71fbb3ecbe	experimenting with table	2022-02-27 14:25:59 +01:00
Zsolt Viczian	55ff6efb26	testing rendering of links	2022-02-27 14:13:23 +01:00
Zsolt Viczian	91da878e43	updated icons	2022-02-27 14:11:50 +01:00
Zsolt Viczian	e547392dbe	index	2022-02-27 13:37:29 +01:00
Zsolt Viczian	a6771c1c47	corrected index	2022-02-27 13:17:41 +01:00
Zsolt Viczian	f6be4b096b	updated with div	2022-02-27 13:01:21 +01:00
Zsolt Viczian	90362b0fe2	icon	2022-02-27 12:19:35 +01:00
Zsolt Viczian	7b917585d5	icons updates	2022-02-27 12:17:19 +01:00
Zsolt Viczian	0d566e1998	icons	2022-02-27 11:59:06 +01:00
Zsolt Viczian	b3f7ecfb8f	added icons	2022-02-27 09:50:20 +01:00
Zsolt Viczian	d8e11f6068	index-test icons	2022-02-27 09:28:48 +01:00
Zsolt Viczian	f3c0808f7f	test index.md	2022-02-27 09:07:48 +01:00
Zsolt Viczian	043999417c	script engine support for SVG, tooltip for buttons, tray mode and mobile fullscreen	2022-02-27 08:01:12 +01:00
Zsolt Viczian	ab4ebd1009	script icons	2022-02-27 07:52:02 +01:00
Zsolt Viczian	945411fffc	toolsPanel WIP	2022-02-26 22:28:03 +01:00
Zsolt Viczian	ce8792815c	Obsidian Menu with built in actions	2022-02-26 17:02:29 +01:00
Zsolt Viczian	447001554c	Merge branch 'master' of https://github.com/zsviczian/obsidian-excalidraw-plugin	2022-02-25 10:33:30 +01:00
Zsolt Viczian	09812c21d5	1.6.16 WIP	2022-02-25 10:33:04 +01:00
zsviczian	be2321191f	select sticky note at the end.	2022-02-23 13:41:44 +01:00
zsviczian	be5a9a9c94	Merge pull request #478 from 1-2-3/master feat: support hsl color in Repeat Elements script	2022-02-23 13:40:24 +01:00
zahuifan	49940777ed	feat: support hsl color in Repeat Elements script	2022-02-23 20:32:26 +08:00
Zsolt Viczian	211f6af563	First run message, Release notes finished, scale sticky notes	2022-02-22 23:20:25 +01:00
Zsolt Viczian	658c04401e	release notes WIP	2022-02-21 21:39:26 +01:00
zsviczian	9c5331719b	Update versions.json	2022-02-21 11:43:02 +01:00
zsviczian	4be8adcc3e	Update manifest.json	2022-02-21 11:42:44 +01:00
zsviczian	8434825706	corrected metadata cached	2022-02-21 11:28:54 +01:00
Zsolt Viczian	1ca87741a5	1.6.14	2022-02-20 23:14:23 +01:00
zsviczian	463eb1d228	Update README.md	2022-02-19 23:32:49 +01:00
Zsolt Viczian	935febf337	disable save on addElementsToView to avoid the autozoom effect	2022-02-19 22:21:46 +01:00
Zsolt Viczian	e4c7fe7fc9	edit most recently drawn line	2022-02-19 20:00:09 +01:00
Zsolt Viczian	e98b1755ee	1.6.13	2022-02-19 18:16:00 +01:00
Zsolt Viczian	bc71bde9b7	1.6.12	2022-02-19 00:00:52 +01:00
zsviczian	2dc10af004	Update README.md	2022-02-18 13:22:32 +01:00
zsviczian	46d21f53e5	Merge pull request #452 from 1-2-3/master feat: add detection angle function in script Repeat Elements	2022-02-18 10:15:00 +01:00
zahuifan	44d9b44c88	update demo image	2022-02-18 16:11:45 +08:00
zahuifan	5875f268f4	feat: add detection angle function in script	2022-02-18 15:58:19 +08:00
zsviczian	bc1120ac3a	Update Toggle Fullscreen on Mobile.md	2022-02-18 07:43:55 +01:00
Zsolt Viczian	40a10620c1	added warning	2022-02-17 20:56:25 +01:00
Zsolt Viczian	28295deaa0	add thind header to allow command palette	2022-02-17 20:43:48 +01:00
Zsolt Viczian	b783d9b992	script toggle fullscreen	2022-02-17 20:34:13 +01:00
Zsolt Viczian	98df940f52	correct link	2022-02-17 20:04:01 +01:00
Zsolt Viczian	ab3b84a765	update script	2022-02-17 20:01:53 +01:00
Zsolt Viczian	5fc6905ac7	upload image	2022-02-17 19:59:29 +01:00
Zsolt Viczian	00c7a0e934	Merge branch 'master' of https://github.com/zsviczian/obsidian-excalidraw-plugin	2022-02-17 19:36:44 +01:00
Zsolt Viczian	60ed7f21f6	toggle fullscreen script	2022-02-17 19:36:26 +01:00
zsviczian	9e0c5c48d4	Update bug_report.md	2022-02-17 11:49:37 +01:00
zsviczian	7e76c2b693	Merge pull request #446 from 1-2-3/master fix: line and freedraw do not scale correctly in repeat elements script	2022-02-17 11:20:08 +01:00
zahuifan	dd9b363427	fix: line and freedraw do not scale correctly	2022-02-17 16:51:59 +08:00
zahuifan	90b693151a	fix: line and freedraw do not scale correctly	2022-02-17 16:30:53 +08:00
zsviczian	d280c7e953	Merge pull request #439 from 1-2-3/master feat: new repeat elements script	2022-02-16 22:06:19 +01:00
zahuifan	b227ad05fd	update repeat-elements demo picture	2022-02-16 16:49:54 +08:00
zahuifan	cf07458fbb	fix: when alert return	2022-02-16 16:37:50 +08:00
zahuifan	c191b7264d	feat: new repeat elements script	2022-02-16 16:17:19 +08:00
Zsolt Viczian	109fe05302	autozoom after new text, scriptstore style	2022-02-15 22:11:32 +01:00
Zsolt Viczian	d55bb1a2c4	organic line script	2022-02-15 21:40:28 +01:00
Zsolt Viczian	1362c7f416	add image	2022-02-15 21:31:35 +01:00
				`@@ -0,0 +1 @@`
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="100 100 500 400"><path fill-rule="evenodd" d="M414.57 183.49a11.194 11.194 0 0 0-10.344 6.914 11.21 11.21 0 0 0-.851 4.285v74.086h-110.09c-5.57-47.172-45.852-83.945-94.48-83.945-52.418 0-95.2 42.715-95.2 95.145 0 52.43 42.782 95.141 95.2 95.141 48.629 0 88.91-36.773 94.48-83.945h110.09v74.145c0 1.465.293 2.93.851 4.285a11.184 11.184 0 0 0 10.344 6.91H585.2c1.465 0 2.93-.292 4.285-.85a11.184 11.184 0 0 0 6.91-10.344v-170.63c0-1.466-.293-2.93-.851-4.286a11.246 11.246 0 0 0-2.426-3.633c-1.035-1.035-2.277-1.867-3.633-2.43s-2.82-.851-4.285-.851z"/></svg>
				`@@ -0,0 +1 @@`
				`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M224 0H336C362.5 0 384 21.49 384 48V256H0V48C0 21.49 21.49 0 48 0H64L96 64L128 0H160L192 64L224 0zM384 288V320C384 355.3 355.3 384 320 384H256V448C256 483.3 227.3 512 192 512C156.7 512 128 483.3 128 448V384H64C28.65 384 0 355.3 0 320V288H384zM192 464C200.8 464 208 456.8 208 448C208 439.2 200.8 432 192 432C183.2 432 176 439.2 176 448C176 456.8 183.2 464 192 464z"/></svg>`
				`@@ -0,0 +1 @@`
				`<svg aria-hidden="true" focusable="false" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 9 20 20"><text style="font-size:28px, font-weight:bold" x="4" y="24">A</text></svg>`