@prefecthq/graphs 0.1.1

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

@@ -0,0 +1,81 @@
+import { TimescaleItem } from '../../utilities/timescaleData';
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            data: TimescaleItem[];
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+            data?: TimescaleItem[] | undefined;
+        }>, {
+            data: () => never[];
+        }>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "data">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+            data?: TimescaleItem[] | undefined;
+        }>, {
+            data: () => never[];
+        }>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            data: TimescaleItem[];
+        }, {}, string> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+        data?: TimescaleItem[] | undefined;
+    }>, {
+        data: () => never[];
+    }>>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    data?: TimescaleItem[] | undefined;
+}>, {
+    data: () => never[];
+}>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    data: TimescaleItem[];
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<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_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

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

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

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

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

package/dist/types/demo/utilities/randomColor.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generates a psuedo-random hex color
+ * @returns string - a hex color in the format #000000
+ */
+export declare const randomColor: () => string;

package/dist/types/demo/utilities/randomDate.d.ts

@@ -0,0 +1,7 @@
+/**
+ * A method that generates a random date (optional: between two dates)
+ * @param start (optional) - defaults to random date in the past
+ * @param end (optional) - defaults to now
+ * @returns Date
+ */
+export declare const randomDate: (start?: Date, end?: Date) => Date;

package/dist/types/demo/utilities/randomStarName.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @returns string - a random star name
+ */
+export declare const randomStarName: () => string;

package/dist/types/demo/utilities/starnames/index.d.ts

@@ -0,0 +1,3 @@
+export * from './names';
+export * from './prefixes';
+export * from './suffixes';

package/dist/types/demo/utilities/starnames/names.d.ts

@@ -0,0 +1,2 @@
+declare const names: string[];
+export { names };

package/dist/types/demo/utilities/starnames/prefixes.d.ts

@@ -0,0 +1,2 @@
+declare const prefixes: string[];
+export { prefixes };

package/dist/types/demo/utilities/starnames/suffixes.d.ts

@@ -0,0 +1,2 @@
+declare const suffixes: string[];
+export { suffixes };

package/dist/types/demo/utilities/timescaleData.d.ts

@@ -0,0 +1,20 @@
+export type State = 'completed' | 'running' | 'scheduled' | 'pending' | 'failed' | 'cancelled' | 'crashed' | 'paused';
+export type Shape = 'linear' | 'fanOut' | 'fanOutIn';
+export type DataOptions = {
+    start?: Date;
+    end?: Date;
+    shape?: Shape;
+    size?: number;
+    fanMultiplier?: number;
+};
+type TimescaleItem = {
+    id: string;
+    label: string;
+    start: Date;
+    end: Date | null;
+    upstreamDependencies: TimescaleItem[];
+    state: State;
+};
+declare const generateTimescaleData: (options?: DataOptions) => TimescaleItem[];
+export type { TimescaleItem };
+export { generateTimescaleData };

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

@@ -0,0 +1,66 @@
+import { TimelineNodeData } from './models';
+declare const _default: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+            graphData: TimelineNodeData[];
+            isRunning?: boolean | undefined;
+        }>>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+            graphData: TimelineNodeData[];
+            isRunning?: boolean | undefined;
+        }>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+        graphData: TimelineNodeData[];
+        isRunning?: boolean | undefined;
+    }>>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    graphData: TimelineNodeData[];
+    isRunning?: boolean | undefined;
+}>>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<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;
+    };
+};

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

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

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

@@ -0,0 +1,15 @@
+import { IBitmapTextStyle } from 'pixi.js';
+export type State = 'completed' | 'running' | 'scheduled' | 'pending' | 'failed' | 'cancelled' | 'crashed' | 'paused';
+export type TimelineNodeData = {
+    id: string;
+    label: string;
+    start: Date;
+    end: Date | null;
+    upstreamDependencies: TimelineNodeData[];
+    state: State;
+};
+export type TextStyles = {
+    nodeTextDefault: Partial<IBitmapTextStyle>;
+    nodeTextInverse: Partial<IBitmapTextStyle>;
+    timeMarkerLabel: Partial<IBitmapTextStyle>;
+};

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

@@ -0,0 +1 @@
+export * from './FlowRunTimeline';

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

@@ -0,0 +1,4 @@
+export * from './initBitmapFonts';
+export * from './initPixiApp';
+export * from './initViewport';
+export * from './timelineGuides';

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

@@ -0,0 +1,2 @@
+import { TextStyles } from '../models';
+export declare function initBitmapFonts(devicePixelRatio: number): Promise<TextStyles>;

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

@@ -0,0 +1,2 @@
+import { Application } from 'pixi.js';
+export declare function initPixiApp(stage: HTMLElement): Application;

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

