├── .env.defaults
├── .eslintignore
├── .eslintrc.cjs
├── .gitignore
├── .gitmodules
├── .prettierignore
├── .vscode
    └── settings.json
├── Checkfailed.html
├── Dockerfile
├── LICENSE
├── README.md
├── astro.config.mjs
├── index.js
├── middleware
    ├── Masqr
    │   └── index.js
    └── catchErrors.js
├── package.json
├── pnpm-lock.yaml
├── prettier.config.js
├── public
    ├── favicon.svg
    ├── flash
    │   └── instantiateFlash.js
    ├── game.css
    ├── icons
    │   ├── canvas.png
    │   ├── classlink.png
    │   ├── classroom.png
    │   ├── clever.jpg
    │   ├── drive.png
    │   ├── edgenuity.png
    │   ├── google.png
    │   ├── schoology.webp
    │   └── youtube.png
    ├── iframe.css
    ├── img
    │   ├── checkmark.svg
    │   ├── games
    │   │   ├── fullscreen.svg
    │   │   ├── pin-outline.svg
    │   │   └── pin.svg
    │   ├── nav
    │   │   ├── backwards.svg
    │   │   ├── close.svg
    │   │   ├── forwards.svg
    │   │   ├── reload.svg
    │   │   └── share.svg
    │   └── search.svg
    ├── marketplace
    │   ├── adblock
    │   │   ├── banner.png
    │   │   ├── icon.png
    │   │   └── index.js
    │   ├── atom-one-dark
    │   │   ├── logo.png
    │   │   └── theme.css
    │   ├── dracula-theme
    │   │   ├── logo.svg
    │   │   └── theme.css
    │   ├── eruda
    │   │   ├── banner.png
    │   │   └── eruda.js
    │   ├── nord-theme
    │   │   ├── logo.png
    │   │   └── theme.css
    │   ├── oled-theme
    │   │   ├── theme.css
    │   │   └── theme.png
    │   ├── scriptInjector
    │   │   └── index.js
    │   └── synthwave84
    │   │   ├── logo.png
    │   │   └── theme.css
    ├── robots-allow.txt
    ├── robots-deny.txt
    ├── sw.js
    ├── unity
    │   ├── UnityLoader.js
    │   ├── index.css
    │   ├── instantiateUnity.js
    │   └── preload.js
    ├── uv.config.js
    ├── varela-latin-ext.woff2
    ├── varela-latin.woff2
    ├── varela-round.css
    └── workerware
    │   ├── WWError.js
    │   └── workerware.js
├── src
    ├── alu.d.ts
    ├── components
    │   ├── FaqCard.astro
    │   ├── GameItem.astro
    │   ├── LoadingSpinner.astro
    │   ├── ProxyRegistrar.astro
    │   ├── SchemaData.astro
    │   ├── SettingsContent
    │   │   ├── CloakingTab.astro
    │   │   ├── CreditsTab.astro
    │   │   ├── CustomizationTab.astro
    │   │   └── ProxyTab.astro
    │   ├── UI
    │   │   ├── Card.astro
    │   │   ├── Dropdown.astro
    │   │   ├── Footer.astro
    │   │   ├── Header.astro
    │   │   ├── Input.astro
    │   │   ├── Link.astro
    │   │   └── MarketplaceIcon.astro
    │   ├── WaveSVG.astro
    │   ├── WelcomeLogging.astro
    │   ├── frame
    │   │   └── IFrameNav.astro
    │   ├── icons
    │   │   ├── paintbrush.astro
    │   │   └── scroll.astro
    │   ├── loaders
    │   │   ├── CloakLoader.astro
    │   │   ├── PageScriptLoader.astro
    │   │   └── ThemeLoader.astro
    │   └── ts
    │   │   ├── EventMgr.ts
    │   │   ├── IDBManager.ts
    │   │   ├── Pyrus.ts
    │   │   ├── PyrusStore.ts
    │   │   ├── TransportManager.ts
    │   │   ├── WispServerTiming.ts
    │   │   ├── marketplace.ts
    │   │   ├── settings.ts
    │   │   └── toast.ts
    ├── env.d.ts
    ├── i18n
    │   ├── locale
    │   │   ├── en.json
    │   │   ├── es.json
    │   │   ├── fr.json
    │   │   ├── jp.json
    │   │   ├── pt.json
    │   │   ├── ru.json
    │   │   └── zh.json
    │   ├── ui.ts
    │   └── utils.ts
    ├── json
    │   ├── games.json
    │   └── marketplace.json
    ├── layouts
    │   └── Layout.astro
    ├── pages
    │   ├── 404.astro
    │   ├── [lang]
    │   │   ├── donate.astro
    │   │   ├── games.astro
    │   │   ├── index.astro
    │   │   ├── marketplace.astro
    │   │   └── settings.astro
    │   ├── game
    │   │   ├── [game].astro
    │   │   ├── flash
    │   │   │   └── [game].astro
    │   │   └── unity
    │   │   │   └── [game].astro
    │   ├── index.astro
    │   ├── privacy.astro
    │   └── terms.astro
    └── types.d.ts
└── tsconfig.json


/.env.defaults:
--------------------------------------------------------------------------------
1 | MASQR_ENABLED=false
2 | PORT=3000


--------------------------------------------------------------------------------
/.eslintignore:
--------------------------------------------------------------------------------
1 | node_modules/
2 | dist/
3 | public/
4 | 


--------------------------------------------------------------------------------
/.eslintrc.cjs:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   env: {
 3 |     node: true,
 4 |     es2022: true,
 5 |     browser: true,
 6 |   },
 7 |   extends: ["eslint:recommended", "plugin:astro/recommended"],
 8 |   parserOptions: {
 9 |     ecmaVersion: "latest",
10 |     sourceType: "module",
11 |   },
12 |   rules: {
13 |     "no-unused-vars": "error",
14 |     "no-undef": "off",
15 |     "prefer-const": "error",
16 |     "no-case-declarations": "off",
17 |   },
18 |   ignorePatterns: ["env.d.ts", "middleware/", "public/"],
19 |   overrides: [
20 |     {
21 |       files: ["*.astro"],
22 |       parser: "astro-eslint-parser",
23 |       parserOptions: {
24 |         parser: "@typescript-eslint/parser",
25 |         extraFileExtensions: [".astro"],
26 |       },
27 |     },
28 |     {
29 |       files: ["*.ts", "*.tsx"],
30 |       parser: "@typescript-eslint/parser",
31 |       parserOptions: {
32 |         project: "./tsconfig.json",
33 |       },
34 |       plugins: ["@typescript-eslint"],
35 |       extends: ["plugin:@typescript-eslint/recommended"],
36 |       rules: {
37 |         "@typescript-eslint/no-explicit-any": "off",
38 |       },
39 |     },
40 |     {
41 |       // Define the configuration for `<script>` tag.
42 |       // Script in `<script>` is assigned a virtual file name with the `.js` extension.
43 |       files: ["**/*.astro/*.js", "*.astro/*.js"],
44 |       parser: "@typescript-eslint/parser",
45 |     },
46 |   ],
47 | };
48 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # build output
2 | dist/
3 | .astro/
4 | node_modules/
5 | npm-debug.log*
6 | .env
7 | public/games/**
8 | exempt_masqr.txt


--------------------------------------------------------------------------------
/.gitmodules:
--------------------------------------------------------------------------------
1 | [submodule "public/games"]
2 | 	path = public/games
3 | 	url = https://github.com/wearrrrr/alu-games
4 | 


--------------------------------------------------------------------------------
/.prettierignore:
--------------------------------------------------------------------------------
1 | dist
2 | node_modules
3 | public


--------------------------------------------------------------------------------
/.vscode/settings.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "search.exclude": {
 3 |     "/public/games/**": true
 4 |   },
 5 |   "files.exclude": {
 6 |     "**/*.rpyc": true,
 7 |     "**/*.rpa": true,
 8 |     "**/*.rpymc": true,
 9 |     "**/cache/": true
10 |   }
11 | }
12 | 


--------------------------------------------------------------------------------
/Checkfailed.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html>
 3 |   <head>
 4 |     <title>Welcome to nginx!</title>
 5 |     <style>
 6 |       html {
 7 |         color-scheme: light dark;
 8 |       }
 9 |       body {
10 |         width: 35em;
11 |         margin: 0 auto;
12 |         font-family: Tahoma, Verdana, Arial, sans-serif;
13 |       }
14 |     </style>
15 |   </head>
16 |   <body>
17 |     <h1>Welcome to nginx!</h1>
18 |     <p>
19 |       If you see this page, the nginx web server is successfully installed and working. Further configuration is required. If you are expecting another page, please check your network or
20 |       <a href="/" id="rcheck"><b>Refresh this page</b></a>
21 |     </p>
22 | 
23 |     <p>
24 |       For online documentation and support please refer to
25 |       <a href="http://nginx.org/">nginx.org</a>.<br />
26 |       Commercial support is available at
27 |       <a href="http://nginx.com/">nginx.com</a>.
28 |     </p>
29 | 
30 |     <p><em>Thank you for using nginx.</em></p>
31 |     <script>
32 |       if (!localStorage["auth"] && new URL(document.all.rcheck.href).password) {
33 |         window.location.reload();
34 |         localStorage["auth"] = 1;
35 |       }
36 |     </script>
37 |   </body>
38 | </html>
39 | 


--------------------------------------------------------------------------------
/Dockerfile:
--------------------------------------------------------------------------------
 1 | FROM node:lts
 2 | 
 3 | WORKDIR /usr/src/app
 4 | 
 5 | # Copying package.json and pnpm-lock helps with caching
 6 | COPY package.json pnpm-lock.yaml ./
 7 | 
 8 | RUN npm i -g pnpm
 9 | 
