@abi-software/mapintegratedvuer 1.17.3-simulation.2 → 1.17.4

package/src/components/PlotComponent.vue

@@ -1,56 +0,0 @@
-<script setup>
-import { ref, onMounted, watch } from 'vue';
-import Plotly from 'plotly.js-dist-min';
-import { useResizeObserver, useDebounceFn } from '@vueuse/core';
-
-const props = defineProps(['data']);
-const plotContainer = ref(null);
-
-const drawPlot = () => {
-  if (!plotContainer.value) return;
-  
-  const plotData = [{
-    x: props.data?.x || [],
-    y: props.data?.y || [],
-    type: 'scatter'
-  }];
-
-  const layout = {
-    margin: { t: 20, r: 20, b: 40, l: 40 }, // Tight margins for small windows
-    autosize: true 
-  };
-  
-  const config = { responsive: true }; // Helps with window resize, but not enough for container resize
-
-  Plotly.newPlot(plotContainer.value, plotData, layout, config);
-};
-
-// Debounce this so we don't spam Plotly while the user is actively dragging
-const handleResize = useDebounceFn(() => {
-  if (plotContainer.value) {
-    Plotly.Plots.resize(plotContainer.value);
-  }
-}, 50); // 50ms delay
-
-// Observe resizes, useResizeObserver automatically cleans up when component unmounts
-useResizeObserver(plotContainer, () => {
-  handleResize();
-});
-
-onMounted(() => {
-  drawPlot();
-});
-
-watch(() => props.data, drawPlot, { deep: true });
-</script>
-
-<template>
-  <div ref="plotContainer" class="plot-container"></div>
-</template>
-
-<style scoped>
-.plot-container {
-  width: 100%;
-  height: 100%;
-}
-</style>

package/src/services/mapping.js

@@ -1,69 +0,0 @@
-import readXlsxFile from 'read-excel-file'
-
-const BASE_URL =
-  'https://raw.githubusercontent.com/hsorby/fc-feature-mapping/main/'
-const INDEX_FILE = 'mapping_index.json'
-
-export class MappingService {
-  // Find the correct Excel file for the current Flatmap
-  static async getMappingIndex() {
-    try {
-      // Fetch the master index
-      const response = await fetch(`${BASE_URL}${INDEX_FILE}`)
-      if (!response.ok) throw new Error('Failed to fetch index')
-
-      const index = await response.json()
-
-      return index || null
-    } catch (e) {
-      console.error('Error finding map mapping:', e)
-      return null
-    }
-  }
-
-  // Fetch and Parse the Excel file
-  static async loadMapping(index) {
-    const flatmapMap = new Map()
-
-    for (const entry in index) {
-      try {
-        const filename = index[entry]
-
-        const response = await fetch(`${BASE_URL}${filename}`)
-        if (!response.ok) throw new Error(`Failed to fetch ${filename}`)
-
-        // Get the binary data
-        const blob = await response.blob()
-
-        // Parse with read-excel-file
-        // rows is an array of arrays: [ ["Header1", "Header2"], ["Row1Col1", "Row1Col2"] ]
-        const rows = await readXlsxFile(blob)
-
-        // Remove header row
-        const headers = rows.shift()
-        const nameIndex = headers.indexOf('Name')
-        const componentIndex = headers.indexOf('Component')
-        const flatmapIdIndex = headers.indexOf('Flatmap ID')
-
-        // Convert to a Lookup Map for fast access
-        // Assuming Column 0 = FlatmapID, Column 1 = Component, Column 2 = Variable
-        const lookup = new Map()
-
-        rows.forEach((row) => {
-          const flatmapId = row[flatmapIdIndex]
-          const component = row[componentIndex]
-          const variable = row[nameIndex]
-
-          if (flatmapId && component && variable) {
-            lookup.set(flatmapId, { component, variable })
-          }
-        })
-        flatmapMap.set(entry, lookup)
-      } catch (e) {
-        console.error('Error parsing mapping file:', e)
-      }
-    }
-
-    return flatmapMap
-  }
-}

