\n \n \n \n

\n\n \n \n\n \n\n\n",[18,103],"029d78b8-0332-4290-88f6-41392ef62a48",["D",1787924308397],"// Homepage logic: settings persistence, about:blank cloaking with disguise,\n// engine selection, and the panic key.\n\nimport { DISGUISES } from \"/frontend/disguises.js\";\n\nconst form = document.getElementById(\"searchForm\");\nconst input = document.getElementById(\"q\");\nconst cloak = document.getElementById(\"cloak\");\nconst disguise = document.getElementById(\"disguise\");\nconst engine = document.getElementById(\"engine\");\nconst panicKey = document.getElementById(\"panicKey\");\nconst panicUrl = document.getElementById(\"panicUrl\");\n\n// ---- Settings persistence ----\nconst SETTINGS_KEY = \"portal.settings\";\nfunction loadSettings() {\n try {\n const s = JSON.parse(localStorage.getItem(SETTINGS_KEY) || \"{}\");\n if (typeof s.cloak === \"boolean\") cloak.checked = s.cloak;\n if (s.disguise) disguise.value = s.disguise;\n if (s.engine) engine.value = s.engine;\n if (s.panicKey) panicKey.value = s.panicKey;\n if (s.panicUrl) panicUrl.value = s.panicUrl;\n } catch {}\n}\nfunction saveSettings() {\n const s = {\n cloak: cloak.checked,\n disguise: disguise.value,\n engine: engine.value,\n panicKey: panicKey.value,\n panicUrl: panicUrl.value,\n };\n localStorage.setItem(SETTINGS_KEY, JSON.stringify(s));\n}\n[cloak, disguise, engine, panicKey, panicUrl].forEach((el) =>\n el.addEventListener(\"change\", saveSettings)\n);\nloadSettings();\n\n// ---- Build the entry path (/go with engine hint) ----\nfunction entryPath(q) {\n const p = new URLSearchParams({ q });\n if (engine.value && engine.value !== \"duckduckgo\") p.set(\"e\", engine.value);\n return \"/go?\" + p.toString();\n}\n\n/** Open the viewer in a fresh about:blank tab, disguised. */\nfunction openCloaked(q) {\n const win = window.open(\"about:blank\", \"_blank\");\n if (!win) {\n // Popup blocked — fall back to direct navigation in this tab\n location.href = entryPath(q);\n return;\n }\n\n const preset = DISGUISES[disguise.value] || DISGUISES.none;\n const doc = win.document;\n doc.open();\n // Write a minimal shell that frames the viewer at full size.\n doc.write(\n `${preset.title}` +\n `` +\n `` +\n ``\n );\n doc.close();\n}\n\nform.addEventListener(\"submit\", (e) => {\n e.preventDefault();\n const q = input.value.trim();\n if (!q) return;\n if (cloak.checked) {\n openCloaked(q);\n input.value = \"\";\n } else {\n location.href = entryPath(q);\n }\n});\n\n// ---- Quick-access app buttons (Roblox, YouTube, etc.) ----\nconst APPS = {\n roblox: \"https://www.roblox.com\",\n youtube: \"https://www.youtube.com\",\n};\ndocument.querySelectorAll(\".app-btn\").forEach((btn) => {\n btn.addEventListener(\"click\", () => {\n const url = APPS[btn.dataset.app];\n if (!url) return;\n if (cloak.checked) {\n openCloaked(url);\n } else {\n location.href = entryPath(url);\n }\n });\n});\n\n// ---- Panic key: jump to a safe URL instantly ----\nwindow.addEventListener(\"keydown\", (e) => {\n const key = (panicKey.value || \"`\").toLowerCase();\n // Ignore when typing into a text field (so you can type the key normally)\n const typing = document.activeElement &&\n [\"INPUT\", \"TEXTAREA\", \"SELECT\"].includes(document.activeElement.tagName);\n if (!typing && e.key.toLowerCase() === key) {\n e.preventDefault();\n location.replace(panicUrl.value || \"https://classroom.google.com\");\n }\n});\n",[18,90],"aae502a4-3d48-4fa3-ba55-7b98a20d0d0a",["D",1787924297905],"\n\n\n \n \n Portal\n 🔍\" />\n \n \n\n\n

🔍

Portal

Search or enter a URL. Opens in a cloaked tab.

\n\n

