@things-factory/integration-ui 9.0.0-beta.24 → 9.0.0-beta.27

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@things-factory/integration-ui",
-  "version": "9.0.0-beta.24",
+  "version": "9.0.0-beta.27",
   "main": "dist-server/index.js",
   "browser": "dist-client/index.js",
   "things-factory": true,
@@ -39,11 +39,11 @@
     "@operato/property-editor": "^9.0.0-beta",
     "@operato/styles": "^9.0.0-beta",
     "@operato/utils": "^9.0.0-beta",
-    "@things-factory/export-base": "^9.0.0-beta.21",
-    "@things-factory/import-base": "^9.0.0-beta.21",
-    "@things-factory/integration-base": "^9.0.0-beta.24",
-    "@things-factory/personalization": "^9.0.0-beta.24",
+    "@things-factory/export-base": "^9.0.0-beta.25",
+    "@things-factory/import-base": "^9.0.0-beta.25",
+    "@things-factory/integration-base": "^9.0.0-beta.27",
+    "@things-factory/personalization": "^9.0.0-beta.25",
     "d3": "^7.8.5"
   },
-  "gitHead": "b86b4a0b6a8355b33d8729fb7908ed33d6751ec2"
+  "gitHead": "3038f56087036b06717f8e4910383c6b1320218d"
 }

package/dist-client/analysis/graph-data.d.ts

@@ -1,36 +0,0 @@
-export interface GraphData {
-    results: Array<{
-        columns: string[];
-        data: Array<{
-            graph: {
-                nodes: Node[];
-                relationships: Relationship[];
-            };
-        }>;
-    }>;
-    errors: any[];
-}
-export interface Node {
-    id: string;
-    labels: string[];
-    properties: {
-        [key: string]: any;
-    };
-    x?: number;
-    y?: number;
-    fx?: number | null;
-    fy?: number | null;
-    icon?: string;
-}
-export interface Relationship {
-    id: string;
-    type: string;
-    startNode: string;
-    endNode: string;
-    source?: Node;
-    target?: Node;
-    properties: {
-        [key: string]: any;
-    };
-    linknum?: number;
-}

package/dist-client/analysis/graph-data.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=graph-data.js.map

package/dist-client/analysis/graph-data.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"graph-data.js","sourceRoot":"","sources":["../../client/analysis/graph-data.ts"],"names":[],"mappings":"","sourcesContent":["export interface GraphData {\n  results: Array<{\n    columns: string[]\n    data: Array<{\n      graph: {\n        nodes: Node[]\n        relationships: Relationship[]\n      }\n    }>\n  }>\n  errors: any[]\n}\n\nexport interface Node {\n  id: string\n  labels: string[]\n  properties: { [key: string]: any }\n  x?: number\n  y?: number\n  fx?: number | null\n  fy?: number | null\n  icon?: string\n}\n\nexport interface Relationship {\n  id: string\n  type: string\n  startNode: string\n  endNode: string\n  source?: Node\n  target?: Node\n  properties: { [key: string]: any }\n  linknum?: number\n}\n"]}

package/dist-client/analysis/graph-viewer-style.d.ts

@@ -1 +0,0 @@
-export declare const GraphViewerStyles: import("lit").CSSResult;

package/dist-client/analysis/graph-viewer-style.js

@@ -1,121 +0,0 @@
-import { css } from 'lit';
-export const GraphViewerStyles = css `
-  * {
-    margin: 0;
-    padding: 0;
-  }
-
-  .graph-viewer {
-    border: 1px solid #ddd;
-    border-radius: 5px;
-  }
-
-  .graph-info {
-    font-size: 16px;
-    padding: 10px;
-    position: absolute;
-  }
-
-  .graph-info a {
-    border: 1px solid;
-    display: inline-block;
-    font-size: 14px;
-    line-height: 1.428571429;
-    margin-left: 5px;
-    margin-top: 5px;
-    padding: 6px 12px;
-  }
-
-  .graph-info a.class {
-    color: #fff;
-  }
-
-  .graph-info a.property {
-    background-color: var(--md-sys-color-surface);
-    border-color: #ccc;
-    color: #333;
-  }
-
-  .graph-info a.btn {
-    margin-left: 5px;
-    margin-top: 5px;
-    opacity: 1;
-  }
-
-  .graph-info a.info {
-    background-color: #a5abb6;
-    border: 1px solid #9aa1ac;
-    color: #fff;
-  }
-
-  .node.node-highlighted .ring {
-    filter: alpha(opacity=50);
-    opacity: 0.5;
-    stroke: #888;
-    stroke-width: 12px;
-  }
-
-  .node .outline {
-    cursor: pointer;
-    fill: #a5abb6;
-    pointer-events: all;
-    stroke: #9aa1ac;
-    stroke-width: 2px;
-  }
-
-  .node .ring {
-    fill: none;
-    filter: alpha(opacity=0);
-    opacity: 0;
-    stroke: #6ac6ff;
-    stroke-width: 8px;
-  }
-
-  .node .text.icon {
-    font-size: 24px;
-  }
-
-  .node .text.icon {
-    font-family: Material Symbols Outlined;
-  }
-
-  .node.selected .ring,
-  .node:hover .ring {
-    filter: alpha(opacity=30);
-    opacity: 0.3;
-  }
-
-  .relationship {
-    cursor: default;
-  }
-
-  .relationship line {
-    stroke: #aaa;
-  }
-
-  .relationship .outline {
-    cursor: default;
-  }
-
-  .relationship .overlay {
-    cursor: default;
-    fill: #6ac6ff;
-    filter: alpha(opacity=0);
-    opacity: 0;
-  }
-
-  .relationship text {
-    cursor: default;
-  }
-
-  .relationship.selected .overlay,
-  .relationship:hover .overlay {
-    filter: alpha(opacity=30);
-    opacity: 0.3;
-  }
-
-  svg {
-    cursor: move;
-  }
-`;
-//# sourceMappingURL=graph-viewer-style.js.map

