Refactor to extract method & revert to class

src/core/drive/morph_page_renderer.js

@@ -27,7 +27,7 @@ export class MorphPageRenderer extends PageRenderer {
 
   #reloadRemoteFrames() {
     this.#remoteFrames().forEach((frame) => {
-      if (this.#isFrameReloadedWithMorph(frame)) {
+      if (frame.shouldReloadWithMorph) {
         frame.reload()
       }
     })
@@ -38,8 +38,4 @@ export class MorphPageRenderer extends PageRenderer {
       return !frame.closest('[data-turbo-permanent]')
     })
   }
-
-  #isFrameReloadedWithMorph(element) {
-    return element.src && element.refresh === "morph"
-  }
 }

src/core/frames/frame_controller.js

@@ -311,7 +311,7 @@ export class FrameController {
       const snapshot = new Snapshot(newFrameElement)
       let renderer
 
-      if (this.element.src && this.element.refresh === "morph") {
+      if (this.element.shouldReloadWithMorph) {
         renderer = new MorphFrameRenderer(this, this.view.snapshot, snapshot, MorphFrameRenderer.renderElement, false, false)
       } else {
         renderer = new FrameRenderer(this, this.view.snapshot, snapshot, FrameRenderer.renderElement, false, false)

src/core/frames/morph_frame_renderer.js

@@ -11,6 +11,6 @@ export class MorphFrameRenderer extends FrameRenderer {
       detail: { currentElement, newElement }
     })
 
-    MorphElements.morph(currentElement, newElement, 'innerHTML')
+    MorphElements.morph(currentElement, newElement, "innerHTML")
   }
 }

src/core/morph_elements.js

@@ -1,5 +1,6 @@
 import { Idiomorph } from "idiomorph/dist/idiomorph.esm.js"
 import { dispatch } from "../util"
+import { FrameElement } from "../elements/frame_element"
 
 export class MorphElements {
   static morph(currentElement, newElement, morphStyle = "outerHTML") {
@@ -18,7 +19,7 @@ export class MorphElements {
   }
 
   static isFrameReloadedWithMorph(element) {
-    return element.src && element.refresh === "morph"
+    return (element instanceof FrameElement) && element.shouldReloadWithMorph
   }
 
   static shouldAddElement = (node) => {

src/elements/frame_element.js

@@ -93,6 +93,10 @@ export class FrameElement extends HTMLElement {
     }
   }
 
+  get shouldReloadWithMorph() {
+    return this.src && this.refresh === "morph"
+  }
+
   /**
    * Determines if the element is loading
    */