\n\n \n\n\n",[18,79],"d64816e3-97ba-4a43-a89c-a999a02e5cae",["D",1787924293192],"// Tab disguise presets: title + favicon (as a data URL) per option.\n// Favicons are tiny inline SVGs so nothing external can break.\n\nfunction svgFavicon(emoji, bg) {\n const svg =\n ``;\n return \"data:image/svg+xml,\" + encodeURIComponent(svg);\n}\n\nexport const DISGUISES = {\n none: { title: \"about:blank\", icon: \"data:,\" },\n docs: { title: \"Untitled document - Google Docs\", icon: svgFavicon(\"📄\", \"#fff\") },\n classroom: { title: \"Classes\", icon: svgFavicon(\"🏫\", \"#0f9d58\") },\n drive: { title: \"My Drive - Google Drive\", icon: svgFavicon(\"📁\", \"#fff\") },\n gmail: { title: \"Inbox - Gmail\", icon: svgFavicon(\"✉️\", \"#ea4335\") },\n canvas: { title: \"Dashboard\", icon: svgFavicon(\"🎨\", \"#e13223\") },\n};\n",[18,108],"pulls","branches","forks","envVars",{"_104":26,"_250":26},"connections",{"_104":26,"_249":26},"unfilledCount","emptyCount",{"_35":210,"_13":18,"_77":124,"_45":-5,"_37":38,"_211":42,"_212":24,"_39":312,"_41":26,"_80":125,"_214":-5,"_81":30,"_215":-5,"_267":313,"_17":314},{"_35":238,"_13":108,"_77":107,"_45":124,"_37":38,"_211":42,"_212":24,"_39":309,"_41":26,"_80":91,"_214":240,"_81":30,"_215":-5,"_267":310,"_17":311},{"_35":234,"_13":79,"_77":78,"_45":124,"_37":38,"_211":111,"_212":24,"_39":306,"_41":42,"_80":21,"_214":236,"_81":30,"_215":-5,"_267":307,"_17":308},{"_35":230,"_13":90,"_77":89,"_45":124,"_37":38,"_211":119,"_212":24,"_39":303,"_41":42,"_80":91,"_214":232,"_81":30,"_215":-5,"_267":304,"_17":305},{"_35":226,"_13":103,"_77":102,"_45":124,"_37":38,"_211":42,"_212":24,"_39":300,"_41":26,"_80":21,"_214":228,"_81":30,"_215":-5,"_267":301,"_17":302},{"_35":222,"_13":97,"_77":96,"_45":124,"_37":38,"_211":42,"_212":24,"_39":297,"_41":26,"_80":91,"_214":224,"_81":30,"_215":-5,"_267":298,"_17":299},{"_35":293,"_13":285,"_77":280,"_45":-5,"_37":38,"_211":42,"_212":24,"_39":294,"_41":26,"_80":125,"_214":-5,"_81":30,"_215":-5,"_267":295,"_17":296},{"_35":286,"_13":287,"_77":288,"_45":280,"_37":38,"_211":42,"_212":24,"_39":289,"_41":26,"_80":91,"_214":290,"_81":30,"_215":-5,"_267":291,"_17":292},{"_35":277,"_13":278,"_77":279,"_45":280,"_37":38,"_211":42,"_212":24,"_39":281,"_41":26,"_80":91,"_214":282,"_81":30,"_215":-5,"_267":283,"_17":284},{"_35":270,"_13":271,"_77":272,"_45":-5,"_37":38,"_211":42,"_212":24,"_39":273,"_41":26,"_80":21,"_214":274,"_81":30,"_215":-5,"_267":275,"_17":276},{"_35":262,"_13":263,"_77":137,"_45":-5,"_37":38,"_211":42,"_212":24,"_39":264,"_41":26,"_80":265,"_214":266,"_81":30,"_215":14,"_267":268,"_17":269},"cb169241-6902-4879-8d6a-9f7b07b78ab5","main.ts",["D",1787924293192],"http","import app from \"./server/app.ts\";\nexport default app.fetch;","children",[],[263],"969f718e-2c46-4e07-b47b-7be43f1e929f","README.md","01a04897-a6a1-74d7-9011-2a9c6f50b283",["D",1787924293192],"# 🔍 Portal — Blank Proxy\n\nA lightweight web proxy with **about:blank cloaking**, an in-tab navigation bar,\ntab disguises, and a panic key. Type a search term or URL, and it opens the\nproxied site inside a fresh `about:blank` tab.\n\n## Features\n\n- **about:blank cloaking** — proxied sites open in a blank tab so the real\n destination is hidden from the address bar.\n- **In-tab navigation bar** — back / forward / reload / home, a URL bar to keep\n browsing without returning to the homepage, and `Esc` to toggle full-screen.\n- **Tab disguises** — make the tab look like Google Docs, Classroom, Drive,\n Gmail, or Canvas (custom title + favicon).\n- **Panic key** — press a chosen key anytime to instantly jump to a safe URL.\n- **Search engines** — DuckDuckGo, Bing, or Google.\n- **Settings persistence** — preferences saved in `localStorage`.\n\n## How it works\n\n```mermaid\nflowchart LR\n A[Homepage] -->|submit| B{Cloak on?}\n B -->|yes| C[Open about:blank tab]\n C --> D[Disguised shell + iframe → /view]\n B -->|no| E[Navigate to /go]\n D --> F[\"/view (toolbar + iframe)\"]\n F --> G[\"/go?q=…&e=engine\"]\n E --> G\n G -->|normalize input| H[\"/p/<encoded url>\"]\n H --> I[Server fetches target]\n I --> J[Rewrite HTML/CSS links back through proxy]\n J --> K[Serve to browser]\n```\n\n## Files\n\n| File | Purpose |\n| --- | --- |\n| `main.ts` | HTTP entrypoint |\n| `server/app.ts` | Hono routes: `/`, `/view`, `/go`, `/p/*`, static, `/source` |\n| `server/proxy.ts` | Fetch + HTML/CSS rewriting, search-engine normalization |\n| `frontend/index.html` | Homepage with search + settings |\n| `frontend/main.js` | Cloaking, disguise, engine, panic key, settings |\n| `frontend/disguises.js` | Tab disguise presets (title + inline-SVG favicon) |\n| `frontend/viewer.html` | In-tab browser shell (toolbar + iframe) |\n| `frontend/viewer.js` | Toolbar logic: URL bar, nav buttons, bar toggle |\n\n## ⚠️ Limitations\n\nThis is a **server-side HTML-rewriting proxy**, not a full engine like\nUltraviolet/Rammerhead. It works well for simple/static sites and reading. It will\nstruggle with heavy JS apps, logins, video streaming, and strict anti-bot sites,\nwhich is expected given Val Town's serverless execution limits.\n",[],[271],"e588aa2f-ca5d-4d2b-8c4c-fb947d473ee6","proxy.ts","01a04897-a6a1-74d7-9011-228c801709c5","01a04897-a6a1-74d7-9011-269d379ccc5b",["D",1787924293192],"// Core proxy logic: fetch a target URL and rewrite its HTML/CSS so that\n// links, assets, and forms route back through this proxy.\n\nconst PROXY_PREFIX = \"/p/\";\n\nconst SEARCH_ENGINES: Record string> = {\n duckduckgo: (q) => `https://duckduckgo.com/html/?q=${encodeURIComponent(q)}`,\n bing: (q) => `https://www.bing.com/search?q=${encodeURIComponent(q)}`,\n google: (q) => `https://www.google.com/search?q=${encodeURIComponent(q)}`,\n};\n\n/** Turn user input into a real URL. If it's not a URL, treat it as a search. */\nexport function normalizeTarget(input: string, engine = \"duckduckgo\"): string {\n const raw = input.trim();\n if (!raw) return \"\";\n // Looks like a domain or URL?\n const looksLikeUrl = /^https?:\\/\\//i.test(raw) ||\n /^[^\\s]+\\.[a-z]{2,}(\\/|$|\\?)/i.test(raw);\n if (looksLikeUrl) {\n return /^https?:\\/\\//i.test(raw) ? raw : `https://${raw}`;\n }\n // Otherwise, run a search through the chosen engine\n const search = SEARCH_ENGINES[engine] ?? SEARCH_ENGINES.duckduckgo;\n return search(raw);\n}\n\n/** Encode a target URL into a proxied path. */\nexport function toProxyPath(targetUrl: string): string {\n return PROXY_PREFIX + encodeURIComponent(targetUrl);\n}\n\n/** Resolve a (possibly relative) URL against a base into an absolute URL. */\nfunction absolutize(base: string, ref: string): string | null {\n try {\n if (!ref || ref.startsWith(\"data:\") || ref.startsWith(\"javascript:\") ||\n ref.startsWith(\"mailto:\") || ref.startsWith(\"#\") || ref.startsWith(\"about:\")) {\n return null;\n }\n return new URL(ref, base).toString();\n } catch {\n return null;\n }\n}\n\n/** Rewrite an absolute URL into a proxied path. */\nfunction rewriteUrl(base: string, ref: string): string {\n const abs = absolutize(base, ref);\n if (!abs) return ref;\n return toProxyPath(abs);\n}\n\n/** Rewrite all URL-bearing attributes and embedded CSS in an HTML document. */\nexport function rewriteHtml(html: string, base: string): string {\n let out = html;\n\n // Strip CSP / frame-busting meta tags that block proxying\n out = out.replace(/]+http-equiv=[\"']?content-security-policy[\"']?[^>]*>/gi, \"\");\n out = out.replace(/]+http-equiv=[\"']?x-frame-options[\"']?[^>]*>/gi, \"\");\n\n // Rewrite href/src/action attributes\n out = out.replace(\n /\\b(href|src|action|poster|data-src)\\s*=\\s*[\"']([^\"']*)[\"']/gi,\n (m, attr, val) => `${attr}=\"${rewriteUrl(base, val)}\"`,\n );\n\n // Rewrite srcset (comma-separated list of URLs + descriptors)\n out = out.replace(/\\bsrcset\\s*=\\s*[\"']([^\"']*)[\"']/gi, (m, val) => {\n const rewritten = val\n .split(\",\")\n .map((part: string) => {\n const seg = part.trim();\n const [url, ...rest] = seg.split(/\\s+/);\n return [rewriteUrl(base, url), ...rest].join(\" \");\n })\n .join(\", \");\n return `srcset=\"${rewritten}\"`;\n });\n\n // Rewrite url(...) inside inline

History · frontend