Added sample code for moving guestinstance not working

mhuggins · mhuggins · commit a9091bc9ae48 · 2018-06-02T18:21:14.000-05:00
diff --git a/index.html b/index.html
@@ -2,18 +2,24 @@
 <html>
   <head>
     <meta charset="UTF-8">
-    <title>Hello World!</title>
+    <title>Webview GuestInstance Undefined</title>
+    <script>require('./renderer.js')</script>
   </head>
+
   <body>
-    <h1>Hello World!</h1>
-    <!-- All of the Node.js APIs are available in this renderer process. -->
-    We are using Node.js <script>document.write(process.versions.node)</script>,
-    Chromium <script>document.write(process.versions.chrome)</script>,
-    and Electron <script>document.write(process.versions.electron)</script>.
+    <div>
+      <button type="button" id="button">Move Webview</button>
+
+      <div id="webviews">
+        <div class="container">
+          <h1>Container A</h1>
+          <webview id="webview" src="https://example.com"></webview>
+        </div>
 
-    <script>
-      // You can also require other files to run in this process
-      require('./renderer.js')
-    </script>
+        <div class="container">
+          <h1>Container B</h1>
+        </div>
+      </div>
+    </div>
   </body>
 </html>
diff --git a/renderer.js b/renderer.js
@@ -1,3 +1,30 @@
-// This file is required by the index.html file and will
-// be executed in the renderer process for that window.
-// All of the Node.js APIs are available in this process.
+function moveWebview(existingWebview, container) {
+  const webview = document.createElement('webview');
+  const { attributes } = existingWebview;
+  const originalGuestInstance = existingWebview.guestinstance;
+
+  console.log('original guestinstance', existingWebview.guestinstance);
+
+  for (let i = 0; i < attributes.length; i += 1) {
+    webview.setAttribute(attributes[i].nodeName, attributes[i].nodeValue);
+  }
+
+  console.log('copied guestinstance', webview.guestinstance);
+
+  container.appendChild(webview);
+  existingWebview.parentNode.removeChild(existingWebview);
+
+  return webview;
+}
+
+window.addEventListener("load", () => {
+  const button = document.getElementById("button");
+  const webviews = document.getElementById("webviews");
+
+  let index = 0;
+
+  button.addEventListener("click", () => {
+    index = (index + 1) % 2;
+    moveWebview(document.getElementById("webview"), webviews.children[index]);
+  });
+});
