lutaml 0.10.19 → 0.11.2

data/templates/static_site/assets/scripts/core/state.js

@@ -1,446 +0,0 @@
-// Alpine.js Application State
-// Main state store for the UML Browser SPA
-
-document.addEventListener('alpine:init', () => {
-  Alpine.store('app', {
-    // Data
-    data: null,
-    searchIndex: null,
-    searchEngine: null,
-    config: window.APP_CONFIG || {},
-
-    // Current State
-    currentView: 'welcome',  // 'welcome' | 'package' | 'class' | 'search' | 'diagram'
-    currentPackage: null,
-    currentClass: null,
-    currentDiagram: null,
-    searchQuery: '',
-    searchResults: [],
-
-    // UI State
-    sidebarVisible: true,
-    darkMode: false,
-    expandedNodes: new Set(),
-    breadcrumbs: [],
-
-    // Initialization
-    async init() {
-      await this.loadData();
-      this.initRouter();
-      this.restorePreferences();
-      this.initKeyboardShortcuts();
-    },
-
-    // Data Loading
-    async loadData() {
-      try {
-        if (window.UML_DATA && window.SEARCH_INDEX) {
-          // Single-file mode: embedded data
-          this.data = window.UML_DATA;
-          this.searchIndex = window.SEARCH_INDEX;
-        } else if (window.UML_DATA_URL && window.SEARCH_INDEX_URL) {
-          // Multi-file mode: fetch from JSON or API
-          const [dataResp, indexResp] = await Promise.all([
-            fetch(window.UML_DATA_URL),
-            fetch(window.SEARCH_INDEX_URL)
-          ]);
-
-          this.data = await dataResp.json();
-          this.searchIndex = await indexResp.json();
-        } else {
-          console.error('No data source configured');
-          return;
-        }
-
-        // Initialize search engine once data is loaded
-        if (this.searchIndex && typeof lunr !== 'undefined') {
-          this.initSearchEngine();
-        }
-      } catch (error) {
-        console.error('Failed to load data:', error);
-      }
-    },
-
-    // Initialize lunr.js search engine
-    initSearchEngine() {
-      const docs = this.searchIndex.documentStore;
-
-      this.searchEngine = lunr(function() {
-        this.ref('id');
-
-        // Add fields with boost values
-        this.field('name', { boost: 10 });
-        this.field('qualifiedName', { boost: 5 });
-        this.field('type', { boost: 3 });
-        this.field('package', { boost: 2 });
-        this.field('content', { boost: 1 });
-
-        // Add documents
-        docs.forEach(doc => {
-          this.add(doc);
-        });
-      });
-    },
-
-    // Navigation Methods
-    showWelcome() {
-      this.currentView = 'welcome';
-      this.currentPackage = null;
-      this.currentClass = null;
-      this.currentDiagram = null;
-      this.breadcrumbs = [];
-      this.pushState();
-    },
-
-    selectPackage(packageId) {
-      if (!this.data || !this.data.packages[packageId]) {
-        console.warn('Package not found:', packageId);
-        return;
-      }
-
-      this.currentPackage = packageId;
-      this.currentClass = null;
-      this.currentView = 'package';
-      this.updateBreadcrumbs();
-      this.pushState();
-    },
-
-    selectClass(classId) {
-      if (!this.data || !this.data.classes[classId]) {
-        console.warn('Class not found:', classId);
-        return;
-      }
-
-      const cls = this.data.classes[classId];
-
-      this.currentClass = classId;
-      this.currentPackage = cls.package;
-      this.currentView = 'class';
-      this.updateBreadcrumbs();
-      this.pushState();
-    },
-
-    selectDiagram(diagramId) {
-      if (!this.data || !this.data.diagrams[diagramId]) {
-        console.warn('Diagram not found:', diagramId);
-        return;
-      }
-
-      const diag = this.data.diagrams[diagramId];
-
-      this.currentDiagram = diagramId;
-      this.currentPackage = diag.package;
-      this.currentView = 'diagram';
-      this.updateBreadcrumbs();
-      this.pushState();
-    },
-
-    performSearch(query) {
-      if (!query || query.length < 2) {
-        this.searchResults = [];
-        return [];
-      }
-
-      this.searchQuery = query;
-
-      if (!this.searchEngine) {
-        console.warn('Search engine not initialized');
-        return [];
-      }
-
-      try {
-        // Perform search with lunr.js
-        const lunrResults = this.searchEngine.search(query);
-
-        // Map results back to documents
-        const docs = this.searchIndex.documentStore;
-        this.searchResults = lunrResults.map(result => {
-          const doc = docs.find(d => d.id === result.ref);
-          return {
-            ...doc,
-            score: result.score,
-            matchData: result.matchData
-          };
-        });
-
-        return this.searchResults;
-      } catch (error) {
-        console.error('Search error:', error);
-        return [];
-      }
-    },
-
-    showSearchResults(query) {
-      this.searchQuery = query;
-      this.currentView = 'search';
-      this.updateBreadcrumbs();
-      this.pushState();
-    },
-
-    // Tree Management
-    toggleNode(nodeId) {
-      if (this.expandedNodes.has(nodeId)) {
-        this.expandedNodes.delete(nodeId);
-      } else {
-        this.expandedNodes.add(nodeId);
-      }
-      this.savePreferences();
-    },
-
-    isNodeExpanded(nodeId) {
-      return this.expandedNodes.has(nodeId);
-    },
-
-    expandAll() {
-      if (!this.data) return;
-
-      Object.keys(this.data.packages).forEach(id => {
-        this.expandedNodes.add(id);
-      });
-      this.savePreferences();
-    },
-
-    collapseAll() {
-      this.expandedNodes.clear();
-      this.savePreferences();
-    },
-
-    // Breadcrumb Management
-    updateBreadcrumbs() {
-      this.breadcrumbs = [];
-
-      if (this.currentView === 'package' && this.currentPackage) {
-        this.breadcrumbs = this.buildPackageBreadcrumbs(this.currentPackage);
-      } else if (this.currentView === 'class' && this.currentClass) {
-        this.breadcrumbs = this.buildClassBreadcrumbs(this.currentClass);
-      } else if (this.currentView === 'diagram' && this.currentDiagram) {
-        this.breadcrumbs = [{ name: `Diagram: ${this.data.diagrams[this.currentDiagram]?.name || ''}`, type: 'diagram' }];
-      } else if (this.currentView === 'search') {
-        this.breadcrumbs = [{ name: `Search: ${this.searchQuery}`, type: 'search' }];
-      }
-    },
-
-    buildPackageBreadcrumbs(packageId) {
-      const pkg = this.data.packages[packageId];
-      if (!pkg) return [];
-
-      // Show full qualified path
-      return [{
-        type: 'package',
-        id: pkg.id,
-        name: pkg.path || pkg.name
-      }];
-    },
-
-    buildClassBreadcrumbs(classId) {
-      const cls = this.data.classes[classId];
-      if (!cls) return [];
-
-      // Build full UML path: Package::Package::Class
-      const parts = [];
-
-      // Add package path
-      if (cls.package) {
-        const pkg = this.data.packages[cls.package];
-        if (pkg && pkg.path) {
-          parts.push(pkg.path.replace(/::/g, '::'));
-        }
-      }
-
-      // Add class name
-      parts.push(cls.name);
-
-      const fullPath = parts.join('::');
-
-      return [{
-        type: 'class',
-        id: cls.id,
-        name: fullPath
-      }];
-    },
-
-    navigateToCrumb(crumb) {
-      if (crumb.type === 'package') {
-        this.selectPackage(crumb.id);
-      } else if (crumb.type === 'class') {
-        this.selectClass(crumb.id);
-      }
-    },
-
-    // Theme Management
-    toggleTheme() {
-      this.darkMode = !this.darkMode;
-      this.savePreferences();
-    },
-
-    // Router (Hash-based)
-    initRouter() {
-      window.addEventListener('hashchange', () => this.handleRoute());
-      this.handleRoute();
-    },
-
-    handleRoute() {
-      const hash = window.location.hash.slice(1);
-
-      if (!hash || hash === '/') {
-        this.showWelcome();
-        return;
-      }
-
-      const [path, queryString] = hash.split('?');
-      const parts = path.split('/').filter(p => p);
-
-      if (parts[0] === 'package' && parts[1]) {
-        this.selectPackage(decodeURIComponent(parts[1]));
-      } else if (parts[0] === 'class' && parts[1]) {
-        this.selectClass(decodeURIComponent(parts[1]));
-      } else if (parts[0] === 'diagram' && parts[1]) {
-        this.selectDiagram(decodeURIComponent(parts[1]));
-      } else if (parts[0] === 'search') {
-        const params = new URLSearchParams(queryString);
-        const query = params.get('q');
-        if (query) {
-          const results = this.performSearch(query);
-          if (results.length > 0) {
-            this.showSearchResults(query);
-          }
-        }
-      }
-    },
-
-    pushState() {
-      let hash = '#/';
-
-      if (this.currentView === 'package' && this.currentPackage) {
-        hash = `#/package/${encodeURIComponent(this.currentPackage)}`;
-      } else if (this.currentView === 'class' && this.currentClass) {
-        hash = `#/class/${encodeURIComponent(this.currentClass)}`;
-      } else if (this.currentView === 'diagram' && this.currentDiagram) {
-        hash = `#/diagram/${encodeURIComponent(this.currentDiagram)}`;
-      } else if (this.currentView === 'search' && this.searchQuery) {
-        hash = `#/search?q=${encodeURIComponent(this.searchQuery)}`;
-      }
-
-      if (window.location.hash !== hash) {
-        window.location.hash = hash;
-      }
-    },
-
-    // Keyboard Shortcuts
-    initKeyboardShortcuts() {
-      window.addEventListener('keydown', (e) => {
-        // Ctrl/Cmd + K: Focus search
-        if ((e.ctrlKey || e.metaKey) && e.key === 'k') {
-          e.preventDefault();
-          const searchInput = document.querySelector('.search-input');
-          if (searchInput) searchInput.focus();
-        }
-
-        // / : Focus search (if not in input)
-        if (e.key === '/' && !['INPUT', 'TEXTAREA'].includes(e.target.tagName)) {
-          e.preventDefault();
-          const searchInput = document.querySelector('.search-input');
-          if (searchInput) searchInput.focus();
-        }
-
-        // Escape: Clear search
-        if (e.key === 'Escape') {
-          const searchInput = document.querySelector('.search-input');
-          if (searchInput === document.activeElement) {
-            searchInput.blur();
-          }
-        }
-      });
-    },
-
-    // Preferences Persistence
-    savePreferences() {
-      const prefs = {
-        expandedNodes: Array.from(this.expandedNodes),
-        darkMode: this.darkMode,
-        sidebarVisible: this.sidebarVisible
-      };
-
-      localStorage.setItem('uml-browser-preferences', JSON.stringify(prefs));
-    },
-
-    restorePreferences() {
-      try {
-        const stored = localStorage.getItem('uml-browser-preferences');
-        if (!stored) return;
-
-        const prefs = JSON.parse(stored);
-        this.expandedNodes = new Set(prefs.expandedNodes || []);
-        this.darkMode = prefs.darkMode || false;
-        this.sidebarVisible = prefs.sidebarVisible !== false;
-      } catch (error) {
-        console.error('Failed to restore preferences:', error);
-      }
-    },
-
-    // Utility: Check if mobile
-    get isMobile() {
-      return window.innerWidth < 1024;
-    }
-  });
-});
-// Alpine.js Component Function
-// Wraps the store for use with x-data
-function app() {
-  return {
-    // Expose store as reactive data
-    get data() { return Alpine.store('app').data; },
-    get currentView() { return Alpine.store('app').currentView; },
-    get currentPackage() { return Alpine.store('app').currentPackage; },
-    get currentClass() { return Alpine.store('app').currentClass; },
-    get currentDiagram() { return Alpine.store('app').currentDiagram; },
-    get sidebarVisible() {
-      return Alpine.store('app').sidebarVisible;
-    },
-    set sidebarVisible(value) {
-      Alpine.store('app').sidebarVisible = value;
-    },
-    get darkMode() { return Alpine.store('app').darkMode; },
-    get breadcrumbs() { return Alpine.store('app').breadcrumbs; },
-
-    // Methods
-    init() {
-      Alpine.store('app').init();
-    },
-    showWelcome() {
-      Alpine.store('app').showWelcome();
-    },
-    selectPackage(id) {
-      Alpine.store('app').selectPackage(id);
-    },
-    selectClass(id) {
-      Alpine.store('app').selectClass(id);
-    },
-    selectDiagram(id) {
-      Alpine.store('app').selectDiagram(id);
-    },
-    toggleTheme() {
-      Alpine.store('app').toggleTheme();
-    },
-    expandAll() {
-      Alpine.store('app').expandAll();
-    },
-    collapseAll() {
-      Alpine.store('app').collapseAll();
-    },
-
-    // Helper methods for type resolution
-    isUmlBasicType(typeName) {
-      return window.UMLUtils.isUmlBasicType(typeName);
-    },
-
-    findClassByName(className) {
-      if (!this.data || !className) return null;
-      return window.UMLUtils.findClassByName(this.data, className);
-    },
-
-    getClass(classId) {
-      return this.data?.classes[classId];
-    }
-  };
-}

