@prefecthq/graphs 3.0.0 → 3.0.2

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

@@ -11,8 +11,8 @@ export type RunGraphProps = {
 };
 export type RunGraphData = {
     root_node_ids: string[];
-    start_time: Date;
-    end_time: Date | null;
+    start_time: string;
+    end_time: string | null;
     nodes: RunGraphNodes;
     artifacts?: RunGraphArtifact[];
     states?: RunGraphStateEvent[];
@@ -28,8 +28,8 @@ export type RunGraphNode = {
     id: string;
     label: string;
     state_type: StateType;
-    start_time: Date;
-    end_time: Date | null;
+    start_time: string;
+    end_time: string | null;
     parents: RunGraphEdge[];
     children: RunGraphEdge[];
     artifacts?: RunGraphArtifact[];
@@ -54,7 +54,6 @@ export type RunGraphStateStyles = {
     background?: ColorSource;
 };
 export type RunGraphStyles = {
-    colorMode: 'dark' | 'light';
     rowGap?: number;
     columnGap?: number;
     textDefault?: ColorSource;
@@ -106,16 +105,18 @@ export type RunGraphStyles = {
     node?: (node: RunGraphNode) => RunGraphNodeStyles;
     state?: (state: RunGraphStateEvent) => RunGraphStateStyles;
 };
+export type RunGraphTheme = 'dark' | 'light';
 export type RunGraphConfig = {
     runId: string;
     fetch: RunGraphFetch;
     fetchEvents?: RunGraphFetchEvents;
+    theme: RunGraphTheme;
     fetchEventsInterval?: number;
     animationDuration?: number;
-    styles?: RunGraphStyles;
+    styles?: (theme: RunGraphTheme) => RunGraphStyles;
     disableAnimationsThreshold?: number;
     disableEdgesThreshold?: number;
 };
 export type RequiredGraphConfig = Omit<Required<RunGraphConfig>, 'styles'> & {
-    styles: Required<RunGraphStyles>;
+    styles?: (theme: RunGraphTheme) => RunGraphStyles;
 };

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

@@ -4,7 +4,7 @@ import { Application, Container } from 'pixi.js';
 import { HorizontalScale } from '../factories/position';
 import { RunGraphEvent } from '../models';
 import { LayoutSettings } from '../models/layout';
-import { RequiredGraphConfig, RunGraphData } from '../models/RunGraph';
+import { RequiredGraphConfig, RunGraphData, RunGraphStyles } from '../models/RunGraph';
 import { GraphItemSelection } from '../models/selection';
 import { ViewportDateRange } from '../models/viewport';
 import { Fonts } from '../objects/fonts';
@@ -36,6 +36,8 @@ type Events = {
     itemSelected: GraphItemSelection | null;
     layoutUpdated: void;
     toggleCullCreated: VisibilityCull;
+    stylesCreated: Required<RunGraphStyles>;
+    stylesUpdated: Required<RunGraphStyles>;
 };
 export type EventKey = keyof Events;
 export declare const emitter: {

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

@@ -0,0 +1,4 @@
+import { RunGraphStyles } from '../models/RunGraph';
+export declare function startStyles(): Promise<void>;
+export declare function stopStyles(): void;
+export declare function waitForStyles(): Promise<Required<RunGraphStyles>>;

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

@@ -1,2 +1,2 @@
-import { RequiredGraphConfig, RunGraphData } from '../models/RunGraph';
-export declare function getInitialHorizontalScaleMultiplier({ start_time, end_time, nodes }: RunGraphData, config: RequiredGraphConfig, aspectRatio: number): number;
+import { RunGraphData, RunGraphStyles } from '../models/RunGraph';
+export declare function getInitialHorizontalScaleMultiplier({ start_time, end_time, nodes }: RunGraphData, styles: Required<RunGraphStyles>, aspectRatio: number): number;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prefecthq/graphs",
   "private": false,
-  "version": "3.0.0",
+  "version": "3.0.2",
   "description": "Large scale graphs designed for Prefect",
   "scripts": {
     "dev": "tsc -w & tsc-alias -w & vite build -w",
@@ -9,15 +9,16 @@
     "lint": "eslint src",
     "lint:fix": "eslint src --fix",
     "changelog": "auto-changelog --package --commit-limit 0",
-    "version": "npm run changelog && git add CHANGELOG.md",
-    "release": "./graphs-release"
+    "release": "./graphs-release",
+    "validate:types": "tsc --noEmit"
   },
   "main": "./dist/graphs.umd.js",
   "module": "./dist/graphs.mjs",
   "exports": {
     ".": {
       "import": "./dist/graphs.mjs",
-      "require": "./dist/graphs.umd.js"
+      "require": "./dist/graphs.umd.js",
+      "types": "./dist/types/src/index.d.ts"
     },
     "./dist/style.css": "./dist/style.css"
   },
@@ -44,10 +45,9 @@
     "@types/lodash.throttle": "^4.1.9",
     "@types/node": "^22.0.0",
     "@vitejs/plugin-vue": "5.2.1",
-    "auto-changelog": "^2.4.0",
     "autoprefixer": "10.4.20",
     "eslint": "8.57.1",
-    "postcss": "8.4.49",
+    "postcss": "8.5.2",
     "tailwindcss": "3.4.17",
     "tsc-alias": "1.8.10",
     "typescript": "5.7.3",
@@ -55,6 +55,7 @@
     "vite-svg-loader": "^5.1.0"
   },
   "dependencies": {
+    "@fontsource-variable/inter": "^5.1.1",
     "@pixi-essentials/cull": "2.0.0",
     "@pixi/ui": "^1.0.1",
     "d3": "7.9.0",
@@ -62,7 +63,6 @@
     "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.3",
     "pixi.js": "7.3.2"