@tak-ps/cloudtak 12.54.0

package/src/main.ts

@@ -0,0 +1,264 @@
+import { createApp, watch } from 'vue'
+import { version } from '../package.json'
+import { PluginAPI } from '../plugin.ts';
+import type { PluginStatic, PluginInstance } from '../plugin.ts'
+import * as VueRouter from 'vue-router'
+import { createPinia } from 'pinia'
+import { useMapStore } from './stores/map.ts';
+
+if (!import.meta.env.DEV && 'serviceWorker' in navigator) {
+    window.addEventListener('load', () => {
+        navigator.serviceWorker.register(`/sw.js?v=${version}&build=${import.meta.env.HASH}`).then((registration) => {
+            console.log('ServiceWorker registration successful with scope: ', registration.scope);
+        }, (err) => {
+            console.log('ServiceWorker registration failed: ', err);
+        });
+
+        let refreshing = false;
+
+        navigator.serviceWorker.addEventListener("controllerchange", () => {
+            if (!refreshing) {
+                window.location.reload()
+                refreshing = true
+            }
+        })
+    });
+}
+
+import 'floating-vue/dist/style.css'
+import FloatingVue from 'floating-vue'
+
+import App from './App.vue'
+
+// Intentially not dynamic import to ensure it's included in the build
+// It contains a utility to hard reload the app
+import Login from './components/Login.vue'
+import MenuSettings from './components/CloudTAK/Menu/MenuSettings.vue'
+
+const router = VueRouter.createRouter({
+    history: VueRouter.createWebHistory(),
+    routes: [
+        {
+            path: '/',
+            name: 'home',
+            component: () => import('./components/Home.vue'),
+            children: [{
+                path: 'query/:coords',
+                name: 'home-menu-query',
+                component: () => import('./components/CloudTAK/QueryView.vue'),
+            },{
+                path: 'cot/:uid',
+                name: 'home-menu-cot',
+                component: () => import('./components/CloudTAK/CoTView.vue'),
+            },{
+                path: 'menu',
+                name: 'home-menu',
+                children: [{
+                    path: 'settings',
+                    name: 'home-menu-settings',
+                    component: MenuSettings
+                },{
+                    path: 'settings/tokens',
+                    name: 'home-menu-settings-tokens',
+                    component: () => import('./components/CloudTAK/Menu/MenuSettingsTokens.vue')
+                },{
+                    path: 'settings/callsign',
+                    name: 'home-menu-settings-callsign',
+                    component: () => import('./components/CloudTAK/Menu/MenuSettingsCallsign.vue')
+                },{
+                    path: 'settings/display',
+                    name: 'home-menu-settings-display',
+                    component: () => import('./components/CloudTAK/Menu/MenuSettingsDisplay.vue')
+                },{
+                    path: 'imports',
+                    name: 'home-menu-imports',
+                    component: () => import('./components/CloudTAK/Menu/MenuImports.vue')
+                },{
+                    path: 'files',
+                    name: 'home-menu-files',
+                    component: () => import('./components/CloudTAK/Menu/MenuFiles.vue')
+                },{
+                    path: 'packages',
+                    name: 'home-menu-packages',
+                    component: () => import('./components/CloudTAK/Menu/MenuPackages.vue')
+                },{
+                    path: 'connections',
+                    name: 'home-menu-connections',
+                    component: () => import('./components/CloudTAK/Menu/MenuConnections.vue')
+                },{
+                    path: 'videos',
+                    name: 'home-menu-videos',
+                    component: () => import('./components/CloudTAK/Menu/MenuVideos.vue')
+                },{
+                    path: 'videos/remote/:connectionid',
+                    name: 'home-menu-videos-remote-new',
+                    component: () => import('./components/CloudTAK/Menu/MenuVideosRemote.vue')
+                },{
+                    path: 'debugger',
+                    name: 'home-menu-debugger',
+                    component: () => import('./components/CloudTAK/Menu/Debugger.vue')
+                },{
+                    path: 'packages/:package',
+                    name: 'home-menu-package',
+                    component: () => import('./components/CloudTAK/Menu/MenuPackage.vue')
+                },{
+                    path: 'imports/:import',
+                    name: 'home-menu-import',
+                    component: () => import('./components/CloudTAK/Menu/MenuImport.vue')
+                },{
+                    path: 'basemaps',
+                    name: 'home-menu-basemaps',
+                    component: () => import('./components/CloudTAK/Menu/MenuBasemaps.vue')
+                },{
+                    path: 'iconsets',
+                    name: 'home-menu-iconsets',
+                    component: () => import('./components/CloudTAK/Menu/MenuIconsets.vue')
+                },{
+                    path: 'iconset/:iconset',
+                    name: 'home-menu-iconset',
+                    component: () => import('./components/CloudTAK/Menu/MenuIconset.vue')
+                },{
+                    path: 'iconset/:iconset/:icon',
+                    name: 'home-menu-iconset-icon',
+                    component: () => import('./components/CloudTAK/Menu/MenuIcon.vue')
+                },{
+                    path: 'features',
+                    name: 'home-menu-features',
+                    component: () => import('./components/CloudTAK/Menu/MenuFeatures.vue')
+                },{
+                    path: 'features/deleted',
+                    name: 'home-menu-features-deleted',
+                    component: () => import('./components/CloudTAK/Menu/MenuFeaturesDeleted.vue')
+                },{
+                    path: 'overlays',
+                    name: 'home-menu-overlays',
+                    component: () => import('./components/CloudTAK/Menu/MenuOverlays.vue')
+                },{
+                    path: 'datas',
+                    name: 'home-menu-datas',
+                    component: () => import('./components/CloudTAK/Menu/MenuOverlayExplorer.vue')
+                },{
+                    path: 'contacts',
+                    name: 'home-menu-contacts',
+                    component: () => import('./components/CloudTAK/Menu/MenuContacts.vue')
+                },{
+                    path: 'missions',
+                    name: 'home-menu-missions',
+                    component: () => import('./components/CloudTAK/Menu/MenuMissions.vue')
+                },{
+                    path: 'missions/:mission',
+                    name: 'home-menu-mission',
+                    component: () => import('./components/CloudTAK/Menu/MenuMission.vue'),
+                    children: [{
+                        path: '',
+                        name: 'home-menu-mission-default',
+                        redirect: () => {
+                            return { name: 'home-menu-mission-info' };
+                        }
+                    },{
+                        path: 'info',
+                        name: 'home-menu-mission-info',
+                        component: () => import('./components/CloudTAK/Menu/Mission/MissionInfo.vue')
+                    },{
+                        path: 'users',
+                        name: 'home-menu-mission-users',
+                        component: () => import('./components/CloudTAK/Menu/Mission/MissionUsers.vue')
+                    },{
+                        path: 'layers',
+                        name: 'home-menu-mission-layers',
+                        component: () => import('./components/CloudTAK/Menu/Mission/MissionLayers.vue')
+                    },{
+                        path: 'contents',
+                        name: 'home-menu-mission-contents',
+                        component: () => import('./components/CloudTAK/Menu/Mission/MissionContents.vue')
+                    },{
+                        path: 'timeline',
+                        name: 'home-menu-mission-timeline',
+                        component: () => import('./components/CloudTAK/Menu/Mission/MissionTimeline.vue')
+                    },{
+                        path: 'logs',
+                        name: 'home-menu-mission-logs',
+                        component: () => import('./components/CloudTAK/Menu/Mission/MissionLogs.vue')
+                    }]
+                },{
+                    path: 'channels',
+                    name: 'home-menu-channels',
+                    component: () => import('./components/CloudTAK/Menu/MenuChannels.vue')
+                },{
+                    path: 'routes',
+                    name: 'home-menu-routes',
+                    component: () => import('./components/CloudTAK/Menu/MenuRoutes.vue')
+                },{
+                    path: 'routes/new',
+                    name: 'home-menu-routes-new',
+                    component: () => import('./components/CloudTAK/Menu/MenuRoutesNew.vue')
+                },{
+                    path: 'chats',
+                    name: 'home-menu-chats',
+                    component: () => import('./components/CloudTAK/Menu/MenuChats.vue')
+                },{
+                    path: 'chats/:chatroom',
+                    name: 'home-menu-chat',
+                    component: () => import('./components/CloudTAK/Menu/MenuChat.vue')
+                }]
+            }]
+        },
+
+        { path: '/login', name: 'login', component: Login },
+
+        { path: '/configure', name: 'configure', component: () => import('./components/Configure.vue') },
+
+        { path: '/:catchAll(.*)', redirect: '/' },
+    ]
+});
+
+router.onError((error, to) => {
+    if (
+        error.message.includes('Failed to fetch dynamically imported module') ||
+        error.message.includes('Importing a module script failed')
+    ) {
+        if (!to?.query?.reload) {
+            if (navigator.onLine) {
+                window.location.href = to.fullPath;
+            } else {
+                console.error('Offline: Skipping reload for missing module', error);
+            }
+        }
+    }
+})
+
+const app = createApp(App);
+const pinia = createPinia()
+
+app.use(router);
+app.use(pinia);
+app.use(FloatingVue);
+
+const plugins: Record<string, {
+    default: PluginStatic
+}> = import.meta.glob(['../plugins/*.ts', '../plugins/*/index.ts'], {
+    eager: true
+});
+
+const pluginAPI = new PluginAPI(app, router, pinia);
+const pluginInstances: PluginInstance[] = [];
+
+for (const path in plugins) {
+    const instance = await plugins[path].default.install(app, pluginAPI);
+    pluginInstances.push(instance);
+}
+
+const mapStore = useMapStore(pinia);
+watch(() => mapStore.isLoaded, async (isLoaded) => {
+    if (isLoaded) {
+        for (const instance of pluginInstances) {
+            await instance.enable();
+        }
+    } else {
+        for (const instance of pluginInstances) {
+            await instance.disable();
+        }
+    }
+}, { immediate: true });
+
+app.mount('#app');

package/src/pages/admin/main.ts

@@ -0,0 +1,208 @@
+import { createApp } from 'vue'
+import { version } from '../../../package.json'
+import * as VueRouter from 'vue-router'
+import { createPinia } from 'pinia'
+
+if (!import.meta.env.DEV && 'serviceWorker' in navigator) {
+    window.addEventListener('load', () => {
+        navigator.serviceWorker.register(`/sw.js?v=${version}&build=${import.meta.env.HASH}`).then((registration) => {
+            console.log('ServiceWorker registration successful with scope: ', registration.scope);
+        }, (err) => {
+            console.log('ServiceWorker registration failed: ', err);
+        });
+
+        let refreshing = false;
+
+        navigator.serviceWorker.addEventListener("controllerchange", () => {
+            if (!refreshing) {
+                window.location.reload()
+                refreshing = true
+            }
+        })
+    });
+}
+
+import 'floating-vue/dist/style.css'
+import FloatingVue from 'floating-vue'
+
+import App from '../../App.vue'
+
+const router = VueRouter.createRouter({
+    history: VueRouter.createWebHistory(),
+    routes: [
+        {
+            path: '/admin',
+            name: 'admin',
+            component: () => import('../../components/ServerAdmin.vue'),
+            children: [{
+                path: '',
+                name: 'admin-default',
+                redirect: () => {
+                    return { name: 'admin-server-connection' };
+                }
+            },{
+                path: 'layer',
+                name: 'admin-layers',
+                component: () => import('../../components/Admin/AdminLayers.vue')
+            },{
+                path: 'layer/new',
+                name: 'admin-layer-new',
+                component: () => import('../../components/Admin/AdminLayerTemplate.vue')
+            },{
+                path: 'video',
+                name: 'admin-videos',
+                component: () => import('../../components/Admin/AdminVideos.vue'),
+                children: [{
+                    path: '',
+                    name: 'admin-video-default',
+                    redirect: () => {
+                        return { name: 'admin-video-service' };
+                    }
+                },{
+                    path: 'service',
+                    name: 'admin-video-service',
+                    component: () => import('../../components/Admin/Videos/AdminVideoService.vue')
+                },{
+                    path: 'leases',
+                    name: 'admin-video-leases',
+                    component: () => import('../../components/Admin/Videos/AdminVideoLeases.vue')
+                }]
+            },{
+                path: 'overlay',
+                name: 'admin-overlays',
+                component: () => import('../../components/Admin/AdminOverlays.vue')
+            },{
+                path: 'overlay/:overlay',
+                name: 'admin-overlays-edit',
+                component: () => import('../../components/Admin/AdminOverlaysEdit.vue')
+            },{
+                path: 'data',
+                name: 'admin-data',
+                component: () => import('../../components/Admin/AdminDatas.vue')
+            },{
+                path: 'connection',
+                name: 'admin-connection',
+                component: () => import('../../components/Admin/AdminConnections.vue')
+            },{
+                path: 'user',
+                name: 'admin-users',
+                component: () => import('../../components/Admin/AdminUsers.vue')
+            },{
+                path: 'user/:user',
+                name: 'admin-user',
+                component: () => import('../../components/Admin/AdminUser.vue')
+            },{
+                path: 'import',
+                name: 'admin-imports',
+                component: () => import('../../components/Admin/AdminImports.vue')
+            },{
+                path: 'templates',
+                name: 'admin-mission-templates',
+                component: () => import('../../components/Admin/AdminMissionTemplates.vue')
+            },{
+                path: 'template/:template',
+                name: 'admin-mission-template',
+                component: () => import('../../components/Admin/AdminMissionTemplate.vue')
+            },{
+                path: 'template/:template/log/:log',
+                name: 'admin-mission-template-log',
+                component: () => import('../../components/Admin/AdminMissionTemplateLog.vue')
+            },{
+                path: 'palette',
+                name: 'admin-palettes',
+                component: () => import('../../components/Admin/AdminPalettes.vue')
+            },{
+                path: 'palette/:palette',
+                name: 'admin-palette',
+                component: () => import('../../components/Admin/AdminPalette.vue')
+            },{
+                path: 'palette/:palette/feature/:feature',
+                name: 'admin-palette-feature',
+                component: () => import('../../components/Admin/AdminPaletteFeature.vue')
+            },{
+                path: 'tasks',
+                name: 'admin-tasks',
+                component: () => import('../../components/Admin/AdminTasks.vue'),
+                children: [{
+                    path: '',
+                    name: 'admin-tasks-default',
+                    redirect: () => {
+                        return { name: 'admin-tasks-registered' };
+                    }
+                },{
+                    path: 'registered',
+                    name: 'admin-tasks-registered',
+                    component: () => import('../../components/Admin/Tasks/AdminTasks.vue')
+                },{
+                    path: 'raw',
+                    name: 'admin-tasks-raw',
+                    component: () => import('../../components/Admin/Tasks/AdminRawTasks.vue')
+                }]
+            },{
+                path: 'server',
+                name: 'admin-server',
+                component: () => import('../../components/Admin/AdminServer.vue'),
+                children: [{
+                    path: '',
+                    name: 'admin-server-default',
+                    redirect: () => {
+                        return { name: 'admin-server-connection' };
+                    }
+                },{
+                    path: 'connection',
+                    name: 'admin-server-connection',
+                    component: () => import('../../components/Admin/Server/ServerConnection.vue')
+                },{
+                    path: 'injector',
+                    name: 'admin-server-injector',
+                    component: () => import('../../components/Admin/Server/ServerInjectors.vue')
+                },{
+                    path: 'repeater',
+                    name: 'admin-server-repeater',
+                    component: () => import('../../components/Admin/Server/ServerRepeaters.vue')
+                },{
+                    path: 'packages',
+                    name: 'admin-server-packages',
+                    component: () => import('../../components/Admin/Server/ServerPackages.vue')
+                },{
+                    path: 'videos',
+                    name: 'admin-server-videos',
+                    component: () => import('../../components/Admin/Server/ServerVideos.vue')
+                }]
+            },{
+                path: 'config',
+                name: 'admin-config',
+                component: () => import('../../components/Admin/AdminConfig.vue')
+            },{
+                path: 'export',
+                name: 'admin-export',
+                component: () => import('../../components/Admin/AdminExport.vue')
+            }]
+        },
+        { path: '/:catchAll(.*)', name: 'lost', component: () => import('../../components/LostUser.vue') },
+    ]
+});
+
+router.onError((error, to) => {
+    if (
+        error.message.includes('Failed to fetch dynamically imported module') ||
+        error.message.includes('Importing a module script failed')
+    ) {
+        if (!to?.query?.reload) {
+            if (navigator.onLine) {
+                window.location.href = to.fullPath;
+            } else {
+                console.error('Offline: Skipping reload for missing module', error);
+            }
+        }
+    }
+})
+
+const app = createApp(App);
+const pinia = createPinia()
+
+app.use(router);
+app.use(pinia);
+app.use(FloatingVue);
+
+app.mount('#app');

