@nahisaho/yata-ui 1.7.0

package/dist/index.js

@@ -0,0 +1,548 @@
+/**
+ * YATA UI Server
+ *
+ * Web-based visualization and management interface for YATA knowledge graphs.
+ *
+ * @packageDocumentation
+ * @module @nahisaho/yata-ui
+ *
+ * @see REQ-YI-WEB-001 - Web-based Visualization
+ * @see REQ-YI-WEB-002 - Interactive Graph Editing
+ * @see REQ-YI-WEB-003 - Real-time Updates
+ * @see DES-YATA-IMPROVEMENTS-001 - Design Document
+ */
+import express, { Router } from 'express';
+/**
+ * Default configuration
+ */
+export const DEFAULT_UI_CONFIG = {
+    port: 3000,
+    host: 'localhost',
+    cors: true,
+    apiBasePath: '/api',
+    enableRealtime: true,
+};
+// ============================================================
+// YataUIServer Class
+// ============================================================
+/**
+ * YATA Knowledge Graph Web UI Server
+ *
+ * Provides web-based visualization and management for YATA knowledge graphs.
+ *
+ * @example
+ * ```typescript
+ * const server = new YataUIServer({
+ *   port: 3000,
+ *   enableRealtime: true,
+ * });
+ *
+ * // Set data provider
+ * server.setDataProvider(async () => {
+ *   return {
+ *     nodes: [{ id: '1', label: 'Node 1', type: 'entity' }],
+ *     edges: [],
+ *   };
+ * });
+ *
+ * await server.start();
+ * console.log('UI available at http://localhost:3000');
+ * ```
+ *
+ * @see REQ-YI-WEB-001
+ * @see REQ-YI-WEB-002
+ * @see REQ-YI-WEB-003
+ */
+export class YataUIServer {
+    app;
+    server = null;
+    config;
+    sseClients = new Map();
+    dataProvider = null;
+    constructor(config = {}) {
+        this.config = { ...DEFAULT_UI_CONFIG, ...config };
+        this.app = express();
+        this.setupMiddleware();
+        this.setupRoutes();
+    }
+    // ============================================================
+    // Public API
+    // ============================================================
+    /**
+     * Set data provider function
+     * @param provider - Function that returns graph data
+     */
+    setDataProvider(provider) {
+        this.dataProvider = provider;
+    }
+    /**
+     * Start the server
+     * @see REQ-YI-WEB-001
+     */
+    async start() {
+        return new Promise((resolve, reject) => {
+            try {
+                const host = this.config.host ?? '0.0.0.0';
+                this.server = this.app.listen(this.config.port, host, () => {
+                    resolve();
+                });
+            }
+            catch (error) {
+                reject(error);
+            }
+        });
+    }
+    /**
+     * Stop the server
+     */
+    async stop() {
+        // Close all SSE connections
+        for (const client of this.sseClients.values()) {
+            client.response.end();
+        }
+        this.sseClients.clear();
+        return new Promise((resolve, reject) => {
+            if (!this.server) {
+                resolve();
+                return;
+            }
+            this.server.close((err) => {
+                if (err) {
+                    reject(err);
+                }
+                else {
+                    this.server = null;
+                    resolve();
+                }
+            });
+        });
+    }
+    /**
+     * Get server URL
+     */
+    getUrl() {
+        return `http://${this.config.host}:${this.config.port}`;
+    }
+    /**
+     * Check if server is running
+     */
+    isRunning() {
+        return this.server !== null;
+    }
+    /**
+     * Broadcast update to all SSE clients
+     * @see REQ-YI-WEB-003
+     */
+    broadcastUpdate(event, data) {
+        const message = `event: ${event}\ndata: ${JSON.stringify(data)}\n\n`;
+        for (const client of this.sseClients.values()) {
+            client.response.write(message);
+        }
+    }
+    /**
+     * Get Express app instance for testing
+     */
+    getApp() {
+        return this.app;
+    }
+    // ============================================================
+    // Internal: Middleware
+    // ============================================================
+    setupMiddleware() {
+        // JSON body parser
+        this.app.use(express.json());
+        // CORS
+        if (this.config.cors) {
+            this.app.use((_req, res, next) => {
+                res.header('Access-Control-Allow-Origin', '*');
+                res.header('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS');
+                res.header('Access-Control-Allow-Headers', 'Content-Type, Authorization');
+                next();
+            });
+        }
+    }
+    // ============================================================
+    // Internal: Routes
+    // ============================================================
+    setupRoutes() {
+        const router = Router();
+        // Health check
+        router.get('/health', (_req, res) => {
+            this.sendResponse(res, { status: 'ok', timestamp: new Date().toISOString() });
+        });
+        // Get graph data
+        router.get('/graph', async (_req, res) => {
+            try {
+                const data = await this.getGraphData();
+                this.sendResponse(res, data);
+            }
+            catch (error) {
+                this.sendError(res, 500, error instanceof Error ? error.message : 'Failed to get graph data');
+            }
+        });
+        // Get nodes
+        router.get('/nodes', async (_req, res) => {
+            try {
+                const data = await this.getGraphData();
+                this.sendResponse(res, data.nodes);
+            }
+            catch (error) {
+                this.sendError(res, 500, error instanceof Error ? error.message : 'Failed to get nodes');
+            }
+        });
+        // Get edges
+        router.get('/edges', async (_req, res) => {
+            try {
+                const data = await this.getGraphData();
+                this.sendResponse(res, data.edges);
+            }
+            catch (error) {
+                this.sendError(res, 500, error instanceof Error ? error.message : 'Failed to get edges');
+            }
+        });
+        // Get single node
+        router.get('/nodes/:id', async (req, res) => {
+            try {
+                const data = await this.getGraphData();
+                const node = data.nodes.find(n => n.id === req.params.id);
+                if (!node) {
+                    this.sendError(res, 404, 'Node not found');
+                    return;
+                }
+                this.sendResponse(res, node);
+            }
+            catch (error) {
+                this.sendError(res, 500, error instanceof Error ? error.message : 'Failed to get node');
+            }
+        });
+        // SSE endpoint for real-time updates
+        if (this.config.enableRealtime) {
+            router.get('/events', (req, res) => {
+                this.handleSSEConnection(req, res);
+            });
+        }
+        // Cytoscape data format endpoint
+        router.get('/cytoscape', async (_req, res) => {
+            try {
+                const data = await this.getGraphData();
+                const cytoscapeData = this.toCytoscapeFormat(data);
+                this.sendResponse(res, cytoscapeData);
+            }
+            catch (error) {
+                this.sendError(res, 500, error instanceof Error ? error.message : 'Failed to get Cytoscape data');
+            }
+        });
+        // Statistics endpoint
+        router.get('/stats', async (_req, res) => {
+            try {
+                const data = await this.getGraphData();
+                const stats = {
+                    nodeCount: data.nodes.length,
+                    edgeCount: data.edges.length,
+                    nodeTypes: this.countByType(data.nodes),
+                    edgeTypes: this.countByType(data.edges),
+                    namespaces: [...new Set(data.nodes.map(n => n.namespace).filter(Boolean))],
+                };
+                this.sendResponse(res, stats);
+            }
+            catch (error) {
+                this.sendError(res, 500, error instanceof Error ? error.message : 'Failed to get stats');
+            }
+        });
+        // Mount API routes
+        this.app.use(this.config.apiBasePath || '/api', router);
+        // Serve static files (for embedded UI)
+        if (this.config.staticDir) {
+            this.app.use(express.static(this.config.staticDir));
+        }
+        // Serve built-in UI
+        this.app.get('/', (_req, res) => {
+            res.send(this.getBuiltInUI());
+        });
+    }
+    // ============================================================
+    // Internal: SSE
+    // ============================================================
+    /**
+     * Handle SSE connection
+     * @see REQ-YI-WEB-003
+     */
+    handleSSEConnection(req, res) {
+        // Set SSE headers
+        res.setHeader('Content-Type', 'text/event-stream');
+        res.setHeader('Cache-Control', 'no-cache');
+        res.setHeader('Connection', 'keep-alive');
+        // Generate client ID
+        const clientId = `client-${Date.now()}-${Math.random().toString(36).slice(2)}`;
+        // Register client
+        this.sseClients.set(clientId, {
+            id: clientId,
+            response: res,
+            namespace: req.query.namespace,
+        });
+        // Send initial connection event
+        res.write(`event: connected\ndata: ${JSON.stringify({ clientId })}\n\n`);
+        // Handle client disconnect
+        req.on('close', () => {
+            this.sseClients.delete(clientId);
+        });
+    }
+    // ============================================================
+    // Internal: Helpers
+    // ============================================================
+    /**
+     * Get graph data from provider
+     */
+    async getGraphData() {
+        if (!this.dataProvider) {
+            return { nodes: [], edges: [] };
+        }
+        return this.dataProvider();
+    }
+    /**
+     * Send API response
+     */
+    sendResponse(res, data) {
+        const response = {
+            success: true,
+            data,
+            timestamp: new Date().toISOString(),
+        };
+        res.json(response);
+    }
+    /**
+     * Send error response
+     */
+    sendError(res, status, error) {
+        const response = {
+            success: false,
+            error,
+            timestamp: new Date().toISOString(),
+        };
+        res.status(status).json(response);
+    }
+    /**
+     * Convert to Cytoscape.js format
+     * @see REQ-YI-WEB-001
+     */
+    toCytoscapeFormat(data) {
+        const elements = [];
+        // Add nodes
+        for (const node of data.nodes) {
+            elements.push({
+                data: {
+                    id: node.id,
+                    label: node.label,
+                    type: node.type,
+                    namespace: node.namespace,
+                    ...node.data,
+                },
+                position: node.position,
+            });
+        }
+        // Add edges
+        for (const edge of data.edges) {
+            elements.push({
+                data: {
+                    id: edge.id,
+                    source: edge.source,
+                    target: edge.target,
+                    label: edge.label || edge.type,
+                    type: edge.type,
+                    weight: edge.weight,
+                    ...edge.data,
+                },
+            });
+        }
+        return { elements };
+    }
+    /**
+     * Count items by type
+     */
+    countByType(items) {
+        const counts = {};
+        for (const item of items) {
+            counts[item.type] = (counts[item.type] || 0) + 1;
+        }
+        return counts;
+    }
+    /**
+     * Get built-in UI HTML
+     */
+    getBuiltInUI() {
+        return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>YATA Knowledge Graph</title>
+  <script src="https://unpkg.com/cytoscape@3.28.1/dist/cytoscape.min.js"></script>
+  <style>
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+    body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
+    .container { display: flex; height: 100vh; }
+    .sidebar { width: 300px; background: #f5f5f5; padding: 20px; overflow-y: auto; }
+    .graph-container { flex: 1; position: relative; }
+    #cy { width: 100%; height: 100%; }
+    h1 { font-size: 1.5rem; margin-bottom: 20px; color: #333; }
+    .stats { margin-bottom: 20px; padding: 15px; background: white; border-radius: 8px; }
+    .stat-item { display: flex; justify-content: space-between; margin: 8px 0; }
+    .stat-label { color: #666; }
+    .stat-value { font-weight: bold; color: #333; }
+    .controls { margin-top: 20px; }
+    button { padding: 10px 20px; margin: 5px 0; width: 100%; border: none; border-radius: 6px; 
+             cursor: pointer; font-size: 14px; transition: background 0.2s; }
+    .btn-primary { background: #0066cc; color: white; }
+    .btn-primary:hover { background: #0052a3; }
+    .btn-secondary { background: #e0e0e0; color: #333; }
+    .btn-secondary:hover { background: #d0d0d0; }
+    .node-info { margin-top: 20px; padding: 15px; background: white; border-radius: 8px; display: none; }
+    .node-info.active { display: block; }
+    .node-info h3 { margin-bottom: 10px; color: #333; }
+    .node-info p { margin: 5px 0; color: #666; font-size: 14px; }
+    .legend { margin-top: 20px; }
+    .legend-item { display: flex; align-items: center; margin: 5px 0; }
+    .legend-color { width: 16px; height: 16px; border-radius: 4px; margin-right: 8px; }
+    .connection-status { position: fixed; top: 10px; right: 10px; padding: 8px 16px; 
+                         border-radius: 20px; font-size: 12px; }
+    .status-connected { background: #d4edda; color: #155724; }
+    .status-disconnected { background: #f8d7da; color: #721c24; }
+  </style>
+</head>
+<body>
+  <div id="connection-status" class="connection-status status-disconnected">Disconnected</div>
+  <div class="container">
+    <div class="sidebar">
+      <h1>📊 YATA Graph</h1>
+      <div id="stats" class="stats">
+        <div class="stat-item"><span class="stat-label">Nodes:</span><span id="node-count" class="stat-value">-</span></div>
+        <div class="stat-item"><span class="stat-label">Edges:</span><span id="edge-count" class="stat-value">-</span></div>
+      </div>
+      <div class="controls">
+        <button class="btn-primary" onclick="refreshGraph()">🔄 Refresh</button>
+        <button class="btn-secondary" onclick="fitGraph()">📐 Fit to View</button>
+        <button class="btn-secondary" onclick="exportPNG()">📸 Export PNG</button>
+      </div>
+      <div id="node-info" class="node-info">
+        <h3 id="selected-name">Selected Node</h3>
+        <p><strong>ID:</strong> <span id="selected-id">-</span></p>
+        <p><strong>Type:</strong> <span id="selected-type">-</span></p>
+        <p><strong>Namespace:</strong> <span id="selected-ns">-</span></p>
+      </div>
+      <div class="legend">
+        <h4>Node Types</h4>
+        <div class="legend-item"><div class="legend-color" style="background:#4CAF50"></div>Entity</div>
+        <div class="legend-item"><div class="legend-color" style="background:#2196F3"></div>Class</div>
+        <div class="legend-item"><div class="legend-color" style="background:#FF9800"></div>Function</div>
+        <div class="legend-item"><div class="legend-color" style="background:#9C27B0"></div>Interface</div>
+      </div>
+    </div>
+    <div class="graph-container">
+      <div id="cy"></div>
+    </div>
+  </div>
+  <script>
+    const API_BASE = '${this.config.apiBasePath || '/api'}';
+    let cy;
+    let eventSource;
+
+    const typeColors = {
+      entity: '#4CAF50', class: '#2196F3', function: '#FF9800',
+      interface: '#9C27B0', module: '#607D8B', default: '#9E9E9E'
+    };
+
+    async function initGraph() {
+      cy = cytoscape({
+        container: document.getElementById('cy'),
+        style: [
+          { selector: 'node', style: {
+            'label': 'data(label)', 'text-valign': 'center', 'text-halign': 'center',
+            'background-color': 'data(color)', 'color': '#fff', 'font-size': '12px',
+            'text-outline-width': 2, 'text-outline-color': 'data(color)',
+            'width': 60, 'height': 60
+          }},
+          { selector: 'edge', style: {
+            'label': 'data(label)', 'curve-style': 'bezier', 'target-arrow-shape': 'triangle',
+            'line-color': '#999', 'target-arrow-color': '#999', 'font-size': '10px',
+            'text-background-color': '#fff', 'text-background-opacity': 0.8,
+            'text-background-padding': '2px'
+          }},
+          { selector: ':selected', style: {
+            'border-width': 3, 'border-color': '#ff0066'
+          }}
+        ],
+        layout: { name: 'cose', animate: false }
+      });
+
+      cy.on('tap', 'node', function(e) {
+        const node = e.target.data();
+        document.getElementById('selected-name').textContent = node.label;
+        document.getElementById('selected-id').textContent = node.id;
+        document.getElementById('selected-type').textContent = node.type || '-';
+        document.getElementById('selected-ns').textContent = node.namespace || '-';
+        document.getElementById('node-info').classList.add('active');
+      });
+
+      cy.on('tap', function(e) {
+        if (e.target === cy) {
+          document.getElementById('node-info').classList.remove('active');
+        }
+      });
+
+      await refreshGraph();
+      connectSSE();
+    }
+
+    async function refreshGraph() {
+      try {
+        const res = await fetch(API_BASE + '/cytoscape');
+        const json = await res.json();
+        if (json.success) {
+          const elements = json.data.elements.map(el => {
+            if (el.data && !el.data.source) {
+              el.data.color = typeColors[el.data.type] || typeColors.default;
+            }
+            return el;
+          });
+          cy.json({ elements });
+          cy.layout({ name: 'cose', animate: true, animationDuration: 500 }).run();
+          updateStats();
+        }
+      } catch (err) { console.error('Failed to refresh:', err); }
+    }
+
+    function updateStats() {
+      document.getElementById('node-count').textContent = cy.nodes().length;
+      document.getElementById('edge-count').textContent = cy.edges().length;
+    }
+
+    function fitGraph() { cy.fit(50); }
+    function exportPNG() { const png = cy.png({ full: true }); window.open(png, '_blank'); }
+
+    function connectSSE() {
+      if (eventSource) eventSource.close();
+      eventSource = new EventSource(API_BASE + '/events');
+      eventSource.onopen = () => {
+        document.getElementById('connection-status').textContent = 'Connected';
+        document.getElementById('connection-status').className = 'connection-status status-connected';
+      };
+      eventSource.onerror = () => {
+        document.getElementById('connection-status').textContent = 'Disconnected';
+        document.getElementById('connection-status').className = 'connection-status status-disconnected';
+      };
+      eventSource.addEventListener('update', () => refreshGraph());
+    }
+
+    initGraph();
+  </script>
+</body>
+</html>`;
+    }
+}
+/**
+ * Factory function to create YataUIServer
+ */
+export function createYataUIServer(config) {
+    return new YataUIServer(config);
+}
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@nahisaho/yata-ui",
+  "version": "1.7.0",
+  "description": "YATA Knowledge Graph Web UI - Interactive visualization and management",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "bin": {
+    "yata-ui": "./bin/yata-ui.js"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "lint": "eslint src --ext .ts",
+    "clean": "rm -rf dist"
+  },
+  "keywords": [
+    "yata",
+    "knowledge-graph",
+    "visualization",
+    "cytoscape",
+    "express",
+    "musubix"
+  ],
+  "author": "nahisaho",
+  "license": "MIT",
+  "dependencies": {
+    "express": "^4.18.2"
+  },
+  "devDependencies": {
+    "@types/express": "^4.17.21",
+    "@types/node": "^20.10.0",
+    "typescript": "^5.3.3",
+    "vitest": "^1.6.0"
+  },
+  "engines": {
+    "node": ">=20.0.0"
+  }
+}