@zsviczian/excalidraw 0.17.6-18 → 0.17.6-19

package/types/utils/export.d.ts

@@ -1,46 +1,46 @@
-import type { AppState, BinaryFiles } from "../excalidraw/types";
-import type { ExcalidrawElement, ExcalidrawFrameLikeElement, NonDeleted } from "../excalidraw/element/types";
-import { MIME_TYPES } from "../excalidraw/constants";
-export { MIME_TYPES };
-type ExportOpts = {
-    elements: readonly NonDeleted<ExcalidrawElement>[];
-    appState?: Partial<Omit<AppState, "offsetTop" | "offsetLeft">>;
-    files: BinaryFiles | null;
-    maxWidthOrHeight?: number;
-    exportingFrame?: ExcalidrawFrameLikeElement | null;
-    getDimensions?: (width: number, height: number) => {
-        width: number;
-        height: number;
-        scale?: number;
-    };
-};
-export declare const exportToCanvas: ({ elements, appState, files, maxWidthOrHeight, getDimensions, exportPadding, exportingFrame, }: ExportOpts & {
-    exportPadding?: number | undefined;
-}) => Promise<HTMLCanvasElement>;
-export declare const exportToBlob: (opts: ExportOpts & {
-    mimeType?: string;
-    quality?: number;
-    exportPadding?: number;
-}) => Promise<Blob>;
-export declare const exportToSvg: ({ elements, appState, files, exportPadding, renderEmbeddables, exportingFrame, skipInliningFonts, reuseImages, }: Omit<ExportOpts, "getDimensions"> & {
-    exportPadding?: number | undefined;
-    renderEmbeddables?: boolean | undefined;
-    skipInliningFonts?: true | undefined;
-    reuseImages?: boolean | undefined;
-}) => Promise<SVGSVGElement>;
-export declare const exportToClipboard: (opts: ExportOpts & {
-    mimeType?: string;
-    quality?: number;
-    type: "png" | "svg" | "json";
-}) => Promise<void>;
-export { getCommonBoundingBox } from "../excalidraw/element/bounds";
-export { getMaximumGroups } from "../excalidraw/groups";
-export { intersectElementWithLine } from "../excalidraw/element/binding";
-export { determineFocusDistance } from "../excalidraw/element/binding";
-export { measureText } from "../excalidraw/element/textElement";
-export { wrapText } from "../excalidraw/element/textWrapping";
-export { getLineHeight } from "../excalidraw/fonts/index";
-export { getFontString, getFontFamilyString } from "../excalidraw/utils";
-export { getBoundTextMaxWidth } from "../excalidraw/element/textElement";
-export { mermaidToExcalidraw } from "../excalidraw/components/TTDDialog/MermaidToExcalidraw";
-export { destroyObsidianUtils, registerLocalFont, getFontFamilies, registerFontsInCSS, getCSSFontDefinition, loadSceneFonts, } from "../excalidraw/obsidianUtils";
+import type { AppState, BinaryFiles } from "../excalidraw/types";
+import type { ExcalidrawElement, ExcalidrawFrameLikeElement, NonDeleted } from "../excalidraw/element/types";
+import { MIME_TYPES } from "../excalidraw/constants";
+export { MIME_TYPES };
+type ExportOpts = {
+    elements: readonly NonDeleted<ExcalidrawElement>[];
+    appState?: Partial<Omit<AppState, "offsetTop" | "offsetLeft">>;
+    files: BinaryFiles | null;
+    maxWidthOrHeight?: number;
+    exportingFrame?: ExcalidrawFrameLikeElement | null;
+    getDimensions?: (width: number, height: number) => {
+        width: number;
+        height: number;
+        scale?: number;
+    };
+};
+export declare const exportToCanvas: ({ elements, appState, files, maxWidthOrHeight, getDimensions, exportPadding, exportingFrame, }: ExportOpts & {
+    exportPadding?: number | undefined;
+}) => Promise<HTMLCanvasElement>;
+export declare const exportToBlob: (opts: ExportOpts & {
+    mimeType?: string;
+    quality?: number;
+    exportPadding?: number;
+}) => Promise<Blob>;
+export declare const exportToSvg: ({ elements, appState, files, exportPadding, renderEmbeddables, exportingFrame, skipInliningFonts, reuseImages, }: Omit<ExportOpts, "getDimensions"> & {
+    exportPadding?: number | undefined;
+    renderEmbeddables?: boolean | undefined;
+    skipInliningFonts?: true | undefined;
+    reuseImages?: boolean | undefined;
+}) => Promise<SVGSVGElement>;
+export declare const exportToClipboard: (opts: ExportOpts & {
+    mimeType?: string;
+    quality?: number;
+    type: "png" | "svg" | "json";
+}) => Promise<void>;
+export { getCommonBoundingBox } from "../excalidraw/element/bounds";
+export { getMaximumGroups } from "../excalidraw/groups";
+export { intersectElementWithLine } from "../excalidraw/element/binding";
+export { determineFocusDistance } from "../excalidraw/element/binding";
+export { measureText } from "../excalidraw/element/textElement";
+export { wrapText } from "../excalidraw/element/textWrapping";
+export { getLineHeight } from "../excalidraw/fonts/index";
+export { getFontString, getFontFamilyString } from "../excalidraw/utils";
+export { getBoundTextMaxWidth } from "../excalidraw/element/textElement";
+export { mermaidToExcalidraw } from "../excalidraw/components/TTDDialog/MermaidToExcalidraw";
+export { destroyObsidianUtils, registerLocalFont, getFontFamilies, registerFontsInCSS, getCSSFontDefinition, loadSceneFonts, } from "../excalidraw/obsidianUtils";

