add initial implementation for window display

[Granitosaurus]

Hey, this is my first attempt at a Ubersicht widget and in this PR I've added window view similar to spaces view:

Let me know what you think!

[Granitosaurus]

The only thing I couldn't figure out is if it's possible to add relative position because now you need to hardcode left padding which I defaulted to 300px here, which leaves space for like 10 windows on 15" mac. Also yabai focus_windows signal doesn't seem to be fired when switching focus relatively (south,east,west,north) but I guess that's an issue with yabai

[kkga]

Thanks for contributing! Looks great!

The only thing I couldn't figure out is if it's possible to add relative position...

Yeah that's tricky, because each widget has to be a top-level node in the DOM tree and it's not possible (afaik) to nest them in a single layout container.

The fixed offset is not ideal, though, so I can see 2 alternative ways to integrate this functionality:

• keep it as a separate widget, but display it at the center of the screen with text-align: center
• integrate it into the "spaces" widget so that it's in the same container as the list of workspaces

I'm fine with either approach, so let me know which option you prefer 👍

[Granitosaurus]

I've been using this for a week now and I'm not sure if integrating it into spaces widget is a great idea as some people might not like it. as for text-align: center I've tried it and it doesn't look great since it keeps recentering and moving around every time new element so it's kinda distracting. So I think left padded looks the best by far:

I've added preliminary implementation for config support:

• windows_pad - left padding, since spaces are usually static
• windows_max_win which determines maximum length of an app name since some apps can be extremely long and take up a lot of space (very rare).

Though maybe that should be part of styles.jsx? Sorry I'm not very familiar with javascript.