package/dist-client/analysis/graph-viewer-style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"graph-viewer-style.js","sourceRoot":"","sources":["../../client/analysis/graph-viewer-style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsHnC,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport const GraphViewerStyles = css`\n  * {\n    margin: 0;\n    padding: 0;\n  }\n\n  .graph-viewer {\n    border: 1px solid #ddd;\n    border-radius: 5px;\n  }\n\n  .graph-info {\n    font-size: 16px;\n    padding: 10px;\n    position: absolute;\n  }\n\n  .graph-info a {\n    border: 1px solid;\n    display: inline-block;\n    font-size: 14px;\n    line-height: 1.428571429;\n    margin-left: 5px;\n    margin-top: 5px;\n    padding: 6px 12px;\n  }\n\n  .graph-info a.class {\n    color: #fff;\n  }\n\n  .graph-info a.property {\n    background-color: var(--md-sys-color-surface);\n    border-color: #ccc;\n    color: #333;\n  }\n\n  .graph-info a.btn {\n    margin-left: 5px;\n    margin-top: 5px;\n    opacity: 1;\n  }\n\n  .graph-info a.info {\n    background-color: #a5abb6;\n    border: 1px solid #9aa1ac;\n    color: #fff;\n  }\n\n  .node.node-highlighted .ring {\n    filter: alpha(opacity=50);\n    opacity: 0.5;\n    stroke: #888;\n    stroke-width: 12px;\n  }\n\n  .node .outline {\n    cursor: pointer;\n    fill: #a5abb6;\n    pointer-events: all;\n    stroke: #9aa1ac;\n    stroke-width: 2px;\n  }\n\n  .node .ring {\n    fill: none;\n    filter: alpha(opacity=0);\n    opacity: 0;\n    stroke: #6ac6ff;\n    stroke-width: 8px;\n  }\n\n  .node .text.icon {\n    font-size: 24px;\n  }\n\n  .node .text.icon {\n    font-family: Material Symbols Outlined;\n  }\n\n  .node.selected .ring,\n  .node:hover .ring {\n    filter: alpha(opacity=30);\n    opacity: 0.3;\n  }\n\n  .relationship {\n    cursor: default;\n  }\n\n  .relationship line {\n    stroke: #aaa;\n  }\n\n  .relationship .outline {\n    cursor: default;\n  }\n\n  .relationship .overlay {\n    cursor: default;\n    fill: #6ac6ff;\n    filter: alpha(opacity=0);\n    opacity: 0;\n  }\n\n  .relationship text {\n    cursor: default;\n  }\n\n  .relationship.selected .overlay,\n  .relationship:hover .overlay {\n    filter: alpha(opacity=30);\n    opacity: 0.3;\n  }\n\n  svg {\n    cursor: move;\n  }\n`\n"]}

package/dist-client/analysis/graph-viewer.d.ts

@@ -1,36 +0,0 @@
-import * as d3 from 'd3';
-import { GraphData } from './graph-data.js';
-export declare class GraphViewer {
-    private svg;
-    private svgNodes;
-    private svgRelationships;
-    private nodes;
-    private relationships;
-    private needZoomFit;
-    private options;
-    private svgScale;
-    private svgTranslate;
-    simulation: any;
-    constructor(_selector: any, _options: any);
-    private init;
-    initSimulation(): any;
-    private tick;
-    private calculateIntersection;
-    private colors;
-    updateWithGraphData(graphData: GraphData): void;
-    private updateNodesAndRelationships;
-    private appendNodesToGraph;
-    stickNode(event: d3.event, d: any): void;
-    private appendRelationshipsToGraph;
-    private getNodeIcon;
-    private class2color;
-    private class2darkenColor;
-    private dragStarted;
-    private dragged;
-    private dragEnded;
-    zoomFit(): void;
-    size(): {
-        nodes: number;
-        relationships: number;
-    };
-}

