HNHacker News
TopNewBestAskShowJobs

mathuo

107 karma · joined May 23, 2022

https://github.com/mathuo
submissionscomments
mathuo··on Show HN: TypeScript/React/Vue Window Layout Manager (Tabs, Floating, Popouts)
no ai :) just a vanilla layout manager. I assume the above comment is by somebody building an ai project that could use a layout manager
mathuo··on Show HN: TypeScript/React/Vue Window Layout Manager (Tabs, Floating, Popouts)
demo fixed on Safari. There is touch support for some the core features.

https://dockview.dev/demo/

mathuo··on Show HN: TypeScript/React/Vue Window Layout Manager (Tabs, Floating, Popouts)
demo fixed on Safari

https://dockview.dev/demo/

mathuo··on Show HN: TypeScript/React/Vue Window Layout Manager (Tabs, Floating, Popouts)
demo fixed on Safari

https://dockview.dev/demo/

mathuo··on Show HN: TypeScript/React/Vue Window Layout Manager (Tabs, Floating, Popouts)
small issue on website preventing demo working on Safari browsers is now fixed.

https://dockview.dev/demo/

mathuo··on Show HN: TypeScript/React/Vue Window Layout Manager (Tabs, Floating, Popouts)
In terms of rendering modes both approaches are supported

https://dockview.dev/docs/core/panels/rendering

There are options to maintain the panels content within the DOM at all times (using an approach like you mentioned with display: none) and options to remove content from the DOM.

In terms of vanilla TS the library is almost entire written in vanilla TS with small wrapper libraries for Vue and React.

In theory wrappers could be written for other frameworks such as Angular (which is something I would like to get done this year)

Loading and saving state is supported though

https://dockview.dev/docs/core/state/save

Let me know if that answers the question

mathuo··on Show HN: TypeScript/React/Vue Window Layout Manager (Tabs, Floating, Popouts)
golden layout is the OG JavaScript layout manager, used it for many years beforehand.

Orginally yes it was inspired by some of the other layout managers, include golden layout. The main goal here was to have zero depenedencies and to be written in Vanilla TypeScript with wrapper libraries for frameworks such as Vue and React.

Any feedback is appreicated, the website demo shows most of the current capabilities and there are many more planned in the Issues list.

mathuo··on Show HN: TypeScript/React/Vue Window Layout Manager (Tabs, Floating, Popouts)
Appreciated :)
mathuo··on Show HN: TypeScript/React/Vue Window Layout Manager (Tabs, Floating, Popouts)
Most likely, touch devices are not officially supported however support is planed. Also the demo has some issues running on Safari which will be fixed.
mathuo··on Show HN: TypeScript/React/Vue Window Layout Manager (Tabs, Floating, Popouts)
will take a look https://github.com/mathuo/dockview/issues/826
mathuo··on Show HN: TypeScript/React/Vue Window Layout Manager (Tabs, Floating, Popouts)
will take a look https://github.com/mathuo/dockview/issues/826
mathuo··on Show HN: TypeScript/React/Vue Window Layout Manager (Tabs, Floating, Popouts)
There are multiple ways in which you can specify how the panel renders.

https://dockview.dev/docs/core/panels/rendering

Options exist for multiple cases:

1. Where you never want the elements DOM position to move (`always` rendering mode) and the HTMLElement is simply hidden (display: none) when not visible. 2. Where you only want the DOM element to exist when the panel is visible (`onlyWhenVisible` mode)

In the case of React the React Tree is always maintained in either mode.

mathuo··on Show HN: TypeScript/React/Vue Window Layout Manager (Tabs, Floating, Popouts)
Yes, it's something that is planned. Currently some features work with touch inputs but not all of them.

- https://github.com/mathuo/dockview/issues/696

mathuo··on Show HN: TypeScript/React/Vue Window Layout Manager (Tabs, Floating, Popouts)
Yes, it's something that is planned. Currently some features work with touch inputs but not all of them.

- https://github.com/mathuo/dockview/issues/696

mathuo··on Show HN: TypeScript/React/Vue Window Layout Manager (Tabs, Floating, Popouts)
This is in related to the publication of the package to npm. All of the publications are verified with provenance statements as supported by NPM directly; it's something I believe all NPM packages should be required to use but as of now it's optional; it simply provided verifiable signatures as to what was built and how it was built.

https://docs.npmjs.com/generating-provenance-statements

https://www.npmjs.com/package/dockview#provenance

mathuo··on Show HN: Zero Dependency TypeScript Docking Library with ReactJS Support
A zero dependency docking library written in vanilla TypeScript with optional ReactJS wrapper components.

Open source, high test coverage and transparent code quality through SonarCloud

Documentation and numerous examples runnable on CodeSandbox at https://dockview.dev

Free to use MIT Licence