@grafloria/element 0.3.17 → 0.3.19

package/src/libs/engine/src/rendering/LemonadeJSRenderer.js

@@ -0,0 +1,362 @@
+"use strict";
+// LemonadeJS Enhanced Renderer (Phase 3.4 - Complete)
+// Full LemonadeJS integration with two-way binding and reactivity
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LemonadeJSRenderer = void 0;
+const lemonade = require("lemonadejs");
+/**
+ * LemonadeJS Enhanced Renderer
+ * Phase 3.4 Complete: Full LemonadeJS runtime with two-way binding
+ *
+ * Features:
+ * - Real LemonadeJS template rendering
+ * - Two-way data binding (:bind)
+ * - Reactive updates (automatic re-rendering on data changes)
+ * - Event handlers (:click, :change, etc.)
+ * - EventBus integration (all events flow through engine)
+ * - Component mode support
+ */
+class LemonadeJSRenderer {
+    constructor(eventBus) {
+        this.eventBus = eventBus;
+        /**
+         * Track rendered elements by node UUID for cleanup
+         */
+        this.renderedElements = new Map();
+        /**
+         * Track LemonadeJS self objects by node UUID for cleanup
+         */
+        this.selfObjects = new Map();
+        /**
+         * Track event handlers by node UUID for cleanup
+         */
+        this.eventHandlers = new Map();
+        /**
+         * Track EventBus subscriptions by node UUID for cleanup
+         */
+        this.eventSubscriptions = new Map();
+    }
+    /**
+     * Render HTML configuration to LemonadeJS element
+     * @param config - HTML configuration from template
+     * @param node - Node model with data
+     * @returns Render result with LemonadeJS element
+     */
+    render(config, node) {
+        // Clean up any existing resources for this node before re-rendering
+        this.disposeNode(node.uuid);
+        const mode = this.determineMode(config);
+        const result = {
+            mode,
+            eventHandlers: {},
+            bindings: {},
+            pointerEvents: config.pointerEvents !== false,
+            zIndex: config.zIndex,
+            className: this.buildClassName(config.className),
+            style: config.style,
+            nodeId: node.id,
+            nodeUuid: node.uuid,
+        };
+        if (mode === 'component') {
+            return this.renderComponentMode(config, result);
+        }
+        else {
+            return this.renderTemplateMode(config, node, result);
+        }
+    }
+    /**
+     * Determine rendering mode from config
+     */
+    determineMode(config) {
+        if (config.mode) {
+            return config.mode;
+        }
+        if (config.template) {
+            return 'template';
+        }
+        if (config.component) {
+            return 'component';
+        }
+        throw new Error('HtmlConfig must specify either template or component');
+    }
+    /**
+     * Render component mode (pass-through)
+     */
+    renderComponentMode(config, result) {
+        if (!config.component) {
+            throw new Error('Component mode requires component property');
+        }
+        result.componentRef = config.component;
+        return result;
+    }
+    /**
+     * Render template mode with LemonadeJS
+     */
+    renderTemplateMode(config, node, result) {
+        var _a;
+        if (!config.template) {
+            throw new Error('Template mode requires template property');
+        }
+        // Create LemonadeJS self object with node data
+        result.self = this.createSelfObject(node, config, result);
+        // Create event handlers
+        if (config.events) {
+            result.eventHandlers = this.createEventHandlers(config.events, node);
+        }
+        // Resolve bindings
+        result.bindings = this.resolveBindings(config, node);
+        try {
+            // Create LemonadeJS element with reactive data
+            // Event handlers are attached via self object methods
+            result.element = lemonade.element(config.template, result.self);
+            // Apply additional styles/classes to the element
+            if (result.element) {
+                this.applyStyles(result.element, result);
+            }
+            // Get HTML string for compatibility
+            result.html = (_a = result.element) === null || _a === void 0 ? void 0 : _a.outerHTML;
+        }
+        catch (error) {
+            // Emit error event through EventBus
+            this.eventBus.emit('renderer:error', {
+                nodeId: node.id,
+                nodeUuid: node.uuid,
+                error,
+                message: 'LemonadeJS rendering error',
+                phase: 'template-rendering',
+            });
+            // Fallback to simple rendering
+            result.html = this.fallbackRender(config.template, result.bindings);
+        }
+        // Track created resources for cleanup
+        if (result.element) {
+            this.renderedElements.set(node.uuid, result.element);
+        }
+        if (result.self) {
+            this.selfObjects.set(node.uuid, result.self);
+        }
+        if (Object.keys(result.eventHandlers).length > 0) {
+            this.eventHandlers.set(node.uuid, result.eventHandlers);
+        }
+        return result;
+    }
+    /**
+     * Create LemonadeJS self object with reactive data
+     */
+    createSelfObject(node, config, result) {
+        const self = Object.assign({ 
+            // Node data (reactive)
+            data: node.data || {}, nodeId: node.id, nodeUuid: node.uuid }, (config.bindings ? this.resolveCustomBindings(config.bindings, node) : {}));
+        // Add event handler methods
+        if (config.events) {
+            Object.entries(config.events).forEach(([domEvent, engineEvent]) => {
+                // Create method name from event (e.g., 'click' -> 'onClick')
+                const methodName = `on${domEvent.charAt(0).toUpperCase()}${domEvent.slice(1)}`;
+                self[methodName] = (e) => {
+                    // Emit to EventBus
+                    this.eventBus.emit(engineEvent, {
+                        nodeId: node.id,
+                        nodeUuid: node.uuid,
+                        nodeData: node.data,
+                        event: e,
+                        domEventType: domEvent,
+                    });
+                };
+            });
+        }
+        return self;
+    }
+    /**
+     * Resolve custom bindings from config
+     */
+    resolveCustomBindings(bindings, node) {
+        const resolved = {};
+        for (const [key, path] of Object.entries(bindings)) {
+            resolved[key] = this.getValueByPath(node, path);
+        }
+        return resolved;
+    }
+    /**
+     * Create event handlers that emit to EventBus
+     */
+    createEventHandlers(events, node) {
+        const handlers = {};
+        for (const [domEvent, engineEvent] of Object.entries(events)) {
+            handlers[domEvent] = (event) => {
+                this.eventBus.emit(engineEvent, {
+                    nodeId: node.id,
+                    nodeUuid: node.uuid,
+                    nodeData: node.data,
+                    event,
+                    domEventType: domEvent,
+                });
+            };
+        }
+        return handlers;
+    }
+    /**
+     * Resolve data bindings from node
+     */
+    resolveBindings(config, node) {
+        const bindings = {
+            data: node.data || {},
+            nodeId: node.id,
+            nodeUuid: node.uuid,
+        };
+        if (config.bindings) {
+            for (const [key, path] of Object.entries(config.bindings)) {
+                bindings[key] = this.getValueByPath(node, path);
+            }
+        }
+        return bindings;
+    }
+    /**
+     * Get value from node by path
+     */
+    getValueByPath(node, path) {
+        const parts = path.split('.');
+        let value = node;
+        for (const part of parts) {
+            if (value == null) {
+                return undefined;
+            }
+            value = value[part];
+        }
+        return value;
+    }
+    /**
+     * Apply styles and classes to rendered element
+     */
+    applyStyles(element, result) {
+        // Apply className
+        if (result.className) {
+            element.className = result.className;
+        }
+        // Apply inline styles
+        if (result.style) {
+            Object.entries(result.style).forEach(([key, value]) => {
+                const cssKey = this.camelToKebab(key);
+                element.style.setProperty(cssKey, String(value));
+            });
+        }
+        // Apply z-index
+        if (result.zIndex !== undefined) {
+            element.style.zIndex = String(result.zIndex);
+        }
+        // Apply pointer events
+        if (result.pointerEvents === false) {
+            element.style.pointerEvents = 'none';
+        }
+    }
+    /**
+     * Fallback rendering (simple string replacement)
+     */
+    fallbackRender(template, bindings) {
+        let html = template;
+        // Simple {{variable}} replacement
+        html = html.replace(/\{\{([^}]+)\}\}/g, (match, expression) => {
+            const value = this.evaluateExpression(expression.trim(), bindings);
+            return value != null ? String(value) : '';
+        });
+        return html;
+    }
+    /**
+     * Evaluate expression in binding context
+     */
+    evaluateExpression(expression, bindings) {
+        try {
+            const parts = expression.split('.');
+            let value = bindings;
+            for (const part of parts) {
+                if (value == null) {
+                    return undefined;
+                }
+                value = value[part];
+            }
+            return value;
+        }
+        catch (error) {
+            // Emit warning event through EventBus
+            this.eventBus.emit('renderer:warning', {
+                message: 'Failed to evaluate expression',
+                expression,
+                error,
+                phase: 'expression-evaluation',
+            });
+            return undefined;
+        }
+    }
+    /**
+     * Build className string
+     */
+    buildClassName(className) {
+        if (!className) {
+            return undefined;
+        }
+        if (Array.isArray(className)) {
+            return className.join(' ');
+        }
+        return className;
+    }
+    /**
+     * Convert camelCase to kebab-case
+     */
+    camelToKebab(str) {
+        return str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
+    }
+    /**
+     * Dispose resources for a specific node
+     * @param nodeUuid - UUID of node to clean up
+     */
+    disposeNode(nodeUuid) {
+        // Remove DOM element if it's still in the document
+        const element = this.renderedElements.get(nodeUuid);
+        if (element && element.parentNode) {
+            element.parentNode.removeChild(element);
+        }
+        this.renderedElements.delete(nodeUuid);
+        // Clean up LemonadeJS self object
+        const self = this.selfObjects.get(nodeUuid);
+        if (self) {
+            // If LemonadeJS provides a destroy method, call it
+            if (typeof self.destroy === 'function') {
+                self.destroy();
+            }
+            // Clear all reactive properties
+            Object.keys(self).forEach((key) => {
+                delete self[key];
+            });
+        }
+        this.selfObjects.delete(nodeUuid);
+        // Remove event handlers
+        const handlers = this.eventHandlers.get(nodeUuid);
+        if (handlers) {
+            // Event handlers will be garbage collected when references are removed
+            Object.keys(handlers).forEach((key) => {
+                delete handlers[key];
+            });
+        }
+        this.eventHandlers.delete(nodeUuid);
+        // Clean up EventBus subscriptions
+        const subscriptions = this.eventSubscriptions.get(nodeUuid);
+        if (subscriptions) {
+            subscriptions.forEach((unsubscribe) => unsubscribe());
+        }
+        this.eventSubscriptions.delete(nodeUuid);
+    }
+    /**
+     * Cleanup all renderer resources
+     */
+    dispose() {
+        // Dispose all tracked nodes
+        const nodeUuids = Array.from(this.renderedElements.keys());
+        nodeUuids.forEach((uuid) => this.disposeNode(uuid));
+        // Clear all tracking maps
+        this.renderedElements.clear();
+        this.selfObjects.clear();
+        this.eventHandlers.clear();
+        this.eventSubscriptions.clear();
+    }
+}
+exports.LemonadeJSRenderer = LemonadeJSRenderer;
+//# sourceMappingURL=LemonadeJSRenderer.js.map

