@synnaxlabs/pluto 0.12.0

package/dist/vis/diagram/aether/Diagram.d.ts

@@ -0,0 +1,587 @@
+import { scale } from "@synnaxlabs/x";
+import { z } from "zod";
+import { aether } from '../../../aether/aether';
+import { status } from '../../../status/aether';
+import { type Viewport } from '../../../vis/diagram/types';
+import { render } from '../../../vis/render';
+export declare const diagramStateZ: z.ZodObject<{
+    position: z.ZodObject<{
+        x: z.ZodNumber;
+        y: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        x: number;
+        y: number;
+    }, {
+        x: number;
+        y: number;
+    }>;
+    zoom: z.ZodNumber;
+    region: z.ZodObject<{
+        one: z.ZodObject<{
+            x: z.ZodNumber;
+            y: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            x: number;
+            y: number;
+        }, {
+            x: number;
+            y: number;
+        }>;
+        two: z.ZodObject<{
+            x: z.ZodNumber;
+            y: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            x: number;
+            y: number;
+        }, {
+            x: number;
+            y: number;
+        }>;
+        root: z.ZodObject<{
+            x: z.ZodEnum<["left", "right"]>;
+            y: z.ZodEnum<["top", "bottom"]>;
+        }, "strip", z.ZodTypeAny, {
+            x: "left" | "right";
+            y: "bottom" | "top";
+        }, {
+            x: "left" | "right";
+            y: "bottom" | "top";
+        }>;
+    }, "strip", z.ZodTypeAny, {
+        one: {
+            x: number;
+            y: number;
+        };
+        two: {
+            x: number;
+            y: number;
+        };
+        root: {
+            x: "left" | "right";
+            y: "bottom" | "top";
+        };
+    }, {
+        one: {
+            x: number;
+            y: number;
+        };
+        two: {
+            x: number;
+            y: number;
+        };
+        root: {
+            x: "left" | "right";
+            y: "bottom" | "top";
+        };
+    }>;
+    clearOverscan: z.ZodDefault<z.ZodOptional<z.ZodUnion<[z.ZodNumber, z.ZodObject<{
+        x: z.ZodNumber;
+        y: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        x: number;
+        y: number;
+    }, {
+        x: number;
+        y: number;
+    }>, z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>, z.ZodObject<{
+        width: z.ZodNumber;
+        height: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        width: number;
+        height: number;
+    }, {
+        width: number;
+        height: number;
+    }>, z.ZodObject<{
+        signedWidth: z.ZodNumber;
+        signedHeight: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        signedWidth: number;
+        signedHeight: number;
+    }, {
+        signedWidth: number;
+        signedHeight: number;
+    }>, z.ZodObject<{
+        clientX: z.ZodNumber;
+        clientY: z.ZodNumber;
+    }, "strip", z.ZodTypeAny, {
+        clientX: number;
+        clientY: number;
+    }, {
+        clientX: number;
+        clientY: number;
+    }>]>>>;
+}, "strip", z.ZodTypeAny, {
+    position: {
+        x: number;
+        y: number;
+    };
+    zoom: number;
+    region: {
+        one: {
+            x: number;
+            y: number;
+        };
+        two: {
+            x: number;
+            y: number;
+        };
+        root: {
+            x: "left" | "right";
+            y: "bottom" | "top";
+        };
+    };
+    clearOverscan: (number | [number, number] | {
+        x: number;
+        y: number;
+    } | {
+        width: number;
+        height: number;
+    } | {
+        signedWidth: number;
+        signedHeight: number;
+    } | {
+        clientX: number;
+        clientY: number;
+    }) & (number | [number, number] | {
+        x: number;
+        y: number;
+    } | {
+        width: number;
+        height: number;
+    } | {
+        signedWidth: number;
+        signedHeight: number;
+    } | {
+        clientX: number;
+        clientY: number;
+    } | undefined);
+}, {
+    position: {
+        x: number;
+        y: number;
+    };
+    zoom: number;
+    region: {
+        one: {
+            x: number;
+            y: number;
+        };
+        two: {
+            x: number;
+            y: number;
+        };
+        root: {
+            x: "left" | "right";
+            y: "bottom" | "top";
+        };
+    };
+    clearOverscan?: number | [number, number] | {
+        x: number;
+        y: number;
+    } | {
+        width: number;
+        height: number;
+    } | {
+        signedWidth: number;
+        signedHeight: number;
+    } | {
+        clientX: number;
+        clientY: number;
+    } | undefined;
+}>;
+interface ElementProps {
+    viewportScale?: scale.XY;
+}
+export interface Element extends aether.Component {
+    render: (props: ElementProps) => Promise<void>;
+}
+interface InternalState {
+    renderCtx: render.Context;
+    addStatus: status.Aggregate;
+}
+export declare const useInitialViewport: () => Viewport;
+export declare class Diagram extends aether.Composite<typeof diagramStateZ, InternalState, Element> {
+    static readonly TYPE = "Diagram";
+    static readonly stateZ: z.ZodObject<{
+        position: z.ZodObject<{
+            x: z.ZodNumber;
+            y: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            x: number;
+            y: number;
+        }, {
+            x: number;
+            y: number;
+        }>;
+        zoom: z.ZodNumber;
+        region: z.ZodObject<{
+            one: z.ZodObject<{
+                x: z.ZodNumber;
+                y: z.ZodNumber;
+            }, "strip", z.ZodTypeAny, {
+                x: number;
+                y: number;
+            }, {
+                x: number;
+                y: number;
+            }>;
+            two: z.ZodObject<{
+                x: z.ZodNumber;
+                y: z.ZodNumber;
+            }, "strip", z.ZodTypeAny, {
+                x: number;
+                y: number;
+            }, {
+                x: number;
+                y: number;
+            }>;
+            root: z.ZodObject<{
+                x: z.ZodEnum<["left", "right"]>;
+                y: z.ZodEnum<["top", "bottom"]>;
+            }, "strip", z.ZodTypeAny, {
+                x: "left" | "right";
+                y: "bottom" | "top";
+            }, {
+                x: "left" | "right";
+                y: "bottom" | "top";
+            }>;
+        }, "strip", z.ZodTypeAny, {
+            one: {
+                x: number;
+                y: number;
+            };
+            two: {
+                x: number;
+                y: number;
+            };
+            root: {
+                x: "left" | "right";
+                y: "bottom" | "top";
+            };
+        }, {
+            one: {
+                x: number;
+                y: number;
+            };
+            two: {
+                x: number;
+                y: number;
+            };
+            root: {
+                x: "left" | "right";
+                y: "bottom" | "top";
+            };
+        }>;
+        clearOverscan: z.ZodDefault<z.ZodOptional<z.ZodUnion<[z.ZodNumber, z.ZodObject<{
+            x: z.ZodNumber;
+            y: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            x: number;
+            y: number;
+        }, {
+            x: number;
+            y: number;
+        }>, z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>, z.ZodObject<{
+            width: z.ZodNumber;
+            height: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            width: number;
+            height: number;
+        }, {
+            width: number;
+            height: number;
+        }>, z.ZodObject<{
+            signedWidth: z.ZodNumber;
+            signedHeight: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            signedWidth: number;
+            signedHeight: number;
+        }, {
+            signedWidth: number;
+            signedHeight: number;
+        }>, z.ZodObject<{
+            clientX: z.ZodNumber;
+            clientY: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            clientX: number;
+            clientY: number;
+        }, {
+            clientX: number;
+            clientY: number;
+        }>]>>>;
+    }, "strip", z.ZodTypeAny, {
+        position: {
+            x: number;
+            y: number;
+        };
+        zoom: number;
+        region: {
+            one: {
+                x: number;
+                y: number;
+            };
+            two: {
+                x: number;
+                y: number;
+            };
+            root: {
+                x: "left" | "right";
+                y: "bottom" | "top";
+            };
+        };
+        clearOverscan: (number | [number, number] | {
+            x: number;
+            y: number;
+        } | {
+            width: number;
+            height: number;
+        } | {
+            signedWidth: number;
+            signedHeight: number;
+        } | {
+            clientX: number;
+            clientY: number;
+        }) & (number | [number, number] | {
+            x: number;
+            y: number;
+        } | {
+            width: number;
+            height: number;
+        } | {
+            signedWidth: number;
+            signedHeight: number;
+        } | {
+            clientX: number;
+            clientY: number;
+        } | undefined);
+    }, {
+        position: {
+            x: number;
+            y: number;
+        };
+        zoom: number;
+        region: {
+            one: {
+                x: number;
+                y: number;
+            };
+            two: {
+                x: number;
+                y: number;
+            };
+            root: {
+                x: "left" | "right";
+                y: "bottom" | "top";
+            };
+        };
+        clearOverscan?: number | [number, number] | {
+            x: number;
+            y: number;
+        } | {
+            width: number;
+            height: number;
+        } | {
+            signedWidth: number;
+            signedHeight: number;
+        } | {
+            clientX: number;
+            clientY: number;
+        } | undefined;
+    }>;
+    readonly eraser: render.Eraser;
+    schema: z.ZodObject<{
+        position: z.ZodObject<{
+            x: z.ZodNumber;
+            y: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            x: number;
+            y: number;
+        }, {
+            x: number;
+            y: number;
+        }>;
+        zoom: z.ZodNumber;
+        region: z.ZodObject<{
+            one: z.ZodObject<{
+                x: z.ZodNumber;
+                y: z.ZodNumber;
+            }, "strip", z.ZodTypeAny, {
+                x: number;
+                y: number;
+            }, {
+                x: number;
+                y: number;
+            }>;
+            two: z.ZodObject<{
+                x: z.ZodNumber;
+                y: z.ZodNumber;
+            }, "strip", z.ZodTypeAny, {
+                x: number;
+                y: number;
+            }, {
+                x: number;
+                y: number;
+            }>;
+            root: z.ZodObject<{
+                x: z.ZodEnum<["left", "right"]>;
+                y: z.ZodEnum<["top", "bottom"]>;
+            }, "strip", z.ZodTypeAny, {
+                x: "left" | "right";
+                y: "bottom" | "top";
+            }, {
+                x: "left" | "right";
+                y: "bottom" | "top";
+            }>;
+        }, "strip", z.ZodTypeAny, {
+            one: {
+                x: number;
+                y: number;
+            };
+            two: {
+                x: number;
+                y: number;
+            };
+            root: {
+                x: "left" | "right";
+                y: "bottom" | "top";
+            };
+        }, {
+            one: {
+                x: number;
+                y: number;
+            };
+            two: {
+                x: number;
+                y: number;
+            };
+            root: {
+                x: "left" | "right";
+                y: "bottom" | "top";
+            };
+        }>;
+        clearOverscan: z.ZodDefault<z.ZodOptional<z.ZodUnion<[z.ZodNumber, z.ZodObject<{
+            x: z.ZodNumber;
+            y: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            x: number;
+            y: number;
+        }, {
+            x: number;
+            y: number;
+        }>, z.ZodTuple<[z.ZodNumber, z.ZodNumber], null>, z.ZodObject<{
+            width: z.ZodNumber;
+            height: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            width: number;
+            height: number;
+        }, {
+            width: number;
+            height: number;
+        }>, z.ZodObject<{
+            signedWidth: z.ZodNumber;
+            signedHeight: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            signedWidth: number;
+            signedHeight: number;
+        }, {
+            signedWidth: number;
+            signedHeight: number;
+        }>, z.ZodObject<{
+            clientX: z.ZodNumber;
+            clientY: z.ZodNumber;
+        }, "strip", z.ZodTypeAny, {
+            clientX: number;
+            clientY: number;
+        }, {
+            clientX: number;
+            clientY: number;
+        }>]>>>;
+    }, "strip", z.ZodTypeAny, {
+        position: {
+            x: number;
+            y: number;
+        };
+        zoom: number;
+        region: {
+            one: {
+                x: number;
+                y: number;
+            };
+            two: {
+                x: number;
+                y: number;
+            };
+            root: {
+                x: "left" | "right";
+                y: "bottom" | "top";
+            };
+        };
+        clearOverscan: (number | [number, number] | {
+            x: number;
+            y: number;
+        } | {
+            width: number;
+            height: number;
+        } | {
+            signedWidth: number;
+            signedHeight: number;
+        } | {
+            clientX: number;
+            clientY: number;
+        }) & (number | [number, number] | {
+            x: number;
+            y: number;
+        } | {
+            width: number;
+            height: number;
+        } | {
+            signedWidth: number;
+            signedHeight: number;
+        } | {
+            clientX: number;
+            clientY: number;
+        } | undefined);
+    }, {
+        position: {
+            x: number;
+            y: number;
+        };
+        zoom: number;
+        region: {
+            one: {
+                x: number;
+                y: number;
+            };
+            two: {
+                x: number;
+                y: number;
+            };
+            root: {
+                x: "left" | "right";
+                y: "bottom" | "top";
+            };
+        };
+        clearOverscan?: number | [number, number] | {
+            x: number;
+            y: number;
+        } | {
+            width: number;
+            height: number;
+        } | {
+            signedWidth: number;
+            signedHeight: number;
+        } | {
+            clientX: number;
+            clientY: number;
+        } | undefined;
+    }>;
+    afterUpdate(): void;
+    afterDelete(): void;
+    render(): Promise<render.Cleanup | undefined>;
+    private requestRender;
+}
+export declare const REGISTRY: {
+    Diagram: typeof Diagram;
+};
+export {};

