Hacker News: mathuo

New comment by mathuo in "Show HN: TypeScript/React/Vue Window Layout Manager (Tabs, Floating, Popouts)"

mathuo — Sun, 12 Jan 2025 09:17:44 +0000

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

New comment by mathuo in "Show HN: TypeScript/React/Vue Window Layout Manager (Tabs, Floating, Popouts)"

mathuo — Sat, 11 Jan 2025 21:14:09 +0000

demo fixed on Safari. There is touch support for some the core features.

https://dockview.dev/demo/

New comment by mathuo in "Show HN: TypeScript/React/Vue Window Layout Manager (Tabs, Floating, Popouts)"

mathuo — Sat, 11 Jan 2025 21:12:48 +0000

demo fixed on Safari

https://dockview.dev/demo/

New comment by mathuo in "Show HN: TypeScript/React/Vue Window Layout Manager (Tabs, Floating, Popouts)"

mathuo — Sat, 11 Jan 2025 21:12:36 +0000

demo fixed on Safari

https://dockview.dev/demo/

New comment by mathuo in "Show HN: TypeScript/React/Vue Window Layout Manager (Tabs, Floating, Popouts)"

mathuo — Sat, 11 Jan 2025 21:12:02 +0000

small issue on website preventing demo working on Safari browsers is now fixed.

https://dockview.dev/demo/

New comment by mathuo in "Show HN: TypeScript/React/Vue Window Layout Manager (Tabs, Floating, Popouts)"

mathuo — Sat, 11 Jan 2025 19:41:46 +0000

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

New comment by mathuo in "Show HN: TypeScript/React/Vue Window Layout Manager (Tabs, Floating, Popouts)"

mathuo — Sat, 11 Jan 2025 19:39:18 +0000

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.

New comment by mathuo in "Show HN: TypeScript/React/Vue Window Layout Manager (Tabs, Floating, Popouts)"

mathuo — Sat, 11 Jan 2025 19:36:02 +0000

Appreciated :)

New comment by mathuo in "Show HN: TypeScript/React/Vue Window Layout Manager (Tabs, Floating, Popouts)"

mathuo — Sat, 11 Jan 2025 19:35:49 +0000

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.

New comment by mathuo in "Show HN: TypeScript/React/Vue Window Layout Manager (Tabs, Floating, Popouts)"

mathuo — Sat, 11 Jan 2025 19:34:56 +0000

will take a look https://github.com/mathuo/dockview/issues/826

New comment by mathuo in "Show HN: TypeScript/React/Vue Window Layout Manager (Tabs, Floating, Popouts)"

mathuo — Sat, 11 Jan 2025 19:34:52 +0000

will take a look https://github.com/mathuo/dockview/issues/826

New comment by mathuo in "Show HN: TypeScript/React/Vue Window Layout Manager (Tabs, Floating, Popouts)"

mathuo — Sat, 11 Jan 2025 19:33:53 +0000

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.

New comment by mathuo in "Show HN: TypeScript/React/Vue Window Layout Manager (Tabs, Floating, Popouts)"

mathuo — Sat, 11 Jan 2025 19:30:28 +0000

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

New comment by mathuo in "Show HN: TypeScript/React/Vue Window Layout Manager (Tabs, Floating, Popouts)"

mathuo — Sat, 11 Jan 2025 19:30:19 +0000

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

New comment by mathuo in "Show HN: TypeScript/React/Vue Window Layout Manager (Tabs, Floating, Popouts)"

mathuo — Sat, 11 Jan 2025 19:28:42 +0000

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