Apply new code format standard (#217)

src/scripts/ui/imagePreview.ts

@@ -1,72 +1,72 @@
-import { app } from "../app";
-import { $el } from "../ui";
+import { app } from '../app'
+import { $el } from '../ui'
 
 export function calculateImageGrid(imgs, dw, dh) {
-  let best = 0;
-  let w = imgs[0].naturalWidth;
-  let h = imgs[0].naturalHeight;
-  const numImages = imgs.length;
+  let best = 0
+  let w = imgs[0].naturalWidth
+  let h = imgs[0].naturalHeight
+  const numImages = imgs.length
 
-  let cellWidth, cellHeight, cols, rows, shiftX;
+  let cellWidth, cellHeight, cols, rows, shiftX
   // compact style
   for (let c = 1; c <= numImages; c++) {
-    const r = Math.ceil(numImages / c);
-    const cW = dw / c;
-    const cH = dh / r;
-    const scaleX = cW / w;
-    const scaleY = cH / h;
+    const r = Math.ceil(numImages / c)
+    const cW = dw / c
+    const cH = dh / r
+    const scaleX = cW / w
+    const scaleY = cH / h
 
-    const scale = Math.min(scaleX, scaleY, 1);
-    const imageW = w * scale;
-    const imageH = h * scale;
-    const area = imageW * imageH * numImages;
+    const scale = Math.min(scaleX, scaleY, 1)
+    const imageW = w * scale
+    const imageH = h * scale
+    const area = imageW * imageH * numImages
 
     if (area > best) {
-      best = area;
-      cellWidth = imageW;
-      cellHeight = imageH;
-      cols = c;
-      rows = r;
-      shiftX = c * ((cW - imageW) / 2);
+      best = area
+      cellWidth = imageW
+      cellHeight = imageH
+      cols = c
+      rows = r
+      shiftX = c * ((cW - imageW) / 2)
     }
   }
 
-  return { cellWidth, cellHeight, cols, rows, shiftX };
+  return { cellWidth, cellHeight, cols, rows, shiftX }
 }
 
 export function createImageHost(node) {
-  const el = $el("div.comfy-img-preview");
-  let currentImgs;
-  let first = true;
+  const el = $el('div.comfy-img-preview')
+  let currentImgs
+  let first = true
 
   function updateSize() {
-    let w = null;
-    let h = null;
+    let w = null
+    let h = null
 
     if (currentImgs) {
-      let elH = el.clientHeight;
+      let elH = el.clientHeight
       if (first) {
-        first = false;
+        first = false
         // On first run, if we are small then grow a bit
         if (elH < 190) {
-          elH = 190;
+          elH = 190
         }
-        el.style.setProperty("--comfy-widget-min-height", elH.toString());
+        el.style.setProperty('--comfy-widget-min-height', elH.toString())
       } else {
-        el.style.setProperty("--comfy-widget-min-height", null);
+        el.style.setProperty('--comfy-widget-min-height', null)
       }
 
-      const nw = node.size[0];
-      ({ cellWidth: w, cellHeight: h } = calculateImageGrid(
+      const nw = node.size[0]
+      ;({ cellWidth: w, cellHeight: h } = calculateImageGrid(
         currentImgs,
         nw - 20,
         elH
-      ));
-      w += "px";
-      h += "px";
+      ))
+      w += 'px'
+      h += 'px'
 
-      el.style.setProperty("--comfy-img-preview-width", w);
-      el.style.setProperty("--comfy-img-preview-height", h);
+      el.style.setProperty('--comfy-img-preview-width', w)
+      el.style.setProperty('--comfy-img-preview-height', h)
     }
   }
   return {
@@ -75,31 +75,31 @@ export function createImageHost(node) {
       if (imgs !== currentImgs) {
         if (currentImgs == null) {
           requestAnimationFrame(() => {
-            updateSize();
-          });
+            updateSize()
+          })
         }
-        el.replaceChildren(...imgs);
-        currentImgs = imgs;
-        node.onResize(node.size);
-        node.graph.setDirtyCanvas(true, true);
+        el.replaceChildren(...imgs)
+        currentImgs = imgs
+        node.onResize(node.size)
+        node.graph.setDirtyCanvas(true, true)
       }
     },
     getHeight() {
-      updateSize();
+      updateSize()
     },
     onDraw() {
       // Element from point uses a hittest find elements so we need to toggle pointer events
-      el.style.pointerEvents = "all";
+      el.style.pointerEvents = 'all'
       const over = document.elementFromPoint(
         app.canvas.mouse[0],
         app.canvas.mouse[1]
-      );
-      el.style.pointerEvents = "none";
+      )
+      el.style.pointerEvents = 'none'
 
-      if (!over) return;
+      if (!over) return
       // Set the overIndex so Open Image etc work
-      const idx = currentImgs.indexOf(over);
-      node.overIndex = idx;
-    },
-  };
+      const idx = currentImgs.indexOf(over)
+      node.overIndex = idx
+    }
+  }
 }