@darajs/ui-causal-graph-editor 1.0.0-a.1

package/dist/shared/rendering/edge/symbols.js

@@ -0,0 +1,150 @@
+/**
+ * Copyright 2023 Impulse Innovations Limited
+ *
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { SmoothGraphics } from '@pixi/graphics-smooth';
+import * as PIXI from 'pixi.js';
+import { EdgeConstraintType, EdgeType, EditorMode } from '../../../types';
+import { QUESTION_MARK, drawPath } from '../svg';
+/**
+ * Create a graphics object for a side (top or bottom) edge symbol
+ *
+ * @param style edge style
+ * @param position position of the object on the edge
+ * @param tint tint of the symbol
+ * @param bgTint tint of the background behind the symbol, e.g. to make it not transparent
+ */
+export function createSideSymbol(style, position, tint, bgTint) {
+    var _a;
+    const gfx = new SmoothGraphics();
+    const color = tint;
+    // normal arrow in normal/resolver mode
+    if ([EditorMode.RESOLVER, EditorMode.DEFAULT, EditorMode.EDGE_ENCODER].includes(style.editorMode)) {
+        // Bottom arrows don't exist here
+        if (position === 'bottom') {
+            return gfx;
+        }
+        if (EditorMode.RESOLVER === style.editorMode) {
+            // Resolver - only show arrow for directed edge
+            if (style.type !== EdgeType.DIRECTED_EDGE) {
+                return gfx;
+            }
+        }
+        if (style.editorMode === EditorMode.EDGE_ENCODER) {
+            // Encoder - only show arrow for directed constraint
+            if (((_a = style.constraint) === null || _a === void 0 ? void 0 : _a.type) !== EdgeConstraintType.DIRECTED) {
+                return gfx;
+            }
+        }
+        gfx.lineStyle({ cap: PIXI.LINE_CAP.ROUND, color, width: 2 });
+        gfx.moveTo(0, 8);
+        gfx.lineTo(-8, 0);
+        gfx.moveTo(0, 8);
+        gfx.lineTo(8, 0);
+    }
+    // Multiplier for Y values - flip bottom position graphics
+    const my = position === 'top' ? 1 : -1;
+    // Pag-style arrow
+    if (style.editorMode === EditorMode.PAG_VIEWER) {
+        const symbol = style.type[position === 'top' ? 1 : 0];
+        // Fill for arrows
+        if (['<', '>'].includes(symbol)) {
+            gfx.beginFill(color, 1, true);
+            gfx.drawPolygon([0, my * 10, -8, 0, 8, 0]);
+            gfx.endFill();
+        }
+        else if (symbol === 'o') {
+            gfx.beginFill(bgTint, 1);
+            gfx.drawCircle(0, 0, 6);
+            gfx.endFill();
+            // stroke for circles
+            gfx.lineStyle({ color, width: 3 });
+            gfx.drawCircle(0, 0, 5);
+        }
+        else {
+            // undirected - no symbol
+            return gfx;
+        }
+    }
+    return gfx;
+}
+/**
+ * Create a graphics object for the edge strength symbol
+ *
+ * @param dots number of dots to include in the symbol
+ */
+export function createStrengthSymbol(dots) {
+    const gfx = new SmoothGraphics();
+    if (!dots) {
+        return gfx;
+    }
+    gfx.beginFill(0xffffff, 1, true);
+    // Draw a circle for each dot
+    for (let i = 0; i < dots; i++) {
+        gfx.drawCircle(0, -10 * i, 4);
+    }
+    gfx.endFill();
+    return gfx;
+}
+/**
+ * Create a graphics object for center edge symbol
+ *
+ * @param style edge style
+ */
+export function createCenterSymbol(style) {
+    const gfx = new SmoothGraphics();
+    // In resolver modes, draw a question mark for unresolved direction edges
+    if (EditorMode.RESOLVER === style.editorMode) {
+        if (style.type !== EdgeType.DIRECTED_EDGE) {
+            gfx.lineStyle({
+                cap: PIXI.LINE_CAP.ROUND,
+                color: 0xffffff,
+                width: 1,
+            });
+            gfx.beginFill(0xffffff, 1, true);
+            drawPath(QUESTION_MARK, gfx);
+            gfx.endFill();
+        }
+    }
+    // In edge encoder, show prohibited/undirected in the center
+    if (style.editorMode === EditorMode.EDGE_ENCODER && style.constraint) {
+        if (style.constraint.type === EdgeConstraintType.FORBIDDEN) {
+            gfx.lineStyle({
+                cap: PIXI.LINE_CAP.ROUND,
+                color: 0xffffff,
+                width: 2,
+            });
+            gfx.moveTo(-6, 6);
+            gfx.lineTo(6, -6);
+            gfx.moveTo(6, 6);
+            gfx.lineTo(-6, -6);
+        }
+        else if (style.constraint.type === EdgeConstraintType.UNDIRECTED) {
+            gfx.lineStyle({
+                cap: PIXI.LINE_CAP.ROUND,
+                color: 0xffffff,
+                width: 2,
+            });
+            gfx.moveTo(-8, 4);
+            gfx.lineTo(0, 12);
+            gfx.lineTo(8, 4);
+            gfx.moveTo(-8, -4);
+            gfx.lineTo(0, -12);
+            gfx.lineTo(8, -4);
+        }
+    }
+    return gfx;
+}
+//# sourceMappingURL=symbols.js.map