10 | RUN pnpm install
11 | 
12 | COPY . .
13 | 
14 | RUN pnpm run build
15 | 
16 | EXPOSE 3000
17 | 
18 | CMD ["pnpm", "start"]


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | <p align="center">
 2 |   <img src="https://github.com/titaniumnetwork-dev/Pyrus/assets/99224452/d740378b-3fba-4470-8f06-3eefdae8a313" alt="PyrusLogo" width="250"/>
 3 | </p>
 4 | 
 5 | # Pyrus
 6 | 
 7 | Pyrus is a beautiful, functional, and sleek web proxy that prioritizes customization and ease of use.
 8 | 
 9 | ![Code size](https://shields.io/github/languages/code-size/titaniumnetwork-dev/Pyrus?style=flat-square&logo=github)
10 | ![Star count](https://shields.io/github/stars/titaniumnetwork-dev/Pyrus?style=flat-square&logo=github)
11 | ![Made with coffee](https://img.shields.io/badge/made%20with-coffee-452515?style=flat-square&logo=coffeescript)
12 | 
13 | # Features
14 | 
15 | - 🌐 UV and Rammerhead support
16 | - 🎨 Multiple Themes to choose from
17 | - 🏬 Marketplace for Themes and Extensions
18 | - 🕶 Multiple site cloaking options
19 | - 🎮 50+ Games to choose from
20 | - 🌎 Support for **6** Languages
21 | - 🚀 High performance
22 | - 🔍 Multiple Search Engines to pick from
23 | 
24 | # Deploying Pyrus
25 | 
26 | Deploying Pyrus is about as simple as it gets.
27 | 
28 | 1. Open your terminal and type `git clone https://github.com/titaniumnetwork-dev/Pyrus --recurse-submodules`
29 | 
30 | 2. Install pnpm with `npm i -g pnpm`.
31 | 
32 | 3. Then simply run `pnpm i` to install all node_modules, and build the frontend with `pnpm run build`; this shouldn't take more than a couple seconds.
33 | 
34 | 4. Finally, run `pnpm start` to actually serve Pyrus! It defaults to port 3000 for everything, but this can be specified in an env file.
35 | 
36 | Congrats! You should now be running your very own instance of Pyrus! 🎉
37 | 
38 | > [!WARNING]
39 | > Recursing all submodules will install [alu-games](https://github.com/wearrrrr/alu-games) as well. This repo contains _all_ games for Pyrus and is quite large! If you wish to skip it, simply remove `--recurse-submodules` from your clone command.
40 | 
41 | ## What about Docker?
42 | 
43 | Pyrus can be easily dockerized with the `Dockerfile` provided in the repository. Simply run `docker build -t alu .` to build the image, and then `docker run -p 3000:3000 alu` to run the container, and you're good to go!
44 | 
45 | # Technologies
46 | 
47 | - Ultraviolet by Titanium Network
48 | - Bare Server from TompHTTP
49 | - Wisp Server Node by Mercury Workshop
50 | - Rammerhead by binary-person
51 | - Astro from astro.build
52 | - Typescript
53 | - ExpressJS
54 | - Prettier
55 | - ESLint
56 | 
57 | # License
58 | 
59 | Pyrus is licensed under the GNU GPL v3.0 License as of 2/9/2024.
60 | 


--------------------------------------------------------------------------------
/astro.config.mjs:
--------------------------------------------------------------------------------
 1 | import { defineConfig } from "astro/config";
 2 | import node from "@astrojs/node";
 3 | import dotenv from "dotenv-flow";
 4 | import sitemap from '@astrojs/sitemap';
 5 | dotenv.config();
 6 | 
 7 | // Check if node is running in production mode
 8 | // const prodBuild = process.env.NODE_ENV === "production";
 9 | const prodBuild = process.env.IS_PROD === "true";
10 | 
11 | const site = prodBuild ? "https://aluu.xyz" : "http://localhost:3000";
12 | 
13 | export default defineConfig({
14 |   site: site,
15 |   integrations: [
16 |     sitemap({
17 |       lastmod: new Date(),
18 |     }),
19 |   ],
20 |   output: "server",
21 |   adapter: node({
22 |     mode: "middleware",
23 |   }),
24 |   vite: {
25 |     server: {
26 |       watch: {
27 |         usePolling: true,
28 |       },
29 |     },
30 |   },
31 | });
32 | 


--------------------------------------------------------------------------------
/index.js:
--------------------------------------------------------------------------------
  1 | import "./middleware/catchErrors.js";
  2 | import dotenv from "dotenv-flow";
  3 | import { uvPath } from "@titaniumnetwork-dev/ultraviolet";
  4 | import { epoxyPath } from "@mercuryworkshop/epoxy-transport";
  5 | import { libcurlPath } from "@mercuryworkshop/libcurl-transport";
  6 | import { bareModulePath } from "@mercuryworkshop/bare-as-module3";
  7 | import { baremuxPath } from "@mercuryworkshop/bare-mux/node";
  8 | import express from "express";
  9 | import { createServer } from "http";
 10 | import path from "node:path";
 11 | import chalk from "chalk";
 12 | import { server as wisp, logging as wispLogging } from "@mercuryworkshop/wisp-js/server";
 13 | import { handler as astroSSR } from "./dist/server/entry.mjs";
 14 | import cookies from "cookie-parser";
 15 | import { existsSync, readFileSync } from "fs";
 16 | 
 17 | dotenv.config();
 18 | 
 19 | const whiteListedDomains = ["aluu.xyz", "localhost"];
 20 | 
 21 | if (existsSync("exempt_masqr.txt")) {
 22 |   const file = readFileSync("exempt_masqr.txt", "utf-8");
 23 |   const exemptDomains = file.split("\n");
 24 |   exemptDomains.forEach((domain) => {
 25 |     whiteListedDomains.push(domain.trim());
 26 |   });
 27 | }
 28 | 
 29 | const LICENSE_SERVER_URL = "https://license.mercurywork.shop/validate?license=";
 30 | const MASQR_ENABLED = process.env.MASQR_ENABLED;
 31 | wispLogging.set_level(wispLogging.WARN);
 32 | 
 33 | const log = (message) => console.log(chalk.gray.bold("[Pyrus] " + message));
 34 | const success = (message) => console.log(chalk.green.bold("[Pyrus] " + message));
 35 | 
 36 | const PORT = process.env.PORT;
 37 | const app = express();
 38 | 
 39 | app.use(cookies());
 40 | 
 41 | // Set process.env.MASQR_ENABLED to "true" to enable masqr protection.
 42 | if (MASQR_ENABLED == "true") {
 43 |   log("Starting Masqr...");
 44 |   const masqrCheck = (await import("./middleware/Masqr/index.js")).masqrCheck;
 45 |   app.use(await masqrCheck({ whitelist: whiteListedDomains, licenseServer: LICENSE_SERVER_URL, htmlFile: "Checkfailed.html" }));
 46 | }
 47 | 
 48 | app.use(astroSSR);
 49 | 
 50 | app.use(express.static(path.join(process.cwd(), "static")));
 51 | app.use(express.static(path.join(process.cwd(), "build")));
 52 | app.use("/uv/", express.static(uvPath));
 53 | app.use("/epoxy/", express.static(epoxyPath));
 54 | app.use("/libcurl/", express.static(libcurlPath));
 55 | app.use("/baremux/", express.static(baremuxPath));
 56 | app.use("/baremod/", express.static(bareModulePath));
 57 | 
 58 | app.use(express.json());
 59 | app.use(
 60 |   express.urlencoded({
 61 |     extended: true,
 62 |   })
 63 | );
 64 | app.use((req, res, next) => {
 65 |   if (req.url.includes("/games/")) {
 66 |     res.header("Cross-Origin-Opener-Policy", "same-origin");
 67 |     res.header("Cross-Origin-Embedder-Policy", "require-corp");
 68 |   }
 69 |   next();
 70 | });
 71 | app.use("/custom-favicon", async (req, res) => {
 72 |   try {
 73 |     const { url } = req.query;
 74 |     const response = await fetch(`https://www.google.com/s2/favicons?domain=${url}&sz=128`);
 75 |     const buffer = new Buffer.from(await response.arrayBuffer());
 76 |     res.set("Content-Type", "image/png");
 77 |     res.send(buffer);
 78 |   } catch {
 79 |     res.sendStatus(500);
 80 |   }
 81 | });
 82 | 
 83 | app.use("/blocklist", async (req, res) => {
 84 |   try {
 85 |     const { url } = req.query;
 86 |     const response = await fetch(url).then((r) => r.text());
 87 |     res.set("Content-Type", "text/plain");
 88 |     res.send(response);
 89 |   } catch {
 90 |     res.sendStatus(500);
 91 |   }
 92 | });
 93 | 
 94 | app.use("/", express.static("dist/client/"));
 95 | app.get("/favicon.ico", (req, res) => {
 96 |   res.sendFile(path.join(process.cwd(), "dist/client/favicon.svg"));
 97 | });
 98 | app.get("/robots.txt", (req, res) => {
 99 |   if (req.headers.host && whiteListedDomains.includes(req.headers.host)) {
100 |     res.sendFile(path.join(process.cwd(), "dist/client/robots-allow.txt"));
101 |   } else {
102 |     res.sendFile(path.join(process.cwd(), "dist/client/robots-deny.txt"));
103 |   }
104 | });
105 | app.get("/search", async (req, res) => {
106 |   try {
107 |     const { query } = req.query;
108 | 
109 |     const response = await fetch(`http://api.duckduckgo.com/ac?q=${query}&format=json`).then((apiRes) => apiRes.json());
110 | 
111 |     res.send(response);
112 |   } catch (err) {
113 |     res.redirect(302, "/404.html");
114 |   }
115 | });
116 | app.get("*", (req, res) => {
117 |   res.redirect(302, "/404");
118 | });
119 | 
120 | const server = createServer();
121 | server.on("request", (req, res) => {
122 |   app(req, res);
123 | });
124 | 
125 | server.on("upgrade", (req, socket, head) => {
126 |   if (req.url.endsWith("/wisp/")) {
127 |     wisp.routeRequest(req, socket, head);
128 |   } else {
129 |     socket.end();
130 |   }
131 | });
132 | 
133 | log("Starting Pyrus...");
134 | success("Pyrus started successfully!");
135 | server.on("listening", () => {
136 |   success(`Server running at http://localhost:${PORT}/.`);
137 | });
138 | 
139 | server.listen({
140 |   port: PORT,
141 | });
142 | 


--------------------------------------------------------------------------------
/middleware/Masqr/index.js:
--------------------------------------------------------------------------------
 1 | import path from "path";
 2 | import fs from "fs";
 3 | 
 4 | export async function masqrCheck(config) {
 5 |   return async (req, res, next) => {
 6 |     try {
 7 |       const loadedHtmlFile = fs.readFileSync(process.cwd() + "/" + config.htmlFile, "utf8");
 8 |       if (config.whitelist.includes(req.hostname)) {
 9 |         next();
10 |         return;
11 |       }
12 |       const authheader = req.headers.authorization;
13 | 
14 |       if (!req.cookies) {
15 |         // Send an error
16 |         return res.send("Request failed!");
17 |       }
18 | 
19 |       if (req.cookies.authcheck) {
20 |         next();
21 |         return;
22 |       }
23 |       if (!authheader) {
24 |         res.setHeader("WWW-Authenticate", "Basic");
25 |         res.status(401);
26 |         MasqrFail(req, res, loadedHtmlFile);
27 |         return;
28 |       }
29 |       // If we are at this point, then the request should be a valid masqr request, and we are going to check the license server
30 |       const auth = Buffer.from(authheader.split(" ")[1], "base64").toString().split(":");
31 |       const pass = auth[1];
32 |       const licenseCheck = (await (await fetch(config.licenseServer + pass + "&host=" + req.headers.host)).json())["status"];
33 |       if (licenseCheck === "License valid") {
34 |         // Authenticated, set cookie for a year
35 |         res.cookie("authcheck", "true", {
36 |           expires: new Date(Date.now() + 365 * 24 * 60 * 60 * 1000),
37 |         });
38 |         res.send(`<script>window.location.href = window.location.href</script>`); // fun hack to make the browser refresh and remove the auth params from the URL
39 |         return;
40 |       } else {
41 |         res.setHeader("WWW-Authenticate", "Basic");
42 |         res.status(401);
43 |         MasqrFail(req, res, loadedHtmlFile);
44 |         return;
45 |       }
46 |     } catch (err) {
47 |       console.error(err);
48 |       res.status(500);
49 |       res.send("Internal server error");
50 |       return;
51 |     }
52 |   };
53 | }
54 | async function MasqrFail(req, res, failureFile) {
55 |   if (!req.headers.host) {
56 |     return;
57 |   }
58 |   const unsafeSuffix = req.headers.host + ".html";
59 |   const safeSuffix = path.normalize(unsafeSuffix).replace(/^(\.\.(\/|\\|$))+/, "");
60 |   const safeJoin = path.join(process.cwd() + "/Masqrd", safeSuffix);
61 |   try {
62 |     await fs.promises.access(safeJoin); // man do I wish this was an if-then instead of a "exception on fail"
63 |     const failureFileLocal = await fs.promises.readFile(safeJoin, "utf8");
64 |     res.setHeader("Content-Type", "text/html");
65 |     res.send(failureFileLocal);
66 |     return;
67 |   } catch (e) {
68 |     res.setHeader("Content-Type", "text/html");
69 |     res.status(401);
70 |     res.send(failureFile);
71 |     return;
72 |   }
73 | }
74 | 


--------------------------------------------------------------------------------
/middleware/catchErrors.js:
--------------------------------------------------------------------------------
 1 | import chalk from "chalk";
 2 | 
 3 | process.on("uncaughtException", (err) => {
 4 |   console.log(chalk.bold.red(`[Pyrus] Caught error!\n${err.stack}`));
 5 |   process.exit(1);
 6 | });
 7 | 
 8 | process.on("uncaughtExceptionMonitor", (err) => {
 9 |   console.log(chalk.bold.red(`[Pyrus] Caught error!\n${err.stack}`));
10 |   process.exit(1);
11 | });
12 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "pyrus",
 3 |   "type": "module",
 4 |   "version": "0.0.1",
 5 |   "scripts": {
 6 |     "build:all": "npm run format && npm run lint && npm run build",
 7 |     "start": "node .",
 8 |     "build": "astro build",
 9 |     "dev": "npm run build && npm run start",
10 |     "format": "prettier --write .",
11 |     "format:check": "prettier --check .",
12 |     "lint": "eslint .",
13 |     "lint:fix": "eslint --fix ."
14 |   },
15 |   "dependencies": {
16 |     "@astrojs/node": "^9.1.3",
17 |     "@astrojs/sitemap": "^3.3.0",
18 |     "@mercuryworkshop/bare-as-module3": "^2.2.5",
19 |     "@mercuryworkshop/bare-mux": "^2.1.7",
20 |     "@mercuryworkshop/epoxy-transport": "^2.1.27",
21 |     "@mercuryworkshop/libcurl-transport": "^1.4.0",
22 |     "@mercuryworkshop/wisp-js": "^0.3.3",
23 |     "@rubynetwork/rammerhead": "^1.3.6",
24 |     "@titaniumnetwork-dev/ultraviolet": "^3.2.10",
25 |     "@tomphttp/bare-server-node": "^2.0.5",
26 |     "@types/node": "^22.13.11",
27 |     "astro": "^5.5.4",
28 |     "chalk": "^5.4.1",
29 |     "cookie-parser": "^1.4.7",
30 |     "dotenv-flow": "^4.1.0",
31 |     "express": "^4.21.2",
32 |     "notyf": "^3.10.0",
33 |     "sequelize": "^6.37.6",
34 |     "sqlite3": "^5.1.7"
35 |   },
36 |   "devDependencies": {
37 |     "@typescript-eslint/eslint-plugin": "^8.27.0",
38 |     "@typescript-eslint/parser": "^8.27.0",
39 |     "eslint": "^9.23.0",
40 |     "eslint-plugin-astro": "^1.3.1",
41 |     "prettier": "3.5.3",
42 |     "prettier-plugin-astro": "^0.14.1"
43 |   },
44 |   "optionalDependencies": {
45 |     "bufferutil": "^4.0.9"
46 |   }
47 | }
48 | 


--------------------------------------------------------------------------------
/prettier.config.js:
--------------------------------------------------------------------------------
 1 | const config = {
 2 |   tabWidth: 2,
 3 |   semi: true,
 4 |   trailingComma: "es5",
 5 |   bracketSpacing: true,
 6 |   bracketSameLine: true,
 7 |   arrowParens: "always",
 8 |   plugins: ["prettier-plugin-astro"],
 9 |   printWidth: 200,
10 | };
11 | 
12 | export default config;
13 | 


--------------------------------------------------------------------------------
/public/favicon.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="iso-8859-1"?>
 2 | <svg height="800px" width="800px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
 3 | 	 viewBox="0 0 512 512" xml:space="preserve">
 4 | <path style="fill:#7067a1;" d="M494.176,64.787c15.4,22.42,20.974,52.758,16.123,88.421c-4.751,34.914-19.365,74.181-42.346,113.946
 5 | 	c52.234,90.354,58.519,172.178,16.073,214.624c-18.729,18.729-45.127,27.981-76.537,27.981c-39.777,0-87.598-14.839-138.087-44.017
 6 | 	c-50.489,29.178-98.309,44.017-138.087,44.017c-31.411,0-57.796-9.252-76.525-27.981c-42.458-42.434-36.186-124.245,16.036-214.611
 7 | 	c-10.287-17.806-18.904-35.525-25.724-52.858c-0.262,0-0.511,0.012-0.773,0.012C19.889,214.321,0,194.444,0,169.992
 8 | 	c0-18.23,11.073-33.917,26.834-40.713c-0.037-31.884,9.514-58.282,27.956-76.724C97.224,10.096,179.036,16.368,269.402,68.59
 9 | 	c52.92-30.575,104.057-45.912,145.818-43.83c7.619-13.43,22.046-22.52,38.568-22.52c24.44,0,44.329,19.889,44.329,44.329
10 | 	C498.116,53.066,496.695,59.226,494.176,64.787z M485.585,149.854c3.591-26.41,0.611-48.755-8.616-65.514
11 | 	c-6.758,4.152-14.689,6.559-23.181,6.559c-23.455,0-42.695-18.318-44.217-41.386c-33.119-0.561-73.32,11.272-115.891,34.104
12 | 	c30.4,20.051,59.741,44.142,87.436,71.836c27.695,27.695,51.773,57.035,71.811,87.423
13 | 	C470.509,210.044,481.732,178.197,485.585,149.854z M473.178,46.569c0-10.686-8.704-19.39-19.39-19.39
14 | 	c-10.686,0-19.39,8.704-19.39,19.39s8.704,19.39,19.39,19.39S473.178,57.256,473.178,46.569z M466.394,464.146
15 | 	c31.884-31.897,26.273-98.421-13.467-172.689c-20.038,30.388-44.117,59.729-71.811,87.423
16 | 	c-27.695,27.695-57.023,51.773-87.423,71.824C367.961,490.431,434.497,496.043,466.394,464.146z M438.887,267.166
17 | 	c-20.35-32.745-45.688-64.367-75.403-94.082c-29.715-29.702-61.325-55.053-94.082-75.415
18 | 	c-32.757,20.363-64.367,45.713-94.082,75.415c-29.702,29.715-55.053,61.325-75.415,94.082
19 | 	c20.363,32.757,45.713,64.367,75.415,94.082c29.715,29.702,61.325,55.053,94.082,75.415c32.757-20.363,64.367-45.713,94.082-75.415
20 | 	C393.199,331.533,418.537,299.911,438.887,267.166z M157.688,155.452c27.682-27.695,57.023-51.773,87.423-71.824
21 | 	C170.831,43.901,104.307,38.29,72.422,70.186c-13.093,13.105-20.138,32.358-20.637,56.125c20.899,3.554,36.872,21.784,36.872,43.68
22 | 	c0,15.337-7.818,28.867-19.677,36.835c4.738,11.834,10.375,23.891,16.884,36.062C105.915,212.488,129.994,183.147,157.688,155.452z
23 | 	 M245.112,450.704c-30.4-20.051-59.729-44.129-87.423-71.824c-27.695-27.695-51.773-57.023-71.824-87.423
24 | 	c-39.728,74.268-45.339,140.805-13.442,172.689C104.307,496.043,170.831,490.431,245.112,450.704z M63.719,169.992
25 | 	c0-10.686-8.691-19.39-19.39-19.39c-10.686,0-19.39,8.704-19.39,19.39c0,10.699,8.704,19.39,19.39,19.39
26 | 	C55.028,189.382,63.719,180.691,63.719,169.992z"/>
27 | <path style="fill:#9e8feb;" d="M453.788,27.179c10.686,0,19.39,8.704,19.39,19.39s-8.704,19.39-19.39,19.39
28 | 	c-10.686,0-19.39-8.704-19.39-19.39S443.101,27.179,453.788,27.179z"/>
29 | <path style="fill:#7067a1;" d="M269.402,201.253c36.348,0,65.913,29.565,65.913,65.913c0,36.336-29.565,65.913-65.913,65.913
30 | 	c-36.336,0-65.901-29.577-65.901-65.913C203.501,230.818,233.066,201.253,269.402,201.253z M310.377,267.166
31 | 	c0-22.595-18.38-40.975-40.975-40.975c-22.582,0-40.962,18.38-40.962,40.975s18.38,40.975,40.962,40.975
32 | 	C291.997,308.141,310.377,289.761,310.377,267.166z"/>
33 | <path style="fill:#fbb0ff;" d="M269.402,226.192c22.595,0,40.975,18.38,40.975,40.975s-18.38,40.975-40.975,40.975
34 | 	c-22.582,0-40.962-18.38-40.962-40.975S246.82,226.192,269.402,226.192z"/>
35 | <path style="fill:#9e8feb;" d="M44.329,150.602c10.699,0,19.39,8.704,19.39,19.39c0,10.699-8.691,19.39-19.39,19.39
36 | 	c-10.686,0-19.39-8.691-19.39-19.39C24.939,159.306,33.643,150.602,44.329,150.602z"/>
37 | </svg>


--------------------------------------------------------------------------------
/public/flash/instantiateFlash.js:
--------------------------------------------------------------------------------
 1 | const id = window.location.pathname.split("/").pop();
 2 | if (id && RufflePlayer) {
 3 |     document.title = `Flash Game - ${id}`;
 4 |     window.addEventListener("load", loadRuffle);
 5 | } else {
 6 |     document.querySelector("#loader").classList.add("hidden");
 7 |     document.querySelector("#error").classList.remove("hidden");
 8 | }
 9 | 
10 | function loadRuffle() {
11 |   const ruffle = RufflePlayer.newest().createPlayer();
12 |   ruffle.config = {
13 |       splashScreen: false,
14 |       unmuteOverlay: "hidden",
15 |       autoplay: "on",
16 |       contextMenu: "on",
17 |       showSwfDownload: false
18 |   };
19 |   ruffle.style.width = "100%";
20 |   ruffle.style.height = "100%";
21 |   const gameContainer = document.querySelector("#gameContainer");
22 |   if (gameContainer != null) {
23 |       gameContainer.appendChild(ruffle);
24 |   }
25 |   ruffle.load(`/games/flash/${id}.swf`).then(() => {
26 |       let loader = document.querySelector("#loader");
27 |       loader.classList.remove("loading");
28 |       loader.classList.add("hidden");
29 |       document.querySelector("#gameContainer").classList.remove("hidden");
30 |   });
31 |   // Stop the event listener, saves miniscule amount of memory
32 |   window.removeEventListener("load", loadRuffle);
33 | }


--------------------------------------------------------------------------------
/public/game.css:
--------------------------------------------------------------------------------
 1 | .vertical {
 2 |   height: 70vh !important;
 3 |   width: 30% !important;
 4 |   aspect-ratio: auto !important;
 5 | }
 6 | #main-content {
 7 |   margin-top: 2rem;
 8 | }
 9 | .game-container {
10 |   display: flex;
11 |   align-items: center;
12 |   flex-direction: column;
13 |   overflow: hidden;
14 |   background: var(--dropdown-background-color);
15 |   width: 80%;
16 |   margin: 0 auto;
17 |   margin-bottom: 4rem;
18 |   border-radius: 15px;
19 | }
20 | #game-frame {
21 |   aspect-ratio: 16 / 8;
22 |   height: 80vh;
23 |   width: 1350px;
24 |   border: 0;
25 | }
26 | 
27 | .flash-frame {
28 |   width: 1024px !important;
29 |   height: 576px !important;
30 | }
31 | 
32 | .game-info {
33 |   display: flex;
34 |   flex-direction: column;
35 |   gap: 1rem;
36 |   background-color: var(--background-highlight);
37 |   width: 100%;
38 |   padding: 1rem;
39 |   padding-top: 0;
40 | }
41 | .game-info-top {
42 |   display: flex;
43 |   justify-content: space-between;
44 |   margin-top: 0.5rem;
45 | }
46 | .icn {
47 |   width: 32px;
48 |   height: 32px;
49 |   cursor: pointer;
50 | }
51 | .game-info-left {
52 |   display: flex;
53 |   gap: 10px;
54 |   justify-content: center;
55 |   align-items: center;
56 |   height: 48px;
57 | }
58 | .game-title {
59 |   font-weight: bold;
60 |   font-size: 20px;
61 | }
62 | 
63 | .game-img {
64 |   width: 48px;
65 |   height: 48px;
66 |   border-radius: 50%;
67 |   border: 3px solid var(--accent-color-brighter);
68 |   box-shadow: 0px 0px 20px 5px var(--accent-color-brighter);
69 | }
70 | 
71 | .game-desc {
72 |   margin: 0;
73 | }


--------------------------------------------------------------------------------
/public/icons/canvas.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/titaniumnetwork-dev/Pyrus/9dc6fdd475c028872634859128b140d5d829f8c7/public/icons/canvas.png


--------------------------------------------------------------------------------
/public/icons/classlink.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/titaniumnetwork-dev/Pyrus/9dc6fdd475c028872634859128b140d5d829f8c7/public/icons/classlink.png


--------------------------------------------------------------------------------
/public/icons/classroom.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/titaniumnetwork-dev/Pyrus/9dc6fdd475c028872634859128b140d5d829f8c7/public/icons/classroom.png


--------------------------------------------------------------------------------
/public/icons/clever.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/titaniumnetwork-dev/Pyrus/9dc6fdd475c028872634859128b140d5d829f8c7/public/icons/clever.jpg


--------------------------------------------------------------------------------
/public/icons/drive.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/titaniumnetwork-dev/Pyrus/9dc6fdd475c028872634859128b140d5d829f8c7/public/icons/drive.png


--------------------------------------------------------------------------------
/public/icons/edgenuity.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/titaniumnetwork-dev/Pyrus/9dc6fdd475c028872634859128b140d5d829f8c7/public/icons/edgenuity.png


--------------------------------------------------------------------------------
/public/icons/google.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/titaniumnetwork-dev/Pyrus/9dc6fdd475c028872634859128b140d5d829f8c7/public/icons/google.png


--------------------------------------------------------------------------------
/public/icons/schoology.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/titaniumnetwork-dev/Pyrus/9dc6fdd475c028872634859128b140d5d829f8c7/public/icons/schoology.webp


--------------------------------------------------------------------------------
/public/icons/youtube.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/titaniumnetwork-dev/Pyrus/9dc6fdd475c028872634859128b140d5d829f8c7/public/icons/youtube.png


--------------------------------------------------------------------------------
/public/iframe.css:
--------------------------------------------------------------------------------
 1 | /* CSS for about:blank iframes */
 2 | 
 3 | body {
 4 |   margin: 0;
 5 | }
 6 | 
 7 | iframe {
 8 |   width: 100%;
 9 |   height: 100%;
10 |   border: none;
11 | }
12 | 


--------------------------------------------------------------------------------
/public/img/checkmark.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check" viewBox="0 0 16 16">
2 |   <path fill="#fff" d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425z"/>
3 | </svg>


--------------------------------------------------------------------------------
/public/img/games/fullscreen.svg:
--------------------------------------------------------------------------------
1 | <svg stroke="#fff" fill="#fff" stroke-width="0" viewBox="0 0 256 256" height="1em" width="1em"
2 |     xmlns="http://www.w3.org/2000/svg">
3 |     <path d="M220,48V88a12,12,0,0,1-24,0V60H168a12,12,0,0,1,0-24h40A12,12,0,0,1,220,48ZM88,196H60V168a12,12,0,0,0-24,0v40a12,12,0,0,0,12,12H88a12,12,0,0,0,0-24Zm120-40a12,12,0,0,0-12,12v28H168a12,12,0,0,0,0,24h40a12,12,0,0,0,12-12V168A12,12,0,0,0,208,156ZM88,36H48A12,12,0,0,0,36,48V88a12,12,0,0,0,24,0V60H88a12,12,0,0,0,0-24Z"></path>
4 | </svg>


--------------------------------------------------------------------------------
/public/img/games/pin-outline.svg:
--------------------------------------------------------------------------------
1 | <svg version="1.2" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
2 |     <path fill="#fff" d="M21.436 7.586l-3.998-4.02c-.752-.756-2.063-.764-2.83-.006-.196.196-.35.436-.418.629-.653 1.362-1.354 2.215-2.254 2.727l-.217.105c-.968.485-2.285.979-4.719.979-.266 0-.521.052-.766.152-.484.202-.879.595-1.082 1.084-.199.484-.199 1.041 0 1.525.104.249.25.471.435.651l3.235 3.235-3.822 5.353 5.352-3.822 3.227 3.227c.186.189.406.339.656.441.247.103.503.154.766.154s.519-.052.765-.154c.498-.205.883-.592 1.08-1.078.103-.242.155-.507.155-.768 0-2.436.494-3.752.978-4.721.496-.992 1.369-1.748 2.754-2.414.271-.104.51-.256.711-.457.772-.782.768-2.051-.008-2.822zm-5.248 4.801c-.819 1.643-1.188 3.37-1.195 5.604l-7.993-7.991c2.139 0 3.814-.335 5.396-1.084l.235-.105c1.399-.699 2.468-1.893 3.388-3.834l3.924 4.051c-1.863.893-3.056 1.96-3.755 3.359z" />
3 | </svg>


--------------------------------------------------------------------------------
/public/img/games/pin.svg:
--------------------------------------------------------------------------------
1 | <svg version="1.2" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
2 |     <path fill="#fff" d="M16.729 4.271c-.389-.391-1.021-.393-1.414-.004-.104.104-.176.227-.225.355-.832 1.736-1.748 2.715-2.904 3.293-1.297.64-2.786 1.085-5.186 1.085-.13 0-.26.025-.382.076-.245.102-.439.297-.541.541-.101.244-.101.52 0 .764.051.123.124.234.217.326l3.243 3.243-4.537 6.05 6.05-4.537 3.242 3.242c.092.094.203.166.326.217.122.051.252.078.382.078s.26-.027.382-.078c.245-.102.44-.295.541-.541.051-.121.077-.252.077-.381 0-2.4.444-3.889 1.083-5.166.577-1.156 1.556-2.072 3.293-2.904.129-.049.251-.121.354-.225.389-.393.387-1.025-.004-1.414l-3.997-4.02z" />
3 | </svg>


--------------------------------------------------------------------------------
/public/img/nav/backwards.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <svg width="800px" height="800px" viewBox="0 0 24 24"
3 |     xmlns="http://www.w3.org/2000/svg">
4 |     <path fill="#fff" fill-rule="evenodd" clip-rule="evenodd" d="M11.7071 4.29289C12.0976 4.68342 12.0976 5.31658 11.7071 5.70711L6.41421 11H20C20.5523 11 21 11.4477 21 12C21 12.5523 20.5523 13 20 13H6.41421L11.7071 18.2929C12.0976 18.6834 12.0976 19.3166 11.7071 19.7071C11.3166 20.0976 10.6834 20.0976 10.2929 19.7071L3.29289 12.7071C3.10536 12.5196 3 12.2652 3 12C3 11.7348 3.10536 11.4804 3.29289 11.2929L10.2929 4.29289C10.6834 3.90237 11.3166 3.90237 11.7071 4.29289Z"/>
5 | </svg>


--------------------------------------------------------------------------------
/public/img/nav/close.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
2 |     <path fill="#fc847c" d="M376.6 84.5c11.3-13.6 9.5-33.8-4.1-45.1s-33.8-9.5-45.1 4.1L192 206 56.6 43.5C45.3 29.9 25.1 28.1 11.5 39.4S-3.9 70.9 7.4 84.5L150.3 256 7.4 427.5c-11.3 13.6-9.5 33.8 4.1 45.1s33.8 9.5 45.1-4.1L192 306 327.4 468.5c11.3 13.6 31.5 15.4 45.1 4.1s15.4-31.5 4.1-45.1L233.7 256 376.6 84.5z" />
3 | </svg>


--------------------------------------------------------------------------------
/public/img/nav/forwards.svg:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <svg width="800px" height="800px" viewBox="0 0 24 24" 
3 |     xmlns="http://www.w3.org/2000/svg">
4 |     <path fill="#fff" fill-rule="evenodd" clip-rule="evenodd" d="M12.2929 4.29289C12.6834 3.90237 13.3166 3.90237 13.7071 4.29289L20.7071 11.2929C21.0976 11.6834 21.0976 12.3166 20.7071 12.7071L13.7071 19.7071C13.3166 20.0976 12.6834 20.0976 12.2929 19.7071C11.9024 19.3166 11.9024 18.6834 12.2929 18.2929L17.5858 13H4C3.44772 13 3 12.5523 3 12C3 11.4477 3.44772 11 4 11H17.5858L12.2929 5.70711C11.9024 5.31658 11.9024 4.68342 12.2929 4.29289Z"/>
5 | </svg>


--------------------------------------------------------------------------------
/public/img/nav/reload.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
2 |     <path fill="#fff" d="M463.5 224l8.5 0c13.3 0 24-10.7 24-24l0-128c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.7-26.2 5.2L413.4 96.6c-87.6-86.5-228.7-86.2-315.8 1c-87.5 87.5-87.5 229.3 0 316.8s229.3 87.5 316.8 0c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0c-62.5 62.5-163.8 62.5-226.3 0s-62.5-163.8 0-226.3c62.2-62.2 162.7-62.5 225.3-1L327 183c-6.9 6.9-8.9 17.2-5.2 26.2s12.5 14.8 22.2 14.8l119.5 0z" />
3 | </svg>


--------------------------------------------------------------------------------
/public/img/nav/share.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="iso-8859-1"?>
 2 | <!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
 3 | <svg fill="#fff" height="800px" width="800px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
 4 | 	 viewBox="0 0 458.624 458.624" xml:space="preserve">
 5 | <g>
 6 | 	<g>
 7 | 		<path d="M339.588,314.529c-14.215,0-27.456,4.133-38.621,11.239l-112.682-78.67c1.809-6.315,2.798-12.976,2.798-19.871
 8 | 			c0-6.896-0.989-13.557-2.798-19.871l109.64-76.547c11.764,8.356,26.133,13.286,41.662,13.286c39.79,0,72.047-32.257,72.047-72.047
 9 | 			C411.634,32.258,379.378,0,339.588,0c-39.79,0-72.047,32.257-72.047,72.047c0,5.255,0.578,10.373,1.646,15.308l-112.424,78.491
10 | 			c-10.974-6.759-23.892-10.666-37.727-10.666c-39.79,0-72.047,32.257-72.047,72.047s32.256,72.047,72.047,72.047
11 | 			c13.834,0,26.753-3.907,37.727-10.666l113.292,79.097c-1.629,6.017-2.514,12.34-2.514,18.872c0,39.79,32.257,72.047,72.047,72.047
12 | 			c39.79,0,72.047-32.257,72.047-72.047C411.635,346.787,379.378,314.529,339.588,314.529z"/>
13 | 	</g>
14 | </g>
15 | </svg>


--------------------------------------------------------------------------------
/public/img/search.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" fill="#fff" height="16" width="16" viewBox="0 0 512 512">	<!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
2 | 	<path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"/>
3 | </svg>


--------------------------------------------------------------------------------
/public/marketplace/adblock/banner.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/titaniumnetwork-dev/Pyrus/9dc6fdd475c028872634859128b140d5d829f8c7/public/marketplace/adblock/banner.png


--------------------------------------------------------------------------------
/public/marketplace/adblock/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/titaniumnetwork-dev/Pyrus/9dc6fdd475c028872634859128b140d5d829f8c7/public/marketplace/adblock/icon.png


--------------------------------------------------------------------------------
/public/marketplace/atom-one-dark/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/titaniumnetwork-dev/Pyrus/9dc6fdd475c028872634859128b140d5d829f8c7/public/marketplace/atom-one-dark/logo.png


--------------------------------------------------------------------------------
/public/marketplace/atom-one-dark/theme.css:
--------------------------------------------------------------------------------
1 | [data-theme="atom-one-dark"] {
2 |   --background-color: #1e2127;
3 |   --background-highlight: #434952;
4 |   --accent-color: #3a3f4b;
5 |   --accent-color-brighter: #4b515f;
6 |   --text-color: #abb2bf;
7 |   --text-color-accent: #989eaa;
8 |   --dropdown-background-color: #30353f;
9 | }


--------------------------------------------------------------------------------
/public/marketplace/dracula-theme/logo.svg:
--------------------------------------------------------------------------------
 1 | <svg width="190" height="190" viewBox="0 0 190 190" fill="none" xmlns="http://www.w3.org/2000/svg">
 2 | <g filter="url(#filter0_d_511_171)">
 3 | <circle cx="95" cy="95" r="75" fill="white" fill-opacity="0.18" shape-rendering="crispEdges"/>
 4 | </g>
 5 | <g clip-path="url(#clip0_511_171)">
 6 | <path d="M95 165C133.66 165 165 133.66 165 95C165 56.3401 133.66 25 95 25C56.3401 25 25 56.3401 25 95C25 133.66 56.3401 165 95 165Z" fill="black" fill-opacity="0.24"/>
 7 | <path d="M153.503 83.6581C153.503 100.319 146.557 115.357 135.403 126.035C131.708 129.574 127.55 132.631 123.03 135.111C114.667 139.703 105.059 142.315 94.8455 142.315C84.6318 142.315 75.0289 139.706 66.6659 135.114C65.3178 134.376 64.0037 133.586 62.7251 132.746C59.7085 130.771 56.8855 128.52 54.2904 126.035C43.1357 115.359 36.1877 100.319 36.1877 83.6578C36.1877 51.262 62.4497 25 94.8455 25C127.241 25 153.503 51.2623 153.503 83.6581Z" fill="white" fill-opacity="0.3"/>
 8 | <path d="M143.397 145.571C138.988 149.794 134.026 153.443 128.631 156.403C118.652 161.883 107.186 165 94.9973 165C82.8088 165 71.3487 161.886 61.3688 156.406C55.9745 153.448 51.0116 149.797 46.6002 145.571C51.0775 134.205 61.966 126.068 74.8116 125.611C75.1886 125.594 75.5714 125.585 75.9545 125.585H114.043C114.426 125.585 114.809 125.594 115.186 125.611C128.032 126.068 138.92 134.206 143.397 145.571Z" fill="#0E0D11"/>
 9 | <path d="M94.9973 147.674C94.9973 147.674 143.476 112.481 141.733 109.313C139.131 104.579 135.267 101.349 131.45 99.1579C125.043 95.4813 118.76 94.7354 118.76 94.7354L80.1704 127.487L94.9973 147.674Z" fill="#F87359"/>
10 | <path d="M94.9973 147.674C94.9973 147.674 143.476 112.481 141.733 109.313C139.131 104.579 135.267 101.349 131.45 99.1578C135.353 103.476 139.1 110.045 133.335 115.807C132.404 116.739 131.379 117.37 130.287 117.749C126.476 119.074 122.93 121.065 120.008 123.848L94.9973 147.674Z" fill="#0E0D11"/>
11 | <path d="M94.9973 147.674C94.9973 147.674 46.519 112.481 48.2611 109.313C50.8634 104.579 54.7276 101.349 58.5442 99.1579C64.9514 95.4813 71.2347 94.7354 71.2347 94.7354L94.9973 147.674Z" fill="#F87359"/>
12 | <path d="M135.102 65.9344L121.749 73.8097V89.8293C121.749 93.5166 124.738 96.5059 128.426 96.5059C132.113 96.5059 135.102 93.5166 135.102 89.8293V65.9344Z" fill="#CCCCCC"/>
13 | <path d="M54.8916 65.9344L68.2447 73.8097V89.8293C68.2447 93.5166 65.2555 96.5059 61.5682 96.5059C57.8809 96.5059 54.8916 93.5166 54.8916 89.8293V65.9344Z" fill="#CCCCCC"/>
14 | <path d="M109.826 109.273V125.202C109.826 133.391 103.188 140.029 94.9984 140.029C86.8092 140.029 80.1707 133.391 80.1707 125.202V109.273H109.826Z" fill="#CCCCCC"/>
15 | <path d="M128.012 64.663V92.6572C128.012 101.774 124.317 110.029 118.346 116C112.366 121.98 104.114 125.672 94.9973 125.672C76.7631 125.672 61.983 110.891 61.983 92.6572V64.663C61.983 63.1571 62.0831 61.6715 62.2802 60.2201C62.8859 55.703 64.4086 51.4773 66.6544 47.7317C72.4173 38.0974 117.58 38.0974 123.34 47.7317C125.586 51.4775 127.109 55.7032 127.714 60.2201C127.911 61.6715 128.012 63.1571 128.012 64.663Z" fill="#EDEDED"/>
16 | <path d="M71.5475 92.6575V64.6635C71.5475 48.0552 83.8139 34.3155 99.7802 31.9979C98.2184 31.7709 96.6223 31.6487 94.997 31.6487C76.7639 31.6487 61.9821 46.4304 61.9821 64.6635V92.6575C61.9821 110.891 76.7639 125.672 94.997 125.672C96.622 125.672 98.2181 125.55 99.7805 125.323C83.8139 123.006 71.5475 109.266 71.5475 92.6575Z" fill="#CCCCCC"/>
17 | <path d="M111.432 86.1581V79.8308C111.432 78.1806 110.094 76.8427 108.444 76.8427C106.794 76.8427 105.456 78.1803 105.456 79.8308V86.1581C105.456 87.8083 106.793 89.1462 108.444 89.1462C110.094 89.146 111.432 87.8083 111.432 86.1581Z" fill="#0E0D11"/>
18 | <path d="M78.5642 79.8305V86.1579C78.5642 87.8081 79.9019 89.146 81.5523 89.146C83.2025 89.146 84.5405 87.8083 84.5405 86.1579V79.8305C84.5405 78.1803 83.2028 76.8424 81.5523 76.8424C79.9019 76.8427 78.5642 78.1803 78.5642 79.8305Z" fill="#0E0D11"/>
19 | <path d="M109.48 82.8925C110.558 82.8925 111.432 82.0184 111.432 80.9401C111.432 79.8619 110.558 78.9878 109.48 78.9878C108.402 78.9878 107.528 79.8619 107.528 80.9401C107.528 82.0184 108.402 82.8925 109.48 82.8925Z" fill="#7F7D89"/>
20 | <path d="M82.5887 82.8925C83.6669 82.8925 84.541 82.0184 84.541 80.9401C84.541 79.8619 83.6669 78.9878 82.5887 78.9878C81.5104 78.9878 80.6363 79.8619 80.6363 80.9401C80.6363 82.0184 81.5104 82.8925 82.5887 82.8925Z" fill="#7F7D89"/>
21 | <path d="M107.297 86.6995C107.917 86.6995 108.419 86.197 108.419 85.577C108.419 84.9571 107.917 84.4546 107.297 84.4546C106.677 84.4546 106.175 84.9571 106.175 85.577C106.175 86.197 106.677 86.6995 107.297 86.6995Z" fill="#7F7D89"/>
22 | <path d="M80.4086 86.6995C81.0285 86.6995 81.531 86.197 81.531 85.577C81.531 84.9571 81.0285 84.4546 80.4086 84.4546C79.7886 84.4546 79.2861 84.9571 79.2861 85.577C79.2861 86.197 79.7886 86.6995 80.4086 86.6995Z" fill="#7F7D89"/>
23 | <path d="M69.2829 60.2204C69.2829 60.5652 69.2963 60.907 69.3231 61.2452C69.6409 65.2842 68.1812 69.2835 65.1182 71.9355C64.1609 72.7646 63.1095 73.4884 61.9827 74.0891V64.6635C61.9827 58.472 63.6857 52.6833 66.6541 47.7319C68.4484 49.7291 69.774 52.1548 70.4625 54.8378C69.7057 56.4746 69.2829 58.3003 69.2829 60.2204Z" fill="#0E0D11"/>
24 | <path d="M128.012 64.6629V74.0885C126.885 73.4878 125.834 72.764 124.876 71.9349C121.814 69.2829 120.353 65.2836 120.671 61.2446C120.698 60.9064 120.711 60.5646 120.711 60.2198C120.711 58.2997 120.289 56.474 119.531 54.8369C120.22 52.1539 121.546 49.7283 123.34 47.7311C126.309 52.6828 128.012 58.4714 128.012 64.6629Z" fill="#0E0D11"/>
25 | <path d="M73.9132 78.0136L85.9927 82.6837L88.6714 75.7552L76.5919 71.085L73.9132 78.0136Z" fill="#EDEDED"/>
26 | <path d="M113.406 71.0863L101.326 75.7565L104.005 82.685L116.085 78.0148L113.406 71.0863Z" fill="#EDEDED"/>
27 | <path d="M110.617 95.4572C110.617 100.789 107.946 105.497 103.866 108.314C101.346 110.057 98.2914 111.077 94.997 111.077C91.7026 111.077 88.6483 110.057 86.1283 108.314C82.0484 105.497 79.3769 100.788 79.3769 95.4572C80.8225 96.1801 82.3084 96.7973 83.8197 97.3086C85.4026 97.8429 87.014 98.2629 88.6396 98.5629C90.7396 98.9514 92.868 99.1458 94.9967 99.1458C97.1252 99.1458 99.2539 98.9514 101.354 98.5629C102.979 98.2629 104.591 97.8429 106.174 97.3086C107.686 96.797 109.171 96.1798 110.617 95.4572Z" fill="#0E0D11"/>
28 | <path d="M103.866 108.314C101.346 110.057 98.2914 111.077 94.997 111.077C91.7026 111.077 88.6483 110.057 86.1283 108.314C88.6483 106.571 91.7026 105.551 94.997 105.551C98.2914 105.551 101.346 106.571 103.866 108.314Z" fill="#F87359"/>
29 | <path d="M113.404 71.4581H76.5903L86.9166 79.2019H88.0555C90.0456 79.2019 91.6589 80.8149 91.6589 82.8052V88.3929C91.6589 90.2318 93.0974 91.809 94.9357 91.8426C96.8085 91.8768 98.3379 90.3688 98.3379 88.5037V82.8052C98.3379 80.8152 99.9511 79.2019 101.941 79.2019H103.078L113.404 71.4581Z" fill="#CCCCCC"/>
30 | <path d="M106.174 97.3086C106.003 98.623 105.706 99.8658 105.38 100.954C104.649 103.4 103.76 105.077 103.76 105.077L102.226 100.923L101.354 98.5629C102.98 98.2629 104.591 97.8429 106.174 97.3086Z" fill="#F0F0F0"/>
31 | <path d="M88.6401 98.5629L87.7687 100.923L86.2344 105.077C86.2344 105.077 85.3457 103.4 84.6143 100.954C84.2886 99.8658 83.9914 98.623 83.82 97.3086C85.4029 97.8429 87.0143 98.2629 88.6401 98.5629Z" fill="#F0F0F0"/>
32 | <path d="M71.3799 73.6013L74.2056 69.2049C74.7098 68.4205 75.7549 68.193 76.5397 68.6972L88.1006 76.1281C89.6786 77.1423 88.6743 79.5887 86.8387 79.2015L72.4521 76.1669C71.2952 75.923 70.7406 74.5963 71.3799 73.6013Z" fill="#0E0D11"/>
33 | <path d="M118.614 73.6013L115.789 69.2049C115.284 68.4205 114.239 68.193 113.455 68.6972L101.894 76.1281C100.316 77.1423 101.32 79.5887 103.155 79.2015L117.542 76.1669C118.699 75.923 119.254 74.5963 118.614 73.6013Z" fill="#0E0D11"/>
34 | <path d="M98.6162 116.791H91.3783C90.642 116.791 90.0448 116.194 90.0448 115.458C90.0448 114.721 90.6417 114.124 91.3783 114.124H98.6162C99.3526 114.124 99.9498 114.721 99.9498 115.458C99.9495 116.195 99.3526 116.791 98.6162 116.791Z" fill="#CCCCCC"/>
35 | <path d="M123.34 47.7315C117.58 38.0972 107.043 31.6487 94.997 31.6487C82.9543 31.6487 72.4171 38.0972 66.6541 47.7315C64.4084 51.4773 62.8856 55.703 62.2799 60.2199H69.2827C69.2827 53.1198 75.0399 47.3629 82.1397 47.3629C82.3122 47.3629 82.4842 47.3664 82.6551 47.3733C88.6833 47.6111 93.3791 52.7179 93.3791 58.751V60.5075C93.3791 61.4009 94.1034 62.1252 94.9967 62.1252C95.89 62.1252 96.6144 61.4009 96.6144 60.5075V58.751C96.6144 52.7179 101.31 47.6111 107.338 47.3733C107.509 47.3664 107.681 47.3629 107.854 47.3629C114.954 47.3629 120.711 53.1201 120.711 60.2199H127.714C127.109 55.703 125.586 51.4773 123.34 47.7315Z" fill="#0E0D11"/>
36 | <path d="M94.9973 147.674C94.9973 147.674 46.519 112.481 48.2611 109.313C50.8634 104.579 54.7276 101.349 58.5442 99.158C54.642 103.476 50.8943 110.045 56.6597 115.808C57.591 116.739 58.6159 117.37 59.7074 117.749C63.5189 119.075 67.0645 121.065 69.9862 123.848L94.9973 147.674Z" fill="#0E0D11"/>
37 | <path d="M106.604 145.612L95.788 149.62C95.2786 149.809 94.7184 149.809 94.2089 149.62L83.3934 145.612C81.9095 145.062 80.3317 146.16 80.3317 147.743V154.412C80.3317 155.994 81.9095 157.092 83.3934 156.542L94.2089 152.534C94.7184 152.345 95.2786 152.345 95.788 152.534L106.604 156.542C108.088 157.092 109.665 155.994 109.665 154.412V147.743C109.665 146.16 108.088 145.062 106.604 145.612Z" fill="#F87359"/>
38 | <path d="M105.38 100.954C104.649 103.4 103.76 105.077 103.76 105.077L102.226 100.923C102.703 100.746 103.22 100.649 103.76 100.649C104.331 100.649 104.877 100.757 105.38 100.954Z" fill="#F87359"/>
39 | <path d="M87.7687 100.923L86.2344 105.077C86.2344 105.077 85.3457 103.4 84.6143 100.954C85.1172 100.757 85.6629 100.649 86.2344 100.649C86.7742 100.649 87.2915 100.746 87.7687 100.923Z" fill="#F87359"/>
40 | </g>
41 | <defs>
42 | <filter id="filter0_d_511_171" x="0" y="0" width="190" height="190" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
43 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
44 | <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
45 | <feOffset/>
46 | <feGaussianBlur stdDeviation="10"/>
47 | <feComposite in2="hardAlpha" operator="out"/>
48 | <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.06 0"/>
49 | <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_511_171"/>
50 | <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_511_171" result="shape"/>
51 | </filter>
52 | <clipPath id="clip0_511_171">
53 | <rect width="140" height="140" fill="white" transform="translate(25 25)"/>
54 | </clipPath>
55 | </defs>
56 | </svg>
57 | 


--------------------------------------------------------------------------------
/public/marketplace/dracula-theme/theme.css:
--------------------------------------------------------------------------------
1 | [data-theme="dracula"] {
2 |   --background-color: #282a36;
3 |   --background-highlight: #44475a;
4 |   --accent-color: #4e5268;
5 |   --accent-color-brighter: #2d2f3c;
6 |   --text-color: #f8f8f2;
7 |   --text-color-accent: #dddddd;
8 |   --dropdown-background-color: #343b52;
9 | }


--------------------------------------------------------------------------------
/public/marketplace/eruda/banner.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/titaniumnetwork-dev/Pyrus/9dc6fdd475c028872634859128b140d5d829f8c7/public/marketplace/eruda/banner.png


--------------------------------------------------------------------------------
/public/marketplace/nord-theme/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/titaniumnetwork-dev/Pyrus/9dc6fdd475c028872634859128b140d5d829f8c7/public/marketplace/nord-theme/logo.png


--------------------------------------------------------------------------------
/public/marketplace/nord-theme/theme.css:
--------------------------------------------------------------------------------
1 | [data-theme="nord"] {
2 |   --background-color: #2e3440;
3 |   --background-highlight: #3b4252;
4 |   --accent-color: #434c5e;
5 |   --accent-color-brighter: #4c566a;
6 |   --text-color: #f8f8f2;
7 |   --text-color-accent: #dddddd;
8 |   --dropdown-background-color: #3b4252;
9 | }


--------------------------------------------------------------------------------
/public/marketplace/oled-theme/theme.css:
--------------------------------------------------------------------------------
1 | [data-theme="oled"] {
2 |     --background-color: #000;
3 |     --background-highlight: #111;
4 |     --accent-color: rgb(30 0 79);
5 |     --accent-color-brighter: rgb(60 0 155);
6 |     --text-color: #fff;
7 |     --text-color-accent: #dddddd;
8 |     --dropdown-background-color: #1a1a1a;
9 | }


--------------------------------------------------------------------------------
/public/marketplace/oled-theme/theme.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/titaniumnetwork-dev/Pyrus/9dc6fdd475c028872634859128b140d5d829f8c7/public/marketplace/oled-theme/theme.png


--------------------------------------------------------------------------------
/public/marketplace/scriptInjector/index.js:
--------------------------------------------------------------------------------
1 | (()=>{async function i(e){let o=e.request.url,s=e.workerware.config;if(o.includes(self.__uv$config.prefix)){let r=self.__uv$config.decodeUrl(e.request.url.split(self.__uv$config.prefix)[1]);if(r==e.workerware.config.injectURL){console.log(`Injecting script into ${r}!`),console.log(s.injectURls);let n=(await e.uvResponse.text()).replace("</head>",`<script src="${s.injectURLs[0]}"><\/script><link rel="stylesheet" href="${s.injectURLs[1]}"></head>`);return new Response(n,{status:e.uvResponse.status,statusText:e.uvResponse.statusText,headers:e.uvResponse.headers})}return e.uvResponse}}self.scriptInjector={inject:i};})();
2 | 


--------------------------------------------------------------------------------
/public/marketplace/synthwave84/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/titaniumnetwork-dev/Pyrus/9dc6fdd475c028872634859128b140d5d829f8c7/public/marketplace/synthwave84/logo.png


--------------------------------------------------------------------------------
/public/marketplace/synthwave84/theme.css:
--------------------------------------------------------------------------------
1 | [data-theme="synthwave84"] {
2 |   --background-color: #2a203a;
3 |   --background-highlight: #2e2342;
4 |   --accent-color: #1e1629;
5 |   --accent-color-brighter: #3e2e53;
6 |   --text-color: #c0bdc4;
7 |   --text-color-accent: #dddddd;
8 |   --dropdown-background-color: #231a30;
9 | }


--------------------------------------------------------------------------------
/public/robots-allow.txt:
--------------------------------------------------------------------------------
1 | User-agent: *
2 | Allow: *
3 | Sitemap: https://aluu.xyz/sitemap-index.xml


--------------------------------------------------------------------------------
/public/robots-deny.txt:
--------------------------------------------------------------------------------
1 | User-agent: *
2 | Disallow: *


--------------------------------------------------------------------------------
/public/sw.js:
--------------------------------------------------------------------------------
 1 | importScripts("/uv/uv.bundle.js", "/uv.config.js", "/workerware/workerware.js");
 2 | importScripts( __uv$config.sw);
 3 | importScripts("/marketplace/scriptInjector/index.js")
 4 | 
 5 | const uv = new UVServiceWorker();
 6 | const ww = new WorkerWare({
 7 |   debug: false,
 8 | });
 9 | 
10 | function loadExtensionScripts() {
11 |   try {
12 |     let db = indexedDB.open("PyrusDB", 1);
13 |     db.onsuccess = () => {
14 |       try {
15 |         let transaction = db.result.transaction("InstalledExtensions", "readonly");
16 |         let store = transaction.objectStore("InstalledExtensions");
17 |         let request = store.getAll();
18 |         request.onsuccess = () => {
19 |           let extensions = request.result.filter((extension) => extension.type == "serviceWorker");
20 |           extensions.forEach((extension) => {
21 |             const decoder = new TextDecoder();
22 |             const contents = decoder.decode(extension.scriptCopy);
23 |   
24 |   
25 |             eval(contents);
26 |             const func = self[extension.entryNamespace][extension.entryFunc];
27 |             switch (extension.type) {
28 |               case "serviceWorker": 
29 |                 // Loads the function to be added as a middleware into global scope.
30 |                 
31 |                 ww.use({
32 |                   function: self[extension.entryNamespace][extension.entryFunc],
33 |                   name: extension.title,
34 |                   events: ["fetch"],
35 |                 });
36 |                 break;
37 |               case "page":
38 |                 console.log("Calling " + extension.entryFunc);
39 |                 func();
40 |                 break;
41 |               
42 |             }
43 |           });
44 |         };
45 |       } catch {
46 |         console.error("Failed to open IndexedDB");
47 |       }
48 |     };
49 |   } catch (err) {
50 |     console.error(`Failed load extension scripts: ${err}`);
51 |   }
52 | }
53 | 
54 | try {
55 |   loadExtensionScripts();
56 | } catch (err) {
57 |   console.error(`Failed to load extension scripts: ${err}`);
58 | }
59 | 
60 | 
61 | self.addEventListener("fetch", async (event) => {
62 |   event.respondWith(
63 |     (async () => {
64 |       let mwResponse = await ww.run(event)();
65 |       if (mwResponse.includes(null)) {
66 |         return;
67 |       }
68 |       if (event.request.url.startsWith(location.origin + __uv$config.prefix)) {
69 |         return await uv.fetch(event);
70 |       }
71 |       return await fetch(event.request);
72 |     })()
73 |   );
74 | });


--------------------------------------------------------------------------------
/public/unity/index.css:
--------------------------------------------------------------------------------
  1 | *,:before,:after {
  2 |   box-sizing: border-box;
  3 |   border-width: 0;
  4 |   border-style: solid;
  5 |   border-color: #e5e7eb
  6 | }
  7 | 
  8 | :before,:after {
  9 |   --tw-content: ""
 10 | }
 11 | 
 12 | html {
 13 |   line-height: 1.5;
 14 |   -webkit-text-size-adjust: 100%;
 15 |   -moz-tab-size: 4;
 16 |   -o-tab-size: 4;
 17 |   tab-size: 4;
 18 |   font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
 19 |   font-feature-settings: normal;
 20 |   font-variation-settings: normal
 21 | }
 22 | 
 23 | body {
 24 |   margin: 0;
 25 |   line-height: inherit
 26 | }
 27 | 
 28 | hr {
 29 |   height: 0;
 30 |   color: inherit;
 31 |   border-top-width: 1px
 32 | }
 33 | 
 34 | abbr:where([title]) {
 35 |   -webkit-text-decoration: underline dotted;
 36 |   text-decoration: underline dotted
 37 | }
 38 | 
 39 | h1,h2,h3,h4,h5,h6 {
 40 |   font-size: inherit;
 41 |   font-weight: inherit
 42 | }
 43 | 
 44 | a {
 45 |   color: inherit;
 46 |   text-decoration: inherit
 47 | }
 48 | 
 49 | b,strong {
 50 |   font-weight: bolder
 51 | }
 52 | 
 53 | code,kbd,samp,pre {
 54 |   font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
 55 |   font-size: 1em
 56 | }
 57 | 
 58 | small {
 59 |   font-size: 80%
 60 | }
 61 | 
 62 | sub,sup {
 63 |   font-size: 75%;
 64 |   line-height: 0;
 65 |   position: relative;
 66 |   vertical-align: baseline
 67 | }
 68 | 
 69 | sub {
 70 |   bottom: -.25em
 71 | }
 72 | 
 73 | sup {
 74 |   top: -.5em
 75 | }
 76 | 
 77 | table {
 78 |   text-indent: 0;
 79 |   border-color: inherit;
 80 |   border-collapse: collapse
 81 | }
 82 | 
 83 | button,input,optgroup,select,textarea {
 84 |   font-family: inherit;
 85 |   font-feature-settings: inherit;
 86 |   font-variation-settings: inherit;
 87 |   font-size: 100%;
 88 |   font-weight: inherit;
 89 |   line-height: inherit;
 90 |   color: inherit;
 91 |   margin: 0;
 92 |   padding: 0
 93 | }
 94 | 
 95 | button,select {
 96 |   text-transform: none
 97 | }
 98 | 
 99 | button,[type=button],[type=reset],[type=submit] {
100 |   -webkit-appearance: button;
101 |   background-color: transparent;
102 |   background-image: none
103 | }
104 | 
105 | :-moz-focusring {
106 |   outline: auto
107 | }
108 | 
109 | :-moz-ui-invalid {
110 |   box-shadow: none
111 | }
112 | 
113 | progress {
114 |   vertical-align: baseline
115 | }
116 | 
117 | ::-webkit-inner-spin-button,::-webkit-outer-spin-button {
118 |   height: auto
119 | }
120 | 
121 | [type=search] {
122 |   -webkit-appearance: textfield;
123 |   outline-offset: -2px
124 | }
125 | 
126 | ::-webkit-search-decoration {
127 |   -webkit-appearance: none
128 | }
129 | 
130 | ::-webkit-file-upload-button {
131 |   -webkit-appearance: button;
132 |   font: inherit
133 | }
134 | 
135 | summary {
136 |   display: list-item
137 | }
138 | 
139 | blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre {
140 |   margin: 0
141 | }
142 | 
143 | fieldset {
144 |   margin: 0;
145 |   padding: 0
146 | }
147 | 
148 | legend {
149 |   padding: 0
150 | }
151 | 
152 | ol,ul,menu {
153 |   list-style: none;
154 |   margin: 0;
155 |   padding: 0
156 | }
157 | 
158 | dialog {
159 |   padding: 0
160 | }
161 | 
162 | textarea {
163 |   resize: vertical
164 | }
165 | 
166 | input::-moz-placeholder,textarea::-moz-placeholder {
167 |   opacity: 1;
168 |   color: #9ca3af
169 | }
170 | 
171 | input::placeholder,textarea::placeholder {
172 |   opacity: 1;
173 |   color: #9ca3af
174 | }
175 | 
176 | button,[role=button] {
177 |   cursor: pointer
178 | }
179 | 
180 | :disabled {
181 |   cursor: default
182 | }
183 | 
184 | img,svg,video,canvas,audio,iframe,embed,object {
185 |   display: block;
186 |   vertical-align: middle
187 | }
188 | 
189 | img,video {
190 |   max-width: 100%;
191 |   height: auto
192 | }
193 | 
194 | [hidden] {
195 |   display: none
196 | }
197 | 
198 | *,:before,:after {
199 |   --tw-border-spacing-x: 0;
200 |   --tw-border-spacing-y: 0;
201 |   --tw-translate-x: 0;
202 |   --tw-translate-y: 0;
203 |   --tw-rotate: 0;
204 |   --tw-skew-x: 0;
205 |   --tw-skew-y: 0;
206 |   --tw-scale-x: 1;
207 |   --tw-scale-y: 1;
208 |   --tw-pan-x: ;
209 |   --tw-pan-y: ;
210 |   --tw-pinch-zoom: ;
211 |   --tw-scroll-snap-strictness: proximity;
212 |   --tw-gradient-from-position: ;
213 |   --tw-gradient-via-position: ;
214 |   --tw-gradient-to-position: ;
215 |   --tw-ordinal: ;
216 |   --tw-slashed-zero: ;
217 |   --tw-numeric-figure: ;
218 |   --tw-numeric-spacing: ;
219 |   --tw-numeric-fraction: ;
220 |   --tw-ring-inset: ;
221 |   --tw-ring-offset-width: 0px;
222 |   --tw-ring-offset-color: #fff;
223 |   --tw-ring-color: rgb(59 130 246 / .5);
224 |   --tw-ring-offset-shadow: 0 0 #0000;
225 |   --tw-ring-shadow: 0 0 #0000;
226 |   --tw-shadow: 0 0 #0000;
227 |   --tw-shadow-colored: 0 0 #0000;
228 |   --tw-blur: ;
229 |   --tw-brightness: ;
230 |   --tw-contrast: ;
231 |   --tw-grayscale: ;
232 |   --tw-hue-rotate: ;
233 |   --tw-invert: ;
234 |   --tw-saturate: ;
235 |   --tw-sepia: ;
236 |   --tw-drop-shadow: ;
237 |   --tw-backdrop-blur: ;
238 |   --tw-backdrop-brightness: ;
239 |   --tw-backdrop-contrast: ;
240 |   --tw-backdrop-grayscale: ;
241 |   --tw-backdrop-hue-rotate: ;
242 |   --tw-backdrop-invert: ;
243 |   --tw-backdrop-opacity: ;
244 |   --tw-backdrop-saturate: ;
245 |   --tw-backdrop-sepia:
246 | }
247 | 
248 | ::backdrop {
249 |   --tw-border-spacing-x: 0;
250 |   --tw-border-spacing-y: 0;
251 |   --tw-translate-x: 0;
252 |   --tw-translate-y: 0;
253 |   --tw-rotate: 0;
254 |   --tw-skew-x: 0;
255 |   --tw-skew-y: 0;
256 |   --tw-scale-x: 1;
257 |   --tw-scale-y: 1;
258 |   --tw-pan-x: ;
259 |   --tw-pan-y: ;
260 |   --tw-pinch-zoom: ;
261 |   --tw-scroll-snap-strictness: proximity;
262 |   --tw-gradient-from-position: ;
263 |   --tw-gradient-via-position: ;
264 |   --tw-gradient-to-position: ;
265 |   --tw-ordinal: ;
266 |   --tw-slashed-zero: ;
267 |   --tw-numeric-figure: ;
268 |   --tw-numeric-spacing: ;
269 |   --tw-numeric-fraction: ;
270 |   --tw-ring-inset: ;
271 |   --tw-ring-offset-width: 0px;
272 |   --tw-ring-offset-color: #fff;
273 |   --tw-ring-color: rgb(59 130 246 / .5);
274 |   --tw-ring-offset-shadow: 0 0 #0000;
275 |   --tw-ring-shadow: 0 0 #0000;
276 |   --tw-shadow: 0 0 #0000;
277 |   --tw-shadow-colored: 0 0 #0000;
278 |   --tw-blur: ;
279 |   --tw-brightness: ;
280 |   --tw-contrast: ;
281 |   --tw-grayscale: ;
282 |   --tw-hue-rotate: ;
283 |   --tw-invert: ;
284 |   --tw-saturate: ;
285 |   --tw-sepia: ;
286 |   --tw-drop-shadow: ;
287 |   --tw-backdrop-blur: ;
288 |   --tw-backdrop-brightness: ;
289 |   --tw-backdrop-contrast: ;
290 |   --tw-backdrop-grayscale: ;
291 |   --tw-backdrop-hue-rotate: ;
292 |   --tw-backdrop-invert: ;
293 |   --tw-backdrop-opacity: ;
294 |   --tw-backdrop-saturate: ;
295 |   --tw-backdrop-sepia:
296 | }
297 | 
298 | .container {
299 |   width: 100%
300 | }
301 | 
302 | @media (min-width: 640px) {
303 |   .container {
304 |       max-width:640px
305 |   }
306 | }
307 | 
308 | @media (min-width: 768px) {
309 |   .container {
310 |       max-width:768px
311 |   }
312 | }
313 | 
314 | @media (min-width: 1024px) {
315 |   .container {
316 |       max-width:1024px
317 |   }
318 | }
319 | 
320 | @media (min-width: 1280px) {
321 |   .container {
322 |       max-width:1280px
323 |   }
324 | }
325 | 
326 | @media (min-width: 1536px) {
327 |   .container {
328 |       max-width:1536px
329 |   }
330 | }
331 | 
332 | .flex {
333 |   display: flex
334 | }
335 | 
336 | .hidden {
337 |   display: none
338 | }
339 | 
340 | .h-5 {
341 |   height: 1.25rem
342 | }
343 | 
344 | .h-full {
345 |   height: 100%
346 | }
347 | 
348 | .w-10 {
349 |   width: 2.5rem
350 | }
351 | 
352 | .w-5 {
353 |   width: 1.25rem
354 | }
355 | 
356 | .w-full {
357 |   width: 100%
358 | }
359 | 
360 | @keyframes spin {
361 |   to {
362 |       transform: rotate(360deg)
363 |   }
364 | }
365 | 
366 | .animate-spin {
367 |   animation: spin 1s linear infinite
368 | }
369 | 
370 | .cursor-pointer {
371 |   cursor: pointer
372 | }
373 | 
374 | .flex-col {
375 |   flex-direction: column
376 | }
377 | 
378 | .items-center {
379 |   align-items: center
380 | }
381 | 
382 | .justify-center {
383 |   justify-content: center
384 | }
385 | 
386 | .gap-5 {
387 |   gap: 1.25rem
388 | }
389 | 
390 | .border {
391 |   border-width: 1px
392 | }
393 | 
394 | .bg-slate-800 {
395 |   --tw-bg-opacity: 1;
396 |   background-color: rgb(30 41 59 / var(--tw-bg-opacity))
397 | }
398 | 
399 | .bg-white {
400 |   --tw-bg-opacity: 1;
401 |   background-color: rgb(255 255 255 / var(--tw-bg-opacity))
402 | }
403 | 
404 | .text-slate-200 {
405 |   --tw-text-opacity: 1;
406 |   color: rgb(226 232 240 / var(--tw-text-opacity))
407 | }
408 | 
409 | .underline {
410 |   text-decoration-line: underline
411 | }
412 | 
413 | .opacity-25 {
414 |   opacity: .25
415 | }
416 | 
417 | .opacity-75 {
418 |   opacity: .75
419 | }
420 | 
421 | #gameContainer {
422 |   overflow: hidden
423 | }