package/types/utils/geometry/geometry.d.ts

@@ -0,0 +1,89 @@
+import type { ExcalidrawBindableElement } from "../../excalidraw/element/types";
+import type { LineSegment } from "../bbox";
+import type { Point, Line, Polygon, Curve, Ellipse, Polycurve, Polyline } from "./shape";
+/**
+ * utils
+ */
+export declare const cross: (a: readonly [number, number], b: readonly [number, number], o: readonly [number, number]) => number;
+export declare const dot: (a: readonly [number, number], b: readonly [number, number], o: readonly [number, number]) => number;
+export declare const isClosed: (polygon: Polygon) => boolean;
+export declare const close: (polygon: Polygon) => Polygon;
+/**
+ * angles
+ */
+export declare const angleToDegrees: (angle: number) => number;
+export declare const angleToRadians: (angle: number) => number;
+export declare const angleReflect: (incidenceAngle: number, surfaceAngle: number) => number;
+export declare const pointRotate: (point: Point, angle: number, origin?: Point) => Point;
+export declare const pointTranslate: (point: Point, angle?: number, distance?: number) => Point;
+export declare const pointInverse: (point: Point) => Point;
+export declare const pointAdd: (pointA: Point, pointB: Point) => Point;
+export declare const distanceToPoint: (p1: Point, p2: Point) => number;
+/**
+ * lines
+ */
+export declare const lineAngle: (line: Line) => number;
+export declare const lineLength: (line: Line) => number;
+export declare const lineMidpoint: (line: Line) => Point;
+export declare const lineRotate: (line: Line, angle: number, origin?: Point) => Line;
+export declare const lineTranslate: (line: Line, angle: number, distance: number) => Point[];
+export declare const lineInterpolate: (line: Line, clamp?: boolean) => (t: number) => Point;
+export declare const curveToBezier: (pointsIn: readonly Point[], curveTightness?: number) => Point[];
+export declare const curveRotate: (curve: Curve, angle: number, origin: Point) => Point[];
+export declare const cubicBezierPoint: (t: number, controlPoints: Curve) => Point;
+export declare const cubicBezierDistance: (point: Point, controlPoints: Curve) => number;
+/**
+ * polygons
+ */
+export declare const polygonRotate: (polygon: Polygon, angle: number, origin: Point) => Point[];
+export declare const polygonBounds: (polygon: Polygon) => [Point, Point];
+export declare const polygonCentroid: (vertices: Point[]) => Point;
+export declare const polygonScale: (polygon: Polygon, scale: number, origin?: Point) => Polygon;
+export declare const polygonScaleX: (polygon: Polygon, scale: number, origin?: Point) => Polygon;
+export declare const polygonScaleY: (polygon: Polygon, scale: number, origin?: Point) => Polygon;
+export declare const polygonReflectX: (polygon: Polygon, reflectFactor?: number) => Point[];
+export declare const polygonReflectY: (polygon: Polygon, reflectFactor?: number) => Point[];
+export declare const polygonTranslate: (polygon: Polygon, angle: number, distance: number) => Point[];
+/**
+ * ellipses
+ */
+export declare const ellipseAxes: (ellipse: Ellipse) => {
+    majorAxis: number;
+    minorAxis: number;
+};
+export declare const ellipseFocusToCenter: (ellipse: Ellipse) => number;
+export declare const ellipseExtremes: (ellipse: Ellipse) => Point[];
+export declare const pointRelativeToCenter: (point: Point, center: Point, angle: number) => Point;
+export declare const pointLeftofLine: (point: Point, line: Line) => boolean;
+export declare const pointRightofLine: (point: Point, line: Line) => boolean;
+export declare const distanceToSegment: (point: Point, line: Line) => number;
+export declare const pointOnLine: (point: Point, line: Line, threshold?: number) => boolean;
+export declare const pointOnPolyline: (point: Point, polyline: Polyline, threshold?: number) => boolean;
+export declare const lineIntersectsLine: (lineA: Line, lineB: Line) => boolean;
+export declare const lineIntersectsPolygon: (line: Line, polygon: Polygon) => boolean;
+export declare const pointInBezierEquation: (p0: Point, p1: Point, p2: Point, p3: Point, [mx, my]: Point, lineThreshold: number) => boolean;
+export declare const cubicBezierEquation: (curve: Curve) => (t: number, idx: number) => number;
+export declare const polyLineFromCurve: (curve: Curve, segments?: number) => Polyline;
+export declare const pointOnCurve: (point: Point, curve: Curve, threshold?: number) => boolean;
+export declare const pointOnPolycurve: (point: Point, polycurve: Polycurve, threshold?: number) => boolean;
+export declare const pointInPolygon: (point: Point, polygon: Polygon) => boolean;
+export declare const pointOnPolygon: (point: Point, polygon: Polygon, threshold?: number) => boolean;
+export declare const polygonInPolygon: (polygonA: Polygon, polygonB: Polygon) => boolean;
+export declare const polygonIntersectPolygon: (polygonA: Polygon, polygonB: Polygon) => boolean;
+export declare const pointOnEllipse: (point: Point, ellipse: Ellipse, threshold?: number) => boolean;
+export declare const pointInEllipse: (point: Point, ellipse: Ellipse) => boolean;
+/**
+ * Calculates the point two line segments with a definite start and end point
+ * intersect at.
+ */
+export declare const segmentsIntersectAt: (a: readonly [readonly [number, number], readonly [number, number]], b: readonly [readonly [number, number], readonly [number, number]]) => Point | null;
+/**
+ * Determine intersection of a rectangular shaped element and a
+ * line segment.
+ *
+ * @param element The rectangular element to test against
+ * @param segment The segment intersecting the element
+ * @param gap Optional value to inflate the shape before testing
+ * @returns An array of intersections
+ */
+export declare const segmentIntersectRectangleElement: (element: ExcalidrawBindableElement, segment: LineSegment, gap?: number) => Point[];

