Added THOS Browser with extension installer
This commit is contained in:
@ -368,7 +368,7 @@ if (!$state || !isset($state['localData']) || !json_decode($state['localData'],
|
|||||||
</svg>
|
</svg>
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<button onclick="openApp('https://surillya.com/thos/search/thossearch.html', 'Internet', true)"
|
<button onclick="openApp('internet.php', 'Internet', true)"
|
||||||
title="Internet" class="p-2 rounded-lg bg-gray-800 hover:bg-gray-700 transition-all">
|
title="Internet" class="p-2 rounded-lg bg-gray-800 hover:bg-gray-700 transition-all">
|
||||||
<svg class="w-6 h-6 text-green-300 mx-auto" fill="none" stroke="currentColor" stroke-width="2"
|
<svg class="w-6 h-6 text-green-300 mx-auto" fill="none" stroke="currentColor" stroke-width="2"
|
||||||
viewBox="0 0 24 24">
|
viewBox="0 0 24 24">
|
||||||
|
|||||||
49
install-unblocker.sh
Executable file
49
install-unblocker.sh
Executable file
@ -0,0 +1,49 @@
|
|||||||
|
#!/bin/bash
|
||||||
|
set -e
|
||||||
|
|
||||||
|
# Location inside your repo where the .xpi is stored
|
||||||
|
XPI_SOURCE="./thos-unblocker@surillya.com.xpi"
|
||||||
|
|
||||||
|
# Firefox global extension directory
|
||||||
|
FF_EXT_DIR="/usr/lib/firefox/browser/extensions"
|
||||||
|
|
||||||
|
# Firefox autoconfig files (for signature disable)
|
||||||
|
AUTOCONFIG_PREF_DIR="/usr/lib/firefox/defaults/pref"
|
||||||
|
AUTOCONFIG_FILE="$AUTOCONFIG_PREF_DIR/autoconfig.js"
|
||||||
|
AUTOCONFIG_SCRIPT="/usr/lib/firefox/thos.cfg"
|
||||||
|
|
||||||
|
echo "Installing THOS Unblocker extension..."
|
||||||
|
|
||||||
|
if [[ ! -f "$XPI_SOURCE" ]]; then
|
||||||
|
echo "ERROR: XPI file not found at $XPI_SOURCE"
|
||||||
|
exit 1
|
||||||
|
fi
|
||||||
|
|
||||||
|
# Create extensions dir if missing
|
||||||
|
sudo mkdir -p "$FF_EXT_DIR"
|
||||||
|
|
||||||
|
# Copy .xpi file system-wide
|
||||||
|
sudo cp "$XPI_SOURCE" "$FF_EXT_DIR/thos-unblocker@surillya.com.xpi"
|
||||||
|
|
||||||
|
echo "Copied extension to $FF_EXT_DIR"
|
||||||
|
|
||||||
|
# Optional: disable signature requirement (dev mode)
|
||||||
|
echo "Configuring Firefox to allow unsigned extensions..."
|
||||||
|
|
||||||
|
sudo mkdir -p "$AUTOCONFIG_PREF_DIR"
|
||||||
|
|
||||||
|
sudo tee "$AUTOCONFIG_SCRIPT" > /dev/null <<EOF
|
||||||
|
//
|
||||||
|
lockPref("xpinstall.signatures.required", false);
|
||||||
|
lockPref("extensions.autoDisableScopes", 0);
|
||||||
|
lockPref("extensions.enabledScopes", 15);
|
||||||
|
EOF
|
||||||
|
|
||||||
|
sudo tee "$AUTOCONFIG_FILE" > /dev/null <<EOF
|
||||||
|
pref("general.config.filename", "thos.cfg");
|
||||||
|
pref("general.config.obscure_value", 0);
|
||||||
|
EOF
|
||||||
|
|
||||||
|
echo "Autoconfig for unsigned extensions set up."
|
||||||
|
|
||||||
|
echo "THOS Unblocker installation complete! Restart Firefox to activate."
|
||||||
@ -1,51 +0,0 @@
|
|||||||
|
|
||||||
|
|
||||||
<!-- Temporarily closing this site down, since the inner IFrame is shown at max 150px somehow, I tried everything, this is annoying -->
|
|
||||||
|
|
||||||
|
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en" class="bg-[#0d0d0d] text-white">
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
||||||
<title>THOS Search</title>
|
|
||||||
<script src="tailwind.es"></script>
|
|
||||||
<style>
|
|
||||||
.window-content {
|
|
||||||
width: 100%;
|
|
||||||
height: calc(100% - 32px);
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body class="flex flex-col min-h-screen bg-gradient-to-br from-pink-500/10 via-blue-500/10 to-orange-500/10">
|
|
||||||
|
|
||||||
<div class="flex items-center gap-2 p-3 bg-white/5 backdrop-blur-md rounded-b-2xl shadow-md mx-4 mt-4">
|
|
||||||
<input id="urlBar" type="text" placeholder="Search THOS..."
|
|
||||||
class="flex-1 px-4 py-2 rounded-xl bg-white/10 text-white placeholder-gray-400 text-sm focus:ring-2 ring-pink-500" />
|
|
||||||
<button id="goBtn" class="ml-2 px-4 py-2 bg-white/10 hover:bg-white/20 rounded-xl text-sm">Search</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="window-content">
|
|
||||||
<iframe id="searchFrame" src="https://surillya.com/thos/search/thossearch.html" class="window-content"></iframe>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
const urlBar = document.getElementById("urlBar");
|
|
||||||
const goBtn = document.getElementById("goBtn");
|
|
||||||
const iframe = document.getElementById("searchFrame");
|
|
||||||
|
|
||||||
function sendSearchQuery(query) {
|
|
||||||
iframe.contentWindow.postMessage({ type: "search", query }, "*");
|
|
||||||
}
|
|
||||||
|
|
||||||
goBtn.onclick = () => sendSearchQuery(urlBar.value);
|
|
||||||
urlBar.addEventListener("keydown", e => {
|
|
||||||
if (e.key === "Enter") sendSearchQuery(urlBar.value);
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
187
internet.php
Normal file
187
internet.php
Normal file
@ -0,0 +1,187 @@
|
|||||||
|
<?php
|
||||||
|
$extensionMarker = '/usr/thos/unblocker_installed.txt';
|
||||||
|
if (!file_exists($extensionMarker)) {
|
||||||
|
echo '<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<title>Install Extension</title>
|
||||||
|
<script src="https://cdn.tailwindcss.com"></script>
|
||||||
|
</head>
|
||||||
|
<body class="bg-black text-white flex items-center justify-center h-screen">
|
||||||
|
<div class="bg-white/10 p-6 rounded-xl shadow-xl text-center max-w-md w-full">
|
||||||
|
<h1 class="text-2xl font-bold mb-4">Unblocker Extension Not Installed</h1>
|
||||||
|
<p class="mb-4">THOS needs the browser unblocker extension to function fully. Would you like to install it now and reboot?</p>
|
||||||
|
<form method="POST">
|
||||||
|
<button name="install" value="yes" class="bg-cyan-600 hover:bg-cyan-700 text-white font-bold py-2 px-4 rounded">Install and Reboot</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>';
|
||||||
|
if ($_SERVER['REQUEST_METHOD'] === 'POST' && $_POST['install'] === 'yes') {
|
||||||
|
shell_exec('bash /usr/thos/install-unblocker.sh');
|
||||||
|
file_put_contents($extensionMarker, 'installed');
|
||||||
|
echo '<script>alert("Extension installed. System will reboot.");</script>';
|
||||||
|
sleep(1);
|
||||||
|
shell_exec('reboot');
|
||||||
|
}
|
||||||
|
exit;
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<title>THOS Internet</title>
|
||||||
|
<script src="https://cdn.tailwindcss.com"></script>
|
||||||
|
<style>
|
||||||
|
html, body {
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
iframe::-webkit-scrollbar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body class="bg-transparent text-white">
|
||||||
|
<div class="w-full h-screen flex flex-col overflow-hidden">
|
||||||
|
<div class="bg-white/10 backdrop-blur border-b border-white/20 p-2 flex gap-2 items-center">
|
||||||
|
<button id="backBtn" class="px-3 py-1 rounded bg-white/20 hover:bg-white/30">◀</button>
|
||||||
|
<button id="forwardBtn" class="px-3 py-1 rounded bg-white/20 hover:bg-white/30">▶</button>
|
||||||
|
<button id="reloadBtn" class="px-3 py-1 rounded bg-white/20 hover:bg-white/30">⟳</button>
|
||||||
|
<input id="urlBar" type="text" placeholder="Search or enter URL" class="flex-1 px-4 py-1 rounded bg-white/10 focus:outline-none focus:ring-2 focus:ring-cyan-400" />
|
||||||
|
<button id="goBtn" class="px-4 py-1 rounded bg-cyan-500 hover:bg-cyan-600 text-black font-bold">Go</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="bookmarkBar" class="flex gap-2 px-2 py-1 bg-white/5 border-b border-white/10 overflow-x-auto"></div>
|
||||||
|
|
||||||
|
<div id="tabs" class="flex gap-2 px-2 py-1 bg-white/5 border-b border-white/10">
|
||||||
|
<button id="newTabBtn" class="px-2 py-1 rounded bg-cyan-600 text-black hover:bg-cyan-700">+ New Tab</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="iframeContainer" class="flex-1 relative"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
const defaultBookmarks = [
|
||||||
|
{ name: 'YouTube (Yewtu.be)', url: 'https://yewtu.be' },
|
||||||
|
{ name: 'DuckDuckGo', url: 'https://duckduckgo.com' },
|
||||||
|
{ name: 'Surillya', url: 'https://surillya.com' }
|
||||||
|
];
|
||||||
|
|
||||||
|
const iframeContainer = document.getElementById('iframeContainer');
|
||||||
|
const urlBar = document.getElementById('urlBar');
|
||||||
|
const goBtn = document.getElementById('goBtn');
|
||||||
|
const backBtn = document.getElementById('backBtn');
|
||||||
|
const forwardBtn = document.getElementById('forwardBtn');
|
||||||
|
const reloadBtn = document.getElementById('reloadBtn');
|
||||||
|
const bookmarkBar = document.getElementById('bookmarkBar');
|
||||||
|
const tabs = document.getElementById('tabs');
|
||||||
|
const newTabBtn = document.getElementById('newTabBtn');
|
||||||
|
|
||||||
|
let tabId = 0;
|
||||||
|
const tabsState = new Map();
|
||||||
|
let activeTab = null;
|
||||||
|
|
||||||
|
function createIframe(url, id) {
|
||||||
|
const iframe = document.createElement('iframe');
|
||||||
|
iframe.className = 'w-full h-full absolute top-0 left-0';
|
||||||
|
iframe.sandbox = 'allow-scripts allow-same-origin allow-forms';
|
||||||
|
iframe.src = url;
|
||||||
|
iframe.loading = 'lazy';
|
||||||
|
iframe.dataset.id = id;
|
||||||
|
iframe.style.zIndex = 1;
|
||||||
|
return iframe;
|
||||||
|
}
|
||||||
|
|
||||||
|
function switchTab(id) {
|
||||||
|
document.querySelectorAll('iframe').forEach(iframe => {
|
||||||
|
iframe.style.zIndex = iframe.dataset.id === String(id) ? 2 : 1;
|
||||||
|
});
|
||||||
|
activeTab = id;
|
||||||
|
const currentTab = tabsState.get(id);
|
||||||
|
if (currentTab) {
|
||||||
|
urlBar.value = currentTab.history[currentTab.index];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function addTab(url = 'https://surillya.com') {
|
||||||
|
const id = tabId++;
|
||||||
|
const tabState = { id, history: [url], index: 0 };
|
||||||
|
tabsState.set(id, tabState);
|
||||||
|
const iframe = createIframe(url, id);
|
||||||
|
iframeContainer.appendChild(iframe);
|
||||||
|
|
||||||
|
const tabBtn = document.createElement('button');
|
||||||
|
tabBtn.textContent = `Tab ${id + 1}`;
|
||||||
|
tabBtn.className = 'px-2 py-1 rounded bg-white/10 hover:bg-white/20';
|
||||||
|
tabBtn.onclick = () => switchTab(id);
|
||||||
|
tabs.insertBefore(tabBtn, newTabBtn);
|
||||||
|
|
||||||
|
switchTab(id);
|
||||||
|
}
|
||||||
|
|
||||||
|
function loadURL(input) {
|
||||||
|
const url = input.includes('.') ? (input.startsWith('http') ? input : 'https://' + input) : `https://duckduckgo.com/?q=${encodeURIComponent(input)}`;
|
||||||
|
const tab = tabsState.get(activeTab);
|
||||||
|
if (!tab) return;
|
||||||
|
tab.index++;
|
||||||
|
tab.history = tab.history.slice(0, tab.index);
|
||||||
|
tab.history.push(url);
|
||||||
|
const iframe = document.querySelector(`iframe[data-id='${tab.id}']`);
|
||||||
|
if (iframe) iframe.src = url;
|
||||||
|
urlBar.value = url;
|
||||||
|
}
|
||||||
|
|
||||||
|
goBtn.onclick = () => loadURL(urlBar.value);
|
||||||
|
urlBar.addEventListener('keydown', e => { if (e.key === 'Enter') goBtn.click(); });
|
||||||
|
|
||||||
|
backBtn.onclick = () => {
|
||||||
|
const tab = tabsState.get(activeTab);
|
||||||
|
if (tab && tab.index > 0) {
|
||||||
|
tab.index--;
|
||||||
|
const iframe = document.querySelector(`iframe[data-id='${tab.id}']`);
|
||||||
|
if (iframe) iframe.src = tab.history[tab.index];
|
||||||
|
urlBar.value = tab.history[tab.index];
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
forwardBtn.onclick = () => {
|
||||||
|
const tab = tabsState.get(activeTab);
|
||||||
|
if (tab && tab.index < tab.history.length - 1) {
|
||||||
|
tab.index++;
|
||||||
|
const iframe = document.querySelector(`iframe[data-id='${tab.id}']`);
|
||||||
|
if (iframe) iframe.src = tab.history[tab.index];
|
||||||
|
urlBar.value = tab.history[tab.index];
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
reloadBtn.onclick = () => {
|
||||||
|
const tab = tabsState.get(activeTab);
|
||||||
|
if (tab) {
|
||||||
|
const iframe = document.querySelector(`iframe[data-id='${tab.id}']`);
|
||||||
|
if (iframe) iframe.src = tab.history[tab.index];
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
function renderBookmarks() {
|
||||||
|
bookmarkBar.innerHTML = '';
|
||||||
|
defaultBookmarks.forEach(b => {
|
||||||
|
const btn = document.createElement('button');
|
||||||
|
btn.textContent = b.name;
|
||||||
|
btn.className = 'px-2 py-1 rounded bg-white/10 hover:bg-white/20 text-sm';
|
||||||
|
btn.onclick = () => loadURL(b.url);
|
||||||
|
bookmarkBar.appendChild(btn);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
newTabBtn.onclick = () => addTab();
|
||||||
|
|
||||||
|
renderBookmarks();
|
||||||
|
addTab();
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
BIN
thos-unblocker@surillya.com.xpi
Normal file
BIN
thos-unblocker@surillya.com.xpi
Normal file
Binary file not shown.
Reference in New Issue
Block a user