package/dist-client/analysis/graph-viewer.js

@@ -1,294 +0,0 @@
-import * as d3 from 'd3';
-export class GraphViewer {
-    constructor(_selector, _options) {
-        this.nodes = [];
-        this.relationships = [];
-        this.needZoomFit = true;
-        this.options = Object.assign({ arrowSize: 4, colors: this.colors(), highlight: undefined, infoPanel: true, minCollision: undefined, graphData: undefined, dataUrl: undefined, nodeOutlineFillColor: undefined, nodeRadius: 25, relationshipColor: '#a5abb6', zoomFit: false, classes2colors: {}, numClasses: 0 }, _options);
-        this.init(_selector);
-    }
-    init(selector) {
-        this.svg = d3
-            .select(selector)
-            .append('svg')
-            .attr('width', '100%')
-            .attr('height', '100%')
-            .attr('class', 'graph-viewer')
-            .call(d3.zoom().on('zoom', (event, d) => {
-            var scale = event.transform.k, translate = [event.transform.x, event.transform.y];
-            if (this.svgTranslate) {
-                translate[0] += this.svgTranslate[0];
-                translate[1] += this.svgTranslate[1];
-            }
-            if (this.svgScale) {
-                scale *= this.svgScale;
-            }
-            this.svg.attr('transform', 'translate(' + translate[0] + ', ' + translate[1] + ') scale(' + scale + ')');
-        }))
-            .on('dblclick.zoom', null)
-            .append('g') // 그룹 요소 추가
-            .attr('width', '100%')
-            .attr('height', '100%');
-        // Define arrow markers for graph links
-        this.svg
-            .append('defs')
-            .append('marker')
-            .attr('id', 'arrow')
-            .attr('viewBox', '0 -5 10 10')
-            .attr('refX', 10)
-            .attr('refY', 0)
-            .attr('markerWidth', 6)
-            .attr('markerHeight', 6)
-            .attr('orient', 'auto')
-            .append('path')
-            .attr('d', 'M0,-5L10,0L0,5')
-            .attr('fill', this.options.relationshipColor);
-        this.svgNodes = this.svg.append('g').attr('class', 'nodes');
-        this.svgRelationships = this.svg.append('g').attr('class', 'relationships');
-        this.simulation = this.initSimulation();
-        if (this.options.graphData) {
-            this.updateWithGraphData(this.options.graphData);
-        }
-    }
-    initSimulation() {
-        const x = this.svg.node().parentElement.parentElement.clientWidth / 2;
-        const y = this.svg.node().parentElement.parentElement.clientHeight / 2;
-        var simulation = d3
-            .forceSimulation()
-            .force('collide', d3
-            .forceCollide()
-            .radius(d => {
-            return this.options.minCollision;
-        })
-            .iterations(2))
-            .force('charge', d3.forceManyBody())
-            .force('link', d3.forceLink().id(d => {
-            return d.id;
-        }))
-            .force('center', d3.forceCenter(x, y))
-            .on('tick', () => {
-            this.tick();
-        })
-            .on('end', () => {
-            if (this.options.zoomFit && this.needZoomFit) {
-                this.needZoomFit = false;
-                this.zoomFit();
-            }
-        });
-        return simulation;
-    }
-    tick() {
-        this.svgNodes.selectAll('.node').attr('transform', (d) => `translate(${d.x}, ${d.y})`);
-        this.svgRelationships
-            .selectAll('.relationship')
-            .attr('x1', (d) => this.calculateIntersection(d.source, d.target).x1)
-            .attr('y1', (d) => this.calculateIntersection(d.source, d.target).y1)
-            .attr('x2', (d) => this.calculateIntersection(d.source, d.target).x2)
-            .attr('y2', (d) => this.calculateIntersection(d.source, d.target).y2);
-        this.svgRelationships.selectAll('.relationship-text').attr('transform', (d) => {
-            const midX = (this.calculateIntersection(d.source, d.target).x1 + this.calculateIntersection(d.source, d.target).x2) / 2;
-            const midY = (this.calculateIntersection(d.source, d.target).y1 + this.calculateIntersection(d.source, d.target).y2) / 2;
-            return `translate(${midX}, ${midY})`;
-        });
-    }
-    calculateIntersection(source, target) {
-        const dx = target.x - source.x;
-        const dy = target.y - source.y;
-        const distance = Math.sqrt(dx * dx + dy * dy);
-        const ratio = (distance - this.options.nodeRadius) / distance;
-        const x1 = source.x + dx * (this.options.nodeRadius / distance);
-        const y1 = source.y + dy * (this.options.nodeRadius / distance);
-        const x2 = target.x - dx * (this.options.nodeRadius / distance);
-        const y2 = target.y - dy * (this.options.nodeRadius / distance);
-        return { x1, y1, x2, y2 };
-    }
-    colors() {
-        return [
-            '#68bdf6', // light blue
-            '#6dce9e', // green #1
-            '#faafc2', // light pink
-            '#f2baf6', // purple
-            '#ff928c', // light red
-            '#fcea7e', // light yellow
-            '#ffc766', // light orange
-            '#405f9e', // navy blue
-            '#a5abb6', // dark gray
-            '#78cecb', // green #2,
-            '#b88cbb', // dark purple
-            '#ced2d9', // light gray
-            '#e84646', // dark red
-            '#fa5f86', // dark pink
-            '#ffab1a', // dark orange
-            '#fcda19', // dark yellow
-            '#797b80', // black
-            '#c9d96f', // pistachio
-            '#47991f', // green #3
-            '#70edee', // turquoise
-            '#ff75ea' // pink
-        ];
-    }
-    updateWithGraphData(graphData) {
-        this.nodes = graphData.results[0].data[0].graph.nodes;
-        this.relationships = graphData.results[0].data[0].graph.relationships;
-        this.relationships.forEach(rel => {
-            const sourceNode = this.nodes.find(node => node.id === rel.startNode);
-            const targetNode = this.nodes.find(node => node.id === rel.endNode);
-            if (!sourceNode || !targetNode) {
-                console.warn(`Node not found for relationship: ${rel.id}`);
-                return;
-            }
-            rel.source = sourceNode;
-            rel.target = targetNode;
-        });
-        this.updateNodesAndRelationships();
-    }
-    updateNodesAndRelationships() {
-        this.needZoomFit = true;
-        this.svgNodes.selectAll('.node').remove();
-        this.svgRelationships.selectAll('.relationship').remove();
-        this.svgRelationships.selectAll('.relationship-text').remove();
-        this.appendNodesToGraph();
-        this.appendRelationshipsToGraph();
-        this.simulation.nodes(this.nodes);
-        this.simulation.force('link').links(this.relationships);
-        // 시뮬레이션을 강제로 재시작하여 레이아웃이 적절히 재정렬되도록 함
-        this.simulation.alpha(1).restart();
-    }
-    appendNodesToGraph() {
-        const nodeEnter = this.svgNodes
-            .selectAll('.node')
-            .data(this.nodes, (d) => d.id)
-            .enter()
-            .append('g')
-            .attr('class', d => {
-            var highlight, i, classes = 'node', label = d.labels[0];
-            if (d.icon) {
-                classes += ' node-icon';
-            }
-            return classes;
-        })
-            .on('click', (event, d) => {
-            d.fx = d.fy = null;
-            if (typeof this.options.onNodeClick === 'function') {
-                this.options.onNodeClick(d);
-            }
-        })
-            .on('dblclick', (event, d) => {
-            this.stickNode(event, d);
-            if (typeof this.options.onNodeDoubleClick === 'function') {
-                this.options.onNodeDoubleClick(d);
-            }
-        })
-            .on('mouseenter', (event, d) => {
-            event.target.dispatchEvent(new CustomEvent('node-mouseenter', {
-                detail: d,
-                bubbles: true
-            }));
-        })
-            .on('mouseleave', (event, d) => {
-            event.target.dispatchEvent(new CustomEvent('node-mouseleave', {
-                detail: d,
-                bubbles: true
-            }));
-        })
-            .call(d3
-            .drag()
-            .on('start', this.dragStarted.bind(this))
-            .on('drag', this.dragged.bind(this))
-            .on('end', this.dragEnded.bind(this)));
-        nodeEnter
-            .append('circle')
-            .attr('class', 'outline')
-            .attr('r', this.options.nodeRadius)
-            .style('fill', d => this.class2color(d.labels[0]))
-            .style('stroke', d => this.class2darkenColor(d.labels[0]))
-            .style('stroke-width', 2);
-        nodeEnter
-            .append('text')
-            .attr('class', 'text icon')
-            .attr('x', 0)
-            .attr('y', 0)
-            .attr('text-anchor', 'middle')
-            .attr('dominant-baseline', 'central')
-            .attr('font-family', 'Material Symbols Outlined')
-            .attr('font-size', '24px')
-            .attr('fill', '#000')
-            .text(d => this.getNodeIcon(d));
-        nodeEnter
-            .append('text')
-            .attr('dy', 40)
-            .attr('text-anchor', 'middle')
-            .text(d => d.properties.name || d.id);
-    }
-    stickNode(event, d) {
-        d.fx = event.x;
-        d.fy = event.y;
-    }
-    appendRelationshipsToGraph() {
-        const relationshipEnter = this.svgRelationships
-            .selectAll('.relationship')
-            .data(this.relationships.filter(rel => rel.source && rel.target), d => d.id)
-            .enter()
-            .append('g')
-            .attr('class', 'relationship-group');
-        relationshipEnter
-            .append('line')
-            .attr('class', 'relationship')
-            .style('stroke', this.options.relationshipColor)
-            .style('stroke-width', 2)
-            .attr('marker-end', 'url(#arrow)');
-        relationshipEnter
-            .append('text')
-            .attr('class', 'relationship-text')
-            .attr('fill', '#000000')
-            .attr('font-size', '8px')
-            .attr('pointer-events', 'none')
-            .attr('text-anchor', 'middle')
-            .text(d => d.type);
-    }
-    getNodeIcon(d) {
-        return d.icon || '';
-    }
-    class2color(cls) {
-        if (!this.options.classes2colors[cls]) {
-            this.options.classes2colors[cls] = this.options.colors[this.options.numClasses % this.options.colors.length];
-            this.options.numClasses++;
-        }
-        return this.options.classes2colors[cls];
-    }
-    class2darkenColor(cls) {
-        return d3.rgb(this.class2color(cls)).darker(1);
-    }
-    dragStarted(event, d) {
-        if (!event.active)
-            this.simulation.alphaTarget(0.3).restart();
-        d.fx = d.x;
-        d.fy = d.y;
-    }
-    dragged(event, d) {
-        d.fx = event.x;
-        d.fy = event.y;
-    }
-    dragEnded(event, d) {
-        if (!event.active)
-            this.simulation.alphaTarget(0);
-        d.fx = null;
-        d.fy = null;
-    }
-    zoomFit() {
-        var bounds = this.svg.node().getBBox(), parent = this.svg.node().parentElement.parentElement, fullWidth = parent.clientWidth, fullHeight = parent.clientHeight, width = bounds.width, height = bounds.height, midX = bounds.x + width / 2, midY = bounds.y + height / 2;
-        if (width === 0 || height === 0) {
-            return; // nothing to fit
-        }
-        this.svgScale = 0.85 / Math.max(width / fullWidth, height / fullHeight);
-        this.svgTranslate = [fullWidth / 2 - this.svgScale * midX, fullHeight / 2 - this.svgScale * midY];
-        this.svg.attr('transform', 'translate(' + this.svgTranslate[0] + ', ' + this.svgTranslate[1] + ') scale(' + this.svgScale + ')');
-    }
-    size() {
-        return {
-            nodes: this.nodes.length,
-            relationships: this.relationships.length
-        };
-    }
-}
-//# sourceMappingURL=graph-viewer.js.map

