@prefecthq/graphs 2.4.1 → 3.0.0

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

@@ -1,7 +1,7 @@
-import { MaybeRefOrGetter } from 'vue';
 import { RunGraphEvent, RunGraphFetchEventsContext } from '../models';
+import { MaybeGetter } from '../models/utilities';
 type EventDataCallback = (data: RunGraphEvent[]) => void;
-export declare function eventDataFactory(context: MaybeRefOrGetter<RunGraphFetchEventsContext>, callback: EventDataCallback): Promise<{
+export declare function eventDataFactory(context: MaybeGetter<RunGraphFetchEventsContext>, callback: EventDataCallback): Promise<{
     start: () => Promise<void>;
     stop: () => void;
 }>;

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

@@ -1,3 +1,4 @@
+import { MaybeGetter } from '../models/utilities';
 type SetOffsetParameters = {
     axis: number;
     nodeId: string;
@@ -11,7 +12,6 @@ type RemoveOffsetParameters = {
     axis: number;
     nodeId: string;
 };
-type MaybeGetter<T> = T | (() => T);
 export type Offsets = Awaited<ReturnType<typeof offsetsFactory>>;
 export type OffsetParameters = {
     gap?: MaybeGetter<number>;

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

@@ -1,2 +1,3 @@
-export * from './components';
 export * from './models';
+export * from './consts';
+export { start, stop, centerViewport, updateViewportFromDateRange, setConfig, emitter, selectItem, layout, resetHorizontalScaleMultiplier, setHorizontalScaleMultiplier, setVerticalMode, setHorizontalMode, setDisabledArtifacts, setDisabledEdges, setDisabledEvents } from './objects';

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

@@ -4,3 +4,4 @@ export * from './RunGraph';
 export * from './viewport';
 export * from './selection';
 export * from './states';
+export * from './layout';

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

@@ -4,6 +4,8 @@ export type Pixels = {
 };
 export type VerticalMode = 'waterfall' | 'nearest-parent' | 'duration-sorted';
 export type HorizontalMode = 'temporal' | 'dependency' | 'left-aligned';
+export declare function isVerticalMode(value: string): value is VerticalMode;
+export declare function isHorizontalMode(value: string): value is HorizontalMode;
 export type NodeSize = {
     height: number;
     width: number;

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

@@ -0,0 +1 @@
+export type MaybeGetter<T> = T | (() => T);

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

@@ -1,4 +1,5 @@
-import { Action } from '@prefecthq/vue-compositions';
+type Action = (...args: any[]) => any;
 export declare function startCache(): void;
 export declare function stopCache(): void;
 export declare function cache<T extends Action>(action: T, parameters: Parameters<T>): Promise<ReturnType<T>>;
+export {};

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

@@ -1,4 +1,5 @@
-import { RequiredGraphConfig, RunGraphProps } from '../models/RunGraph';
-export declare function startConfig(props: RunGraphProps): Promise<void>;
+import { RequiredGraphConfig, RunGraphConfig } from '../models/RunGraph';
+export declare function startConfig(config: RunGraphConfig): void;
+export declare function setConfig(value: RunGraphConfig): void;
 export declare function stopConfig(): void;
 export declare function waitForConfig(): Promise<RequiredGraphConfig>;

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

@@ -1,7 +1,6 @@
 import { Cull } from '@pixi-essentials/cull';
 import { Viewport } from 'pixi-viewport';
 import { Application, Container } from 'pixi.js';
-import { EffectScope } from 'vue';
 import { HorizontalScale } from '../factories/position';
 import { RunGraphEvent } from '../models';
 import { LayoutSettings } from '../models/layout';
@@ -22,7 +21,6 @@ type Events = {
     viewportMoved: null;
     configCreated: RequiredGraphConfig;
     configUpdated: RequiredGraphConfig;
-    scopeCreated: EffectScope;
     fontsLoaded: Fonts;
     containerCreated: Container;
     layoutSettingsUpdated: LayoutSettings;

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

@@ -1,10 +1,14 @@
-import { RunGraphProps } from '../models/RunGraph';
+import { RunGraphConfig } from '../models/RunGraph';
 export * from './application';
 export * from './stage';
 export * from './viewport';
+export * from './config';
+export * from './events';
+export * from './selection';
+export * from './settings';
 type StartParameters = {
     stage: HTMLDivElement;
-    props: RunGraphProps;
+    config: RunGraphConfig;
 };
-export declare function start({ stage, props }: StartParameters): void;
+export declare function start({ stage, config }: StartParameters): void;
 export declare function stop(): void;

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

@@ -1,22 +1,7 @@
 import { HorizontalMode, LayoutSettings, VerticalMode } from '../models/layout';
 export declare function startSettings(): Promise<void>;
 export declare function stopSettings(): void;
-export declare const layout: {
-    horizontal: HorizontalMode;
-    vertical: VerticalMode;
-    horizontalScaleMultiplierDefault: number;
-    horizontalScaleMultiplier: number;
-    disableAnimations: boolean;
-    disableGuides: boolean;
-    disableEdges: boolean;
-    disableArtifacts: boolean;
-    disableEvents: boolean;
-    isTemporal: () => boolean;
-    isDependency: () => boolean;
-    isWaterfall: () => boolean;
-    isNearestParent: () => boolean;
-    isLeftAligned: () => boolean;
-};
+export declare const layout: LayoutSettings;
 export declare function waitForSettings(): Promise<LayoutSettings>;
 export declare function getHorizontalColumnSize(): number;
 export declare function getHorizontalRange(): [number, number];

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

@@ -0,0 +1,2 @@
+import { MaybeGetter } from '../models/utilities';
+export declare function toValue<T>(value: MaybeGetter<T>): T;

package/package.json

@@ -1,13 +1,11 @@
 {
   "name": "@prefecthq/graphs",
   "private": false,
-  "version": "2.4.1",
+  "version": "3.0.0",
   "description": "Large scale graphs designed for Prefect",
   "scripts": {
-    "serve": "vite --host --mode=demo",
-    "dev": "vue-tsc -w & tsc-alias -w & vite build -w",
-    "build": "vue-tsc && tsc-alias && vite build",
-    "build:demo": "vite build --mode=demo",
+    "dev": "tsc -w & tsc-alias -w & vite build -w",
+    "build": "tsc && tsc-alias && vite build",
     "lint": "eslint src",
     "lint:fix": "eslint src --fix",
     "changelog": "auto-changelog --package --commit-limit 0",
@@ -45,29 +43,22 @@
     "@types/lodash.merge": "4.6.9",
     "@types/lodash.throttle": "^4.1.9",
     "@types/node": "^22.0.0",
-    "@vitejs/plugin-vue": "5.1.3",
+    "@vitejs/plugin-vue": "5.2.1",
     "auto-changelog": "^2.4.0",
     "autoprefixer": "10.4.20",
-    "eslint": "8.57.0",
-    "postcss": "8.4.47",
-    "tailwindcss": "3.4.10",
+    "eslint": "8.57.1",
+    "postcss": "8.4.49",
+    "tailwindcss": "3.4.17",
     "tsc-alias": "1.8.10",
-    "typescript": "5.6.2",
-    "vite": "5.4.6",
-    "vite-svg-loader": "^5.1.0",
-    "vue-tsc": "2.1.6"
-  },
-  "peerDependencies": {
-    "@prefecthq/prefect-design": "^2.10.10",
-    "@prefecthq/vue-compositions": "^1.6.7",
-    "vue": "^3.2.45",
-    "vue-router": "^4.0.12"
+    "typescript": "5.7.3",
+    "vite": "5.4.11",
+    "vite-svg-loader": "^5.1.0"
   },
   "dependencies": {
     "@pixi-essentials/cull": "2.0.0",
     "@pixi/ui": "^1.0.1",
     "d3": "7.9.0",
-    "date-fns": "3.6.0",
+    "date-fns": "4.1.0",
     "fontfaceobserver": "^2.3.0",
     "gsap": "^3.12.2",
     "lodash.isequal": "4.5.0",

package/dist/style.css

@@ -1 +0,0 @@
-.run-graph-settings{display:inline-block}.run-graph-settings__menu{padding:.5rem}.run-graph{position:relative}.run-graph--fullscreen{position:fixed;height:100vh!important;width:100vw!important;left:0;top:0}.run-graph__stage,.run-graph__stage>canvas{width:100%;height:100%}.run-graph__actions{position:absolute;bottom:.5rem;right:.5rem}

package/dist/types/demo/App.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
-export default _default;

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

@@ -1,7 +0,0 @@
-import { RouteLocationRaw } from 'vue-router';
-export type ContextAccordionChildItem = {
-    to: RouteLocationRaw;
-    title?: string;
-};
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
-export default _default;

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

@@ -1,31 +0,0 @@
-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> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/types/demo/main.d.ts

@@ -1,2 +0,0 @@
-import '@prefecthq/prefect-design/dist/style.css';
-import '@/styles/style.css';

package/dist/types/demo/router/index.d.ts

@@ -1,3 +0,0 @@
-import { RouteRecordRaw } from 'vue-router';
-export declare const routeRecords: RouteRecordRaw[];
-export declare const router: import("vue-router").Router;

package/dist/types/demo/router/menu.d.ts

@@ -1,4 +0,0 @@
-export declare const mobileMenuOpen: import("vue").Ref<boolean>;
-export declare function open(): void;
-export declare function close(): void;
-export declare function toggle(): void;

package/dist/types/demo/router/routeRecords.d.ts

@@ -1,5 +0,0 @@
-import { RouteComponent, RouteRecordRaw } from 'vue-router';
-export type ImportComponent = RouteComponent | (() => Promise<RouteComponent>);
-export type Section = Record<string, ImportComponent>;
-export declare function isSection(value: unknown): value is Section;
-export declare function convertSectionToRouteRecords(section: Section, isRoot?: boolean): RouteRecordRaw[];

package/dist/types/demo/router/routeRecordsFlat.d.ts

@@ -1,4 +0,0 @@
-import { RouteLocationNormalizedLoaded, RouteLocationRaw } from 'vue-router';
-export type RouteRecordsFlat = Record<string, RouteLocationRaw>;
-export declare const routeRecordsFlat: RouteRecordsFlat;
-export declare function getRouteRecordIndex(route: RouteLocationNormalizedLoaded): number;

package/dist/types/demo/sections/WelcomePage.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
-export default _default;

package/dist/types/demo/sections/components/RunGraphDemo.vue.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
-export default _default;

package/dist/types/demo/sections/components/index.d.ts

@@ -1,2 +0,0 @@
-import { Section } from '../../router/routeRecords';
-export declare const components: Section;

package/dist/types/demo/sections/index.d.ts

@@ -1,2 +0,0 @@
-import { Section } from '../router/routeRecords';
-export declare const sections: Section;

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

@@ -1,39 +0,0 @@
-import { RunGraphProps } from '../models/RunGraph';
-import { GraphItemSelection } from '../models/selection';
-import { ViewportDateRange } from '../models/viewport';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<RunGraphProps>, {
-    fullscreen: null;
-    selected: null;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:viewport": (value: ViewportDateRange) => void;
-    "update:fullscreen": (value: boolean) => void;
-    "update:selected": (value: GraphItemSelection | null) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<RunGraphProps>, {
-    fullscreen: null;
-    selected: null;
-}>>> & {
-    "onUpdate:viewport"?: ((value: ViewportDateRange) => any) | undefined;
-    "onUpdate:fullscreen"?: ((value: boolean) => any) | undefined;
-    "onUpdate:selected"?: ((value: GraphItemSelection | null) => any) | undefined;
-}, {
-    selected: GraphItemSelection | null;
-    fullscreen: boolean | null;
-}, {}>;
-export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_PrettifyLocal<T> = {
-    [K in keyof T]: T[K];
-} & {};

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

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
-export default _default;

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

@@ -1 +0,0 @@
-export { default as RunGraph } from './RunGraph.vue';

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

@@ -1,4 +0,0 @@
-import { EffectScope } from 'vue';
-export declare function startScope(): void;
-export declare function stopScope(): void;
-export declare function waitForScope(): Promise<EffectScope>;

package/dist/types/src/utilities/effectScopeFactory.d.ts

@@ -1,6 +0,0 @@
-type EffectScopeFactory = {
-    run: (callback: () => void) => void;
-    stop: () => void;
-};
-export declare function effectScopeFactory(): EffectScopeFactory;
-export {};

package/dist/types/src/utilities/keyboard.d.ts

@@ -1 +0,0 @@
-export declare function eventTargetIsInput(eventTarget: EventTarget | null): boolean;

package/dist/types/tailwind.config.d.ts

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