@prefecthq/graphs 0.1.14 → 0.1.16

package/dist/types/src/FlowRunTimeline.vue.d.ts

@@ -10,6 +10,7 @@ declare const _default: {
             formatDateFns?: Partial<FormatDateFns> | undefined;
             selectedNodeId?: string | null | undefined;
             layout?: TimelineNodesLayoutOptions | undefined;
+            hideEdges?: boolean | undefined;
         }>>> & {
             onClick?: ((value: string | null) => any) | undefined;
         } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
@@ -33,6 +34,7 @@ declare const _default: {
             formatDateFns?: Partial<FormatDateFns> | undefined;
             selectedNodeId?: string | null | undefined;
             layout?: TimelineNodesLayoutOptions | undefined;
+            hideEdges?: boolean | undefined;
         }>>> & {
             onClick?: ((value: string | null) => any) | undefined;
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -64,6 +66,7 @@ declare const _default: {
         formatDateFns?: Partial<FormatDateFns> | undefined;
         selectedNodeId?: string | null | undefined;
         layout?: TimelineNodesLayoutOptions | undefined;
+        hideEdges?: boolean | undefined;
     }>>> & {
         onClick?: ((value: string | null) => any) | undefined;
     } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
@@ -77,6 +80,7 @@ declare const _default: {
     formatDateFns?: Partial<FormatDateFns> | undefined;
     selectedNodeId?: string | null | undefined;
     layout?: TimelineNodesLayoutOptions | undefined;
+    hideEdges?: boolean | undefined;
 }>>> & {
     onClick?: ((value: string | null) => any) | undefined;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {

package/dist/types/src/models/FlowRunTimeline.d.ts

@@ -18,7 +18,7 @@ export type NodeLayoutWorkerProps = {
     data: {
         layoutSetting?: TimelineNodesLayoutOptions;
         graphData: string;
-        textMWidth?: number;
+        apxCharacterWidth?: number;
         spacingMinimumNodeEdgeGap?: number;
         timeScaleProps?: InitTimelineScaleProps;
     };
@@ -31,7 +31,9 @@ export type NodeLayoutItem = {
 };
 export type NodesLayout = Record<string, NodeLayoutItem>;
 export type NodeLayoutWorkerResponse = {
-    data: NodesLayout;
+    data: {
+        layout: NodesLayout;
+    };
 };
 export type DateToX = (date: Date) => number;
 export type XToDate = (xPosition: number) => number;

package/dist/types/src/pixiFunctions/index.d.ts

@@ -2,8 +2,10 @@ export * from './bitmapFonts';
 export * from './deselectLayer';
 export * from './initPixiApp';
 export * from './initViewport';
+export * from './nodeSprites';
 export * from './timelineEdge';
 export * from './timelineGuides';
+export * from './timelineNode';
 export * from './timelineNodes';
 export * from './timelinePlayhead';
 export * from './timelineScale';

package/dist/types/src/pixiFunctions/initViewport.d.ts

@@ -1,3 +1,3 @@
 import type { Viewport as ViewportType } from 'pixi-viewport';
-import type { Application } from 'pixi.js';
+import { Application } from 'pixi.js';
 export declare function initViewport(stage: HTMLElement, appRef: Application): Promise<ViewportType>;

package/dist/types/src/pixiFunctions/nodeSprites.d.ts

@@ -0,0 +1,20 @@
+import { Application, Texture } from 'pixi.js';
+type BoxTextures = Record<'cap' | 'body', Texture>;
+export declare function initNodeTextureCache(): void;
+export declare function destroyNodeTextureCache(): void;
+type GetNodeBoxTexturesProps = {
+    appRef: Application;
+    fill: number;
+    borderRadius: number;
+    boxCapWidth: number;
+    height: number;
+};
+export declare function getNodeBoxTextures({ appRef, fill, borderRadius, boxCapWidth, height, }: GetNodeBoxTexturesProps): BoxTextures;
+type GetEdgeArrowTextureProps = {
+    appRef: Application;
+    strokeColor: number;
+    edgeWidth: number;
+    edgeLength: number;
+};
+export declare function getEdgeArrowTexture({ appRef, strokeColor, edgeWidth, edgeLength, }: GetEdgeArrowTextureProps): Texture;
+export {};

package/dist/types/src/pixiFunctions/timelineEdge.d.ts

@@ -1,13 +1,15 @@
-import { Container } from 'pixi.js';
+import { Application, Container } from 'pixi.js';
 import { ComputedRef } from 'vue';
-import { TimelineNode } from './timelineNode';
 import { ParsedThemeStyles } from '../models';
+import { TimelineNode } from '../pixiFunctions';
 type TimelineEdgeProps = {
+    appRef: Application;
     styles: ComputedRef<ParsedThemeStyles>;
     sourceNode: TimelineNode;
     targetNode: TimelineNode;
 };
 export declare class TimelineEdge extends Container {
+    private readonly appRef;
     private readonly styles;
     private readonly sourceNode;
     private readonly targetNode;
@@ -18,12 +20,12 @@ export declare class TimelineEdge extends Container {
     private readonly edge;
     private readonly arrow;
     private readonly unwatch;
-    constructor({ styles, sourceNode, targetNode, }: TimelineEdgeProps);
+    constructor({ appRef, styles, sourceNode, targetNode, }: TimelineEdgeProps);
     private assignStartAndEndPositions;
     private drawEdge;
     private readonly getXBezier;
     private drawArrow;
-    update(): void;
+    update(newStyles?: boolean): void;
     destroy(): void;
 }
 export {};

package/dist/types/src/pixiFunctions/timelineGuides.d.ts

@@ -1,6 +1,5 @@
 import type { Viewport } from 'pixi-viewport';
-import { Container } from 'pixi.js';
-import type { Application } from 'pixi.js';
+import { Application, Container } from 'pixi.js';
 import { ComputedRef, Ref } from 'vue';
 import { FormatDateFns, ParsedThemeStyles } from '../models';
 type TimelineGuidesProps = {

package/dist/types/src/pixiFunctions/timelineNode.d.ts

@@ -1,7 +1,8 @@
-import { Container } from 'pixi.js';
+import { Application, Container } from 'pixi.js';
 import { ComputedRef } from 'vue';
 import { ParsedThemeStyles, TimelineNodeData, NodeThemeFn } from '../models';
 type TimelineNodeProps = {
+    appRef: Application;
     nodeData: TimelineNodeData;
     styles: ComputedRef<ParsedThemeStyles>;
     styleNode: ComputedRef<NodeThemeFn>;
@@ -9,11 +10,13 @@ type TimelineNodeProps = {
 };
 export declare const timelineNodeBoxName = "box";
 export declare class TimelineNode extends Container {
+    private readonly appRef;
     nodeData: TimelineNodeData;
     private readonly styles;
     private readonly styleNode;
     private readonly unwatch;
     private label;
+    private readonly boxCapWidth;
     private readonly box;
     private apxLabelWidth;
     private nodeWidth;
@@ -21,13 +24,15 @@ export declare class TimelineNode extends Container {
     layoutPosition: number;
     private isLabelInBox;
     private readonly selectedRing;
-    constructor({ nodeData, styles, styleNode, layoutPosition, }: TimelineNodeProps);
+    constructor({ appRef, nodeData, styles, styleNode, layoutPosition, }: TimelineNodeProps);
     private getNodeWidth;
     private getLayoutPositionOffset;
     private drawBox;
+    private getBoxBodyWidth;
     private drawLabel;
     private drawSelectedRing;
     private animateIn;
+    private updateBoxWidth;
     updatePosition(skipAnimation?: boolean): Promise<void>;
     private updateLabelPosition;
     update(newNodeData?: TimelineNodeData): Promise<void>;

package/dist/types/src/pixiFunctions/timelineNodes.d.ts

@@ -1,16 +1,17 @@
 import type { Viewport } from 'pixi-viewport';
 import { Application, Container } from 'pixi.js';
 import { ComputedRef } from 'vue';
-import { TimelineNode } from './timelineNode';
 import { NodeThemeFn, ParsedThemeStyles, TimelineNodeData, TimelineNodesLayoutOptions, InitTimelineScaleProps } from '../models';
+import { TimelineNode } from '../pixiFunctions';
 type TimelineNodesProps = {
     appRef: Application;
     viewportRef: Viewport;
     graphData: TimelineNodeData[];
     styles: ComputedRef<ParsedThemeStyles>;
     styleNode: ComputedRef<NodeThemeFn>;
+    layoutSetting: TimelineNodesLayoutOptions;
+    hideEdges: boolean;
     timeScaleProps: InitTimelineScaleProps;
-    layoutSetting?: TimelineNodesLayoutOptions;
 };
 export declare class TimelineNodes extends Container {
     private readonly appRef;
@@ -21,12 +22,13 @@ export declare class TimelineNodes extends Container {
     private readonly nodeContainer;
     readonly nodeRecords: Map<string, TimelineNode>;
     selectedNodeId: string | null | undefined;
-    private readonly layoutSetting;
+    private layoutSetting;
+    private hideEdges;
     private readonly layoutWorker;
     private layout;
     private readonly edgeContainer;
     private readonly edgeRecords;
-    constructor({ appRef, viewportRef, graphData, styles, styleNode, layoutSetting, timeScaleProps: { minimumStartTime, overallGraphWidth, initialOverallTimeSpan, }, }: TimelineNodesProps);
+    constructor({ appRef, viewportRef, graphData, styles, styleNode, layoutSetting, hideEdges, timeScaleProps: { minimumStartTime, overallGraphWidth, initialOverallTimeSpan, }, }: TimelineNodesProps);
     private initLayoutWorker;
     private initDeselectLayer;
     private renderLayout;
@@ -36,6 +38,11 @@ export declare class TimelineNodes extends Container {
     private addNodeEdges;
     update(newData?: TimelineNodeData[]): void;
     updateSelection(selectedNodeId?: string | null): void;
+    updateHideEdges(hideEdges: boolean): void;
+    updateLayoutSetting(layoutSetting: TimelineNodesLayoutOptions): void;
+    private clearNodeSelection;
+    private setNodeSelection;
+    private centerViewportAfterOutsideAnimation;
     private highlightSelectedNodePath;
     private unHighlightAll;
     private getAllUpstreamEdges;

package/dist/types/src/pixiFunctions/timelinePlayhead.d.ts

@@ -1,6 +1,5 @@
 import type { Viewport } from 'pixi-viewport';
-import { Container } from 'pixi.js';
-import type { Application } from 'pixi.js';
+import { Application, Container } from 'pixi.js';
 import { ComputedRef } from 'vue';
 import { FormatDateFns, ParsedThemeStyles } from '../models';
 type TimelinePlayheadProps = {

package/dist/{viewport.es-5037f525.mjs → viewport.es-a6380c41.mjs}

@@ -1,4 +1,4 @@
-import { P as c, R as b, T as C, C as P } from "./index-00ae5c0c.mjs";
+import { P as c, R as b, T as C, C as P } from "./index-52fe544f.mjs";
 import "vue";
 class u {
   constructor(t) {
@@ -1530,4 +1530,4 @@ export {
   O as Viewport,
   $ as Wheel
 };
-//# sourceMappingURL=viewport.es-5037f525.mjs.map
+//# sourceMappingURL=viewport.es-a6380c41.mjs.map