package/dist-client/analysis/graph-viewer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"graph-viewer.js","sourceRoot":"","sources":["../../client/analysis/graph-viewer.ts"],"names":[],"mappings":"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","sourcesContent":["import * as d3 from 'd3'\nimport { Node, Relationship, GraphData } from './graph-data.js'\n\nexport class GraphViewer {\n  private svg: any\n  private svgNodes: any\n  private svgRelationships: any\n  private nodes: Node[] = []\n  private relationships: Relationship[] = []\n  private needZoomFit = true\n  private options: any\n  private svgScale\n  private svgTranslate\n\n  public simulation: any\n\n  constructor(_selector: any, _options: any) {\n    this.options = {\n      arrowSize: 4,\n      colors: this.colors(),\n      highlight: undefined,\n      infoPanel: true,\n      minCollision: undefined,\n      graphData: undefined,\n      dataUrl: undefined,\n      nodeOutlineFillColor: undefined,\n      nodeRadius: 25,\n      relationshipColor: '#a5abb6',\n      zoomFit: false,\n      classes2colors: {},\n      numClasses: 0,\n      ..._options\n    }\n    this.init(_selector)\n  }\n\n  private init(selector: any) {\n    this.svg = d3\n      .select(selector)\n      .append('svg')\n      .attr('width', '100%')\n      .attr('height', '100%')\n      .attr('class', 'graph-viewer')\n      .call(\n        d3.zoom().on('zoom', (event, d) => {\n          var scale = event.transform.k,\n            translate = [event.transform.x, event.transform.y]\n\n          if (this.svgTranslate) {\n            translate[0] += this.svgTranslate[0]\n            translate[1] += this.svgTranslate[1]\n          }\n\n          if (this.svgScale) {\n            scale *= this.svgScale\n          }\n\n          this.svg.attr('transform', 'translate(' + translate[0] + ', ' + translate[1] + ') scale(' + scale + ')')\n        })\n      )\n      .on('dblclick.zoom', null)\n      .append('g') // 그룹 요소 추가\n      .attr('width', '100%')\n      .attr('height', '100%')\n\n    // Define arrow markers for graph links\n    this.svg\n      .append('defs')\n      .append('marker')\n      .attr('id', 'arrow')\n      .attr('viewBox', '0 -5 10 10')\n      .attr('refX', 10)\n      .attr('refY', 0)\n      .attr('markerWidth', 6)\n      .attr('markerHeight', 6)\n      .attr('orient', 'auto')\n      .append('path')\n      .attr('d', 'M0,-5L10,0L0,5')\n      .attr('fill', this.options.relationshipColor)\n\n    this.svgNodes = this.svg.append('g').attr('class', 'nodes')\n    this.svgRelationships = this.svg.append('g').attr('class', 'relationships')\n    this.simulation = this.initSimulation()\n\n    if (this.options.graphData) {\n      this.updateWithGraphData(this.options.graphData)\n    }\n  }\n\n  initSimulation() {\n    const x = this.svg.node().parentElement.parentElement.clientWidth / 2\n    const y = this.svg.node().parentElement.parentElement.clientHeight / 2\n\n    var simulation = d3\n      .forceSimulation()\n      .force(\n        'collide',\n        d3\n          .forceCollide()\n          .radius(d => {\n            return this.options.minCollision\n          })\n          .iterations(2)\n      )\n      .force('charge', d3.forceManyBody())\n      .force(\n        'link',\n        d3.forceLink().id(d => {\n          return d.id\n        })\n      )\n      .force('center', d3.forceCenter(x, y))\n      .on('tick', () => {\n        this.tick()\n      })\n      .on('end', () => {\n        if (this.options.zoomFit && this.needZoomFit) {\n          this.needZoomFit = false\n          this.zoomFit()\n        }\n      })\n\n    return simulation\n  }\n\n  private tick() {\n    this.svgNodes.selectAll('.node').attr('transform', (d: any) => `translate(${d.x}, ${d.y})`)\n\n    this.svgRelationships\n      .selectAll('.relationship')\n      .attr('x1', (d: any) => this.calculateIntersection(d.source, d.target).x1)\n      .attr('y1', (d: any) => this.calculateIntersection(d.source, d.target).y1)\n      .attr('x2', (d: any) => this.calculateIntersection(d.source, d.target).x2)\n      .attr('y2', (d: any) => this.calculateIntersection(d.source, d.target).y2)\n\n    this.svgRelationships.selectAll('.relationship-text').attr('transform', (d: any) => {\n      const midX =\n        (this.calculateIntersection(d.source, d.target).x1 + this.calculateIntersection(d.source, d.target).x2) / 2\n      const midY =\n        (this.calculateIntersection(d.source, d.target).y1 + this.calculateIntersection(d.source, d.target).y2) / 2\n      return `translate(${midX}, ${midY})`\n    })\n  }\n\n  private calculateIntersection(source, target) {\n    const dx = target.x - source.x\n    const dy = target.y - source.y\n    const distance = Math.sqrt(dx * dx + dy * dy)\n    const ratio = (distance - this.options.nodeRadius) / distance\n\n    const x1 = source.x + dx * (this.options.nodeRadius / distance)\n    const y1 = source.y + dy * (this.options.nodeRadius / distance)\n    const x2 = target.x - dx * (this.options.nodeRadius / distance)\n    const y2 = target.y - dy * (this.options.nodeRadius / distance)\n\n    return { x1, y1, x2, y2 }\n  }\n\n  private colors() {\n    return [\n      '#68bdf6', // light blue\n      '#6dce9e', // green #1\n      '#faafc2', // light pink\n      '#f2baf6', // purple\n      '#ff928c', // light red\n      '#fcea7e', // light yellow\n      '#ffc766', // light orange\n      '#405f9e', // navy blue\n      '#a5abb6', // dark gray\n      '#78cecb', // green #2,\n      '#b88cbb', // dark purple\n      '#ced2d9', // light gray\n      '#e84646', // dark red\n      '#fa5f86', // dark pink\n      '#ffab1a', // dark orange\n      '#fcda19', // dark yellow\n      '#797b80', // black\n      '#c9d96f', // pistachio\n      '#47991f', // green #3\n      '#70edee', // turquoise\n      '#ff75ea' // pink\n    ]\n  }\n\n  updateWithGraphData(graphData: GraphData) {\n    this.nodes = graphData.results[0].data[0].graph.nodes\n    this.relationships = graphData.results[0].data[0].graph.relationships\n\n    this.relationships.forEach(rel => {\n      const sourceNode = this.nodes.find(node => node.id === rel.startNode)\n      const targetNode = this.nodes.find(node => node.id === rel.endNode)\n\n      if (!sourceNode || !targetNode) {\n        console.warn(`Node not found for relationship: ${rel.id}`)\n        return\n      }\n\n      rel.source = sourceNode\n      rel.target = targetNode\n    })\n\n    this.updateNodesAndRelationships()\n  }\n\n  private updateNodesAndRelationships() {\n    this.needZoomFit = true\n\n    this.svgNodes.selectAll('.node').remove()\n    this.svgRelationships.selectAll('.relationship').remove()\n    this.svgRelationships.selectAll('.relationship-text').remove()\n\n    this.appendNodesToGraph()\n    this.appendRelationshipsToGraph()\n\n    this.simulation.nodes(this.nodes)\n    ;(this.simulation.force('link') as d3.ForceLink<Node, Relationship>).links(this.relationships)\n\n    // 시뮬레이션을 강제로 재시작하여 레이아웃이 적절히 재정렬되도록 함\n    this.simulation.alpha(1).restart()\n  }\n\n  private appendNodesToGraph() {\n    const nodeEnter = this.svgNodes\n      .selectAll('.node')\n      .data(this.nodes, (d: any) => d.id)\n      .enter()\n      .append('g')\n      .attr('class', d => {\n        var highlight,\n          i,\n          classes = 'node',\n          label = d.labels[0]\n\n        if (d.icon) {\n          classes += ' node-icon'\n        }\n\n        return classes\n      })\n      .on('click', (event, d) => {\n        d.fx = d.fy = null\n\n        if (typeof this.options.onNodeClick === 'function') {\n          this.options.onNodeClick(d)\n        }\n      })\n      .on('dblclick', (event, d) => {\n        this.stickNode(event, d)\n\n        if (typeof this.options.onNodeDoubleClick === 'function') {\n          this.options.onNodeDoubleClick(d)\n        }\n      })\n      .on('mouseenter', (event, d) => {\n        event.target.dispatchEvent(\n          new CustomEvent('node-mouseenter', {\n            detail: d,\n            bubbles: true\n          })\n        )\n      })\n      .on('mouseleave', (event, d) => {\n        event.target.dispatchEvent(\n          new CustomEvent('node-mouseleave', {\n            detail: d,\n            bubbles: true\n          })\n        )\n      })\n      .call(\n        d3\n          .drag()\n          .on('start', this.dragStarted.bind(this))\n          .on('drag', this.dragged.bind(this))\n          .on('end', this.dragEnded.bind(this))\n      )\n\n    nodeEnter\n      .append('circle')\n      .attr('class', 'outline')\n      .attr('r', this.options.nodeRadius)\n      .style('fill', d => this.class2color(d.labels[0]))\n      .style('stroke', d => this.class2darkenColor(d.labels[0]))\n      .style('stroke-width', 2)\n\n    nodeEnter\n      .append('text')\n      .attr('class', 'text icon')\n      .attr('x', 0)\n      .attr('y', 0)\n      .attr('text-anchor', 'middle')\n      .attr('dominant-baseline', 'central')\n      .attr('font-family', 'Material Symbols Outlined')\n      .attr('font-size', '24px')\n      .attr('fill', '#000')\n      .text(d => this.getNodeIcon(d))\n\n    nodeEnter\n      .append('text')\n      .attr('dy', 40)\n      .attr('text-anchor', 'middle')\n      .text(d => d.properties.name || d.id)\n  }\n\n  stickNode(event: d3.event, d) {\n    d.fx = event.x\n    d.fy = event.y\n  }\n\n  private appendRelationshipsToGraph() {\n    const relationshipEnter = this.svgRelationships\n      .selectAll('.relationship')\n      .data(\n        this.relationships.filter(rel => rel.source && rel.target),\n        d => d.id\n      )\n      .enter()\n      .append('g')\n      .attr('class', 'relationship-group')\n\n    relationshipEnter\n      .append('line')\n      .attr('class', 'relationship')\n      .style('stroke', this.options.relationshipColor)\n      .style('stroke-width', 2)\n      .attr('marker-end', 'url(#arrow)')\n\n    relationshipEnter\n      .append('text')\n      .attr('class', 'relationship-text')\n      .attr('fill', '#000000')\n      .attr('font-size', '8px')\n      .attr('pointer-events', 'none')\n      .attr('text-anchor', 'middle')\n      .text(d => d.type)\n  }\n\n  private getNodeIcon(d: Node): string {\n    return d.icon || ''\n  }\n\n  private class2color(cls: string) {\n    if (!this.options.classes2colors[cls]) {\n      this.options.classes2colors[cls] = this.options.colors[this.options.numClasses % this.options.colors.length]\n      this.options.numClasses++\n    }\n    return this.options.classes2colors[cls]\n  }\n\n  private class2darkenColor(cls: string) {\n    return d3.rgb(this.class2color(cls)).darker(1)\n  }\n\n  private dragStarted(event: any, d: Node) {\n    if (!event.active) this.simulation.alphaTarget(0.3).restart()\n    d.fx = d.x\n    d.fy = d.y\n  }\n\n  private dragged(event: any, d: Node) {\n    d.fx = event.x\n    d.fy = event.y\n  }\n\n  private dragEnded(event: any, d: Node) {\n    if (!event.active) this.simulation.alphaTarget(0)\n    d.fx = null\n    d.fy = null\n  }\n\n  zoomFit() {\n    var bounds = this.svg.node().getBBox(),\n      parent = this.svg.node().parentElement.parentElement,\n      fullWidth = parent.clientWidth,\n      fullHeight = parent.clientHeight,\n      width = bounds.width,\n      height = bounds.height,\n      midX = bounds.x + width / 2,\n      midY = bounds.y + height / 2\n\n    if (width === 0 || height === 0) {\n      return // nothing to fit\n    }\n\n    this.svgScale = 0.85 / Math.max(width / fullWidth, height / fullHeight)\n    this.svgTranslate = [fullWidth / 2 - this.svgScale * midX, fullHeight / 2 - this.svgScale * midY]\n\n    this.svg.attr(\n      'transform',\n      'translate(' + this.svgTranslate[0] + ', ' + this.svgTranslate[1] + ') scale(' + this.svgScale + ')'\n    )\n  }\n\n  size() {\n    return {\n      nodes: this.nodes.length,\n      relationships: this.relationships.length\n    }\n  }\n}\n"]}

