Initial commit: drawNET Alpha v1.0 - Professional Topology Designer with Full i18n and Performance Optimizations

2026-04-25 03:58:37 +09:00 · 2026-03-22 22:37:24 +09:00
commit 5cea93e317
192 changed files with 14449 additions and 0 deletions
@@ -0,0 +1,82 @@
+import { state } from '../state.js';
+
+/**
+ * calculateCellZIndex - Logic to determine the Z-Index of a cell based on its layer and type.
+ * Hierarchy: Nodes(50) > Edges(30) > Groups(1).
+ */
+export function calculateCellZIndex(data, ancestorsCount, isNode) {
+    const layerId = data.layerId || 'l1';
+    const layerIndex = state.layers.findIndex(l => l.id === layerId);
+    const layerOffset = layerIndex !== -1 ? (state.layers.length - layerIndex) * 100 : 0;
+    
+    let baseZ = 0;
+    if (isNode) {
+        if (data.is_group) {
+            baseZ = 1 + ancestorsCount;
+        } else {
+            baseZ = 50 + ancestorsCount;
+        }
+    } else {
+        baseZ = 30; // Edges: Always above groups
+    }
+    
+    return layerOffset + baseZ;
+}
+
+/**
+ * applyLayerFilters - Updates the visibility of all cells in the graph based on their layer.
+ * Also enforces a strict Z-Index hierarchy: Nodes(50) > Edges(30) > Groups(1).
+ * Auto-Repairs existing edges to the latest styling standards.
+ */
+export async function applyLayerFilters() {
+    if (!state.graph) return;
+
+    // Pre-import style mapping for efficiency
+    const { getX6EdgeConfig, getLabelAttributes } = await import('./styles.js');
+
+    const cells = state.graph.getCells();
+    const visibleLayerIds = new Set(
+        state.layers
+            .filter(l => l.visible)
+            .map(l => l.id)
+    );
+
+    state.graph.batchUpdate(() => {
+        cells.forEach(cell => {
+            const data = cell.getData() || {};
+            const cellLayerId = data.layerId || 'l1';
+            const isActive = (cellLayerId === state.activeLayerId);
+            
+            const ancestorsCount = cell.getAncestors().length;
+            const zIndex = calculateCellZIndex(data, ancestorsCount, cell.isNode());
+            cell.setZIndex(zIndex);
+
+            const isVisible = visibleLayerIds.has(cellLayerId);
+            if (isVisible) {
+                cell.show();
+                
+                const opacity = isActive ? 1 : (state.inactiveLayerOpacity || 0.3);
+                cell.attr('body/opacity', opacity);
+                cell.attr('image/opacity', opacity);
+                cell.attr('label/opacity', opacity);
+                cell.attr('line/opacity', opacity);
+
+                // Re-enable pointer events to allow "Ghost Snapping" (Connecting to other layers)
+                // We rely on Selection Plugin Filter and interacting rules for isolation.
+                cell.attr('root/style/pointer-events', 'auto');
+
+                const layerIndex = state.layers.findIndex(l => l.id === cellLayerId);
+                const isTrialLocked = state.license.level === 'Trial' && layerIndex >= 3;
+                const isManuallyLocked = data.locked === true || isTrialLocked;
+                const shouldBeInteractable = isActive && !isManuallyLocked;
+
+                cell.setProp('movable', shouldBeInteractable);
+                cell.setProp('deletable', shouldBeInteractable);
+                if (cell.isNode()) cell.setProp('rotatable', shouldBeInteractable);
+                
+            } else {
+                cell.hide();
+            }
+        });
+    });
+}