@@ -0,0 +1,3 @@
+import { Viewport } from 'pixi-viewport';
+import { Application } from 'pixi.js';
+export declare function initViewport(stage: HTMLElement, app: Application): Viewport;

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

@@ -0,0 +1,17 @@
+import { Viewport } from 'pixi-viewport';
+import { Application, Container } from 'pixi.js';
+import { TextStyles } from '../models';
+type TimelineGuidesProps = {
+    app: Application;
+    viewport: Viewport;
+    stage: HTMLElement | undefined;
+    timelineGuidesContainer: Container;
+    minimumStartDate: Date;
+    overallGraphWidth: number;
+    isRunning: boolean | undefined;
+    dateScale: (x: number) => number;
+    xScale: (date: Date) => number;
+    textStyles: TextStyles;
+};
+export declare function initTimelineGuides(props: TimelineGuidesProps): void;
+export {};

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

@@ -0,0 +1,2 @@
+export * from './math';
+export * from './time';

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

@@ -0,0 +1,13 @@
+export declare const abs: (x: number) => number, atan2: (y: number, x: number) => number, cos: (x: number) => number, max: (...values: number[]) => number, min: (...values: number[]) => number, sin: (x: number) => number, tan: (x: number) => number, sqrt: (x: number) => number, pow: (x: number, y: number) => number, floor: (x: number) => number, ceil: (x: number) => number, random: () => number;
+export declare const epsilon = 1e-12;
+export declare const pi: number;
+export declare const halfPi: number;
+export declare const tau: number;
+export declare const acos: (x: number) => number;
+export declare const asin: (x: number) => number;
+export declare const pow2: (n: number) => number;
+export declare const choice: <T>(list: T[] | readonly T[]) => T;
+export declare const range: (min: number, max: number) => number[];
+export declare const uniform: (min: number, max: number) => number;
+export declare const coinflip: (weight: number) => boolean;
+export declare const weightedNumber: () => number;

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

@@ -0,0 +1,16 @@
+export declare const intervals: {
+    readonly year: 31536000;
+    readonly day: 86400;
+    readonly hour: 3600;
+    readonly minute: 60;
+    readonly second: 1;
+};
+export declare function secondsToString(input: number, showOnes?: boolean): string;
+export declare function secondsToApproximateString(input: number, showOnes?: boolean): string;
+export declare function getDateBounds(datesArray: {
+    start: Date;
+    end: Date | null;
+}[]): {
+    min: Date;
+    max: Date;
+};

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

@@ -0,0 +1,2 @@
+declare const _default: import("vite").UserConfigExport;
+export default _default;

package/package.json

@@ -0,0 +1,70 @@
+{
+  "name": "@prefecthq/graphs",
+  "private": false,
+  "version": "0.1.1",
+  "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",
+    "lint": "eslint src",
+    "lint:fix": "eslint src --fix",
+    "changelog": "auto-changelog --package --commit-limit 0",
+    "version": "npm run changelog && git add CHANGELOG.md"
+  },
+  "main": "./dist/prefect-graphs.umd.js",
+  "module": "./dist/prefect-graphs.mjs",
+  "exports": {
+    ".": {
+      "import": "./dist/prefect-graphs.mjs",
+      "require": "./dist/prefect-graphs.umd.js"
+    },
+    "./dist/style.css": "./dist/style.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "types": "./dist/types/src/index.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/PrefectHQ/graphs.git"
+  },
+  "author": "",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/PrefectHQ/graphs/issues"
+  },
+  "homepage": "https://github.com/PrefectHQ/graphs#readme",
+  "devDependencies": {
+    "@fontsource/inconsolata": "^4.5.9",
+    "@fontsource/inter": "4.5.14",
+    "@prefecthq/eslint-config": "1.0.17",
+    "@types/fontfaceobserver": "^2.1.0",
+    "@types/node": "^18.11.11",
+    "@vitejs/plugin-vue": "4.0.0",
+    "auto-changelog": "^2.4.0",
+    "autoprefixer": "10.4.13",
+    "eslint": "8.29.0",
+    "postcss": "8.4.19",
+    "tailwindcss": "3.2.4",
+    "tsc-alias": "1.8.2",
+    "typescript": "^4.9.3",
+    "vite": "4.0.1",
+    "vite-svg-loader": "^3.6.0",
+    "vue-tsc": "1.0.9"
+  },
+  "peerDependencies": {
+    "@prefecthq/prefect-design": "^1.1.35",
+    "vue": "^3.2.45",
+    "vue-router": "^4.0.12"
+  },
+  "dependencies": {
+    "@pixi-essentials/cull": "^1.1.0",
+    "@prefecthq/vue-compositions": "1.0.0",
+    "date-fns": "2.29.3",
+    "fontfaceobserver": "^2.3.0",
+    "pixi-viewport": "^4.38.0",
+    "pixi.js": "^6.5.8"
+  }
+}