@tak-ps/cloudtak 12.54.0

package/src/stores/modules/menu.ts

@@ -0,0 +1,281 @@
+import { ref, computed } from 'vue';
+import type { Component, Ref, ComputedRef } from "vue";
+import {
+    IconBug,
+    IconMap,
+    IconFiles,
+    IconUsers,
+    IconVideo,
+    IconPhoto,
+    IconRoute,
+    IconMapPin,
+    IconMessage,
+    IconNetwork,
+    IconPackages,
+    IconSettings,
+    IconAmbulance,
+    IconServerCog,
+    IconBoxMultiple,
+    IconFileImport,
+    IconAffiliate,
+} from '@tabler/icons-vue';
+
+export type MenuItemConfig = {
+    key: string;
+    label: string;
+    route: string;
+    routeExternal?: boolean;
+    tooltip: string;
+    description?: string;
+    icon: Component;
+    badge?: string;
+    requiresSystemAdmin?: boolean;
+    requiresAgencyAdmin?: boolean;
+};
+
+/**
+ * Manage Pluggable Menu
+ */
+export default class MenuManager {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    mapStore: any;
+    filter: Ref<string>;
+    preferredLayout: Ref<'list' | 'tiles'>;
+    onlineContactsCount: Ref<number>;
+    isSystemAdmin: Ref<boolean>;
+    isAgencyAdmin: Ref<boolean>;
+    pluginMenuItems: Ref<MenuItemConfig[]>;
+
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    constructor(mapStore: any) {
+        this.mapStore = mapStore;
+        this.filter = ref('');
+        this.onlineContactsCount = ref(0);
+        this.isSystemAdmin = ref(false);
+        this.isAgencyAdmin = ref(false);
+        this.pluginMenuItems = ref([]);
+
+        const storedLayoutPref = typeof window !== 'undefined' ? localStorage.getItem('cloudtak-menu-layout') : null;
+        this.preferredLayout = ref<'list' | 'tiles'>(storedLayoutPref === 'tiles' ? 'tiles' : 'list');
+    }
+
+    async init() {
+        this.isSystemAdmin.value = await this.mapStore.worker.profile.isSystemAdmin();
+        this.isAgencyAdmin.value = await this.mapStore.worker.profile.isAgencyAdmin();
+        await this.updateContactsCount();
+    }
+
+    get baseMenuItems(): MenuItemConfig[] {
+        return [
+            {
+                key: 'features',
+                label: 'Your Features',
+                route: '/menu/features',
+                tooltip: 'Your Features',
+                description: 'Manage saved features',
+                icon: IconMapPin,
+            },
+            {
+                key: 'overlays',
+                label: 'Overlays',
+                route: '/menu/overlays',
+                tooltip: 'Overlays',
+                description: 'Toggle and configure data overlays',
+                icon: IconBoxMultiple,
+            },
+            {
+                key: 'contacts',
+                label: 'Contacts',
+                route: '/menu/contacts',
+                tooltip: 'Contacts',
+                description: 'Manage and search for contacts',
+                icon: IconUsers,
+            },
+            {
+                key: 'basemaps',
+                label: 'BaseMaps',
+                route: '/menu/basemaps',
+                tooltip: 'Basemaps',
+                description: 'Switch between available basemaps',
+                icon: IconMap,
+            },
+            {
+                key: 'missions',
+                label: 'Data Sync',
+                route: '/menu/missions',
+                tooltip: 'Data Sync',
+                description: 'Real-Time Datasets',
+                icon: IconAmbulance,
+            },
+            {
+                key: 'packages',
+                label: 'Data Package',
+                route: '/menu/packages',
+                tooltip: 'Data Packages',
+                description: 'Create and share Data Packages',
+                icon: IconPackages,
+            },
+            {
+                key: 'channels',
+                label: 'Channels',
+                route: '/menu/channels',
+                tooltip: 'Channels',
+                description: 'Join and manage Data Channels',
+                icon: IconAffiliate,
+            },
+            {
+                key: 'videos',
+                label: 'Videos',
+                route: '/menu/videos',
+                tooltip: 'Videos',
+                description: 'Access live and recorded video feeds',
+                icon: IconVideo,
+            },
+            {
+                key: 'chats',
+                label: 'Chats',
+                route: '/menu/chats',
+                tooltip: 'Chats',
+                description: 'Open chat threads and history',
+                icon: IconMessage,
+            },
+            {
+                key: 'routes',
+                label: 'Routes',
+                route: '/menu/routes',
+                tooltip: 'Routes',
+                description: 'Plan and manage route overlays',
+                icon: IconRoute,
+            },
+            {
+                key: 'files',
+                label: 'Uploaded Files',
+                route: '/menu/files',
+                tooltip: 'Your Files',
+                description: 'Browse files you have uploaded',
+                icon: IconFiles,
+            },
+            {
+                key: 'imports',
+                label: 'Imports',
+                route: '/menu/imports',
+                tooltip: 'Imports',
+                description: 'Review and manage data imports',
+                icon: IconFileImport,
+            },
+            {
+                key: 'iconsets',
+                label: 'Iconsets',
+                route: '/menu/iconsets',
+                tooltip: 'Iconsets',
+                description: 'Customize Icons',
+                icon: IconPhoto,
+            },
+            {
+                key: 'connections',
+                label: 'Connections',
+                route: '/menu/connections',
+                tooltip: 'Connections (Admin)',
+                description: 'Manage Integrations',
+                icon: IconNetwork,
+                badge: 'A',
+                requiresAgencyAdmin: true,
+            },
+            {
+                key: 'debugger',
+                label: 'COT Debugger',
+                route: '/menu/debugger',
+                tooltip: 'Debugger (Admin)',
+                description: 'Inspect and debug COT traffic',
+                icon: IconBug,
+                badge: 'A',
+                requiresSystemAdmin: true,
+            },
+            {
+                key: 'server',
+                label: 'Server',
+                route: '/admin',
+                routeExternal: true,
+                tooltip: 'Server Settings (Admin)',
+                description: 'Configure CloudTAK server settings.',
+                icon: IconServerCog,
+                badge: 'A',
+                requiresSystemAdmin: true,
+            },
+            {
+                key: 'settings',
+                label: 'Settings',
+                route: '/menu/settings',
+                tooltip: 'Display Settings',
+                description: 'Adjust personal display preferences.',
+                icon: IconSettings,
+            },
+        ];
+    }
+
+    get items(): ComputedRef<MenuItemConfig[]> {
+        return computed(() => {
+            return [...this.baseMenuItems, ...this.pluginMenuItems.value].filter((item) => {
+                if (item.requiresSystemAdmin && !this.isSystemAdmin.value) return false;
+                if (item.requiresAgencyAdmin && !(this.isAgencyAdmin.value || this.isSystemAdmin.value)) return false;
+                return true;
+            }).map((item) => {
+                if (item.key === 'contacts' && this.onlineContactsCount.value > 0) {
+                    return {
+                        ...item,
+                        badge: this.onlineContactsCount.value > 99 ? '99+' : String(this.onlineContactsCount.value)
+                    }
+                }
+                return item;
+            });
+        });
+    }
+
+    get filtered(): ComputedRef<MenuItemConfig[]> {
+        return computed(() => {
+            const term = this.filter.value.trim().toLowerCase();
+            if (!term) return this.items.value;
+
+            return this.items.value.filter((item) => {
+                const label = item.label.toLowerCase();
+                const tooltip = item.tooltip.toLowerCase();
+                const description = item.description?.toLowerCase() ?? '';
+
+                return (
+                    label.includes(term)
+                    || tooltip.includes(term)
+                    || description.includes(term)
+                );
+            });
+        });
+    }
+
+    setLayout(mode: 'list' | 'tiles') {
+        this.preferredLayout.value = mode;
+
+        if (typeof window !== 'undefined') {
+            localStorage.setItem('cloudtak-menu-layout', mode);
+        }
+    }
+
+    async updateContactsCount() {
+        const team = await this.mapStore.worker.team.load();
+        const self = await this.mapStore.worker.profile.uid();
+        let count = 0;
+        for (const contact of team.values()) {
+            if (contact.uid === self) continue;
+            if (await this.mapStore.worker.db.has(contact.uid)) {
+                count++;
+            }
+        }
+        this.onlineContactsCount.value = count;
+    }
+
+    addMenuItem(item: MenuItemConfig) {
+        this.pluginMenuItems.value.push(item);
+    }
+
+    removeMenuItem(key: string) {
+        this.pluginMenuItems.value = this.pluginMenuItems.value.filter(i => i.key !== key);
+    }
+}

package/src/test/setup.ts

@@ -0,0 +1,43 @@
+import { vi } from 'vitest'
+
+// Mock localStorage with proper setItem implementation
+Object.defineProperty(window, 'localStorage', {
+  value: {
+    getItem: vi.fn(),
+    setItem: vi.fn(),
+    removeItem: vi.fn(),
+    clear: vi.fn(),
+    // Support direct property assignment as well
+    set token(value) {
+      this.setItem('token', value)
+    },
+    get token() {
+      return this.getItem('token')
+    },
+  },
+  writable: true,
+})
+
+// Mock window.location
+Object.defineProperty(window, 'location', {
+  value: {
+    origin: 'http://localhost:8080',
+    href: 'http://localhost:8080',
+    pathname: '/',
+    search: '',
+  },
+  writable: true,
+})
+
+// Mock process.env for the API_URL
+globalThis.process = {
+  ...globalThis.process,
+  env: {
+    API_URL: 'http://localhost:5001',
+  },
+} as any
+
+// Mock self for workers
+if (typeof self === 'undefined') {
+  (globalThis as any).self = globalThis
+}

package/src/timediff.ts

@@ -0,0 +1,33 @@
+export default function(updated: string | number): string {
+    if (typeof updated === 'string') {
+        updated = +new Date(updated)
+    }
+
+    const now = +new Date();
+
+    const msPerMinute = 60 * 1000;
+    const msPerHour = msPerMinute * 60;
+    const msPerDay = msPerHour * 24;
+    const msPerMonth = msPerDay * 30;
+    const msPerYear = msPerDay * 365;
+
+    if (updated < now) {
+        const elapsed = now - updated;
+
+        if (elapsed < msPerMinute) return Math.round(elapsed/1000) + ` second${Math.round(elapsed/1000) > 1 ? "s" : ""} ago`;
+        if (elapsed < msPerHour) return Math.round(elapsed/msPerMinute) + ` minute${Math.round(elapsed/msPerMinute) > 1 ? "s" : ""} ago`;
+        if (elapsed < msPerDay ) return Math.round(elapsed/msPerHour ) + ` hour${Math.round(elapsed/msPerHour) > 1 ? "s" : ""} ago`;
+        if (elapsed < msPerMonth) return '~' + Math.round(elapsed/msPerDay) + ` day${Math.round(elapsed/msPerDay) > 1 ? "s" : ""} ago`;
+        if (elapsed < msPerYear) return '~' + Math.round(elapsed/msPerMonth) + ` month${Math.round(elapsed/msPerMonth) > 1 ? "s" : ""} ago`;
+        return '~' + Math.round(elapsed/msPerYear ) + ' years ago';
+    } else {
+        const elapsed = updated - now;
+
+        if (elapsed < msPerMinute) return 'in ' + Math.round(elapsed/1000) + ' seconds';
+        if (elapsed < msPerHour) return 'in ' + Math.round(elapsed/msPerMinute) + ' minutes';
+        if (elapsed < msPerDay ) return 'in ' + Math.round(elapsed/msPerHour ) + ' hours';
+        if (elapsed < msPerMonth) return 'in ~' + Math.round(elapsed/msPerDay) + ' days';
+        if (elapsed < msPerYear) return 'in ~' + Math.round(elapsed/msPerMonth) + ' months';
+        return 'in ~' + Math.round(elapsed/msPerYear ) + ' years';
+    }
+}

