From d10d64632c95a624af32e106b41c68f32663b561 Mon Sep 17 00:00:00 2001 From: Hugh Sorby Date: Tue, 13 Jan 2026 14:53:56 +1300 Subject: [PATCH 1/4] Work towards adding interaction between the flatmap and the simulation vuers. --- .env | 14 +- package.json | 7 + src/App.vue | 558 ++++++++------- src/assets/styles.scss | 2 +- src/components.d.ts | 13 + src/components/DummyRouteComponent.vue | 1 + src/components/EventBus.js | 3 - src/components/EventBus.ts | 13 + src/components/FloatingWindow.vue | 80 +++ src/components/MapContent.vue | 1 - src/components/PlotComponent.vue | 59 ++ src/components/SplitFlow.vue | 1 + src/components/scripts/utilities.js | 2 +- src/components/viewers/Flatmap.vue | 233 ++++-- src/components/viewers/MultiFlatmap.vue | 2 +- src/components/viewers/Simulation.vue | 79 +- src/main.js | 12 +- src/mixins/ContentMixin.js | 911 ++++++++++++++---------- src/services/mapping.js | 65 ++ src/stores/entries.js | 3 +- src/stores/simulationStore.js | 38 + src/stores/splitFlow.js | 3 +- src/types/simulation.js | 18 + test/unit/webpack.config.js | 2 +- 24 files changed, 1354 insertions(+), 766 deletions(-) create mode 100644 src/components/DummyRouteComponent.vue delete mode 100644 src/components/EventBus.js create mode 100644 src/components/EventBus.ts create mode 100644 src/components/FloatingWindow.vue create mode 100644 src/components/PlotComponent.vue create mode 100644 src/services/mapping.js create mode 100644 src/stores/simulationStore.js create mode 100644 src/types/simulation.js diff --git a/.env b/.env index d616f95f..66b9c7cc 100644 --- a/.env +++ b/.env @@ -1,8 +1,8 @@ -//VITE_API_LOCATION=https://your-api-location/ -//VITE_FLATMAPAPI_LOCATION=https://mapcore-demo.org/current/flatmap/v3/ -//VITE_ALGOLIA_INDEX=k-core_dev_published_time_desc -//VITE_ALGOLIA_KEY=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx -//VITE_ALGOLIA_ID=xxxxxxxxx -//VITE_PENNSIEVE_API_LOCATION=https://api.pennsieve.io -#VITE_API_LOCATION=https://sparc-api.herokuapp.com/ +# VITE_API_LOCATION=https://your-api-location/ +# VITE_FLATMAPAPI_LOCATION=https://mapcore-demo.org/current/flatmap/v3/ +# VITE_ALGOLIA_INDEX=k-core_dev_published_time_desc +# VITE_ALGOLIA_KEY=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx +# VITE_ALGOLIA_ID=xxxxxxxxx +# VITE_PENNSIEVE_API_LOCATION=https://api.pennsieve.io +# VITE_API_LOCATION=https://sparc-api.herokuapp.com/ VITE_SPARC_API=https://alan-wu-portal-api.herokuapp.com/ diff --git a/package.json b/package.json index 45365266..8e3d7802 100644 --- a/package.json +++ b/package.json @@ -61,12 +61,18 @@ "@abi-software/sparc-annotation": "0.3.2", "@abi-software/svg-sprite": "1.0.4", "@element-plus/icons-vue": "^2.3.1", + "@opencor/opencor": "^0.20251207.0", "@vitejs/plugin-vue": "^4.6.2", + "@vueuse/core": "^14.1.0", "css-element-queries": "^1.2.3", "element-plus": "2.8.4", + "jsonschema": "^1.5.0", "marked": "^4.3.0", + "mathjs": "^15.1.0", "mitt": "^3.0.1", "pinia": "^2.1.7", + "plotly.js-dist-min": "2.35.3", + "read-excel-file": "^6.0.1", "splitpanes": "^3.1.5", "unplugin-vue-components": "^0.26.0", "vue": "^3.4.21", @@ -100,6 +106,7 @@ "mochawesome-report-generator": "^6.2.0", "sass": "^1.69.5", "vite": "^5.0.10", + "vite-plugin-vue-devtools": "^8.0.5", "vitepress": "^1.0.0-rc.45", "vitest": "^1.2.2", "vue-docgen-api": "^4.79.2", diff --git a/src/App.vue b/src/App.vue index 3eb3f87f..5e3f6473 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,38 +1,58 @@ -