publish grid selected images

ea-scripts/Grid Selected Images.md

@@ -1,67 +1,67 @@
-/*
-![](https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/grid-selected-images.png)
-
-This script arranges selected images into compact grid view, removing gaps in-between, resizing when necessary and breaking into multiple rows/columns.
-
-```javascript
-*/
-
-try {
-  let els = ea.getViewSelectedElements().filter(el => el.type == 'image');
-
-  new Notice(els.length);
-
-  if (els.length == 0) throw new Error('No image elements selected');
-
-  const bounds = ea.getBoundingBox(els);
-  const { topX, topY, width, height } = bounds;
-  
-  els.sort((a, b) => a.x + a.y < b.x + b.y);
-
-  const areaAvailable = width * height;
-
-  let elWidth = els[0].width;
-  let elHeight = els[0].height;
-
-  if (elWidth * elHeight > areaAvailable) {
-    while (elWidth * elHeight > areaAvailable) {
-      elWidth /= 1.1;
-      elHeight /= 1.1;
-    }  
-  } else if (elWidth * elHeight < areaAvailable) {
-    while (elWidth * elHeight > areaAvailable) {
-      elWidth *= 1.1;
-      elHeight *= 1.1;
-    }
-  }
-
-  const rows = (width - elWidth) / elWidth;
-  
-  let row = 0, column = 0;
-  for (const element of els) {    
-    element.x = topX + (elWidth * row);
-    element.y = topY + (elHeight * column);
-    
-    if (element.width > elWidth) {
-      while (element.width >= elWidth) {
-        element.width /= 1.1;
-        element.height /= 1.1;
-      }  
-    } else if (element.width < elWidth) {
-      while (element.width <= elWidth) {
-        element.width *= 1.1;
-        element.height *= 1.1;  
-      }
-    }
-
-    row++;
-    if (row > rows) {
-      row = 0;
-      column++;
-    }
-  }
-
-  ea.addElementsToView(false, true, true);
-} catch (err) {
-  _ = new Notice(err.toString())
+/*
+![](https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-grid-selected-images.png)
+
+This script arranges selected images into compact grid view, removing gaps in-between, resizing when necessary and breaking into multiple rows/columns.
+
+```javascript
+*/
+
+try {
+  let els = ea.getViewSelectedElements().filter(el => el.type == 'image');
+
+  new Notice(els.length);
+
+  if (els.length == 0) throw new Error('No image elements selected');
+
+  const bounds = ea.getBoundingBox(els);
+  const { topX, topY, width, height } = bounds;
+  
+  els.sort((a, b) => a.x + a.y < b.x + b.y);
+
+  const areaAvailable = width * height;
+
+  let elWidth = els[0].width;
+  let elHeight = els[0].height;
+
+  if (elWidth * elHeight > areaAvailable) {
+    while (elWidth * elHeight > areaAvailable) {
+      elWidth /= 1.1;
+      elHeight /= 1.1;
+    }  
+  } else if (elWidth * elHeight < areaAvailable) {
+    while (elWidth * elHeight > areaAvailable) {
+      elWidth *= 1.1;
+      elHeight *= 1.1;
+    }
+  }
+
+  const rows = (width - elWidth) / elWidth;
+  
+  let row = 0, column = 0;
+  for (const element of els) {    
+    element.x = topX + (elWidth * row);
+    element.y = topY + (elHeight * column);
+    
+    if (element.width > elWidth) {
+      while (element.width >= elWidth) {
+        element.width /= 1.1;
+        element.height /= 1.1;
+      }  
+    } else if (element.width < elWidth) {
+      while (element.width <= elWidth) {
+        element.width *= 1.1;
+        element.height *= 1.1;  
+      }
+    }
+
+    row++;
+    if (row > rows) {
+      row = 0;
+      column++;
+    }
+  }
+
+  ea.addElementsToView(false, true, true);
+} catch (err) {
+  _ = new Notice(err.toString())
 }

ea-scripts/index-new.md

@@ -51,6 +51,7 @@ I would love to include your contribution in the script library. If you have a s
 |<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/Grid%20Selected%20Images.svg"/></div>|[[#Grid Selected Images]]|
 |<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/Mindmap%20connector.svg"/></div>|[[#Mindmap connector]]|
 |<div><img src="https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Modify%20background%20color%20opacity.svg"/></div>|[[#Modify background color opacity]]|
@@ -216,6 +217,12 @@ 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/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>
 
+## Grid selected images
+```excalidraw-script-install
+https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/ea-scripts/Grid%20Selected%20Images.md
+```
+<table><tr  valign='top'><td class="label">Author</td><td class="data"><a href='https://github.com/7flash'>@7flash</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/Grid%20Selected%20Images.md'>File on GitHub</a></td></tr><tr valign='top'><td class="label">Description</td><td class="data">This script arranges selected images into compact grid view, removing gaps in-between, resizing when necessary and breaking into multiple rows/columns.<br><img src='https://raw.githubusercontent.com/zsviczian/obsidian-excalidraw-plugin/master/images/scripts-grid-selected-images.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