package/types/utils/geometry/shape.d.ts

@@ -1,71 +1,71 @@
-/**
- * this file defines pure geometric shapes
- *
- * for instance, a cubic bezier curve is specified by its four control points and
- * an ellipse is defined by its center, angle, semi major axis and semi minor axis
- * (but in semi-width and semi-height so it's more relevant to Excalidraw)
- *
- * the idea with pure shapes is so that we can provide collision and other geoemtric methods not depending on
- * the specifics of roughjs or elements in Excalidraw; instead, we can focus on the pure shapes themselves
- *
- * also included in this file are methods for converting an Excalidraw element or a Drawable from roughjs
- * to pure shapes
- */
-import type { Curve, LineSegment, Polygon, Radians } from "../../math";
-import { type GlobalPoint, type LocalPoint } from "../../math";
-import type { ElementsMap, ExcalidrawBindableElement, ExcalidrawDiamondElement, ExcalidrawElement, ExcalidrawEllipseElement, ExcalidrawEmbeddableElement, ExcalidrawFrameLikeElement, ExcalidrawFreeDrawElement, ExcalidrawIframeElement, ExcalidrawImageElement, ExcalidrawLinearElement, ExcalidrawRectangleElement, ExcalidrawSelectionElement, ExcalidrawTextElement } from "../../excalidraw/element/types";
-import type { Drawable, Op } from "roughjs/bin/core";
-export type Polyline<Point extends GlobalPoint | LocalPoint> = LineSegment<Point>[];
-export type Polycurve<Point extends GlobalPoint | LocalPoint> = Curve<Point>[];
-export type Ellipse<Point extends GlobalPoint | LocalPoint> = {
-    center: Point;
-    angle: Radians;
-    halfWidth: number;
-    halfHeight: number;
-};
-export type GeometricShape<Point extends GlobalPoint | LocalPoint> = {
-    type: "line";
-    data: LineSegment<Point>;
-} | {
-    type: "polygon";
-    data: Polygon<Point>;
-} | {
-    type: "curve";
-    data: Curve<Point>;
-} | {
-    type: "ellipse";
-    data: Ellipse<Point>;
-} | {
-    type: "polyline";
-    data: Polyline<Point>;
-} | {
-    type: "polycurve";
-    data: Polycurve<Point>;
-};
-type RectangularElement = ExcalidrawRectangleElement | ExcalidrawDiamondElement | ExcalidrawFrameLikeElement | ExcalidrawEmbeddableElement | ExcalidrawImageElement | ExcalidrawIframeElement | ExcalidrawTextElement | ExcalidrawSelectionElement;
-export declare const getPolygonShape: <Point extends GlobalPoint | LocalPoint>(element: RectangularElement) => GeometricShape<Point>;
-export declare const getSelectionBoxShape: <Point extends GlobalPoint | LocalPoint>(element: ExcalidrawElement, elementsMap: ElementsMap, padding?: number) => GeometricShape<Point>;
-export declare const getEllipseShape: <Point extends GlobalPoint | LocalPoint>(element: ExcalidrawEllipseElement) => GeometricShape<Point>;
-export declare const getCurvePathOps: (shape: Drawable) => Op[];
-export declare const getCurveShape: <Point extends GlobalPoint | LocalPoint>(roughShape: Drawable, startingPoint: Point | undefined, angleInRadian: Radians, center: Point) => GeometricShape<Point>;
-export declare const getFreedrawShape: <Point extends GlobalPoint | LocalPoint>(element: ExcalidrawFreeDrawElement, center: Point, isClosed?: boolean) => GeometricShape<Point>;
-export declare const getClosedCurveShape: <Point extends GlobalPoint | LocalPoint>(element: ExcalidrawLinearElement, roughShape: Drawable, startingPoint: Point | undefined, angleInRadian: Radians, center: Point) => GeometricShape<Point>;
-/**
- * Determine intersection of a rectangular shaped element and a
- * line segment.
- *
- * @param element The rectangular element to test against
- * @param segment The segment intersecting the element
- * @param gap Optional value to inflate the shape before testing
- * @returns An array of intersections
- */
-export declare const segmentIntersectRectangleElement: <Point extends GlobalPoint | LocalPoint>(element: ExcalidrawBindableElement, segment: LineSegment<Point>, gap?: number) => Point[];
-export declare const pointOnEllipse: <Point extends GlobalPoint | LocalPoint>(point: Point, ellipse: Ellipse<Point>, threshold?: number) => boolean;
-export declare const pointInEllipse: <Point extends GlobalPoint | LocalPoint>(p: Point, ellipse: Ellipse<Point>) => boolean;
-export declare const ellipseAxes: <Point extends GlobalPoint | LocalPoint>(ellipse: Ellipse<Point>) => {
-    majorAxis: number;
-    minorAxis: number;
-};
-export declare const ellipseFocusToCenter: <Point extends GlobalPoint | LocalPoint>(ellipse: Ellipse<Point>) => number;
-export declare const ellipseExtremes: <Point extends GlobalPoint | LocalPoint>(ellipse: Ellipse<Point>) => import("../../math").Vector[];
-export {};
+/**
+ * this file defines pure geometric shapes
+ *
+ * for instance, a cubic bezier curve is specified by its four control points and
+ * an ellipse is defined by its center, angle, semi major axis and semi minor axis
+ * (but in semi-width and semi-height so it's more relevant to Excalidraw)
+ *
+ * the idea with pure shapes is so that we can provide collision and other geoemtric methods not depending on
+ * the specifics of roughjs or elements in Excalidraw; instead, we can focus on the pure shapes themselves
+ *
+ * also included in this file are methods for converting an Excalidraw element or a Drawable from roughjs
+ * to pure shapes
+ */
+import type { Curve, LineSegment, Polygon, Radians } from "../../math";
+import { type GlobalPoint, type LocalPoint } from "../../math";
+import type { ElementsMap, ExcalidrawBindableElement, ExcalidrawDiamondElement, ExcalidrawElement, ExcalidrawEllipseElement, ExcalidrawEmbeddableElement, ExcalidrawFrameLikeElement, ExcalidrawFreeDrawElement, ExcalidrawIframeElement, ExcalidrawImageElement, ExcalidrawLinearElement, ExcalidrawRectangleElement, ExcalidrawSelectionElement, ExcalidrawTextElement } from "../../excalidraw/element/types";
+import type { Drawable, Op } from "roughjs/bin/core";
+export type Polyline<Point extends GlobalPoint | LocalPoint> = LineSegment<Point>[];
+export type Polycurve<Point extends GlobalPoint | LocalPoint> = Curve<Point>[];
+export type Ellipse<Point extends GlobalPoint | LocalPoint> = {
+    center: Point;
+    angle: Radians;
+    halfWidth: number;
+    halfHeight: number;
+};
+export type GeometricShape<Point extends GlobalPoint | LocalPoint> = {
+    type: "line";
+    data: LineSegment<Point>;
+} | {
+    type: "polygon";
+    data: Polygon<Point>;
+} | {
+    type: "curve";
+    data: Curve<Point>;
+} | {
+    type: "ellipse";
+    data: Ellipse<Point>;
+} | {
+    type: "polyline";
+    data: Polyline<Point>;
+} | {
+    type: "polycurve";
+    data: Polycurve<Point>;
+};
+type RectangularElement = ExcalidrawRectangleElement | ExcalidrawDiamondElement | ExcalidrawFrameLikeElement | ExcalidrawEmbeddableElement | ExcalidrawImageElement | ExcalidrawIframeElement | ExcalidrawTextElement | ExcalidrawSelectionElement;
+export declare const getPolygonShape: <Point extends GlobalPoint | LocalPoint>(element: RectangularElement) => GeometricShape<Point>;
+export declare const getSelectionBoxShape: <Point extends GlobalPoint | LocalPoint>(element: ExcalidrawElement, elementsMap: ElementsMap, padding?: number) => GeometricShape<Point>;
+export declare const getEllipseShape: <Point extends GlobalPoint | LocalPoint>(element: ExcalidrawEllipseElement) => GeometricShape<Point>;
+export declare const getCurvePathOps: (shape: Drawable) => Op[];
+export declare const getCurveShape: <Point extends GlobalPoint | LocalPoint>(roughShape: Drawable, startingPoint: Point | undefined, angleInRadian: Radians, center: Point) => GeometricShape<Point>;
+export declare const getFreedrawShape: <Point extends GlobalPoint | LocalPoint>(element: ExcalidrawFreeDrawElement, center: Point, isClosed?: boolean) => GeometricShape<Point>;
+export declare const getClosedCurveShape: <Point extends GlobalPoint | LocalPoint>(element: ExcalidrawLinearElement, roughShape: Drawable, startingPoint: Point | undefined, angleInRadian: Radians, center: Point) => GeometricShape<Point>;
+/**
+ * Determine intersection of a rectangular shaped element and a
+ * line segment.
+ *
+ * @param element The rectangular element to test against
+ * @param segment The segment intersecting the element
+ * @param gap Optional value to inflate the shape before testing
+ * @returns An array of intersections
+ */
+export declare const segmentIntersectRectangleElement: <Point extends GlobalPoint | LocalPoint>(element: ExcalidrawBindableElement, segment: LineSegment<Point>, gap?: number) => Point[];
+export declare const pointOnEllipse: <Point extends GlobalPoint | LocalPoint>(point: Point, ellipse: Ellipse<Point>, threshold?: number) => boolean;
+export declare const pointInEllipse: <Point extends GlobalPoint | LocalPoint>(p: Point, ellipse: Ellipse<Point>) => boolean;
+export declare const ellipseAxes: <Point extends GlobalPoint | LocalPoint>(ellipse: Ellipse<Point>) => {
+    majorAxis: number;
+    minorAxis: number;
+};
+export declare const ellipseFocusToCenter: <Point extends GlobalPoint | LocalPoint>(ellipse: Ellipse<Point>) => number;
+export declare const ellipseExtremes: <Point extends GlobalPoint | LocalPoint>(ellipse: Ellipse<Point>) => import("../../math").Vector[];
+export {};

