@abi-software/mapintegratedvuer 1.16.3-simulation.1 → 1.17.0

package/dist/Simulation-Bb3HbeD4.js

@@ -1,72 +0,0 @@
-import { _ as r, E as i } from "./index-DaB85Tpy.js";
-import { C as d } from "./ContentMixin-CN4E1Tcm.js";
-import { SimulationVuer as u } from "@abi-software/simulationvuer";
-import { resolveComponent as l, openBlock as c, createBlock as m } from "vue";
-const p = {
-  name: "Simulation",
-  mixins: [d],
-  components: {
-    SimulationVuer: u
-  },
-  computed: {
-    id: function() {
-      return this.entry.resource ? this.entry.resource : this.entry.discoverId;
-    }
-  },
-  methods: {
-    handleDataNotification: function(o) {
-      i.emit("simulation-response", o);
-    },
-    handleDataRequest(o) {
-      this.processRequest(o);
-    },
-    handleWindowClosed(o) {
-      var t;
-      (t = this.$refs.simulation) == null || t.removeDataSubscription(o.id);
-    },
-    processRequest: function(o) {
-      var e, n;
-      if (o.id !== "nz.ac.auckland.simulation-data-request") return;
-      if (parseInt(o.version.split(".")[0]) !== 0) {
-        console.warn("Unsupported simulation request version:", o.version);
-        return;
-      }
-      ((e = o.payload.protocol) == null ? void 0 : e.resource) === this.id && ((n = this.$refs.simulation) == null || n.addDataSubscription({
-        id: o.id,
-        version: o.version,
-        payload: {
-          windowId: o.payload.windowId,
-          ownerId: o.payload.ownerId,
-          component: o.payload.component,
-          variable: o.payload.variable,
-          withVOI: !0
-        }
-      }));
-    }
-  },
-  mounted: function() {
-    i.on("simulation-data-request", this.handleDataRequest), i.on("plot-window-closed", this.handleWindowClosed), i.emit("simulation-ready", {
-      resourceId: this.id,
-      ready: !0
-    });
-  },
-  beforeUnmount: function() {
-    i.emit("simulation-ready", {
-      resourceId: this.id,
-      ready: !1
-    }), i.off("simulation-data-request", this.handleDataRequest), i.off("plot-window-closed", this.handleWindowClosed);
-  }
-};
-function f(o, t, e, n, h, a) {
-  const s = l("SimulationVuer");
-  return c(), m(s, {
-    apiLocation: o.apiLocation,
-    id: a.id,
-    ref: "simulation",
-    onDataNotification: a.handleDataNotification
-  }, null, 8, ["apiLocation", "id", "onDataNotification"]);
-}
-const D = /* @__PURE__ */ r(p, [["render", f]]);
-export {
-  D as default
-};

package/src/components/DummyRouteComponent.vue

@@ -1 +0,0 @@
-<template></template>

package/src/components/EventBus.ts

@@ -1,13 +0,0 @@
-import mitt from 'mitt';
-import type { SimulationRequest, SimulationResponse } from '../types/simulation';
-
-// Define the mapping of Event Name -> Event Payload
-type Events = {
-  'simulation-data-request': SimulationRequest;
-  'simulation-data-ready': SimulationResponse;
-  [key: string]: any; // Allow for other events with any payload.
-};
-
-// Pass the type to mitt
-const EventBus = mitt<Events>();
-export default EventBus;

package/src/components/FloatingWindow.vue

@@ -1,125 +0,0 @@
-<script setup>
-import { ref, toRefs, watch } from 'vue'
-import { useDraggable } from '@vueuse/core'
-
-const props = defineProps(['windowData', 'offsetX', 'offsetY'])
-const emit = defineEmits(['closeWindow', 'mouseDown'])
-const { windowData } = toRefs(props)
-
-// 1. Create a template ref for the DOM element
-const el = ref(null)
-
-// 2. Create a "handle" ref so the user can only drag by the header
-const handle = ref(null)
-
-const transform = ref('translate(0px, 0px)')
-const isMinimized = ref(false)
-const toggleMinimize = () => {
-  isMinimized.value = !isMinimized.value
-}
-
-watch(
-  [() => props.offsetX, () => props.offsetY],
-  ([newX, newY]) => {
-    transform.value = `translate(-${newX}px, -${newY}px)`
-  },
-  { immediate: true }
-)
-
-// 3. Activate draggable logic
-// We set initialValue to the props so it opens where we want
-const { x, y, style } = useDraggable(el, {
-  initialValue: { x: windowData.value.x, y: windowData.value.y },
-  handle: handle, // Only drag when clicking the header
-  preventDefault: true,
-})
-</script>
-
-<template>
-  <div
-    ref="el"
-    class="floating-window"
-    :class="{ 'is-minimized': isMinimized }"
-    :style="[style, { zIndex: windowData.zIndex, transform: transform }]"
-    @mousedown="emit('mouseDown', windowData.id)"
-  >
-    <div ref="handle" class="window-header">
-      <span>{{ windowData.data?.title }}</span>
-      <div class="window-controls">
-        <button @click.stop="toggleMinimize" class="control-btn">
-          {{ isMinimized ? '□' : '_' }}
-        </button>
-        <button @click.stop="emit('closeWindow', windowData.id)">×</button>
-      </div>
-    </div>
-
-    <div class="window-body" v-show="!isMinimized">
-      <slot></slot>
-    </div>
-  </div>
-</template>
-
-<style scoped>
-.floating-window {
-  position: absolute; /* Fixed relative to viewport */
-  width: 400px;
-  min-width: 200px;
-  height: 300px;
-  min-height: 150px;
-  background: white;
-  border: 1px solid #ccc;
-  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-  display: flex;
-  flex-direction: column;
-  resize: both; /* Allow resizing */
-  overflow: hidden; /* Prevent content overflow */
-  transition: height 0.2s ease, width 0.2s ease;
-}
-
-.window-header {
-  background: #f0f0f0;
-  padding: 8px;
-  cursor: grab; /* Shows user it is draggable */
-  display: flex;
-  justify-content: space-between;
-  border-bottom: 1px solid #ddd;
-  user-select: none;
-}
-
-.window-header:active {
-  cursor: grabbing;
-}
-
-.window-body {
-  flex-grow: 1;
-  width: 100%;
-  height: 100%;
-  position: relative;
-  padding: 10px;
-  /* overflow: hidden; Important for Plotly resizing */
-}
-
-.floating-window.is-minimized {
-  height: auto !important;
-  min-height: 0 !important;
-  resize: none; /* Disable resizing when minimized */
-  width: 250px; /* Optional: shrink the width to make a neat little bar */
-}
-
-.window-controls {
-  display: flex;
-  gap: 5px;
-}
-
-.control-btn {
-  background: transparent;
-  border: 1px solid #ccc;
-  cursor: pointer;
-  padding: 0 5px;
-  border-radius: 3px;
-}
-
-.control-btn:hover {
-  background: #e0e0e0;
-}
-</style>

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/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,104 +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 }
-  }
-
-  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 = {
-        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,
-    handleSimulationResponse,
-    requestSimulation,
-    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
-// }