import chalk from 'chalk';
import { Commands } from '../types/commands';
import { Resume } from '../types/resume';
import { getResume } from './actions/getResume';
import open from 'open';
import { printResume } from './printResume';
import { getProjects, showProjects } from './actions/showProjects';
import { getGeneralData, showContacts } from './actions/showContacts';
import { BACKEND, FRONTEND } from './variables';
import ora from 'ora';

export const commands: Commands[] = [
    'about',
    'clear',
    'contact',
    'echo',
    'education',
    'email',
    'exit',
    'experience',
    'gui',
    'help',
    'projects',
    'resume',
    'skills',
    'welcome',
    'whoami',
];

export const commandHistory: string[] = [];

export const commandDetails: {
    [key in Commands]: {
        description: string;
        usage: string;
        example: string;
        action?: (arg?: string[]) => Promise<void>;
    };
} = {
    welcome: {
        description: 'Welcome message',
        usage: 'welcome',
        example: 'welcome',
        action: async () => {
            const name = `
▀█▀ ▄▀█ ░░█ █▀▄▀█ █ █▀█ █░█ █░░   █ █▀ █░░ ▄▀█ █▀▄▀█
░█░ █▀█ █▄█ █░▀░█ █ █▀▄ █▄█ █▄▄   █ ▄█ █▄▄ █▀█ █░▀░█
            `;
            console.log(name);
            const text = [
                `Welcome to my terminal Portfolio! version 1.0.0`,
                `For a list of available commands type ${chalk.greenBright.bold(
                    'help',
                )}`,
                ``,
                // please don't claim this as your own
                // I would appreciate a star on the repo instead
                // a simple request to keep the mark
                `Developed by ${chalk.greenBright.bold('Tajmirul Islam')}`,
                ``,
            ].join('\n');

            console.log(text);
        },
    },
    help: {
        description: 'List available commands',
        usage: 'help',
        example: 'help',
        action: async () => {
            const longestCommand = commands.reduce((a, b) =>
                a.length > b.length ? a : b,
            );

            const generateSpaces = (command: string) => {
                return ' '.repeat(longestCommand.length - command.length);
            };

            const commandsWithHelpText = commands
                .map((command) => {
                    const commandDetail = commandDetails[command];

                    return `${chalk.greenBright(command)} ${generateSpaces(
                        command,
                    )} - ${commandDetail.description}`;
                })
                .join('\n');

            const helpText = [
                `Available commands:`,
                commandsWithHelpText,
                ``,
                `Press ${chalk
                    .hex('#05ce91')
                    .bold('tab')} to autocomplete commands.`,
                `Up/down arrow keys to navigate command history.`,
            ].join('\n');

            console.log(helpText);
        },
    },
    exit: {
        description: 'Exit the terminal',
        usage: 'exit',
        example: 'exit',
        // no action needed
    },
    clear: {
        description: 'Clear the terminal',
        usage: 'clear',
        example: 'clear',
        action: async () => console.clear(),
    },
    echo: {
        description: 'Print a string to the terminal',
        usage: 'echo [string]',
        example: 'echo hello world',
        action: async (args?: string[]) => {
            console.log(`${args?.join(' ')}`);
        },
    },
    history: {
        description: 'See command history',
        usage: 'history',
        example: 'history',
        action: async () => {
            console.log(commandHistory.join('\n'));
        },
    },
    whoami: {
        description: 'Print the current user',
        usage: 'whoami',
        example: 'whoami',
        action: async () => {
            console.log('Visitor');
        },
    },
    gui: {
        description: 'Visit my website',
        usage: 'gui',
        example: 'gui',
        action: async () => {
            open(FRONTEND);
            console.log(`Visit my website at ${FRONTEND}`);
        },
    },
    about: {
        description: 'Know more about me',
        usage: 'about',
        example: 'about',
        action: async () => {
            const aboutText = [
                ``,
                `I'm ${chalk.greenBright.bold(
                    'Tajmirul Islam',
                )}, a ${chalk.bold('Front End Developer')} from `,
                `Dhaka, Bangladesh. I love coding, especially when `,
                `I'm part of a team. My focus is on writing fast `,
                `and clean code, making websites work better. I enjoy `,
                `learning and solving problems. Currently, I'm `,
                `working at AnchorBlock Technology, building `,
                `websites with React and Next. Before that, I was `,
                `at Branex IT, where I worked on various projects `,
                `using HTML, CSS, JavaScript, and more. You can `,
                `check out my portfolio to see some of my work. `,
                ``,
                `Let's talk!`,
            ].join('\n');

            console.log(aboutText);
        },
    },
    education: {
        description: 'My education background',
        usage: 'education',
        example: 'education',
        action: async () => {
            const allResumes = await getResume();
            allResumes?.forEach((item: Resume) => {
                if (item.category === 'education') {
                    printResume(item);
                }
            });
        },
    },
    experience: {
        description: 'Experience i have gathered so far',
        usage: 'experience',
        example: 'experience',
        action: async () => {
            const resume = await getResume();
            resume.forEach((item: Resume) => {
                if (item.category === 'work') {
                    printResume(item);
                }
            });
        },
    },
    skills: {
        description: 'My skills',
        usage: 'skills',
        example: 'skills',
        action: async () => {
            console.log('\nMy Skills:');
            console.log(
                `Languages: HTML, JavaScript, ${chalk.blueBright.bold(
                    'TypeScript',
                )}`,
            );
            console.log(
                `Frameworks: React, ${chalk.blueBright.bold(
                    'Next',
                )}, Tailwind Css, SASS`,
            );
            console.log(
                `Others: ${chalk.blueBright.bold('Node')}, Express, MongoDB`,
            );
            console.log(`Tools: Git, GitHub, Figma`);
        },
    },
    projects: {
        description: 'View my projects',
        usage: 'projects',
        example: 'projects',
        action: async () => {
            const projects = await getProjects();
            showProjects(projects!);
        },
    },
    contact: {
        description: 'Contact Information',
        usage: 'contact',
        example: 'contact',
        action: async () => {
            await showContacts();
        },
    },
    email: {
        description: 'Send me an email',
        usage: 'email',
        example: 'email',
        action: async () => {
            const spinner = ora('Opening email client...\n\n').start();

            const generalData = await getGeneralData();
            open(
                `https://mail.google.com/mail/?view=cm&fs=1&to=${generalData.contact.email}&body=Dear+Tajmirul+Islam,`,
            );
            console.log(generalData.contact.email);
            console.log('\nDone, see you soon at inbox.\n');

            spinner.stop();
            spinner.clear();
        },
    },
    resume: {
        description: 'Want to see my resume?',
        usage: 'resume',
        example: 'resume',
        action: async () => {
            const spinner = ora('Opening resume ...').start();
            const generalData = await getGeneralData();
            const resume = generalData.resume;

            open(resume);

            spinner.stop();
            spinner.clear();

            console.log("\nIf didn't open, CTRL + click here: ");
            console.log(resume);
        },
    },
};