Function getLineWidth

src/client/hooks/useStrokeDasharray.ts:121–141

(points: GraphicalItemPoint[])

      const items = props?.formattedGraphicalItems;

      const getLineWidth = (points: GraphicalItemPoint[]) => {
        const width = points?.reduce((acc, point, index) => {
          if (!index) return acc;

          const prevPoint = points?.[index - 1];

          const xAxis = point?.x || 0;
          const prevXAxis = prevPoint?.x || 0;
          const xWidth = xAxis - prevXAxis;

          const yAxis = point?.y || 0;
          const prevYAxis = prevPoint?.y || 0;
          const yWidth = Math.abs(yAxis - prevYAxis);

          const hypotenuse = Math.sqrt(xWidth * xWidth + yWidth * yWidth);
          acc += hypotenuse;
          return acc;
        }, 0);

        return width || 0;
      };

      items?.forEach((line) => {
        const linePoints = line?.props?.points ?? [];