import { ElemType } from "../screenbuilder.ts";
import { Screen } from "../screen.ts";
import type { Input, Text } from "../elements.ts";
import process from "node:process";

function changeTitle(title: string) {
    if (process.platform == 'win32') {
        process.title = title;
    } else {
        process.stdout.write(`\x1b]2;${title}\x1b\x5c`);
    }
}

export default {
    elements: [
        {
            type: ElemType.TextElem,
            id: 'home',
            data: ["Loading home posts...\n", function (this: Text) {
                const msgInput: Input = this.screen.elements.get("msg-input") as Input;
                const inputValueHeight = msgInput.value.split("\n").length + 1;
                const termHeight = process.stdout.rows;
                const termWidth  = process.stdout.columns;

                let splitText = this.text.split("\n");
                splitText = splitText.map(t => t.replace(new RegExp(`([^]{${termWidth}})`, "g"),"$1\n"));
                this.screen.logs.push(JSON.stringify(splitText))
                splitText = splitText.join("\n").split("\n")

                splitText = splitText.slice(-(termHeight - inputValueHeight));

                return splitText.join("\n")
            }]
        },
        {
            type: ElemType.HR,
            id: 'hr',
            data: []
        },
        {
            type: ElemType.InputElem,
            id: 'msg-input',
            data: [false, false, true]
        },
        {
            type: ElemType.ButtonElem,
            id: 'done-btn',
            data: ["Send", function (this: Screen) {
                const msgInput: Input = this.elements.get('msg-input') as Input
                this.client.sendHome(msgInput.value);
                msgInput.value = ""
                this.render()
            }]
        }
    ],
    focus: "msg-input",
    name: 'home',
    onload (screen: Screen) {
        screen.client.setScreen(screen)
        screen.client.loadHome(screen)
        changeTitle(`maelink - home`)
    }
}