Release 0.20.3

CHANGELOG.md

@@ -1,10 +1,11 @@
 # Changelog
 
-## 0.20.3
+## 0.20.3 (2024-01-02)
 
 ### Bug fixes
   * Fix phx-viewport bindings failing to fire after navigation
   * Preserve order of appended items in stream in `LiveViewTest`
+  * Fix order of items on client when resetting a stream to existing set of items
 
 ### Enhancements
   * Support `JS.push` from dead views

assets/js/phoenix_live_view/view.js

@@ -1068,7 +1068,7 @@ export default class View {
   }
 
   dispatchUploads(targetCtx, name, filesOrBlobs){
-    let targetElement = this.targetCtxElement(targetCtx) || this.el;
+    let targetElement = this.targetCtxElement(targetCtx) || this.el
     let inputs = DOM.findUploadInputs(targetElement).filter(el => el.name === name)
     if(inputs.length === 0){ logError(`no live file inputs found matching the name "${name}"`) }
     else if(inputs.length > 1){ logError(`duplicate live file inputs found matching the name "${name}"`) }

assets/package.json

@@ -1,6 +1,6 @@
 {
   "name": "phoenix_live_view",
-  "version": "0.20.2",
+  "version": "0.20.3",
   "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.2"
+  @version "0.20.3"
 
   def project do
     [

package.json

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

priv/static/phoenix_live_view.js

@@ -1907,17 +1907,9 @@ removing illegal node: "${(childNode.outerHTML || childNode.nodeValue).trim()}"
               Array.from(fromEl.children).filter((child) => {
                 let { resetKept } = this.getStreamInsert(child);
                 return resetKept;
-              }).sort((a, b) => {
-                let aIdx = toIds.indexOf(a.id);
-                let bIdx = toIds.indexOf(b.id);
-                if (aIdx === bIdx) {
-                  return 0;
-                } else if (aIdx < bIdx) {
-                  return -1;
-                } else {
-                  return 1;
-                }
-              }).forEach((child) => fromEl.appendChild(child));
+              }).forEach((child) => {
+                this.streamInserts[child.id].streamAt = toIds.indexOf(child.id);
+              });
             }
           },
           onNodeDiscarded: (el) => this.onNodeDiscarded(el),