-
-
Notifications
You must be signed in to change notification settings - Fork 52
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
13 changed files
with
126 additions
and
11 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,105 @@ | ||
--- | ||
title: Laminar v16.0.0 | ||
author: Nikita | ||
authorURL: https://twitter.com/raquo | ||
--- | ||
|
||
Fixes a few bugs, and adds a few small features. | ||
|
||
<!--truncate--> | ||
|
||
> Laminar is a Scala.js library for building web application interfaces and managing UI state. Learn more in [a few short examples](https://laminar.dev/examples/hello-world) or [one long video](https://www.youtube.com/watch?v=L_AHCkl6L-Q). | ||
|
||
## News | ||
|
||
Releases: Laminar 16.0.0, Airstream 16.0.0, Waypoint 7.0.0 | ||
|
||
New Laminar libraries by Blue Pitaya: [Laminar dragging](https://github.com/blue-pitaya/laminar-dragging), [Laminar color](https://github.com/blue-pitaya/laminar-color), [Laminar contenteditable](https://github.com/blue-pitaya/laminar-contenteditable) | ||
|
||
[Network Threat Monitor](https://github.com/alexeybi/threat-monitor) Laminar app by Alexey Bityukov | ||
|
||
[Semagrams Laminar App](https://github.com/AlgebraicJulia/Semagrams.jl) by Owen Lynch + [demo](https://semagrams.algebraicjulia.org/apps/dwd/index.html) | ||
|
||
|
||
## New Features | ||
|
||
* `renderDetached(laminarNode, activateNow = true)` method lets you pass manually managed DOM nodes to third party JS libraries that want to render them. You need to manually `.deactivate()` the node after it's no longer needed to stop its subscriptions. Basically it's similar to the `render` method, but does not require a container node upfront. See the [new doc section](https://laminar.dev/documentation#passing-laminar-elements-to-third-party-libraries) for details. | ||
|
||
* Support for [passive](https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener#passive) event listeners (thanks, [@fgoepel](https://github.com/fgoepel)!) | ||
|
||
* AjaxStream `uploadProgressObserver` (thanks, [@Dennis4b](https://github.com/Dennis4b)!) | ||
|
||
* A few more low level DOM manipulation methods: `ParentNode.insertChildBefore`, `insertChildAfter`, `DomApi.insertAfter` | ||
|
||
* `tabIndex` attribute for SVG, `startselect` and `selectionchange` events | ||
|
||
|
||
## New Documentation Sections | ||
|
||
* [Network Requests](https://laminar.dev/documentation#network-requests) | ||
|
||
* [Passing Laminar Elements to Third Party Libraries](https://laminar.dev/documentation#passing-laminar-elements-to-third-party-libraries) | ||
|
||
* [Troubleshooting](https://laminar.dev/documentation#troubleshooting) | ||
|
||
|
||
## Bug Fixes | ||
|
||
* The optional SVG `xmlns` attribute did not work in Firefox because its namespace was incorrectly specified ([#143](https://github.com/raquo/Laminar/issues/143)) | ||
|
||
* `FetchStream` did not emit events if initialized outside a transaction ([Airstream#106](https://github.com/raquo/Airstream/issues/106)). | ||
|
||
* `stream1.mergeWith(stream2, stream3)` helper method was ignoring the `stream1` itself. Note: `EventStream.merge(stream1, stream2, stream3)` was unaffected. | ||
|
||
|
||
## Breaking Changes | ||
|
||
* `DomApi` children-related methods like `appendChild` now accept raw `dom.Node`-s now instead of Laminar nodes. | ||
|
||
* Migration: if you use those methods directly, pass `node.ref` instead of `node`. | ||
|
||
* Remove `ParentNode.replaceChildren`, `replaceAllChildren`, `CollectionCommand.ReplaceAll` | ||
|
||
* Remove `CollectionCommand.Move` alias – use `Insert` | ||
|
||
* Remove `ChildNode.isNodeMounted` method – use `DomApi.isDescendantOf(node.ref, dom.document)` | ||
|
||
* Rename ParentNode.insertChild -> insertChildAtIndex | ||
|
||
|
||
## Other Changes | ||
|
||
* Laminar no longer maintains its own list of children for every Laminar element (`ParentNode._maybeChildren`). This makes integrations easier, increases resilience to external DOM changes, and improves performance a bit in most cases. | ||
|
||
* Laminar is now published for [Scala 3.3.0 LTS](https://www.scala-lang.org/blog/2023/05/30/scala-3.3.0-released.html) and Scala.js 1.13.2, and scalajs-dom 2.6.0. By the way, we [plan](https://github.com/raquo/Laminar/issues/132) to drop support for Scala 2.12 in 2024. | ||
|
||
|
||
## Thank You | ||
|
||
The development of Laminar is kindly sponsored by [people](https://github.com/sponsors/raquo) who use it in their businesses and personal projects. | ||
|
||
**GOLD** sponsors supporting Laminar: | ||
|
||
<div class="-sponsorsList x-alignItemsEnd"> | ||
<div class="-sponsor x-person x-yurique"> | ||
<img class="-avatar x-rounded" src="/img/sponsors/yurique.jpg" alt="" /> | ||
<div class="-text"> | ||
<div class="-name"><a href="https://github.com/yurique">Iurii Malchenko</a></div> | ||
</div> | ||
</div> | ||
<div class="-sponsor x-company x-aurinko"> | ||
<a class="x-noHover" href="https://www.aurinko.io/"> | ||
<img class="-logo" src="/img/sponsors/aurinko-light-300px.png" alt="" /> | ||
<div class="-tagline"><u>Aurinko</u> is an API platform for workplace addons and integrations.</div> | ||
</a> | ||
</div> | ||
<div class="-sponsor x-company x-heartai"> | ||
<a class="x-noHover" href="https://www.heartai.net/"> | ||
<img class="-logo" src="/img/sponsors/heartai.svg" alt="" /> | ||
<div class="-tagline"><u>HeartAI</u> is a data and analytics platform for digital health and clinical care.</div> | ||
</a> | ||
</div> | ||
</div> | ||
|
||
Thank you for supporting me! ❤️ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters