@memberjunction/ng-flow-editor 0.0.1 → 4.0.0

package/dist/lib/interfaces/flow-types.d.ts

@@ -0,0 +1,153 @@
+/**
+ * Core interfaces for the generic flow editor.
+ * These types are entity-agnostic — consumers map their domain data to/from these.
+ */
+/** Position on the canvas */
+export interface FlowPosition {
+    X: number;
+    Y: number;
+}
+/** Size dimensions */
+export interface FlowSize {
+    Width: number;
+    Height: number;
+}
+/** A port (connector) on a node */
+export interface FlowNodePort {
+    ID: string;
+    Direction: 'input' | 'output';
+    Side?: 'left' | 'right' | 'top' | 'bottom' | 'auto';
+    Multiple?: boolean;
+    Disabled?: boolean;
+    Label?: string;
+    /** Category string for connection validation (matched against FlowNodePort on targets) */
+    Category?: string;
+}
+/** A small info badge displayed on a node */
+export interface FlowNodeBadge {
+    Label: string;
+    Value: string;
+    Icon?: string;
+    Color?: string;
+}
+/** Visual status of a node */
+export type FlowNodeStatus = 'default' | 'success' | 'error' | 'warning' | 'running' | 'disabled' | 'pending';
+/** A node in the flow graph */
+export interface FlowNode {
+    ID: string;
+    Type: string;
+    Label: string;
+    Subtitle?: string;
+    Icon?: string;
+    IconColor?: string;
+    Status: FlowNodeStatus;
+    StatusMessage?: string;
+    Badges?: FlowNodeBadge[];
+    Position: FlowPosition;
+    Size?: FlowSize;
+    Ports: FlowNodePort[];
+    Collapsed?: boolean;
+    Selected?: boolean;
+    Locked?: boolean;
+    IsStartNode?: boolean;
+    /** Opaque data payload — consumers store domain-specific data here */
+    Data?: Record<string, unknown>;
+}
+/** Visual style for a connection line */
+export type FlowConnectionStyle = 'solid' | 'dashed' | 'dotted';
+/** A connection (edge) between two nodes */
+export interface FlowConnection {
+    ID: string;
+    SourceNodeID: string;
+    SourcePortID: string;
+    TargetNodeID: string;
+    TargetPortID: string;
+    Label?: string;
+    LabelDetail?: string;
+    /** Font Awesome icon class shown before the label text (e.g., 'fa-check') */
+    LabelIcon?: string;
+    /** Color for the label icon */
+    LabelIconColor?: string;
+    Condition?: string;
+    Priority?: number;
+    Style?: FlowConnectionStyle;
+    Color?: string;
+    Animated?: boolean;
+    Selected?: boolean;
+    /** Opaque data payload — consumers store domain-specific data here */
+    Data?: Record<string, unknown>;
+}
+/** Configuration for a node type displayed in the palette */
+export interface FlowNodeTypeConfig {
+    /** Unique type identifier (e.g., 'Action', 'Prompt') */
+    Type: string;
+    /** Display label */
+    Label: string;
+    /** Font Awesome icon class (e.g., 'fa-bolt') */
+    Icon: string;
+    /** Hex color for the node header */
+    Color: string;
+    /** Default ports created when this node type is added */
+    DefaultPorts?: FlowNodePort[];
+    /** Palette category for grouping (e.g., 'Steps', 'Loops') */
+    Category?: string;
+    /** Whether this type can be dragged from the palette (default true) */
+    Draggable?: boolean;
+    /** Maximum number of instances allowed (0 = unlimited, default 0) */
+    MaxInstances?: number;
+}
+/** Emitted when a new node is added from the palette */
+export interface FlowNodeAddedEvent {
+    Node: FlowNode;
+    DropPosition: FlowPosition;
+}
+/** Emitted when a node is moved on the canvas */
+export interface FlowNodeMovedEvent {
+    NodeID: string;
+    OldPosition: FlowPosition;
+    NewPosition: FlowPosition;
+}
+/** Emitted when a new connection is drawn */
+export interface FlowConnectionCreatedEvent {
+    SourceNodeID: string;
+    SourcePortID: string;
+    TargetNodeID: string;
+    TargetPortID: string;
+}
+/** Emitted when an existing connection is reassigned (endpoint dragged to a different node) */
+export interface FlowConnectionReassignedEvent {
+    ConnectionID: string;
+    OldSourceNodeID: string;
+    OldSourcePortID: string;
+    OldTargetNodeID: string;
+    OldTargetPortID: string;
+    NewSourceNodeID: string;
+    NewSourcePortID: string;
+    NewTargetNodeID: string;
+    NewTargetPortID: string;
+}
+/** Emitted when the selection state changes */
+export interface FlowSelectionChangedEvent {
+    SelectedNodeIDs: string[];
+    SelectedConnectionIDs: string[];
+}
+/** Emitted when empty canvas is clicked */
+export interface FlowCanvasClickEvent {
+    Position: FlowPosition;
+}
+/** Context menu target type */
+export type FlowContextMenuTarget = 'node' | 'connection';
+/** Context menu action */
+export type FlowContextMenuAction = 'edit' | 'remove';
+/** A complete snapshot of the flow state */
+export interface FlowSnapshot {
+    Nodes: FlowNode[];
+    Connections: FlowConnection[];
+}
+/** Direction for auto-layout */
+export type FlowLayoutDirection = 'horizontal' | 'vertical';
+/** Result of an auto-layout operation */
+export interface FlowLayoutResult {
+    Positions: Map<string, FlowPosition>;
+}
+//# sourceMappingURL=flow-types.d.ts.map

