@prefecthq/graphs 2.3.2 → 2.4.1

package/dist/types/demo/components/AppNavigationBar.vue.d.ts

@@ -1,18 +1,20 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
-    layout?: "horizontal" | "vertical" | undefined;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
-    layout?: "horizontal" | "vertical" | undefined;
-}>>>, {}, {}>, {
-    prepend?(_: {
-        layout: "horizontal" | "vertical";
-    }): any;
-}>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
+declare function __VLS_template(): {
+    slots: {
+        prepend?(_: {
+            layout: "horizontal" | "vertical";
+        }): any;
     };
+    refs: {};
+    attrs: Partial<{}>;
 };
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<{
+    layout?: "horizontal" | "vertical";
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+    layout?: "horizontal" | "vertical";
+}>>>, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
@@ -22,3 +24,8 @@ type __VLS_TypePropsToOption<T> = {
         required: true;
     };
 };
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/src/components/RunGraph.vue.d.ts

@@ -20,15 +20,11 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     fullscreen: boolean | null;
 }, {}>;
 export default _default;
-
 type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
         default: D[K];
     }> : P[K];
 };
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
@@ -38,3 +34,6 @@ type __VLS_TypePropsToOption<T> = {
         required: true;
     };
 };
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/types/src/consts.d.ts

@@ -21,10 +21,10 @@ export declare const DEFAULT_VIEWPORT_Z_INDEX = 1;
 export declare const DEFAULT_ROOT_EVENT_Z_INDEX = 2;
 export declare const DEFAULT_ROOT_FLOW_STATE_Z_INDEX = 3;
 export declare const DEFAULT_ROOT_ARTIFACT_Z_INDEX = 4;
-export declare const DEFAULT_SUBFLOW_BORDER_Z_INDEX = 0;
+export declare const DEFAULT_NESTED_GRAPH_BORDER_Z_INDEX = 0;
+export declare const DEFAULT_NESTED_GRAPH_NODES_Z_INDEX = 2;
 export declare const DEFAULT_SUBFLOW_EVENT_Z_INDEX = 1;
 export declare const DEFAULT_SUBFLOW_STATE_Z_INDEX = 2;
-export declare const DEFAULT_SUBFLOW_NODES_Z_INDEX = 2;
 export declare const DEFAULT_SUBFLOW_ARTIFACT_Z_INDEX = 3;
-export declare const DEFAULT_SUBFLOW_NODE_Z_INDEX = 4;
-export declare const DEFAULT_SUBFLOW_LABEL_Z_INDEX = 5;
+export declare const DEFAULT_NESTED_GRAPH_NODE_Z_INDEX = 4;
+export declare const DEFAULT_NODE_LABEL_Z_INDEX = 5;

package/dist/types/src/factories/circularProgressBar.d.ts

@@ -4,6 +4,6 @@ type CircularProgressBarOptions = {
 } & Partial<MaskedProgressBarOptions>;
 export declare function circularProgressBarFactory(options?: CircularProgressBarOptions): Promise<{
     element: CircularProgressBar;
-    render: (data: Partial<MaskedProgressBarOptions> & Pick<MaskedProgressBarOptions, 'lineWidth' | 'radius' | 'value'>) => CircularProgressBar;
+    render: (data: Partial<MaskedProgressBarOptions> & Pick<MaskedProgressBarOptions, "lineWidth" | "radius" | "value">) => CircularProgressBar;
 }>;
 export {};

package/dist/types/src/factories/events.d.ts

@@ -2,11 +2,11 @@ type Handler<T = any> = (...payload: T[]) => void;
 type Events = Record<string, unknown>;
 export declare function eventsFactory<T extends Events>(): {
     on: <E extends keyof T>(event: E, handler: Handler<T[E]>) => () => void;
-    off: <E_1 extends keyof T>(event: E_1, handler: Handler<T[E_1]>) => void;
-    once: <E_2 extends keyof T>(event: E_2, handler: Handler<T[E_2]>) => void;
+    off: <E extends keyof T>(event: E, handler: Handler<T[E]>) => void;
+    once: <E extends keyof T>(event: E, handler: Handler<T[E]>) => void;
     emit: {
-        <E_3 extends keyof T>(event: undefined extends T[E_3] ? E_3 : never): void;
-        <E_4 extends keyof T>(event: E_4, payload: T[E_4]): void;
+        <E extends keyof T>(event: undefined extends T[E] ? E : never): void;
+        <E extends keyof T>(event: E, payload: T[E]): void;
     };
     clear: () => void;
 };

package/dist/types/src/factories/node.d.ts

@@ -1,11 +1,11 @@
 import { Container } from 'pixi.js';
 import { BoundsContainer } from '../models/boundsContainer';
 import { Pixels } from '../models/layout';
-import { RunGraphNode } from '../models/RunGraph';
+import { RunGraphData, RunGraphNode } from '../models/RunGraph';
 export type NodeContainerFactory = Awaited<ReturnType<typeof nodeContainerFactory>>;
