import { App, Hyprland, Utils, Widget } from '../../imports.js';
const { Icon, Revealer } = Widget;
const { closeWindow } = App;
const { execAsync } = Utils;

import { WindowButton } from './dragndrop.js';
import * as VARS from './variables.js';

Array.prototype.remove = function (el) { this.splice(this.indexOf(el), 1) };

const scale = size => size * VARS.SCALE - VARS.MARGIN;
const getFontSize = client => Math.min(scale(client.size[0]), scale(client.size[1])) * VARS.ICON_SCALE;

const IconStyle = client => `transition: font-size 0.2s linear;
                             min-width:  ${scale(client.size[0])}px;
                             min-height: ${scale(client.size[1])}px;
                             font-size:  ${getFontSize(client)}px;`;


const Client = (client, active, clients) => Revealer({
  transition: 'crossfade',
  setup: rev => {
    rev.revealChild = true;
  },
  properties: [
    ['address', client.address],
    ['toDestroy', false]
  ],
  child: WindowButton({
    address: client.address,
    onSecondaryClickRelease: () => execAsync(`hyprctl dispatch closewindow address:${client.address}`).catch(print),
    onPrimaryClickRelease: () => {
      let wsName = String(client.workspace.name).replace('special:', '');
      let wsId = client.workspace.id;
      let addr = `address:${client.address}`;

      if (wsId < 0) {
        if (client.workspace.name === 'special') {
          execAsync(`hyprctl dispatch movetoworkspacesilent special:${wsId},${addr}`).then(
            execAsync(`hyprctl dispatch togglespecialworkspace ${wsId}`).then(
              () => closeWindow('overview')
            ).catch(print)
          ).catch(print);
        }
        else {
          execAsync(`hyprctl dispatch togglespecialworkspace ${wsName}`).then(
            () => closeWindow('overview')
          ).catch(print);
        }
      }
      else {
        // close special workspace if one is opened
        let activeAddress = Hyprland.active.client.address;
        let currentActive = clients.find(c => c.address === activeAddress)

        if (currentActive && currentActive.workspace.id < 0) {
          execAsync(`hyprctl dispatch togglespecialworkspace ${wsName}`).catch(print);
        }
        execAsync(`hyprctl dispatch focuswindow ${addr}`).then(
          () => closeWindow('overview')
        ).catch(print);
      }
    },
    child: Icon({
      className: `window ${active}`,
      style: IconStyle(client) + 'font-size: 10px;',
      icon: client.class,
    }),
  }),
});

export function updateClients(box) {
  execAsync('hyprctl clients -j').then(
  result => {
    let clients = JSON.parse(result).filter(client => client.class)

    box._workspaces.forEach(workspace => {
      let fixed = workspace.child.child.get_children()[2].children[0];
      let toRemove = fixed.get_children();

      clients.filter(client => client.workspace.id == workspace._id).forEach(client => {
        let active = '';
        if (client.address == Hyprland.active.client.address) {
          active = 'active';
        }

        // TODO: fix multi monitor issue. this is just a temp fix
        client.at[1] -= 2920;

        // Special workspaces that haven't been opened yet
        // return a size of 0. We need to set them to default
        // values to show the workspace properly
        if (client.size[0] === 0) {
          client.size[0] = VARS.DEFAULT_SPECIAL.SIZE_X;
          client.size[1] = VARS.DEFAULT_SPECIAL.SIZE_Y;
          client.at[0] = VARS.DEFAULT_SPECIAL.POS_X;
          client.at[1] = VARS.DEFAULT_SPECIAL.POS_Y;
        }

        let newClient = [
          fixed.get_children().find(ch => ch._address == client.address),
          client.at[0] * VARS.SCALE,
          client.at[1] * VARS.SCALE,
        ];

        if (newClient[0]) {
          toRemove.remove(newClient[0]);
          fixed.move(...newClient);
        }
        else {
          newClient[0] = Client(client, active, clients);
          fixed.put(...newClient);
        }

        // Set a timeout here to have an animation when the icon first appears
        setTimeout(() => {
          newClient[0].child.child.className = `window ${active}`;
          newClient[0].child.child.style = IconStyle(client);
        }, 1);
      });
      fixed.show_all();
      toRemove.forEach(ch => {
        if (ch._toDestroy) {
          ch.destroy();
        }
        else {
          ch.revealChild = false;
          ch._toDestroy = true;
        }
      });
    });
  }).catch(print);
};