package/dist/shared/rendering/edge/symbols.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"symbols.js","sourceRoot":"","sources":["../../../../src/shared/rendering/edge/symbols.tsx"],"names":[],"mappings":"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"}

package/dist/shared/rendering/engine.d.ts

@@ -0,0 +1,342 @@
+/// <reference types="lodash" />
+import * as PIXI from 'pixi.js';
+import { DefaultTheme } from '@darajs/styled-components';
+import { GraphLayout } from '../graph-layout';
+import { DragMode } from '../use-drag-mode';
+import { EdgeConstraint, EditorMode, SimulationGraph, ZoomThresholds } from '../../types';
+export interface EngineEvents {
+    backgroundClick: () => void;
+    createEdge: (event: PIXI.FederatedMouseEvent, source: string, target: string) => void;
+    dragEnd: () => void;
+    dragStart: () => void;
+    edgeClick: (event: PIXI.FederatedMouseEvent, source: string, target: string) => void;
+    edgeMouseout: (event: PIXI.FederatedMouseEvent, edgeKey: string) => void;
+    edgeMouseover: (event: PIXI.FederatedMouseEvent, edgeKey: string) => void;
+    nodeClick: (event: PIXI.FederatedMouseEvent, nodeKey: string) => void;
+    nodeMouseout: (event: PIXI.FederatedMouseEvent, nodeKey: string) => void;
+    nodeMouseover: (event: PIXI.FederatedMouseEvent, nodeKey: string) => void;
+}
+export declare const ENGINE_EVENTS: Array<keyof EngineEvents>;
+export declare class Engine extends PIXI.utils.EventEmitter<EngineEvents> {
+    /** App instance */
+    private app;
+    /** Background object */
+    private background;
+    /** Available edge constraints */
+    private constraints;
+    /** Parent container where canvas is rendered in */
+    private container;
+    /** Debounced version of `this.updateLayout` in case multiple changes come in at the same time */
+    debouncedUpdateLayout: import("lodash").DebouncedFunc<() => Promise<void>>;
+    /** Current drag mode */
+    private dragMode;
+    /** Container storing edge graphics */
+    private edgeLayer;
+    /** Edge ID -> EdgeObject cache */
+    private edgeMap;
+    /** Container storing edge symbol graphics */
+    private edgeSymbolsLayer;
+    /** Whether the graph is editable */
+    private editable;
+    /** Current editor mode */
+    private editorMode;
+    /** Graph state */
+    private graph;
+    /** Whether engine has been started */
+    initialized: boolean;
+    /** Whether there is an edge being created */
+    private isCreatingEdge;
+    /** Whether a node is being moved */
+    private isMovingNode;
+    /** Graph layout instance */
+    private layout?;
+    /** Which edge the user is holding down mouse button on */
+    private mousedownEdgeKey;
+    /** Which node the user is holding down mouse button on */
+    private mousedownNodeKey;
+    /** Container storing node label graphics */
+    private nodeLabelLayer;
+    /** Container storing node graphics */
+    private nodeLayer;
+    /** Node ID -> NodeObject cache */
+    private nodeMap;
+    /** Center position of the node user pressed mousedown on, stored while user is holding down mouse1 */
+    private nodeMousedownCenterPosition;
+    /** Last mousedown event position stored while user is holding down mouse1 */
+    private nodeMousedownPosition;
+    /** Callback executed when a node is added */
+    private onAddNode?;
+    /** Callback executed when an edge is added */
+    private onAddEdge?;
+    /** Callback executed when engine is being destroyed */
+    private onCleanup?;
+    private onGraphAttributesUpdatedBound;
+    private onGraphNodeAddedBound;
+    private onGraphEdgeAddedBound;
+    private onGraphEdgeDroppedBound;
+    private onGraphNodeDroppedBound;
+    private onGraphEdgeAttributesUpdatedBound;
+    private onGraphNodeAttributesUpdatedBound;
+    private onDocumentMouseMoveBound;
+    private onDocumentMouseUpBound;
+    /** Callback executed when a drag motion is done */
+    private onEndDrag?;
+    /** Callback executed when a node is being moved */
+    private onMove?;
+    /** Callback executed when a drag motion is started */
+    private onStartDrag?;
+    /** Last render request ID - used to skip extra render calls */
+    private renderRequestId;
+    /** ResizeObserver instance watching window resizes */
+    private resizeObserver;
+    /** Current node search results */
+    private searchResults;
+    /** Currently selected edge. We keep track of it here so we can unselect it when need be */
+    private selectedEdge;
+    /** Currently selected node. We keep track of it here so we can unselect it when need be */
+    private selectedNode;
+    /** Current range of edge strength values provided in meta attributes */
+    private strengthRange;
+    /** Texture cache instance */
+    private textureCache;
+    /** Current theme */
+    private theme;
+    /** Graph UID */
+    private uid;
+    /** Viewport instance */
+    private viewport;
+    /** Optional user-provided zoom thresholds */
+    private zoomThresholds?;
+    constructor(graph: SimulationGraph, layout: GraphLayout, editable: boolean, editorMode: EditorMode, theme: DefaultTheme, constraints?: EdgeConstraint[], zoomThresholds?: ZoomThresholds);
+    /**
+     * Get the center position of the rendered viewport
+     */
+    getCenterPosition(): PIXI.IPointData;
+    /**
+     * Cleanup the app appropriately
+     */
+    destroy(): void;
+    /**
+     * Request the graph to be re-rendered
+     */
+    requestRender(): void;
+    /**
+     * Reset the viewport to fit the graph centered on screen
+     */
+    resetViewport(): void;
+    /**
+     * Update matched status based on new search result
+     *
+     * @param ids ids found in search result
+     */
+    searchNodes(ids: string[]): void;
+    /**
+     * Select an edge with given id
+     *
+     * @param id id of the edge
+     */
+    selectEdge(path: [string, string]): void;
+    /**
+     * Select a node with given id
+     *
+     * @param id id of the node
+     */
+    selectNode(id: string): void;
+    /**
+     * Update drag mode
+     *
+     * @param dragMode drag mode to set
+     */
+    setDragMode(dragMode: DragMode): void;
+    /**
+     * Update theme used
+     *
+     * @param theme theme used
+     */
+    setTheme(theme: DefaultTheme): void;
+    /**
+     * Start the rendering engine
+     *
+     * @param container container to start in - canvas will be injected into it
+     */
+    start(container: HTMLElement): Promise<void>;
+    /**
+     * Update the set of constraints
+     *
+     * @param constraints new constraints
+     */
+    updateConstraints(constraints: EdgeConstraint[]): void;
+    /**
+     * Create an edge
+     *
+     * @param id edge id
+     * @param attributes  edge attributes
+     * @param source source node id
+     * @param target target node i
+     * @param sourceAttributes source node attributes
+     * @param targetAttributes target node attributes
+     */
+    private createEdge;
+    /**
+     * Create the graph.
+     *
+     * Creates edges and nodes based on current graph state.
+     */
+    private createGraph;
+    /**
+     * Create a node
+     *
+     * @param id node id
+     * @param attributes node attributes
+     */
+    private createNode;
+    /**
+     * Drop the edge graphics from the renderer
+     *
+     * @param id edge id
+     */
+    private dropEdge;
+    /**
+     * Drop the node graphics from the renderer
+     *
+     * @param id node id
+     */
+    private dropNode;
+    /**
+     * Enables drag behaviour
+     *
+     * Pauses viewport dragging and installs listeners for mouse movement
+     */
+    private enableDragBehaviour;
+    /**
+     * Get constraint for given edge
+     *
+     * @param source edge source
+     * @param target edge target
+     */
+    private getConstraint;
+    /**
+     * Get style object to determine edge behaviour
+     *
+     * @param edge edge object to get styles for
+     * @param attributes edge attributes
+     * @param constraint optional attached constraint, used in edge encoder mode
+     */
+    private getEdgeStyle;
+    /**
+     * Get style object to determine node behaviour
+     *
+     * @param node node object to get styles for
+     * @param attributes node attributes
+     */
+    private getNodeStyle;
+    /**
+     * Enable hover state for given edge
+     *
+     * @param id id of edge to hover
+     */
+    private hoverEdge;
+    /**
+     * Enable hover state for given node
+     *
+     * @param id id of node to hover
+     */
+    private hoverNode;
+    /**
+     * Move given node to target position
+     *
+     * @param nodeKey id of node to move
+     * @param point target position
+     */
+    private moveNode;
+    /**
+     * Move handler - drag behaviour
+     *
+     * @param event mouse event
+     */
+    private onDocumentMouseMove;
+    /**
+     * On mouse up, stop drag - reset stored mousedown keys and remove moving listener
+     */
+    private onDocumentMouseUp;
+    private onGraphAttributesUpdated;
+    private onGraphNodeAdded;
+    private onGraphEdgeAdded;
+    private onGraphEdgeDropped;
+    private onGraphNodeDropped;
+    private onGraphEdgeAttributesUpdated;
+    private onGraphNodeAttributesUpdated;
+    /**
+     * Apply a given layout to the graph
+     *
+     * @param layout layout to apply
+     */
+    private setLayout;
+    /**
+     * Get relative strength definition based on all edge thickness provided
+     *
+     * @param attributes edge attributes
+     */
+    private getRelativeStrength;
+    /**
+     * Disable hover state for given edge
+     *
+     * @param id id of edge to unhover
+     */
+    private unhoverEdge;
+    /**
+     * Disable hover state for given node
+     *
+     * @param id id of node to unhover
+     */
+    private unhoverNode;
+    /**
+     * Update edge style
+     *
+     * @param id id of edge to update
+     * @param attributes edge attributes
+     * @param source source node ID
+     * @param target target node ID
+     * @param sourceNodeAttributes source node attributes
+     * @param targetNodeAttributes target node attributes
+     */
+    private updateEdgeStyle;
+    /**
+     * Update style for given edge
+     *
+     * @param edgeKey id of edge to update
+     */
+    private updateEdgeStyleByKey;
+    /**
+     * Update visibility of graph parts.
+     *
+     * Applies culling to hide off-screen graphics, updates LOD based on zoom level
+     */
+    private updateGraphVisibility;
+    /**
+     * Recompute the layout and apply it
+     */
+    private updateLayout;
+    /**
+     * Update style of given node
+     *
+     * @param id id of node to update
+     * @param attributes node attributes
+     */
+    private updateNodeStyle;
+    /**
+     * Update style for given node
+     *
+     * @param nodeKey id of node to update
+     */
+    private updateNodeStyleByKey;
+    /**
+     * Recalculate current strength range based on thickness properties
+     */
+    private updateStrengthRange;
+    /**
+     * Update the visuals of each node and edge
+     */
+    private updateStyles;
+}
+//# sourceMappingURL=engine.d.ts.map

package/dist/shared/rendering/engine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"engine.d.ts","sourceRoot":"","sources":["../../../src/shared/rendering/engine.tsx"],"names":[],"mappings":"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"}