data/templates/static_site/assets/scripts/core/utils.js

@@ -1,133 +0,0 @@
-// Utility Functions
-
-// Debounce function for search input
-function debounce(func, wait) {
-  let timeout;
-  return function executedFunction(...args) {
-    const later = () => {
-      clearTimeout(timeout);
-      func(...args);
-    };
-    clearTimeout(timeout);
-    timeout = setTimeout(later, wait);
-  };
-}
-
-// Format cardinality for display
-function formatCardinality(cardinality) {
-  if (!cardinality) return '';
-
-  const min = cardinality.min !== undefined ? cardinality.min : '0';
-  const max = cardinality.max !== undefined ? cardinality.max : '*';
-
-  return `${min}..${max}`;
-}
-
-// Escape HTML to prevent XSS
-function escapeHtml(text) {
-  const div = document.createElement('div');
-  div.textContent = text;
-  return div.innerHTML;
-}
-
-// Truncate text with ellipsis
-function truncate(text, maxLength) {
-  if (!text || text.length <= maxLength) return text;
-  return text.slice(0, maxLength) + '...';
-}
-
-// Deep clone object
-function deepClone(obj) {
-  return JSON.parse(JSON.stringify(obj));
-}
-
-// Check if element is in viewport
-function isInViewport(element) {
-  const rect = element.getBoundingClientRect();
-  return (
-    rect.top >= 0 &&
-    rect.left >= 0 &&
-    rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
-    rect.right <= (window.innerWidth || document.documentElement.clientWidth)
-  );
-}
-
-// Smooth scroll to element
-function scrollToElement(element, offset = 0) {
-  const elementPosition = element.getBoundingClientRect().top;
-  const offsetPosition = elementPosition + window.pageYOffset - offset;
-
-  window.scrollTo({
-    top: offsetPosition,
-    behavior: 'smooth'
-  });
-}
-
-// Format file size
-function formatBytes(bytes, decimals = 2) {
-  if (bytes === 0) return '0 Bytes';
-
-  const k = 1024;
-  const dm = decimals < 0 ? 0 : decimals;
-  const sizes = ['Bytes', 'KB', 'MB', 'GB'];
-
-  const i = Math.floor(Math.log(bytes) / Math.log(k));
-
-  return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
-}
-
-// Get icon for element type
-function getTypeIcon(type) {
-  const icons = {
-    class: 'C',
-    datatype: 'D',
-    enum: 'E',
-    interface: 'I',
-    attribute: 'A',
-    association: '╱',
-    package: '📦',
-    operation: 'M'
-  };
-  return icons[type.toLowerCase()] || '?';
-}
-
-// UML basic types
-const UML_BASIC_TYPES = [
-  'String', 'Integer', 'Boolean', 'Real', 'UnlimitedNatural',
-  'int', 'float', 'double', 'boolean', 'string', 'char',
-  'byte', 'short', 'long', 'void',
-  // XML Schema types
-  'xs:string', 'xs:int', 'xs:integer', 'xs:boolean', 'xs:date', 'xs:dateTime',
-  'xs:decimal', 'xs:double', 'xs:float', 'xs:anyURI', 'xs:gYear',
-  // GML types
-  'gml:CodeType', 'gml:MeasureType', 'gml:StringOrRefType'
-];
-
-// Check if type is a UML basic type
-function isUmlBasicType(typeName) {
-  if (!typeName) return false;
-  return UML_BASIC_TYPES.includes(typeName);
-}
-
-// Find class by name in data
-function findClassByName(data, className) {
-  if (!className || !data || !data.classes) return null;
-
-  const classes = Object.values(data.classes);
-  return classes.find(c => c.name === className)?.id || null;
-}
-
-// Export utilities
-window.UMLUtils = {
-  debounce,
-  formatCardinality,
-  escapeHtml,
-  truncate,
-  deepClone,
-  isInViewport,
-  scrollToElement,
-  formatBytes,
-  getTypeIcon,
-  isUmlBasicType,
-  findClassByName
-};

