index.ts

import optionService from "@service/option-service"
import { MILL_PER_MINUTE } from "@util/time"
import { exitFullscreen, type Processor } from "../common"
import { createComponent } from "./component"

class Reminder implements Processor {
    private id = 0
    private el: HTMLElement | undefined
    private darkMode: boolean = false

    handleMsg(code: timer.mq.ReqCode, data: unknown): timer.mq.Response | Promise<timer.mq.Response> {
        if (code !== 'limitReminder') {
            return { code: 'ignore' }
        }
        this.show(data as timer.limit.ReminderInfo)
        return { code: 'success' }
    }

    private async show(data: timer.limit.ReminderInfo) {
        if (!document?.body || this.el) return

        await exitFullscreen()

        const el = createComponent(this.darkMode, data, () => this.close())
        const domId = `time-tracker-notification-${this.id++}`
        el.id = domId
        document.body.append(el)

        this.el = el
        const duration = data?.duration
        duration && setTimeout(() => this.close(), duration * MILL_PER_MINUTE)
    }

    private close() {
        if (!this.el) return
        this.el.remove()
        this.el = undefined
    }

    async init(): Promise<void> {
        this.darkMode = await optionService.isDarkMode()
    }
}

export default Reminder