1 files changed, 147 insertions, 0 deletions

diff --git a/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/browser-track.jsx b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/browser-track.jsx
new file mode 100755
index 0000000..d320e4a
--- /dev/null
+++ b/users/ryan/modules/simple-bar/simple-bar-source/lib/components/data/browser-track.jsx
@@ -0,0 +1,147 @@
+import * as Uebersicht from "uebersicht";
+import * as DataWidget from "./data-widget.jsx";
+import * as DataWidgetLoader from "./data-widget-loader.jsx";
+import * as Icons from "../icons/icons.jsx";
+import { SuspenseIcon } from "../icons/icon.jsx";
+import useWidgetRefresh from "../../hooks/use-widget-refresh";
+import useServerSocket from "../../hooks/use-server-socket";
+import { useSimpleBarContext } from "../simple-bar-context.jsx";
+import * as Utils from "../../utils";
+
+export { browserTrackStyles as styles } from "../../styles/components/data/browser-track";
+
+const { React } = Uebersicht;
+
+const DEFAULT_REFRESH_FREQUENCY = 10000;
+
+/**
+ * BrowserTrack Widget component
+ * @returns {JSX.Element|null} The BrowserTrack widget
+ */
+export const Widget = React.memo(() => {
+  const { displayIndex, settings } = useSimpleBarContext();
+  const { widgets, browserTrackWidgetOptions } = settings;
+  const { browserTrackWidget } = widgets;
+  const { refreshFrequency, showSpecter, showOnDisplay, showIcon } =
+    browserTrackWidgetOptions;
+  const visible =
+    Utils.isVisibleOnDisplay(displayIndex, showOnDisplay) && browserTrackWidget;
+
+  const refresh = React.useMemo(
+    () =>
+      Utils.getRefreshFrequency(refreshFrequency, DEFAULT_REFRESH_FREQUENCY),
+    [refreshFrequency],
+  );
+
+  const ref = React.useRef();
+
+  const [state, setState] = React.useState();
+  const [loading, setLoading] = React.useState(visible);
+
+  /**
+   * Resets the widget state
+   */
+  const resetWidget = () => {
+    setState(undefined);
+    setLoading(false);
+  };
+
+  /**
+   * Fetches the current browser track information
+   */
+  const getBrowserTrack = React.useCallback(async () => {
+    if (!visible) return;
+    const [firefoxStatus, firefoxDevStatus] = await Promise.all([
+      Utils.cachedRun(
+        `pgrep -xq 'Firefox' && echo "true" || echo "false"`,
+        refresh,
+      ),
+      Utils.cachedRun(
+        `pgrep -xq 'Firefox Developer Edition' && echo "true" || echo "false"`,
+        refresh,
+      ),
+    ]);
+    const isFirefoxDevRunning =
+      Utils.cleanupOutput(firefoxDevStatus) === "true";
+    const isFirefoxRunning = Utils.cleanupOutput(firefoxStatus) === "true";
+    const scriptNamePrefix = isFirefoxDevRunning
+      ? "firefox-dev"
+      : isFirefoxRunning
+        ? "firefox"
+        : "browser";
+
+    const [browserTrackOutput, spotifyStatus] = await Promise.all([
+      Utils.cachedRun(
+        `osascript ./simple-bar/lib/scripts/${scriptNamePrefix}-audio.applescript 2>&1`,
+        refresh,
+      ),
+      Utils.cachedRun(
+        `pgrep -fq '[S]potify Helper' && echo "true" || echo "false"`,
+        refresh,
+      ),
+    ]);
+    const browserTrack = JSON.parse(browserTrackOutput);
+    setState({
+      ...browserTrack,
+      isSpotifyRunning: Utils.cleanupOutput(spotifyStatus) === "true",
+    });
+    setLoading(false);
+  }, [visible, refresh]);
+
+  useServerSocket(
+    "browser-track",
+    visible,
+    getBrowserTrack,
+    resetWidget,
+    setLoading,
+  );
+  useWidgetRefresh(visible, getBrowserTrack, refresh);
+
+  if (loading) return <DataWidgetLoader.Widget className="browser-track" />;
+  if (!state) return null;
+  const { browser, title, isSpotifyRunning } = state;
+
+  if (!browser?.length || !title?.length || isSpotifyRunning) return null;
+
+  /**
+   * Icon component for displaying browser and playing icons
+   * @returns {JSX.Element} The icon component
+   */
+  const Icon = () => {
+    const BrowserIcon = getIcon(browser);
+    return (
+      <div className="browser-track__icons">
+        <SuspenseIcon>
+          <BrowserIcon />
+          <Icons.Playing />
+        </SuspenseIcon>
+      </div>
+    );
+  };
+
+  return (
+    <DataWidget.Widget
+      ref={ref}
+      classes="browser-track"
+      Icon={showIcon ? Icon : null}
+      showSpecter={showSpecter}
+    >
+      {title}
+    </DataWidget.Widget>
+  );
+});
+
+Widget.displayName = "BrowserTrack";
+
+/**
+ * Returns the appropriate icon component based on the browser name
+ * @param {string} browser - The name of the browser
+ * @returns {JSX.Element} The icon component for the browser
+ */
+function getIcon(browser) {
+  if (browser === "chrome") return Icons.GoogleChrome;
+  if (browser === "brave") return Icons.BraveBrowser;
+  if (browser === "safari") return Icons.Safari;
+  if (browser === "firefox") return Icons.Firefox;
+  return Icons.Default;
+}