--------------------------------------------------------------------------------
/public/unity/instantiateUnity.js:
--------------------------------------------------------------------------------
 1 | const a = window.location.pathname.split("/").pop();
 2 | 
 3 | if (a && UnityLoader) {
 4 |   let t = function () {
 5 |       setTimeout(() => {
 6 |         n.Module.canvas.style.height = "100%"
 7 |       }, 1000)
 8 |       requestAnimationFrame(t)
 9 |   };
10 |   // UnityLoader.Error.handler = e => {
11 |   //   throw document.querySelector("#loader").classList.add("hidden"),
12 |   //   document.querySelector("#error").classList.remove("hidden"),
13 |   //   e
14 |   // };
15 |   const n = UnityLoader.instantiate("gameContainer", `/games/${a}/data.json`, {
16 |     onProgress: (e, r) => { },
17 |     Module: {
18 |       onRuntimeInitialized: () => {
19 |         document.querySelector("#loader").classList.add("hidden"),
20 |           document.querySelector("#gameContainer").classList.remove("hidden")
21 |       }
22 |       ,
23 |       wasmRequest: function (e, r) {
24 |         e(this.wasmBinary).then(function (o) {
25 |           r(o.instance)
26 |         })
27 |       },
28 |       print: () => { },
29 |       printErr: () => { }
30 |     }
31 |   });
32 |   requestAnimationFrame(t)
33 | } else
34 |   document.querySelector("#loader").classList.add("hidden"),
35 |   document.querySelector("#error").classList.remove("hidden");
36 | 


--------------------------------------------------------------------------------
/public/unity/preload.js:
--------------------------------------------------------------------------------
 1 | (function() {
 2 |   const t = document.createElement("link").relList;
 3 |   if (t && t.supports && t.supports("modulepreload"))
 4 |       return;
 5 |   for (const e of document.querySelectorAll('link[rel="modulepreload"]'))
 6 |       i(e);
 7 |   new MutationObserver(e=>{
 8 |       for (const r of e)
 9 |           if (r.type === "childList")
10 |               for (const o of r.addedNodes)
11 |                   o.tagName === "LINK" && o.rel === "modulepreload" && i(o)
12 |   }
13 |   ).observe(document, {
14 |       childList: !0,
15 |       subtree: !0
16 |   });
17 |   function s(e) {
18 |       const r = {};
19 |       return e.integrity && (r.integrity = e.integrity),
20 |       e.referrerPolicy && (r.referrerPolicy = e.referrerPolicy),
21 |       e.crossOrigin === "use-credentials" ? r.credentials = "include" : e.crossOrigin === "anonymous" ? r.credentials = "omit" : r.credentials = "same-origin",
22 |       r
23 |   }
24 |   function i(e) {
25 |       if (e.ep)
26 |           return;
27 |       e.ep = !0;
28 |       const r = s(e);
29 |       fetch(e.href, r)
30 |   }
31 | }
32 | )();
33 | 


--------------------------------------------------------------------------------
/public/uv.config.js:
--------------------------------------------------------------------------------
 1 | /*global Ultraviolet*/
 2 | self.__uv$config = {
 3 |   prefix: "/service/",
 4 |   encodeUrl: Ultraviolet.codec.xor.encode,
 5 |   decodeUrl: Ultraviolet.codec.xor.decode,
 6 |   handler: "/uv/uv.handler.js",
 7 |   client: "/uv/uv.client.js",
 8 |   bundle: "/uv/uv.bundle.js",
 9 |   config: "/uv.config.js",
10 |   sw: "/uv/uv.sw.js",
11 | };
12 | 


--------------------------------------------------------------------------------
/public/varela-latin-ext.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/titaniumnetwork-dev/Pyrus/9dc6fdd475c028872634859128b140d5d829f8c7/public/varela-latin-ext.woff2


--------------------------------------------------------------------------------
/public/varela-latin.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/titaniumnetwork-dev/Pyrus/9dc6fdd475c028872634859128b140d5d829f8c7/public/varela-latin.woff2


--------------------------------------------------------------------------------
/public/varela-round.css:
--------------------------------------------------------------------------------
 1 | /* latin-ext */
 2 | @font-face {
 3 |   font-family: "Varela Round";
 4 |   font-style: normal;
 5 |   font-weight: 400;
 6 |   font-display: swap;
 7 |   src: url(varela-latin-ext.woff2) format("woff2");
 8 |   unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
 9 |     U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
10 | }
11 | /* latin */
12 | @font-face {
13 |   font-family: "Varela Round";
14 |   font-style: normal;
15 |   font-weight: 400;
16 |   font-display: swap;
17 |   src: url(varela-latin.woff2) format("woff2");
18 |   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304,
19 |     U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
20 |     U+FFFD;
21 | }
22 | 


--------------------------------------------------------------------------------
/public/workerware/WWError.js:
--------------------------------------------------------------------------------
1 | class WWError extends Error {
2 |   constructor(message) {
3 |     super(message);
4 |     this.name = "[WorkerWare Exception]";
5 |   }
6 | }
7 | 


--------------------------------------------------------------------------------
/public/workerware/workerware.js:
--------------------------------------------------------------------------------
  1 | importScripts("/workerware/WWError.js");
  2 | const dbg = console.log.bind(console, "[WorkerWare]");
  3 | const time = console.time.bind(console, "[WorkerWare]");
  4 | const timeEnd = console.timeEnd.bind(console, "[WorkerWare]");
  5 | 
  6 | /*
  7 |   OPTS:
  8 |     debug - Enables debug logging.
  9 |     randomNames - Generate random names for middlewares.
 10 |     timing - Logs timing for each middleware.
 11 | */
 12 | 
 13 | const defaultOpt = {
 14 |   debug: false,
 15 |   randomNames: false,
 16 |   timing: false,
 17 | };
 18 | 
 19 | const validEvents = [
 20 |   "abortpayment",
 21 |   "activate",
 22 |   "backgroundfetchabort",
 23 |   "backgroundfetchclick",
 24 |   "backgroundfetchfail",
 25 |   "backgroundfetchsuccess",
 26 |   "canmakepayment",
 27 |   "contentdelete",
 28 |   "cookiechange",
 29 |   "fetch",
 30 |   "install",
 31 |   "message",
 32 |   "messageerror",
 33 |   "notificationclick",
 34 |   "notificationclose",
 35 |   "paymentrequest",
 36 |   "periodicsync",
 37 |   "push",
 38 |   "pushsubscriptionchange",
 39 |   "sync",
 40 | ];
 41 | 
 42 | class WorkerWare {
 43 |   constructor(opt) {
 44 |     this._opt = Object.assign({}, defaultOpt, opt);
 45 |     this._middlewares = [];
 46 |   }
 47 |   info() {
 48 |     return {
 49 |       version: "0.1.0",
 50 |       middlewares: this._middlewares,
 51 |       options: this._opt,
 52 |     };
 53 |   }
 54 |   use(middleware) {
 55 |     let validateMW = this.validateMiddleware(middleware);
 56 |     if (validateMW.error) throw new WWError(validateMW.error);
 57 |     // This means the middleware is an anonymous function, or the user is silly and named their function "function"
 58 |     if (middleware.function.name == "function") middleware.name = crypto.randomUUID();
 59 |     if (!middleware.name) middleware.name = middleware.function.name;
 60 |     if (this._opt.randomNames) middleware.name = crypto.randomUUID();
 61 |     if (this._opt.debug) dbg("Adding middleware:", middleware.name);
 62 |     this._middlewares.push(middleware);
 63 |   }
 64 |   // Run all middlewares for the event type passed in.
 65 |   run(event) {
 66 |     const middlewares = this._middlewares;
 67 |     const returnList = [];
 68 |     let fn = async () => {
 69 |       for (let i = 0; i < middlewares.length; i++) {
 70 |         if (middlewares[i].events.includes(event.type)) {
 71 |           if (this._opt.timing) console.time(middlewares[i].name);
 72 |           // Add the configuration to the event object.
 73 |           event.workerware = {
 74 |             config: middlewares[i].configuration || {},
 75 |           };
 76 |           if (!middlewares[i].explicitCall) {
 77 |             let res = await middlewares[i].function(event);
 78 |             if (this._opt.timing) console.timeEnd(middlewares[i].name);
 79 |             returnList.push(res);
 80 |           }
 81 |         }
 82 |       }
 83 |       return returnList;
 84 |     };
 85 |     return fn;
 86 |   }
 87 |   deleteByName(middlewareID) {
 88 |     if (this._opt.debug) dbg("Deleting middleware:", middlewareID);
 89 |     this._middlewares = this._middlewares.filter((mw) => mw.name !== middlewareID);
 90 |   }
 91 |   deleteByEvent(middlewareEvent) {
 92 |     if (this._opt.debug) dbg("Deleting middleware by event:", middlewareEvent);
 93 |     this._middlewares = this._middlewares.filter((mw) => !mw.events.includes(middlewareEvent));
 94 |   }
 95 |   get() {
 96 |     return this._middlewares;
 97 |   }
 98 |   /*  
 99 |     Run a single middleware by ID.
100 |     This assumes that the user knows what they're doing, and is running the middleware on an event that it's supposed to run on.
101 |   */
102 |   runMW(name, event) {
103 |     const middlewares = this._middlewares;
104 |     if (this._opt.debug) dbg("Running middleware:", name);
105 |     // if (middlewares.includes(name)) {
106 |     //   return middlewares[name](event);
107 |     // } else {
108 |     //   throw new WWError("Middleware not found!");
109 |     // }
110 |     let didCall = false;
111 |     for (let i = 0; i < middlewares.length; i++) {
112 |       if (middlewares[i].name == name) {
113 |         didCall = true;
114 |         event.workerware = {
115 |           config: middlewares[i].configuration || {},
116 |         }
117 |         if (this._opt.timing) console.time(middlewares[i].name);
118 |         let call = middlewares[i].function(event);
119 |         if (this._opt.timing) console.timeEnd(middlewares[i].name);
120 |         return call;
121 |       }
122 |     }
123 |     if (!didCall) {
124 |       throw new WWError("Middleware not found!");
125 |     }
126 |   }
127 |   // type middlewareManifest = {
128 |   //     function: Function,
129 |   //     name?: string,
130 |   //     events: string[], // Should be a union of validEvents.
131 |   //     configuration?: Object // Optional configuration for the middleware.
132 |   // }
133 |   validateMiddleware(middleware) {
134 |     if (!middleware.function)
135 |       return {
136 |         error: "middleware.function is required",
137 |       };
138 |     if (typeof middleware.function !== "function")
139 |       return {
140 |         error: "middleware.function must be typeof function",
141 |       };
142 |     if (typeof middleware.configuration !== "object" && middleware.configuration !== undefined) {
143 |       return {
144 |         error: "middleware.configuration must be typeof object",
145 |       };
146 |     }
147 |     if (!middleware.events)
148 |       return {
149 |         error: "middleware.events is required",
150 |       };
151 |     if (!Array.isArray(middleware.events))
152 |       return {
153 |         error: "middleware.events must be an array",
154 |       };
155 |     if (middleware.events.some((ev) => !validEvents.includes(ev)))
156 |       return {
157 |         error: "Invalid event type! Must be one of the following: " + validEvents.join(", "),
158 |       };
159 |     if (middleware.explicitCall && typeof middleware.explicitCall !== "boolean") {
160 |       return {
161 |         error: "middleware.explicitCall must be typeof boolean",
162 |       };
163 |     }
164 |     return {
165 |       error: undefined,
166 |     };
167 |   }
168 | }
169 | 


--------------------------------------------------------------------------------
/src/alu.d.ts:
--------------------------------------------------------------------------------
 1 | export declare global {
 2 |   // Hacky way to not have to cast the "event" type that lib.dom has to CustomEvent, which is what we actually use.
 3 |   interface Document {
 4 |     addEventListener(type: "setting-tabLoad", listener: (this: Document, ev: CustomEvent) => any, options?: boolean | AddEventListenerOptions);
 5 |   }
 6 | 
 7 |   namespace Pyrus {
 8 |     let store: PyrusStore;
 9 |     let eventList: Record<string, EventListener>;
10 |     let settings: {
11 |       loadedContentStorage: Record<string, string>;
12 |       currentTab: string;
13 |     };
14 | 
15 |     type DefaultKeys = {
16 |       [key: string]: Key;
17 |     };
18 | 
19 |     type Key = Record<string, string | KeyObj>;
20 | 
21 |     type KeyObj = {
22 |       name: string;
23 |       value?: string;
24 |       icon?: string;
25 |       isCustom?: boolean;
26 |     };
27 |     type ValidStoreKeys = "proxy" | "search" | "openpage" | "wisp" | "bareUrl" | "transport" | "theme" | "lang" | "cloak";
28 |   }
29 | }
30 | 


--------------------------------------------------------------------------------
/src/components/FaqCard.astro:
--------------------------------------------------------------------------------
 1 | ---
 2 | export interface Props {
 3 |   large?: boolean;
 4 | }
 5 | const { large } = Astro.props;
 6 | 
 7 | const classlist = "faq-card" + (large ? " faq-large" : "");
 8 | ---
 9 | 
10 | <div class={classlist}>
11 |   <slot />
12 | </div>
13 | 
14 | <style>
15 |   .faq-card {
16 |     background-color: var(--dropdown-background-color);
17 |     border-radius: 10px;
18 |     padding: 20px;
19 |     color: var(--text-color);
20 |     box-shadow: 5px 5px 5px color-mix(in srgb, var(--background-color), black 40%);
21 |   }
22 |   @media (max-width: 768px) {
23 |     .faq-card {
24 |       grid-column: span 2;
25 |     }
26 |   }
27 |   .faq-large {
28 |     grid-column: span 2;
29 |   }
30 | </style>
31 | 


--------------------------------------------------------------------------------
/src/components/GameItem.astro:
--------------------------------------------------------------------------------
 1 | ---
 2 | const { game } = Astro.props;
 3 | ---
 4 | 
 5 | <div class="game" data-name={game.name} data-id={game.slug}>
 6 |   <img class="pin-icon" src="/img/games/pin-outline.svg" />
 7 |   <a class="game-link" href=`/game/${game.slug}`>
 8 |     <img alt={game.name} class="game-img" src={game.image} alt="" />
 9 |     <p class="game-title">{game.name}</p>
10 |   </a>
11 | </div>
12 | 
13 | <style>
14 |   .game {
15 |     position: relative;
16 |     background-color: var(--accent-color);
17 |     border: 2px solid var(--text-color);
18 |     padding: 1.2rem;
19 |     padding-bottom: 0;
20 |     display: flex;
21 |     align-items: center;
22 |     justify-content: center;
23 |     flex-direction: column;
24 |     border-radius: 10px;
25 |   }
26 |   .game-img {
27 |     width: 128px;
28 |     height: 128px;
29 |     border-radius: 5px;
30 |   }
31 | 
32 |   .game-link {
33 |     text-decoration: none;
34 |   }
35 | 
36 |   .game-title {
37 |     color: var(--text-color);
38 |     text-align: center;
39 |     font-size: 18px;
40 |     height: 48px;
41 |   }
42 | 
43 |   .pin-icon {
44 |     width: 24px;
45 |     height: 24px;
46 |     position: absolute;
47 |     top: 2px;
48 |     right: 2px;
49 |     cursor: pointer;
50 |   }
51 | </style>
52 | 


--------------------------------------------------------------------------------
/src/components/LoadingSpinner.astro:
--------------------------------------------------------------------------------
 1 | <img src="/favicon.svg" class="load-img" />
 2 | <svg class="loading-spinner" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
 3 |   <circle class="full-circle" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
 4 |   <path class="indicator" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
 5 | </svg>
 6 | 
 7 | <style>
 8 |   @keyframes spin {
 9 |     to {
10 |       transform: rotate(360deg);
11 |     }
12 |   }
13 |   .loading-spinner {
14 |     width: 2rem;
15 |     height: 2rem;
16 |     animation: spin 1s linear infinite;
17 |   }
18 |   .load-img {
19 |     width: 2.5rem;
20 |     height: 2.5rem;
21 |     margin: 0.5rem;
22 |   }
23 |   .full-circle {
24 |     opacity: 25%;
25 |   }
26 |   .indicator {
27 |     opacity: 75%;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/components/SchemaData.astro:
--------------------------------------------------------------------------------
 1 | <script type="application/ld+json">
 2 |   {
 3 |     "@context": "https://schema.org",
 4 |     "@type": "WebSite",
 5 |     "name": "Pyrus",
 6 |     "url": "https://aluu.xyz",
 7 |     "accessMode": "visual",
 8 |     "acquireLicensePage": "https://github.com/titaniumnetwork-dev/Pyrus/blob/main/LICENSE",
 9 |     "description": "Pyrus is a sleek web proxy supporting multiple standards of communication, and wide levels of customization. Similar to other proxies such as Holy Unblocker, Pyrus allows you to access blocked content while maintaining your privacy.",
10 |     "keywords": "web proxy, unblocker, alu, alu proxy, privacy, customization, wisp protocol, holy unblocker, titanium network, definitely science, kazwire, radon games, nebula, nebula proxy, censorship, bypass censorship, anura"
11 |   }
12 | </script>
13 | 


--------------------------------------------------------------------------------
/src/components/SettingsContent/CloakingTab.astro:
--------------------------------------------------------------------------------
  1 | ---
  2 | import Input from "@components/UI/Input.astro";
  3 | import { i18n } from "@i18n/utils";
  4 | const t = i18n.inferLangUseTranslations(Astro.url);
  5 | 
  6 | const presetCloaks = [
  7 |   {
  8 |     cloakTitle: "None",
  9 |     favicon: "/favicon.svg",
 10 |   },
 11 |   {
 12 |     cloakTitle: "Google",
 13 |     favicon: "/icons/google.png",
 14 |   },
 15 |   {
 16 |     cloakTitle: "Canvas",
 17 |     favicon: "/icons/canvas.png",
 18 |   },
 19 |   {
 20 |     cloakTitle: "Google Classroom",
 21 |     favicon: "/icons/classroom.png",
 22 |   },
 23 |   {
 24 |     cloakTitle: "Imagine Edgenuity",
 25 |     favicon: "/icons/edgenuity.png",
 26 |   },
 27 |   {
 28 |     cloakTitle: "Classlink",
 29 |     favicon: "/icons/classlink.png",
 30 |   },
 31 |   {
 32 |     cloakTitle: "Clever",
 33 |     favicon: "/icons/clever.jpg",
 34 |   },
 35 |   {
 36 |     cloakTitle: "Google Drive",
 37 |     favicon: "/icons/drive.png",
 38 |   },
 39 |   {
 40 |     cloakTitle: "Schoology",
 41 |     favicon: "/icons/schoology.webp",
 42 |   },
 43 |   {
 44 |     cloakTitle: "YouTube",
 45 |     favicon: "/icons/youtube.png",
 46 |   },
 47 | ];
 48 | ---
 49 | 
 50 | <div class="settings-container">
 51 |   <div class="cloak-container">
 52 |     <div id="cloak-list">
 53 |       {
 54 |         presetCloaks.map((cloak: any) => {
 55 |           return (
 56 |             <div class="cloak-item" data-cloak-name={cloak.cloakTitle} data-cloak-icon={cloak.favicon}>
 57 |               <img class="cloak-image" src={cloak.favicon} alt={cloak.cloakTitle} />
 58 |             </div>
 59 |           );
 60 |         })
 61 |       }
 62 |     </div>
 63 |     <div class="cloak-custom-override">
 64 |       <Input inputName="cloak-custom-name" placeholder="Custom Name" height="30px" />
 65 |       <Input inputName="cloak-custom-favicon" placeholder="Custom Favicon" height="30px" />
 66 |       <button id="cloak-custom-button">{t("settings.cloaking.updateCloak")}</button>
 67 |     </div>
 68 |   </div>
 69 | </div>
 70 | 
 71 | <style>
 72 |   .cloak-container {
 73 |     display: flex;
 74 |     flex-direction: column;
 75 |     gap: 10px;
 76 |   }
 77 |   #cloak-list {
 78 |     display: flex;
 79 |     flex-direction: row;
 80 |     align-items: center;
 81 |     gap: 15px;
 82 |     flex-wrap: wrap;
 83 |   }
 84 |   .cloak-item {
 85 |     width: 75px;
 86 |     height: 75px;
 87 |     border-radius: 50%;
 88 |     padding: 15px;
 89 |     background-color: var(--dropdown-background-color);
 90 |     border: 3px solid var(--accent-color);
 91 |     cursor: pointer;
 92 |     transition: 250ms ease-in-out;
 93 |   }
 94 |   .cloak-item.selected {
 95 |     /* Make border color brighter */
 96 |     border: 3px solid var(--accent-color-brighter);
 97 |   }
 98 |   .cloak-image {
 99 |     width: 100%;
100 |     height: 100%;
101 |     border-radius: 5px;
102 |   }
103 | 
104 |   .cloak-custom-override {
105 |     display: flex;
106 |     flex-direction: column;
107 |     gap: 4px;
108 |     width: 50%;
109 |   }
110 |   #cloak-custom-button {
111 |     margin-top: 6px;
112 |     height: 25px;
113 |     border-radius: 10px;
114 |     background-color: var(--accent-color-brighter);
115 |     border: 0;
116 |     color: var(--text-color);
117 |     cursor: pointer;
118 |     font-family: "Varela Round", sans-serif !important;
119 |   }
120 |   .cloak-custom-input {
121 |     height: 40px;
122 |     width: 100%;
123 |     border: 2px solid var(--accent-color-brighter);
124 |     border-radius: 10px;
125 |     background-color: #1b1b1b;
126 |     color: var(--text-color);
127 |     transition: 0.1s ease-in-out;
128 |   }
129 |   .cloak-custom-input:focus {
130 |     outline: none;
131 |     border: 2px solid var(--text-color);
132 |   }
133 | </style>
134 | 


