update

Excalidraw/Scripts/Downloaded/Add Connector Point.md

@@ -0,0 +1,25 @@
+/*
+![](https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-bullet-point.jpg)
+
+This script will add a small circle to the top left of each text element in the selection and add the text and the "bullet point" into a group.
+
+See documentation for more details:
+https://zsviczian.github.io/obsidian-excalidraw-plugin/ExcalidrawScriptsEngine.html
+
+```javascript
+*/
+elements = ea.getViewSelectedElements().filter((el)=>el.type==="text");
+ea.copyViewElementsToEAforEditing(elements);
+const padding = 10;
+elements.forEach((el)=>{
+  ea.style.strokeColor = el.strokeColor;
+  const size = el.fontSize/2;
+  const ellipseId = ea.addEllipse(
+    el.x-padding-size,
+    el.y+size/2,
+    size,
+    size
+  );
+  ea.addToGroup([el.id,ellipseId]);
+});
+ea.addElementsToView(false,false);

Excalidraw/Scripts/Downloaded/Add Connector Point.svg

@@ -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>

Excalidraw/Scripts/Downloaded/Ellipse Selected Elements.md

@@ -0,0 +1,61 @@
+/*
+![](https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-ellipse-elements.png)
+
+This script will add an encapsulating ellipse around the currently selected elements in Excalidraw.
+
+See documentation for more details:
+https://zsviczian.github.io/obsidian-excalidraw-plugin/ExcalidrawScriptsEngine.html
+
+```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["Default padding"]) {
+	settings = {
+		"Prompt for padding?": true,
+	  "Default padding" : {
+			value: 10,
+		  description: "Padding between the bounding box of the selected elements, and the ellipse the script creates"
+		}
+	};
+	ea.setScriptSettings(settings);
+}
+
+let padding = settings["Default padding"].value;
+
+if(settings["Prompt for padding?"]) {
+	padding = parseInt (await utils.inputPrompt("padding?","number",padding.toString()));
+}
+
+if(isNaN(padding)) {
+  new Notice("The padding value provided is not a number");
+  return;
+}
+elements = ea.getViewSelectedElements();
+const box = ea.getBoundingBox(elements);
+color = ea
+        .getExcalidrawAPI()
+        .getAppState()
+        .currentItemStrokeColor;
+//uncomment for random color:
+//color = '#'+(Math.random()*0xFFFFFF<<0).toString(16).padStart(6,"0");
+ea.style.strokeColor = color;
+
+const ellipseWidth = box.width/Math.sqrt(2);
+const ellipseHeight = box.height/Math.sqrt(2);
+
+const topX = box.topX - (ellipseWidth - box.width/2);
+const topY = box.topY - (ellipseHeight - box.height/2);
+id = ea.addEllipse(
+	topX - padding,
+	topY - padding,
+	2*ellipseWidth + 2*padding,
+	2*ellipseHeight + 2*padding
+);
+ea.copyViewElementsToEAforEditing(elements);
+ea.addToGroup([id].concat(elements.map((el)=>el.id)));
+ea.addElementsToView(false,false);

Excalidraw/Scripts/Downloaded/Mindmap connector.md

@@ -0,0 +1,113 @@
+/*
+
+![](https://github.com/xllowl/obsidian-excalidraw-plugin/blob/master/images/mindmap%20connector.png)
+
+![](https://github.com/xllowl/obsidian-excalidraw-plugin/blob/master/images/Mindmap%20connector1.png)
+This script creates mindmap like lines(only right and down side are available). The line will starts according to the creation time of the elements. So you may need to create the header element first.
+
+```javascript
+*/
+const elements = ea.getViewSelectedElements();
+ea.copyViewElementsToEAforEditing(elements);
+groups = ea.getMaximumGroups(elements);
+
+els=[];
+elsx=[];
+elsy=[];
+for (i = 0, len =groups.length; i < len; i++) {
+  els.push(ea.getLargestElement(groups[i]));
+  elsx.push(ea.getLargestElement(groups[i]).x);
+  elsy.push(ea.getLargestElement(groups[i]).y);
+}
+//line style setting
+ea.style.strokeColor = els[0].strokeColor;
+ea.style.strokeWidth = els[0].strokeWidth;
+ea.style.strokeStyle = els[0].strokeStyle;
+ea.style.strokeSharpness = els[0].strokeSharpness;
+//all min max x y
+let maxy = Math.max.apply(null, elsy);
+let indexmaxy=elsy.indexOf(maxy);
+let miny = Math.min.apply(null, elsy);
+let indexminy = elsy.indexOf(miny);
+let maxx = Math.max.apply(null, elsx);
+let indexmaxx = elsx.indexOf(maxx);
+let minx = Math.min.apply(null, elsx);
+let indexminx = elsx.indexOf(minx);
+//child max min x y
+let gmaxy = Math.max.apply(null, elsy.slice(1));
+let gindexmaxy=elsy.indexOf(gmaxy);
+let gminy = Math.min.apply(null, elsy.slice(1));
+let gindexminy = elsy.indexOf(gminy);
+let gmaxx = Math.max.apply(null, elsx.slice(1));
+let gindexmaxx = elsx.indexOf(gmaxx);
+let gminx = Math.min.apply(null, elsx.slice(1));
+let gindexminx = elsx.indexOf(gminx);
+let s=0;//Set line direction down as default 
+if (indexminx==0 &&  els[0].x + els[0].width<=gminx) {
+  s=1; 
+}
+else if (indexminy == 0) {
+  s=0;
+}
+var length_left;
+if(els[0].x + els[0].width * 2<=gminx){length_left=els[0].x + els[0].width * 1.5;}
+else {length_left=(els[0].x + els[0].width+gminx)/2;}
+
+var length_down;
+if(els[0].y + els[0].height* 2.5<=gminy){length_down=els[0].y + els[0].height * 2;}
+else {length_down=(els[0].y + els[0].height+gminy)/2;}
+if(s) {
+  ea.addLine(
+    [[length_left,
+    maxy + els[indexmaxy].height / 2],
+    [length_left,
+    miny + els[indexminy].height / 2]]
+  );
+  for (i = 1, len = groups.length; i < len; i++) {
+    ea.addLine(
+      [[els[i].x,
+      els[i].y + els[i].height/2],
+      [length_left,
+      els[i].y + els[i].height/2]]
+    );
+  }
+  ea.addArrow(
+    [[els[0].x+els[0].width,
+    els[0].y + els[0].height / 2],
+    [length_left,
+    els[0].y + els[0].height / 2]],
+    {
+      startArrowHead: "none",
+      endArrowHead: "dot"
+    }
+  )
+}
+
+else {
+  ea.addLine(
+    [[maxx + els[indexmaxx].width / 2,
+    length_down],
+    [minx + els[indexminx].width / 2,
+    length_down]]
+  );
+  for (i = 1, len = groups.length; i < len; i++) {
+    ea.addLine(
+      [[els[i].x + els[i].width / 2,
+      els[i].y],
+      [els[i].x + els[i].width / 2,
+      length_down]]
+    );
+  }
+  ea.addArrow(
+    [[els[0].x + els[0].width / 2,
+    els[0].y + els[0].height],
+    [els[0].x + els[0].width / 2,
+    length_down]],
+    {
+      startArrowHead: "none",
+      endArrowHead: "dot"
+    }
+  );
+}
+
+await ea.addElementsToView(false,false,true);

Excalidraw/Scripts/Downloaded/Mindmap connector.svg

@@ -0,0 +1,12 @@
+<svg width="607" height="541" viewBox="0 0 607 541" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M280 43.355V253.355H140V206.687L0 206.691V346.691H140V300.023H280V510.023C280 522.925 290.453 533.355 303.332 533.355H490.002C502.904 533.355 513.334 522.925 513.334 510.023C513.334 497.144 502.904 486.691 490.002 486.691H326.672V300.021H490.002C502.904 300.021 513.334 289.568 513.334 276.689C513.334 263.81 502.904 253.357 490.002 253.357H326.672V66.6869H490.002C502.904 66.6869 513.334 56.2569 513.334 43.3549C513.334 30.4529 502.904 20.0229 490.002 20.0229H303.332C290.453 20.019 280 30.4489 280 43.3509V43.355ZM46.67 300.025V253.357H93.338V300.025H46.67Z" fill="black"/>
+<rect x="540" y="23" width="39" height="39" fill="#D9D9D9"/>
+<rect x="503" width="104" height="95" fill="#D9D9D9"/>
+<rect x="503.5" y="0.5" width="103" height="94" fill="black" stroke="black"/>
+<rect x="503" y="223" width="104" height="95" fill="black"/>
+<rect x="503.5" y="446.5" width="103" height="94" fill="black" stroke="black"/>
+<path d="M532 243H580V291H532V243Z" fill="white"/>
+<path d="M532 475H580V523H532V475Z" fill="white"/>
+<path d="M532 243H580V291H532V243Z" fill="white"/>
+<path d="M532 23H580V71H532V23Z" fill="white"/>
+</svg>