diff --git a/src/components/iframe/IframeHeader.tsx b/src/components/iframe/IframeHeader.tsx
index 8493793..c9bddfa 100644
--- a/src/components/iframe/IframeHeader.tsx
+++ b/src/components/iframe/IframeHeader.tsx
@@ -2,12 +2,13 @@ import { useState } from "preact/hooks";
import { useTranslation } from "react-i18next";
import { Link } from "preact-router";
import { RiPictureInPictureExitFill, RiFullscreenFill } from "react-icons/ri";
+import { IoCodeSlashSharp } from "react-icons/io5";
import { FaXmark } from "react-icons/fa6";
-
export function IframeHeader(props: { url: string }) {
const { t } = useTranslation();
const [showPopout, setShowPopout] = useState(false);
const [showFullScreen, setFullScreen] = useState(false);
+
if (showPopout) {
window.location.replace(props.url);
}
@@ -34,6 +35,33 @@ export function IframeHeader(props: { url: string }) {
+
{
+ const proccy = document.getElementById("iframe");
+ if (!proccy) return;
+ // @ts-ignore
+ const proccyWindow = proccy.contentWindow;
+ // @ts-ignore
+ const proccyDocument = proccy.contentDocument;
+
+ if (!proccyWindow || !proccyDocument) return;
+
+ if (proccyWindow.eruda?._isInit) {
+ proccyWindow.eruda.destroy();
+ } else {
+ let script = proccyDocument.createElement('script');
+ script.src = "https://cdn.jsdelivr.net/npm/eruda";
+ script.onload = function() {
+ if (!proccyWindow) return;
+ proccyWindow.eruda.init();
+ proccyWindow.eruda.show();
+ }
+ proccyDocument.head.appendChild(script);
+ }
+ }
+ }
+ />
setShowPopout(true)}
diff --git a/src/pages/ProxyFrame.tsx b/src/pages/ProxyFrame.tsx
index 340e718..8cea2fb 100644
--- a/src/pages/ProxyFrame.tsx
+++ b/src/pages/ProxyFrame.tsx
@@ -104,6 +104,7 @@ export function ProxyFrame(props: { url: string }) {
if (!ProxiedUrl == undefined) {
window.location.href = ProxiedUrl;
}
+
return (