gamezonline/Radius
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Format shit

Browse Source
This commit is contained in:
MotorTruck1221
2025-05-04 23:57:30 -06:00
parent a78ab8e1b2
commit 5f640d8e06
21 changed files with 338 additions and 298 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/assets/splash.json
+102 -102
View File
@@ -1,104 +1,104 @@
[
{
"splash": "Join our community! https://discord.gg/qsXnhSPtAK"
},
{
"splash": "Browse safely!"
},
{
"splash": "Access with ease!"
},
{
"splash": "Stay secure online!"
},
{
"splash": "New updates available!"
},
{
"splash": "Surf anonymously!"
},
{
"splash": "Unlock the web!"
},
{
"splash": "Don't miss out!"
},
{
"splash": "Fast and reliable!"
},
{
"splash": "Enjoy your privacy!"
},
{
"splash": "Let's get started!"
},
{
"splash": "Protect your data!"
},
{
"splash": "Freedom online!"
},
{
"splash": "Navigate freely!"
},
{
"splash": "Your web, your rules!"
},
{
"splash": "Stay anonymous!"
},
{
"splash": "Access anything!"
},
{
"splash": "Fast and secure!"
},
{
"splash": "Browse without limits!"
},
{
"splash": "Private and secure!"
},
{
"splash": "Keep your data safe!"
},
{
"splash": "Connect globally!"
},
{
"splash": "No boundaries!"
},
{
"splash": "Web freedom!"
},
{
"splash": "Stay private!"
},
{
"splash": "Anonymous browsing!"
},
{
"splash": "Secure access!"
},
{
"splash": "Fast connections!"
},
{
"splash": "Unrestricted access!"
},
{
"splash": "Surf the web freely!"
},
{
"splash": "Your privacy matters!"
},
{
"splash": "Always connected!"
},
{
"splash": "Web without limits!"
},
{
"splash": "Explore the internet!"
}
{
"splash": "Join our community! https://discord.gg/qsXnhSPtAK"
},
{
"splash": "Browse safely!"
},
{
"splash": "Access with ease!"
},
{
"splash": "Stay secure online!"
},
{
"splash": "New updates available!"
},
{
"splash": "Surf anonymously!"
},
{
"splash": "Unlock the web!"
},
{
"splash": "Don't miss out!"
},
{
"splash": "Fast and reliable!"
},
{
"splash": "Enjoy your privacy!"
},
{
"splash": "Let's get started!"
},
{
"splash": "Protect your data!"
},
{
"splash": "Freedom online!"
},
{
"splash": "Navigate freely!"
},
{
"splash": "Your web, your rules!"
},
{
"splash": "Stay anonymous!"
},
{
"splash": "Access anything!"
},
{
"splash": "Fast and secure!"
},
{
"splash": "Browse without limits!"
},
{
"splash": "Private and secure!"
},
{
"splash": "Keep your data safe!"
},
{
"splash": "Connect globally!"
},
{
"splash": "No boundaries!"
},
{
"splash": "Web freedom!"
},
{
"splash": "Stay private!"
},
{
"splash": "Anonymous browsing!"
},
{
"splash": "Secure access!"
},
{
"splash": "Fast connections!"
},
{
"splash": "Unrestricted access!"
},
{
"splash": "Surf the web freely!"
},
{
"splash": "Your privacy matters!"
},
{
"splash": "Always connected!"
},
{
"splash": "Web without limits!"
},
{
"splash": "Explore the internet!"
}
]
src/components/SettingsNav.astro
+1 -1
View File
@@ -2,7 +2,7 @@
import { Icon } from "astro-icon/components";
import type { SettingsProps as Props } from "@utils/types.ts";
const { active } = Astro.props;
const { active } = Astro.props;
---
<div class="h-full w-full flex flex-col font-inter p-4 pl-8 pt-8 gap-2">
<a href="/settings/" class=`gap-2 px-4 py-2 rounded-lg h-10 w-full text-sm font-medium transition-colors items-center justify-start inline-flex ${active === "proxy" ? 'bg-(--secondary) hover:bg-(--secondary)/[0.8]' : 'bg-(--background) hover:bg-(--accent)'}`>
src/components/ui/Button.astro
+2 -2
View File
@@ -1,10 +1,10 @@
---
import { Icon } from 'astro-icon/components';
import { Icon } from "astro-icon/components";
interface Props {
id: string;
text: string;
icon?: string
icon?: string;
}
const { id, text, icon } = Astro.props;
---
src/components/ui/Card.astro
+1 -1
View File
@@ -10,7 +10,7 @@ interface Props {
imageSrc: string;
text: string;
id: string;
};
}
const { imageSrc, text, id, link } = Astro.props;
---
src/global.d.ts
Vendored
+2 -2
View File
@@ -1,7 +1,7 @@
declare global {
interface Window {
__uv: any;
$scramjet: any;
__uv: any;
$scramjet: any;
}
}
export {};
src/layouts/Layout.astro
+9 -5
View File
@@ -8,11 +8,15 @@ import Header from "@components/Header.astro";
import "@styles/global.css";
import "@styles/default.css";
readdir(pathJoin(import.meta.dirname, '..', 'styles', 'themes'), { encoding: 'utf-8' }, (err, files) => {
files.forEach(async (name) => {
await import(`../styles/themes/${name.replace('.css', '')}.css`)
});
});
readdir(
pathJoin(import.meta.dirname, "..", "styles", "themes"),
{ encoding: "utf-8" },
(err, files) => {
files.forEach(async (name) => {
await import(`../styles/themes/${name.replace(".css", "")}.css`);
});
}
);
---
<!doctype html>
<html lang="en">
src/pages/[...settings]/appearance.astro
+7 -5
View File
@@ -8,12 +8,14 @@ import Input from "@components/ui/Input.astro";
import Button from "@components/ui/Button.astro";
import { type DropdownOptions } from "@utils/types";
const Themes: DropdownOptions[] = [{ name: 'Default', value: 'default' }];
const files = await readdir(pathJoin(import.meta.dirname, '..', '..', 'styles', 'themes'), { encoding: 'utf-8' });
const Themes: DropdownOptions[] = [{ name: "Default", value: "default" }];
const files = await readdir(pathJoin(import.meta.dirname, "..", "..", "styles", "themes"), {
encoding: "utf-8"
});
files.forEach((name) => {
Themes.push({
name: name.toLowerCase().charAt(0).toUpperCase() + name.slice(1).replace('.css', ''),
value: name.toLowerCase().replace('.css', '')
Themes.push({
name: name.toLowerCase().charAt(0).toUpperCase() + name.slice(1).replace(".css", ""),
value: name.toLowerCase().replace(".css", "")
});
});
---
src/pages/[...settings]/index.astro
+3 -3
View File
@@ -5,9 +5,9 @@ import Input from "@components/ui/Input.astro";
import Button from "@components/ui/Button.astro";
import { SearchEngines, type DropdownOptions } from "@utils/types";
const SearchEngineOptions: DropdownOptions[] = [];
Object.keys(SearchEngines).forEach((k) => SearchEngineOptions.push(
{ name: k, value: SearchEngines[k] }
));
Object.keys(SearchEngines).forEach((k) =>
SearchEngineOptions.push({ name: k, value: SearchEngines[k] })
);
---
<SettingsLayout active="proxy" title="Proxy">
<div class="w-full flex-grow">
src/pages/index.astro
+4 -4
View File
@@ -1,17 +1,17 @@
---
import Layout from '@layouts/Layout.astro';
import { Icon } from 'astro-icon/components'
import Layout from "@layouts/Layout.astro";
import { Icon } from "astro-icon/components";
import splash from "@assets/splash.json";
const genSplash = (): String => {
const idx = Math.floor(Math.random() * splash.length);
return splash[idx].splash;
}
};
const randomSplash = genSplash();
const link = Astro.url.searchParams.get('redir');
const link = Astro.url.searchParams.get("redir");
---
<Layout>
src/styles/global.css
+2 -2
View File
@@ -1,7 +1,7 @@
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@import "tailwindcss";
@theme {
--font-inter: "Inter", sans-serif
--font-inter: "Inter", sans-serif;
}
src/styles/themes/bluelight.css
+1 -1
View File
@@ -18,4 +18,4 @@
--destructive: hsl(2 82% 30%);
--destructive-foreground: hsl(2 82% 90%);
--ring: hsl(223 42% 57%);
}
}
src/styles/themes/cyberpunk.css
+1 -1
View File
@@ -18,4 +18,4 @@
--destructive: hsl(5 92% 45%);
--destructive-foreground: hsl(0 0% 100%);
--ring: hsl(167 100% 50%);
}
}
src/utils/proxy.ts
+69 -47
View File
@@ -2,35 +2,35 @@ import { BareMuxConnection } from "@mercuryworkshop/bare-mux";
import { StoreManager } from "./storage";
const createScript = (src: string, defer?: boolean) => {
const script = document.createElement('script') as HTMLScriptElement;
const script = document.createElement("script") as HTMLScriptElement;
script.src = src;
if (defer) script.defer = defer;
return document.body.appendChild(script);
}
};
/**
* This class automatically sets up and handles lots of stuff for us.
*
* It registers/fixes errors with SW reg
* It creates our bareMux worker
* And other stuff.
*
* @example
* import { SW } from "@utils/proxy.ts";
* const handler = new SW();
* //Consume the methods
* // Or if an instance is already running
* import { SW } from "@utils/proxy.ts";
* const handler = SW.getInstance();
* //Consume the methods
*/
* This class automatically sets up and handles lots of stuff for us.
*
* It registers/fixes errors with SW reg
* It creates our bareMux worker
* And other stuff.
*
* @example
* import { SW } from "@utils/proxy.ts";
* const handler = new SW();
* //Consume the methods
* // Or if an instance is already running
* import { SW } from "@utils/proxy.ts";
* const handler = SW.getInstance();
* //Consume the methods
*/
class SW {
#baremuxConn?: BareMuxConnection;
#scramjetController?: ScramjetController;
#serviceWorker?: ServiceWorkerRegistration;
#storageManager: StoreManager<"radius||settings">;
static #instance = new Set();
static #instance = new Set();
static *getInstance() {
for (const val of SW.#instance.keys()) {
yield val as SW;
@@ -38,41 +38,59 @@ class SW {
}
#search(input: string, template: string) {
try { return new URL(input).toString() } catch (_) {};
try {
return new URL(input).toString();
} catch (_) {}
try {
const url = new URL(`http://${input}`);
if (url.hostname.includes(".")) return url.toString();
} catch (_) {};
} catch (_) {}
return template.replace("%s", encodeURIComponent(input));
}
encodeURL(string: string): string {
const proxy = this.#storageManager.getVal("proxy") as 'uv' | 'sj';
const input = this.#search(string, this.#storageManager.getVal('searchEngine'));
return proxy === 'uv' ? `${__uv$config.prefix}${__uv$config.encodeUrl!(input)}` : this.#scramjetController!.encodeUrl(input)
const proxy = this.#storageManager.getVal("proxy") as "uv" | "sj";
const input = this.#search(string, this.#storageManager.getVal("searchEngine"));
return proxy === "uv"
? `${__uv$config.prefix}${__uv$config.encodeUrl!(input)}`
: this.#scramjetController!.encodeUrl(input);
}
async setTransport(transport?: 'epoxy' | 'libcurl', get?: boolean) {
console.log('Setting transport');
if (get) return this.#storageManager.getVal('transport');
this.#storageManager.setVal("transport", transport || this.#storageManager.getVal("transport") || 'epoxy');
switch(transport) {
case 'epoxy': {
await this.#baremuxConn!.setTransport("/epoxy/index.mjs", [ { wisp: this.#storageManager.getVal('wispServer') }]);
async setTransport(transport?: "epoxy" | "libcurl", get?: boolean) {
console.log("Setting transport");
if (get) return this.#storageManager.getVal("transport");
this.#storageManager.setVal(
"transport",
transport || this.#storageManager.getVal("transport") || "epoxy"
);
switch (transport) {
case "epoxy": {
await this.#baremuxConn!.setTransport("/epoxy/index.mjs", [
{ wisp: this.#storageManager.getVal("wispServer") }
]);
}
case 'libcurl': {
await this.#baremuxConn!.setTransport("/libcurl/index.mjs", [ { wisp: this.#storageManager.getVal('wispServer') }]);
case "libcurl": {
await this.#baremuxConn!.setTransport("/libcurl/index.mjs", [
{ wisp: this.#storageManager.getVal("wispServer") }
]);
}
default: {
await this.#baremuxConn!.setTransport("/epoxy/index.mjs", [ { wisp: this.#storageManager.getVal('wispServer') }]);
await this.#baremuxConn!.setTransport("/epoxy/index.mjs", [
{ wisp: this.#storageManager.getVal("wispServer") }
]);
}
}
}
async wispServer(wispServer?: string, set?: true) {
this.#storageManager.setVal("wispServer", wispServer || this.#storageManager.getVal('wispServer') || (location.protocol === "https:" ? "wss://" : "ws://") + location.host + "/wisp/");
this.#storageManager.setVal(
"wispServer",
wispServer ||
this.#storageManager.getVal("wispServer") ||
(location.protocol === "https:" ? "wss://" : "ws://") + location.host + "/wisp/"
);
if (set) await this.setTransport();
}
@@ -82,22 +100,25 @@ class SW {
const checkScripts = (): Promise<void> => {
return new Promise((resolve) => {
const t = setInterval(() => {
if (typeof __uv$config !== 'undefined' && typeof ScramjetController !== 'undefined') {
if (
typeof __uv$config !== "undefined" &&
typeof ScramjetController !== "undefined"
) {
clearInterval(t);
resolve();
}
});
});
};
createScript('/vu/uv.bundle.js', true);
createScript('/vu/uv.config.js', true);
createScript('/marcs/scramjet.controller.js', true);
createScript("/vu/uv.bundle.js", true);
createScript("/vu/uv.config.js", true);
createScript("/marcs/scramjet.controller.js", true);
checkScripts().then(async () => {
this.#baremuxConn = new BareMuxConnection("/erab/worker.js");
await this.setTransport();
this.#scramjetController = new ScramjetController({
prefix: '/~/scramjet/',
prefix: "/~/scramjet/",
files: {
wasm: "/marcs/scramjet.wasm.wasm",
worker: "/marcs/scramjet.worker.js",
@@ -109,19 +130,20 @@ class SW {
rewriterLogs: false
}
});
if ("serviceWorker" in navigator) {
if ("serviceWorker" in navigator) {
await this.#scramjetController.init();
navigator.serviceWorker.ready.then(async (reg) => {
console.log('SW ready to go!');
console.log("SW ready to go!");
this.#serviceWorker = reg;
});
navigator.serviceWorker.register("/sw.js", { scope: '/' });
}
else {
throw new Error('Your browser is not supported! This website uses Service Workers heavily.');
navigator.serviceWorker.register("/sw.js", { scope: "/" });
} else {
throw new Error(
"Your browser is not supported! This website uses Service Workers heavily."
);
}
});
};
}
}
export { SW };
src/utils/settings.ts
+51 -51
View File
@@ -3,37 +3,37 @@ import { BareMuxConnection } from "@mercuryworkshop/bare-mux";
import { SW } from "@utils/proxy.ts";
import { SearchEngines } from "./types";
/**
* The settings class
* Initializes it's own StorageManager, and handles everything within the class itself
*
* @example
* // Create a new Settings instance (needs to be done only once)
* import { Settings } from "@utils/settings.ts";
* const settings = new Settings();
* //Consume any of the methods with:
* settings.methodName();
*
* // Most of the time, you'll want to get the running instance this can be done with
* import { Settings } from "@utils/settings.ts";
* const settings = await Settings.getInstance();
* //Consume any of the methods with:
* settings.methodName();
*/
* The settings class
* Initializes it's own StorageManager, and handles everything within the class itself
*
* @example
* // Create a new Settings instance (needs to be done only once)
* import { Settings } from "@utils/settings.ts";
* const settings = new Settings();
* //Consume any of the methods with:
* settings.methodName();
*
* // Most of the time, you'll want to get the running instance this can be done with
* import { Settings } from "@utils/settings.ts";
* const settings = await Settings.getInstance();
* //Consume any of the methods with:
* settings.methodName();
*/
class Settings {
// Our own internal StorageManager so things never interfere
#storageManager: StoreManager<"radius||settings">;
static #instance = new Set();
static #instance = new Set();
/**
* Method to get the current or other Settings instance(s)
*
*
* @example
* const settings = await Settings.getInstance();
* // Consume the other methods
*/
* Method to get the current or other Settings instance(s)
*
*
* @example
* const settings = await Settings.getInstance();
* // Consume the other methods
*/
static async getInstance() {
function *get() {
function* get() {
for (const instance of Settings.#instance.keys()) {
yield instance!;
}
@@ -47,50 +47,50 @@ class Settings {
resolve(true);
}
}, 100);
})
}
});
};
await ready();
return get().next().value! as Settings;
}
/**
* Set's the theme either to the current theme OR to a new one
*
* @example
* // Retrieve the Settings instance
* const settings = await Settings.getInstance();
*
* // Consume the method
* settings.theme() // Whatever value is in localstorage at the time
* settings.theme('theme name') // A new theme based off of the class name
*/
* Set's the theme either to the current theme OR to a new one
*
* @example
* // Retrieve the Settings instance
* const settings = await Settings.getInstance();
*
* // Consume the method
* settings.theme() // Whatever value is in localstorage at the time
* settings.theme('theme name') // A new theme based off of the class name
*/
theme(theme?: string) {
this.#storageManager.setVal('theme', theme || this.#storageManager.getVal('theme'));
theme === 'default'
? document.documentElement.className = 'default'
: document.documentElement.className = theme || this.#storageManager.getVal('theme');
this.#storageManager.setVal("theme", theme || this.#storageManager.getVal("theme"));
theme === "default"
? (document.documentElement.className = "default")
: (document.documentElement.className = theme || this.#storageManager.getVal("theme"));
}
proxy(prox?: 'uv' | 'sj') {
this.#storageManager.setVal('proxy', prox || 'uv');
proxy(prox?: "uv" | "sj") {
this.#storageManager.setVal("proxy", prox || "uv");
}
searchEngine(engine?: string) {
this.#storageManager.setVal('searchEngine', engine || SearchEngines.DuckDuckGo);
this.#storageManager.setVal("searchEngine", engine || SearchEngines.DuckDuckGo);
}
async *#init() {
yield this.theme(this.#storageManager.getVal('theme') || 'default');
yield this.theme(this.#storageManager.getVal("theme") || "default");
}
constructor() {
this.#storageManager = new StoreManager("radius||settings");
Settings.#instance.add(this);
(async() => {
for await (const _ of this.#init());
(async () => {
for await (const _ of this.#init());
})();
}
}
export { Settings }
export { Settings };
src/utils/storage.ts
+1 -1
View File
@@ -14,4 +14,4 @@ class StoreManager<Prefix extends string> {
}
}
export { StoreManager }
export { StoreManager };
src/utils/types.ts
+2 -2
View File
@@ -1,7 +1,7 @@
import type { Props } from "astro";
interface SettingsProps extends Props {
active: 'appearance' | 'credits' | 'links' | 'proxy';
active: "appearance" | "credits" | "links" | "proxy";
title: string;
}
@@ -14,7 +14,7 @@ type DropdownOptions = {
const SearchEngines: Record<string, string> = {
DuckDuckGo: "https://duckduckgo.com/?q=%s",
Google: "https://google.com/search?q=%s",
Bing: "https://bing.com/search?q=%s",
Bing: "https://bing.com/search?q=%s"
};
export { type SettingsProps, type DropdownOptions, SearchEngines };