--------------------------------------------------------------------------------
/src/components/SettingsContent/CreditsTab.astro:
--------------------------------------------------------------------------------
 1 | ---
 2 | import Card from "@components/UI/Card.astro";
 3 | import { i18n } from "@i18n/utils";
 4 | const t = i18n.inferLangUseTranslations(Astro.url);
 5 | ---
 6 | 
 7 | <div class="settings-container">
 8 |   <div class="credits-container">
 9 |     <Card title={t("ultraviolet")} href="https://titaniumnetwork.org"> Titanium Network </Card>
10 |     <Card title={t("settings.credits.esTranslations")} href="https://github.com/builtbyvys/"> vys </Card>
11 |     <Card title={t("settings.credits.frTranslations")} href="https://github.com/notboeing747"> notboeing747 </Card>
12 |     <Card title={t("settings.credits.jpTranslations")} href="https://wearr.dev"> wearr </Card>
13 |     <Card title={t("settings.credits.ptTranslations")}> kersosina_ </Card>
14 |     <Card title={t("settings.credits.ruTranslations")} href="https://3kh0.net"> Echo </Card>
15 |     <Card title={t("settings.credits.zhTranslations")} href="https://3kh0.net"> Echo </Card>
16 |     <Card title={t("settings.credits.catppuccin")} href="https://github.com/catppuccin/catppuccin"> Catppuccin </Card>
17 |     <Card title="Wisp Server" href="https://github.com/MercuryWorkshop/wisp-server-node"> Mercury Workshop </Card>
18 |   </div>
19 | </div>
20 | 
21 | <style>
22 |   .credits-container {
23 |     display: grid;
24 |     grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
25 |     width: 100%;
26 |     gap: 10px;
27 |   }
28 |   .credit-item {
29 |     font-size: 20px;
30 |     margin: 10px 0 10px;
31 |   }
32 |   .credit-name {
33 |     min-width: 150px;
34 |   }
35 | </style>
36 | 


--------------------------------------------------------------------------------
/src/components/SettingsContent/CustomizationTab.astro:
--------------------------------------------------------------------------------
 1 | ---
 2 | import Dropdown from "@components/UI/Dropdown.astro";
 3 | 
 4 | import { i18n } from "@i18n/utils";
 5 | const t = i18n.inferLangUseTranslations(Astro.url);
 6 | 
 7 | const themeList = [
 8 |   { name: t("settings.customization.theme.Pyrus"), value: "alu" },
 9 |   { name: t("settings.customization.theme.Macchiato"), value: "macchiato" },
10 |   { name: t("settings.customization.theme.Mocha"), value: "mocha" },
11 | ];
12 | 
13 | const languageList = [
14 |   { name: "English", value: "en" },
15 |   { name: "Español", value: "es" },
16 |   { name: "Français", value: "fr" },
17 |   { name: "日本語", value: "jp" },
18 |   { name: "Português", value: "pt" },
19 |   { name: "Русский", value: "ru" },
20 |   { name: "中文", value: "zh" },
21 | ];
22 | ---
23 | 
24 | <div class="settings-container">
25 |   <div class="setting__theme">
26 |     <label for="dropdown__selected-theme" aria-label="Theme" class="setting-label">{t("settings.customization.theme")}</label>
27 |     <Dropdown buttonNameDefault="Pyrus" localStorageKey="theme" dropdownList={themeList} id="dropdown__selected-theme" />
28 |   </div>
29 |   <div class="setting__language">
30 |     <label for="dropdown__selected-language" aria-label="Language" class="setting-label">{t("settings.customization.language")}</label>
31 |     <Dropdown buttonNameDefault="English" localStorageKey="lang" dropdownList={languageList} id="dropdown__selected-language" />
32 |   </div>
33 | </div>
34 | 


--------------------------------------------------------------------------------
/src/components/SettingsContent/ProxyTab.astro:
--------------------------------------------------------------------------------
  1 | ---
  2 | import Input from "@components/UI/Input.astro";
  3 | import Dropdown from "@components/UI/Dropdown.astro";
  4 | 
  5 | import { i18n } from "@i18n/utils";
  6 | const t = i18n.inferLangUseTranslations(Astro.url);
  7 | 
  8 | const getWSProtocol = () => {
  9 |   if (Astro.url.protocol === "https:") {
 10 |     return "wss://";
 11 |   } else {
 12 |     return "ws://";
 13 |   }
 14 | };
 15 | 
 16 | const proxyList = [
 17 |   { name: t("settings.proxy.auto"), value: "auto" },
 18 |   { name: t("ultraviolet"), value: "ultraviolet" },
 19 |   { name: "Rammerhead", value: "rammerhead" },
 20 | ];
 21 | 
 22 | const searchEngineList = [
 23 |   { name: "Google", value: "https://google.com/search?q=" },
 24 |   { name: "DuckDuckGo", value: "https://duckduckgo.com/?q=" },
 25 |   { name: "Bing", value: "https://bing.com/search?q=" },
 26 |   { name: "Brave", value: "https://search.brave.com/search?q=" },
 27 |   // Ecosia for some reason doesn't work with the proxy, hopefully I'll be able to add it eventually.
 28 |   // { name: "Ecosia", value: "https://ecosia.org/search?q=" },
 29 |   { name: "Searx", value: "https://searxng.site/?q=" },
 30 | ];
 31 | 
 32 | const openPageWith = [
 33 |   { name: t("settings.proxy.openPageWith.embed"), value: "embed" },
 34 |   { name: "About:Blank", value: "about:blank" },
 35 |   { name: t("settings.proxy.openPageWith.newTab"), value: "newTab" },
 36 | ];
 37 | 
 38 | const transportsList = [
 39 |   { name: "Epoxy", value: "/epoxy/index.mjs" },
 40 |   { name: "Libcurl", value: "/libcurl/index.mjs" },
 41 |   { name: "Bare", value: "/baremod/index.mjs" },
 42 | ];
 43 | 
 44 | const wispURLList = [
 45 |   { name: "Pyrus (US)", value: "wss://aluu.xyz/wisp/" },
 46 |   { name: "Anura (US)", value: "wss://anura.pro/" },
 47 |   { name: "Custom", value: getWSProtocol() + Astro.url.host + "/wisp/" },
 48 | ];
 49 | ---
 50 | 
 51 | <div class="settings-container">
 52 |   <div class="setting__selected-proxy">
 53 |     <label aria-label="Selected Proxy" for="dropdown__selected-proxy" class="setting-label">{t("settings.proxy.selectedProxy")}</label>
 54 |     <Dropdown buttonNameDefault="Ultraviolet" dropdownList={proxyList} localStorageKey="proxy" id="dropdown__selected-proxy" />
 55 |   </div>
 56 |   <div class="setting__search-engine">
 57 |     <label aria-label="Search Engine" for="dropdown__search-engine" class="setting-label">{t("settings.proxy.searchEngine")}</label>
 58 |     <Dropdown buttonNameDefault="Google" dropdownList={searchEngineList} localStorageKey="search" id="dropdown__search-engine" />
 59 |   </div>
 60 |   <div class="setting__open_with">
 61 |     <label aria-label="Open Page With" for="dropdown__open-with" class="setting-label">{t("settings.proxy.openPageWith")}</label>
 62 |     <Dropdown buttonNameDefault={t("settings.proxy.openPageWith.embed")} dropdownList={openPageWith} localStorageKey="openpage" id="dropdown__open-with" />
 63 |   </div>
 64 |   <div class="setting__wisp_url">
 65 |     <label aria-label="Wisp URL" for="dropdown__wisp-url" for="dropdown__wisp-url" class="setting-label">{t("settings.proxy.wispURL")}</label>
 66 |     <Dropdown buttonNameDefault={wispURLList[0].value} dropdownList={wispURLList} localStorageKey="wisp" id="dropdown__wisp-url" />
 67 |   </div>
 68 |   <div class="setting__bare_url">
 69 |     <label aria-label="Bare Server URL" for="bare-url-input" class="setting-label">{t("settings.proxy.bareURL")}</label>
 70 |     <Input height="50px" inputName="bare-url" />
 71 |   </div>
 72 |   <div class="setting__transport">
 73 |     <label aria-label="Wisp Transport" for="dropdown__transport" class="setting-label">{t("settings.proxy.transport")}</label>
 74 |     <Dropdown buttonNameDefault="Epoxy" dropdownList={transportsList} localStorageKey="transport" id="dropdown__transport" />
 75 |   </div>
 76 |   <div class="setting__reset">
 77 |     <button id="reset-button">Reset Settings</button>
 78 |   </div>
 79 | </div>
 80 | <div class="setting__wisp-url setting-hidden">
 81 |   <label aria-label="Custom Wisp URL" for="wisp-url-input" class="setting-label">{t("settings.proxy.wispURL")}</label>
 82 |   <Input height="50px" inputName="wisp-url" defaultTextContent={getWSProtocol() + Astro.url.host + "/wisp/"} />
 83 | </div>
 84 | <div class="setting__searxng-url setting-hidden">
 85 |   <label aria-label="SearXNG URL" for="searxng-url-input" class="setting-label">{t("settings.proxy.searxngURL")}</label>
 86 |   <Input height="50px" inputName="searxng-url" defaultTextContent="https://searxng.site/" />
 87 | </div>
 88 | 
 89 | <style>
 90 |   .setting__reset {
 91 |     display: flex;
 92 |     justify-content: center;
 93 |     align-items: center;
 94 |   }
 95 |   #reset-button {
 96 |     background-color: var(--accent-color);
 97 |     border: none;
 98 |     color: var(--text-color);
 99 |     border-radius: 1rem;
100 |     padding: 10px;
101 |     margin-top: 40px;
102 |     cursor: pointer;
103 |   }
104 | </style>
105 | 


--------------------------------------------------------------------------------
/src/components/UI/Card.astro:
--------------------------------------------------------------------------------
 1 | ---
 2 | import Link from "./Link.astro";
 3 | 
 4 | const { title, href } = Astro.props;
 5 | 
 6 | interface Props {
 7 |   title: string;
 8 |   href?: string;
 9 | }
10 | 
11 | const ID = title.toLowerCase().replaceAll(" ", "-");
12 | ---
13 | 
14 | {
15 |   href ? (
16 |     <Link href={href} newTab>
17 |       <div class="card card-link" id={"card-" + ID}>
18 |         <h2 class="card-title">{title}</h2>
19 |         <slot />
20 |       </div>
21 |     </Link>
22 |   ) : (
23 |     <div class="card" id={"card-" + ID}>
24 |       <h2 class="card-title">{title}</h2>
25 |       <slot />
26 |     </div>
27 |   )
28 | }
29 | 
30 | <style>
31 |   .card {
32 |     display: flex;
33 |     flex-direction: column;
34 |     justify-content: center;
35 |     align-items: center;
36 |     font-size: 18px;
37 |     background-color: var(--background-highlight);
38 |     border-radius: 10px;
39 |     padding-bottom: 1rem;
40 |     min-height: 140px;
41 |   }
42 |   .card-link {
43 |     cursor: pointer;
44 |     transition: 250ms ease-in-out;
45 |   }
46 |   .card-link:hover {
47 |     filter: brightness(0.9);
48 |   }
49 |   .card-title {
50 |     margin: 1rem;
51 |     text-align: center;
52 |   }
53 | </style>
54 | 


--------------------------------------------------------------------------------
/src/components/UI/Dropdown.astro:
--------------------------------------------------------------------------------
 1 | ---
 2 | const { buttonNameDefault, dropdownList, id, localStorageKey } = Astro.props;
 3 | 
 4 | interface Props {
 5 |   buttonNameDefault: string;
 6 |   dropdownList: { name: string; value: string }[];
 7 |   id: string;
 8 |   localStorageKey: Pyrus.ValidStoreKeys;
 9 | }
10 | ---
11 | 
12 | <div class="dropdown">
13 |   <button data-local-storage-key={localStorageKey} id={id} class="dropdown-toggle" type="button" data-toggle="dropdown">
14 |     {buttonNameDefault}
15 |   </button>
16 |   <ul class="dropdown-menu" id={id + "-menu"}>
17 |     {
18 |       dropdownList.map((item: any) => {
19 |         return (
20 |           <li class="dropdown-item" data-setting={item.value}>
21 |             {item.name}
22 |           </li>
23 |         );
24 |       })
25 |     }
26 |   </ul>
27 | </div>
28 | <style is:global>
29 |   .dropdown {
30 |     box-shadow: 4px 6px 15px 0px var(--background-color);
31 |     border-bottom-left-radius: 10px;
32 |     border-bottom-right-radius: 10px;
33 |     position: relative;
34 |   }
35 |   .dropdown-toggle {
36 |     background-color: var(--accent-color);
37 |     border: none;
38 |     color: var(--text-color);
39 |     padding: 12px 16px;
40 |     font-size: 16px;
41 |     cursor: pointer;
42 |     font-family: "Varela Round", sans-serif;
43 |     width: 100%;
44 |     border-radius: 10px;
45 |     min-width: 140px;
46 |     height: 50px;
47 |   }
48 |   .dropdown-menu {
49 |     margin: 0;
50 |     list-style: none;
51 |     padding: 0;
52 |     text-align: center;
53 |     max-height: 0px; /* Set max-height to 0 instead of height */
54 |     overflow: hidden;
55 |     transition: max-height 350ms ease-in-out; /* Use max-height in the transition property */
56 |     border-bottom-left-radius: 10px;
57 |     border-bottom-right-radius: 10px;
58 |     background-color: var(--dropdown-background-color);
59 |     position: absolute;
60 |     width: 100%;
61 |     z-index: 5;
62 |   }
63 |   .dropdown-item {
64 |     border-bottom: 1px solid var(--text-color-accent);
65 |     padding: 10px;
66 |     color: var(--text-color);
67 |     cursor: pointer;
68 |   }
69 |   .dropdown-item:nth-last-child(1) {
70 |     border-bottom: none;
71 |   }
72 | </style>
73 | 


--------------------------------------------------------------------------------
/src/components/UI/Footer.astro:
--------------------------------------------------------------------------------
 1 | ---
 2 | import { i18n } from "@i18n/utils";
 3 | import Link from "./Link.astro";
 4 | import WaveSVG from "../WaveSVG.astro";
 5 | const t = i18n.inferLangUseTranslations(Astro.url);
 6 | ---
 7 | 
 8 | <footer class="footer">
 9 |   <div aria-hidden="true" class="wave-svg-container">
10 |     <WaveSVG />
11 |   </div>
12 |   <div class="footer-top">
13 |     <div class="footer-title">
14 |       <h2>{t("footer.brand")}</h2>
15 |     </div>
16 | 
17 |     <div class="footer-madeby">
18 |       <Link href="https://wearr.dev" newTab>{t("footer.madeWithLove")}</Link>
19 |     </div>
20 |   </div>
21 |   <div class="footer-bottom">
22 |     <div class="footer-left">
23 |       <div class="footer-links">
24 |         <Link href="https://discord.gg/unblock" newTab>Join the discord!</Link>
25 |         <Link href="https://titaniumnetwork.org" newTab>{t("footer.poweredBy")}</Link>
26 | 
27 |         <div class="footer-copyright">
28 |           <p>&copy; {t("footer.aluProject")} 2024</p>
29 |         </div>
30 |       </div>
31 |     </div>
32 |     <div class="footer-right">
33 |       <div class="footer-links">
34 |         <Link href="/privacy">Privacy</Link>
35 |         <Link href="/terms">Terms</Link>
36 |         <Link href="https://wearr.dev/contact" newTab>Contact</Link>
37 |       </div>
38 |     </div>
39 |   </div>
40 | 
41 |   <style>
42 |     .wave-svg-container {
43 |       bottom: 0;
44 |       left: 0;
45 |       position: absolute;
46 |       width: 100%;
47 |       z-index: -1;
48 |       overflow: hidden;
49 |       height: 300px;
50 |       filter: brightness(1.5);
51 |     }
52 | 
53 |     .footer {
54 |       display: flex;
55 |       flex-direction: column;
56 |       justify-content: space-around;
57 |       color: var(--text-color);
58 |       position: relative;
59 |       padding-top: 275px;
60 |       gap: 20px;
61 |     }
62 |     .footer-top,
63 |     .footer-bottom {
64 |       width: 90%;
65 |       margin: 0 auto;
66 |     }
67 | 
68 |     .footer-title {
69 |       font-size: 20px;
70 |     }
71 | 
72 |     .footer-bottom {
73 |       display: flex;
74 |       justify-content: space-between;
75 |     }
76 | 
77 |     .footer-links {
78 |       display: flex;
79 |       gap: 10px;
80 |       flex-direction: column;
81 |     }
82 | 
83 |     a {
84 |       color: var(--text-color);
85 |     }
86 |   </style>
87 | </footer>
88 | 


--------------------------------------------------------------------------------
/src/components/UI/Header.astro:
--------------------------------------------------------------------------------
 1 | ---
 2 | import { i18n } from "@i18n/utils";
 3 | const lang = i18n.getLangFromUrl(Astro.url);
 4 | const t = i18n.useTranslations(lang);
 5 | ---
 6 | 
 7 | <nav class="top-header">
 8 |   <div id="title-background" class="title-background">
 9 |     <div class="left">
10 |       <a href={`/${lang}/`} class="header-item flex-item"><img class="nav-img" src="/favicon.svg" alt="Pyrus Logo" /><span>{t("nav.brand")}</span></a>
11 |     </div>
12 |     <div class="right">
13 |       <a href={`/${lang}/donate/`}      class="header-item">Donate</a>
14 |       <a href={`/${lang}/marketplace/`} class="header-item">Marketplace</a>
15 |       <a href={`/${lang}/games/`}       class="header-item">{t("nav.games")}</a>
16 |       <a href={`/${lang}/settings/`}    class="header-item">{t("nav.settings")}</a>
17 |     </div>
18 |   </div>
19 | </nav>
20 | 
21 | <style>
22 |   .top-header {
23 |     display: flex;
24 |     box-sizing: border-box;
25 |     transition: 250ms ease-in;
26 |   }
27 | 
28 |   .title-background {
29 |     background-color: var(--accent-color);
30 |     display: flex;
31 |     align-items: center;
32 |     justify-content: space-between;
33 |     padding-inline: 2.5rem;
34 |     height: 4.25rem;
35 |     width: 100%;
36 |     border-bottom-left-radius: 1rem;
37 |     border-bottom-right-radius: 1rem;
38 |   }
39 | 
40 |   @media (max-width: 600px) {
41 |     .title-background {
42 |       padding-inline: 0.5rem;
43 |     }
44 |     .right > a:first-child {
45 |       display: none;
46 |     }
47 |   }
48 | 
49 |   .left,
50 |   .right {
51 |     display: flex;
52 |     align-items: center;
53 |     gap: 0.75rem;
54 |   }
55 | 
56 |   .header-item {
57 |     color: var(--text-color);
58 |     text-decoration: none;
59 |     font-size: 22px;
60 |     transition: 250ms ease-in-out;
61 |   }
62 | 
63 |   @media (max-width: 470px) {
64 |     .header-item {
65 |       font-size: 18px;
66 |     }
67 |   }
68 | 
69 |   .header-item:hover {
70 |     color: var(--text-color-accent);
71 |   }
72 | 
73 |   .nav-img {
74 |     height: 50px;
75 |   }
76 | 
77 |   .flex-item {
78 |     display: flex;
79 |     justify-content: center;
80 |     align-items: center;
81 |     gap: 10px;
82 |   }
83 | </style>
84 | 


--------------------------------------------------------------------------------
/src/components/UI/Input.astro:
--------------------------------------------------------------------------------
 1 | ---
 2 | const { inputName, defaultTextContent, height, placeholder, className, defaultStyles = true, autocomplete = "on" } = Astro.props;
 3 | 
 4 | const styleList = className ? className.split(" ") : [];
 5 | 
 6 | if (defaultStyles) {
 7 |   styleList.push("astro-input");
 8 | }
 9 | 
10 | interface Props {
11 |   inputName: string;
12 |   defaultTextContent?: string;
13 |   height?: string;
14 |   placeholder?: string;
15 |   className?: string;
16 |   defaultStyles?: boolean;
17 |   autocomplete?: string;
18 | }
19 | 
20 | let inputHeight = height;
21 | if (!height) {
22 |   inputHeight = "3rem";
23 | }
24 | ---
25 | 
26 | <input
27 |   style={`height: ${inputHeight}; font-family: 'Varela Round', sans-serif !important;`}
28 |   id={inputName + "-input"}
29 |   placeholder={placeholder || ""}
30 |   value={defaultTextContent || ""}
31 |   type="text"
32 |   class={styleList.map((style) => style).join(" ")}
33 |   autocomplete={autocomplete}
34 | />
35 | 


--------------------------------------------------------------------------------
/src/components/UI/Link.astro:
--------------------------------------------------------------------------------
 1 | ---
 2 | interface LinkProps {
 3 |   href: string;
 4 |   newTab?: boolean;
 5 |   content: string;
 6 | }
 7 | 
 8 | const { href, newTab } = Astro.props as LinkProps;
 9 | const target = newTab ? "_blank" : "_self";
10 | const rel = newTab ? "noopener noreferrer" : "";
11 | ---
12 | 
13 | <a href={href} target={target} rel={rel}>
14 |   <slot />
15 | </a>
16 | 
17 | <style>
18 |   a {
19 |     color: var(--text-color);
20 |   }
21 | </style>
22 | 


--------------------------------------------------------------------------------
/src/components/UI/MarketplaceIcon.astro:
--------------------------------------------------------------------------------
 1 | ---
 2 | import Paintbrush from "@components/icons/paintbrush.astro";
 3 | import Scroll from "@components/icons/scroll.astro";
 4 | 
 5 | const { type } = Astro.props;
 6 | 
 7 | type Props = {
 8 |   type: ExtType;
 9 | };
10 | ---
11 | 
12 | <div class="marketplace-icon">
13 |   <abbr title={type === "theme" ? "Theme" : "Script"}>
14 |     {type === "theme" ? <Paintbrush class="icon" /> : <Scroll class="icon" />}
15 |   </abbr>
16 | </div>
17 | 
18 | <style is:global>
19 |   .marketplace-icon {
20 |     width: 32px;
21 |     filter: brightness(0.8);
22 |     align-self: flex-start;
23 |     padding-bottom: 1rem;
24 |   }
25 | 
26 |   .mp-icon {
27 |     height: 24px;
28 |   }
29 | </style>
30 | 


--------------------------------------------------------------------------------
/src/components/WaveSVG.astro:
--------------------------------------------------------------------------------
 1 | <svg width="100%" height="100%" preserveAspectRatio="none" id="svg" viewBox="0 0 1440 390" xmlns="http://www.w3.org/2000/svg" class="transition duration-300 ease-in-out delay-150">
 2 |   <style>
 3 |     .path-0 {
 4 |       animation: pathAnim-0 15s;
 5 |       animation-timing-function: linear;
 6 |       animation-iteration-count: infinite;
 7 |     }
 8 |     @keyframes pathAnim-0 {
 9 |       0% {
10 |         d: path(
11 |           "M 0,400 L 0,100 C 124.53333333333336,122.66666666666667 249.06666666666672,145.33333333333334 415,143 C 580.9333333333333,140.66666666666666 788.2666666666667,113.33333333333333 966,102 C 1143.7333333333333,90.66666666666667 1291.8666666666668,95.33333333333334 1440,100 L 1440,400 L 0,400 Z"
12 |         );
13 |       }
14 |       25% {
15 |         d: path(
16 |           "M 0,400 L 0,100 C 171.19999999999993,71.6 342.39999999999986,43.2 497,54 C 651.6000000000001,64.8 789.6000000000001,114.80000000000001 944,129 C 1098.3999999999999,143.2 1269.1999999999998,121.6 1440,100 L 1440,400 L 0,400 Z"
17 |         );
18 |       }
19 |       50% {
20 |         d: path(
21 |           "M 0,400 L 0,100 C 186.66666666666669,82.13333333333333 373.33333333333337,64.26666666666667 540,54 C 706.6666666666666,43.733333333333334 853.3333333333333,41.06666666666666 1000,50 C 1146.6666666666667,58.93333333333334 1293.3333333333335,79.46666666666667 1440,100 L 1440,400 L 0,400 Z"
22 |         );
23 |       }
24 |       75% {
25 |         d: path(
26 |           "M 0,400 L 0,100 C 110.13333333333333,74.53333333333333 220.26666666666665,49.06666666666666 393,58 C 565.7333333333333,66.93333333333334 801.0666666666666,110.26666666666668 986,123 C 1170.9333333333334,135.73333333333332 1305.4666666666667,117.86666666666666 1440,100 L 1440,400 L 0,400 Z"
27 |         );
28 |       }
29 |       100% {
30 |         d: path(
31 |           "M 0,400 L 0,100 C 124.53333333333336,122.66666666666667 249.06666666666672,145.33333333333334 415,143 C 580.9333333333333,140.66666666666666 788.2666666666667,113.33333333333333 966,102 C 1143.7333333333333,90.66666666666667 1291.8666666666668,95.33333333333334 1440,100 L 1440,400 L 0,400 Z"
32 |         );
33 |       }
34 |     }
35 |   </style>
36 |   <style media="screen"></style>
37 |   <defs>
38 |     <linearGradient id="gradient" x1="0%" y1="53%" x2="100%" y2="47%">
39 |       <stop offset="5%" stop-color="var(--accent-color)"></stop>
40 |       <stop offset="95%" stop-color="var(--accent-color-brighter)"></stop>
41 |     </linearGradient>
42 |   </defs>
43 |   <path
44 |     d="M 0,400 L 0,100 C 124.53333333333336,122.66666666666667 249.06666666666672,145.33333333333334 415,143 C 580.9333333333333,140.66666666666666 788.2666666666667,113.33333333333333 966,102 C 1143.7333333333333,90.66666666666667 1291.8666666666668,95.33333333333334 1440,100 L 1440,400 L 0,400 Z"
45 |     stroke="none"
46 |     stroke-width="0"
47 |     fill="url(#gradient)"
48 |     fill-opacity="0.53"
49 |     class="transition-all duration-300 ease-in-out delay-150 path-0"></path>
50 |   <style>
51 |     .path-1 {
52 |       animation: pathAnim-1 15s;
53 |       animation-timing-function: linear;
54 |       animation-iteration-count: infinite;
55 |     }
56 |     @keyframes pathAnim-1 {
57 |       0% {
58 |         d: path(
59 |           "M 0,400 L 0,233 C 170.53333333333336,233.66666666666666 341.0666666666667,234.33333333333331 507,236 C 672.9333333333333,237.66666666666669 834.2666666666667,240.33333333333334 989,240 C 1143.7333333333333,239.66666666666666 1291.8666666666668,236.33333333333331 1440,233 L 1440,400 L 0,400 Z"
60 |         );
61 |       }
62 |       25% {
63 |         d: path(
64 |           "M 0,400 L 0,233 C 202,220.46666666666667 404,207.93333333333334 539,220 C 674,232.06666666666666 742.0000000000001,268.7333333333333 881,275 C 1019.9999999999999,281.2666666666667 1230,257.1333333333333 1440,233 L 1440,400 L 0,400 Z"
65 |         );
66 |       }
67 |       50% {
68 |         d: path(
69 |           "M 0,400 L 0,233 C 181.33333333333337,210.86666666666667 362.66666666666674,188.73333333333332 512,188 C 661.3333333333333,187.26666666666668 778.6666666666665,207.93333333333334 928,219 C 1077.3333333333335,230.06666666666666 1258.6666666666667,231.53333333333333 1440,233 L 1440,400 L 0,400 Z"
70 |         );
71 |       }
72 |       75% {
73 |         d: path(
74 |           "M 0,400 L 0,233 C 195.06666666666666,222.86666666666667 390.1333333333333,212.73333333333332 559,216 C 727.8666666666667,219.26666666666668 870.5333333333333,235.93333333333334 1013,241 C 1155.4666666666667,246.06666666666666 1297.7333333333333,239.53333333333333 1440,233 L 1440,400 L 0,400 Z"
75 |         );
76 |       }
77 |       100% {
78 |         d: path(
79 |           "M 0,400 L 0,233 C 170.53333333333336,233.66666666666666 341.0666666666667,234.33333333333331 507,236 C 672.9333333333333,237.66666666666669 834.2666666666667,240.33333333333334 989,240 C 1143.7333333333333,239.66666666666666 1291.8666666666668,236.33333333333331 1440,233 L 1440,400 L 0,400 Z"
80 |         );
81 |       }
82 |     }
83 |   </style>
84 |   <style media="screen"></style>
85 |   <defs>
86 |     <linearGradient id="gradient" x1="0%" y1="53%" x2="100%" y2="47%">
87 |       <stop offset="5%" stop-color="#702dc2"></stop>
88 |       <stop offset="95%" stop-color="#3d097d"></stop>
89 |     </linearGradient>
90 |   </defs>
91 |   <path
92 |     d="M 0,400 L 0,233 C 170.53333333333336,233.66666666666666 341.0666666666667,234.33333333333331 507,236 C 672.9333333333333,237.66666666666669 834.2666666666667,240.33333333333334 989,240 C 1143.7333333333333,239.66666666666666 1291.8666666666668,236.33333333333331 1440,233 L 1440,400 L 0,400 Z"
93 |     stroke="none"
94 |     stroke-width="0"
95 |     fill="url(#gradient)"
96 |     fill-opacity="1"
97 |     class="transition-all duration-300 ease-in-out delay-150 path-1"></path>
98 | </svg>
99 | 


--------------------------------------------------------------------------------
/src/components/WelcomeLogging.astro:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   const primaryColor = "#8c25fa";
 3 |   const secondaryColor = "#601aab";
 4 |   const welcomeMessage = `%cWelcome to Pyrus!\n%cSystem Information:\n%cOS: ${navigator.platform}\n%cBrowser: ${navigator.userAgent}\n%cCPU Cores: ${navigator.hardwareConcurrency}\n%cMemory: ${navigator.userAgent.includes("Firefox") ? "Not supported in Firefox" : (navigator as any).deviceMemory + "GB"}\n%cPlease include this information in a bug report!`;
 5 | 
 6 |   console.log(
 7 |     welcomeMessage,
 8 |     `color: ${primaryColor}; font-size: 2rem; font-weight: bold; text-shadow: 2px 2px 0 ${secondaryColor};`,
 9 |     `color: ${primaryColor}; font-size: 1rem; font-weight: bold;`,
10 |     `color: ${primaryColor}; font-size: 0.75rem; font-weight: bold;`,
11 |     `color: ${primaryColor}; font-size: 0.75rem; font-weight: bold;`,
12 |     `color: ${primaryColor}; font-size: 0.75rem; font-weight: bold;`,
13 |     `color: ${primaryColor}; font-size: 0.75rem; font-weight: bold;`,
14 |     `color: ${primaryColor}; font-size: 0.75rem; font-weight: bold;`
15 |   );
16 | </script>
17 | 