package/types/utils/index.d.ts

@@ -1,4 +1,4 @@
-export * from "./export";
-export * from "./withinBounds";
-export * from "./bbox";
-export { getCommonBounds } from "../excalidraw/element/bounds";
+export * from "./export";
+export * from "./withinBounds";
+export * from "./bbox";
+export { getCommonBounds } from "../excalidraw/element/bounds";

package/types/utils/withinBounds.d.ts

@@ -1,19 +1,19 @@
-import type { ExcalidrawElement, NonDeletedExcalidrawElement } from "../excalidraw/element/types";
-import type { Bounds } from "../excalidraw/element/bounds";
-type Element = NonDeletedExcalidrawElement;
-type Elements = readonly NonDeletedExcalidrawElement[];
-export declare const isElementInsideBBox: (element: Element, bbox: Bounds, eitherDirection?: boolean) => boolean;
-export declare const elementPartiallyOverlapsWithOrContainsBBox: (element: Element, bbox: Bounds) => boolean;
-export declare const elementsOverlappingBBox: ({ elements, bounds, type, errorMargin, }: {
-    elements: Elements;
-    bounds: Bounds | ExcalidrawElement;
-    /** safety offset. Defaults to 0. */
-    errorMargin?: number | undefined;
-    /**
-     * - overlap: elements overlapping or inside bounds
-     * - contain: elements inside bounds or bounds inside elements
-     * - inside: elements inside bounds
-     **/
-    type: "overlap" | "contain" | "inside";
-}) => NonDeletedExcalidrawElement[];
-export {};
+import type { ExcalidrawElement, NonDeletedExcalidrawElement } from "../excalidraw/element/types";
+import type { Bounds } from "../excalidraw/element/bounds";
+type Element = NonDeletedExcalidrawElement;
+type Elements = readonly NonDeletedExcalidrawElement[];
+export declare const isElementInsideBBox: (element: Element, bbox: Bounds, eitherDirection?: boolean) => boolean;
+export declare const elementPartiallyOverlapsWithOrContainsBBox: (element: Element, bbox: Bounds) => boolean;
+export declare const elementsOverlappingBBox: ({ elements, bounds, type, errorMargin, }: {
+    elements: Elements;
+    bounds: Bounds | ExcalidrawElement;
+    /** safety offset. Defaults to 0. */
+    errorMargin?: number | undefined;
+    /**
+     * - overlap: elements overlapping or inside bounds
+     * - contain: elements inside bounds or bounds inside elements
+     * - inside: elements inside bounds
+     **/
+    type: "overlap" | "contain" | "inside";
+}) => NonDeletedExcalidrawElement[];
+export {};