import { type Application } from 'types/service/applications';
import { launchApp, icon } from 'lib/utils';
import options from 'options';
import icons from 'lib/icons';

const apps = await Service.import('applications');
const { query } = apps;
const { iconSize } = options.launcher.apps;

const QuickAppButton = (app: Application) =>
  Widget.Button({
    hexpand: true,
    tooltip_text: app.name,
    on_clicked: () => {
      App.closeWindow('launcher');
      launchApp(app);
    },
    child: Widget.Icon({
      size: iconSize.bind(),
      icon: icon(app.icon_name, icons.fallback.executable),
    }),
  });

const AppItem = (app: Application) => {
  const title = Widget.Label({
    class_name: 'title',
    label: app.name,
    hexpand: true,
    xalign: 0,
    vpack: 'center',
    truncate: 'end',
  });

  const description = Widget.Label({
    class_name: 'description',
    label: app.description || '',
    hexpand: true,
    wrap: true,
    max_width_chars: 30,
    xalign: 0,
    justification: 'left',
    vpack: 'center',
  });

  const appicon = Widget.Icon({
    icon: icon(app.icon_name, icons.fallback.executable),
    size: iconSize.bind(),
  });

  const textBox = Widget.Box({
    vertical: true,
    vpack: 'center',
    children: app.description ? [title, description] : [title],
  });

  return Widget.Button({
    class_name: 'app-item',
    attribute: { app },
    child: Widget.Box({
      children: [appicon, textBox],
    }),
    on_clicked: () => {
      App.closeWindow('launcher');
      launchApp(app);
    },
  });
};
export function Favorites() {
  const favs = options.launcher.apps.favorites.bind();
  return Widget.Revealer({
    visible: favs.as(f => f.length > 0),
    child: Widget.Box({
      vertical: true,
      children: favs.as(favs =>
        favs.flatMap(fs => [
          Widget.Separator(),
          Widget.Box({
            class_name: 'quicklaunch horizontal',
            children: fs
              .map(f => query(f)?.[0])
              .filter(f => f)
              .map(QuickAppButton),
          }),
        ]),
      ),
    }),
  });
}

export function Launcher() {
  const applist = Variable(query(''));
  const max = options.launcher.apps.max;
  let first = applist.value[0];

  function SeparatedAppItem(app: Application) {
    return Widget.Revealer({ attribute: { app } }, Widget.Box({ vertical: true }, Widget.Separator(), AppItem(app)));
  }

  const list = Widget.Box({
    vertical: true,
    children: applist.bind().as(list => list.map(SeparatedAppItem)),
    setup: self => self.hook(apps, () => (applist.value = query('')), 'notify::frequents'),
  });

  return Object.assign(list, {
    filter(text: string | null) {
      first = query(text || '')[0];
      list.children.reduce((i, item) => {
        if (!text || i >= max.value) {
          item.reveal_child = false;
          return i;
        }
        if (item.attribute.app.match(text)) {
          item.reveal_child = true;
          return ++i;
        }
        item.reveal_child = false;
        return i;
      }, 0);
    },
    launchFirst() {
      launchApp(first);
    },
  });
}