update iframes from container changes

SQUASHED: AUTO-COMMIT-src-client-utils.js,AUTO-COMMIT-src-components-tools-lively-container.js,

src/client/utils.js

@@ -399,7 +399,6 @@ export function shake(target) {
 }
 
 export function updateEditors(url, excludedEditors = []) {
-
   url = url.toString().replace(/[#?].*/,"")
 
   const editors = lively.findAllElements(ea => ea.localName == "lively-editor", true)
@@ -414,6 +413,17 @@ export function updateEditors(url, excludedEditors = []) {
   })
 }
 
+export function updateLivelyIFrames(url, excludedFrames = []) {
+  url = url.toString().replace(/[#?].*/,"")
+
+  const frames = lively.findAllElements(ea => ea.localName == "lively-iframe", true)
+  const framesToUpdate = frames.filter(ea => ea.getURL().replace(/[#?].*/,"") === url && !excludedFrames.includes(ea))
+
+  framesToUpdate.forEach(ea => {
+    ea.update()
+  })
+}
+
 /*MD Source Code Locations and Ranges MD*/
 function babelToCM(babelPosition) {
   return {

src/components/tools/lively-container.js

@@ -24,7 +24,7 @@ import files from "src/client/files.js"
 import Strings from "src/client/strings.js"
 let ScopedScripts; // lazy load this... #TODO fix #ContextJS #Bug actual stack overflow
 import Clipboard from "src/client/clipboard.js"
-import {fileEnding, replaceFileEndingWith, updateEditors} from "utils"
+import {fileEnding, replaceFileEndingWith, updateEditors, updateLivelyIFrames} from "utils"
 import ViewNav from "src/client/viewnav.js"
 import Upndown from 'src/external/upndown.js'
 import {AnnotatedText, Annotation, default as AnnotationSet} from "src/client/annotations.js"
@@ -2391,6 +2391,7 @@ export default class Container extends Morph {
     await lively.sleep(100) // save is async...
 
     updateEditors(url, [this.get("lively-editor")])
+    updateLivelyIFrames(url)
 
     document.body.querySelectorAll('lively-container').forEach(ea => {
       if (ea !== this && !ea.isEditing()