@tak-ps/cloudtak 12.54.0 → 12.94.0

package/src/App.vue

@@ -1,341 +0,0 @@
-<template>
-    <div class='page h-100 cloudtak-gradient'>
-        <header
-            v-if='navShown'
-            class='navbar navbar-expand-md d-print-none'
-        >
-            <div class='container-xl'>
-                <div class='col-auto'>
-                    <img
-                        v-if='brandStore'
-                        alt='Agency Logo'
-                        :src='brandStore.login && brandStore.login.logo ? brandStore.login.logo : "/CloudTAKLogo.svg"'
-                        class='cursor-pointer'
-                        draggable='false'
-                        height='50'
-                        width='50'
-                        @click='external("/")'
-                    >
-                </div>
-                <div class='col mx-2'>
-                    <div
-                        class='page-pretitle'
-                        v-text='brandStore.login && brandStore.login.name ? brandStore.login.name : ""'
-                    />
-                    <h2 class='page-title'>
-                        CloudTAK
-                    </h2>
-                </div>
-
-                <div
-                    v-if='user'
-                    class='ms-auto'
-                >
-                    <div class='btn-list'>
-                        <a
-                            class='btn btn-dark'
-                            target='_blank'
-                            rel='noreferrer'
-                            @click='external("/docs")'
-                        >
-                            <IconCode
-                                size='32'
-                                stroke='1'
-                            />Docs
-                        </a>
-                        <div class='dropdown'>
-                            <div
-                                id='userProfileButton'
-                                type='button'
-                                data-bs-toggle='dropdown'
-                                aria-expanded='false'
-                                class='btn btn-dark'
-                            >
-                                <IconUser
-                                    size='32'
-                                    stroke='1'
-                                />
-                            </div>
-                            <ul
-                                class='dropdown-menu'
-                                aria-labelledby='userProfileButton'
-                            >
-                                <div
-                                    class='d-flex dropdown-item cursor-pointer hover'
-                                    @click='external("/connection")'
-                                >
-                                    <IconNetwork
-                                        size='32'
-                                        stroke='1'
-                                    />
-                                    <span class='mx-2'>Connections</span>
-                                </div>
-                                <div
-                                    class='d-flex dropdown-item cursor-pointer hover'
-                                    @click='external("/admin")'
-                                >
-                                    <IconSettings
-                                        size='32'
-                                        stroke='1'
-                                    />
-                                    <span class='mx-2'>Server</span>
-                                    <span class='ms-auto badge border border-red bg-red text-white'>Admin</span>
-                                </div>
-                                <div
-                                    class='d-flex dropdown-item cursor-pointer hover'
-                                    @click='logout'
-                                >
-                                    <IconLogout
-                                        size='32'
-                                        stroke='1'
-                                    />
-                                    <span class='mx-2'>Logout</span>
-                                </div>
-                            </ul>
-                        </div>
-                        <div />
-                    </div>
-                </div>
-            </div>
-        </header>
-
-        <Loading
-            v-if='loading && !route.path.includes("configure") && !route.path.includes("login")'
-        />
-        <router-view
-            v-else
-            :user='user'
-            @err='error = $event'
-            @login='refreshLogin'
-        />
-        <TablerError
-            v-if='error'
-            :err='error'
-            @close='error = undefined'
-        />
-        <LoginModal
-            v-if='login'
-            @close='login = false'
-            @login='login= false'
-        />
-        <MissionInviteModal
-            v-if='inviteMission'
-            :mission='inviteMission'
-            @close='inviteMission = undefined'
-        />
-    </div>
-</template>
-
-<script setup lang='ts'>
-import { ref, computed, onErrorCaptured, onMounted } from 'vue'
-import { useRouter, useRoute } from 'vue-router';
-import type { Login, Server } from './types.ts';
-import { useBrandStore } from './stores/brand.ts';
-import '@tabler/core/dist/js/tabler.min.js';
-import '@tabler/core/dist/css/tabler.min.css';
-import LoginModal from './components/util/LoginModal.vue'
-import {
-    IconCode,
-    IconLogout,
-    IconUser,
-    IconNetwork,
-    IconSettings,
-} from '@tabler/icons-vue';
-import Loading from './components/Loading.vue';
-import {
-    TablerError
-} from '@tak-ps/vue-tabler';
-import { std } from './std.ts';
-import MissionInviteModal from './components/CloudTAK/Menu/Mission/MissionInviteModal.vue';
-import { WorkerMessageType } from './base/events.ts';
-import type { WorkerMessage } from './base/events.ts';
-
-const router = useRouter();
-const route = useRoute();
-const brandStore = useBrandStore();
-
-const loading = ref(true);
-const login = ref(false);
-const inviteMission = ref<{
-    name: string;
-    guid: string;
-    token: string;
-    authorUid: string;
-    tool: string;
-    type: string;
-} | undefined>();
-const mounted = ref(false);
-const user = ref<Login | undefined>();
-const error = ref<Error | undefined>();
-
-const navShown = computed<boolean>(() => {
-    if (!route || !route.name) {
-        return false;
-    } else {
-        return (
-            !String(route.name).startsWith("home")
-            && !["login", "configure"].includes(String(route.name))
-        )
-    }
-});
-
-onErrorCaptured((err) => {
-    if (!(err instanceof Error)) {
-        error.value = new Error(String(err));
-    }
-
-    const e = err as Error;
-
-    if (e.message === '401') {
-        // Popup Modal if reauthenticating vs initial login
-
-        if (route.name !== 'login') {
-            login.value = true;
-        }
-    } else if (String(e) === 'Error: Authentication Required') {
-        routeLogin();
-    } else {
-        error.value = e;
-    }
-});
-
-onMounted(async () => {
-    let status;
-    try {
-        const server = await std('/api/server') as Server;
-        status = server.status;
-    } catch (err) {
-        console.warn('Server Error (Likely the server is in a configured state)', err);
-        status = 'configured';
-    }
-
-    await brandStore.init();
-
-    window.addEventListener('unhandledrejection', (e) => {
-        error.value = e.reason;
-    });
-
-    const channel = new BroadcastChannel('cloudtak');
-    channel.onmessage = (event: MessageEvent<WorkerMessage>) => {
-        const msg = event.data;
-        if (msg && msg.type === WorkerMessageType.Mission_Invite) {
-            inviteMission.value = msg.body;
-        }
-    };
-
-    if (status === 'unconfigured') {
-        delete localStorage.token;
-        router.push("/configure");
-    } else {
-        if (localStorage.token) {
-            await refreshLogin();
-        } else if (route.name !== 'login') {
-            routeLogin();
-        }
-    }
-
-    loading.value = false;
-    mounted.value = true;
-});
-
-function logout() {
-    user.value = undefined;
-    delete localStorage.token;
-
-    window.location.href = '/login';
-}
-
-function external(url: string) {
-    window.location.href = url;
-}
-
-function routeLogin() {
-    router.push(`/login?redirect=${encodeURIComponent(window.location.pathname)}`);
-}
-
-async function refreshLogin() {
-    loading.value = true;
-
-    await getLogin();
-
-    loading.value = false;
-}
-
-async function getLogin() {
-    try {
-        user.value = await std('/api/login') as Login;
-    } catch (err) {
-        console.error(err);
-        user.value = undefined;
-        delete localStorage.token;
-
-        if (route.name !== 'login') {
-            routeLogin();
-        }
-
-        return false;
-    }
-
-    return true;
-}
-</script>
-
-<style lang='scss'>
-$cloudtak-default: #182433;
-$cloudtak-child:  #192f45;
-$cloudtak-yellow: #FFB703;
-$cloudtak-orange: #FF9820;
-$cloudtak-navy: #023047;
-$cloudtak-blue: #07556D;
-
-.cloudtak-gradient {
-    background: radial-gradient(at left top, $cloudtak-blue, $cloudtak-navy);
-}
-
-.btn-primary {
-    background-color: $cloudtak-blue !important;
-}
-
-.bg-accent {
-    background-color: #283547 !important;
-}
-
-.bg-child {
-    background-color: $cloudtak-child !important;
-}
-
-html[data-bs-theme='dark'] .hover:hover {
-    background: #0f172a;
-}
-
-html[data-bs-theme='light'] .hover:hover {
-    background: #f5f5f5;
-}
-
-.hover-button-hidden {
-    visibility: hidden;
-}
-
-.hover-button:hover .hover-button-hidden {
-    visibility: visible;
-}
-
-.border-light {
-    border-radius: 6px;
-    background-color: rgba(0, 0, 0, 0.2);
-}
-
-.hover-button:hover {
-    border-radius: 6px;
-    background-color: rgba(0, 0, 0, 0.2);
-}
-
-.border-dark {
-    background: #0f172a;
-}
-.btn-check:checked + .btn:hover {
-    background-color: var(--tblr-primary) !important;
-    border-color: var(--tblr-primary) !important;
-    color: white !important;
-}
-</style>

package/src/base/chatroom-chats.ts

@@ -1,124 +0,0 @@
-import { db } from './database.ts';
-import { std, stdurl } from '../std.ts';
-import type {
-    ProfileChatList,
-    APIProfileChat
-} from '../types.ts'
-import type { DBChatroomChat } from './database.ts';
-import type Atlas from '../workers/atlas.ts';
-
-export default class ChatroomChats {
-    chatroom: string;
-
-    constructor(
-        chatroom: string
-    ) {
-        this.chatroom = chatroom;
-    }
-
-    async refresh(): Promise<void> {
-        const url = stdurl(`/api/profile/chatroom/${encodeURIComponent(this.chatroom)}/chat`);
-
-        const list = await std(url) as ProfileChatList;
-
-        await db.transaction('rw', db.chatroom_chats, async () => {
-            await db.chatroom_chats
-                .where('chatroom')
-                .equals(this.chatroom)
-                .delete();
-
-            for (const chat of list.items) {
-                const c = chat as APIProfileChat;
-                await db.chatroom_chats.put({
-                    id: c.message_id,
-                    chatroom: this.chatroom,
-                    sender: c.sender_callsign,
-                    sender_uid: c.sender_uid,
-                    message: c.message,
-                    created: c.created
-                });
-            }
-        });
-    }
-
-    async list(
-        opts?: {
-            refresh?: boolean,
-        }
-    ): Promise<Array<DBChatroomChat>> {
-        if (opts?.refresh) {
-            await this.refresh();
-        }
-
-        const chats = await db.chatroom_chats
-            .where("chatroom")
-            .equals(this.chatroom)
-            .toArray();
-
-        chats.sort((a, b) => {
-            return a.created.localeCompare(b.created);
-        });
-
-        return chats;
-    }
-
-    async send(
-        message: string,
-        sender: { uid: string, callsign: string },
-        worker: Atlas,
-        recipient?: { uid: string, callsign: string }
-    ): Promise<void> {
-        const id = crypto.randomUUID();
-        const created = new Date().toISOString();
-
-        await db.chatroom_chats.put({
-            id: id,
-            chatroom: this.chatroom,
-            sender: sender.callsign,
-            sender_uid: sender.uid,
-            message: message,
-            created: created
-        });
-
-        if (!recipient) {
-            const chats = await this.list();
-            const single = chats.find((chat) => {
-                return chat.sender_uid !== sender.uid
-            });
-
-            if (single) {
-                recipient = {
-                    uid: single.sender_uid,
-                    callsign: single.sender
-                }
-            } else {
-                const contact = await worker.team.getByCallsign(this.chatroom);
-                if (contact) {
-                    recipient = {
-                        uid: contact.uid,
-                        callsign: contact.callsign
-                    }
-                } else {
-                    recipient = {
-                        uid: this.chatroom,
-                        callsign: this.chatroom
-                    }
-                }
-            }
-        }
-
-        if (!recipient) throw new Error('Error sending Chat - Contact is not defined');
-
-        await worker.conn.sendCOT({
-            chatroom: this.chatroom,
-            from: {
-                uid: sender.uid,
-                callsign: sender.callsign
-            },
-            to: recipient,
-            message: message,
-            messageId: id,
-            time: created
-        }, 'chat');
-    }
-}

