Release 0.20.8

CHANGELOG.md

@@ -1,5 +1,15 @@
 # Changelog
 
+## 0.20.8 (2024-02-19)
+
+### Bug fixes
+  * Fix live uploader issue when a form contained more than one `<.live_file_input>`
+  * Fix phx-remove on re-added stream items trigging the remove when it should not
+  * Fix js error attempting to re-order an element that does not exist in the DOM
+
+### Enhancements
+  * Align LiveViewTest with JavaScript DOM patching behavior for phx-update="ignore" when updating attributes in LiveViewTest
+
 ## 0.20.7 (2024-02-15)
 
 ### Bug fixes

assets/package.json

@@ -1,6 +1,6 @@
 {
   "name": "phoenix_live_view",
-  "version": "0.20.7",
+  "version": "0.20.8",
   "description": "The Phoenix LiveView JavaScript client.",
   "license": "MIT",
   "repository": {},

mix.exs

@@ -1,7 +1,7 @@
 defmodule Phoenix.LiveView.MixProject do
   use Mix.Project
 
-  @version "0.20.7"
+  @version "0.20.8"
 
   def project do
     [

package.json

@@ -1,6 +1,6 @@
 {
   "name": "phoenix_live_view",
-  "version": "0.20.7",
+  "version": "0.20.8",
   "description": "The Phoenix LiveView JavaScript client.",
   "license": "MIT",
   "module": "./priv/static/phoenix_live_view.esm.js",

priv/static/phoenix_live_view.js

@@ -2949,7 +2949,6 @@ removing illegal node: "${(childNode.outerHTML || childNode.nodeValue).trim()}"
       this.childJoins = 0;
       this.loaderTimer = null;
       this.pendingDiffs = [];
-      this.pruningCIDs = [];
       this.redirect = false;
       this.href = null;
       this.joinCount = this.parent ? this.parent.joinCount - 1 : 0;
@@ -3356,7 +3355,7 @@ removing illegal node: "${(childNode.outerHTML || childNode.nodeValue).trim()}"
     renderContainer(diff, kind) {
       return this.liveSocket.time(`toString diff (${kind})`, () => {
         let tag = this.el.tagName;
-        let cids = diff ? this.rendered.componentCIDs(diff).concat(this.pruningCIDs) : null;
+        let cids = diff ? this.rendered.componentCIDs(diff) : null;
         let [html, streams] = this.rendered.toString(cids);
         return [`<${tag}>${html}</${tag}>`, streams];
       });
@@ -3981,10 +3980,9 @@ removing illegal node: "${(childNode.outerHTML || childNode.nodeValue).trim()}"
       }).filter(([form, newForm, newCid]) => newForm);
     }
     maybePushComponentsDestroyed(destroyedCIDs) {
-      let willDestroyCIDs = destroyedCIDs.concat(this.pruningCIDs).filter((cid) => {
+      let willDestroyCIDs = destroyedCIDs.filter((cid) => {
         return dom_default.findComponentNodeList(this.el, cid).length === 0;
       });
-      this.pruningCIDs = willDestroyCIDs.concat([]);
       if (willDestroyCIDs.length > 0) {
         willDestroyCIDs.forEach((cid) => this.rendered.resetRender(cid));
         this.pushWithReply(null, "cids_will_destroy", { cids: willDestroyCIDs }, () => {
@@ -3993,7 +3991,6 @@ removing illegal node: "${(childNode.outerHTML || childNode.nodeValue).trim()}"
           });
           if (completelyDestroyCIDs.length > 0) {
             this.pushWithReply(null, "cids_destroyed", { cids: completelyDestroyCIDs }, (resp) => {
-              this.pruningCIDs = this.pruningCIDs.filter((cid) => resp.cids.indexOf(cid) === -1);
               this.rendered.pruneCIDs(resp.cids);
             });
           }