desktop.jsx

import App from "./lib/App.jsx";
import Desktop from "./lib/Desktop.jsx";
import Error from "./lib/Error.jsx";
import parse from "./lib/parse.jsx";
import styles from "./lib/styles.jsx";

const style = {
  padding: "0 8px",
  display: "grid",
  gridAutoFlow: "column",
  gridGap: "16px",
  position: "fixed",
  overflow: "hidden",
  left: "0px",
  top: "0px",
  fontFamily: styles.fontFamily,
  lineHeight: styles.lineHeight,
  fontSize: styles.fontSize,
  color: styles.colors.dim,
  fontWeight: styles.fontWeight
};

export const refreshFrequency = false;
export const command = './ayu-nibar/scripts/desktop.sh'
export const initialState = { output: { spaces: [], displays: [], windows: [] } }

export const updateState = (event, previousState) => {
  if (event.error) {
    return {...previousState, error: `Received error: ${event.error}`}
  }

  const data = parse(event.output)
  if (typeof data === "undefined") {
    return {...previousState, error: "Failed to parse output of command"}
  }

  return { output: data }
}

export const render = ({ output, error }) => {
  if (error) {
    console.log(error)
  }

  const displayId = Number(window.location.pathname.replace(/\D+/g, ''));
  const display = output.displays.find(d => d.id === displayId);
  return (
    <div style={style}>
      <Desktop output={output.spaces.filter(s => s.display === display.index)} />
      <App output={output.windows} />
    </div>
  );
};

export default null;