package/src/types.ts

@@ -0,0 +1,226 @@
+import type { paths } from './derived-types.js';
+import type { Origin } from './base/cot.ts'
+import type { Geometry } from 'geojson';
+
+/*
+ * This file exports more human managable types from the
+ * automatically generated dervice-types.d.ts file
+ */
+
+export type APIError = {
+    status: number;
+    message: string;
+};
+
+export type APIList<T> = {
+    total: number;
+    items: Array<T>;
+}
+
+// Below are TAK/CloudTAK Specific Data Types
+
+export type COTTypeList = paths["/api/type/cot"]["get"]["responses"]["200"]["content"]["application/json"];
+export type COTType = paths["/api/type/cot/{:type}"]["get"]["responses"]["200"]["content"]["application/json"];
+
+export type Search = paths["/api/search"]["get"]["responses"]["200"]["content"]["application/json"];
+export type SearchSuggest = paths["/api/search/suggest"]["get"]["responses"]["200"]["content"]["application/json"];
+export type SearchForward = paths["/api/search/forward"]["get"]["responses"]["200"]["content"]["application/json"];
+
+export type VideoLease = paths["/api/video/lease/{:lease}"]["get"]["responses"]["200"]["content"]["application/json"];
+export type VideoLeaseList = paths["/api/video/lease"]["get"]["responses"]["200"]["content"]["application/json"];
+export type VideoLeaseMetadata = paths["/api/video/lease/{:lease}/metadata"]["get"]["responses"]["200"]["content"]["application/json"];
+export type VideoLeaseProtocols = paths["/api/video/lease/{:lease}/metadata"]["get"]["responses"]["200"]["content"]["application/json"]["protocols"];
+export type VideoLeaseResponse = paths["/api/video/lease/{:lease}"]["get"]["responses"]["200"]["content"]["application/json"]
+
+export type Subscription = paths["/api/marti/subscription/{:clientuid}"]["get"]["responses"]["200"]["content"]["application/json"];
+
+export type Group = paths["/api/marti/group"]["get"]["responses"]["200"]["content"]["application/json"]["data"][0]
+
+export type User = paths["/api/user/{:username}"]["get"]["responses"]["200"]["content"]["application/json"];
+export type UserList = paths["/api/user"]["get"]["responses"]["200"]["content"]["application/json"];
+
+export type Contact = paths["/api/marti/api/contacts/all"]["get"]["responses"]["200"]["content"]["application/json"][0];
+export type ContactList = paths["/api/marti/api/contacts/all"]["get"]["responses"]["200"]["content"]["application/json"];
+
+export type Content = paths["/api/marti/package"]["put"]["responses"]["200"]["content"]["application/json"];
+
+export type VideoConnection = paths["/api/marti/video/{:uid}"]["get"]["responses"]["200"]["content"]["application/json"];
+export type VideoConnectionFeed = paths["/api/marti/video/{:uid}"]["get"]["responses"]["200"]["content"]["application/json"]["feeds"][0];
+export type VideoConnection_Create = paths["/api/marti/video"]["post"]["requestBody"]["content"]["application/json"];
+export type VideoConnectionList = paths["/api/marti/video"]["get"]["responses"]["200"]["content"]["application/json"];
+
+export type Mission = paths["/api/marti/missions/{:name}"]["get"]["responses"]["200"]["content"]["application/json"];
+export type Mission_Create = paths["/api/marti/mission"]["post"]["requestBody"]["content"]["application/json"]
+export type MissionList = paths["/api/marti/mission"]["get"]["responses"]["200"]["content"]["application/json"];
+export type MissionInvite = paths["/api/marti/mission"]["get"]["responses"]["200"]["content"]["application/json"]["invites"][0];
+
+export type MissionRole = paths["/api/marti/missions/{:name}/role"]["get"]["responses"]["200"]["content"]["application/json"];
+
+export type MissionLog = paths["/api/marti/missions/{:name}/log/{:logid}"]["patch"]["responses"]["200"]["content"]["application/json"]["data"];
+export type MissionLogList = paths["/api/marti/missions/{:name}/log"]["get"]["responses"]["200"]["content"]["application/json"];
+
+export type MissionLayer = paths["/api/marti/missions/{:name}/layer/{:layerid}"]["get"]["responses"]["200"]["content"]["application/json"]["data"];
+export type MissionLayer_Create = paths["/api/marti/missions/{:name}/layer"]["post"]["requestBody"]["content"]["application/json"];
+export type MissionLayer_Update = paths["/api/marti/missions/{:name}/layer/{:uid}"]["patch"]["requestBody"]["content"]["application/json"];
+export type MissionLayerList = paths["/api/marti/missions/{:name}/layer"]["get"]["responses"]["200"]["content"]["application/json"];
+
+export type MissionChanges = paths["/api/marti/missions/{:name}/changes"]["get"]["responses"]["200"]["content"]["application/json"];
+
+export type MissionSubscriptions = paths["/api/marti/missions/{:name}/subscriptions/roles"]["get"]["responses"]["200"]["content"]["application/json"]["data"];
+
+export type Server_Update = paths["/api/server"]["patch"]["requestBody"]["content"]["application/json"]
+export type Server = paths["/api/server"]["get"]["responses"]["200"]["content"]["application/json"]
+
+export type MapConfig = paths["/api/config/map"]["get"]["responses"]["200"]["content"]["application/json"]
+
+export type Login = paths["/api/login"]["get"]["responses"]["200"]["content"]["application/json"]
+export type LoginConfig = paths["/api/config/login"]["get"]["responses"]["200"]["content"]["application/json"]
+export type Login_Create = paths["/api/login"]["post"]["requestBody"]["content"]["application/json"]
+export type Login_CreateRes = paths["/api/login"]["post"]["responses"]["200"]["content"]["application/json"]
+
+export type Import = paths["/api/import/{:import}"]["get"]["responses"]["200"]["content"]["application/json"]
+export type ImportList = paths["/api/import"]["get"]["responses"]["200"]["content"]["application/json"]
+
+export type Package = paths["/api/marti/package/{:uid}"]["get"]["responses"]["200"]["content"]["application/json"]
+export type PackageList = paths["/api/marti/package"]["get"]["responses"]["200"]["content"]["application/json"]
+
+export type ServerAdminVideoList = paths["/api/server/video"]["get"]["responses"]["200"]["content"]["application/json"]
+
+export type Iconset = paths["/api/iconset/{:iconset}"]["get"]["responses"]["200"]["content"]["application/json"]
+export type IconsetList = paths["/api/iconset"]["get"]["responses"]["200"]["content"]["application/json"]
+
+export type AttachmentList = paths["/api/attachment"]["get"]["responses"]["200"]["content"]["application/json"]
+export type Attachment = paths["/api/attachment"]["get"]["responses"]["200"]["content"]["application/json"]["items"][0]
+
+export type ConfigGroups = paths["/api/config/group"]["get"]["responses"]["200"]["content"]["application/json"]
+
+export type TileJSON = paths["/api/basemap/{:basemapid}/tiles"]["get"]["responses"]["200"]["content"]["application/json"]
+
+export type Basemap = paths["/api/basemap/{:basemapid}"]["patch"]["responses"]["200"]["content"]["application/json"]
+export type BasemapList = paths["/api/basemap"]["get"]["responses"]["200"]["content"]["application/json"]
+
+export type Palette = paths["/api/palette/{:palette}"]["get"]["responses"]["200"]["content"]["application/json"]
+
+export type Chat = {
+    chatroom: string;
+    messageId: string;
+    from: {
+        callsign: string;
+        uid: string;
+    };
+    message: string;
+    time: string;
+}
+
+export type APIProfileChat = {
+    id: number;
+    read: boolean;
+    username: string;
+    chatroom: string;
+    sender_callsign: string;
+    sender_uid: string;
+    created: string;
+    updated: string;
+    message_id: string;
+    message: string;
+}
+
+export type PaletteList = paths["/api/palette"]["get"]["responses"]["200"]["content"]["application/json"]
+export type PaletteFeature = paths["/api/palette/{:palette}/feature/{:feature}"]["get"]["responses"]["200"]["content"]["application/json"]
+
+export type MissionTemplate = paths["/api/template/mission/{:mission}"]["get"]["responses"]["200"]["content"]["application/json"]
+export type MissionTemplateList = paths["/api/template/mission"]["get"]["responses"]["200"]["content"]["application/json"]
+
+export type Profile = paths["/api/profile"]["get"]["responses"]["200"]["content"]["application/json"]
+export type Profile_Update = paths["/api/profile"]["patch"]["requestBody"]["content"]["application/json"]
+
+export type ProfileChatroomList = paths["/api/profile/chatroom"]["get"]["responses"]["200"]["content"]["application/json"]
+export type ProfileChatList = paths["/api/profile/chatroom/{:chatroom}/chat"]["get"]["responses"]["200"]["content"]["application/json"]
+
+export type ProfileVideoList = paths["/api/profile/video"]["get"]["responses"]["200"]["content"]["application/json"]
+export type ProfileVideo = paths["/api/profile/video/{:id}"]["get"]["responses"]["200"]["content"]["application/json"]
+
+export type ProfileFileList = paths["/api/profile/asset"]["get"]["responses"]["200"]["content"]["application/json"]
+export type ProfileFile = ProfileFileList["items"][0];
+
+export type Feature = Omit<paths["/api/profile/feature/{:id}"]["get"]["responses"]["200"]["content"]["application/json"], "geometry"> & {
+    origin?: Origin
+    properties: {
+        'id': string;
+        'icon-opacity'?: number;
+        'circle-opacity'?: number;
+
+        [index: string]: unknown
+    }
+    geometry: Geometry
+}
+
+export type InputFeature = Omit<paths["/api/profile/feature/{:id}"]["get"]["responses"]["200"]["content"]["application/json"], "geometry"> & {
+    origin?: Origin
+    properties: {
+        'id'?: string;
+        'icon-opacity'?: number;
+        'circle-opacity'?: number;
+
+        [index: string]: unknown
+    }
+    geometry: Geometry
+}
+
+export type FeaturePropertyCreator = Exclude<Feature["properties"]["creator"], undefined>
+
+export type FeatureCollection = {
+    type: string
+    features: Array<Feature>
+};
+
+export type ProfileOverlay = paths["/api/profile/overlay/{:overlay}"]["get"]["responses"]["200"]["content"]["application/json"]
+export type ProfileOverlayList = paths["/api/profile/overlay"]["get"]["responses"]["200"]["content"]["application/json"]
+export type ProfileOverlay_Create = paths["/api/profile/overlay"]["post"]["requestBody"]["content"]["application/json"]
+export type ProfileOverlay_Update = paths["/api/profile/overlay/{:overlay}"]["patch"]["requestBody"]["content"]["application/json"]
+
+export type SearchReverse = paths["/api/search/reverse/{:longitude}/{:latitude}"]["get"]["responses"]["200"]["content"]["application/json"]
+
+// Below are CloudTAK ETL Specific Data Types
+
+export type ETLLdapChannel = paths["/api/ldap/channel"]["get"]["responses"]["200"]["content"]["application/json"]["items"][0]
+export type ETLLdapChannelList = paths["/api/ldap/channel"]["get"]["responses"]["200"]["content"]["application/json"]
+export type ETLLdapUser = paths["/api/ldap/user"]["post"]["responses"]["200"]["content"]["application/json"]
+
+export type ETLConnectionList = paths["/api/connection"]["get"]["responses"]["200"]["content"]["application/json"]
+export type ETLConnection = paths["/api/connection/{:connectionid}"]["get"]["responses"]["200"]["content"]["application/json"]
+
+export type ETLConnectionVideoLeaseList = paths["/api/connection/{:connectionid}/video/lease"]["get"]["responses"]["200"]["content"]["application/json"];
+
+export type ETLConnectionToken = paths["/api/connection/{:connectionid}/token"]["get"]["responses"]["200"]["content"]["application/json"]["items"][0]
+export type ETLConnectionTokenList = paths["/api/connection/{:connectionid}/token"]["get"]["responses"]["200"]["content"]["application/json"]
+
+export type ETLConnectionAssetList = paths["/api/connection/{:connectionid}/asset"]["get"]["responses"]["200"]["content"]["application/json"]
+export type ETLAgencyList = paths["/api/agency"]["get"]["responses"]["200"]["content"]["application/json"]
+export type ETLAgency = paths["/api/agency/{:agencyid}"]["get"]["responses"]["200"]["content"]["application/json"]
+
+export type ETLLayer = paths["/api/connection/{:connectionid}/layer/{:layerid}"]["get"]["responses"]["200"]["content"]["application/json"]
+export type ETLLayerList = paths["/api/connection/{:connectionid}/layer"]["get"]["responses"]["200"]["content"]["application/json"]
+export type ETLLayerTask = paths["/api/connection/{:connectionid}/layer/{:layerid}/task"]["get"]["responses"]["200"]["content"]["application/json"]
+export type ETLLayerTaskCapabilities = paths["/api/connection/{:connectionid}/layer/{:layerid}/task/capabilities"]["get"]["responses"]["200"]["content"]["application/json"]
+export type ETLLayerIncoming = paths["/api/connection/{:connectionid}/layer/{:layerid}/incoming"]["post"]["responses"]["200"]["content"]["application/json"]
+export type ETLLayerOutgoing = paths["/api/connection/{:connectionid}/layer/{:layerid}/outgoing"]["post"]["responses"]["200"]["content"]["application/json"]
+
+export type ETLData = paths["/api/connection/{:connectionid}/data/{:dataid}"]["get"]["responses"]["200"]["content"]["application/json"]
+
+export type VideoService = paths["/api/video/service"]["get"]["responses"]["200"]["content"]["application/json"];
+
+export type InjectorList = paths["/api/server/injector"]["get"]["responses"]["200"]["content"]["application/json"];
+export type Injector = paths["/api/server/injector"]["get"]["responses"]["200"]["content"]["application/json"]["items"][0];
+
+export type RepeaterList = paths["/api/server/repeater"]["get"]["responses"]["200"]["content"]["application/json"];
+export type Repeater = paths["/api/server/repeater"]["get"]["responses"]["200"]["content"]["application/json"]["items"][0];
+
+// Pattern properties are not yet supported
+export type ETLRawTaskList = {
+    total: number;
+    items: Record<string, string[]>
+}
+
+export type ETLTaskVersions = paths["/api/task/raw/{:task}"]["get"]["responses"]["200"]["content"]["application/json"]
+

package/src/video.ts

@@ -0,0 +1,27 @@
+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: '/admin',
+            name: 'admin',
+            component: () => import('./components/ServerAdmin.vue'),
+            children: []
+        }
+    ]
+});
+
+const app = createApp(App);
+const pinia = createPinia()
+app.use(router);
+app.use(pinia);
+app.use(FloatingVue);
+app.mount('#app');

package/src/vite-env.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+  readonly HASH: string
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv
+}