package/dist/lib/interfaces/flow-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flow-types.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/flow-types.ts"],"names":[],"mappings":"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"}

package/dist/lib/interfaces/flow-types.js

@@ -0,0 +1,6 @@
+/**
+ * Core interfaces for the generic flow editor.
+ * These types are entity-agnostic — consumers map their domain data to/from these.
+ */
+export {};
+//# sourceMappingURL=flow-types.js.map

package/dist/lib/interfaces/flow-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flow-types.js","sourceRoot":"","sources":["../../../src/lib/interfaces/flow-types.ts"],"names":[],"mappings":"AAAA;;;GAGG"}

package/dist/lib/services/flow-layout.service.d.ts

@@ -0,0 +1,21 @@
+import { FlowNode, FlowConnection, FlowLayoutDirection, FlowLayoutResult } from '../interfaces/flow-types';
+import * as i0 from "@angular/core";
+/**
+ * Auto-layout service using dagre for directed graph layout.
+ * Calculates optimal node positions for clean flow visualization.
+ */
+export declare class FlowLayoutService {
+    private static readonly DEFAULT_NODE_WIDTH;
+    private static readonly DEFAULT_NODE_HEIGHT;
+    private static readonly NODE_SEPARATION;
+    private static readonly RANK_SEPARATION;
+    /**
+     * Calculate optimal positions for all nodes using dagre layout.
+     * Returns a map of node ID → new position.
+     */
+    CalculateLayout(nodes: FlowNode[], connections: FlowConnection[], direction?: FlowLayoutDirection): FlowLayoutResult;
+    private currentPositions;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FlowLayoutService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<FlowLayoutService>;
+}
+//# sourceMappingURL=flow-layout.service.d.ts.map

package/dist/lib/services/flow-layout.service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flow-layout.service.d.ts","sourceRoot":"","sources":["../../../src/lib/services/flow-layout.service.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAgB,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;;AAEzH;;;GAGG;AACH,qBACa,iBAAiB;IAC5B,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,kBAAkB,CAAO;IACjD,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,mBAAmB,CAAO;IAClD,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAM;IAC7C,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAO;IAE9C;;;OAGG;IACH,eAAe,CACb,KAAK,EAAE,QAAQ,EAAE,EACjB,WAAW,EAAE,cAAc,EAAE,EAC7B,SAAS,GAAE,mBAAgC,GAC1C,gBAAgB;IAqDnB,OAAO,CAAC,gBAAgB;yCAnEb,iBAAiB;6CAAjB,iBAAiB;CA0E7B"}

package/dist/lib/services/flow-layout.service.js