--------------------------------------------------------------------------------
/src/components/frame/IFrameNav.astro:
--------------------------------------------------------------------------------
 1 | <div id="top-bar">
 2 |   <div class="top-bar-left">
 3 |     <img id="proxied-favicon" alt="favicon" />
 4 |     <span id="url-text"></span>
 5 |   </div>
 6 |   <div class="top-bar-right">
 7 |     <div class="nav-container">
 8 |       <img width="32px" height="32px" id="nav-backwards" src="/img/nav/backwards.svg" alt="Backward" />
 9 |       <img width="32px" height="32px" id="nav-forwards" src="/img/nav/forwards.svg" alt="Forward" />
10 |       <img width="26px" height="28px" id="nav-reload" src="/img/nav/reload.svg" alt="Reload Page" />
11 |       <img width="25px" height="26px" id="nav-share" src="/img/nav/share.svg" alt="Share Page" />
12 |       <img width="30px" height="30px" id="nav-close" src="/img/nav/close.svg" alt="Close Page" />
13 |     </div>
14 |   </div>
15 | </div>
16 | 


--------------------------------------------------------------------------------
/src/components/icons/paintbrush.astro:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" fill="var(--text-color)" class="mp-icon">
2 |   <path
3 |     d="M339.3 367.1c27.3-3.9 51.9-19.4 67.2-42.9L568.2 74.1c12.6-19.5 9.4-45.3-7.6-61.2S517.7-4.4 499.1 9.6L262.4 187.2c-24 18-38.2 46.1-38.4 76.1L339.3 367.1zm-19.6 25.4l-116-104.4C143.9 290.3 96 339.6 96 400c0 3.9 .2 7.8 .6 11.6C98.4 429.1 86.4 448 68.8 448L64 448c-17.7 0-32 14.3-32 32s14.3 32 32 32l144 0c61.9 0 112-50.1 112-112c0-2.5-.1-5-.2-7.5z"
4 |   ></path>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/src/components/icons/scroll.astro:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" fill="var(--text-color)" class="mp-icon">
2 |   <path
3 |     d="M0 80l0 48c0 17.7 14.3 32 32 32l16 0 48 0 0-80c0-26.5-21.5-48-48-48S0 53.5 0 80zM112 32c10 13.4 16 30 16 48l0 304c0 35.3 28.7 64 64 64s64-28.7 64-64l0-5.3c0-32.4 26.3-58.7 58.7-58.7L480 320l0-192c0-53-43-96-96-96L112 32zM464 480c61.9 0 112-50.1 112-112c0-8.8-7.2-16-16-16l-245.3 0c-14.7 0-26.7 11.9-26.7 26.7l0 5.3c0 53-43 96-96 96l176 0 96 0z"
4 |   ></path>
5 | </svg>
6 | 


--------------------------------------------------------------------------------
/src/components/loaders/CloakLoader.astro:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   function loadCloak() {
 3 |     const cloak = Pyrus.store.get("cloak");
 4 |     if (cloak) {
 5 |       if (cloak && typeof cloak === "object") {
 6 |         if (cloak.name != "None") {
 7 |           document.title = cloak.name;
 8 |           let link = document.querySelector("link[rel~='icon']") as HTMLLinkElement;
 9 |           if (!link) {
10 |             link = document.createElement("link");
11 |             link.rel = "icon";
12 |           }
13 |           if (cloak.icon && !cloak.icon.startsWith("http")) {
14 |             cloak.icon = window.location.origin + cloak.icon;
15 |           }
16 |           if (cloak.isCustom) {
17 |             link.href = `/custom-favicon?url=${cloak.icon}`;
18 |           } else {
19 |             link.href = cloak.icon!;
20 |           }
21 | 
22 |           document.getElementsByTagName("head")[0].appendChild(link);
23 |         }
24 |       }
25 |     } else {
26 |       // Load default cloak
27 |       let link = document.querySelector("link[rel~='icon']") as HTMLLinkElement;
28 |       if (!link) {
29 |         link = document.createElement("link");
30 |         link.rel = "icon";
31 |       }
32 |       link.href = "/favicon.svg";
33 |       document.getElementsByTagName("head")[0].appendChild(link);
34 |     }
35 |   }
36 | 
37 |   loadCloak();
38 |   document.addEventListener("astro:after-swap", loadCloak);
39 | </script>
40 | 


--------------------------------------------------------------------------------
/src/components/loaders/PageScriptLoader.astro:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import IDBManager from "@components/ts/IDBManager";
 3 |   const idb = IDBManager.loadIDB("PyrusDB", 1);
 4 | 
 5 |   idb.onupgradeneeded = (event) => {
 6 |     const db = (event.target as IDBOpenDBRequest).result;
 7 |     db.createObjectStore("InstalledExtensions", { keyPath: "slug" });
 8 |   };
 9 | 
10 |   // Create a store for installed extensions
11 |   
12 |   idb.onsuccess = (event) => {
13 |     IDBManager.SetIDB((event.target as IDBOpenDBRequest).result);
14 |     IDBManager.GetStore("InstalledExtensions", "readonly").getAll().onsuccess = (event) => {
15 |       // TODO: Get rid of this ugly type assertion!!
16 |       const result = (event.target as IDBRequest).result;
17 |       if (result) {
18 |         result.forEach((extension: ExtPageMetadata) => {
19 |           if (extension.type === "page") {
20 |             const decoder = new TextDecoder();
21 |             const script = decoder.decode(extension.scriptCopy!);
22 |             const scriptEl = document.createElement("script");
23 |             scriptEl.textContent = script;
24 |             document.head.appendChild(scriptEl);
25 | 
26 |             // Call extension.init if it exists
27 |             if (extension.init) {
28 |               const init = new Function(extension.init);
29 |               init();
30 |             }
31 |           }
32 |         });
33 |       }
34 |     };
35 |   };
36 | </script>
37 | 


--------------------------------------------------------------------------------
/src/components/loaders/ThemeLoader.astro:
--------------------------------------------------------------------------------
 1 | <script>
 2 |   import IDBManager from "@components/ts/IDBManager";
 3 |   import instantiatePyrus from "@components/ts/Pyrus";
 4 | 
 5 |   await instantiatePyrus();
 6 | 
 7 |   function switchTheme() {
 8 |     const currentTheme = Pyrus.store.get("theme");
 9 |     document.documentElement.setAttribute("data-theme", currentTheme.value!);
10 |   }
11 | 
12 |   switchTheme();
13 | 
14 |   document.addEventListener("astro:after-swap", switchTheme);
15 | 
16 |   const idb = IDBManager.loadIDB("PyrusDB", 1);
17 | 
18 |   idb.onsuccess = () => {
19 |     const store = IDBManager.GetStore("InstalledExtensions", "readonly");
20 |     store.getAll().onsuccess = (event) => {
21 |       const result = (event.target as IDBRequest).result;
22 |       if (result) {
23 |         result.forEach((extension: ExtThemeMetadata) => {
24 |           if (extension.type === "theme" && extension.themeName) {
25 |             // Load theme CSS
26 |             const decoder = new TextDecoder();
27 |             const style = decoder.decode(extension.scriptCopy!);
28 | 
29 |             loadStyleFromString(style);
30 | 
31 |             document.addEventListener("astro:after-swap", () => {
32 |               loadStyleFromString(style);
33 |             });
34 |           }
35 |         });
36 |       }
37 |     };
38 |   };
39 |   function loadStyleFromString(style: string) {
40 |     const styleEl = document.createElement("style");
41 |     styleEl.textContent = style;
42 |     document.head.appendChild(styleEl);
43 |   }
44 | </script>
45 | 


--------------------------------------------------------------------------------
/src/components/ts/EventMgr.ts:
--------------------------------------------------------------------------------
 1 | class EventMgr {
 2 |     static listen(name: string, listener: EventListener, target?: EventTarget, opts: AddEventListenerOptions = {}) {
 3 |         window.Pyrus.eventList[name] = listener;
 4 |         (target || document).addEventListener(name, listener, opts);
 5 | 
 6 |         return {
 7 |             name: name,
 8 |             listener: listener
 9 |         };
10 |     }
11 | 
12 |     static remove(event: { name: string, listener: EventListener }, target?: EventTarget) {
13 |         (target || document).removeEventListener(event.name, event.listener);
14 |     }
15 | 
16 |     static dispatch(name: string, detail?: any, target?: EventTarget) {
17 |         (target || document).dispatchEvent(new CustomEvent(name, { detail: detail }));
18 |     }
19 | }
20 | 
21 | export default EventMgr;


--------------------------------------------------------------------------------
/src/components/ts/IDBManager.ts:
--------------------------------------------------------------------------------
 1 | export let CurrentIDB: IDBDatabase;
 2 | 
 3 | function loadFailed() {
 4 |   throw new Error("Failed to load IDB!");
 5 | }
 6 | 
 7 | export function loadIDBPromise(name: string, version: number): Promise<IDBDatabase | Event> {
 8 |   return new Promise((resolve, reject) => {
 9 |     const request = window.indexedDB.open(name, version);
10 | 
11 |     request.onerror = (event) => {
12 |       reject(event);
13 |     };
14 | 
15 |     request.onsuccess = () => {
16 |       const idb = request.result;
17 |       CurrentIDB = idb;
18 |       resolve(idb);
19 |     };
20 | 
21 |     request.onupgradeneeded = () => {
22 |       const idb = request.result;
23 |       CurrentIDB = idb;
24 |       CurrentIDB.createObjectStore(name, { keyPath: "slug" });
25 |       resolve(idb);
26 |     };
27 | 
28 |     request.onblocked = (event) => {
29 |       console.error("Database upgrade is blocked by another connection");
30 |       reject(event);
31 |     };
32 |   });
33 | }
34 | 
35 | export function loadIDB(name: string, version: number): IDBOpenDBRequest {
36 |   const request = window.indexedDB.open(name, version);
37 | 
38 |   request.onblocked = () => {
39 |     console.error("Database upgrade is blocked by another connection");
40 |   };
41 | 
42 |   return request;
43 | }
44 | 
45 | export function GetIDB(): IDBDatabase {
46 |   return CurrentIDB;
47 | }
48 | 
49 | export function SetIDB(idb: IDBDatabase) {
50 |   CurrentIDB = idb;
51 | }
52 | 
53 | export function CreateStore(name: string, keypath?: IDBObjectStoreParameters): IDBObjectStore {
54 |   if (!CurrentIDB) loadFailed();
55 |   return CurrentIDB.createObjectStore(name, keypath);
56 | }
57 | 
58 | export function GetStore(name: string, mode: IDBTransactionMode): IDBObjectStore {
59 |   if (!CurrentIDB) loadFailed();
60 |   return CurrentIDB.transaction(name, mode).objectStore(name);
61 | }
62 | 
63 | export function ValidateStoreExists(name: string): boolean {
64 |   if (!CurrentIDB) return false;
65 | 
66 |   const storeNames = CurrentIDB.objectStoreNames;
67 |   return storeNames.contains(name);
68 | }
69 | 
70 | export function DeleteIDB(name: string): Promise<IDBOpenDBRequest | Event> {
71 |   return new Promise((resolve, reject) => {
72 |     const request = window.indexedDB.deleteDatabase(name);
73 | 
74 |     request.onerror = (event) => {
75 |       reject(event);
76 |     };
77 | 
78 |     request.onsuccess = () => {
79 |       resolve(request);
80 |     };
81 |   });
82 | }
83 | 
84 | export default {
85 |   loadIDB,
86 |   loadIDBPromise,
87 |   SetIDB,
88 |   GetIDB,
89 |   CreateStore,
90 |   GetStore,
91 |   ValidateStoreExists,
92 |   DeleteIDB,
93 | };
94 | 


--------------------------------------------------------------------------------
/src/components/ts/Pyrus.ts:
--------------------------------------------------------------------------------
 1 | import PyrusStore from "./PyrusStore";
 2 | import IDBManager from "./IDBManager";
 3 | 
 4 | async function instantiatePyrus(): Promise<void> {
 5 |   return new Promise((resolve) => {
 6 |     if (globalThis.Pyrus) return;
 7 |     globalThis.Pyrus = {
 8 |       store: new PyrusStore(),
 9 |       eventList: {},
10 |       settings: {
11 |         loadedContentStorage: {},
12 |         currentTab: "",
13 |       },
14 |     };
15 |   
16 |     if (!window.idb) {
17 |       const db = IDBManager.loadIDB("PyrusDB", 1);
18 |       db.onupgradeneeded = () => {
19 |         window.idb = db.result;
20 |         IDBManager.SetIDB(window.idb);
21 |         IDBManager.CreateStore("InstalledExtensions", { keyPath: "slug" });
22 |       };
23 |       db.onsuccess = () => {
24 |         window.idb = db.result;
25 |         IDBManager.SetIDB(window.idb);
26 |         resolve();
27 |       };
28 |     }
29 |   });
30 | }
31 | 
32 | export default instantiatePyrus;
33 | 


--------------------------------------------------------------------------------
/src/components/ts/PyrusStore.ts:
--------------------------------------------------------------------------------
 1 | const getWSProtocol = () => {
 2 |   if (location.protocol === "https:") {
 3 |     return "wss://";
 4 |   } else {
 5 |     return "ws://";
 6 |   }
 7 | };
 8 | 
 9 | const KEYSTORE: Pyrus.DefaultKeys = {
10 |   proxy: {
11 |     name: "Auto",
12 |     value: "auto",
13 |   },
14 |   search: {
15 |     name: "Google",
16 |     value: "https://google.com/search?q=",
17 |   },
18 |   openpage: {
19 |     name: "Embed",
20 |     value: "embed",
21 |   },
22 |   wisp: {
23 |     name: "Pyrus (US)",
24 |     value: getWSProtocol() + window.location.host + "/wisp/",
25 |   },
26 |   bareUrl: {
27 |     value: `${window.location.protocol}//${window.location.host}/bare/`,
28 |   },
29 |   transport: {
30 |     name: "Epoxy",
31 |     value: "/epoxy/index.mjs",
32 |   },
33 |   theme: {
34 |     name: "Pyrus",
35 |     value: "alu",
36 |   },
37 | };
38 | 
39 | if (localStorage.getItem("PyrusStore") === null) {
40 |   localStorage.setItem("PyrusStore", JSON.stringify(KEYSTORE));
41 | }
42 | 
43 | class PyrusStore {
44 |   #store: Pyrus.DefaultKeys;
45 |   constructor() {
46 |     const localstore = localStorage.getItem("PyrusStore");
47 |     if (!localstore) {
48 |       localStorage.setItem("PyrusStore", JSON.stringify(KEYSTORE));
49 |     }
50 |     this.#store = JSON.parse(localStorage.getItem("PyrusStore") || "{}");
51 |   }
52 |   public getStore(): Pyrus.DefaultKeys {
53 |     return this.#store;
54 |   }
55 |   public get(key: Pyrus.ValidStoreKeys): Pyrus.Key {
56 |     return this.#store[key];
57 |   }
58 |   public set(key: Pyrus.ValidStoreKeys, value: Pyrus.Key): void {
59 |     this.#store[key] = value;
60 |     this.save();
61 |   }
62 |   public reset(key: Pyrus.ValidStoreKeys) {
63 |     this.set(key, KEYSTORE[key]);
64 |   }
65 |   public remove(key: Pyrus.ValidStoreKeys) {
66 |     delete this.#store[key];
67 |     this.save();
68 |   }
69 |   private save(): void {
70 |     localStorage.setItem("PyrusStore", JSON.stringify(this.#store));
71 |   }
72 | }
73 | 
74 | export default PyrusStore;
75 | 


--------------------------------------------------------------------------------
/src/components/ts/TransportManager.ts:
--------------------------------------------------------------------------------
 1 | import { BareMuxConnection } from "@mercuryworkshop/bare-mux";
 2 | 
 3 | type transportConfig = {
 4 |   wisp: string;
 5 | };
 6 | export default class TransportManager {
 7 |   private transport: Pyrus.Key;
 8 |   connection: BareMuxConnection;
 9 | 
10 |   constructor(transport?: Pyrus.Key) {
11 |     this.connection = new BareMuxConnection("/baremux/worker.js");
12 |     if (transport) {
13 |       this.transport = transport;
14 |     }
15 |     this.transport = Pyrus.store.get("transport");
16 |   }
17 |   async updateTransport() {
18 |     try {
19 |       const selectedTransport = Pyrus.store.get("transport");
20 |       await this.setTransport(selectedTransport);
21 |     } catch (err) {
22 |       throw new Error("Failed to update transport! Try reloading. \nError: " + err);
23 |     }
24 |   }
25 | 
26 |   getTransport() {
27 |     return this.transport;
28 |   }
29 | 
30 |   async setTransport(transport: Pyrus.Key, wispURL: string = Pyrus.store.get("wisp").value) {
31 |     this.transport = transport;
32 |     const transportConfig: transportConfig = { wisp: wispURL };
33 | 
34 |     if (this.transport.value == "/baremod/index.mjs") {
35 |       return await this.connection.setTransport(transport.value.toString(), [Pyrus.store.get("bareUrl").value]);
36 |     }
37 | 
38 |     await this.connection.setTransport(transport.value.toString(), [transportConfig]);
39 |   }
40 | }
41 | 
42 | export const TransportMgr = new TransportManager();
43 | 
44 | export async function initTransport() {
45 |   return await TransportMgr.setTransport(TransportMgr.getTransport(), Pyrus.store.get("wisp").value);
46 | }
47 | 
48 | export async function registerAndUpdateSW(): Promise<void> {
49 |   try {
50 |     const reg = await navigator.serviceWorker.register("/sw.js", {
51 |       updateViaCache: "none",
52 |     });
53 |     console.log("Service worker registered!");
54 |     await reg.update();
55 |   } catch (err) {
56 |     console.error("Service worker registration failed: ", err);
57 |   }
58 | }
59 | 


--------------------------------------------------------------------------------
/src/components/ts/WispServerTiming.ts:
--------------------------------------------------------------------------------
 1 | export async function testWispServers(servers: WispServer[]): Promise<WispData[]> {
 2 |   const wispData: WispData[] = [];
 3 | 
 4 |   for (const server of servers) {
 5 |     const start = performance.now();
 6 | 
 7 |     try {
 8 |       await new Promise((resolve, reject) => {
 9 |         const socket = new WebSocket(server.url);
10 | 
11 |         socket.onopen = () => {
12 |           const end = performance.now();
13 |           console.log(`Connected to ${server.url} in ${end - start}ms`);
14 |           const data = {
15 |             server: server,
16 |             time: end - start,
17 |           };
18 |           wispData.push(data);
19 |           socket.close();
20 |           resolve(null);
21 |         };
22 | 
23 |         socket.onerror = (error) => {
24 |           reject(error);
25 |         };
26 |       });
27 |     } catch (error) {
28 |       console.error(`Failed to connect to ${server.url}`, error);
29 |     }
30 |   }
31 | 
32 |   if (wispData.length === servers.length) {
33 |     return wispData;
34 |   } else {
35 |     throw new Error("Failed to connect to all servers");
36 |   }
37 | }
38 | 
39 | window.wispData = await testWispServers([
40 |   {
41 |     url: "wss://aluu.xyz/wisp/",
42 |   },
43 |   {
44 |     url: "wss://nebulaproxy.io/wisp/",
45 |   },
46 | ]);
47 | 
48 | console.log(window.wispData);
49 | 


--------------------------------------------------------------------------------
/src/components/ts/marketplace.ts:
--------------------------------------------------------------------------------
  1 | import marketplaceManifest from "../../json/marketplace.json";
  2 | import IDBManager, { loadIDBPromise } from "./IDBManager";
  3 | import Toast from "./toast";
  4 | const installButtons = document.getElementsByClassName("btn-install");
  5 | 
  6 | const extManifest = marketplaceManifest as ExtensionMetadataJSON;
  7 | 
  8 | const EXT_RETURN = {
  9 |   INSTALL_FAILED: -1,
 10 |   INSTALL_SUCCESS: 0,
 11 |   ALREADY_INSTALLED: 1,
 12 | }
 13 | 
 14 | Array.from(installButtons).forEach((btn) => {
 15 |   btn.addEventListener("click", async (event) => {
 16 |     const ele = event.target as HTMLButton;
 17 |     const title = ele.dataset.title;
 18 |     if (ele.dataset.slug) {
 19 |       const ext = await getMarketplaceExt(ele.dataset.slug);
 20 |       const install = await installExtension(ext, ele.dataset.slug)
 21 |       switch (install.code) {
 22 |         case EXT_RETURN.INSTALL_SUCCESS:
 23 |           Toast.success(`Installed ${title} Successfully!`);
 24 |           if (ext.type === "serviceWorker") {
 25 |             navigator.serviceWorker.getRegistration().then((reg) => {
 26 |               if (reg) {
 27 |                 // Unregister the SW so that the installed plugin is loaded when the page is refreshed (automatically)
 28 |                 reg.unregister();
 29 |               }
 30 |             });
 31 |           }
 32 |           break;
 33 |         case EXT_RETURN.ALREADY_INSTALLED:
 34 |           Toast.success(`${title} is already installed!`);
 35 |           break;
 36 |         case EXT_RETURN.INSTALL_FAILED:
 37 |           Toast.error(`Failed to install ${title}!`);
 38 |       }
 39 |       setTimeout(() => {
 40 |         window.location.reload();
 41 |       }, 1500);
 42 |       const btn = document.querySelector(`button[data-slug="${install.slug}"]`) as HTMLButton;
 43 |       setInstallBtnText(btn);
 44 |     }
 45 |   });
 46 | });
 47 | 
 48 | async function getMarketplaceExt(slug: string) {
 49 |   const manifest = extManifest[slug];
 50 |   if (manifest == null) {
 51 |     throw new Error("Extension not found!");
 52 |   }
 53 |   // This is for the scriptCopy field, which is a uint8 array of the script
 54 |   const contents = await fetch(manifest.script).then((res) => res.text());
 55 |   const encoder = new TextEncoder();
 56 |   manifest.scriptCopy = encoder.encode(contents);
 57 |   return manifest;
 58 | }
 59 | 
 60 | async function installExtension(ext: ExtensionMetadata, slug: string) {
 61 |   return new Promise<InstallReturn>((resolve, reject) => {
 62 |     const request = IDBManager.GetIDB();
 63 |     const transaction = request.transaction("InstalledExtensions", "readwrite");
 64 |     const store = transaction.objectStore("InstalledExtensions");
 65 |     const extensionObject = {
 66 |       slug: slug,
 67 |       ...ext,
 68 |     };
 69 |     const slugCheck = store.get(slug);
 70 |     slugCheck.onsuccess = () => {
 71 |       if (slugCheck.result == null) {
 72 |         const addRequest = store.add(extensionObject);
 73 |         addRequest.onerror = () => {
 74 |           console.error(`Error installing ${slug}!`);
 75 |           reject({ code: EXT_RETURN.INSTALL_FAILED, slug: slug });
 76 |         };
 77 |         addRequest.onsuccess = () => {
 78 |           resolve({ code: EXT_RETURN.INSTALL_SUCCESS, slug: slug });
 79 |         };
 80 |       } else {
 81 |         resolve({ code: EXT_RETURN.ALREADY_INSTALLED, slug: slug });
 82 |       }
 83 |     };
 84 |   });
 85 | }
 86 | 
 87 | function addUninstallEventListeners() {
 88 |   document.querySelectorAll("button[data-uninstall-slug]").forEach((btn) => {
 89 |     btn.addEventListener("click", async (event) => {
 90 |       if (!confirm("Are you sure you want to uninstall this extension?")) {
 91 |         return;
 92 |       }
 93 |       const button = event.target as HTMLButton;
 94 |       const uninst = await uninstallExtension(button.dataset.uninstallSlug!);
 95 |       switch (uninst.code) {
 96 |         case EXT_RETURN.INSTALL_SUCCESS:
 97 |           Toast.success(`Uninstalled ${uninst.title}!`);
 98 |           const btn = document.querySelector(`button[data-slug="${uninst.slug}"]`) as HTMLButton;
 99 |           btn.disabled = false;
100 |           btn.textContent = "Install";
101 |           btn.classList.remove("installed");
102 |           (event.target as HTMLButton).classList.add("btn-hidden");
103 |           break;
104 |         case EXT_RETURN.INSTALL_FAILED:
105 |           Toast.error(`Failed to uninstall ${uninst.title}!`);
106 |           break;
107 |       }
108 |       setTimeout(() => {
109 |         window.location.reload();
110 |       }, 2000);
111 |     });
112 |   });
113 | }
114 | 
115 | addUninstallEventListeners();
116 | document.addEventListener("astro:after-swap", () => {
117 |   addUninstallEventListeners();
118 | });
119 | 
120 | async function uninstallExtension(slug: string): Promise<InstallReturn> {
121 |   return new Promise<InstallReturn>((resolve, reject) => {
122 |     if (!slug || slug == null) {
123 |       reject({ code: EXT_RETURN.INSTALL_FAILED, slug: slug });
124 |     }
125 |     const request = IDBManager.GetIDB();
126 |     const transaction = request.transaction("InstalledExtensions", "readwrite");
127 |     const store = transaction.objectStore("InstalledExtensions");
128 | 
129 |     const ext = store.get(slug);
130 |     ext.onsuccess = async () => {
131 |       if (ext.result == null) {
132 |         reject({ code: EXT_RETURN.INSTALL_FAILED, slug: slug });
133 |       }
134 |       if (ext.result.type === "theme") {
135 |         const theme = Pyrus.store.get("theme");
136 |         if (theme.value == ext.result.themeName) {
137 |           Pyrus.store.reset("theme");
138 |         }
139 |       }
140 |       const deleteRequest = store.delete(slug);
141 |       deleteRequest.onerror = () => {
142 |         console.error(`Error uninstalling ${slug}!`);
143 |         reject({ code: EXT_RETURN.INSTALL_FAILED, slug: slug, title: slug });
144 |       };
145 |       deleteRequest.onsuccess = () => {
146 |         navigator.serviceWorker.getRegistration().then((reg) => {
147 |           if (reg) {
148 |             reg.unregister().then(() => {
149 |               console.log("Service worker unregistered!");
150 |             });
151 |           }
152 |         });
153 |         resolve({ code: EXT_RETURN.INSTALL_SUCCESS, slug: slug, title: ext.result.title });
154 |       };
155 |     };
156 |   });
157 | }
158 | 
159 | function setInstallBtnText(btn: HTMLButton) {
160 |   btn.disabled = true;
161 |   btn.textContent = "Installed";
162 |   btn.classList.add("installed");
163 | }
164 | 
165 | function getInstallStatus() {
166 |   const installBtns = document.querySelectorAll("button[data-slug]");
167 |   const transaction = IDBManager.GetStore("InstalledExtensions", "readonly").transaction;
168 |   const store = transaction.objectStore("InstalledExtensions");
169 |   const cursor = store.openCursor();
170 |   cursor.onsuccess = () => {
171 |     const res = cursor.result;
172 |     if (res) {
173 |       const slug = res.value.slug;
174 |       installBtns.forEach((btn) => {
175 |         const button = btn as HTMLButton;
176 |         if (button.dataset.slug == slug) {
177 |           setInstallBtnText(button);
178 |           document.querySelector(`button[data-uninstall-slug="${slug}"]`)!.classList.remove("btn-hidden");
179 |         }
180 |       });
181 |       res.continue();
182 |     }
183 |   };
184 | }
185 | 
186 | async function InitIDB() {
187 |   if (!window.indexedDB) {
188 |     console.error("This browser doesn't support IndexedDB");
189 |     document.getElementById("support-warning")!.innerText = "Your browser doesn't support IndexedDB. Please use a different browser!";
190 |     return;
191 |   }
192 |   await loadIDBPromise("PyrusDB", 1);
193 |   if (IDBManager.GetIDB() != null) {
194 |     getInstallStatus();
195 |     return;
196 |   }
197 | }
198 | InitIDB();
199 | 
200 | document.addEventListener("astro:after-swap", async () => {
201 |   InitIDB();
202 | });
203 | 


--------------------------------------------------------------------------------
/src/components/ts/toast.ts:
--------------------------------------------------------------------------------
 1 | import "notyf/notyf.min.css";
 2 | import { Notyf, NotyfNotification } from "notyf";
 3 | 
 4 | export default class Toast {
 5 |   private static notyf = new Notyf({
 6 |     duration: 999999,
 7 |     position: { x: "right", y: "bottom" },
 8 |     dismissible: true,
 9 |     ripple: true,
10 |   });
11 | 
12 |   public static get(): Notyf {
13 |     return this.notyf;
14 |   }
15 | 
16 |   public static setDuration(duration: number) {
17 |     this.notyf.options.duration = duration;
18 |   }
19 | 
20 |   public static success(message: string) {
21 |     return this.notyf.success(message);
22 |   }
23 | 
24 |   public static error(message: string) {
25 |     return this.notyf.error(message);
26 |   }
27 | 
28 |   public static info(message: string) {
29 |     return this.notyf.open({
30 |       type: "info",
31 |       message: message,
32 |     });
33 |   }
34 | 
35 |   public static dismiss(toast: NotyfNotification) {
36 |     this.notyf.dismiss(toast);
37 |   }
38 | }


--------------------------------------------------------------------------------
/src/i18n/locale/en.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "ultraviolet": "Ultraviolet",
 3 | 
 4 |   "pages.home": "Home | Pyrus",
 5 |   "pages.games": "Games | Pyrus",
 6 |   "pages.settings": "Settings | Pyrus",
 7 | 
 8 |   "nav.brand": "Pyrus",
 9 |   "nav.games": "Games",
10 |   "nav.settings": "Settings",
11 | 
12 |   "menu.welcome": "Welcome to Pyrus",
13 |   "menu.search": "Search the web...",
14 | 
15 |   "faq.title": "Frequently Asked Questions",
16 | 
17 |   "faq.whatIsAProxy": "What is a proxy?",
18 |   "faq.whatIsAProxy.answer": "A proxy is a method of making your internet traffic anonymous by sending your request to a server (proxy), having that make the request, and then send it back to you! This allows for a much larger level of security, as well as bypassing website restrictions in public spaces and censorship.",
19 | 
20 |   "faq.noBareClients": "What does \"there are no bare clients\" mean?",
21 |   "faq.noBareClients.answer": "There are a couple reasons this particular error happens, but it's most commonly an issue with the proxy failing to load. Please reload the page, and if the problem persists, make a GitHub issue!",
22 | 
23 |   "faq.contributeToPyrus": "How can I contribute to Pyrus?",
24 |   "faq.contributeToPyrus.answer.segment1": "Spreading the word of Pyrus is a great start, but if you really enjoy Pyrus, and want private links, consider supporting me through Patreon! ",
25 |   "faq.contributeToPyrus.answer.patreonLinkText": " You can support me here!",
26 |   "faq.contributeToPyrus.answer.segment2": " Thank you for helping to make Pyrus great!",
27 | 
28 |   "footer.brand": "Pyrus",
29 |   "footer.madeWithLove": "Made with ❤️ by wearr",
30 |   "footer.poweredBy": "Titanium Network",
31 |   "footer.services": "Services",
32 |   "footer.socials": "Socials",
33 |   "footer.aluProject": "Pyrus Project",
34 | 
35 |   "games.title": "Games",
36 |   "games.search": "Search...",
37 | 
38 |   "settings.title": "Settings",
39 |   "settings.proxy": "Proxy",
40 |   "settings.proxy.auto": "Auto",
41 |   "settings.proxy.selectedProxy": "Selected Proxy",
42 |   "settings.proxy.searchEngine": "Search Engine",
43 |   "settings.proxy.openPageWith": "Open With",
44 |   "settings.proxy.openPageWith.embed": "Embed",
45 |   "settings.proxy.openPageWith.newTab": "New Tab",
46 |   "settings.proxy.searxngURL": "Searx URL",
47 |   "settings.proxy.transport": "Transport",
48 |   "settings.proxy.wispURL": "Wisp URL",
49 |   "settings.proxy.bareURL": "Bare URL",
50 | 
51 |   "settings.customization": "Customization",
52 |   "settings.customization.theme": "Theme",
53 |   "settings.customization.theme.Pyrus": "Pyrus",
54 |   "settings.customization.theme.Macchiato": "Macchiato",
55 |   "settings.customization.theme.Mocha": "Mocha",
56 |   "settings.customization.language": "Language",
57 | 
58 |   "settings.cloaking": "Cloaking",
59 |   "settings.cloaking.subtext": "Change how your tab looks",
60 |   "settings.cloaking.updateCloak": "Update Cloak",
61 | 
62 |   "settings.credits": "Credits",
63 |   "settings.credits.catppuccin": "Catppuccin",
64 |   "settings.credits.esTranslations": "Spanish Translations",
65 |   "settings.credits.frTranslations": "French Translations",
66 |   "settings.credits.jpTranslations": "Japanese Translations",
67 |   "settings.credits.ptTranslations": "Portuguese Translations",
68 |   "settings.credits.ruTranslations": "Russian Translations",
69 |   "settings.credits.zhTranslations": "Chinese Translations"
70 | }
71 | 


--------------------------------------------------------------------------------
/src/i18n/locale/es.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "ultraviolet": "Ultravioleta",
 3 | 
 4 |   "pages.home": "Inicio | Pyrus",
 5 |   "pages.games": "Juegos | Pyrus",
 6 |   "pages.settings": "Configuración | Pyrus",
 7 | 
 8 |   "nav.brand": "Pyrus",
 9 |   "nav.games": "Juegos",
10 |   "nav.settings": "Ajustes",
11 | 
12 |   "menu.welcome": "Bienvenido a Pyrus",
13 |   "menu.search": "Buscar en la web...",
14 | 
15 |   "faq.title": "Preguntas frecuentes",
16 | 
17 |   "faq.whatIsAProxy": "¿Qué es un proxy?",
18 |   "faq.whatIsAProxy.answer": "Un proxy es un método para hacer que su tráfico de Internet sea anónimo enviando su solicitud a un servidor (proxy), haciendo que haga la solicitud y luego se la envíe de vuelta. Esto permite un nivel de seguridad mucho mayor, así como eludir las restricciones del sitio web en espacios públicos y la censura",
19 | 
20 |   "faq.noBareClients": "¿Qué significa \"there are no bare clients\"?",
21 |   "faq.noBareClients.answer": "Hay un par de razones por las que ocurre este error en particular, pero lo más común es que sea un problema con el proxy que no se carga. Por favor, vuelva a cargar la página y, si el problema persiste, ¡haga un problema de GitHub!",
22 | 
23 |   "faq.contributeToPyrus": "¿Cómo puedo contribuir a Pyrus?",
24 |   "faq.contributeToPyrus.answer.segment1": "Correr la voz de Pyrus es un gran comienzo, pero si realmente disfrutas de Pyrus y quieres enlaces privados, ¡considera apoyarme a través de Patreon!",
25 |   "faq.contributeToPyrus.answer.patreonLinkText": "¡Puedes apoyarme aquí!",
26 |   "faq.contributeToPyrus.answer.segment2": "¡Gracias por ayudar a hacer que Pyrus sea genial!",
27 | 
28 |   "footer.brand": "Pyrus",
29 |   "footer.madeWithLove": "Hecho con ❤️ por el usuario",
30 |   "footer.poweredBy": "Titanium Network",
31 |   "footer.services": "Servicios",
32 |   "footer.socials": "Sociales",
33 |   "footer.aluProject": "Proyecto Pyrus",
34 | 
35 |   "games.title": "Juegos",
36 |   "games.search": "Buscar...",
37 | 
38 |   "settings.title": "Ajustes",
39 |   "settings.proxy": "Proxy",
40 |   "settings.proxy.auto": "Auto",
41 |   "settings.proxy.selectedProxy": "Proxy seleccionado",
42 |   "settings.proxy.searchEngine": "Motor de búsqueda",
43 |   "settings.proxy.openPageWith": "Abrir con",
44 |   "settings.proxy.openPageWith.embed": "Incrustar",
45 |   "settings.proxy.openPageWith.newTab": "Nueva pestaña",
46 |   "settings.proxy.searxngURL": "URL de Searx",
47 |   "settings.proxy.transport": "Transporte",
48 |   "settings.proxy.wispURL": "URL de Wisp",
49 |   "settings.proxy.bareURL": "URL de Bare Server",
50 | 
51 |   "settings.customization": "Personalización",
52 |   "settings.customization.theme": "Tema",
53 |   "settings.customization.theme.Pyrus": "Pyrus",
54 |   "settings.customization.theme.Macchiato": "Macchiato",
55 |   "settings.customization.theme.Mocha": "Mocha",
56 |   "settings.customization.language": "Idioma",
57 | 
58 |   "settings.cloaking": "Encubrimiento",
59 |   "settings.cloaking.subtext": "Cambia el aspecto de tu pestaña",
60 |   "settings.cloaking.updateCloak": "Capa de actualización",
61 | 
62 |   "settings.credits": "Créditos",
63 |   "settings.credits.catppuccin": "Catppuccin",
64 |   "settings.credits.esTranslations": "Traducciones al español",
65 |   "settings.credits.frTranslations": "Traducciones al francés",
66 |   "settings.credits.jpTranslations": "Traducciones al japonés",
67 |   "settings.credits.ptTranslations": "Traducciones al portugués",
68 |   "settings.credits.ruTranslations": "Traducciones al ruso",
69 |   "settings.credits.zhTranslations": "Traducciones al chino"
70 | }
71 | 


