qairt-visualizer 0.5.1__py3-none-win_amd64.whl → 0.7.0__py3-none-win_amd64.whl

qairt_visualizer/core/ui/dist/browser/assets/netron_plugin/source/qais/qcontrol.js

@@ -1,207 +0,0 @@
-/*
-* =============================================================================
-*
-*  Copyright (c) 2023-2024 Qualcomm Technologies, Inc.
-*  All Rights Reserved.
-*  Confidential and Proprietary - Qualcomm Technologies, Inc.
-*
-* ==============================================================================
-*/
-
-const qcontrol = {};
-
-qcontrol.init = class {
-
-  static hidePanels() {
-    const sidebar = document.getElementById('sidebar');
-    if (sidebar) {
-      sidebar.style.visibility = 'hidden';
-    }
-    this.setView();
-  }
-
-  static hideControls() {
-    const menuButton = document.getElementById('menu-button');
-    const toolbar = document.getElementById('toolbar');
-    menuButton.style.visibility = 'hidden';
-    toolbar.style.visibility = 'hidden';
-  }
-
-
-  static hideSearchField() {
-    const searchField = document.getElementById('search');
-    if (searchField) {
-      searchField.style.visibility = 'hidden';
-    }
-    // Hide the find sidebar
-    this.hidePanels();
-  }
-
-  static setView() {
-    const container = document.getElementById('graph');
-    if (container) {
-      container.style.width = '100%';
-      container.focus();
-    }
-  }
-
-  static highlightNode(nodeId) {
-    this.unHighlightNode();
-    const node = document.getElementById(nodeId);
-    node.classList.add('select');
-  }
-
-  static unHighlightNode() {
-    const nodes = document.querySelectorAll('.graph-node.select, .edge-path.select, .graph-input.select, .graph-output.select');
-    for (const node of nodes) {
-      node.classList.remove('select');
-    }
-  }
-
-  static loadGraph(data) {
-    if (data) {
-      let graphIndex = 0;
-      if (window.__view__ && data.length > 1) {
-        graphIndex = data.findIndex((file) => file.name.toLowerCase().endsWith('.json'));
-        const binIndex = data.findIndex((file) => file.name.toLowerCase().endsWith('.bin'));
-        window.__view__.binFile = data[binIndex].file;
-      }
-      const file = data[graphIndex].file;
-      window.__view__?._host._open(file, [file]);
-    }
-  }
-
-};
-
-qcontrol.IframeCommunicationService = class {
-
-  constructor() {
-    this.eventListeners = new Map();
-  }
-
-  // Initialze communication with QAIS Main
-  setListener() {
-    window.addEventListener('message', this.handleMessage.bind(this));
-  }
-
-  // Remove listeners onDestroy
-  removeEventListener(eventType, callback) {
-    const listeners = this.eventListeners.get(eventType);
-    if (listeners) {
-      const index = listeners.indexOf(callback);
-      if (index !== -1) {
-        listeners.splice(index, 1);
-      }
-    }
-  }
-
-  // Add listeners to a specific eventType
-  addEventListener(eventType, callback) {
-    const listeners = this.eventListeners.get(eventType) || [];
-    listeners.push(callback);
-    this.eventListeners.set(eventType, listeners);
-  }
-
-  // Send message to iframe
-  sendMessage(message) {
-    parent.postMessage(message, window.location.origin);
-  }
-
-  // handle message from QAIS Main
-  handleMessage(event) {
-    const messageType = event.data.event;
-    const listeners = this.eventListeners.get(messageType);
-    if (listeners) {
-      listeners.forEach(listener => listener(event.data.data));
-    }
-  }
-}
-
-qcontrol.messageEmitter = class {
-
-  static emitMessage(event, data) {
-    const message = { event, data, iframeId: window.location.href.split('id=').pop() };
-    const iframeCommunicationService = new qcontrol.IframeCommunicationService();
-    iframeCommunicationService.sendMessage(message);
-  }
-
-}
-
-
-qcontrol.theme = class {
-
-  static applyTheme(scheme) {
-    for (const styleSheet of document.styleSheets) {
-      for (const rule of styleSheet.cssRules) {
-        if (rule && rule.media && rule.media.mediaText.includes('prefers-color-scheme')) {
-
-          if (scheme === 'dark') {
-            // Always use dark irrespective of the system theme
-            rule.media.appendMedium('(prefers-color-scheme: dark)');
-            rule.media.appendMedium('(prefers-color-scheme: light)');
-          }
-
-          if (scheme === 'light') {
-            // Use default colors for light theme
-            if (rule.media.mediaText.includes('dark')) {
-              rule.media.deleteMedium('(prefers-color-scheme: dark)');
-            }
-
-            if (rule.media.mediaText.includes('light')) {
-              rule.media.deleteMedium('(prefers-color-scheme: light)');
-            }
-
-            rule.media.appendMedium('default-prefers-color-scheme');
-          }
-          // Note: System theme is handled through prefers-color-scheme media query
-        }
-      }
-    }
-  }
-}
-
-qcontrol.longTextView = class {
-
-  constructor(host, value, action) {
-    this._value = value;
-    this._host = host;
-    this._elements = [];
-    this._action = value;
-
-    const element = this._host.document.createElement('div');
-    element.className = 'sidebar-item-value';
-    this._elements.push(element);
-    this._itemValue = element;
-
-    // To show contents in expander
-    if (this._value.length > 20) {
-      this._expander = this._host.document.createElement('div');
-      this._expander.className = 'sidebar-item-value-expander';
-      element.appendChild(this._expander);
-
-      const valueLine = this._host.document.createElement('div');
-      valueLine.className = 'sidebar-item-value-line-border';
-      valueLine.innerText = this._value;
-
-      this._itemValue.appendChild(valueLine);
-      this._action = action;
-    }
-
-    // To show contents as text field
-    const line = this._host.document.createElement('div');
-    line.className = 'sidebar-item-value-line';
-    line.innerText = this._action;
-    element.appendChild(line);
-  }
-
-  render() {
-    return this._elements;
-  }
-
-}
-
-export const init = qcontrol.init;
-export const IframeCommunicationService = qcontrol.IframeCommunicationService;
-export const messageEmitter = qcontrol.messageEmitter;
-export const theme = qcontrol.theme;
-export const longTextView = qcontrol.longTextView;