package/src/libs/engine/src/rendering/LemonadeJSRenderer.js.map

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

package/src/libs/engine/src/rendering/index.d.ts

@@ -0,0 +1,2 @@
+export * from './HtmlTemplateRenderer';
+export * from './LemonadeJSRenderer';

package/src/libs/engine/src/rendering/index.js

@@ -0,0 +1,7 @@
+"use strict";
+// Rendering module exports (Phase 3.4)
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./HtmlTemplateRenderer"), exports);
+tslib_1.__exportStar(require("./LemonadeJSRenderer"), exports);
+//# sourceMappingURL=index.js.map

package/src/libs/engine/src/rendering/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../engine/src/rendering/index.ts"],"names":[],"mappings":";AAAA,uCAAuC;;;AAEvC,iEAAuC;AACvC,+DAAqC"}

package/src/libs/engine/src/routing/LiveReroutingEngine.d.ts

@@ -0,0 +1,75 @@
+import type { RoutingEngine } from './RoutingEngine';
+import type { DiagramModel } from '../models/DiagramModel';
+/**
+ * LiveReroutingEngine automatically updates link paths when nodes move or resize.
+ *
+ * Features:
+ * - Throttled rerouting for performance (60fps by default)
+ * - Batches multiple node movements
+ * - Can be enabled/disabled
+ * - Configurable throttle time
+ *
+ * @example
+ * ```typescript
+ * const liveRerouting = new LiveReroutingEngine(routingEngine, diagram);
+ * liveRerouting.enable();
+ *
+ * // Links will automatically update when nodes move
+ * node.setPosition({ x: 100, y: 100 });
+ * ```
+ */
+export declare class LiveReroutingEngine {
+    private routingEngine;
+    private diagram;
+    private enabled;
+    private throttleMs;
+    private throttleTimer;
+    private pendingReroutes;
+    constructor(routingEngine: RoutingEngine, diagram: DiagramModel);
+    /**
+     * Handle node movement event
+     */
+    private handleNodeMoved;
+    /**
+     * Handle node resize event
+     */
+    private handleNodeResized;
+    /**
+     * Find all links connected to a node and add them to pending reroutes
+     */
+    private addAffectedLinksToQueue;
+    /**
+     * Schedule a throttled reroute operation
+     */
+    private scheduleReroute;
+    /**
+     * Process all pending reroutes
+     */
+    private processReroutes;
+    /**
+     * Regenerate a link's path from the CURRENT port positions
+     */
+    private regenerateLinkPath;
+    /**
+     * Enable live rerouting
+     */
+    enable(): void;
+    /**
+     * Disable live rerouting
+     */
+    disable(): void;
+    /**
+     * Set throttle time in milliseconds
+     * @param ms Throttle time (e.g., 16 for 60fps, 33 for 30fps)
+     */
+    setThrottle(ms: number): void;
+    /**
+     * Manually trigger reroute of all links in the diagram
+     * Useful for manual refresh or after bulk operations
+     */
+    rerouteAll(): void;
+    /**
+     * Clean up event listeners
+     */
+    destroy(): void;
+}

