@flowuent-org/diagramming-core 1.3.10 → 1.4.1

package/packages/diagrams/src/lib/utils/closestPoint.ts

@@ -1,45 +1,45 @@
-export function closestPoint(pathNode: SVGPathElement, point: [number, number]) {
-  const pathLength = pathNode.getTotalLength();
-  let precision = 8,
-    best,
-    bestLength = 0,
-    bestDistance = Infinity;
-
-  // linear scan for coarse approximation
-  for (let scan, scanLength = 0, scanDistance; scanLength <= pathLength; scanLength += precision) {
-    if ((scanDistance = distance2((scan = pathNode.getPointAtLength(scanLength)))) < bestDistance) {
-      (best = scan), (bestLength = scanLength), (bestDistance = scanDistance);
-    }
-  }
-
-  // binary search for precise estimate
-  precision /= 2;
-  while (precision > 0.5) {
-    let before, after, beforeLength, afterLength, beforeDistance, afterDistance;
-    if (
-      (beforeLength = bestLength - precision) >= 0 &&
-      (beforeDistance = distance2((before = pathNode.getPointAtLength(beforeLength)))) < bestDistance
-    ) {
-      (best = before), (bestLength = beforeLength), (bestDistance = beforeDistance);
-    } else if (
-      (afterLength = bestLength + precision) <= pathLength &&
-      (afterDistance = distance2((after = pathNode.getPointAtLength(afterLength)))) < bestDistance
-    ) {
-      (best = after), (bestLength = afterLength), (bestDistance = afterDistance);
-    } else {
-      precision /= 2;
-    }
-  }
-
-  //@ts-expect-error don't now what type it is
-  best = [best.x, best.y];
-  //@ts-expect-error don't now what type it is
-  best.distance = Math.sqrt(bestDistance);
-  return best;
-
-  function distance2(p: { x: number; y: number }) {
-    const dx = p.x - point[0],
-      dy = p.y - point[1];
-    return dx * dx + dy * dy;
-  }
-}
+export function closestPoint(pathNode: SVGPathElement, point: [number, number]) {
+  const pathLength = pathNode.getTotalLength();
+  let precision = 8,
+    best,
+    bestLength = 0,
+    bestDistance = Infinity;
+
+  // linear scan for coarse approximation
+  for (let scan, scanLength = 0, scanDistance; scanLength <= pathLength; scanLength += precision) {
+    if ((scanDistance = distance2((scan = pathNode.getPointAtLength(scanLength)))) < bestDistance) {
+      (best = scan), (bestLength = scanLength), (bestDistance = scanDistance);
+    }
+  }
+
+  // binary search for precise estimate
+  precision /= 2;
+  while (precision > 0.5) {
+    let before, after, beforeLength, afterLength, beforeDistance, afterDistance;
+    if (
+      (beforeLength = bestLength - precision) >= 0 &&
+      (beforeDistance = distance2((before = pathNode.getPointAtLength(beforeLength)))) < bestDistance
+    ) {
+      (best = before), (bestLength = beforeLength), (bestDistance = beforeDistance);
+    } else if (
+      (afterLength = bestLength + precision) <= pathLength &&
+      (afterDistance = distance2((after = pathNode.getPointAtLength(afterLength)))) < bestDistance
+    ) {
+      (best = after), (bestLength = afterLength), (bestDistance = afterDistance);
+    } else {
+      precision /= 2;
+    }
+  }
+
+  //@ts-expect-error don't now what type it is
+  best = [best.x, best.y];
+  //@ts-expect-error don't now what type it is
+  best.distance = Math.sqrt(bestDistance);
+  return best;
+
+  function distance2(p: { x: number; y: number }) {
+    const dx = p.x - point[0],
+      dy = p.y - point[1];
+    return dx * dx + dy * dy;
+  }
+}

package/packages/diagrams/src/lib/utils/color-options.tsx

