add electro test

VovaStelmashchuk · VovaStelmashchuk · commit 18f11370b57f · 2025-10-26T17:32:03.000+02:00
diff --git a/app/pages/electricity/index.vue b/app/pages/electricity/index.vue
@@ -0,0 +1,143 @@
+<template>
+    <div
+        class="min-h-screen text-label-primary container flex flex-col items-center justify-start mx-auto px-4 py-8 max-w-6xl"
+    >
+        <h1 class="text-4xl font-bold text-accent-primary mb-8">Electricity</h1>
+
+        <div
+            v-if="data?.trackers"
+            class="space-y-4 w-full"
+        >
+            <div
+                v-for="tracker in data.trackers"
+                :key="tracker.slug"
+                class="bg-fill-secondary p-4 rounded-xl border border-separator-primary"
+            >
+                <h3 class="text-lg font-semibold text-label-primary mb-2">
+                    {{ tracker.name }}
+                </h3>
+                <p class="text-sm text-label-secondary">
+                    Останній раз активний:
+                    {{ formatDate(tracker.lastAlive) }}
+                </p>
+            </div>
+        </div>
+
+        <div
+            class="my-8 bg-fill-secondary p-4 rounded-xl border border-separator-primary w-full"
+        >
+            <div class="flex gap-4">
+                <input
+                    v-model="newTrackerName"
+                    type="text"
+                    placeholder="Enter tracker name"
+                    class="flex-1 px-4 py-2 bg-fill-primary border border-separator-primary rounded-lg text-label-primary focus:outline-none focus:border-accent-primary"
+                    @keyup.enter="addTracker"
+                />
+                <MainButton
+                    @click="addTracker"
+                    :label="isAdding ? 'Adding...' : 'Add'"
+                    button-style="primary"
+                />
+            </div>
+        </div>
+
+        <div
+            v-if="showTokenDialog"
+            class="flex flex-col items-center justify-center w-full"
+        >
+            <div
+                class="bg-fill-secondary rounded-xl border border-separator-primary p-6 max-w-2xl w-full mx-4 backdrop-blur-sm"
+                @click.stop
+            >
+                <h3 class="text-xl font-bold text-label-primary mb-4">
+                    Tracker Token
+                </h3>
+                <div
+                    class="bg-red-500/10 border border-red-500/30 rounded-lg p-4 mb-4"
+                >
+                    <p class="text-red-500 text-sm font-semibold">
+                        ⚠️ Це остання можливість скопіювати токен, зробіть це
+                        перед тим як виконати будь яку іншу дію
+                    </p>
+                </div>
+                <div class="flex gap-2 mb-4">
+                    <input
+                        :value="newTrackerToken"
+                        readonly
+                        class="flex-1 px-4 py-2 bg-fill-primary border border-separator-primary rounded-lg text-label-primary text-sm font-mono"
+                    />
+                    <MainButton
+                        @click="copyToken"
+                        label="Copy"
+                        button-style="primary"
+                        icon="mdi:content-copy"
+                    />
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { definePageMeta, useFetch, ref } from '#imports'
+import type { ElectricityTracker } from '~~/shared/types/electricity_device'
+import MainButton from '~/components/MainButton.vue'
+
+definePageMeta({
+    layout: 'default',
+})
+
+const { data, refresh } = await useFetch<{
+    trackers: ElectricityTracker[]
+}>('/api/electricty_tracker/all')
+
+const newTrackerName = ref('')
+const isAdding = ref(false)
+const showTokenDialog = ref(false)
+const newTrackerToken = ref('')
+
+const addTracker = async () => {
+    if (!newTrackerName.value.trim() || isAdding.value) return
+
+    isAdding.value = true
+    try {
+        const response = await $fetch<{
+            tracker: {
+                name: string
+                slug: string
+                trackerJwtToken: string
+            }
+        }>('/api/electricty_tracker', {
+            method: 'POST',
+            body: {
+                name: newTrackerName.value,
+            },
+        })
+
+        newTrackerToken.value = response.tracker.trackerJwtToken
+        showTokenDialog.value = true
+        newTrackerName.value = ''
+        await refresh()
+    } catch (error) {
+        console.error('Error adding tracker:', error)
+    } finally {
+        isAdding.value = false
+    }
+}
+
+const copyToken = async () => {
+    await navigator.clipboard.writeText(newTrackerToken.value)
+}
+
+const formatDate = (date: Date | undefined) => {
+    if (!date) return 'Невідомо'
+    return new Date(date).toLocaleDateString('en-US', {
+        year: 'numeric',
+        month: 'long',
+        day: 'numeric',
+        hour: '2-digit',
+        minute: '2-digit',
+    })
+}
+</script>
diff --git a/app/pages/home/index.vue b/app/pages/home/index.vue
@@ -4,53 +4,28 @@
             <div class="max-w-4xl mx-auto">
                 <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                     <NuxtLink
