1 files changed, 194 insertions, 0 deletions

diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/yabai/space.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/yabai/space.jsx
new file mode 100755
index 0000000..3b5e761
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/yabai/space.jsx
@@ -0,0 +1,194 @@
+import * as Uebersicht from "uebersicht";
+import OpenedApps from "./opened-apps.jsx";
+import SpaceOptions from "./space-options.jsx";
+import { useYabaiContext } from "../yabai-context.jsx";
+import { useSimpleBarContext } from "../simple-bar-context.jsx";
+import * as Utils from "../../utils.js";
+import * as Yabai from "../../yabai.js";
+
+const { React } = Uebersicht;
+
+/**
+ * Component representing a space in yabai window manager.
+ * @param {Object} props - The component props.
+ * @param {Object} props.space - The space object.
+ * @param {number} props.display - The display index.
+ * @param {number} props.currentSpaceIndex - The current space index.
+ * @param {boolean} props.lastOfSpace - Whether this is the last space.
+ * @returns {JSX.Element|null} The rendered component.
+ */
+export default function Space({
+  space,
+  display,
+  currentSpaceIndex,
+  lastOfSpace,
+}) {
+  const { windows } = useYabaiContext();
+  const { SIPDisabled, settings } = useSimpleBarContext();
+  const { spacesDisplay } = settings;
+  const {
+    displayAllSpacesOnAllScreens,
+    exclusionsAsRegex,
+    displayStickyWindowsSeparately,
+    hideDuplicateAppsInSpaces,
+    showOptionsOnHover,
+  } = spacesDisplay;
+
+  const labelRef = React.useRef();
+  const [hovered, setHovered] = React.useState(false);
+  const [noDelay, setNoDelay] = React.useState(false);
+  const [editable, setEditable] = React.useState(false);
+  const {
+    index,
+    label,
+    "has-focus": hasFocus,
+    focused: __legacyHasFocus,
+    "is-visible": isVisible,
+    visible: __legacyIsVisible,
+    "is-native-fullscreen": isNativeFullscreen,
+    "native-fullscreen": __legacyIsNativeFullscreen,
+    type,
+  } = space;
+  const [spaceLabel, setSpaceLabel] = React.useState(
+    label?.length ? label : index,
+  );
+
+  // Return null if the space should not be displayed on the current screen
+  if (!displayAllSpacesOnAllScreens && display.index !== space.display)
+    return null;
+
+  const exclusions = exclusionsAsRegex
+    ? spacesDisplay.exclusions
+    : spacesDisplay.exclusions.split(", ");
+  const titleExclusions = exclusionsAsRegex
+    ? spacesDisplay.titleExclusions
+    : spacesDisplay.titleExclusions.split(", ");
+
+  /**
+   * Handle mouse enter event.
+   * @param {MouseEvent} e - The mouse event.
+   */
+  const onMouseEnter = (e) => {
+    if (!showOptionsOnHover) return;
+    const { altKey, metaKey } = e;
+    if (altKey) return;
+    setHovered(true);
+    if (metaKey) setNoDelay(true);
+  };
+
+  /**
+   * Handle mouse leave event.
+   */
+  const onMouseLeave = () => {
+    setHovered(false);
+    setNoDelay(false);
+    setEditable(false);
+    window.getSelection().removeAllRanges();
+  };
+
+  /**
+   * Handle click event.
+   * @param {MouseEvent} e - The mouse event.
+   */
+  const onClick = (e) => {
+    onMouseLeave(e);
+    if (e.altKey) {
+      setEditable(true);
+      labelRef.current?.select();
+      return;
+    }
+    if (hasFocus || __legacyHasFocus) return;
+    if (SIPDisabled && !spacesDisplay.switchSpacesWithoutYabai) {
+      Yabai.goToSpace(index);
+      Utils.clickEffect(e);
+      return;
+    }
+    Utils.switchSpace(currentSpaceIndex, index);
+    Utils.clickEffect(e);
+  };
+
+  /**
+   * Handle right-click event.
+   */
+  const onRightClick = () => {
+    setHovered(true);
+    setNoDelay(true);
+  };
+
+  /**
+   * Handle change event for the space label input.
+   * @param {Event} e - The change event.
+   */
+  const onChange = (e) => {
+    if (!editable) return;
+    const newLabel = e.target.value;
+    setSpaceLabel(newLabel);
+    Yabai.renameSpace(index, newLabel);
+  };
+
+  const { nonStickyWindows: apps, stickyWindows } =
+    Utils.stickyWindowWorkaround({
+      windows,
+      uniqueApps: hideDuplicateAppsInSpaces,
+      currentDisplay: display,
+      currentSpace: index,
+      exclusions,
+      titleExclusions,
+      exclusionsAsRegex,
+    });
+  const allApps = [...apps, ...stickyWindows];
+
+  // Determine if the space should be hidden
+  const hidden =
+    !(hasFocus ?? __legacyHasFocus) &&
+    !(isVisible ?? __legacyHasFocus) &&
+    !allApps.length &&
+    spacesDisplay.hideEmptySpaces;
+
+  if (hidden) return null;
+
+  const classes = Utils.classNames(`space space--${type}`, {
+    "space--focused": hasFocus ?? __legacyHasFocus,
+    "space--visible": isVisible ?? __legacyIsVisible,
+    "space--fullscreen": isNativeFullscreen ?? __legacyIsNativeFullscreen,
+    "space--hovered": hovered,
+    "space--no-delay": noDelay,
+    "space--empty": allApps.length,
+    "space--editable": editable,
+  });
+
+  const labelSize = (
+    typeof spaceLabel === "number" ? spaceLabel.toString() : spaceLabel
+  ).length;
+
+  return (
+    <React.Fragment>
+      {displayAllSpacesOnAllScreens && lastOfSpace && (
+        <div className="spaces__separator" />
+      )}
+      <div
+        className={classes}
+        onMouseLeave={onMouseLeave}
+        onMouseEnter={onMouseEnter}
+      >
+        <button
+          className="space__inner"
+          onClick={onClick}
+          onContextMenu={onRightClick}
+        >
+          <input
+            ref={labelRef}
+            type="text"
+            className="space__label"
+            onChange={onChange}
+            value={spaceLabel}
+            style={{ width: `${labelSize}ch` }}
+            readOnly={!editable}
+          />
+          <OpenedApps apps={displayStickyWindowsSeparately ? apps : allApps} />
+        </button>
+        {SIPDisabled && <SpaceOptions index={index} setHovered={setHovered} />}
+      </div>
+    </React.Fragment>
+  );
+}