qairt_visualizer/core/ui/dist/browser/assets/netron_plugin/source/qais/qgraph-toolkit.js

@@ -1,123 +0,0 @@
-/*
-* =============================================================================
-*
-*  Copyright (c) 2023-2024 Qualcomm Technologies, Inc.
-*  All Rights Reserved.
-*  Confidential and Proprietary - Qualcomm Technologies, Inc.
-*
-* ==============================================================================
-*/
-
-import * as qcontrol from './qcontrol.js';
-
-const iframeCommunicationService = new qcontrol.IframeCommunicationService();
-iframeCommunicationService.setListener();
-
-const zoomControl = (data) => {
-  if (data === 'zoomIn') {
-    window.__view__.zoomIn();
-  }
-
-  if (data === 'zoomOut') {
-    window.__view__.zoomOut();
-  }
-
-  if (data === 'resize') {
-    window.__view__.resetZoom();
-  }
-};
-
-const searchControl = (data) => {
-  openSearchBar();
-  const searchField = document.getElementById('search');
-  const inputEvent = new Event('input');
-  searchField.value = data;
-  searchField.dispatchEvent(inputEvent);
-
-  const olElement = document.querySelector('ol');
-  if (olElement) {
-    const liElements = olElement.querySelectorAll('li');
-    const liData = Array.from(liElements)
-      .map(li => {
-        const useElement = li.querySelector('use');
-        let icon = '';
-        if (useElement) {
-          const iconType = useElement.getAttribute('href');
-          switch (iconType) {
-            case '#sidebar-icon-connection':
-              icon = '\u2192';
-              break;
-            case '#sidebar-icon-node':
-              icon = '\u25A2';
-              break;
-            default:
-              icon = '\u25A0';
-          }
-        }
-        return { id: li.getAttribute('id'), value: icon + ' ' + li.textContent };
-      });
-
-    const searchValues = { event: 'search', data: liData };
-    iframeCommunicationService.sendMessage(searchValues);
-  }
-}
-
-const openSearchBar = () => {
-  const searchField = document.getElementById('search');
-  if (!searchField) {
-    window.__view__.find();
-  }
-}
-
-const highlightSearchControl = (id) => {
-  openSearchBar()
-  // If searching a weight, highlight its associated node
-  if (id.startsWith('weight')) {
-    id = id.substring(id.indexOf('-') + 1);
-  }
-  const olElement = document.querySelector('ol');
-  if (olElement) {
-    const listItems = Array.from(olElement.getElementsByTagName('li'));
-    const liElementToHighlight = listItems.find(element => element.getAttribute('id') === id);
-    if (liElementToHighlight) {
-      const clickEvent = new MouseEvent('click', {
-        bubbles: true,
-        cancelable: true,
-        view: window
-      });
-
-      liElementToHighlight.dispatchEvent(clickEvent);
-    } else {
-      qcontrol.messageEmitter.emitMessage('property_request', { propertyType: 'node', nodeId: id, nodeNotFound: true });
-    }
-  }
-}
-
-const themeControl = (data) => {
-  qcontrol.theme.applyTheme(data);
-}
-
-const loadGraph = (data) => qcontrol.init.loadGraph(data);
-
-const fetchOutputToNodeMap = () => {
-  const outputToNodeMap = new Map();
-  for (const node of window.__view__.activeGraph.nodes) {
-    for (const output of node.outputs) {
-      for (const outputValue of output.value) {
-        outputToNodeMap.set(outputValue.name, node.name);
-      }
-    }
-  }
-
-  iframeCommunicationService.sendMessage({
-    event: 'output_to_node_map',
-    data: outputToNodeMap,
-  });
-};
-
-iframeCommunicationService.addEventListener('zoom_controls', zoomControl);
-iframeCommunicationService.addEventListener('search', searchControl);
-iframeCommunicationService.addEventListener('highlight_search', highlightSearchControl);
-iframeCommunicationService.addEventListener('theme_control', themeControl);
-iframeCommunicationService.addEventListener('load_graph', loadGraph);
-iframeCommunicationService.addEventListener('output_to_node_map', fetchOutputToNodeMap);