package/src/services/testData.js

@@ -1,71 +0,0 @@
-const resolveURL = (relative, base) => {
-  const resolved = new URL(relative, base);
-  return resolved.href;
-}
-
-const readProtocolData = async (item, baseUrl) => {
-  if (item && item.resource?.url) {
-    const resolvedUrl = resolveURL(item.resource.url, baseUrl);
-    const response = await fetch(resolvedUrl)
-    const data = await response.json()
-    //convert url
-    const fields = ["csv_file", "protocol", "thumbnail"]
-    data.forEach((protocol) => {
-      fields.forEach((field) => {
-        if (field in protocol) {
-          protocol[field] = resolveURL(protocol[field], resolvedUrl)
-        }
-      });
-    })
-    return data
-  }
-
-  return
-}
-
-const updateProtocolData = async (entry, baseUrl) => {
-  if (entry["simulation-protocols"]) {
-    const processedData = [];
-    for (const item of entry["simulation-protocols"]) {
-      const data = await readProtocolData(item, baseUrl);
-      if (data) {
-        processedData.push(...data);
-      }
-    }
-    return processedData;
-  }
-}
-
-const getProtocolData = async (uuid, data, baseUrl) => {
-  const processedResults = [];
-  for (const entry of data) {
-    let found = false;
-    if (entry.flatmaps) {
-      for (const flatmap of entry.flatmaps) {
-        if (flatmap.associated_flatmap?.identifier === uuid) {
-          found = true;
-        }
-      }
-    }
-    if (found) {
-      const results = await updateProtocolData(entry, baseUrl);
-      if (results) {
-        processedResults.push(...results);
-      }
-    }
-  }
-  return processedResults;
-}
-
-const retrieveProtocolData = async (url, uuid) => {
-  if (url) {
-    const response = await fetch(url);
-    const data = await response.json();
-    return await getProtocolData(uuid, data, url);
-  }
-  return undefined;
-}
-
-export {
-  retrieveProtocolData
-};

package/src/stores/mapping.js

@@ -1,29 +0,0 @@
-import { defineStore } from 'pinia'
-import { MappingService } from '../services/mapping'
-
-export const useMappingStore = defineStore('mapping', {
-  state: () => ({
-    elementMap: new Map(),
-  }),
-
-  actions: {
-    async initializeMapping() {
-      this.elementMap.clear()
-
-      // Find which file to load
-      const index = await MappingService.getMappingIndex()
-
-      if (index) {
-        // Parse and store
-        this.elementMap = await MappingService.loadMapping(index)
-      } else {
-        console.warn('No index found.')
-      }
-    },
-
-    // Helper to get data for a specific element ID
-    mapToCellMLIdentifiers(flatmapUuid, flatmapElementId) {
-      return this.elementMap.get(flatmapUuid)?.get(flatmapElementId) || { component: undefined, variable: undefined }
-    },
-  },
-})

package/src/stores/simulationPlotStore.js