@@ -0,0 +1,76 @@
+import { Injectable } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Auto-layout service using dagre for directed graph layout.
+ * Calculates optimal node positions for clean flow visualization.
+ */
+export class FlowLayoutService {
+    static DEFAULT_NODE_WIDTH = 220;
+    static DEFAULT_NODE_HEIGHT = 100;
+    static NODE_SEPARATION = 60;
+    static RANK_SEPARATION = 100;
+    /**
+     * Calculate optimal positions for all nodes using dagre layout.
+     * Returns a map of node ID → new position.
+     */
+    CalculateLayout(nodes, connections, direction = 'vertical') {
+        // Dynamic import dagre to avoid issues if not installed
+        let dagre;
+        try {
+            dagre = require('@dagrejs/dagre');
+        }
+        catch {
+            console.warn('FlowLayoutService: @dagrejs/dagre not available, returning current positions');
+            return this.currentPositions(nodes);
+        }
+        const graph = new dagre.graphlib.Graph();
+        graph.setGraph({
+            rankdir: direction === 'horizontal' ? 'LR' : 'TB',
+            nodesep: FlowLayoutService.NODE_SEPARATION,
+            ranksep: FlowLayoutService.RANK_SEPARATION,
+            marginx: 40,
+            marginy: 40
+        });
+        graph.setDefaultEdgeLabel(() => ({}));
+        // Add nodes
+        for (const node of nodes) {
+            const width = node.Size?.Width ?? FlowLayoutService.DEFAULT_NODE_WIDTH;
+            const height = node.Size?.Height ?? FlowLayoutService.DEFAULT_NODE_HEIGHT;
+            graph.setNode(node.ID, { width, height });
+        }
+        // Add edges
+        for (const conn of connections) {
+            if (graph.hasNode(conn.SourceNodeID) && graph.hasNode(conn.TargetNodeID)) {
+                graph.setEdge(conn.SourceNodeID, conn.TargetNodeID);
+            }
+        }
+        dagre.layout(graph);
+        const positions = new Map();
+        for (const node of nodes) {
+            const layoutNode = graph.node(node.ID);
+            if (layoutNode) {
+                // dagre returns center positions; convert to top-left
+                const width = node.Size?.Width ?? FlowLayoutService.DEFAULT_NODE_WIDTH;
+                const height = node.Size?.Height ?? FlowLayoutService.DEFAULT_NODE_HEIGHT;
+                positions.set(node.ID, {
+                    X: layoutNode.x - width / 2,
+                    Y: layoutNode.y - height / 2
+                });
+            }
+        }
+        return { Positions: positions };
+    }
+    currentPositions(nodes) {
+        const positions = new Map();
+        for (const node of nodes) {
+            positions.set(node.ID, { ...node.Position });
+        }
+        return { Positions: positions };
+    }
+    static ɵfac = function FlowLayoutService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FlowLayoutService)(); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: FlowLayoutService, factory: FlowLayoutService.ɵfac });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FlowLayoutService, [{
+        type: Injectable
+    }], null, null); })();
+//# sourceMappingURL=flow-layout.service.js.map

package/dist/lib/services/flow-layout.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flow-layout.service.js","sourceRoot":"","sources":["../../../src/lib/services/flow-layout.service.ts"],"names":[],"mappings":"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"}

package/dist/lib/services/flow-state.service.d.ts

@@ -0,0 +1,37 @@
+import { FlowNode, FlowConnection, FlowSnapshot } from '../interfaces/flow-types';
+import * as i0 from "@angular/core";
+/**
+ * Snapshot-based undo/redo state management for the flow editor.
+ * Stores complete state snapshots on each change for reliable undo/redo.
+ */
+export declare class FlowStateService {
+    private undoStack;
+    private redoStack;
+    private maxStackSize;
+    get CanUndo(): boolean;
+    get CanRedo(): boolean;
+    get UndoCount(): number;
+    get RedoCount(): number;
+    /**
+     * Push the current state before making a change.
+     * Call this BEFORE modifying nodes/connections so the previous state is saved.
+     */
+    PushState(nodes: FlowNode[], connections: FlowConnection[]): void;
+    /**
+     * Undo the last change. Returns the previous state snapshot.
+     * The caller must pass the CURRENT state so it can be pushed to redo.
+     */
+    Undo(currentNodes: FlowNode[], currentConnections: FlowConnection[]): FlowSnapshot | null;
+    /**
+     * Redo the last undone change. Returns the restored state snapshot.
+     * The caller must pass the CURRENT state so it can be pushed to undo.
+     */
+    Redo(currentNodes: FlowNode[], currentConnections: FlowConnection[]): FlowSnapshot | null;
+    /** Clear all undo/redo history */
+    Clear(): void;
+    private createSnapshot;
+    private cloneNode;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FlowStateService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<FlowStateService>;
+}
+//# sourceMappingURL=flow-state.service.d.ts.map