qairt_visualizer/core/ui/dist/browser/assets/netron_plugin/source/qais/qsubgraph.js

@@ -1,226 +0,0 @@
-/*
-* =============================================================================
-*
-*  Copyright (c) 2023-2024 Qualcomm Technologies, Inc.
-*  All Rights Reserved.
-*  Confidential and Proprietary - Qualcomm Technologies, Inc.
-*
-* ==============================================================================
-*/
-import * as qcontrol from './qcontrol.js';
-
-const iframeCommunicationService = new qcontrol.IframeCommunicationService();
-iframeCommunicationService.setListener();
-
-const qsubgraph = class {
-
-  static EDGE_DIRECTIONS = {
-    INCOMING: 'incoming',
-    OUTGOING: 'outgoing'
-  };
-
-  static async confirmSubgraphSize() {
-    const waitForDialogConfirmation = () => {
-      return new Promise((resolve) => {
-        const handleSubmitMessage = (data) => {
-          iframeCommunicationService.removeEventListener('subgraph_dialog_submit', handleSubmitMessage);
-          resolve(data);
-        };
-        iframeCommunicationService.addEventListener('subgraph_dialog_submit', handleSubmitMessage);
-      });
-    };
-
-    qcontrol.messageEmitter.emitMessage('subgraph_dialog_show');
-    return await waitForDialogConfirmation();
-  }
-
-  static createEdgeLookups(edges) {
-    const [incomingEdgesLookup, outgoingEdgesLookup] = [new Map(), new Map()];
-
-    edges.forEach((edgeVal, edgeKey) => {
-      const { to, from } = edgeVal.label;
-      const edge = { edgeKey, edgeVal };
-
-      if (!incomingEdgesLookup.has(to.id)) {
-        incomingEdgesLookup.set(to.id, []);
-      }
-      incomingEdgesLookup.get(to.id).push(edge);
-
-      if (!outgoingEdgesLookup.has(from.id)) {
-        outgoingEdgesLookup.set(from.id, []);
-      }
-      outgoingEdgesLookup.get(from.id).push(edge);
-    });
-
-    return {
-      [this.EDGE_DIRECTIONS.INCOMING]: incomingEdgesLookup,
-      [this.EDGE_DIRECTIONS.OUTGOING]: outgoingEdgesLookup
-    };
-  }
-
-  static findById(items, id) {
-    for (const [_, itemVal] of items) {
-      if (itemVal.label.id === id) {
-        return itemVal;
-      }
-    }
-  }
-
-  static findStartNode(graph) {
-    const { startNodeId } = graph.view;
-    if (startNodeId) {
-      return this.findById(graph.nodes, startNodeId);
-    }
-    const firstNode = graph.nodes.values().next().value;
-    return firstNode;
-  }
-
-  static buildGraphBFS(graph, subgraphNodes, subgraphEdges, edgeLookups) {
-    let nodeCount = 0;
-    const visited = new Set();
-    const queue = [];
-
-    const startNode = this.findStartNode(graph);
-    queue.push(startNode);
-    visited.add(startNode.v);
-    nodeCount++;
-
-    const enqueueNeighbors = (node, edgeDirection) => {
-      const edges = edgeLookups[edgeDirection].get(node.label.id) || [];
-      if (nodeCount < graph.view.subgraphSize) {
-        for (const { edgeKey, edgeVal } of edges) {
-          subgraphEdges.set(edgeKey, edgeVal);
-          const neighbor = edgeDirection === this.EDGE_DIRECTIONS.INCOMING ? edgeVal.label.from : edgeVal.label.to;
-          if (!visited.has(neighbor.name)) {
-            const neighborNode = { v: neighbor.name, label: neighbor };
-            queue.push(neighborNode);
-            visited.add(neighborNode.v);
-            nodeCount++;
-          }
-        }
-      } else if (edges.length) {
-        const hasHiddenEdges = edges.some(({ edgeKey }) => !subgraphEdges.has(edgeKey));
-        if (hasHiddenEdges) {
-          if (!node.label.hiddenEdgesDirections) {
-            node.label.hiddenEdgesDirections = new Set();
-          }
-          node.label.hiddenEdgesDirections.add(edgeDirection);
-        }
-      }
-    };
-
-    while (queue.length) {
-      const node = queue.shift();
-      subgraphNodes.set(node.v, node);
-
-      enqueueNeighbors(node, this.EDGE_DIRECTIONS.OUTGOING);
-      enqueueNeighbors(node, this.EDGE_DIRECTIONS.INCOMING);
-    }
-  }
-
-  static orderNodes(nodes) {
-    return new Map([...nodes.entries()].sort((a, b) => Number(a[0]) - Number(b[0])));
-  }
-
-  static orderEdges(edges) {
-    return new Map([...edges.entries()].sort((a, b) => {
-      const [aFromNode, aToNode] = a[0].split(':');
-      const [bFromNode, bToNode] = b[0].split(':');
-      if (aFromNode === bFromNode) {
-        return Number(aToNode) - Number(bToNode);
-      }
-      return Number(aFromNode) - Number(bFromNode)
-    }));
-  }
-
-  static createSubgraph(graph) {
-    const edgeLookups = this.createEdgeLookups(graph.edges);
-    const [subgraphNodes, subgraphEdges] = [new Map(), new Map()];
-
-    this.buildGraphBFS(graph, subgraphNodes, subgraphEdges, edgeLookups);
-
-    graph.fullNodes = graph.nodes;
-    graph.fullEdges = graph.edges;
-    graph.nodes = this.orderNodes(subgraphNodes);
-    graph.edges = this.orderEdges(subgraphEdges);
-    graph.selectionIdLookup = new Set();
-    graph.edgeLookup = new Map();
-    subgraphNodes.forEach(node => graph.selectionIdLookup.add(node.label.id));
-    subgraphEdges.forEach(edge => graph.selectionIdLookup.add(edge.label.id));
-    graph.fullEdges.forEach(edge => graph.edgeLookup.set(edge.label.id, edge));
-  }
-
-  static async renderGraph(view, node) {
-    view.startNodeId = node.id;
-    const { model, activeGraph, options } = view;
-    await view.renderGraph(model, activeGraph, null, options);
-  }
-
-  static async renderGraphAndSelectNode(view, node) {
-    await this.renderGraph(view, node);
-    const element = document.getElementById(node.id);
-    view.scrollTo([element]);
-    view.showNodeProperties(node);
-  }
-
-  static renderHiddenEdgesMarkers(node) {
-    const view = node.context.view;
-    const markerRadius = 5;
-
-    const renderMarker = (x, y, direction) => {
-      const markerGroup = document.createElementNS('http://www.w3.org/2000/svg', 'g');
-      markerGroup.setAttribute('x', x);
-      markerGroup.setAttribute('y', y);
-      markerGroup.setAttribute('class', 'hidden-edges-marker');
-      markerGroup.addEventListener('click', () => this.renderGraphAndSelectNode(view, node.value));
-
-      const marker = document.createElementNS('http://www.w3.org/2000/svg', 'circle');
-      marker.setAttribute('r', markerRadius);
-      marker.setAttribute('cx', x);
-      marker.setAttribute('cy', y);
-      markerGroup.appendChild(marker);
-
-      const plusSignGroup = document.createElementNS('http://www.w3.org/2000/svg', 'g');
-      plusSignGroup.setAttribute('class', 'hidden-edges-marker-plus');
-      const lineLength = 3;
-      const verticalLine = document.createElementNS('http://www.w3.org/2000/svg', 'line');
-      verticalLine.setAttribute('x1', x);
-      verticalLine.setAttribute('x2', x);
-      verticalLine.setAttribute('y1', y - lineLength);
-      verticalLine.setAttribute('y2', y + lineLength);
-
-      const horizontalLine = document.createElementNS('http://www.w3.org/2000/svg', 'line');
-      horizontalLine.setAttribute('x1', x - lineLength);
-      horizontalLine.setAttribute('x2', x + lineLength);
-      horizontalLine.setAttribute('y1', y);
-      horizontalLine.setAttribute('y2', y);
-      plusSignGroup.appendChild(horizontalLine);
-      plusSignGroup.appendChild(verticalLine);
-      markerGroup.appendChild(plusSignGroup);
-
-      const tooltip = document.createElementNS('http://www.w3.org/2000/svg', 'title');
-      tooltip.textContent = `There are ${direction} edges not displayed in this subgraph. Click to render the ${view.subgraphSize} nodes nearest this one to see a different part of the graph.`;
-      markerGroup.appendChild(tooltip);
-
-      node.element.appendChild(markerGroup);
-    };
-
-    if (node.hiddenEdgesDirections?.has(this.EDGE_DIRECTIONS.INCOMING)) {
-      renderMarker(node.width / 2, -markerRadius / 2, this.EDGE_DIRECTIONS.INCOMING);
-    }
-    if (node.hiddenEdgesDirections?.has(this.EDGE_DIRECTIONS.OUTGOING)) {
-      renderMarker(node.width / 2, node.height + markerRadius / 2, this.EDGE_DIRECTIONS.OUTGOING);
-    }
-  }
-
-  static async renderSubgraph(selection, graph) {
-    const isSelectionInSubgraph = graph.selectionIdLookup.has(selection.id);
-    if (!isSelectionInSubgraph) {
-      const isEdgeSelected = selection.id.startsWith('edge-');
-      const startNode = isEdgeSelected ? graph.edgeLookup.get(selection.id).label.from : selection;
-      await this.renderGraph(graph.view, startNode);
-    }
-  }
-};
-
-export default qsubgraph;