package/src/pages/connection/main.ts

@@ -0,0 +1,158 @@
+import { createApp } from 'vue'
+import * as VueRouter from 'vue-router'
+import { createPinia } from 'pinia'
+
+import 'floating-vue/dist/style.css'
+import FloatingVue from 'floating-vue'
+
+import App from '../../App.vue'
+
+const router = VueRouter.createRouter({
+    history: VueRouter.createWebHistory(),
+    routes: [
+        { path: '/connection/:connectionid/layer/new', name: 'connection-layer-new', component: () => import('../../components/ETL/LayerEdit.vue') },
+        { path: '/connection/:connectionid/data/:dataid/layer/new', name: 'connection-data-layer-new', component: () => import('../../components/ETL/LayerEdit.vue') },
+
+        {
+            path: '/connection/:connectionid/layer/:layerid',
+            name: 'layer',
+            component: () => import('../../components/ETL/Layer.vue'),
+            children: [{
+                path: '',
+                name: `layer-default`,
+                redirect: () => {
+                    return { name: `layer-deployment` };
+                }
+            },{
+                path: 'deployment',
+                name: `layer-deployment`,
+                component: () => import('../../components/ETL/Layer/LayerDeployment.vue')
+            },{
+                path: 'alarm',
+                name: `layer-alarm`,
+                component: () => import('../../components/ETL/Layer/LayerAlarm.vue')
+            },{
+                path: 'incoming/config',
+                name: `layer-incoming-config`,
+                component: () => import('../../components/ETL/Layer/LayerIncomingConfig.vue')
+            },{
+                path: 'incoming/environment',
+                name: `layer-incoming-environment`,
+                component: () => import('../../components/ETL/Layer/LayerEnvironment.vue')
+            },{
+                path: 'incoming/schema',
+                name: `layer-incoming-schema`,
+                component: () => import('../../components/ETL/Layer/LayerIncomingSchema.vue')
+            },{
+                path: 'incoming/styles',
+                name: `layer-incoming-styles`,
+                component: () => import('../../components/ETL/Layer/LayerIncomingStyles.vue')
+            },{
+                path: 'outgoing/environment',
+                name: `layer-outgoing-environment`,
+                component: () => import('../../components/ETL/Layer/LayerEnvironment.vue')
+            },{
+                path: 'outgoing/config',
+                name: `layer-outgoing-config`,
+                component: () => import('../../components/ETL/Layer/LayerOutgoingConfig.vue')
+            }]
+        },
+
+        { path: '/connection/:connectionid/layer/:layerid/edit', name: 'layer-edit', component: () => import('../../components/ETL/LayerEdit.vue') },
+
+        { path: '/connection/:connectionid/data/new', name: 'data-new', component: () => import('../../components/ETL/DataEdit.vue') },
+        {
+            path: '/connection/:connectionid/data/:dataid',
+            name: 'data',
+            component: () => import('../../components/ETL/Data.vue'),
+            children: [{
+                path: '',
+                name: 'data-default',
+                redirect: () => {
+                    return { name: 'data-files' };
+                }
+            },{
+                path: 'groups',
+                name: 'data-groups',
+                component: () => import('../../components/ETL/Data/DataGroups.vue')
+            },{
+                path: 'files',
+                name: 'data-files',
+                component: () => import('../../components/ETL/Data/DataFiles.vue')
+            },{
+                path: 'layer',
+                name: 'data-layer',
+                component: () => import('../../components/ETL/Data/DataLayer.vue')
+            }]
+        },
+        { path: '/connection/:connectionid/data/:dataid/edit', name: 'data-edit', component: () => import('../../components/ETL/DataEdit.vue') },
+
+        { path: '/connection', name: 'connections', component: () => import('../../components/ETL/Connections.vue') },
+        { path: '/connection/new', name: 'connection-new', component: () => import('../../components/ETL/ConnectionEdit.vue') },
+
+        {
+            path: '/connection/:connectionid',
+            name: 'connection',
+            component: () => import('../../components/ETL/Connection.vue'),
+            children: [{
+                path: '',
+                name: 'connection-default',
+                redirect: () => {
+                    return { name: 'connection-layers' };
+                }
+            },{
+                path: 'groups',
+                name: 'connection-groups',
+                component: () => import('../../components/ETL/Connection/ConnectionGroups.vue')
+            },{
+                path: 'layer',
+                name: 'connection-layers',
+                component: () => import('../../components/ETL/Connection/ConnectionLayer.vue')
+            },{
+                path: 'files',
+                name: 'connection-files',
+                component: () => import('../../components/ETL/Connection/ConnectionFiles.vue')
+            },{
+                path: 'data',
+                name: 'connection-datas',
+                component: () => import('../../components/ETL/Connection/ConnectionData.vue')
+            },{
+                path: 'video',
+                name: 'connection-videos',
+                component: () => import('../../components/ETL/Connection/ConnectionVideos.vue')
+            },{
+                path: 'tokens',
+                name: 'connection-tokens',
+                component: () => import('../../components/ETL/Connection/ConnectionTokens.vue')
+            }]
+        },
+
+        { path: '/connection/:connectionid/edit', name: 'connection-edit', component: () => import('../../components/ETL/ConnectionEdit.vue') },
+
+        { path: '/:catchAll(.*)', name: 'lost', component: () => import('../../components/LostUser.vue') },
+    ]
+});
+
+router.onError((error, to) => {
+    if (
+        error.message.includes('Failed to fetch dynamically imported module') ||
+        error.message.includes('Importing a module script failed')
+    ) {
+        if (!to?.query?.reload) {
+            if (navigator.onLine) {
+                window.location.href = to.fullPath;
+            } else {
+                console.error('Offline: Skipping reload for missing module', error);
+            }
+        }
+    }
+})
+
+const app = createApp(App);
+const pinia = createPinia()
+
+app.use(router);
+app.use(pinia);
+app.use(FloatingVue);
+
+app.mount('#app');

package/src/pages/docs/App.vue

@@ -0,0 +1,19 @@
+<template>
+    <div>
+        <div id='swagger' />
+    </div>
+</template>
+
+<script setup lang='ts'>
+import { stdurl } from '../../std.ts'
+import { onMounted } from 'vue'
+import SwaggerUI from 'swagger-ui-dist/swagger-ui-bundle.js';
+import 'swagger-ui-dist/swagger-ui.css';
+
+onMounted(() => {
+    SwaggerUI({
+        dom_id: '#swagger',
+        url: String(stdurl('/api/openapi'))
+    })
+})
+</script>

package/src/pages/docs/main.ts

@@ -0,0 +1,6 @@
+import { createApp } from 'vue'
+
+import App from './App.vue'
+
+const app = createApp(App);
+app.mount('#app');