Investigate opening tabs in new Browser Window

[mathuo]

          Thanks for the explanation!  Stoked for this to be working.  This is perhaps one of my favourite features of switching over to Dockview.

Out of curiosity, anything on the roadmap to pull a tab out into a totally new browser window?

Originally posted by @michaelsharpe in #344 (comment)

[mathuo]

Screenshot of very early work in progress.

[michaelsharpe]

This is so exciting!

[mathuo]

@michaelsharpe I've published the current state under an experimental build. I believe this is getting close to a production-grade solution but it may be subject to some change. Any feedback appreicated as always.

npm install dockview@0.0.0-experimental-1264055-20231228

• The state of popout windows is serialized with the layout.
• A popout window requires a page to attach to, by default this is /popout.html. You can specify your own page location which I believe most users will need to do. This page should be a blank .html page.

  addPopoutGroup(
      item: IDockviewPanel | DockviewGroupPanel,
      options?: {
          position?: Box;
          popoutUrl?: string;
      }
  ): void;

From the primary api

api.addPopoutGroup(group);

From within a panel

props.containerApi.addPopoutGroup(props.api.group);

[michaelsharpe]

Awesome!!! I'll try it out and let you know how it goes.

[mathuo]

Refer to #365 for beta builds and documentation of this feature.

[mathuo]

This has been release in version 1.9.0. Docs here.