--------------------------------------------------------------------------------
/src/i18n/locale/fr.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "ultraviolet": "Ultraviolet",
 3 | 
 4 |   "pages.home": "Page d'accueil | Pyrus",
 5 |   "pages.games": "Jeux | Pyrus",
 6 |   "pages.settings": "Préferences | Pyrus",
 7 | 
 8 |   "nav.brand": "Pyrus",
 9 |   "nav.games": "Jeux",
10 |   "nav.settings": "Préferences",
11 | 
12 |   "menu.welcome": "Bienvenue à Pyrus",
13 |   "menu.search": "Réchercher sur le web...",
14 | 
15 |   "faq.title": "Questions fréquemment posées",
16 | 
17 |   "faq.whatIsAProxy": "C'est quoi un proxy?",
18 |   "faq.whatIsAProxy.answer": "Un proxy est une méthode qui te permette de rendre ton trafic d'internet anonyme en envoyant votre trafic a un serveur (le proxy) et fait la demande pour toi et te renvoye led resultats. Cela permet un niveau de sécurité beaucoup plus élevé, et vous permet d'éviter les restrictions des sites web dans les espaces publics.",
19 | 
20 |   "faq.noBareClients": "Que veut dire \"there are no bare clients.\"?",
21 |   "faq.noBareClients.answer": "Il y a des different causes pour cette erreur, mais c'est souvent à cause d'un erreur avec le proxy. Veuillez recharger la page, et si tu rencontre cette erreur encore, créez un problème sur GitHub!",
22 | 
23 |   "faq.contributeToPyrus": "Comment est-ce-que je peux contribuer à Pyrus?",
24 |   "faq.contributeToPyrus.answer.segment1": "Parler à propos Pyrus est un bon début, mais si vous appréciez vraiment Pyrus et veux l'accès aux liens privés pensez à me soutenir avec Patreon.",
25 |   "faq.contributeToPyrus.answer.patreonLinkText": "Vous pouvez me soutenir ici!",
26 |   "faq.contributeToPyrus.answer.segment2": "Merci d'aider à faire Pyrus génial!",
27 | 
28 |   "footer.brand": "Pyrus",
29 |   "footer.madeWithLove": "Crée avec ❤️ par wearr",
30 |   "footer.poweredBy": "Titanium Network",
31 |   "footer.services": "Services",
32 |   "footer.socials": "Réseaux Sociaux",
33 |   "footer.aluProject": "le Projet Pyrus",
34 | 
35 |   "games.title": "Jeux",
36 |   "games.search": "Rechercher...",
37 | 
38 |   "settings.title": "Préferences",
39 |   "settings.proxy": "Proxy",
40 |   "settings.proxy.auto": "Automatique",
41 |   "settings.proxy.selectedProxy": "Proxy Choisi",
42 |   "settings.proxy.searchEngine": "Moteur de Recherche",
43 |   "settings.proxy.openPageWith": "Ouvrir Avec",
44 |   "settings.proxy.openPageWith.embed": "Intégration",
45 |   "settings.proxy.openPageWith.newTab": "Nouvelle Fenêtre",
46 |   "settings.proxy.searxngURL": "URL de Searx",
47 |   "settings.proxy.transport": "Transport",
48 |   "settings.proxy.wispURL": "URL de Wisp",
49 |   "settings.proxy.bareURL": "URL de serveur Bare",
50 | 
51 |   "settings.customization": "Personnalisation",
52 |   "settings.customization.theme": "Thème",
53 |   "settings.customization.theme.Pyrus": "Pyrus",
54 |   "settings.customization.theme.Macchiato": "Macchiato",
55 |   "settings.customization.theme.Mocha": "Moka",
56 |   "settings.customization.language": "Langue",
57 | 
58 |   "settings.cloaking": "Déguiser",
59 |   "settings.cloaking.subtext": "Changez l'apparence de votre fenêtre",
60 |   "settings.cloaking.updateCloak": "Mettre à jour le déguise",
61 |   "settings.credits": "Crédits",
62 |   "settings.credits.catppuccin": "Catppuccin",
63 |   "settings.credits.esTranslations": "Traductions Espagnoles",
64 |   "settings.credits.frTranslations": "Traductions Françaises",
65 |   "settings.credits.jpTranslations": "Traductions Japonais",
66 |   "settings.credits.ptTranslations": "Traductions Portugaises",
67 |   "settings.credits.ruTranslations": "Traductions Russes",
68 |   "settings.credits.zhTranslations": "Traductions Chinoises"
69 | }
70 | 


--------------------------------------------------------------------------------
/src/i18n/locale/jp.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "ultraviolet": "Ultraviolet",
 3 | 
 4 |   "pages.home": "ホーム | Pyrus",
 5 |   "pages.games": "ゲーム | Pyrus",
 6 |   "pages.settings": "設定 | Pyrus",
 7 | 
 8 |   "nav.brand": "Pyrus",
 9 |   "nav.games": "ゲーム",
10 |   "nav.settings": "設定",
11 | 
12 |   "menu.welcome": "Pyrusへようこそ",
13 |   "menu.search": "検索",
14 | 
15 |   "faq.title": "よくある質問",
16 | 
17 |   "faq.whatIsAProxy": "プロキシとは",
18 |   "faq.whatIsAProxy.answer": "プロキシは、インターネットを接続する際に、ネットワークの内部から外部へのアクセスを代理で行うシステムのことです。ウェブサイトにアクセスする際に自分のIPアドレスを隠すことができます。",
19 | 
20 |   "faq.noBareClients": "エラー「there are no bare clients.」とは",
21 |   "faq.noBareClients.answer": "このエラーは、通常はプロキシのロードに失敗したことを意味します。ページをリロードするか、GitHubで問題を作成してください。",
22 | 
23 |   "faq.contributeToPyrus": "貢献をするには",
24 |   "faq.contributeToPyrus.answer.segment1": "Pyrus を広めることは素晴らしいことです。プライベートリンクが必要な場合は、Patreon を通じて私をサポートすることを検討してください。",
25 |   "faq.contributeToPyrus.answer.patreonLinkText": "ここで私に貢献できます",
26 |   "faq.contributeToPyrus.answer.segment2": "Pyrusに貢献していただきありがとうございます。",
27 | 
28 |   "footer.brand": "Pyrus",
29 |   "footer.madeWithLove": "wearrによる❤️で作られました",
30 |   "footer.poweredBy": "Titanium Network",
31 |   "footer.services": "サービス",
32 |   "footer.socials": "ソーシャル",
33 |   "footer.aluProject": "Pyrus Project",
34 | 
35 |   "games.title": "ゲーム",
36 |   "games.search": "検索...",
37 | 
38 |   "settings.title": "設定",
39 |   "settings.proxy": "プロキシ",
40 |   "settings.proxy.auto": "自動",
41 |   "settings.proxy.selectedProxy": "選択したプロキシ",
42 |   "settings.proxy.searchEngine": "検索エンジン",
43 |   "settings.proxy.openPageWith": "開く",
44 |   "settings.proxy.openPageWith.embed": "埋め込み",
45 |   "settings.proxy.openPageWith.newTab": "新しいタブ",
46 |   "settings.proxy.searxngURL": "Searx URL",
47 |   "settings.proxy.transport": "Transport",
48 |   "settings.proxy.wispURL": "Wisp URL",
49 |   "settings.proxy.bareURL": "Bare URL",
50 | 
51 |   "settings.customization": "カスタマイズ",
52 |   "settings.customization.theme": "テーマ",
53 |   "settings.customization.theme.Pyrus": "Pyrus",
54 |   "settings.customization.theme.Macchiato": "マキアート",
55 |   "settings.customization.theme.Mocha": "モカ",
56 |   "settings.customization.language": "言語",
57 | 
58 |   "settings.cloaking": "クローキング",
59 |   "settings.cloaking.subtext": "タブの見た目を変更します",
60 |   "settings.cloaking.updateCloak": "クロークを更新",
61 | 
62 |   "settings.credits": "クレジット",
63 |   "settings.credits.catppuccin": "Catppuccin",
64 |   "settings.credits.esTranslations": "スペイン語翻訳",
65 |   "settings.credits.frTranslations": "フランス語翻訳",
66 |   "settings.credits.jpTranslations": "日本語翻訳",
67 |   "settings.credits.ptTranslations": "ポルトガル語翻訳",
68 |   "settings.credits.ruTranslations": "ロシア語翻訳",
69 |   "settings.credits.zhTranslations": "中国語翻訳"
70 | }
71 | 


--------------------------------------------------------------------------------
/src/i18n/locale/pt.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "ultraviolet": "Ultraviolet",
 3 | 
 4 |   "pages.home": "Página principal | Pyrus",
 5 |   "pages.games": "Jogos | Pyrus",
 6 |   "pages.settings": "Definições | Pyrus",
 7 | 
 8 |   "nav.brand": "Pyrus",
 9 |   "nav.games": "Jogos",
10 |   "nav.settings": "Definições",
11 | 
12 |   "menu.welcome": "Bem-vindo ao Pyrus",
13 |   "menu.search": "Pesquisar na internet...",
14 | 
15 |   "faq.title": "Perguntas frequentes",
16 | 
17 |   "faq.whatIsAProxy": "O que é um proxy?",
18 |   "faq.whatIsAProxy.answer": "Um proxy é um método de anonimizar o seu tráfego, enviando o seu pedido para um servidor (o proxy), o qual faz o pedido por si e envia-to de volta! Isto permite um nível de segurança muito mais elevado, como também permite contornar restrições sobre sites em redes públicas e a censura.",
19 | 
20 |   "faq.noBareClients": "O que significa \"there are no bare clients\"?",
21 |   "faq.noBareClients.answer": "Existem alguns motivos pelos quais este erro ocorre, mas geralmente deve-se a uma falha ao carregar o proxy. Tente recarregar a página e, caso o problema persiste, abra uma issue no GitHub!",
22 | 
23 |   "faq.contributeToPyrus": "Como posso contribuir para Pyrus?",
24 |   "faq.contributeToPyrus.answer.segment1": "Divulgar Pyrus é suficiente, mas, se gostares bastante do Pyrus e quiseres links privados, considera apoiar-me pelo Patreon!",
25 |   "faq.contributeToPyrus.answer.patreonLinkText": "Podes apoiar-me aqui!",
26 |   "faq.contributeToPyrus.answer.segment2": "Obrigado por ajudar a tornar o Pyrus excelente!",
27 | 
28 |   "footer.brand": "Pyrus",
29 |   "footer.madeWithLove": "Feito com ❤️ por wearr",
30 |   "footer.poweredBy": "Titanium Network",
31 |   "footer.services": "Serviços",
32 |   "footer.socials": "Redes sociais",
33 |   "footer.aluProject": "Projeto Pyrus",
34 | 
35 |   "games.title": "Jogos",
36 |   "games.search": "Pesquisa...",
37 | 
38 |   "settings.title": "Definições",
39 |   "settings.proxy": "Proxy",
40 |   "settings.proxy.auto": "Auto",
41 |   "settings.proxy.selectedProxy": "Proxy selecionado",
42 |   "settings.proxy.searchEngine": "Motor de busca",
43 |   "settings.proxy.openPageWith": "Abrir com",
44 |   "settings.proxy.openPageWith.embed": "Incorporar",
45 |   "settings.proxy.openPageWith.newTab": "Nova aba",
46 |   "settings.proxy.searxngURL": "Searx URL",
47 |   "settings.proxy.transport": "Transporte",
48 |   "settings.proxy.wispURL": "Wisp URL",
49 |   "settings.proxy.bareURL": "Bare URL",
50 | 
51 |   "settings.customization": "Customização",
52 |   "settings.customization.theme": "Tema",
53 |   "settings.customization.theme.Pyrus": "Pyrus",
54 |   "settings.customization.theme.Macchiato": "Macchiato",
55 |   "settings.customization.theme.Mocha": "Mocha",
56 |   "settings.customization.language": "Idioma",
57 | 
58 |   "settings.cloaking": "Camuflagem",
59 |   "settings.cloaking.subtext": "Alterar a aparência da sua aba",
60 |   "settings.cloaking.updateCloak": "Alterar camuflagem",
61 | 
62 |   "settings.credits": "Créditos",
63 |   "settings.credits.catppuccin": "Catppuccin",
64 |   "settings.credits.esTranslations": "Traduções espanholas",
65 |   "settings.credits.frTranslations": "Traduções francesas",
66 |   "settings.credits.jpTranslations": "Traduções japonesas",
67 |   "settings.credits.ptTranslations": "Traduções portuguesas",
68 |   "settings.credits.ruTranslations": "Traduções russas",
69 |   "settings.credits.zhTranslations": "Traduções chinesas"
70 | }
71 | 


--------------------------------------------------------------------------------
/src/i18n/locale/ru.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "ultraviolet": "Ultraviolet",
 3 | 
 4 |   "pages.home": "Дом | Pyrus",
 5 |   "pages.games": "Игры | Pyrus",
 6 |   "pages.settings": "Настройки | Pyrus",
 7 | 
 8 |   "nav.brand": "Pyrus",
 9 |   "nav.games": "Игры",
10 |   "nav.settings": "Настройки",
11 | 
12 |   "menu.welcome": "Добро пожаловать в Pyrus",
13 |   "menu.search": "Искать в Интернете...",
14 | 
15 |   "faq.title": "Часто задаваемые вопросы",
16 | 
17 |   "faq.whatIsAProxy": "Что такое прокси?",
18 |   "faq.whatIsAProxy.answer": "Прокси-сервер - это способ сделать ваш интернет-трафик анонимным, отправляя запрос на сервер (прокси), который выполняет запрос и затем отправляет его обратно вам! Это позволяет обеспечить гораздо более высокий уровень безопасности, а также обойти ограничения на доступ к веб-сайтам в общественных местах и цензуру.",
19 | 
20 |   "faq.noBareClients": "Что значит \"there are no bare clients.\"?",
21 |   "faq.noBareClients.answer": "Есть несколько причин, по которым возникает эта ошибка, но чаще всего она связана с тем, что прокси не загружается. Пожалуйста, перезагрузите страницу, и если проблема не исчезнет, создайте проблему на GitHub!",
22 | 
23 |   "faq.contributeToPyrus": "Как я могу внести свой вклад в развитие Pyrus?",
24 |   "faq.contributeToPyrus.answer.segment1": "Распространение информации об Pyrus - отличное начало, но если вам действительно нравится Pyrus и нужны закрытые ссылки, поддержите меня через Patreon!",
25 |   "faq.contributeToPyrus.answer.patreonLinkText": "Вы можете поддержать меня здесь!",
26 |   "faq.contributeToPyrus.answer.segment2": "Спасибо, что помогаете делать Pyrus великой!",
27 | 
28 |   "footer.brand": "Pyrus",
29 |   "footer.madeWithLove": "Сделано с ❤️ by wearr",
30 |   "footer.poweredBy": "Titanium Network",
31 |   "footer.services": "Услуги",
32 |   "footer.socials": "Соцсети",
33 |   "footer.aluProject": "Проект Pyrus",
34 | 
35 |   "games.title": "Игры",
36 |   "games.search": "Поиск...",
37 | 
38 |   "settings.title": "Настройки",
39 |   "settings.proxy": "Прокси",
40 |   "settings.proxy.auto": "Авто",
41 |   "settings.proxy.selectedProxy": "Выбранный прокси",
42 |   "settings.proxy.searchEngine": "Поисковая система",
43 |   "settings.proxy.openPageWith": "Открыть с",
44 |   "settings.proxy.openPageWith.embed": "Встроить",
45 |   "settings.proxy.openPageWith.newTab": "Новая вкладка",
46 |   "settings.proxy.searxngURL": "Searx URL",
47 |   "settings.proxy.transport": "Транспорт",
48 |   "settings.proxy.wispURL": "Wisp URL",
49 |   "settings.proxy.bareURL": "Bare URL",
50 | 
51 |   "settings.customization": "Настройка",
52 |   "settings.customization.theme": "Тема",
53 |   "settings.customization.theme.Pyrus": "Pyrus",
54 |   "settings.customization.theme.Macchiato": "Macchiato",
55 |   "settings.customization.theme.Mocha": "Mocha",
56 |   "settings.customization.language": "Язык",
57 | 
58 |   "settings.cloaking": "Маскировка",
59 |   "settings.cloaking.subtext": "Измените внешний вид своей вкладки",
60 |   "settings.cloaking.updateCloak": "Обновить плащ",
61 | 
62 |   "settings.credits": "Кредиты",
63 |   "settings.credits.catppuccin": "Catppuccin",
64 |   "settings.credits.esTranslations": "Испанские переводы",
65 |   "settings.credits.frTranslations": "Французские переводы",
66 |   "settings.credits.jpTranslations": "Японские переводы",
67 |   "settings.credits.ptTranslations": "Португальские переводы",
68 |   "settings.credits.ruTranslations": "Русские переводы",
69 |   "settings.credits.zhTranslations": "Китайские переводы"
70 | }
71 | 


--------------------------------------------------------------------------------
/src/i18n/locale/zh.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "ultraviolet": "Ultraviolet",
 3 | 
 4 |   "pages.home": "家 | Pyrus",
 5 |   "pages.games": "游戏 | Pyrus",
 6 |   "pages.settings": "设置 | Pyrus",
 7 | 
 8 |   "nav.brand": "Pyrus",
 9 |   "nav.games": "游戏",
10 |   "nav.settings": "设置",
11 | 
12 |   "menu.welcome": "欢迎来到 Pyrus",
13 |   "menu.search": "搜索网络...",
14 | 
15 |   "faq.title": "常见问题解答",
16 | 
17 |   "faq.whatIsAProxy": "什么是代理？",
18 |   "faq.whatIsAProxy.answer": "代理是一种匿名上网的方法，它通过将您的请求发送到服务器（代理），让服务器发出请求，然后将其发送回给您！这可以提供更高级别的安全性，并绕过公共场所的网站限制和审查。",
19 | 
20 |   "faq.noBareClients": "\"there are no bare clients.\"是什么意思？",
21 |   "faq.noBareClients.answer": "发生此特定错误的原因有多种，但最常见的原因是代理加载失败。请重新加载页面，如果问题仍然存在，请提交 GitHub 问题！",
22 | 
23 |   "faq.contributeToPyrus": "我能为 Pyrus 做出什么贡献？",
24 |   "faq.contributeToPyrus.answer.segment1": "传播 Pyrus 的消息是一个很好的开始，但如果您真的喜欢 Pyrus，并且想要私人链接，请考虑通过 Patreon 支持我！",
25 |   "faq.contributeToPyrus.answer.patreonLinkText": "您可以在这里支持我！",
26 |   "faq.contributeToPyrus.answer.segment2": "感谢您帮助 Pyrus 变得伟大！",
27 | 
28 |   "footer.brand": "Pyrus",
29 |   "footer.madeWithLove": "由 wearr 用❤️制作",
30 |   "footer.poweredBy": "Titanium Network",
31 |   "footer.services": "服务",
32 |   "footer.socials": "社交",
33 |   "footer.aluProject": "Pyrus 项目",
34 | 
35 |   "games.title": "游戏",
36 |   "games.search": "搜索...",
37 | 
38 |   "settings.title": "设置",
39 |   "settings.proxy": "代理人",
40 |   "settings.proxy.auto": "汽车",
41 |   "settings.proxy.selectedProxy": "选定代理",
42 |   "settings.proxy.searchEngine": "搜索引擎",
43 |   "settings.proxy.openPageWith": "打开用",
44 |   "settings.proxy.openPageWith.embed": "嵌入",
45 |   "settings.proxy.openPageWith.newTab": "新标签",
46 |   "settings.proxy.searxngURL": "Searx 网址",
47 |   "settings.proxy.transport": "运输",
48 |   "settings.proxy.wispURL": "Wisp 网址",
49 |   "settings.proxy.bareURL": "Bare 网址",
50 | 
51 |   "settings.customization": "定制",
52 |   "settings.customization.theme": "主题",
53 |   "settings.customization.theme.Pyrus": "Pyrus",
54 |   "settings.customization.theme.Macchiato": "Macchiato",
55 |   "settings.customization.theme.Mocha": "Mocha",
56 |   "settings.customization.language": "语言",
57 | 
58 |   "settings.cloaking": "隐形",
59 |   "settings.cloaking.subtext": "更改标签的外观",
60 |   "settings.cloaking.updateCloak": "更新斗篷",
61 | 
62 |   "settings.credits": "致谢",
63 |   "settings.credits.catppuccin": "Catppuccin",
64 |   "settings.credits.esTranslations": "西班牙语翻译",
65 |   "settings.credits.frTranslations": "法语翻译",
66 |   "settings.credits.jpTranslations": "日语翻译",
67 |   "settings.credits.ptTranslations": "葡萄牙语翻译",
68 |   "settings.credits.ruTranslations": "俄语翻译",
69 |   "settings.credits.zhTranslations": "中文翻译"
70 | }
71 | 


--------------------------------------------------------------------------------
/src/i18n/ui.ts:
--------------------------------------------------------------------------------
 1 | import en from "./locale/en.json";
 2 | import es from "./locale/es.json";
 3 | import fr from "./locale/fr.json";
 4 | import jp from "./locale/jp.json";
 5 | import pt from "./locale/pt.json";
 6 | import ru from "./locale/ru.json";
 7 | import zh from "./locale/zh.json";
 8 | 
 9 | export const defaultLang = "en";
10 | 
11 | export const ui = {
12 |   en,
13 |   es,
14 |   fr,
15 |   jp,
16 |   pt,
17 |   ru,
18 |   zh,
19 | };
20 | 


--------------------------------------------------------------------------------
/src/i18n/utils.ts:
--------------------------------------------------------------------------------
 1 | import { ui, defaultLang } from "./ui";
 2 | 
 3 | type LanguageKeys = keyof typeof ui;
 4 | type TranslationKeys = keyof (typeof ui)[typeof defaultLang];
 5 | type StaticPath = { params: { lang: string } };
 6 | 
 7 | const STATIC_PATHS: StaticPath[] = [];
 8 | for (const lang in ui) {
 9 |   STATIC_PATHS.push({ params: { lang } });
10 | }
11 | 
12 | function getLangFromUrl(url: URL) {
13 |   const [, lang] = url.pathname.split("/");
14 |   if (lang in ui) return lang as keyof typeof ui;
15 |   return defaultLang;
16 | }
17 | 
18 | function inferLangUseTranslations(url: URL) {
19 |   const lang = getLangFromUrl(url);
20 |   return useTranslations(lang);
21 | }
22 | 
23 | function useTranslations(lang: LanguageKeys) {
24 |   return function t(translationKey: TranslationKeys) {
25 |     const key = ui[lang][translationKey];
26 |     if (key) return key;
27 |     else return ui[defaultLang][translationKey];
28 |   };
29 | }
30 | 
31 | export const i18n = { getLangFromUrl, useTranslations, inferLangUseTranslations };
32 | export { STATIC_PATHS };
33 | 


--------------------------------------------------------------------------------
/src/json/marketplace.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "dev.wearr.adblock": {
 3 |     "title": "Pyrus Adblocker",
 4 |     "description": "Pyrus Adblocker is the best adblocker for web proxy services. Blocking up to 97% of all trackers and ads.",
 5 |     "version": "0.1.0",
 6 |     "image": "/marketplace/adblock/banner.png",
 7 |     "script": "/marketplace/adblock/index.js",
 8 |     "type": "serviceWorker",
 9 |     "entryNamespace": "adblockExt",
10 |     "entryFunc": "filterRequest"
11 |   },
12 |   "dev.wearr.eruda": {
13 |     "title": "Eruda",
14 |     "description": "Eruda provides a complete inspect element experience for devices where it is not available.",
15 |     "version": "1.0.0",
16 |     "image": "/marketplace/eruda/banner.png",
17 |     "script": "/marketplace/eruda/eruda.js",
18 |     "type": "page",
19 |     "init": "eruda.init()"
20 |   },
21 |   "dev.wearr.oled-theme": {
22 |     "title": "OLED Theme",
23 |     "description": "A beautiful OLED theme for Pyrus.",
24 |     "version": "0.1.0",
25 |     "image": "/marketplace/oled-theme/theme.png",
26 |     "script": "/marketplace/oled-theme/theme.css",
27 |     "type": "theme",
28 |     "themeName": "oled"
29 |   },
30 |   "dev.wearr.dracula-theme": {
31 |     "title": "Dracula Theme",
32 |     "description": "A port of the Dracula theme for Pyrus.",
33 |     "version": "1.0.0",
34 |     "image": "/marketplace/dracula-theme/logo.svg",
35 |     "script": "/marketplace/dracula-theme/theme.css",
36 |     "type": "theme",
37 |     "themeName": "dracula"
38 |   },
39 |   "dev.wearr.nord-theme": {
40 |     "title": "Nord Theme",
41 |     "description": "A port of the Nord theme for Pyrus.",
42 |     "version": "1.0.0",
43 |     "image": "/marketplace/nord-theme/logo.png",
44 |     "script": "/marketplace/nord-theme/theme.css",
45 |     "type": "theme",
46 |     "themeName": "nord"
47 |   },
48 |   "dev.wearr.synthwave84": {
49 |     "title": "Synthwave '84",
50 |     "description": "A port of the Synthwave '84 theme for Pyrus.",
51 |     "version": "1.0.0",
52 |     "image": "/marketplace/synthwave84/logo.png",
53 |     "script": "/marketplace/synthwave84/theme.css",
54 |     "type": "theme",
55 |     "themeName": "synthwave84"
56 |   },
57 |   "dev.wearr.atom-one-dark": {
58 |     "title": "Atom One Dark",
59 |     "description": "A port of the Atom One Dark theme for Pyrus.",
60 |     "version": "1.0.0",
61 |     "image": "/marketplace/atom-one-dark/logo.png",
62 |     "script": "/marketplace/atom-one-dark/theme.css",
63 |     "type": "theme",
64 |     "themeName": "atom-one-dark"
65 |   }
66 | }
67 | 


