import { type Binding } from 'lib/utils';
import PopupWindow, { Padding } from 'widget/PopupWindow';
import icons from 'lib/icons';
import options from 'options';
import nix from 'service/nix';
import * as AppLauncher from './AppLauncher';
import * as NixRun from './NixRun';
import * as ShRun from './ShRun';

const { width, margin } = options.launcher;
const isnix = nix.available;

function Launcher() {
  const favs = AppLauncher.Favorites();
  const applauncher = AppLauncher.Launcher();
  const sh = ShRun.ShRun();
  const shicon = ShRun.Icon();
  const nix = NixRun.NixRun();
  const nixload = NixRun.Spinner();

  function HelpButton(cmd: string, desc: string | Binding<string>) {
    return Widget.Box(
      { vertical: true },
      Widget.Separator(),
      Widget.Button(
        {
          class_name: 'help',
          on_clicked: () => {
            entry.grab_focus();
            entry.text = `:${cmd} `;
            entry.set_position(-1);
          },
        },
        Widget.Box([
          Widget.Label({
            class_name: 'name',
            label: `:${cmd}`,
          }),
          Widget.Label({
            hexpand: true,
            hpack: 'end',
            class_name: 'description',
            label: desc,
          }),
        ]),
      ),
    );
  }

  const help = Widget.Revealer({
    child: Widget.Box(
      { vertical: true },
      HelpButton('sh', 'run a binary'),
      isnix
        ? HelpButton(
          'nx',
          options.launcher.nix.pkgs.bind().as(pkg => `run a nix package from ${pkg}`),
        )
        : Widget.Box(),
    ),
  });

  const entry = Widget.Entry({
    hexpand: true,
    primary_icon_name: icons.ui.search,
    on_accept: ({ text }) => {
      if (text?.startsWith(':nx')) nix.run(text.substring(3));
      else if (text?.startsWith(':sh')) sh.run(text.substring(3));
      else applauncher.launchFirst();

      App.toggleWindow('launcher');
      entry.text = '';
    },
    on_change: ({ text }) => {
      text ||= '';
      favs.reveal_child = text === '';
      help.reveal_child = text.split(' ').length === 1 && text?.startsWith(':');

      if (text?.startsWith(':nx')) nix.filter(text.substring(3));
      else nix.filter('');

      if (text?.startsWith(':sh')) sh.filter(text.substring(3));
      else sh.filter('');

      if (!text?.startsWith(':')) applauncher.filter(text);
    },
  });

  function focus() {
    entry.text = '';
    entry.set_position(-1);
    entry.select_region(0, -1);
    entry.grab_focus();
    favs.reveal_child = true;
  }

  const layout = Widget.Box({
    css: width.bind().as(v => `min-width: ${v}pt;`),
    class_name: 'launcher',
    vertical: true,
    vpack: 'start',
    setup: self =>
      self.hook(App, (_, win, visible) => {
        if (win !== 'launcher') return;

        entry.text = '';
        if (visible) focus();
      }),
    children: [
      Widget.Box([entry, nixload, shicon]),
      favs,
      help,
      applauncher,
      //nix,
      sh,
    ],
  });

  return Widget.Box(
    { vertical: true, css: 'padding: 1px' },
    Padding('applauncher', {
      css: margin.bind().as(v => `min-height: ${v}pt;`),
      vexpand: false,
    }),
    layout,
  );
}

export default () =>
  PopupWindow({
    name: 'launcher',
    layout: 'top',
    child: Launcher(),
  });