web-dev.js

function layout() {
  return {
    name: 'Web Dev',
    getFrameAssignments: (windows, screenFrame) => {
      const webWidth = 1319
      const secondaryHeight = screenFrame.height / windows.length
      let frame
      const frames = windows.map((window, index) => {
        if (index === 1) {
          frame = {
            x: screenFrame.x,
            y: screenFrame.y,
            width: screenFrame.width - webWidth,
            height: screenFrame.height,
          }
        } else {
          frame = {
            x: screenFrame.width - webWidth,
            y: screenFrame.y + secondaryHeight * index,
            width: webWidth,
            height: screenFrame.height,
          }
        }
        return { [window.id]: frame }
      })
      return frames.reduce((frames, frame) => ({ ...frames, ...frame }), {})
    },
  }
}