--------------------------------------------------------------------------------
/src/layouts/Layout.astro:
--------------------------------------------------------------------------------
  1 | ---
  2 | 
  3 | 
  4 | import { ViewTransitions } from "astro:transitions";
  5 | import Header from "@components/UI/Header.astro";
  6 | import Footer from "@components/UI/Footer.astro";
  7 | import ThemeLoader from "@components/loaders/ThemeLoader.astro";
  8 | import CloakLoader from "@components/loaders/CloakLoader.astro";
  9 | import PageScriptLoader from "@components/loaders/PageScriptLoader.astro";
 10 | import WelcomeLogging from "@components/WelcomeLogging.astro";
 11 | import SchemaData from "@components/SchemaData.astro";
 12 | interface Props {
 13 |   title: string;
 14 |   optionalStylesheets?: string[];
 15 | }
 16 | 
 17 | const { title, optionalStylesheets } = Astro.props;
 18 | 
 19 | const DESCRIPTION =
 20 |   "Pyrus is a sleek web proxy supporting multiple standards of communication, and wide levels of customization. Similar to other proxies such as Holy Unblocker, Pyrus allows you to access blocked content while maintaining your privacy.";
 21 | ---
 22 | 
 23 | <!doctype html>
 24 | <html lang="en">
 25 |   <head>
 26 |     <link href="/varela-round.css" rel="stylesheet" />
 27 |     <ThemeLoader transition:persist />
 28 |     <CloakLoader transition:persist />
 29 |     <PageScriptLoader transition:persist />
 30 |     <meta charset="UTF-8" />
 31 |     <meta name="viewport" content="width=device-width" />
 32 |     <meta name="title" content="Pyrus" />
 33 |     <meta name="author" content="Titanium Network" />
 34 |     <meta name="description" content={DESCRIPTION} />
 35 |     <meta property="og:type" content="website" />
 36 |     <meta property="og:url" content="https://aluu.xyz" />
 37 |     <meta property="og:title" content="Pyrus" />
 38 |     <meta property="og:description" content={DESCRIPTION} />
 39 |     <meta property="og:image" content="/favicon.svg" />
 40 |     <meta property="twitter:card" content="summary_large_image" />
 41 |     <meta property="twitter:url" content="https://aluu.xyz" />
 42 |     <meta property="twitter:title" content="Pyrus" />
 43 |     <meta property="twitter:description" content={DESCRIPTION} />
 44 |     <meta property="twitter:image" content="/favicon.svg" />
 45 |     <link rel="canonical" href={Astro.url.href} />
 46 |     <link rel="sitemap" href="/sitemap-index.xml" />
 47 |     <SchemaData />
 48 |     {
 49 |       optionalStylesheets?.map((item: string) => {
 50 |         return <link rel="stylesheet" class="style-load" href={item} />;
 51 |       })
 52 |     }
 53 |     <script src="https://www.googletagmanager.com/gtag/js?id=G-P1JX4G9KSF" defer is:inline></script>
 54 |     <script is:inline defer>
 55 |       window.dataLayer = window.dataLayer || [];
 56 |       function gtag() {
 57 |         window.dataLayer.push(arguments);
 58 |       }
 59 |       gtag("js", new Date());
 60 |       gtag("config", "G-P1JX4G9KSF");
 61 |     </script>
 62 |     <script src="@components/ts/PyrusStore.ts"></script>
 63 |     <meta name="generator" content={Astro.generator} />
 64 |     <title>{title}</title>
 65 |     <ViewTransitions />
 66 |   </head>
 67 |   <body>
 68 |     <a href="#main-content" class="skip-to-main-content-link">Skip to main content</a>
 69 |     <Header />
 70 |     <slot transition:animate={"fade"} />
 71 |     <script src="/uv/uv.bundle.js" is:inline transition:persist></script>
 72 |     <script src="/uv.config.js" is:inline transition:persist></script>
 73 |     <WelcomeLogging />
 74 |     <Footer />
 75 |     <style is:global>
 76 |       :root {
 77 |         --background-color: #1e2724;
 78 |         --background-highlight: #25312e;
 79 |         --accent-color: #2b3a34;
 80 |         --accent-color-brighter: #34473e;
 81 |         --text-color: #e0def4;
 82 |         --text-color-accent: #c7c5e0;
 83 |         --dropdown-background-color: #26312d;
 84 |       }
 85 |       [data-theme="alu"] {
 86 |         --background-color: #1e2724;
 87 |         --background-highlight: #25312e;
 88 |         --accent-color: #2b3a34;
 89 |         --accent-color-brighter: #34473e;
 90 |         --text-color: #e0def4;
 91 |         --text-color-accent: #c7c5e0;
 92 |         --dropdown-background-color: #26312d;
 93 |       }
 94 |       [data-theme="mocha"] {
 95 |         /* Catppucin Mocha theme */
 96 |         --background-color: #1e1e2e;
 97 |         --background-highlight: #45475a;
 98 |         --accent-color: #32324e;
 99 |         --accent-color-brighter: #242539;
100 |         --text-color: #cdd6f4;
101 |         --text-color-accent: #bac2de;
102 |         --dropdown-background-color: #181825;
103 |       }
104 | 
105 |       [data-theme="macchiato"] {
106 |         /* Catppuccin Macchiato Theme */
107 |         --background-color: #24273a;
108 |         --background-highlight: #494d64;
109 |         --accent-color: #323550;
110 |         --accent-color-brighter: #2a2d42;
111 |         --text-color: #cad3f5;
112 |         --text-color-accent: #b8c0e0;
113 |         --dropdown-background-color: #1e2030;
114 |       }
115 |     </style>
116 |     <style is:global>
117 |       * {
118 |         box-sizing: border-box;
119 |       }
120 | 
121 |       html {
122 |         --size: 50px;
123 |         --darken: 0%;
124 |         --c1: var(--background-color);
125 |         --c2: var(--accent-color);
126 |         --c3: var(--dropdown-background-color);
127 |         --_g: var(--c3) 0 120deg, #0000 0;
128 | 
129 |         background: conic-gradient(from -60deg at 50% calc(100% / 3), var(--_g)), conic-gradient(from 120deg at 50% calc(200% / 3), var(--_g)),
130 |           conic-gradient(from 60deg at calc(200% / 3), var(--c3) 60deg, var(--c2) 0 120deg, #0000 0), conic-gradient(from 180deg at calc(100% / 3), var(--c1) 60deg, var(--_g)),
131 |           linear-gradient(90deg, var(--c1) calc(100% / 6), var(--c2) 0 50%, var(--c1) 0 calc(500% / 6), var(--c2) 0);
132 |         background-size: calc(1.732 * var(--size)) var(--size);
133 | 
134 |         scrollbar-width: none;
135 | 
136 |         &::-webkit-scrollbar {
137 |           display: none;
138 |         }
139 |       }
140 | 
141 |       html[data-theme="macchiato"],
142 |       html[data-theme="mocha"] {
143 |         --c2: color-mix(in srgb, var(--dropdown-background-color), black var(--darken));
144 |         --c3: color-mix(in srgb, var(--accent-color-brighter), black var(--darken));
145 |       }
146 | 
147 |       body {
148 |         max-width: 100vw;
149 |         display: flex;
150 |         flex-direction: column;
151 |         min-height: 100vh;
152 |         margin: 0;
153 |         padding: 0;
154 |         font-family: "Varela Round", sans-serif !important;
155 |         color: var(--text-color);
156 |         opacity: 1;
157 |       }
158 | 
159 |       button, input {
160 |         font-family: "Varela Round", sans-serif;
161 |       }
162 | 
163 |       main {
164 |         width: 90%;
165 |         margin: 0 auto;
166 |       }
167 | 
168 |       .skip-to-main-content-link {
169 |         position: absolute;
170 |         top: 10px;
171 |         left: 15px;
172 |         z-index: 1000;
173 |         padding: 0.75em;
174 |         padding-inline: 20px;
175 |         background-color: var(--background-highlight);
176 |         color: var(--text-color);
177 |         border-radius: 15px;
178 |         opacity: 0;
179 |         transition: opacity 250ms ease-in-out;
180 |         pointer-events: none;
181 |       }
182 |       .skip-to-main-content-link:focus {
183 |         top: 10px;
184 |         left: 15px;
185 |         opacity: 1;
186 |         outline: none;
187 |         pointer-events: all;
188 |       }
189 |       .title-text {
190 |         color: var(--text-color);
191 |         text-align: center;
192 |         font-weight: 400;
193 |         font-size: 2.5rem;
194 |         margin-bottom: 5px;
195 |       }
196 |       .title-desc {
197 |         color: var(--text-color);
198 |         text-align: center;
199 |       }
200 |       #proxy-frame {
201 |         display: block;
202 |         position: absolute;
203 |         z-index: 1000;
204 |         width: 100vw;
205 |         height: 95vh;
206 |         top: 5vh;
207 |         left: 0;
208 |         border: none;
209 |         background-color: var(--background-color);
210 |         transition: opacity 250ms ease-in-out;
211 |         pointer-events: none;
212 |       }
213 |       #proxy-frame.active {
214 |         background-color: #fff;
215 |       }
216 |       #proxy-frame {
217 |         opacity: 0;
218 |       }
219 |       #top-bar {
220 |         display: flex;
221 |         justify-content: space-between;
222 |         align-items: center;
223 |         padding: 0 1rem;
224 |         height: 5vh;
225 |         background-color: var(--accent-color);
226 |         color: var(--text-color);
227 |         position: fixed;
228 |         top: 0;
229 |         left: 0;
230 |         width: 100vw;
231 |         z-index: 1000;
232 |         transition: opacity 250ms ease-in-out;
233 |         pointer-events: none;
234 |         opacity: 0;
235 |         gap: 10px;
236 |       }
237 |       .top-bar-right,
238 |       .top-bar-left {
239 |         display: flex;
240 |         justify-content: center;
241 |         align-items: center;
242 |         gap: 10px;
243 |         height: 100%;
244 |       }
245 |       #proxied-favicon {
246 |         height: 32px;
247 |         width: 32px;
248 |       }
249 | 
250 |       .nav-container {
251 |         height: 100%;
252 |         display: flex;
253 |         gap: 10px;
254 |         justify-content: center;
255 |         align-items: center;
256 |       }
257 |       @media (max-width: 484px) {
258 |         .nav-container {
259 |           display: none;
260 |         }
261 |       }
262 | 
263 |       .nav-container > img {
264 |         cursor: pointer;
265 |         transition: 250ms ease-in-out;
266 |       }
267 |       .nav-container > img:hover {
268 |         filter: brightness(0.8);
269 |       }
270 |       #nav-share {
271 |         height: 30px;
272 |       }
273 |       .astro-input {
274 |         font-size: 16px;
275 |         width: 100%;
276 |         border: 2px solid var(--background-highlight);
277 |         border-radius: 10px;
278 |         background-color: var(--accent-color);
279 |         color: var(--text-color);
280 |         transition: 0.1s ease-in-out;
281 |       }
282 |       .astro-input::placeholder {
283 |         color: var(--text-color-accent);
284 |       }
285 |       .astro-input:focus {
286 |         outline: none;
287 |         border: 2px solid var(--text-color);
288 |       }
289 |     </style>
290 |   </body>
291 | </html>
292 | 


--------------------------------------------------------------------------------
/src/pages/404.astro:
--------------------------------------------------------------------------------
 1 | ---
 2 | import Layout from "src/layouts/Layout.astro";
 3 | ---
 4 | 
 5 | <Layout title="404 | Pyrus">
 6 |   <main id="main-content" class="main-content error-page">
 7 |     <h1>404!</h1>
 8 |     <p>The content you have requested could not be found!</p>
 9 |   </main>
10 | </Layout>
11 | 
12 | <style>
13 |   .error-page {
14 |     color: white;
15 |   }
16 |   #main-content {
17 |     display: flex;
18 |     justify-content: center;
19 |     align-items: center;
20 |     flex-direction: column;
21 |     height: 100%;
22 |   }
23 | </style>
24 | 


--------------------------------------------------------------------------------
/src/pages/[lang]/donate.astro:
--------------------------------------------------------------------------------
 1 | ---
 2 | import Link from "@components/UI/Link.astro";
 3 | import { STATIC_PATHS } from "@i18n/utils";
 4 | import Layout from "src/layouts/Layout.astro";
 5 | 
 6 | // const t = i18n.inferLangUseTranslations(Astro.url);
 7 | 
 8 | export const prerender = true;
 9 | 
10 | export function getStaticPaths() {
11 |   return STATIC_PATHS;
12 | }
13 | ---
14 | 
15 | <Layout title="Donate | Pyrus">
16 |     <main id="main-content">
17 |         <h1 class="title-text">Donating to Pyrus</h1>
18 |         <section id="donate">
19 |             <h3 class="thank-you-title">Thank you for your interest in donating to Pyrus! All support helps grow Pyrus into a better proxy for everyone!</h3>
20 | 
21 |             <h2>Donate through Patreon:</h2>
22 |             <p>Pyrus is on Patreon! You can donate to Pyrus through Patreon and get some cool perks in return. Check out our Patreon page <Link href="https://www.patreon.com/wearr/membership" newTab>here!</Link></p>
23 |             
24 |             <h2>Donate through Cryptocurrencies</h2>
25 |             <p>Pyrus accepts donations through cryptocurrencies. You can donate to Pyrus using the following addresses:</p>
26 |             <div class="wallet-list-item"><span class="wallet-list-title">Bitcoin: </span> bc1q4znsy2uz3zxcg8djgrur7fcs6t0gek9pckpztu</div>
27 |             <div class="wallet-list-item"><span class="wallet-list-title">Monero:  </span> 4BAuZm7PqC4NHvjrhVLmksLG7Y1j9jePMUVR1bVrgaNEW2eWL9Ffpugidi5QWs4ofV8NtDUN3qLUZE6NHPA1dkmQFnE4g1C</div>
28 |             <div class="wallet-list-item"><span class="wallet-list-title">Ethereum:</span> 0x1D954D78aC53757348eD73793579241390d8A120</div>
29 |             <div class="wallet-list-item"><span class="wallet-list-title">Litecoin:</span> LgXYv3MK8WkMSDGQ3XM3usJ3DAdTy4amSV</div>
30 |             <p>Click on any address to copy it to your clipboard!</p>
31 |         </section>
32 | 
33 |         <script>
34 |             import Toast from "@components/ts/toast";
35 |             Toast.setDuration(2000);
36 |             
37 |             const wallets = document.getElementsByClassName("wallet-list-item");
38 | 
39 |             Array.from(wallets).forEach((wallet) => {
40 |                 wallet!.addEventListener("click", () => {
41 |                     if (wallet) {
42 |                         navigator.clipboard.writeText(wallet.childNodes[1].textContent!);
43 |                         Toast.success("Copied to clipboard!");
44 |                     }
45 | 
46 |                 });
47 |             });
48 |         </script>
49 | 
50 |         <style>
51 |             #donate {
52 |                 background-color: rgb(from var(--accent-color-brighter) r g b / 0.75);
53 |                 padding: 10px;
54 |                 border-radius: 0.5rem;
55 |                 box-shadow: 6px 6px 10px 0px var(--background-color);
56 |             }
57 |             .thank-you-title {
58 |                 padding-top: 0.5rem;
59 |                 padding-bottom: 0.5rem;
60 |             }
61 |             .wallet-list-item {
62 |                 cursor: pointer;
63 |                 font-size: 18px;
64 |                 height: 2rem;
65 |                 white-space: nowrap;
66 |                 overflow: hidden;
67 |             }
68 |             .wallet-list-title {
69 |                 width: 6rem;
70 |                 display: inline-block;
71 |                 font-weight: bold;
72 |             }
73 |         </style>
74 |     </main>
75 | </Layout>


--------------------------------------------------------------------------------
/src/pages/[lang]/games.astro:
--------------------------------------------------------------------------------
  1 | ---
  2 | import Layout from "../../layouts/Layout.astro";
  3 | import games from "../../json/games.json";
  4 | import GameItem from "@components/GameItem.astro";
  5 | 
  6 | import { STATIC_PATHS, i18n } from "@i18n/utils";
  7 | import Input from "@components/UI/Input.astro";
  8 | 
  9 | const t = i18n.inferLangUseTranslations(Astro.url);
 10 | 
 11 | export const prerender = true;
 12 | 
 13 | export function getStaticPaths() {
 14 |   return STATIC_PATHS;
 15 | }
 16 | ---
 17 | 
 18 | <Layout title={t("pages.games")}>
 19 |   <h1 class="title-text">{t("games.title")}</h1>
 20 |   <div class="search">
 21 |     <Input inputName="games-search" placeholder={t("games.search")} height="30px" />
 22 |   </div>
 23 |   <div class="no-results"></div>
 24 |   <main id="main-content">
 25 |     <div class="pinned-games grid"></div>
 26 |     <div class="all-games grid">
 27 |       {
 28 |         Object.keys(games).map((key) => {
 29 |           const game = (games as any)[key];
 30 |           return <GameItem game={game} />;
 31 |         })
 32 |       }
 33 |     </div>
 34 |     <button id="reset-pinned">Reset Pinned Games</button>
 35 |   </main>
 36 | </Layout>
 37 | 
 38 | <script>
 39 |   const search = document.getElementById("games-search-input") as HTMLInputElement;
 40 |   const allGames = document.getElementsByClassName("all-games")[0] as HTMLDivElement;
 41 |   const pinnedGames = document.getElementsByClassName("pinned-games")[0] as HTMLDivElement;
 42 |   
 43 |   search.addEventListener("input", () => {
 44 |     const filter = search.value.toUpperCase();
 45 |     const games = allGames.children;
 46 |     let results = 0;
 47 |     for (let i = 0; i < games.length; i++) {
 48 |       const game = games[i] as HTMLDivElement;
 49 |       const name = game.getAttribute("data-name")!;
 50 |       if (name.toUpperCase().indexOf(filter) > -1) {
 51 |         game.style.display = "";
 52 |         results++;
 53 |       } else {
 54 |         game.style.display = "none";
 55 |       }
 56 |     }
 57 |     const noResults = document.querySelector(".no-results") as HTMLDivElement;
 58 |     if (results === 0) {
 59 |       if (noResults) {
 60 |         noResults.style.display = "block";
 61 |         noResults.innerHTML = "No results found";
 62 |       }
 63 |     } else {
 64 |       if (noResults) {
 65 |         noResults.style.display = "none";
 66 |       }
 67 |     }
 68 |   });
 69 | 
 70 |   const pins = document.querySelectorAll(".pin-icon");
 71 |   const localStoragePins = localStorage.getItem("alu__savedPins") || "[]"
 72 |   const savedPins = JSON.parse(localStoragePins);
 73 | 
 74 |   pins.forEach((pin) => {
 75 |     const game = pin.parentElement as HTMLDivElement;
 76 |     const gameName = game.getAttribute("data-id")!;
 77 |     const isPinned = savedPins.includes(gameName);
 78 | 
 79 |     if (isPinned) {
 80 |       game.classList.add("pinned");
 81 |       pin.setAttribute("src", "/img/games/pin.svg");
 82 |       pinnedGames.appendChild(game);
 83 |       if (allGames.contains(game)) {
 84 |         allGames.removeChild(game);
 85 |       }
 86 | 
 87 |     }
 88 | 
 89 | 
 90 |     pin.addEventListener("click", () => {
 91 |       const game = pin.parentElement as HTMLDivElement;
 92 |       const gameName = game.getAttribute("data-id")!;
 93 |       const isPinned = game.classList.contains("pinned");
 94 |       if (isPinned) {
 95 |         game.classList.remove("pinned");
 96 |         savedPins.splice(savedPins.indexOf(gameName), 1);
 97 |         localStorage.setItem("alu__savedPins", JSON.stringify(savedPins));
 98 |         pin.setAttribute("src", "/img/games/pin-outline.svg");
 99 |         allGames.prepend(game);
100 |         if (pinnedGames.contains(game)) {
101 |           pinnedGames.removeChild(game);
102 |         }
103 |         // Sort all games alphabetically again
104 |         const allGamesArray = Array.from(allGames.children);
105 |         allGamesArray.sort((a, b) => {
106 |           const aName = a.getAttribute("data-id")!;
107 |           const bName = b.getAttribute("data-id")!;
108 |           return aName.localeCompare(bName);
109 |         });
110 |         allGamesArray.forEach((game) => {
111 |           allGames.appendChild(game);
112 |         });
113 |       } else {
114 |         game.classList.add("pinned");
115 |         savedPins.push(gameName);
116 |         localStorage.setItem("alu__savedPins", JSON.stringify(savedPins));
117 |         pin.setAttribute("src", "/img/games/pin.svg");
118 |         pinnedGames.appendChild(game);
119 |         if (allGames.contains(game)) {
120 |           allGames.removeChild(game);
121 |         }
122 |       }
123 |     });
124 |   });
125 | 
126 |   const resetPinned = document.getElementById("reset-pinned") as HTMLButtonElement;
127 |   
128 |   resetPinned.addEventListener("click", () => {
129 |     localStorage.setItem("alu__savedPins", "[]");
130 |     window.location.reload();
131 |   });
132 | 
133 | </script>
134 | 
135 | <style>
136 |   .search {
137 |     display: flex;
138 |     justify-content: center;
139 |     margin-bottom: 20px;
140 |     width: 50%;
141 |     margin: 0 auto;
142 |   }
143 |   .grid {
144 |     color: var(--text-color);
145 |     height: max-content;
146 |     display: grid;
147 |     grid-template-columns: repeat(auto-fit, minmax(175px, 1fr));
148 |     text-align: center;
149 |     justify-content: center;
150 |     gap: 1rem;
151 |     width: 85%;
152 |     margin: 0 auto;
153 |     margin-top: 20px;
154 |   }
155 | 
156 |   .no-results {
157 |     text-align: center;
158 |     height: 15rem;
159 |     width: 100%;
160 |     font-size: 2rem;
161 |     margin-top: 10px;
162 |     display: none;
163 |   }
164 | 
165 |   #reset-pinned {
166 |     display: block;
167 |     margin: 0 auto;
168 |     margin-top: 20px;
169 |     padding: 10px;
170 |     background-color: var(--accent-color-brighter);
171 |     color: var(--text-color);
172 |     border: none;
173 |     border-radius: 10px;
174 |     cursor: pointer;
175 |   }
176 | </style>
177 | 


--------------------------------------------------------------------------------
/src/pages/[lang]/index.astro:
--------------------------------------------------------------------------------
  1 | ---
  2 | import Layout from "../../layouts/Layout.astro";
  3 | 
  4 | import { STATIC_PATHS, i18n } from "@i18n/utils";
  5 | import Link from "@components/UI/Link.astro";
  6 | import ProxyRegistrar from "@components/ProxyRegistrar.astro";
  7 | import Input from "@components/UI/Input.astro";
  8 | import FaqCard from "@components/FaqCard.astro";
  9 | import IFrameNav from "@components/frame/IFrameNav.astro";
 10 | 
 11 | const t = i18n.inferLangUseTranslations(Astro.url);
 12 | 
 13 | export const prerender = true;
 14 | 
 15 | export function getStaticPaths() {
 16 |   return STATIC_PATHS;
 17 | }
 18 | ---
 19 | 
 20 | <Layout title={t("pages.home")}>
 21 |   <main id="main-content">
 22 |     <h1 class="title-text">{t("menu.welcome")}</h1>
 23 |     <section id="proxy-input">
 24 |       <div class="form-wrapper">
 25 |         <form class="url-input-form" id="url-input-form">
 26 |           <div id="loading-content">Loading Content...</div>
 27 |           <Input className="url-input" inputName="url" placeholder={t("menu.search")} defaultStyles={false} autocomplete="off" />
 28 |           <div id="search-suggestions"></div>
 29 |         </form>
 30 | 
 31 |         <IFrameNav />
 32 |         <iframe title="proxy-iframe" id="proxy-frame"></iframe>
 33 |       </div>
 34 |     </section>
 35 |     <section id="faq">
 36 |       <h2 class="faq-title">{t("faq.title")}</h2>
 37 |       <div class="faq-section">
 38 |         <FaqCard>
 39 |           <h2>{t("faq.whatIsAProxy")}</h2>
 40 |           <p>{t("faq.whatIsAProxy.answer")}</p>
 41 |         </FaqCard>
 42 |         <FaqCard>
 43 |           <h2>{t("faq.contributeToPyrus")}</h2>
 44 |           <p>
 45 |             {t("faq.contributeToPyrus.answer.segment1")}<Link href="https://www.patreon.com/wearr/membership" newTab>{t("faq.contributeToPyrus.answer.patreonLinkText")}</Link>{
 46 |               t("faq.contributeToPyrus.answer.segment2")
 47 |             }
 48 |           </p>
 49 |         </FaqCard>
 50 |         <FaqCard large>
 51 |           <h2>{t("faq.noBareClients")}</h2>
 52 |           <p>{t("faq.noBareClients.answer")}</p>
 53 |         </FaqCard>
 54 |       </div>
 55 |     </section>
 56 |   </main>
 57 |   <ProxyRegistrar />
 58 |   <script>
 59 |     import { initTransport, registerAndUpdateSW } from "@components/ts/TransportManager";
 60 |     type Suggestion = {
 61 |       phrase: string;
 62 |     };
 63 |     await registerAndUpdateSW();
 64 | 
 65 |     async function sendAPIRequest(urlInput: HTMLInputElement, searchSuggestions: HTMLDivElement) {
 66 |       if (!urlInput) throw new Error("urlInput is null");
 67 |       if (!searchSuggestions) throw new Error("searchSuggestions is null");
 68 |       const url = urlInput.value;
 69 |       const request = await fetch("/search?query=" + url);
 70 |       const data = await request.json();
 71 |       searchSuggestions.innerHTML = "";
 72 |       data.map((suggestion: Suggestion) => {
 73 |         const suggestionElement = document.createElement("div");
 74 |         suggestionElement.classList.add("search-suggestion");
 75 |         suggestionElement.innerText = suggestion.phrase;
 76 |         suggestionElement.addEventListener("click", async () => {
 77 |           urlInput.value = suggestion.phrase;
 78 |           if (window.loadFormContent) window.loadFormContent();
 79 |         });
 80 |         searchSuggestions.appendChild(suggestionElement);
 81 |       });
 82 |       if (data.length === 0) {
 83 |         urlInput.classList.remove("search-results");
 84 |         searchSuggestions.style.opacity = "0";
 85 |       } else {
 86 |         urlInput.classList.add("search-results");
 87 |         searchSuggestions.style.opacity = "1";
 88 |       }
 89 |     }
 90 | 
 91 |     function addEventListeners() {
 92 |       const urlInput = document.getElementById("url-input") as HTMLInputElement;
 93 |       const searchSuggestions = document.getElementById("search-suggestions") as HTMLDivElement;
 94 |       // Silently return if the required elements aren't found, this prevents the console from getting cluttered with errors.
 95 |       if (!urlInput || !searchSuggestions) return;
 96 |       urlInput.addEventListener("focus", () => {
 97 |         if (!searchSuggestions) {
 98 |           throw new Error("searchSuggestions is null");
 99 |         }
100 |         if (searchSuggestions.children.length > 0) {
101 |           searchSuggestions.style.opacity = "1";
102 |           searchSuggestions.style.pointerEvents = "all";
103 |           urlInput.classList.add("search-results");
104 |         }
105 |       });
106 |       urlInput.addEventListener("blur", () => {
107 |         searchSuggestions.style.opacity = "0";
108 |         setTimeout(() => {
109 |           searchSuggestions.style.pointerEvents = "none";
110 |         }, 200);
111 |         urlInput.classList.remove("search-results");
112 |       });
113 | 
114 |       urlInput.addEventListener("keyup", async () => {
115 |         if (urlInput.value.length >= 3) {
116 |           return await sendAPIRequest(urlInput, searchSuggestions);
117 |         }
118 |       });
119 |     }
120 |     document.addEventListener("astro:after-swap", addEventListeners);
121 |     document.addEventListener("DOMContentLoaded", initTransport);
122 |     addEventListeners();
123 |   </script>
124 | </Layout>
125 | 
126 | <style is:global>
127 |   #main-content {
128 |     margin-top: 50px;
129 |   }
130 | 
131 |   .form-wrapper {
132 |     width: 40%;
133 |   }
134 | 
135 |   @media (max-width: 1100px) {
136 |     .form-wrapper {
137 |       width: 80%;
138 |     }
139 |   }
140 | 
141 |   #proxy-input {
142 |     display: flex;
143 |     justify-content: center;
144 |   }
145 | 
146 |   .url-input-form {
147 |     border: none;
148 |     padding: 0;
149 |     margin-bottom: 15px;
150 |     width: 100%;
151 |   }
152 | 
153 |   .url-input.search-results {
154 |     border-bottom-left-radius: 0;
155 |     border-bottom-right-radius: 0;
156 |     border-bottom: 0;
157 |   }
158 | 
159 |   .url-input::placeholder {
160 |     color: var(--text-color-accent);
161 |   }
162 | 
163 |   .url-input {
164 |     display: block;
165 |     background: transparent url(/img/search.svg) no-repeat 1rem center;
166 |     background-color: var(--dropdown-background-color);
167 |     color: var(--text-color);
168 |     border: 2px solid var(--text-color);
169 |     padding: 1rem;
170 |     border-radius: 10px;
171 |     width: 100%;
172 |     text-align: center;
173 |     transition: 0.25s ease-in-out;
174 |     outline: none;
175 |     font-size: 16px;
176 |     min-width: 250px;
177 |   }
178 |   form {
179 |     width: 30%;
180 |     height: 4rem;
181 |   }
182 | 
183 |   #search-suggestions {
184 |     background-color: var(--accent-color-brighter);
185 |     z-index: 3;
186 |     position: relative;
187 |     text-align: center;
188 |     display: flex;
189 |     flex-direction: column;
190 |     gap: 10px;
191 |     padding-top: 10px;
192 |     color: var(--text-color);
193 |     border-bottom-left-radius: 15px;
194 |     border-bottom-right-radius: 15px;
195 |     transition: 250ms ease-in-out;
196 |     opacity: 0;
197 |     overflow: hidden;
198 |     border: 3px solid var(--text-color);
199 |     box-shadow: 10px 10px 20px var(--dropdown-background-color);
200 |   }
201 | 
202 |   .search-suggestion {
203 |     cursor: pointer;
204 |     padding-top: 5px;
205 |     padding-bottom: 10px;
206 |     border-bottom: 2px solid var(--text-color-accent);
207 |   }
208 | 
209 |   .search-suggestion:last-child {
210 |     margin-bottom: 5px;
211 |     border-bottom: none;
212 |   }
213 | 
214 |   #loading-content {
215 |     color: var(--text-color);
216 |     padding: 8px;
217 |     position: relative;
218 |     opacity: 0;
219 |     transition: 0.25s ease-in-out;
220 |     text-align: center;
221 |     font-size: 20px;
222 |   }
223 |   #faq {
224 |     margin-top: 2rem;
225 |     margin-bottom: 2rem;
226 |   }
227 | 
228 |   .faq-title {
229 |     font-size: 1.75rem;
230 |   }
231 | 
232 |   .faq-section {
233 |     display: grid;
234 |     grid-template-columns: repeat(2, 1fr);
235 |     gap: 20px;
236 |   }
237 | </style>
238 | 


--------------------------------------------------------------------------------
/src/pages/[lang]/marketplace.astro:
--------------------------------------------------------------------------------
  1 | ---
  2 | import { STATIC_PATHS } from "@i18n/utils";
  3 | import Layout from "src/layouts/Layout.astro";
  4 | import marketplace from "../../json/marketplace.json";
  5 | import MarketplaceIcon from "@components/UI/MarketplaceIcon.astro";
  6 | 
  7 | export const prerender = true;
  8 | 
  9 | export const getStaticPaths = () => {
 10 |   return STATIC_PATHS;
 11 | };
 12 | ---
 13 | 
 14 | <Layout title="Marketplace | Pyrus">
 15 |   <div id="main-content">
 16 |     <h1 class="title-text">Marketplace</h1>
 17 |     <p class="title-desc">(WIP) Install custom extensions for Pyrus!</p>
 18 |     <div id="support-warning"></div>
 19 |     <div class="marketplace-ext-grid">
 20 |       {
 21 |         Object.keys(marketplace).map((mp_item) => {
 22 |           const item = (marketplace as ExtensionMetadataJSON)[mp_item];
 23 |           const slug = mp_item;
 24 |           return (
 25 |             <div class="marketplace-item" data-slug={slug}>
 26 |               <MarketplaceIcon type={item.type} />
 27 |               <div class="marketplace-bg-image" style={`background-image: url(${item.image})`} />
 28 |               <div class="marketplace-details">
 29 |                 <div class="marketplace-item-title">
 30 |                   {item.title} v{item.version}
 31 |                 </div>
 32 |                 <div class="marketplace-item-desc">{item.description}</div>
 33 |               </div>
 34 |               <div class="marketplace-btn-container">
 35 |                 <button class="marketplace-btn btn-install" data-slug={slug} data-title={item.title}>
 36 |                   Install
 37 |                 </button>
 38 |                 <button class="marketplace-btn btn-hidden" data-uninstall-slug={slug}>
 39 |                   Uninstall
 40 |                 </button>
 41 |               </div>
 42 |             </div>
 43 |           );
 44 |         })
 45 |       }
 46 |     </div>
 47 |   </div>
 48 |   <script src="@components/ts/marketplace.ts"></script>
 49 | </Layout>
 50 | 
 51 | <style>
 52 |   .title-desc {
 53 |     font-size: 1.2rem;
 54 |   }
 55 |   .marketplace-ext-grid {
 56 |     display: grid;
 57 |     width: 90%;
 58 |     margin: 0 auto;
 59 |     color: var(--text-color);
 60 |     display: grid;
 61 |     grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
 62 |     align-items: center;
 63 |     text-align: center;
 64 |     justify-content: center;
 65 |     gap: 1.2rem;
 66 |   }
 67 | 
 68 |   .marketplace-item {
 69 |     border: 3px solid var(--accent-color-brighter);
 70 |     padding: 1rem;
 71 |     padding-left: 0.75rem;
 72 |     border-radius: 0.5rem;
 73 |     display: flex;
 74 |     flex-direction: column;
 75 |     align-items: center;
 76 |     background-color: var(--accent-color);
 77 |   }
 78 | 
 79 |   .marketplace-bg-image {
 80 |     height: 10.5rem;
 81 |     background-size: cover;
 82 |     background-position: center;
 83 |     border-radius: 0.5rem;
 84 |     margin-bottom: 1rem;
 85 |     aspect-ratio: 16 / 9;
 86 |     background-color: var(--accent-color);
 87 |   }
 88 | 
 89 |   .marketplace-item-title {
 90 |     margin-bottom: 10px;
 91 |   }
 92 | 
 93 |   .marketplace-details {
 94 |     display: flex;
 95 |     flex-direction: column;
 96 |     justify-content: center;
 97 |     width: 100%;
 98 |     height: 100%;
 99 |     margin-bottom: 1rem;
100 |   }
101 |   .marketplace-item-desc {
102 |     width: 80%;
103 |     margin: 0 auto;
104 |     overflow: hidden;
105 |     height: 80px;
106 |   }
107 | 
108 |   .marketplace-btn-container {
109 |     display: flex;
110 |     gap: 1rem;
111 |     width: 95%;
112 |     margin: 0 auto;
113 |   }
114 |   .marketplace-btn {
115 |     width: 100%;
116 |     background-color: var(--accent-color-brighter);
117 |     color: var(--text-color);
118 |     border: none;
119 |     padding: 0.85rem;
120 |     border-radius: 5px;
121 |     transition: 0.25s ease-in-out;
122 |     pointer-events: all;
123 |     cursor: pointer;
124 |     z-index: 99;
125 |     font-family: "Varela Round", sans-serif !important;
126 |   }
127 |   .marketplace-btn.installed {
128 |     filter: brightness(0.8);
129 |   }
130 |   #support-warning {
131 |     padding-top: 10px;
132 |     padding-bottom: 50px;
133 |     height: 20px;
134 |     color: #ff6923;
135 |     text-align: center;
136 |   }
137 |   .btn-hidden {
138 |     opacity: 0;
139 |     pointer-events: none;
140 |   }
141 | </style>
142 | 


