Build out Pane API

[andyrichardson]

About

The current API for pages and panes is pretty limited. The Pane component should be used without discrimination for:

• Presenting content
• Splitting child panes
• Recursively managing panes in a tree-like manner

The I3 docs have a pretty nice summary of using a tree layout for reference.

Also see here for an example of nested panes in the repo.

Example

Open to suggestions if this doesn't work but off the top of my head, something like this should work:

<Pane split="horizontal">
  <Pane split="vertical">
    <Pane>A</Pane>
    <Pane>B</Pane>
  </Pane>
  <Pane>C</Pane>
</Pane>

Screenshot

Context bar

We would also benefit from a context bar which can be used in any pane.

Top level

<Pane split="horizontal">
  <ContextBar>X</ContextBar>
  <Pane split="vertical">
    <Pane>A</Pane>
    <Pane>B</Pane>
  </Pane>
  <Pane>C</Pane>
</Pane>

Screenshot

Nested

<Pane split="horizontal">
  <Pane split="vertical">
    <Pane>A</Pane>
    <Pane>
      <ContextBar>X</ContextBar>
      B
    </Pane>
  </Pane>
  <Pane>C</Pane>
</Pane>

Screenshot

[andyrichardson]

Update to this!

• Tree view is incorrect - should not be limited to a tree structure (i.e 3 panes is allowed)
• we might not need to nest panes - either works