-                        to="/karma"
+                        v-for="card in cards"
+                        :key="card.route"
+                        :to="card.route"
                         class="group bg-fill-secondary p-6 rounded-xl border border-separator-primary hover:border-accent-primary transition-all duration-200 cursor-pointer"
                     >
                         <div class="flex flex-col gap-4">
                             <div
                                 class="w-12 h-12 rounded-lg bg-accent-primary/10 flex items-center justify-center group-hover:bg-accent-primary/20 transition-all duration-200"
                             >
                                 <Icon
-                                    icon="mdi:chart-line"
+                                    :icon="card.icon"
                                     class="text-2xl text-accent-primary"
                                 />
                             </div>
                             <div>
                                 <h2
                                     class="text-xl font-bold text-label-primary mb-2"
                                 >
-                                    Подивитися карму людей
+                                    {{ card.title }}
                                 </h2>
                                 <p class="text-sm text-label-secondary">
-                                    Переглянути рейтинг та карму всіх учасників
-                                    спільноти
-                                </p>
-                            </div>
-                        </div>
-                    </NuxtLink>
-
-                    <NuxtLink
-                        to="/design/buttons"
-                        class="group bg-fill-secondary p-6 rounded-xl border border-separator-primary hover:border-accent-primary transition-all duration-200 cursor-pointer"
-                    >
-                        <div class="flex flex-col gap-4">
-                            <div
-                                class="w-12 h-12 rounded-lg bg-accent-primary/10 flex items-center justify-center group-hover:bg-accent-primary/20 transition-all duration-200"
-                            >
-                                <Icon
-                                    icon="mdi:palette"
-                                    class="text-2xl text-accent-primary"
-                                />
-                            </div>
-                            <div>
-                                <h2
-                                    class="text-xl font-bold text-label-primary mb-2"
-                                >
-                                    Подивитися на дизайн систему
-                                </h2>
-                                <p class="text-sm text-label-secondary">
-                                    Вивчити компоненти та стилі дизайн системи
+                                    {{ card.description }}
                                 </p>
                             </div>
                         </div>
@@ -71,6 +46,27 @@ definePageMeta({
     layout: 'default',
 })
 
+const cards = [
+    {
+        route: '/karma',
+        icon: 'mdi:chart-line',
+        title: 'Подивитися карму людей',
+        description: 'Переглянути рейтинг та карму всіх учасників спільноти',
+    },
+    {
+        route: '/design/buttons',
+        icon: 'mdi:palette',
+        title: 'Подивитися на дизайн систему',
+        description: 'Вивчити компоненти та стилі дизайн системи',
+    },
+    {
+        route: '/electricity',
+        icon: 'mdi:lightning-bolt',
+        title: 'Подивитися електроенергію',
+        description: 'Переглянути електроенергію всіх учасників спільноти',
+    },
+]
+
 onMounted(() => {
     trackEvent('page_view', { page: 'home' })
 })
