Convert all store files from JavaScript to TypeScript

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/components/AccountMenu/AcctMenu.vue

@@ -36,8 +36,8 @@ import i18next from '@/i18n/i18n';
 import { useRouter } from 'vue-router';
 import { useLoginStore } from '@/stores/login';
 import { useAcctMgmtStore } from '@/stores/acctMgmt';
-import { useAllMapDataStore } from '@/stores/allMapData.js';
-import { useConformanceStore } from '@/stores/conformance.js';
+import { useAllMapDataStore } from '@/stores/allMapData';
+import { useConformanceStore } from '@/stores/conformance';
 import { leaveFilter, leaveConformance } from '@/module/alertModal.js';
 
 export default {

src/components/Compare/SidebarStates.vue

@@ -147,7 +147,7 @@
   </Sidebar>
 </template>
 <script>
-import { useCompareStore } from '@/stores/compare.js';
+import { useCompareStore } from '@/stores/compare';
 import { getTimeLabel } from '@/module/timeLabel.js';
 import getMoment from 'moment';
 

src/components/Discover/Conformance/ConformanceResults.vue

@@ -193,7 +193,7 @@
 </template>
 <script>
 import { storeToRefs } from 'pinia';
-import { useConformanceStore } from '@/stores/conformance.js';
+import { useConformanceStore } from '@/stores/conformance';
 import iconNA from '@/components/icons/IconNA.vue';
 import MoreModal from './MoreModal.vue';
 import getNumberLabel from '@/module/numberLabel.js';

src/components/Discover/Conformance/ConformanceSidebar.vue

@@ -125,8 +125,8 @@
 import { storeToRefs, mapState, mapActions, } from 'pinia';
 import i18next from '@/i18n/i18n';
 import { useConformanceInputStore } from '@/stores/conformanceInput';
-import { useLoadingStore } from '@/stores/loading.js';
-import { useConformanceStore } from '@/stores/conformance.js';
+import { useLoadingStore } from '@/stores/loading';
+import { useConformanceStore } from '@/stores/conformance';
 import ConformanceRadioGroup from './ConformanceSidebar/ConformanceRadioGroup.vue';
 import ConformanceShowBar from './ConformanceSidebar/ConformanceShowBar.vue';
 import ConformanceTimeRange from './ConformanceSidebar/ConformanceTimeRange.vue';

src/components/Discover/Conformance/ConformanceSidebar/ConformanceRadioGroup.vue

@@ -52,7 +52,7 @@
 </template>
 <script>
 import { storeToRefs } from 'pinia';
-import { useConformanceStore } from '@/stores/conformance.js';
+import { useConformanceStore } from '@/stores/conformance';
 
 export default {
   setup() {

src/components/Discover/Conformance/ConformanceSidebar/ConformanceSelectResult.vue

@@ -30,7 +30,7 @@
 </template>
 <script>
 import { storeToRefs } from 'pinia';
-import { useConformanceStore } from '@/stores/conformance.js';
+import { useConformanceStore } from '@/stores/conformance';
 import ResultCheck from '@/components/Discover/Conformance/ConformanceSidebar/ResultCheck.vue';
 import ResultArrow from '@/components/Discover/Conformance/ConformanceSidebar/ResultArrow.vue';
 import ResultDot from '@/components/Discover/Conformance/ConformanceSidebar/ResultDot.vue';

src/components/Discover/Conformance/ConformanceSidebar/ConformanceShowBar.vue

@@ -99,8 +99,8 @@
 </template>
 <script>
 import { storeToRefs } from 'pinia';
-import { useLoadingStore } from '@/stores/loading.js';
-import { useConformanceStore } from '@/stores/conformance.js';
+import { useLoadingStore } from '@/stores/loading';
+import { useConformanceStore } from '@/stores/conformance';
 import ActList from './ActList.vue';
 import ActRadio from './ActRadio.vue';
 import ActSeqDrag from './ActSeqDrag.vue';

src/components/Discover/Conformance/ConformanceSidebar/ConformanceTimeRange.vue

@@ -70,7 +70,7 @@
 <script>
 import TimeRangeDuration from '@/components/Discover/Conformance/ConformanceSidebar/TimeRangeDuration.vue';
 import { storeToRefs } from 'pinia';
-import { useConformanceStore } from '@/stores/conformance.js';
+import { useConformanceStore } from '@/stores/conformance';
 
 export default {
   setup() {

src/components/Discover/Conformance/MoreModal.vue

@@ -63,7 +63,7 @@
 </template>
 <script>
 import { storeToRefs } from 'pinia';
-import { useConformanceStore } from '@/stores/conformance.js';
+import { useConformanceStore } from '@/stores/conformance';
 import cytoscapeMapTrace from '@/module/cytoscapeMapTrace.js';
 
 export default {

src/components/Discover/Map/Filter/Attributes.vue

@@ -121,7 +121,7 @@
 </template>
 <script>
 import { storeToRefs } from 'pinia';
-import { useAllMapDataStore } from '@/stores/allMapData.js';
+import { useAllMapDataStore } from '@/stores/allMapData';
 import { setLineChartData } from '@/module/setChartData.js';
 import getMoment from 'moment';
 import InputNumber from 'primevue/inputnumber';

src/components/Discover/Map/Filter/Funnel.vue

@@ -40,8 +40,8 @@
 
 <script>
 import { storeToRefs } from 'pinia';
-import { useLoadingStore } from '@/stores/loading.js';
-import { useAllMapDataStore } from '@/stores/allMapData.js';
+import { useLoadingStore } from '@/stores/loading';
+import { useAllMapDataStore } from '@/stores/allMapData';
 import { delaySecond, } from '@/utils/timeUtil.js';
 
 export default {

src/components/Discover/Map/Filter/Timeframes.vue

@@ -32,7 +32,7 @@
 </template>
 <script>
 import { storeToRefs } from 'pinia';
-import { useAllMapDataStore } from '@/stores/allMapData.js';
+import { useAllMapDataStore } from '@/stores/allMapData';
 import { Chart, registerables } from 'chart.js';
 import 'chartjs-adapter-moment';
 import getMoment from 'moment';

src/components/Discover/Map/Filter/Trace.vue

@@ -70,8 +70,8 @@
 
 <script>
 import { storeToRefs } from 'pinia';
-import { useAllMapDataStore } from '@/stores/allMapData.js';
-import { useLoadingStore } from '@/stores/loading.js';
+import { useAllMapDataStore } from '@/stores/allMapData';
+import { useLoadingStore } from '@/stores/loading';
 import cytoscapeMapTrace from '@/module/cytoscapeMapTrace.js';
 
 export default {

src/components/Discover/Map/SidebarFilter.vue

@@ -98,8 +98,8 @@
 
 <script>
 import { storeToRefs } from 'pinia';
-import { useLoadingStore } from '@/stores/loading.js';
-import { useAllMapDataStore } from '@/stores/allMapData.js';
+import { useLoadingStore } from '@/stores/loading';
+import { useAllMapDataStore } from '@/stores/allMapData';
 import ActOccCase from '@/components/Discover/Map/Filter/ActOccCase.vue';
 import ActOcc from '@/components/Discover/Map/Filter/ActOcc.vue';
 import ActAndSeq from '@/components/Discover/Map/Filter/ActAndSeq.vue';

src/components/Discover/Map/SidebarTraces.vue

@@ -61,8 +61,8 @@
 </template>
 <script>
 import { storeToRefs } from 'pinia';
-import { useLoadingStore } from '@/stores/loading.js';
-import { useAllMapDataStore } from '@/stores/allMapData.js';
+import { useLoadingStore } from '@/stores/loading';
+import { useAllMapDataStore } from '@/stores/allMapData';
 import cytoscapeMapTrace from '@/module/cytoscapeMapTrace.js';
 
 export default {

src/components/Discover/StatusBar.vue

@@ -80,7 +80,7 @@
 
 <script>
 import { storeToRefs } from 'pinia';
-import { useAllMapDataStore } from '@/stores/allMapData.js';
+import { useAllMapDataStore } from '@/stores/allMapData';
 import { getTimeLabel } from '@/module/timeLabel.js';
 import getMoment from 'moment';
 

src/components/File/UploadModal.vue

@@ -18,7 +18,7 @@
 import IconUploarding from '../icons/IconUploarding.vue';
 import { uploadFailedFirst } from '@/module/alertModal.js'
 import { storeToRefs } from 'pinia';
-import { useFilesStore } from '@/stores/files.js';
+import { useFilesStore } from '@/stores/files';
 
 export default {
   props: ['uploadModal'],

src/components/Header.vue

@@ -26,8 +26,8 @@ import i18next from '@/i18n/i18n';
 import { useLoginStore } from '@/stores/login';
 import { useAcctMgmtStore } from '@/stores/acctMgmt';
 import DspLogo from '@/components/icons/DspLogo.vue';
-import { useAllMapDataStore } from '@/stores/allMapData.js';
-import { useConformanceStore } from '@/stores/conformance.js';
+import { useAllMapDataStore } from '@/stores/allMapData';
+import { useConformanceStore } from '@/stores/conformance';
 import { leaveFilter, leaveConformance } from '@/module/alertModal.js';
 
 export default {

src/components/Navbar.vue

@@ -46,10 +46,10 @@
 </template>
 <script>
 import { storeToRefs, mapState, mapActions, } from 'pinia';
-import { useFilesStore } from '@/stores/files.js';
-import { useAllMapDataStore } from '@/stores/allMapData.js';
-import { useConformanceStore } from '@/stores/conformance.js';
-import { usePageAdminStore } from '@/stores/pageAdmin.js';
+import { useFilesStore } from '@/stores/files';
+import { useAllMapDataStore } from '@/stores/allMapData';
+import { useConformanceStore } from '@/stores/conformance';
+import { usePageAdminStore } from '@/stores/pageAdmin';
 import { useMapCompareStore } from '@/stores/mapCompareStore';
 import IconSearch from '@/components/icons/IconSearch.vue';
 import IconSetting from '@/components/icons/IconSetting.vue';

src/main.ts

@@ -2,7 +2,7 @@ import { createApp, markRaw } from "vue";
 
 import App from "./App.vue";
 import router from "./router";
-import pinia from '@/stores/main.js';
+import pinia from '@/stores/main';
 import moment from 'moment';
 import mitt from 'mitt';
 import ToastPlugin from 'vue-toast-notification';

src/module/alertModal.js

@@ -1,9 +1,9 @@
 import Swal from 'sweetalert2';
-import { useAllMapDataStore } from '@/stores/allMapData.js';
-import { useConformanceStore } from '@/stores/conformance.js';
-import { useFilesStore } from '@/stores/files.js';
-import { usePageAdminStore } from '@/stores/pageAdmin.js';
-import { useModalStore } from '@/stores/modal.js';
+import { useAllMapDataStore } from '@/stores/allMapData';
+import { useConformanceStore } from '@/stores/conformance';
+import { useFilesStore } from '@/stores/files';
+import { usePageAdminStore } from '@/stores/pageAdmin';
+import { useModalStore } from '@/stores/modal';
 import { escapeHtml } from '@/utils/escapeHtml.js';
 
 const customClass = {

src/module/apiError.js

@@ -1,4 +1,4 @@
-import { useLoadingStore } from '@/stores/loading.js';
+import { useLoadingStore } from '@/stores/loading';
 import {useToast} from 'vue-toast-notification';
 import 'vue-toast-notification/dist/theme-sugar.css';
 

src/stores/files.ts

@@ -4,7 +4,7 @@ import moment from 'moment';
 import apiError from '@/module/apiError.js';
 import Swal from 'sweetalert2';
 import { uploadFailedFirst, uploadFailedSecond, uploadloader, uploadSuccess, deleteSuccess } from '@/module/alertModal.js';
-import { useLoadingStore } from '@/stores/loading.js';
+import { useLoadingStore } from '@/stores/loading';
 
 export const useFilesStore = defineStore('filesStore', {
   state: () => ({

src/stores/mapCompareStore.ts

@@ -1,5 +1,5 @@
 import { defineStore } from 'pinia';
-import { useAllMapDataStore } from '@/stores/allMapData.js';
+import { useAllMapDataStore } from '@/stores/allMapData';
 import { INSIGHTS_FIELDS_AND_LABELS } from '@/constants/constants';
 import ImgCapsuleGlow1 from '@/assets/capsule1-glow.svg';
 import ImgCapsuleGlow2 from '@/assets/capsule2-glow.svg';

src/stores/mapPathStore.ts

@@ -1,5 +1,5 @@
 import { defineStore } from 'pinia';
-import { useAllMapDataStore } from '@/stores/allMapData.js';
+import { useAllMapDataStore } from '@/stores/allMapData';
 import { INSIGHTS_FIELDS_AND_LABELS } from '@/constants/constants';
 import ImgCapsuleGlow1 from '@/assets/capsule1-glow.svg';
 import ImgCapsuleGlow2 from '@/assets/capsule2-glow.svg';

src/views/AccountManagement/AccountAdmin/AccountAdmin.vue

@@ -115,8 +115,8 @@
 <script>
 import { ref, computed, onMounted, watch, } from 'vue';
 import { mapState, mapActions, } from 'pinia';
-import { useLoadingStore } from '@/stores/loading.js';
-import { useModalStore } from '@/stores/modal.js';
+import { useLoadingStore } from '@/stores/loading';
+import { useModalStore } from '@/stores/modal';
 import { useAcctMgmtStore } from '@/stores/acctMgmt';
 import { useLoginStore } from '@/stores/login';
 import SearchBar from '../../../components/AccountMenu/SearchBar.vue';

src/views/AccountManagement/ModalAccountEditCreate.vue

@@ -185,7 +185,7 @@
 import { defineComponent, computed, ref, watch, onMounted, } from 'vue';
 import i18next from "@/i18n/i18n.js";
 import { mapActions, } from 'pinia';
-import { useModalStore } from '@/stores/modal.js';
+import { useModalStore } from '@/stores/modal';
 import { useRouter } from 'vue-router';
 import { useToast } from 'vue-toast-notification';
 import { useAcctMgmtStore } from '@/stores/acctMgmt';

src/views/AccountManagement/ModalContainer.vue

@@ -12,7 +12,7 @@
   
   <script>
   import { computed, } from 'vue';
-  import { useModalStore } from '@/stores/modal.js';
+  import { useModalStore } from '@/stores/modal';
   import ModalAccountEditCreate from './ModalAccountEditCreate.vue';
   import ModalAccountInfo from './ModalAccountInfo.vue';
   import ModalDeleteAlert from './ModalDeleteAlert.vue';

src/views/AccountManagement/ModalDeleteAlert.vue

@@ -29,7 +29,7 @@
 
 <script>
 import { defineComponent, } from 'vue';
-import { useModalStore } from '@/stores/modal.js';
+import { useModalStore } from '@/stores/modal';
 import { useRouter } from 'vue-router';
 import { useAcctMgmtStore } from '@/stores/acctMgmt';
 import i18next from '@/i18n/i18n.js';

src/views/AccountManagement/ModalHeader.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script>
-import { useModalStore } from '@/stores/modal.js';
+import { useModalStore } from '@/stores/modal';
 export default {
     props: {
         headerText: {

src/views/AccountManagement/MyAccount.vue

@@ -120,7 +120,7 @@ import i18next from '@/i18n/i18n.js';
 import { useLoginStore } from '@/stores/login';
 import { useAcctMgmtStore } from '@/stores/acctMgmt';
 import Badge from '../../components/Badge.vue';
-import { useLoadingStore } from '@/stores/loading.js';
+import { useLoadingStore } from '@/stores/loading';
 import Button from '@/components/Button.vue';
 import ButtonFilled from '@/components/ButtonFilled.vue';
 import { useToast } from 'vue-toast-notification';

src/views/Compare/Dashboard/Compare.vue

@@ -152,8 +152,8 @@
 <script>
 import { storeToRefs } from 'pinia';
 import moment from 'moment';
-import { useLoadingStore } from '@/stores/loading.js';
-import { useCompareStore } from '@/stores/compare.js';
+import { useLoadingStore } from '@/stores/loading';
+import { useCompareStore } from '@/stores/compare';
 import SidebarStates from '@/components/Compare/SidebarStates.vue';
 import { setLineChartData } from '@/module/setChartData.js';
 import { simpleTimeLabel, followTimeLabel,

src/views/Compare/MapCompare.vue

@@ -56,9 +56,9 @@
   import { onBeforeMount, computed, } from 'vue';
   import { storeToRefs } from 'pinia';
   import { useRoute } from 'vue-router';
-  import { useLoadingStore } from '@/stores/loading.js';
-  import { useAllMapDataStore } from '@/stores/allMapData.js';
-  import { useConformanceStore } from '@/stores/conformance.js';
+  import { useLoadingStore } from '@/stores/loading';
+  import { useAllMapDataStore } from '@/stores/allMapData';
+  import { useConformanceStore } from '@/stores/conformance';
   import cytoscapeMap from '@/module/cytoscapeMap.js';
   import { useCytoscapeStore } from '@/stores/cytoscapeStore';
   import { useMapPathStore } from '@/stores/mapPathStore';

src/views/Discover/Conformance/index.vue

@@ -9,8 +9,8 @@
 </template>
 <script>
 import { storeToRefs } from 'pinia';
-import { useLoadingStore } from '@/stores/loading.js';
-import { useConformanceStore } from '@/stores/conformance.js';
+import { useLoadingStore } from '@/stores/loading';
+import { useConformanceStore } from '@/stores/conformance';
 import StatusBar from '@/components/Discover/StatusBar.vue';
 import ConformanceResults from '@/components/Discover/Conformance/ConformanceResults.vue';
 import ConformanceSidebar from '@/components/Discover/Conformance/ConformanceSidebar.vue';

src/views/Discover/Map/Map.vue

@@ -64,9 +64,9 @@
 import { onBeforeMount, computed, } from 'vue';
 import { storeToRefs } from 'pinia';
 import { useRoute } from 'vue-router';
-import { useLoadingStore } from '@/stores/loading.js';
-import { useAllMapDataStore } from '@/stores/allMapData.js';
-import { useConformanceStore } from '@/stores/conformance.js';
+import { useLoadingStore } from '@/stores/loading';
+import { useAllMapDataStore } from '@/stores/allMapData';
+import { useConformanceStore } from '@/stores/conformance';
 import cytoscapeMap from '@/module/cytoscapeMap.js';
 import { useCytoscapeStore } from '@/stores/cytoscapeStore';
 import { useMapPathStore } from '@/stores/mapPathStore';

src/views/Discover/Performance/index.vue

@@ -138,9 +138,9 @@
 <script>
 import { storeToRefs, mapActions, } from 'pinia';
 import moment from 'moment';
-import { useLoadingStore } from '@/stores/loading.js';
-import { usePerformanceStore } from '@/stores/performance.js';
-import { useConformanceStore } from '@/stores/conformance.js';
+import { useLoadingStore } from '@/stores/loading';
+import { usePerformanceStore } from '@/stores/performance';
+import { useConformanceStore } from '@/stores/conformance';
 import StatusBar from '@/components/Discover/StatusBar.vue';
 import { setLineChartData } from '@/module/setChartData.js';
 import { simpleTimeLabel, followTimeLabel,

src/views/Files/Files.vue

@@ -224,10 +224,10 @@
   import { storeToRefs, mapActions, } from 'pinia';
   import { useMapCompareStore } from '@/stores/mapCompareStore';
   import { useLoginStore } from '@/stores/login';
-  import { useFilesStore } from '@/stores/files.js';
-  import { useAllMapDataStore } from '@/stores/allMapData.js';
-  import { usePageAdminStore } from '@/stores/pageAdmin.js';
-  import { useLoadingStore } from '@/stores/loading.js';
+  import { useFilesStore } from '@/stores/files';
+  import { useAllMapDataStore } from '@/stores/allMapData';
+  import { usePageAdminStore } from '@/stores/pageAdmin';
+  import { useLoadingStore } from '@/stores/loading';
   import IconDataFormat from '@/components/icons/IconDataFormat.vue';
   import IconRule from '@/components/icons/IconRule.vue';
   import IconsFilter from '@/components/icons/IconsFilter.vue';

src/views/MainContainer.vue

@@ -14,14 +14,14 @@
 import { onBeforeMount, } from 'vue';
 import { useRouter } from 'vue-router';
 import { storeToRefs, mapActions, mapState, } from 'pinia';
-import { useLoadingStore } from '@/stores/loading.js';
-import { useAllMapDataStore } from '@/stores/allMapData.js';
-import { useConformanceStore } from '@/stores/conformance.js';
+import { useLoadingStore } from '@/stores/loading';
+import { useAllMapDataStore } from '@/stores/allMapData';
+import { useConformanceStore } from '@/stores/conformance';
 import Header from "@/components/Header.vue";
 import Navbar from "@/components/Navbar.vue";
 import Loading from '@/components/Loading.vue';
 import { leaveFilter, leaveConformance } from '@/module/alertModal.js';
-import { usePageAdminStore } from '@/stores/pageAdmin.js';
+import { usePageAdminStore } from '@/stores/pageAdmin';
 import { useLoginStore } from "@/stores/login";
 import { getCookie, setCookie } from "@/utils/cookieUtil.js";
 import ModalContainer from './AccountManagement/ModalContainer.vue';

src/views/Upload/index.vue

@@ -79,8 +79,8 @@
 </template>
 <script>
 import { storeToRefs } from 'pinia';
-import { useLoadingStore } from '@/stores/loading.js';
-import { useFilesStore } from '@/stores/files.js';
+import { useLoadingStore } from '@/stores/loading';
+import { useFilesStore } from '@/stores/files';
 import { uploadFailedFirst, uploadSuccess, uploadConfirm } from '@/module/alertModal.js'
 
 export default {