package/src/base/chatroom.ts

@@ -1,202 +0,0 @@
-import { db } from './database.ts'
-import type { DBChatroom } from './database.ts';
-import { std, stdurl } from '../std.ts';
-import ChatroomChats from './chatroom-chats.ts';
-import type {
-    ProfileChatroomList,
-    ProfileChatList
-} from '../types.ts';
-
-/**
- * High Level Wrapper around the Profile Chatroom API
- *
- * @property {string} name - The name of the chatroom
- */
-export default class Chatroom {
-    name: string;
-    chats: ChatroomChats;
-
-    constructor(
-        name: string
-    ) {
-        this.name = name;
-        this.chats = new ChatroomChats(name);
-    }
-
-    /**
-     * Return a Chatroom instance if one already exists in the local DB,
-     */
-    static async from(
-        name: string,
-    ): Promise<Chatroom | undefined> {
-        const exists = await db.chatroom
-            .get(name)
-
-        if (!exists) {
-            return;
-        }
-
-        return new Chatroom(
-            exists.name,
-        );
-    }
-
-    /**
-     * Loads an existing Chatroom from the local DB and refresh it,
-     *
-     * @param name - The unique identifier for the chatroom
-     * @param opts - Options for loading the chatroom
-     * @param opts.reload - Whether to reload the chatroom from the local DB
-     */
-    static async load(
-        name: string,
-        opts: {
-            reload?: boolean,
-        } = {}
-    ): Promise<Chatroom> {
-        const exists = await this.from(name);
-
-        if (exists) {
-            if (opts.reload !== false) {
-                await exists.refresh();
-            }
-
-            return exists;
-        } else {
-            const room = new Chatroom(name);
-
-            await db.chatroom.put({
-                id: room.name,
-                name: room.name,
-                created: new Date().toISOString(),
-                updated: new Date().toISOString(),
-                last_read: null
-            });
-
-            await room.refresh();
-
-            return room;
-        }
-    }
-
-    static async delete(names: string[]): Promise<void> {
-        const url = stdurl('/api/profile/chatroom');
-        for (const name of names) {
-            url.searchParams.append('chatroom', name);
-        }
-
-        await std(url, {
-            method: 'DELETE'
-        });
-
-        await db.chatroom.bulkDelete(names);
-    }
-
-    /**
-     * Reload the Chatroom from the local Database
-     */
-    async reload(): Promise<void> {
-        const exists = await db.chatroom
-            .get(this.name)
-
-        if (exists) {
-            this.name = exists.name;
-        }
-    };
-
-    /**
-     * Perform a hard refresh of the Chatroom from the Server
-     */
-    async refresh(): Promise<void> {
-        await this.fetch();
-    };
-
-    async fetch(): Promise<void> {
-        const url = stdurl('/api/profile/chatroom');
-
-        const list = await std(url) as ProfileChatroomList;
-
-        const found = list.items.find((c) => c.chatroom === this.name);
-        if (found) {
-            this.name = found.chatroom;
-        }
-    }
-
-    async getChats(): Promise<ProfileChatList> {
-        const url = stdurl(`/api/profile/chatroom/${encodeURIComponent(this.name)}/chat`);
-        return await std(url) as ProfileChatList;
-    }
-    async deleteChats(ids: string[]): Promise<void> {
-        const url = stdurl(`/api/profile/chatroom/${encodeURIComponent(this.name)}/chat`);
-        for (const id of ids) {
-            url.searchParams.append('chat', id);
-        }
-
-        await std(url, {
-            method: 'DELETE'
-        });
-    }
-
-    /**
-     * List all locally stored chatrooms
-     */
-    static async localList(): Promise<Set<{
-        name: string;
-    }>> {
-        const list = await db.chatroom.toArray();
-
-        const names = new Set<{
-            name: string;
-        }>();
-
-        for (const sub of list) {
-            names.add({
-                name: sub.name,
-            });
-        }
-
-        return names;
-    }
-
-    static async list(filter?: string): Promise<DBChatroom[]> {
-        let collection = db.chatroom.toCollection();
-
-        if (filter) {
-            collection = collection.filter((room) => {
-                return room.name.toLowerCase().includes(filter.toLowerCase());
-            });
-        }
-
-        return (await collection.sortBy('name')).reverse();
-    }
-
-    static async sync(): Promise<ProfileChatroomList> {
-        const url = stdurl('/api/profile/chatroom');
-
-        const list = await std(url) as ProfileChatroomList;
-
-        const serverNames = new Set(list.items.map(c => c.chatroom));
-        const local = await db.chatroom.toArray();
-
-        for (const chat of local) {
-            if (!serverNames.has(chat.name)) {
-                await db.chatroom.delete(chat.id);
-            }
-        }
-
-        for (const chat of list.items) {
-            const exists = await db.chatroom.get(chat.chatroom);
-            if (!exists) {
-                await db.chatroom.put({
-                    id: chat.chatroom,
-                    name: chat.chatroom,
-                    created: new Date().toISOString(),
-                    updated: new Date().toISOString(),
-                    last_read: null
-                });
-            }
-        }
-
-        return list;
-    }
-}