data/templates/static_site/assets/scripts/ui/details.js

@@ -1,74 +0,0 @@
-// Alpine.js Components for Details Pane
-
-document.addEventListener('alpine:init', () => {
-  // Main content area with view management
-  Alpine.data('contentArea', () => ({
-    get currentView() {
-      return this.$store.app.currentView;
-    },
-
-    get breadcrumbs() {
-      return this.$store.app.breadcrumbs;
-    },
-
-    navigateToCrumb(crumb) {
-      this.$store.app.navigateToCrumb(crumb);
-    },
-
-    showWelcome() {
-      this.$store.app.showWelcome();
-    }
-  }));
-
-  // Package Details Component
-  Alpine.data('packageDetails', () => ({
-    get currentPackage() {
-      return this.$store.app.currentPackage;
-    },
-
-    get data() {
-      return this.$store.app.data;
-    },
-
-    selectPackage(id) {
-      this.$store.app.selectPackage(id);
-    },
-
-    selectClass(id) {
-      this.$store.app.selectClass(id);
-    }
-  }));
-
-  // Class Details Component
-  Alpine.data('classDetails', () => ({
-    get currentClass() {
-      return this.$store.app.currentClass;
-    },
-
-    get data() {
-      return this.$store.app.data;
-    },
-
-    selectPackage(id) {
-      this.$store.app.selectPackage(id);
-    },
-
-    selectClass(id) {
-      this.$store.app.selectClass(id);
-    },
-
-    getAssociationTarget(association, currentClassId) {
-      if (!association) return null;
-
-      // Determine which end is the target (not the current class)
-      if (association.source && association.source.class === currentClassId) {
-        return association.target;
-      } else if (association.target && association.target.class === currentClassId) {
-        return association.source;
-      }
-
-      // Default to target
-      return association.target;
-    }
-  }));
-});