fix base href

Author: YousefED

packages/editor/src/config/security.ts

@@ -55,3 +55,15 @@ export function getFrameDomain() {
   // TODO: now cookies / localstorage are still shared across notebooks. Should we use a unique subdomain per user or notebook?
   return "code.typescriptrepl.com";
 }
+
+export function getMainDomainFromIframe() {
+  if (ENVIRONMENT === "DEV") {
+    const port = window.location.host.match(/^127\.0\.0\.1:(\d+)$/)![1];
+    return "localhost:" + port;
+  }
+
+  if (ENVIRONMENT === "STAGING") {
+    return window.location.hostname;
+  }
+  return "notebooks.typecell.org";
+}

packages/editor/src/index.iframe.tsx

@@ -3,7 +3,10 @@ import React from "react";
 import ReactDOM from "react-dom";
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import * as reo from "react-error-overlay";
-import { validateFrameDomain } from "./config/security";
+import {
+  getMainDomainFromIframe,
+  validateFrameDomain,
+} from "./config/security";
 import "./iframe.css";
 import Frame from "./runtime/executor/executionHosts/sandboxed/iframesandbox/Frame";
 
@@ -20,6 +23,7 @@ console.log("Loading iframe", window.location.href);
 
 // make sure links open in new window instead of iframe
 const base = document.createElement("base");
+base.setAttribute("href", "//" + getMainDomainFromIframe());
 base.setAttribute("target", "_blank");
 document.head.appendChild(base);