sync xhr when updating iframe.srcdoc

src/lib/utils.ts

@@ -223,4 +223,6 @@ export const PT_PROXY_URL = `proxytown`;
 export const PT_INITIALIZED_EVENT = `ptinit`;
 export const PT_SCRIPT_TYPE = `text/partytown`;
 
-export const PT_SCRIPT = `<script src="/~partytown/partytown.debug.js" async defer></script>`;
+export const PT_SCRIPT = `<script src="/~partytown/partytown${
+  debug ? '.debug' : ''
+}.js" async defer></script>`;

src/lib/web-worker/worker-iframe.ts

@@ -1,7 +1,7 @@
 import { getter, proxy, setter } from './worker-proxy';
 import { ExtraInstruction, InterfaceType, NodeName, PlatformApiId } from '../types';
 import { InstanceIdKey, InterfaceTypeKey, PrivateValues, WinIdKey } from './worker-constants';
-import { PT_SCRIPT, PT_SCRIPT_TYPE } from '../utils';
+import { nextTick, PT_SCRIPT, PT_SCRIPT_TYPE } from '../utils';
 import { resolveUrl, WorkerSrcElement } from './worker-node';
 import { WorkerDocument } from './worker-document';
 
@@ -31,25 +31,24 @@ export class WorkerIFrameElement extends WorkerSrcElement {
     return this[PrivateValues].$url$ || '';
   }
   set src(url: string) {
-    const privateValues = this[PrivateValues];
+    let privateValues = this[PrivateValues];
+    let xhr = new XMLHttpRequest();
 
     url = resolveUrl(url) + '';
 
     if (privateValues.$url$ !== url) {
-      privateValues.$url$ = url;
-
-      fetch(url).then((rsp) => {
-        if (rsp.ok) {
-          rsp.text().then((content) => {
-            setter(this, ['srcdoc'], updateIframeScripts(content));
-            if (privateValues.$onload$) {
-              privateValues.$onload$.forEach((onload) => onload({ type: 'load' }));
-            }
-          });
-        } else if (privateValues.$onerror$) {
-          privateValues.$onerror$.forEach((onerror) => onerror({ type: 'error' }));
+      xhr.open('GET', (privateValues.$url$ = url), false);
+      xhr.send();
+
+      if (xhr.status > 199 && xhr.status < 300) {
+        setter(this, ['srcdoc'], updateIframeScripts(xhr.responseText));
+
+        if (privateValues.$onload$) {
+          nextTick(() => privateValues.$onload$!.forEach((onload) => onload({ type: 'load' })));
         }
-      });
+      } else if (privateValues.$onerror$) {
+        nextTick(() => privateValues.$onerror$!.forEach((onerror) => onerror({ type: 'error' })));
+      }
     }
   }
 }