package/dist/vis/diagram/aether/index.d.ts

@@ -0,0 +1 @@
+export * as diagram from '../../../vis/diagram/aether/Diagram';

package/dist/vis/diagram/align.d.ts

@@ -0,0 +1,3 @@
+import { type direction } from "@synnaxlabs/x";
+import { type NodeLayout } from '../../vis/diagram/util';
+export declare const alignNodes: (layouts: NodeLayout[], dir?: direction.Direction) => NodeLayout[];

package/dist/vis/diagram/align.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/vis/diagram/edge/Edge.d.ts

@@ -0,0 +1,14 @@
+import { type ReactElement } from "react";
+import { xy } from "@synnaxlabs/x";
+import { type EdgeProps as RFEdgeProps, type ConnectionLineComponentProps } from "reactflow";
+import { Color } from '../../../color';
+import { connector } from '../../../vis/diagram/edge/connector';
+export interface EdgeProps extends RFEdgeProps {
+    segments: connector.Segment[];
+    onSegmentsChange: (segments: connector.Segment[]) => void;
+    color?: Color.Crude;
+}
+export declare const CustomConnectionLine: ({ fromX, fromY, toX, toY, fromPosition, toPosition, fromNode, connectionLineStyle, connectionStatus, }: ConnectionLineComponentProps) => ReactElement;
+export declare const Edge: ({ id, source, target, sourcePosition: sourceOrientation, targetHandleId, targetPosition: targetOrientation, style, segments: propsSegments, onSegmentsChange, color, selected, ...props }: EdgeProps) => ReactElement;
+export declare const calcPath: (coords: xy.XY[]) => string;
+export declare const calcMidPoints: (points: xy.XY[]) => xy.XY[];

