titaniumnet-mirror/Nebula
1
0
Fork 0
mirror of https://github.com/NebulaServices/Nebula.git synced 2025-05-17 05:20:01 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added Eruda support for iframe view. ts-ignore is since typescript can't tell the iframe is not in the same file as IframeHeader.tsx

Browse source
This commit is contained in:
incognitotgt 2023-12-27 13:39:06 -05:00
parent 4d7c8449d8
commit d51b9bfc25
2 changed files with 30 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

30
src/components/iframe/IframeHeader.tsx
View file

@ -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 }) {
</Link>
<div id="navItems" class="w-1/2">
<div className="mr-4 flex flex-row items-center justify-end gap-3">
<IoCodeSlashSharp
className="duration-0500 h-6 w-6 cursor-pointer text-navbar-text-color transition-all hover:scale-110 hover:brightness-125"
onClick={() => {
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);
}
}
}
/>
<RiPictureInPictureExitFill
className="duration-0500 h-6 w-6 cursor-pointer text-navbar-text-color transition-all hover:scale-110 hover:brightness-125"
onClick={() => setShowPopout(true)}

1
src/pages/ProxyFrame.tsx
View file

@ -104,6 +104,7 @@ export function ProxyFrame(props: { url: string }) {
if (!ProxiedUrl == undefined) {
window.location.href = ProxiedUrl;
}
return (
<div class="h-screen w-screen bg-primary">
<CloakedHead