const hyprland = await Service.import("hyprland");

export const Padding = (name) =>
  Widget.EventBox({
    hexpand: true,
    vexpand: true,
    can_focus: true,
    child: Widget.Box(),
    setup: (w) => w.on("button-press-event", () => App.toggleWindow(name)),
  });

const moveBoxToCursor = (self, minWidth, minHeight, child) => {
  function getAllMethods(object) {
    return Object.getOwnPropertyNames(object).filter(function (property) {
      return typeof object[property] == "function";
    });
  }
  globalMousePos.connect("changed", ({ value }) => {
    console.log(child.get_allocated_height());
    console.log(child.get_allocated_width());
    let monWidth = hyprland.monitors[hyprland.active.monitor.id].width;
    let monHeight = hyprland.monitors[hyprland.active.monitor.id].height;

    // If monitor is vertical (transform = 1 || 3) swap height and width
    if (hyprland.monitors[hyprland.active.monitor.id].transform % 2 !== 0) {
      [monWidth, monHeight] = [monHeight, monWidth];
    }

    let marginRight = monWidth - value[0] - minWidth / 2;
    let marginLeft = monWidth - minWidth - marginRight;

    if (marginRight < 0) {
      marginRight = 13;
      marginLeft = monWidth - minWidth - 13;
    } else if (marginRight < 13) {
      marginRight = 13;
      marginLeft = monWidth - minWidth - 13;
    }
    const marginTop = 40;
    const marginBottom = monHeight + minHeight - marginTop;
    self.set_margin_left(marginLeft);
    self.set_margin_right(marginRight);
    self.set_margin_top(marginTop);
    self.set_margin_bottom(marginBottom);
  });
};

export default ({
  name,
  child,
  layout = "center",
  transition,
  minWidth = 400,
  minHeight = 200,
  exclusivity = "ignore",
  ...props
}) =>
  Widget.Window({
    name,
    class_names: [name, "dropdown-menu"],
    setup: (w) => w.keybind("Escape", () => App.closeWindow(name)),
    visible: false,
    keymode: "on-demand",
    exclusivity,
    layer: "top",
    anchor: ["top", "bottom", "right", "left"],
    child: Widget.EventBox({
      on_primary_click: () => App.closeWindow(name),
      child: Widget.EventBox({
        on_primary_click: () => {
          return true;
        },
        setup: (self) => {
          moveBoxToCursor(self, minWidth, minHeight, child);
        },
        child: Widget.Box({
          class_name: "dropdown-menu-container",
          can_focus: true,
          children: [Padding(name), child],
        }),
      }),
    }),
    ...props,
  });