package/dist/vis/diagram/edge/connector/connector.d.ts

@@ -0,0 +1,59 @@
+import { xy, location, box, direction } from "@synnaxlabs/x";
+export interface CheckIntegrityProps {
+    sourcePos: xy.XY;
+    targetPos: xy.XY;
+    next: Segment[];
+    prev: Segment[];
+}
+export declare const checkIntegrity: ({ sourcePos, targetPos, next, prev, }: CheckIntegrityProps) => boolean;
+export interface ChangeOrientationProps {
+    orientation: location.Outer;
+    segments: Segment[];
+}
+export declare const changeSourceOrientation: (props: ChangeOrientationProps) => Segment[];
+export declare const changeTargetOrientation: (props: ChangeOrientationProps) => Segment[];
+export interface PrepareNodeProps {
+    sourceStumpTip: xy.XY;
+    sourceOrientation: location.Outer;
+    sourceBox: box.Box;
+    targetStumpTip: xy.XY;
+    targetOrientation: location.Outer;
+    targetBox: box.Box;
+}
+export declare const prepareNode: ({ sourceStumpTip: sourcePos, sourceOrientation, sourceBox, targetStumpTip: targetPos, targetOrientation, targetBox, }: PrepareNodeProps) => Segment | undefined;
+export interface Segment {
+    direction: direction.Direction;
+    length: number;
+}
+export declare const travelSegments: (source: xy.XY, ...segments: Segment[]) => xy.XY;
+export declare const segmentsToPoints: (source: xy.XY, segments: Segment[], zoom: number, applyTransform: boolean) => xy.XY[];
+export interface BuildNew {
+    sourceBox: box.Box;
+    targetBox: box.Box;
+    sourcePos: xy.XY;
+    targetPos: xy.XY;
+    sourceOrientation: location.Outer;
+    targetOrientation: location.Outer;
+}
+export declare const STUMP_LENGTH = 10;
+export interface NeedToGoAroundSourceProps {
+    sourcePos: xy.XY;
+    targetPos: xy.XY;
+    sourceOrientation: location.Outer;
+}
+export declare const needToGoAround: ({ sourcePos, targetPos, sourceOrientation, }: NeedToGoAroundSourceProps) => boolean;
+export declare const stump: (orientation: location.Outer) => Segment;
+export declare const compressSegments: (segments: Segment[]) => Segment[];
+export declare const buildNew: (props: BuildNew) => Segment[];
+export interface MoveConnectorProps {
+    segments: Segment[];
+    index: number;
+    magnitude: number;
+}
+export declare const dragSegment: (props: MoveConnectorProps) => Segment[];
+export interface MoveNodeProps {
+    delta: xy.XY;
+    segments: Segment[];
+}
+export declare const moveSourceNode: ({ delta, segments }: MoveNodeProps) => Segment[];
+export declare const moveTargetNode: ({ delta, segments }: MoveNodeProps) => Segment[];

package/dist/vis/diagram/edge/connector/connector.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/vis/diagram/edge/connector/index.d.ts

@@ -0,0 +1 @@
+export * as connector from '../../../../vis/diagram/edge/connector/connector';

package/dist/vis/diagram/edge/index.d.ts

@@ -0,0 +1 @@
+export { Edge } from '../../../vis/diagram/edge/Edge';

package/dist/vis/diagram/external.d.ts

@@ -0,0 +1,4 @@
+export type { Node, Edge, Viewport } from '../../vis/diagram/types';
+export * from '../../vis/diagram/Diagram';
+export * from '../../vis/diagram/util';
+export * from '../../vis/diagram/align';

package/dist/vis/diagram/index.d.ts

@@ -0,0 +1 @@
+export * as Diagram from '../../vis/diagram/external';