@@ -1,26 +1,26 @@
-import React from 'react';
-import { Box, Stack, Typography } from '@mui/material';
-
-// Define the shape of the color map prop
-interface ColorMap {
-  [colorName: string]: string;
-}
-
-// Define the ColorSelector component
-export const getColorOptions = (colorMap: ColorMap) => {
-  return Object.entries(colorMap).map(([colorName, colorValue]) => ({
-    value: colorName,
-    label: (
-      <Stack spacing={2} direction="row" sx={{ alignItems: 'center' }}>
-        <Box
-          width="14px"
-          height="14px"
-          position="relative"
-          bgcolor={colorValue}
-          sx={{ borderRadius: '50%' }}
-        />
-        <Typography>{colorName.toUpperCase()}</Typography>
-      </Stack>
-    ),
-  }));
-};
+import React from 'react';
+import { Box, Stack, Typography } from '@mui/material';
+
+// Define the shape of the color map prop
+interface ColorMap {
+  [colorName: string]: string;
+}
+
+// Define the ColorSelector component
+export const getColorOptions = (colorMap: ColorMap) => {
+  return Object.entries(colorMap).map(([colorName, colorValue]) => ({
+    value: colorName,
+    label: (
+      <Stack spacing={2} direction="row" sx={{ alignItems: 'center' }}>
+        <Box
+          width="14px"
+          height="14px"
+          position="relative"
+          bgcolor={colorValue}
+          sx={{ borderRadius: '50%' }}
+        />
+        <Typography>{colorName.toUpperCase()}</Typography>
+      </Stack>
+    ),
+  }));
+};

package/packages/diagrams/src/lib/utils/compress-img.ts

@@ -1,59 +1,59 @@
-// Compress the image and return the Data URL and Blob
-export async function compressImage(
-  file: File,
-  targetWidth: number,
-  targetHeight: number,
-  quality: number
-): Promise<{ dataUrl: string; blob: Blob }> {
-  return new Promise((resolve) => {
-    const reader = new FileReader();
-
-    reader.onload = async (event) => {
-      if (event.target?.result) {
-        const imageDataUrl = event.target.result as string;
-        const img = new Image();
-
-        img.src = imageDataUrl;
-
-        img.onload = async () => {
-          const aspectRatio = img.width / img.height;
-          let newWidth = img.width;
-          let newHeight = img.height;
-
-          if (newWidth > targetWidth) {
-            newWidth = targetWidth;
-            newHeight = newWidth / aspectRatio;
-          }
-
-          if (newHeight > targetHeight) {
-            newHeight = targetHeight;
-            newWidth = newHeight * aspectRatio;
-          }
-
-          const canvas = document.createElement('canvas');
-          canvas.width = newWidth;
-          canvas.height = newHeight;
-
-          const ctx = canvas.getContext('2d');
-          if (ctx) {
-            ctx.drawImage(img, 0, 0, newWidth, newHeight);
-
-            // Use a timeout to wait for the drawing to complete before resolving
-            await new Promise((resolveTimeout) =>
-              setTimeout(resolveTimeout, 100)
-            );
-
-            // Convert the Data URL to Blob
-            const blob = await fetch(
-              canvas.toDataURL('image/jpeg', quality)
-            ).then((res) => res.blob());
-
-            resolve({ dataUrl: canvas.toDataURL('image/jpeg', quality), blob });
-          }
-        };
-      }
-    };
-
-    reader.readAsDataURL(file);
-  });
-}
+// Compress the image and return the Data URL and Blob
+export async function compressImage(
+  file: File,
+  targetWidth: number,
+  targetHeight: number,
+  quality: number
+): Promise<{ dataUrl: string; blob: Blob }> {
+  return new Promise((resolve) => {
+    const reader = new FileReader();
+
+    reader.onload = async (event) => {
+      if (event.target?.result) {
+        const imageDataUrl = event.target.result as string;
+        const img = new Image();
+
+        img.src = imageDataUrl;
+
+        img.onload = async () => {
+          const aspectRatio = img.width / img.height;
+          let newWidth = img.width;
+          let newHeight = img.height;
+
+          if (newWidth > targetWidth) {
+            newWidth = targetWidth;
+            newHeight = newWidth / aspectRatio;
+          }
+
+          if (newHeight > targetHeight) {
+            newHeight = targetHeight;
+            newWidth = newHeight * aspectRatio;
+          }
+
+          const canvas = document.createElement('canvas');
+          canvas.width = newWidth;
+          canvas.height = newHeight;
+
+          const ctx = canvas.getContext('2d');
+          if (ctx) {
+            ctx.drawImage(img, 0, 0, newWidth, newHeight);
+
+            // Use a timeout to wait for the drawing to complete before resolving
+            await new Promise((resolveTimeout) =>
+              setTimeout(resolveTimeout, 100)
+            );
+
+            // Convert the Data URL to Blob
+            const blob = await fetch(
+              canvas.toDataURL('image/jpeg', quality)
+            ).then((res) => res.blob());
+
+            resolve({ dataUrl: canvas.toDataURL('image/jpeg', quality), blob });
+          }
+        };
+      }
+    };
+
+    reader.readAsDataURL(file);
+  });
+}