package/src/libs/engine/src/routing/LiveReroutingEngine.js

@@ -0,0 +1,173 @@
+"use strict";
+// LiveReroutingEngine.ts
+// Automatic link rerouting on node movement (Phase 0.2)
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LiveReroutingEngine = void 0;
+/**
+ * LiveReroutingEngine automatically updates link paths when nodes move or resize.
+ *
+ * Features:
+ * - Throttled rerouting for performance (60fps by default)
+ * - Batches multiple node movements
+ * - Can be enabled/disabled
+ * - Configurable throttle time
+ *
+ * @example
+ * ```typescript
+ * const liveRerouting = new LiveReroutingEngine(routingEngine, diagram);
+ * liveRerouting.enable();
+ *
+ * // Links will automatically update when nodes move
+ * node.setPosition({ x: 100, y: 100 });
+ * ```
+ */
+class LiveReroutingEngine {
+    constructor(routingEngine, diagram) {
+        this.enabled = true;
+        this.throttleMs = 16; // 60fps
+        this.throttleTimer = null;
+        this.pendingReroutes = new Set();
+        this.routingEngine = routingEngine;
+        this.diagram = diagram;
+        // Listen to node movement and resize events
+        this.diagram.on('node:moved', this.handleNodeMoved.bind(this));
+        this.diagram.on('node:resized', this.handleNodeResized.bind(this));
+    }
+    /**
+     * Handle node movement event
+     */
+    handleNodeMoved(event) {
+        if (!this.enabled)
+            return;
+        this.addAffectedLinksToQueue(event.nodeId);
+        this.scheduleReroute();
+    }
+    /**
+     * Handle node resize event
+     */
+    handleNodeResized(event) {
+        if (!this.enabled)
+            return;
+        this.addAffectedLinksToQueue(event.nodeId);
+        this.scheduleReroute();
+    }
+    /**
+     * Find all links connected to a node and add them to pending reroutes
+     */
+    addAffectedLinksToQueue(nodeId) {
+        const node = this.diagram.getNode(nodeId);
+        if (!node)
+            return;
+        // Get all ports on this node
+        const ports = node.getPorts();
+        // For each port, find all connected links
+        ports.forEach(port => {
+            const links = this.diagram.getLinksForPort(port.id);
+            links.forEach(link => {
+                this.pendingReroutes.add(link.id);
+            });
+        });
+    }
+    /**
+     * Schedule a throttled reroute operation
+     */
+    scheduleReroute() {
+        // If already scheduled, don't schedule again
+        if (this.throttleTimer !== null)
+            return;
+        this.throttleTimer = window.setTimeout(() => {
+            this.processReroutes();
+            this.throttleTimer = null;
+        }, this.throttleMs);
+    }
+    /**
+     * Process all pending reroutes
+     */
+    processReroutes() {
+        var _a;
+        if (this.pendingReroutes.size === 0)
+            return;
+        const reroutedCount = this.pendingReroutes.size;
+        // Reroute each link
+        this.pendingReroutes.forEach(linkId => {
+            const link = this.diagram.getLink(linkId);
+            if (!link)
+                return;
+            this.regenerateLinkPath(link);
+            // Mark as dirty to trigger re-render
+            link.markDirty();
+        });
+        // Clear pending reroutes
+        this.pendingReroutes.clear();
+        // Notify renderers (DiagramModel routes external events through its
+        // protected emitter; engine-internal collaborators use it directly)
+        (_a = this.diagram.emitter) === null || _a === void 0 ? void 0 : _a.emit('links:rerouted', { count: reroutedCount });
+    }
+    /**
+     * Regenerate a link's path from the CURRENT port positions
+     */
+    regenerateLinkPath(link) {
+        var _a, _b;
+        const sourceNode = this.diagram.getNodeByPortId(link.sourcePortId);
+        const targetNode = this.diagram.getNodeByPortId(link.targetPortId);
+        if (!sourceNode || !targetNode)
+            return;
+        const sourcePort = sourceNode.getPort(link.sourcePortId);
+        const targetPort = targetNode.getPort(link.targetPortId);
+        if (!sourcePort || !targetPort)
+            return;
+        const sourcePoint = sourcePort.getAbsolutePosition(sourceNode.getBoundingBox());
+        const targetPoint = targetPort.getAbsolutePosition(targetNode.getBoundingBox());
+        link.generatePath(sourcePoint, targetPoint, (_a = sourcePort.alignment) === null || _a === void 0 ? void 0 : _a.side, (_b = targetPort.alignment) === null || _b === void 0 ? void 0 : _b.side);
+    }
+    /**
+     * Enable live rerouting
+     */
+    enable() {
+        this.enabled = true;
+    }
+    /**
+     * Disable live rerouting
+     */
+    disable() {
+        this.enabled = false;
+        // Clear any pending reroutes
+        if (this.throttleTimer !== null) {
+            window.clearTimeout(this.throttleTimer);
+            this.throttleTimer = null;
+        }
+        this.pendingReroutes.clear();
+    }
+    /**
+     * Set throttle time in milliseconds
+     * @param ms Throttle time (e.g., 16 for 60fps, 33 for 30fps)
+     */
+    setThrottle(ms) {
+        this.throttleMs = Math.max(0, ms);
+    }
+    /**
+     * Manually trigger reroute of all links in the diagram
+     * Useful for manual refresh or after bulk operations
+     */
+    rerouteAll() {
+        var _a;
+        const links = this.diagram.getLinks();
+        links.forEach(link => {
+            this.regenerateLinkPath(link);
+            link.markDirty();
+        });
+        (_a = this.diagram.emitter) === null || _a === void 0 ? void 0 : _a.emit('links:rerouted', { count: links.length });
+    }
+    /**
+     * Clean up event listeners
+     */
+    destroy() {
+        this.disable();
+        // TODO: Remove event listeners - DiagramModel doesn't expose off() publicly
+        // Need to store the unsubscribe functions from on() calls instead
+        // this.diagram.off('node:moved', this.handleNodeMoved.bind(this));
+        // this.diagram.off('node:resized', this.handleNodeResized.bind(this));
+    }
+}
+exports.LiveReroutingEngine = LiveReroutingEngine;
+//# sourceMappingURL=LiveReroutingEngine.js.map

package/src/libs/engine/src/routing/LiveReroutingEngine.js.map

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