package/dist/lib/services/flow-state.service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flow-state.service.d.ts","sourceRoot":"","sources":["../../../src/lib/services/flow-state.service.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;;AAElF;;;GAGG;AACH,qBACa,gBAAgB;IAC3B,OAAO,CAAC,SAAS,CAAsB;IACvC,OAAO,CAAC,SAAS,CAAsB;IACvC,OAAO,CAAC,YAAY,CAAM;IAE1B,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED;;;OAGG;IACH,SAAS,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,IAAI;IAUjE;;;OAGG;IACH,IAAI,CAAC,YAAY,EAAE,QAAQ,EAAE,EAAE,kBAAkB,EAAE,cAAc,EAAE,GAAG,YAAY,GAAG,IAAI;IAUzF;;;OAGG;IACH,IAAI,CAAC,YAAY,EAAE,QAAQ,EAAE,EAAE,kBAAkB,EAAE,cAAc,EAAE,GAAG,YAAY,GAAG,IAAI;IAUzF,kCAAkC;IAClC,KAAK,IAAI,IAAI;IAKb,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,SAAS;yCA5EN,gBAAgB;6CAAhB,gBAAgB;CAsF5B"}

package/dist/lib/services/flow-state.service.js

@@ -0,0 +1,89 @@
+import { Injectable } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Snapshot-based undo/redo state management for the flow editor.
+ * Stores complete state snapshots on each change for reliable undo/redo.
+ */
+export class FlowStateService {
+    undoStack = [];
+    redoStack = [];
+    maxStackSize = 50;
+    get CanUndo() {
+        return this.undoStack.length > 0;
+    }
+    get CanRedo() {
+        return this.redoStack.length > 0;
+    }
+    get UndoCount() {
+        return this.undoStack.length;
+    }
+    get RedoCount() {
+        return this.redoStack.length;
+    }
+    /**
+     * Push the current state before making a change.
+     * Call this BEFORE modifying nodes/connections so the previous state is saved.
+     */
+    PushState(nodes, connections) {
+        const snapshot = this.createSnapshot(nodes, connections);
+        this.undoStack.push(snapshot);
+        if (this.undoStack.length > this.maxStackSize) {
+            this.undoStack.shift();
+        }
+        // Any new action clears the redo stack
+        this.redoStack = [];
+    }
+    /**
+     * Undo the last change. Returns the previous state snapshot.
+     * The caller must pass the CURRENT state so it can be pushed to redo.
+     */
+    Undo(currentNodes, currentConnections) {
+        if (!this.CanUndo) {
+            return null;
+        }
+        // Push current state to redo
+        this.redoStack.push(this.createSnapshot(currentNodes, currentConnections));
+        // Pop and return previous state
+        return this.undoStack.pop();
+    }
+    /**
+     * Redo the last undone change. Returns the restored state snapshot.
+     * The caller must pass the CURRENT state so it can be pushed to undo.
+     */
+    Redo(currentNodes, currentConnections) {
+        if (!this.CanRedo) {
+            return null;
+        }
+        // Push current state to undo
+        this.undoStack.push(this.createSnapshot(currentNodes, currentConnections));
+        // Pop and return redo state
+        return this.redoStack.pop();
+    }
+    /** Clear all undo/redo history */
+    Clear() {
+        this.undoStack = [];
+        this.redoStack = [];
+    }
+    createSnapshot(nodes, connections) {
+        return {
+            Nodes: nodes.map(n => this.cloneNode(n)),
+            Connections: connections.map(c => ({ ...c, Data: c.Data ? { ...c.Data } : undefined }))
+        };
+    }
+    cloneNode(node) {
+        return {
+            ...node,
+            Position: { ...node.Position },
+            Size: node.Size ? { ...node.Size } : undefined,
+            Ports: node.Ports.map(p => ({ ...p })),
+            Badges: node.Badges ? node.Badges.map(b => ({ ...b })) : undefined,
+            Data: node.Data ? { ...node.Data } : undefined
+        };
+    }
+    static ɵfac = function FlowStateService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FlowStateService)(); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: FlowStateService, factory: FlowStateService.ɵfac });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FlowStateService, [{
+        type: Injectable
+    }], null, null); })();
+//# sourceMappingURL=flow-state.service.js.map