@@ -1,124 +0,0 @@
-import { defineStore } from 'pinia'
-import { ref } from 'vue'
-import EventBus from '../components/EventBus'
-
-const BASE_Z_INDEX = 100
-
-export const useSimulationPlotStore = defineStore('simulationPlot', () => {
-  const windows = ref([])
-  const zStack = ref([])
-  const simulationEntries = ref({})
-
-  function initListeners() {
-    EventBus.on('simulation-response', handleSimulationResponse)
-    EventBus.on('simulation-ready', handleSimulationReady)
-  }
-
-  function cleanupListeners() {
-    EventBus.off('simulation-response', handleSimulationResponse)
-    EventBus.off('simulation-ready', handleSimulationReady)
-  }
-
-  function removeWindow(windowId) {
-    const targetWindow = windows.value.find(win => win.id === windowId)
-    if (!targetWindow) return
-    windows.value = windows.value.filter((win) => win.id !== windowId)
-    zStack.value = zStack.value.filter((stackId) => stackId !== windowId)
-    EventBus.emit('plot-window-closed', { id: targetWindow.id})
-  }
-
-  function refreshZIndices() {
-    windows.value.forEach((win) => {
-      // Find where this window sits in the stack
-      const stackIndex = zStack.value.indexOf(win.id)
-
-      // If found, assign zIndex. If not (error case), keep it low.
-      if (stackIndex !== -1) {
-        win.zIndex = BASE_Z_INDEX + stackIndex
-      }
-    })
-  }
-
-  function bringToFront(windowId) {
-    const stackIndex = zStack.value.indexOf(windowId)
-    if (stackIndex === -1) return // Should not happen
-
-    zStack.value.splice(stackIndex, 1)
-
-    zStack.value.push(windowId)
-
-    refreshZIndices()
-  }
-
-  function handleSimulationReady(data) {
-    simulationEntries.value[data.resourceId] = { ready: data.ready, entryId: data.entryId }
-  }
-
-  function getEntryIdWithResource(data) {
-    if (!data.resource || !simulationEntries.value[data.resource]?.ready) return 0
-    return simulationEntries.value[data.resource].entryId
-  }
-
-  function runExperimentalData(data) {
-    const entryId = getEntryIdWithResource(data)
-    if (entryId) {
-      console.log("Fire", simulationEntries.value[data.resource].entryId, data)
-      EventBus.emit('simulation-external-data', {
-        targetEntryId: simulationEntries.value[data.resource].entryId,
-        action: data,
-      })
-    }
-    return entryId
-  }
-
-  function requestSimulation(data) {
-    if (data.protocol === null || !simulationEntries.value[data.protocol?.resource]?.ready) return
-
-    let targetWindow = windows.value.find(win => win.id === data.windowId)
-    if (!targetWindow) {
-      targetWindow = {
-        label: data.label,
-        id: data.windowId,
-        ownerId: data.ownerId,
-        data: null,
-        zIndex: BASE_Z_INDEX,
-        x: data.position.x + data.offset.left,
-        y: data.position.y + data.offset.top,
-      }
-      windows.value.push(targetWindow)
-      zStack.value.push(targetWindow.id)
-      refreshZIndices()
-    } else {
-      bringToFront(targetWindow.id)
-    }
-
-    EventBus.emit('simulation-data-request', {
-      id: 'nz.ac.auckland.simulation-data-request',
-      version: '0.1.0',
-      payload: data,
-    })
-  }
-
-  function handleSimulationResponse(response) {
-    if (response.id !== 'nz.ac.auckland.simulation-data-response') return
-    const targetWindow = windows.value.find(win => win.id === response.payload.windowId)
-
-    if (targetWindow) {
-      targetWindow.data = response.payload.data
-    } else {
-      console.warn('Received simulation response for unknown window ID:', response.payload.windowId)
-    }
-  }
-
-  return {
-    windows,
-    bringToFront,
-    cleanupListeners,
-    getEntryIdWithResource,
-    handleSimulationResponse,
-    requestSimulation,
-    runExperimentalData,
-    initListeners,
-    removeWindow,
-  }
-})

package/src/types/simulation.js

@@ -1,18 +0,0 @@
-export const SIMULATION_REQUEST_ID = 'nz.ac.auckland.simulation-data-request'
-export const SIMULATION_REQUEST_VERSION = '0.1.0'
-
-// export type RequestId = typeof SIMULATION_REQUEST_ID
-
-// // Definition of the request.
-// export interface SimulationRequest {
-//   id: RequestId
-//   component: string // e.g., 'main'
-//   variable: string // e.g., 'v_W_GI'
-//   version: string // e.g., '0.1.0'
-//   identifier: string // e.g., 'bvc/ID-0000040'
-// }
-
-// // Definition of the response.
-// export interface SimulationResponse {
-//   [variableName: string]: number[] | Float32Array
-// }