package/dist-client/analysis/node.d.ts

@@ -1,4 +0,0 @@
-import { Node } from './graph-data.js';
-import * as d3 from 'd3';
-export declare function appendNodeToGraph(svgNodes: d3.Selection<SVGGElement, unknown, HTMLElement, any>, // 타입 지정
-nodes: Node[], options: any): any;

package/dist-client/analysis/node.js

@@ -1,59 +0,0 @@
-import * as d3 from 'd3';
-import { class2color, class2darkenColor } from './utils.js';
-export function appendNodeToGraph(svgNodes, // 타입 지정
-nodes, options) {
-    const nodeEnter = svgNodes
-        .selectAll('.node')
-        .data(nodes, d => d.id)
-        .enter()
-        .append('g')
-        .attr('class', d => {
-        let classes = 'node';
-        if (d.icon)
-            classes += ' node-icon';
-        if (d.image)
-            classes += ' node-image';
-        if (options.highlight) {
-            options.highlight.forEach((highlight) => {
-                if (d.labels[0] === highlight.class && d.properties[highlight.property] === highlight.value) {
-                    classes += ' node-highlighted';
-                }
-            });
-        }
-        return classes;
-    })
-        .call(d3
-        .drag() // 제네릭 타입 지정
-        .on('start', (event, d) => dragStarted(event, d, options.simulation))
-        .on('drag', (event, d) => dragged(event, d))
-        .on('end', (event, d) => dragEnded(event, d, options.simulation)));
-    nodeEnter
-        .append('circle')
-        .attr('r', options.nodeRadius)
-        .style('fill', d => class2color(options.classes2colors, d.labels[0], options.colors, options.numClasses))
-        .style('stroke', d => class2darkenColor(class2color(options.classes2colors, d.labels[0], options.colors, options.numClasses)))
-        .style('stroke-width', 2);
-    nodeEnter
-        .append('text')
-        .attr('dy', 4)
-        .attr('text-anchor', 'middle')
-        .text(d => d.properties.name || d.id);
-    return nodeEnter;
-}
-function dragStarted(event, d, simulation) {
-    if (!event.active)
-        simulation.alphaTarget(0.3).restart();
-    d.fx = d.x;
-    d.fy = d.y;
-}
-function dragged(event, d) {
-    d.fx = event.x;
-    d.fy = event.y;
-}
-function dragEnded(event, d, simulation) {
-    if (!event.active)
-        simulation.alphaTarget(0);
-    d.fx = null;
-    d.fy = null;
-}
-//# sourceMappingURL=node.js.map