package/dist/lib/services/flow-state.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flow-state.service.js","sourceRoot":"","sources":["../../../src/lib/services/flow-state.service.ts"],"names":[],"mappings":"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"}

package/dist/public-api.d.ts

@@ -0,0 +1,14 @@
+export * from './lib/flow-editor.module';
+export * from './lib/interfaces/flow-types';
+export * from './lib/services/flow-state.service';
+export * from './lib/services/flow-layout.service';
+export * from './lib/components/flow-editor.component';
+export * from './lib/components/flow-node.component';
+export * from './lib/components/flow-palette.component';
+export * from './lib/components/flow-toolbar.component';
+export * from './lib/components/flow-status-bar.component';
+export * from './lib/agent-editor/flow-agent-editor.component';
+export * from './lib/agent-editor/agent-properties-panel.component';
+export * from './lib/agent-editor/agent-step-list.component';
+export * from './lib/agent-editor/agent-flow-transformer.service';
+//# sourceMappingURL=public-api.d.ts.map

package/dist/public-api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAKA,cAAc,0BAA0B,CAAC;AAGzC,cAAc,6BAA6B,CAAC;AAG5C,cAAc,mCAAmC,CAAC;AAClD,cAAc,oCAAoC,CAAC;AAGnD,cAAc,wCAAwC,CAAC;AACvD,cAAc,sCAAsC,CAAC;AACrD,cAAc,yCAAyC,CAAC;AACxD,cAAc,yCAAyC,CAAC;AACxD,cAAc,4CAA4C,CAAC;AAG3D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,qDAAqD,CAAC;AACpE,cAAc,8CAA8C,CAAC;AAC7D,cAAc,mDAAmD,CAAC"}

package/dist/public-api.js

@@ -0,0 +1,22 @@
+/*
+ * Public API Surface of @memberjunction/ng-flow-editor
+ */
+// Module
+export * from './lib/flow-editor.module';
+// Interfaces
+export * from './lib/interfaces/flow-types';
+// Services
+export * from './lib/services/flow-state.service';
+export * from './lib/services/flow-layout.service';
+// Generic Components
+export * from './lib/components/flow-editor.component';
+export * from './lib/components/flow-node.component';
+export * from './lib/components/flow-palette.component';
+export * from './lib/components/flow-toolbar.component';
+export * from './lib/components/flow-status-bar.component';
+// Agent Editor Components
+export * from './lib/agent-editor/flow-agent-editor.component';
+export * from './lib/agent-editor/agent-properties-panel.component';
+export * from './lib/agent-editor/agent-step-list.component';
+export * from './lib/agent-editor/agent-flow-transformer.service';
+//# sourceMappingURL=public-api.js.map

package/dist/public-api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-api.js","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,SAAS;AACT,cAAc,0BAA0B,CAAC;AAEzC,aAAa;AACb,cAAc,6BAA6B,CAAC;AAE5C,WAAW;AACX,cAAc,mCAAmC,CAAC;AAClD,cAAc,oCAAoC,CAAC;AAEnD,qBAAqB;AACrB,cAAc,wCAAwC,CAAC;AACvD,cAAc,sCAAsC,CAAC;AACrD,cAAc,yCAAyC,CAAC;AACxD,cAAc,yCAAyC,CAAC;AACxD,cAAc,4CAA4C,CAAC;AAE3D,0BAA0B;AAC1B,cAAc,gDAAgD,CAAC;AAC/D,cAAc,qDAAqD,CAAC;AACpE,cAAc,8CAA8C,CAAC;AAC7D,cAAc,mDAAmD,CAAC"}