-export declare function nodeContainerFactory(node: RunGraphNode): Promise<{
+export declare function nodeContainerFactory(node: RunGraphNode, nestedGraphData: RunGraphData | undefined): Promise<{
     element: BoundsContainer;
-    render: (newNodeData: RunGraphNode) => Promise<BoundsContainer>;
+    render: (newNodeData: RunGraphNode, newNested: RunGraphData | undefined) => Promise<BoundsContainer>;
     bar: Container<import("pixi.js").DisplayObject>;
     setPosition: ({ x, y }: Pixels) => void;
 }>;

package/dist/types/src/factories/nodeTaskRun.d.ts

@@ -1,9 +1,9 @@
 import { BoundsContainer } from '../models/boundsContainer';
-import { RunGraphNode } from '../models/RunGraph';
+import { RunGraphData, RunGraphNode } from '../models/RunGraph';
 export type TaskRunContainer = Awaited<ReturnType<typeof taskRunContainerFactory>>;
-export declare function taskRunContainerFactory(): Promise<{
+export declare function taskRunContainerFactory(node: RunGraphNode, nestedGraphData: RunGraphData | undefined): Promise<{
     kind: "task-run";
     element: BoundsContainer;
-    render: (node: RunGraphNode) => Promise<BoundsContainer>;
+    render: (newNodeData: RunGraphNode, newNestedGraph: RunGraphData | undefined) => Promise<BoundsContainer>;
     bar: import("pixi.js").Container<import("pixi.js").DisplayObject>;
 }>;

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

@@ -17,6 +17,10 @@ export type RunGraphData = {
     artifacts?: RunGraphArtifact[];
     states?: RunGraphStateEvent[];
     events?: RunGraphEvent[];
+    /**
+     * A map of nested task run graphs keyed by the id of the task run with RunGraphNodes that were created
+     */
+    nested_task_run_graphs?: Map<string, RunGraphData>;
 };
 export type RunGraphNodes = Map<string, RunGraphNode>;
 export type RunGraphNode = {

package/dist/types/src/objects/events.d.ts

@@ -42,11 +42,11 @@ type Events = {
 export type EventKey = keyof Events;
 export declare const emitter: {
     on: <E extends keyof Events>(event: E, handler: (...payload: Events[E][]) => void) => () => void;
-    off: <E_1 extends keyof Events>(event: E_1, handler: (...payload: Events[E_1][]) => void) => void;
-    once: <E_2 extends keyof Events>(event: E_2, handler: (...payload: Events[E_2][]) => void) => void;
+    off: <E extends keyof Events>(event: E, handler: (...payload: Events[E][]) => void) => void;
+    once: <E extends keyof Events>(event: E, handler: (...payload: Events[E][]) => void) => void;
     emit: {
-        <E_3 extends keyof Events>(event: undefined extends Events[E_3] ? E_3 : never): void;
-        <E_4 extends keyof Events>(event: E_4, payload: Events[E_4]): void;
+        <E extends keyof Events>(event: undefined extends Events[E] ? E : never): void;
+        <E extends keyof Events>(event: E, payload: Events[E]): void;
     };
     clear: () => void;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prefecthq/graphs",
   "private": false,
-  "version": "2.3.2",
+  "version": "2.4.1",
   "description": "Large scale graphs designed for Prefect",
   "scripts": {
     "serve": "vite --host --mode=demo",
@@ -44,18 +44,18 @@
     "@types/lodash.isequal": "4.5.8",
     "@types/lodash.merge": "4.6.9",
     "@types/lodash.throttle": "^4.1.9",
-    "@types/node": "^20.1.7",
-    "@vitejs/plugin-vue": "5.0.4",
+    "@types/node": "^22.0.0",
+    "@vitejs/plugin-vue": "5.1.3",
     "auto-changelog": "^2.4.0",
-    "autoprefixer": "10.4.19",
+    "autoprefixer": "10.4.20",
     "eslint": "8.57.0",
-    "postcss": "8.4.38",
-    "tailwindcss": "3.4.1",
-    "tsc-alias": "1.8.8",
-    "typescript": "5.4.5",
-    "vite": "5.2.12",
+    "postcss": "8.4.47",
+    "tailwindcss": "3.4.10",
+    "tsc-alias": "1.8.10",
+    "typescript": "5.6.2",
+    "vite": "5.4.6",
     "vite-svg-loader": "^5.1.0",
-    "vue-tsc": "2.0.19"
+    "vue-tsc": "2.1.6"
   },
   "peerDependencies": {
     "@prefecthq/prefect-design": "^2.10.10",
@@ -66,14 +66,14 @@
   "dependencies": {
     "@pixi-essentials/cull": "2.0.0",
     "@pixi/ui": "^1.0.1",
-    "d3": "7.8.5",
+    "d3": "7.9.0",
     "date-fns": "3.6.0",
     "fontfaceobserver": "^2.3.0",
     "gsap": "^3.12.2",
     "lodash.isequal": "4.5.0",
     "lodash.merge": "4.6.2",
     "lodash.throttle": "^4.1.1",
-    "pixi-viewport": "5.0.1",
+    "pixi-viewport": "5.0.3",
     "pixi.js": "7.3.2"
   }
 }