qairt_visualizer/core/ui/dist/browser/assets/netron_plugin/source/qais/qsummary-panel.js

@@ -1,89 +0,0 @@
-/*
- * =============================================================================
- *
- *  Copyright (c) 2023-2024 Qualcomm Technologies, Inc.
- *  All Rights Reserved.
- *  Confidential and Proprietary - Qualcomm Technologies, Inc.
- *
- * ==============================================================================
- */
-
-import * as qcontrol from './qcontrol.js';
-
-const iframeCommunicationService = new qcontrol.IframeCommunicationService();
-iframeCommunicationService.setListener();
-
-const infoControl = () => {
-  const message = { event: 'info_control', data: fetchProperties() };
-  iframeCommunicationService.sendMessage(message);
-}
-
-const fetchProperties = () => {
-  const sidebarContentEl = document.getElementById('sidebar-content');
-  // Create a virtual representation of the sidebar content
-  const sidebarObjectEl = sidebarContentEl.querySelector('.sidebar-object');
-  const virtualSidebarContent = sidebarObjectEl.cloneNode(true);
-  const childElements = virtualSidebarContent.children;
-  const groups = [];
-  let currentGroup = [];
-  let currentKey = 'General'; // collects all the properties that doesnt have headers
-
-  Array.from(childElements).forEach((element) => {
-    if (element.classList.contains('sidebar-header')) {
-      if (currentGroup.length) {
-        groups.push({
-          [currentKey]: currentGroup
-        });
-        currentGroup = [];
-      }
-      // This holds the header text
-      currentKey = element.textContent.trim();
-    }
-    else if (element.classList.contains('sidebar-item')) {
-      const inputElement = element.querySelector('.sidebar-item-name input');
-      const key = inputElement ? inputElement.value : '';
-      if (key) {
-        const content = [];
-        
-        // iterate to fetch the properties under different headers
-        const valueElements = element.querySelectorAll('.sidebar-item-value-list .sidebar-item-value');
-
-        // iterate to fetch the tensor information for each property
-        valueElements.forEach((valueElement) => {
-          const tensorNameElement = valueElement.querySelector('.sidebar-item-value-line');
-          // With recent Netron upgrade, the ability to fetch tensor information when a tensor(edge) is clicked is yet to be added. Until then, ‘NA’ will be passed for names
-          // JIRA: AISW-104810
-          const tensorName = tensorNameElement?.textContent?.trim() || 'NA';
-      
-          const tensorInfoElements = valueElement.querySelectorAll('.sidebar-item-value-line-border');
-          const tensorInfo = Array.from(tensorInfoElements).filter(el => el.textContent).map((tensorInfoElement) => tensorInfoElement.textContent);
-      
-          content.push({tensorName, tensorInfo});
-      });
-
-        if (content.length) {
-          // re-grouping the sub-headers as keys and its contents as property value
-          const existingGroup = currentGroup.find((group) => group.hasOwnProperty(key));
-          if (existingGroup) {
-            existingGroup[key].push(content);
-          } else {
-            currentGroup.push({
-              [key]: content
-            });
-          }
-        }
-      }
-    }
-  });
-
-  // re-grouping the headers as keys and its contents as property value
-  if (currentGroup.length) {
-    groups.push({
-      [currentKey]: currentGroup
-    });
-  }
-
-  return groups;
-}
-
-iframeCommunicationService.addEventListener('info_control', infoControl);