diff --git a/server/api/auth/discord/auth.post.ts b/server/api/auth/discord/auth.post.ts
@@ -14,8 +14,11 @@ export default defineEventHandler(async (event): Promise<AuthResponse> => {
     const { code } = await readBody(event)
     const userAgent = event.node.req.headers['user-agent'] as string
     const country = event.node.req.headers[COUNTRY_HEADER_NAME] as string
+    useNitroApp().logger.info('Discord auth code', { code: code })
     const accessToken = await discordAuth(code)
 
+    useNitroApp().logger.info('Discord access token getting successful', { accessToken: accessToken })
+
     const userBody: any = await getUserByAuthToken(accessToken)
     useNitroApp().logger.info('Discord user getting successful', { user: userBody })
 
diff --git a/server/api/electricty_tracker/alive.post.ts b/server/api/electricty_tracker/alive.post.ts
@@ -0,0 +1,37 @@
+import { defineEventHandler, getRouterParam, createError, getHeader, useRuntimeConfig, useNitroApp } from '#imports'
+import jwt from 'jsonwebtoken'
+
+export default defineEventHandler(async (event) => {
+    const authToken = getHeader(event, 'Authorization') as string
+    if (!authToken) {
+        throw createError({
+            statusCode: 401,
+            statusMessage: 'Unauthorized',
+        })
+    }
+
+    const deviceJWTToken = authToken.split(' ')[1]
+
+    const decoded = jwt.verify(deviceJWTToken, useRuntimeConfig().jwtSecret) as { trackerSlug: string }
+
+    const db = useNitroApp().db
+    const device = await db.collection('electricity_trackers').findOne({ slug: decoded.trackerSlug })
+
+    if (!device) {
+        throw createError({
+            statusCode: 404,
+            statusMessage: 'Device not found',
+        })
+    }
+
+    const record = {
+        deviceSlug: device.slug,
+        timestamp: new Date(),
+    }
+
+    await db.collection('electricity_tracker_alive').insertOne(record)
+
+    return {
+        success: true,
+    }
+})
diff --git a/server/api/electricty_tracker/all.get.ts b/server/api/electricty_tracker/all.get.ts
@@ -0,0 +1,50 @@
+import { defineEventHandler, createError, useNitroApp } from '#imports'
+import type { ElectricityTracker } from '~~/shared/types/electricity_device'
+
+export default defineEventHandler(async (event) => {
+    const user = event.context.user
+    if (!user) {
+        throw createError({
+            statusCode: 401,
+            statusMessage: 'Unauthorized',
+        })
+    }
+
+    const db = useNitroApp().db
+
+    const trackers = await db
+        .collection('electricity_trackers')
+        .find({ userId: user.userId })
+        .sort({ createdAt: -1 })
+        .toArray()
+
+    const trackerSlugs = trackers.map((t: any) => t.slug)
+    const aliveDocs = await db
+        .collection('electricity_tracker_alive')
+        .aggregate([
+            { $match: { deviceSlug: { $in: trackerSlugs } } },
+            { $sort: { timestamp: -1 } },
+            {
+                $group: {
+                    _id: '$deviceSlug',
+                    lastAlive: { $first: '$timestamp' }
+                }
+            }
+        ])
+        .toArray()
+
+    const lastAliveMap: Record<string, Date> = {}
+    for (const doc of aliveDocs) {
+        lastAliveMap[doc._id] = doc.lastAlive
+    }
+
+
+    return {
+        trackers: trackers.map((t: any): ElectricityTracker => ({
+            name: t.name,
+            slug: t.slug,
+            createdAt: t.createdAt,
+            lastAlive: lastAliveMap[t.slug],
+        }))
+    }
+})
diff --git a/server/api/electricty_tracker/index.post.ts b/server/api/electricty_tracker/index.post.ts
@@ -0,0 +1,41 @@
+import { createError, defineEventHandler, readBody, useNitroApp, useRuntimeConfig } from '#imports'
+import type { CreateElectricityTrackerRequest } from '~~/shared/types/create_electricity_tracker'
+import { createSlugFromName } from '~~/shared/utils'
+import jwt from 'jsonwebtoken'
+import { randomUUID } from 'crypto'
+
+export default defineEventHandler(async (event) => {
+    const user = event.context.user
+    if (!user) {
+        throw createError({
+            statusCode: 401,
+            statusMessage: 'Unauthorized',
+        })
+    }
+
+    const body = await readBody<CreateElectricityTrackerRequest>(event)
+    const { name } = body
+
+    const slug = createSlugFromName(name)
+    const db = useNitroApp().db
+
+    const trackerJwtToken = jwt.sign({ trackerSlug: slug }, useRuntimeConfig().jwtSecret)
+
+    const doc = {
+        name: name.trim(),
+        slug: slug,
+        createdAt: new Date(),
+        userId: user.userId,
+    }
+
+    await db.collection('electricity_trackers').insertOne(doc)
+
+    return {
+        tracker: {
+            name: name.trim(),
+            slug: slug,
+            trackerJwtToken: trackerJwtToken,
+        }
+    }
+})
+
diff --git a/server/core/discord/data/repository.ts b/server/core/discord/data/repository.ts
@@ -71,6 +71,7 @@ export async function getUserByAuthToken(authToken: string): Promise<DiscordMemb
     if (!discordResponce.ok) {
         useNitroApp().logger.error('Discord user getting failed', {
             error: discordResponce.statusText,
+            body: await discordResponce.json(),
             hint: 'Make sure the bot is added to the guild and has SERVER MEMBERS INTENT enabled in Discord Developer Portal'
         })
         throw createError({
diff --git a/server/plugins/2_mongo.ts b/server/plugins/2_mongo.ts
@@ -60,6 +60,14 @@ async function createIndexes(db: Db, logger: any) {
             }
         )
 
+        await db.collection('electricity_trackers').createIndex(
+            { slug: 1 },
+            {
+                unique: true,
+                name: 'unique_electricity_tracker_slug'
+            }
+        )
+
         logger.info('Database indexes created successfully')
     } catch (error) {
         logger.error('Failed to create database indexes:', error)
diff --git a/shared/types/create_electricity_tracker.ts b/shared/types/create_electricity_tracker.ts
diff --git a/shared/types/electricity_device.ts b/shared/types/electricity_device.ts
diff --git a/shared/utils.ts b/shared/utils.ts

Original file line number	Diff line number	Diff line change
`@@ -60,6 +60,14 @@ async function createIndexes(db: Db, logger: any) {`
`60`	`60`	`}`
`61`	`61`	`)`
`62`	`62`
	`63`	`+ await db.collection('electricity_trackers').createIndex(`
	`64`	`+ { slug: 1 },`
	`65`	`+ {`
	`66`	`+ unique: true,`
	`67`	`+ name: 'unique_electricity_tracker_slug'`
	`68`	`+ }`
	`69`	`+ )`
	`70`	`+`
`63`	`71`	`logger.info('Database indexes created successfully')`
`64`	`72`	`} catch (error) {`
`65`	`73`	`logger.error('Failed to create database indexes:', error)`