package/package.json

@@ -1,10 +1,55 @@
 {
   "name": "@memberjunction/ng-flow-editor",
-  "version": "0.0.1",
-  "description": "OIDC trusted publishing setup package for @memberjunction/ng-flow-editor",
+  "version": "4.0.0",
+  "description": "MemberJunction: Generic visual flow editor component powered by Foblex Flow, with an agent-specific Flow Agent Editor",
+  "main": "./dist/public-api.js",
+  "typings": "./dist/public-api.d.ts",
+  "files": [
+    "/dist"
+  ],
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "ngc"
+  },
   "keywords": [
-    "oidc",
-    "trusted-publishing",
-    "setup"
-  ]
+    "angular",
+    "flow-editor",
+    "workflow",
+    "node-based",
+    "foblex",
+    "visual-editor",
+    "memberjunction"
+  ],
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@angular/compiler": "21.1.3",
+    "@angular/compiler-cli": "21.1.3",
+    "sass": "^1.97.3"
+  },
+  "peerDependencies": {
+    "@angular/common": "21.1.3",
+    "@angular/core": "21.1.3",
+    "@angular/forms": "21.1.3",
+    "@angular/platform-browser": "21.1.3"
+  },
+  "dependencies": {
+    "@dagrejs/dagre": "^1.1.8",
+    "@foblex/2d": "1.2.2",
+    "@foblex/flow": "^18.0.0",
+    "@foblex/mediator": "1.1.3",
+    "@foblex/platform": "1.0.4",
+    "@foblex/utils": "1.1.1",
+    "@memberjunction/core": "4.0.0",
+    "@memberjunction/core-entities": "4.0.0",
+    "@memberjunction/global": "4.0.0",
+    "@memberjunction/ng-code-editor": "4.0.0",
+    "rxjs": "^7.8.2",
+    "tslib": "^2.8.1"
+  },
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/MemberJunction/MJ"
+  }
 }

package/README.md

@@ -1,45 +0,0 @@
-# @memberjunction/ng-flow-editor
-
-## ⚠️ IMPORTANT NOTICE ⚠️
-
-**This package is created solely for the purpose of setting up OIDC (OpenID Connect) trusted publishing with npm.**
-
-This is **NOT** a functional package and contains **NO** code or functionality beyond the OIDC setup configuration.
-
-## Purpose
-
-This package exists to:
-1. Configure OIDC trusted publishing for the package name `@memberjunction/ng-flow-editor`
-2. Enable secure, token-less publishing from CI/CD workflows
-3. Establish provenance for packages published under this name
-
-## What is OIDC Trusted Publishing?
-
-OIDC trusted publishing allows package maintainers to publish packages directly from their CI/CD workflows without needing to manage npm access tokens. Instead, it uses OpenID Connect to establish trust between the CI/CD provider (like GitHub Actions) and npm.
-
-## Setup Instructions
-
-To properly configure OIDC trusted publishing for this package:
-
-1. Go to [npmjs.com](https://www.npmjs.com/) and navigate to your package settings
-2. Configure the trusted publisher (e.g., GitHub Actions)
-3. Specify the repository and workflow that should be allowed to publish
-4. Use the configured workflow to publish your actual package
-
-## DO NOT USE THIS PACKAGE
-
-This package is a placeholder for OIDC configuration only. It:
-- Contains no executable code
-- Provides no functionality
-- Should not be installed as a dependency
-- Exists only for administrative purposes
-
-## More Information
-
-For more details about npm's trusted publishing feature, see:
-- [npm Trusted Publishing Documentation](https://docs.npmjs.com/generating-provenance-statements)
-- [GitHub Actions OIDC Documentation](https://docs.github.com/en/actions/deployment/security-hardening-your-deployments/about-security-hardening-with-openid-connect)
-
----
-
-**Maintained for OIDC setup purposes only**