--------------------------------------------------------------------------------
/src/pages/[lang]/settings.astro:
--------------------------------------------------------------------------------
  1 | ---
  2 | import ProxyTab from "@components/SettingsContent/ProxyTab.astro";
  3 | import CustomizationTab from "@components/SettingsContent/CustomizationTab.astro";
  4 | import CloakingTab from "@components/SettingsContent/CloakingTab.astro";
  5 | import CreditsTab from "@components/SettingsContent/CreditsTab.astro";
  6 | import Layout from "src/layouts/Layout.astro";
  7 | import { STATIC_PATHS, i18n } from "@i18n/utils";
  8 | 
  9 | const lang = i18n.getLangFromUrl(Astro.url);
 10 | const t = i18n.useTranslations(lang);
 11 | 
 12 | export const prerender = true;
 13 | 
 14 | export function getStaticPaths() {
 15 |   return STATIC_PATHS;
 16 | }
 17 | ---
 18 | 
 19 | <Layout title={t("pages.settings")} optionalStylesheets={["https://site-assets.fontawesome.com/releases/v6.6.0/css/all.css"]}>
 20 |   <main id="main-content">
 21 |     <h1 class="title-text">{t("settings.title")}</h1>
 22 |     <div class="content-hidden">
 23 |       <div id="content-setting-tab-proxy">
 24 |         <h1 class="content-setting-header">{t("settings.proxy")}</h1>
 25 |         <p class="content-setting-subtext">Change how the proxy behaves</p>
 26 |         <ProxyTab />
 27 |       </div>
 28 |       <div id="content-setting-tab-customization">
 29 |         <h1 class="content-setting-header">{t("settings.customization")}</h1>
 30 |         <p class="content-setting-subtext">Customize your experience</p>
 31 |         <CustomizationTab />
 32 |       </div>
 33 |       <div id="content-setting-tab-cloaking">
 34 |         <h1 class="content-setting-header">{t("settings.cloaking")}</h1>
 35 |         <p class="content-setting-subtext">{t("settings.cloaking.subtext")}</p>
 36 |         <CloakingTab />
 37 |       </div>
 38 |       <div id="content-setting-tab-credits">
 39 |         <h1 class="content-setting-header">{t("settings.credits")}</h1>
 40 |         <p class="content-setting-subtext">Thank you to everyone who has contributed to Pyrus!</p>
 41 |         <CreditsTab />
 42 |       </div>
 43 |     </div>
 44 | 
 45 |     <div class="popup">
 46 |       <div class="tabs">
 47 |         <input type="radio" id="setting-tab-proxy" class="setting-tab" name="tab" checked="true" />
 48 |         <label for="setting-tab-proxy"><i class="fa-solid fa-globe"></i> {t("settings.proxy")}</label>
 49 |         <input type="radio" id="setting-tab-customization" class="setting-tab" name="tab" />
 50 |         <label for="setting-tab-customization"><i class="fa-solid fa-palette"></i> {t("settings.customization")}</label>
 51 |         <input type="radio" id="setting-tab-cloaking" class="setting-tab" name="tab" />
 52 |         <label for="setting-tab-cloaking"><i class="fa-solid fa-hood-cloak"></i> {t("settings.cloaking")}</label>
 53 |         <input type="radio" id="setting-tab-credits" class="setting-tab" name="tab" />
 54 |         <label for="setting-tab-credits"><i class="fa-solid fa-party-horn"></i> {t("settings.credits")}</label>
 55 |         <div class="marker"></div>
 56 |       </div>
 57 |       <div id="current-content"></div>
 58 |     </div>
 59 |   </main>
 60 |   <script src="@components/ts/settings.ts"></script>
 61 |   <style is:global>
 62 |     .content-hidden {
 63 |       display: none;
 64 |     }
 65 |     #current-content {
 66 |       transition: opacity 250ms ease-in-out;
 67 |       height: 100%;
 68 |       min-height: 600px;
 69 |       padding: 20px;
 70 |     }
 71 |     .settings-container {
 72 |       display: flex;
 73 |       gap: 20px;
 74 |       position: relative;
 75 |       z-index: 2;
 76 |       flex-wrap: wrap;
 77 |       row-gap: 5px;
 78 |     }
 79 | 
 80 |     .content-setting-header {
 81 |       color: var(--text-color);
 82 |       font-weight: 400;
 83 |       margin: 1rem 0 0;
 84 |       text-decoration: underline;
 85 |     }
 86 |     .content-setting-subtext {
 87 |       font-size: 20px;
 88 |       color: var(--text-color-accent);
 89 |     }
 90 | 
 91 |     .setting-label {
 92 |       color: var(--text-color);
 93 |       font-size: 18px;
 94 |       font-weight: 400;
 95 |       /* annoying stuff with label elements. */
 96 |       display: block;
 97 |       opacity: 1;
 98 |       margin-block: 1em;
 99 |       margin-inline: 0;
100 |       user-select: none;
101 |       width: 100%;
102 |       cursor: auto;
103 |       margin-bottom: 5px;
104 |     }
105 | 
106 |     .setting-hidden {
107 |       opacity: 0;
108 |       transition: opacity 250ms ease-in-out;
109 |     }
110 | 
111 |     .setting__searxng-url {
112 |       margin-top: 10px;
113 |     }
114 |     label {
115 |       font-size: 24px;
116 |       font-weight: 700;
117 |       cursor: pointer;
118 |       color: #d8d8d8;
119 |       opacity: 0.6;
120 |       transition: opacity 0.4s ease-in-out;
121 |       display: block;
122 |       width: calc(100% - 48px);
123 |       text-align: right;
124 |       z-index: 100;
125 |       user-select: none;
126 |       text-align: start;
127 |       margin-left: 20px;
128 |     }
129 |     input[type="radio"] {
130 |       display: none;
131 |       width: 0;
132 |     }
133 |     label:hover,
134 |     input[type="radio"]:checked + label {
135 |       opacity: 1;
136 |     }
137 |     .popup {
138 |       width: 95%;
139 |       margin: 0 auto;
140 |       border-radius: 15px;
141 |       box-sizing: border-box;
142 |       background-color: var(--background-color);
143 |       filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5));
144 |       overflow: hidden;
145 |       display: flex;
146 |       align-self: center;
147 |     }
148 |     .tabs {
149 |       width: 100%;
150 |       max-width: 240px;
151 |       display: flex;
152 |       flex-direction: column;
153 |       justify-content: space-around;
154 |       position: relative;
155 |       gap: 5rem;
156 |     }
157 |     .popup {
158 |       flex-direction: column;
159 |       min-height: 80%;
160 |       max-height: 80%;
161 |     }
162 |     .tabs {
163 |       flex-direction: row;
164 |       max-width: 100%;
165 |       max-height: 70px;
166 |       min-height: 70px;
167 |       gap: 0;
168 |       align-items: center;
169 |     }
170 |     label {
171 |       width: auto;
172 |       margin-left: 0;
173 |     }
174 |     @media (max-width: 625px) {
175 |       label {
176 |         font-size: 20px;
177 |       }
178 |     }
179 |     @media (max-width: 500px) {
180 |       label {
181 |         font-size: 18px;
182 |       }
183 |     }
184 |     @media (max-width: 440px) {
185 |       label {
186 |         font-size: 16px;
187 |       }
188 |     }
189 | 
190 |     @media (max-width: 400px) {
191 |       .fa-solid {
192 |         display: none;
193 |       }
194 |     }
195 |     .setting {
196 |       width: 140px;
197 |     }
198 |     .marker {
199 |       position: absolute;
200 |       width: 100%;
201 |       height: 100%;
202 |       display: flex;
203 |       flex-direction: column;
204 |       transition: transform 0.2s ease-in-out;
205 |       background-color: var(--accent-color);
206 |     }
207 |   </style>
208 | </Layout>
209 | 


--------------------------------------------------------------------------------
/src/pages/game/[game].astro:
--------------------------------------------------------------------------------
 1 | ---
 2 | export const prerender = false;
 3 | import Layout from "../../layouts/Layout.astro";
 4 | import games from "../../json/games.json";
 5 | 
 6 | const gamesList = games as GameList;
 7 | 
 8 | // get the current game based on the information in the url
 9 | const game = Astro.params.game;
10 | if (!game) {
11 |   Astro.redirect("/en/games/");
12 |   return;
13 | }
14 | 
15 | function isValidGameKey(key: string) {
16 |   return key in gamesList;
17 | }
18 | 
19 | const gameData = isValidGameKey(game) ? gamesList[game] : null;
20 | 
21 | if (!gameData) {
22 |   return Astro.redirect("/en/games/");
23 | }
24 | 
25 | let classList: string = "";
26 | 
27 | if (gameData.vertical) {
28 |   classList += "vertical ";
29 | }
30 | 
31 | classList = classList.trim();
32 | ---
33 | 
34 | <Layout title=`${gameData.name} | Pyrus` optionalStylesheets={["/game.css"]}>
35 |   <div id="main-content">
36 |     <div class="game-container">
37 |       {
38 |         gameData.unity ? (
39 |           <iframe scrolling="no" src={`/game/unity/${gameData.slug}`} title={gameData.name} id="game-frame" class={classList} />
40 |         ) : gameData.flash ? (
41 |           <iframe scrolling="no" src={`/game/flash/${gameData.slug}`} title={gameData.name} id="game-frame" class={classList + " flash-frame"} />
42 |         ) : (
43 |           <iframe scrolling="no" src={`/games/${gameData.slug}`} title={gameData.name} id="game-frame" class={classList} />
44 |         )
45 |       }
46 |       <div class="game-info">
47 |         <div class="game-info-top">
48 |           <div class="game-info-left">
49 |             <img class="game-img" src={gameData.image} alt="" />
50 |             <p class="game-title">{gameData.name}</p>
51 |           </div>
52 |           <img src="/img/games/fullscreen.svg" alt="Fullscreen" id="game-fullscreen" class="icn" />
53 |         </div>
54 |         <div class="game-info-bottom">
55 |           <p class="game-desc">{gameData.description}</p>
56 |         </div>
57 |       </div>
58 |     </div>
59 |   </div>
60 | </Layout>
61 | 
62 | <script>
63 |   const iframe = document.getElementById("game-frame") as HTMLIFrameElement;
64 |   iframe.contentWindow?.focus();
65 | 
66 |   iframe?.addEventListener("load", () => {
67 |     iframe.contentWindow?.focus();
68 |   });
69 | 
70 |   iframe.addEventListener("click", () => {
71 |     iframe.contentWindow?.focus();
72 |   });
73 | 
74 |   document.addEventListener("astro:after-swap", () => {
75 |     const iframe = document.getElementById("game-frame") as HTMLIFrameElement;
76 |     iframe?.contentWindow?.focus();
77 |   });
78 | 
79 |   const fullscreen = document.getElementById("game-fullscreen") as HTMLImageElement;
80 | 
81 |   fullscreen.addEventListener("click", () => {
82 |     if (iframe.requestFullscreen) {
83 |       iframe.requestFullscreen();
84 |       iframe.focus();
85 |     }
86 |   });
87 | </script>
88 | 


--------------------------------------------------------------------------------
/src/pages/game/flash/[game].astro:
--------------------------------------------------------------------------------
 1 | ---
 2 | import LoadingSpinner from "@components/LoadingSpinner.astro";
 3 | 
 4 | export const prerender = false;
 5 | ---
 6 | 
 7 | <!doctype html>
 8 | <html lang="en" class="w-full h-full">
 9 |   <head>
10 |     <meta charset="UTF-8" />
11 |     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
12 |     <title>Game</title>
13 |     <script src="https://cdn.jsdelivr.net/npm/@ruffle-rs/ruffle@0.1.0-nightly.2024.9.19/ruffle.min.js" is:inline></script>
14 |     <script type="module" src="/flash/instantiateFlash.js" is:inline defer></script>
15 |     <link rel="stylesheet" href="/unity/index.css" />
16 |   </head>
17 |   <body>
18 |     <div id="loader" class="loading">
19 |       <LoadingSpinner />
20 |     </div>
21 |     <div id="gameContainer" class="game hidden"></div>
22 |   </body>
23 | </html>
24 | 
25 | <style>
26 |   body {
27 |     width: 100%;
28 |     height: 100%;
29 |     background-color: #1f2937;
30 |     color: #f3f4f6;
31 |   }
32 | 
33 |   .loading {
34 |     display: flex;
35 |     flex-direction: column;
36 |     align-items: center;
37 |     justify-content: center;
38 |     gap: 5px;
39 |     width: 100%;
40 |     height: 100%;
41 |   }
42 | 
43 |   .game {
44 |     width: 100%;
45 |     height: 100%;
46 |     background-color: #fff;
47 |   }
48 | 
49 |   .hidden {
50 |     display: none;
51 |   }
52 | </style>
53 | 


--------------------------------------------------------------------------------
/src/pages/game/unity/[game].astro:
--------------------------------------------------------------------------------
 1 | ---
 2 | export const prerender = false;
 3 | ---
 4 | 
 5 | <!doctype html>
 6 | <html lang="en" class="w-full h-full">
 7 |   <head>
 8 |     <meta charset="UTF-8" />
 9 |     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
10 |     <title>Unity Content</title>
11 |     <script is:inline src="/unity/UnityLoader.js"></script>
12 |     <script is:inline src="/unity/instantiateUnity.js"></script>
13 |     <link rel="stylesheet" href="/unity/index.css" />
14 |   </head>
15 |   <body class="w-full h-full bg-slate-800 text-slate-200">
16 |     <div id="loader" class="w-full h-full flex items-center justify-center flex-col gap-5">
17 |       <img src="/favicon.svg" class="w-10" />
18 |       <svg class="animate-spin h-5 w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
19 |         <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
20 |         <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
21 |       </svg>
22 |     </div>
23 |     <div class="h-full w-full hidden" id="error">
24 |       <div class="w-full h-full flex items-center justify-center flex-col gap-5">
25 |         <img src="/favicon.svg" class="w-10" />
26 |         <p>An error occurred.</p>
27 |         <p class="underline cursor-pointer" onclick="location.reload()">Refresh</p>
28 |       </div>
29 |     </div>
30 |     <div id="gameContainer" class="w-full h-full hidden bg-white"></div>
31 |   </body>
32 | </html>
33 | 


--------------------------------------------------------------------------------
/src/pages/index.astro:
--------------------------------------------------------------------------------
 1 | ---
 2 | import SchemaData from "@components/SchemaData.astro";
 3 | ---
 4 | 
 5 | <!doctype html>
 6 | <html lang="en">
 7 |   <head>
 8 |     <meta charset="UTF-8" />
 9 |     <meta name="viewport" content="width=device-width" />
10 |     <meta name="title" content="Pyrus" />
11 |     <meta name="author" content="Titanium Network" />
12 |     <meta name="description" content="Pyrus is a sleek web proxy supporting multiple standards of communication, and wide levels of customization." />
13 |     <meta property="og:type" content="website" />
14 |     <meta property="og:url" content="https://aluu.xyz" />
15 |     <meta property="og:title" content="Pyrus" />
16 |     <meta property="og:description" content="Pyrus is a sleek web proxy supporting multiple standards of communication, and wide levels of customization." />
17 |     <meta property="og:image" content="/logo.png" />
18 |     <meta property="twitter:card" content="summary_large_image" />
19 |     <meta property="twitter:url" content="https://aluu.xyz" />
20 |     <meta property="twitter:title" content="Pyrus" />
21 |     <meta property="twitter:description" content="Pyrus is a sleek web proxy supporting multiple standards of communication, and wide levels of customization." />
22 |     <meta property="twitter:image" content="/logo.png" />
23 |     <script src="@components/ts/PyrusStore.ts"></script>
24 |     <script src="https://www.googletagmanager.com/gtag/js?id=G-P1JX4G9KSF" is:inline></script>
25 |     <SchemaData />
26 |     <script is:inline>
27 |       window.dataLayer = window.dataLayer || [];
28 |       function gtag() {
29 |         window.dataLayer.push(arguments);
30 |       }
31 |       gtag("js", new Date());
32 | 
33 |       gtag("config", "G-P1JX4G9KSF");
34 |     </script>
35 |     <script>
36 |       import instantiatePyrus from "@components/ts/Pyrus";
37 |       instantiatePyrus();
38 |       const lang = Pyrus.store.get("lang");
39 |       const redirect = (loc: string) => (window.location.href = loc);
40 |       if (lang) {
41 |         redirect(`/${lang.value}/`);
42 |       } else {
43 |         const lang = navigator.language;
44 |         if (lang.includes("ja")) {
45 |           Pyrus.store.set("lang", { value: "jp" });
46 |           redirect("/jp/");
47 |         } else if (lang.includes("es")) {
48 |           Pyrus.store.set("lang", { value: "fr" });
49 |           redirect("/fr/");
50 |         } else if (lang.includes("fr")) {
51 |           Pyrus.store.set("lang", { value: "es" });
52 |           redirect("/es/");
53 |         } else if (lang.includes("pt")) {
54 |           Pyrus.store.set("lang", { value: "pt" });
55 |           redirect("/pt/");
56 |         } else if (lang.includes("ru")) {
57 |           Pyrus.store.set("lang", { value: "ru" });
58 |           redirect("/ru/");
59 |         } else if (lang.includes("zh")) {
60 |           Pyrus.store.set("lang", { value: "zh" });
61 |           redirect("/zh/");
62 |         } else {
63 |           Pyrus.store.set("lang", { value: "en" });
64 |           redirect("/en/");
65 |         }
66 |       }
67 |     </script>
68 |   </head>
69 |   <body style="background-color: black;"> </body>
70 | </html>
71 | 


--------------------------------------------------------------------------------
/src/pages/privacy.astro:
--------------------------------------------------------------------------------
 1 | ---
 2 | import Link from "@components/UI/Link.astro";
 3 | import Layout from "src/layouts/Layout.astro";
 4 | ---
 5 | 
 6 | <Layout title="Privacy Policy | Pyrus">
 7 |   <div id="main-content">
 8 |     <h1 class="title-text">Privacy Policy</h1>
 9 | 
10 |     <p>
11 |       Pyrus Project operates the <Link href="https://aluu.xyz" newTab content="https://aluu.xyz" /> website, which provides this Web Proxy service.
12 |     </p>
13 |     <p>This page is used to inform website visitors regarding our policies with the collection, use, and disclosure of Personal Information if anyone decided to use our Service, the Pyrus website.</p>
14 |     <p>
15 |       If you choose to use our Service, then you agree to the collection and use of information in relation with this policy. The Personal Information that we collect are used for providing and
16 |       improving the Service. We will not use or share your information with anyone except as described in this Privacy Policy.
17 |     </p>
18 |     <p>
19 |       The terms used in this Privacy Policy have the same meanings as in our Terms and Conditions, which is accessible at <Link href="https://aluu.xyz" newTab content="https://aluu.xyz" />, unless
20 |       otherwise defined in this Privacy Policy.
21 |     </p>
22 |     <h2><strong>Log Data</strong></h2>
23 |     <p>
24 |       Whenever you visit our Service, we potentially collect information that your browser sends to us which we call Log Data. This Log Data may include information such as your computer's IP address,
25 |       User Agent, pages of our Service that you visit, the time and date of your visit, and other statistics.
26 |     </p>
27 |     <h2><strong>Service Providers</strong></h2>
28 |     <p>We may employ third-party companies and individuals due to the following reasons:</p>
29 |     <ul>
30 |       <li>To facilitate our Service;</li>
31 |       <li>To provide the Service on our behalf;</li>
32 |       <li>To perform Service-related services; or</li>
33 |       <li>To assist us in analyzing how our Service is used.</li>
34 |     </ul>
35 |     <p>
36 |       We want to inform our Service users that these third parties may have access to your Personal Information. The reason is to perform the tasks assigned to them on our behalf. However, they are
37 |       obligated not to disclose or use the information for any other purpose.
38 |     </p>
39 |     <h2><strong>Security</strong></h2>
40 |     <p>
41 |       We value your trust in providing us your Personal Information, thus we are striving to use commercially acceptable means of protecting it. But remember that no method of transmission over the
42 |       internet, or method of electronic storage is 100% secure and reliable, and we cannot guarantee its absolute security.
43 |     </p>
44 |     <h2><strong>Links to Other Sites</strong></h2>
45 |     <p>
46 |       Our Service may contain links to other sites. If you click on a third-party link, you will be directed to that site. Note that these external sites are not operated by us. Therefore, we strongly
47 |       advise you to review the Privacy Policy of these websites. We have no control over, and assume no responsibility for the content, privacy policies, or practices of any third-party sites or
48 |       services.
49 |     </p>
50 |     <h2><strong>Children's Privacy</strong></h2>
51 |     <p>
52 |       Our Services do not address anyone under the age of 13. We do not knowingly collect personal identifiable information from children under 13. In the case we discover that a child under 13 has
53 |       provided us with personal information, we immediately delete this from our servers. If you are a parent or guardian and you are aware that your child has provided us with personal information,
54 |       please contact us so that we will be able to do necessary actions.
55 |     </p>
56 |     <h2><strong>Changes to This Privacy Policy</strong></h2>
57 |     <p>
58 |       We may update our Privacy Policy from time to time. Thus, we advise you to review this page periodically for any changes. We will notify you of any changes by posting the new Privacy Policy on
59 |       this page. These changes are effective immediately, after they are posted on this page.
60 |     </p>
61 |     <h2><strong>Contact Us</strong></h2>
62 |     <p>If you have any questions or suggestions about our Privacy Policy, do not hesitate to contact us.</p>
63 |   </div>
64 | </Layout>
65 | 


--------------------------------------------------------------------------------
/src/pages/terms.astro:
--------------------------------------------------------------------------------
  1 | ---
  2 | import Layout from "src/layouts/Layout.astro";
  3 | ---
  4 | 
  5 | <Layout title="Terms and Conditions | Pyrus">
  6 |   <div id="main-content">
  7 |     <h2><strong>Terms and Conditions</strong></h2>
  8 | 
  9 |     <p>Welcome to Pyrus!</p>
 10 | 
 11 |     <p>These terms and conditions outline the rules and regulations for the use of Pyrus Project's Website, located at https://aluu.xyz.</p>
 12 | 
 13 |     <p>By accessing this website we assume you accept these terms and conditions. Do not continue to use Pyrus if you do not agree to take all of the terms and conditions stated on this page.</p>
 14 | 
 15 |     <p>
 16 |       The following terminology applies to these Terms and Conditions, Privacy Statement and Disclaimer Notice and all Agreements: "Client", "You" and "Your" refers to you, the person log on this
 17 |       website and compliant to the Company's terms and conditions. "The Company", "Ourselves", "We", "Our" and "Us", refers to our Company. "Party", "Parties", or "Us", refers to both the Client and
 18 |       ourselves. All terms refer to the offer, acceptance and consideration of payment necessary to undertake the process of our assistance to the Client in the most appropriate manner for the express
 19 |       purpose of meeting the Client's needs in respect of provision of the Company's stated services, in accordance with and subject to, prevailing law of us. Any use of the above terminology or other
 20 |       words in the singular, plural, capitalization and/or he/she or they, are taken as interchangeable and therefore as referring to same.
 21 |     </p>
 22 | 
 23 |     <h3><strong>Cookies</strong></h3>
 24 | 
 25 |     <p>We employ the use of cookies. By accessing Pyrus, you agreed to use cookies in agreement with the Pyrus Project's Privacy Policy.</p>
 26 | 
 27 |     <p>
 28 |       Most interactive websites use cookies to let us retrieve the user's details for each visit. Cookies are used by our website to enable the functionality of certain areas to make it easier for
 29 |       people visiting our website. Some of our affiliate/advertising partners may also use cookies.
 30 |     </p>
 31 | 
 32 |     <h3><strong>License</strong></h3>
 33 | 
 34 |     <p>
 35 |       Unless otherwise stated, Pyrus Project and/or its licensors own the intellectual property rights for all material on Pyrus. All intellectual property rights are reserved. You may access this from
 36 |       Pyrus for your own personal use subjected to restrictions set in these terms and conditions.
 37 |     </p>
 38 | 
 39 |     <p>You must not:</p>
 40 |     <ul>
 41 |       <li>Republish material from Pyrus</li>
 42 |       <li>Sell, rent or sub-license material from Pyrus</li>
 43 |       <li>Reproduce, duplicate or copy material from Pyrus</li>
 44 |       <li>Redistribute content from Pyrus</li>
 45 |     </ul>
 46 | 
 47 |     <p>This Agreement shall begin on the date hereof.</p>
 48 | 
 49 |     <h3><strong>Hyperlinking to our Content</strong></h3>
 50 | 
 51 |     <p>The following organizations may link to our Website without prior written approval:</p>
 52 | 
 53 |     <ul>
 54 |       <li>Government agencies;</li>
 55 |       <li>Search engines;</li>
 56 |       <li>News organizations;</li>
 57 |       <li>Online directory distributors may link to our Website in the same manner as they hyperlink to the Websites of other listed businesses; and</li>
 58 |       <li>System wide Accredited Businesses except soliciting non-profit organizations, charity shopping malls, and charity fundraising groups which may not hyperlink to our Web site.</li>
 59 |     </ul>
 60 | 
 61 |     <p>
 62 |       These organizations may link to our home page, to publications or to other Website information so long as the link: (a) is not in any way deceptive; (b) does not falsely imply sponsorship,
 63 |       endorsement or approval of the linking party and its products and/or services; and (c) fits within the context of the linking party's site.
 64 |     </p>
 65 | 
 66 |     <p>We may consider and approve other link requests from the following types of organizations:</p>
 67 | 
 68 |     <ul>
 69 |       <li>commonly-known consumer and/or business information sources;</li>
 70 |       <li>dot.com community sites;</li>
 71 |       <li>associations or other groups representing charities;</li>
 72 |       <li>online directory distributors;</li>
 73 |       <li>internet portals;</li>
 74 |       <li>accounting, law and consulting firms; and</li>
 75 |       <li>educational institutions and trade associations.</li>
 76 |     </ul>
 77 | 
 78 |     <p>
 79 |       We will approve link requests from these organizations if we decide that: (a) the link would not make us look unfavorably to ourselves or to our accredited businesses; (b) the organization does
 80 |       not have any negative records with us; (c) the benefit to us from the visibility of the hyperlink compensates the absence of Pyrus Project; and (d) the link is in the context of general resource
 81 |       information.
 82 |     </p>
 83 | 
 84 |     <p>
 85 |       These organizations may link to our home page so long as the link: (a) is not in any way deceptive; (b) does not falsely imply sponsorship, endorsement or approval of the linking party and its
 86 |       products or services; and (c) fits within the context of the linking party's site.
 87 |     </p>
 88 | 
 89 |     <p>
 90 |       If you are one of the organizations listed in paragraph 2 above and are interested in linking to our website, you must inform us by sending an e-mail to Pyrus Project. Please include your name,
 91 |       your organization name, contact information as well as the URL of your site, a list of any URLs from which you intend to link to our Website, and a list of the URLs on our site to which you
 92 |       would like to link. Wait 2-3 weeks for a response.
 93 |     </p>
 94 | 
 95 |     <p>Approved organizations may hyperlink to our Website as follows:</p>
 96 | 
 97 |     <ul>
 98 |       <li>By use of our corporate name; or</li>
 99 |       <li>By use of the uniform resource locator being linked to; or</li>
100 |       <li>By use of any other description of our Website being linked to that makes sense within the context and format of content on the linking party's site.</li>
101 |     </ul>
102 | 
103 |     <p>No use of Pyrus Project's logo or other artwork will be allowed for linking absent a trademark license agreement.</p>
104 | 
105 |     <h3><strong>iFrames</strong></h3>
106 | 
107 |     <p>Without prior approval and written permission, you may not create frames around our Webpages that alter in any way the visual presentation or appearance of our Website.</p>
108 | 
109 |     <h3><strong>Content Liability</strong></h3>
110 | 
111 |     <p>
112 |       We shall not be hold responsible for any content that appears on your Website. You agree to protect and defend us against all claims that is rising on your Website. No link(s) should appear on
113 |       any Website that may be interpreted as libelous, obscene or criminal, or which infringes, otherwise violates, or advocates the infringement or other violation of, any third party rights.
114 |     </p>
115 | 
116 |     <h3><strong>Reservation of Rights</strong></h3>
117 | 
118 |     <p>
119 |       We reserve the right to request that you remove all links or any particular link to our Website. You approve to immediately remove all links to our Website upon request. We also reserve the
120 |       right to amen these terms and conditions and it's linking policy at any time. By continuously linking to our Website, you agree to be bound to and follow these linking terms and conditions.
121 |     </p>
122 | 
123 |     <h3><strong>Removal of links from our website</strong></h3>
124 | 
125 |     <p>
126 |       If you find any link on our Website that is offensive for any reason, you are free to contact and inform us any moment. We will consider requests to remove links but we are not obligated to or
127 |       so or to respond to you directly.
128 |     </p>
129 | 
130 |     <p>
131 |       We do not ensure that the information on this website is correct, we do not warrant its completeness or accuracy; nor do we promise to ensure that the website remains available or that the
132 |       material on the website is kept up to date.
133 |     </p>
134 | 
135 |     <h3><strong>Disclaimer</strong></h3>
136 | 
137 |     <p>
138 |       To the maximum extent permitted by applicable law, we exclude all representations, warranties and conditions relating to our website and the use of this website. Nothing in this disclaimer will:
139 |     </p>
140 | 
141 |     <ul>
142 |       <li>limit or exclude our or your liability for death or personal injury;</li>
143 |       <li>limit or exclude our or your liability for fraud or fraudulent misrepresentation;</li>
144 |       <li>limit any of our or your liabilities in any way that is not permitted under applicable law; or</li>
145 |       <li>exclude any of our or your liabilities that may not be excluded under applicable law.</li>
146 |     </ul>
147 | 
148 |     <p>
149 |       The limitations and prohibitions of liability set in this Section and elsewhere in this disclaimer: (a) are subject to the preceding paragraph; and (b) govern all liabilities arising under the
150 |       disclaimer, including liabilities arising in contract, in tort and for breach of statutory duty.
151 |     </p>
152 | 
153 |     <p>As long as the website and the information and services on the website are provided free of charge, we will not be liable for any loss or damage of any nature.</p>
154 |   </div>
155 | </Layout>
156 | 
157 | <style>
158 |   #main-content {
159 |     width: 90%;
160 |     margin: 0 auto;
161 |   }
162 | </style>
163 | 


--------------------------------------------------------------------------------
/src/types.d.ts:
--------------------------------------------------------------------------------
 1 | interface Window {
 2 |   PyrusStore: PyrusStore;
 3 |   __uv$config: {
 4 |     prefix: string;
 5 |     encodeUrl: (url: string) => string;
 6 |     decodeUrl: (url: string) => string;
 7 |   };
 8 |   __uv$location: Location;
 9 |   loadFormContent: () => Promise<void> | null;
10 |   idb: IDBDatabase;
11 |   wispData: WispData[];
12 | }
13 | 
14 | type ExtType = "serviceWorker" | "theme" | "page";
15 | 
16 | type Extension = {
17 |   name: string;
18 |   script: string;
19 |   type: ExtType;
20 | 
21 | };
22 | 
23 | // This just makes it shorter to type
24 | type HTMLButton = HTMLButtonElement;
25 | 
26 | /* 
27 |   - title: The title of the extension
28 |   - description: A description of the extension
29 |   - version: The version of the extension
30 |   - script: The script URL to be downloaded and saved into scriptCopy
31 |   - entryNamespace: The namespace of the entry function for serviceWorker extensions
32 |   - entryFunc: The name of the entry function for serviceWorker extensions
33 |   - scriptCopy: The script contents of the extension btoa'd (null if not downloaded)
34 |   - type: The type of extension, see ExtType.
35 |   - themeName: The name of the theme that goes in the data attribute
36 | */
37 | interface ExtensionMetadata {
38 |   title: string;
39 |   description: string;
40 |   version: string;
41 |   image: string;
42 |   script: string;
43 |   scriptCopy?: Uint8Array | null;
44 |   type: ExtType;
45 | }
46 | 
47 | interface ExtServiceWorkerMetadata extends ExtensionMetadata {
48 |   entryNamespace: string;
49 |   entryFunc: string;
50 | }
51 | 
52 | interface ExtPageMetadata extends ExtensionMetadata {
53 |   init: string;
54 | }
55 | 
56 | interface ExtThemeMetadata extends ExtensionMetadata {
57 |   themeName: string;
58 | }
59 | 
60 | type ExtensionMetadataJSON = Record<string, ExtensionMetadata>;
61 | 
62 | type InstallReturn = {
63 |   code: EXT_RETURN;
64 |   slug: string;
65 |   title?: string;
66 | };
67 | 
68 | type GameMetadata = {
69 |   name: string;
70 |   description?: string;
71 |   image: string;
72 |   slug: string;
73 |   unity?: boolean;
74 |   flash?: boolean;
75 |   vertical?: boolean;
76 | };
77 | 
78 | type GameList = {
79 |   [key: string]: GameMetadata;
80 | };
81 | 
82 | type WispServer = {
83 |   url: string;
84 | };
85 | 
86 | type WispData = {
87 |   server: WispServer;
88 |   time: number;
89 | };
90 | 


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "extends": "astro/tsconfigs/strict",
 3 |   "exclude": ["dist/**", "node_modules/**", "public/games/**", ".eslint.cjs"],
 4 |   "compilerOptions": {
 5 |     "baseUrl": ".",
 6 |     "paths": {
 7 |       "@components/*": ["src/components/*"],
 8 |       "@icons/*": ["src/icons/*"],
 9 |       "@i18n/*": ["src/i18n/*"],
10 |       "@json/*": ["src/json/*"]
11 |     }
12 |   }
13 | }
14 | 


--------------------------------------------------------------------------------