Featured App of the Day
Loading...
Loading...
Loading...
Apps
PWAs
Terbium v2
> If you are going to static host Terbium, you will need to change the wisp server, and you would need to follow those steps. Refer to this [document](./docs/static-hosting.md) for more information. ### Documentation If you wish to develop or just learn more about Terbium's components and stuff, feel free to read our [Documentation](/docs/README.md) If you're looking to see what Anura APIs and features are supported in terbium, refer to: [here](/docs/anura-compat.md), if you're looking to see what Electron API's are supported in terbium refer to: [here](/docs/lemonade-compat.md) ### Contributors - [SNOOT](https://github.com/NovaAppsInc) - [XSTARS](https://github.com/Notplayingallday383) - [illusionTBA](https://github.com/illusionTBA) - [Rafflesia](https://github.com/ProgrammerIn-wonderland) - [Riftriot](https://github.com/Riftriot) - [ironswordX](https://github.com/ironswordX) - [Ryan](https://github.com/MovByte) Licensed under the [**AGPL3 License**](https://www.gnu.org/licenses/agpl-3.0.en.html) ================================================ FILE: SECURITY.md ================================================ # Security Policy ## Supported Terbium Versions | Version | Supported | | ------- | --------- | | 2.0.0-beta | ❌ | | 2.0.0-beta2 | ❌ | | 2.0.0-beta3 | ❌ | | 2.1.x | ❌ | | 2.2.x | ✅ | | 2.3.x | ✅ | If your version of terbium is unsupported, please do not make a GitHub Issue about it. Please update to a newer version if your running a unsupported version. ### Supported Liquor Versions | Version | Supported | | ------- | --------- | | 2.1.0 (stable) | ❌ | | 2.1.1 (stable) | ✅ | ### Supported Lemonade Versions | Version | Supported | | ------- | --------- | | 1.0.0 (stable) | ❌ | | 1.1.0 (stable) | ✅ | ## Reporting a Vulnerability In the case that you somehow manage to find a vulnerability in Terbium please contact security@terbiumon.top REMEMBER: Please DO NOT report vulnerabilities in the repository Issues tab. ## What You Should Report If you are wondering what counts as a vulnerability, heres a good list: - XSS in the URL your using - The ability to execute malicious code on the server hosting Terbium - Any kind of leak of data/information in the code ================================================ FILE: biome.json ================================================ { "$schema": "./node_modules/@biomejs/biome/configuration_schema.json", "vcs": { "enabled": false, "clientKind": "git", "useIgnoreFile": false }, "files": { "includes": [ "**", "!**/node_modules/**", "!**/dist/**", "!**/public/assets/**", "!**/public/apps/*.lib/**", "!**/public/apps/nfsadapter/**", "!**/public/lib/**", "!**/.vscode/**", "!**/.zed/**", "!**/docs/**", "!**/public/apps/*.app/**", "!**/public/apps/files.tapp/webdav.js", "!**/public/apps/terminal.tapp/ssh-util.js" ] }, "formatter": { "enabled": true, "indentStyle": "tab", "indentWidth": 4, "lineWidth": 320 }, "css": { "parser": { "tailwindDirectives": true } }, "linter": { "enabled": true, "rules": { "recommended": true, "style": { "noParameterAssign": "error", "useAsConstAssertion": "error", "useDefaultParameterLast": "error", "useEnumInitializers": "error", "useSelfClosingElements": "error", "useSingleVarDeclarator": "error", "noUnusedTemplateLiteral": "error", "useNumberNamespace": "error", "noInferrableTypes": "error", "noUselessElse": "error" } } }, "javascript": { "formatter": { "quoteStyle": "double", "arrowParentheses": "asNeeded", "lineWidth": 320 } }, "assist": { "enabled": true, "actions": { "source": { "organizeImports": "on" } } } } ================================================ FILE: bootstrap.ts ================================================ import fs from "fs"; import path from "path"; import { fileURLToPath } from "url"; import consola from "consola"; import { TServer } from "./server"; import { version } from "./package.json"; import open from "open"; import { exec } from "child_process"; import AdmZip from "adm-zip"; consola.info("Bootstrapping TerbiumOS [v" + version + "]"); export default async function Bootstrap() { const args = process.argv; const nodever = fs.readFileSync(".node_version", "utf-8").trim(); if (process.version < nodever) { consola.warn("Your version of Node.JS is not supported. Please update node to use Terbium. (Current version: " + process.version + ", Required version: " + nodever + " or higher)"); } await BuildApps(); await CreateAppsPaths(); if (!fs.existsSync(".env")) await CreateEnv(); await Updater(); consola.success("TerbiumOS bootstrapped successfully"); if (!(args.includes("--apps-only") || args.includes("--dev"))) { TServer(); } } export async function BuildApps() { consola.start("Building apps..."); const __dirname = path.dirname(fileURLToPath(import.meta.url)), baseDir = path.join(__dirname, "./public/apps"), outputDir = path.join(__dirname, "./src"), outputJsonPath = path.join(outputDir, "apps.json"), result: { name: string; config: any }[] = []; function scanDirectory(dir: string) { fs.readdirSync(dir, { withFileTypes: true }).forEach(i => { if (i.isDirectory()) { const indexFilePath = path.join(dir, i.name, "index.json"); if (fs.existsSync(indexFilePath)) { try { const data = JSON.parse(fs.readFileSync(indexFilePath, "utf-8")); if (data.name && data.config) { if (data.name !== "Browser") { data.config.src = data.config.src.replace(`/apps/${data.name.toLowerCase()}.tapp/`, `/fs/apps/system/${data.name.toLowerCase()}.tapp/`); data.config.icon = data.config.icon.replace(`/apps/${data.name.toLowerCase()}.tapp/`, `/fs/apps/system/${data.name.toLowerCase()}.tapp/`); } result.push({ name: data.name, config: data.config }); } } catch (t) { consola.error(`Error parsing ${indexFilePath}:`, t instanceof Error ? t.message : String(t)); } } } else if (i.name.endsWith(".tapp.zip")) { const zipPath = path.join(dir, i.name); try { const zip = new AdmZip(zipPath); const configEntry = zip.getEntry(".tbconfig"); if (configEntry) { const configData = JSON.parse(configEntry.getData().toString("utf-8")); if (configData.title && configData.wmArgs) { result.push({ name: configData.title, config: configData.wmArgs }); } } } catch (t) { consola.error(`Error reading ${zipPath}:`, t instanceof Error ? t.message : String(t)); } } }); } scanDirectory(baseDir), fs.existsSync(path.join(__dirname, "./build")) || fs.mkdirSync(path.join(__dirname, "./build")), fs.existsSync(outputJsonPath) || fs.writeFileSync(outputJsonPath, "[]", "utf-8"), fs.writeFileSync(outputJsonPath, JSON.stringify(result, null, 2), "utf-8"), consola.success(`Aggregated JSON saved to ${outputJsonPath}`); exec("git rev-parse HEAD", (error, stdout, stderr) => { if (error || stderr) { consola.error("Failed to get git commit hash"); fs.writeFileSync(path.join(__dirname, "./src/hash.json"), JSON.stringify({ hash: "2b14b5", repository: "terbiumos/web-v2" }, null, 2), "utf-8"); } else { const hash = stdout.trim(); exec("git remote get-url origin", (remoteError, remoteStdout, remoteStderr) => { const repoUrl = remoteStdout.trim(); const data = { hash, repository: repoUrl.replace("https://github.com/", "") }; if (remoteError || remoteStderr) { consola.error("Failed to get repository URL"); fs.writeFileSync(path.join(__dirname, "./src/hash.json"), JSON.stringify({ hash: null, repository: null }, null, 2), "utf-8"); } else { fs.writeFileSync(path.join(__dirname, "./src/hash.json"), JSON.stringify(data, null, 2), "utf-8"); consola.success(`Git hash and repo saved to ${path.join(__dirname, "./src/hash.json")}`); } }); } }); return true; } export async function CreateAppsPaths() { interface Apps { [appName: string]: (string | { [path: string]: string[] })[]; } consola.start("Creating apps paths..."); const __dirname = path.dirname(fileURLToPath(import.meta.url)), baseDir = path.join(__dirname, "./public/apps"), outputDir = path.join(__dirname, "./src"), outputJsonPath = path.join(outputDir, "installer.json"), output: string[] = []; function collectPaths(dir: string, base: string = dir): void { const files: fs.Dirent[] = fs.readdirSync(dir, { withFileTypes: true }); files.forEach((file: fs.Dirent) => { const fullPath = path.join(dir, file.name); const relativePath = path.relative(baseDir, fullPath).replace(/\\/g, "/"); if (file.isDirectory()) { output.push(relativePath + "/"); collectPaths(fullPath, base); } else { output.push(relativePath); } }); } const accmp: string[] = []; fs.readdirSync(baseDir, { withFileTypes: true }).forEach(app => { if (app.isDirectory() && app.name.toLocaleLowerCase().endsWith(".tapp")) { const appPath = path.join(baseDir, app.name); if (app.name.toLowerCase() === "settings.tapp") { collectPaths(appPath); if (fs.existsSync(path.join(appPath, "accounts"))) { collectPaths(path.join(appPath, "accounts")); accmp.push(...output.splice(output.indexOf("settings.tapp/accounts/"))); } } else { collectPaths(appPath); } } else if (app.name.toLowerCase().endsWith(".tapp.zip")) { accmp.push(app.name); } }); output.push(...accmp); fs.writeFileSync(outputJsonPath, JSON.stringify(output, null, 2), "utf-8"); consola.success(`Installer JSON saved to ${outputJsonPath}`); return true; } export async function CreateEnv() { const port = (await consola.prompt("Enter a port for the server to run on (3000): ", { type: "text", default: "3000", placeholder: "3000", cancel: "default", })) || 3000; const masqr = await consola.prompt("Enable Masqr? (no): ", { type: "text", default: "false", placeholder: "no", cancel: "default", }); if (masqr === "no" || masqr === "false" || masqr === "n") { fs.writeFileSync(".env", `MASQR=${false}\nPORT=${port}`); } else { const licenseServer = (await consola.prompt("Enter the masqr license server URL: ")) || ""; const whitelist = (await consola.prompt("Enter a comma separated array of domains to whitelist (Ex: ['https://balls.com', 'https://tomp.app']): ")) || []; fs.writeFileSync(".env", `MASQR=${true}\nPORT=${port}\nLICENSE_SERVER_URL=${licenseServer}\nWHITELISTED_DOMAINS=${whitelist}\n`); } consola.success("Environment file created"); return true; } export async function Updater() { consola.start("Checking for updates..."); exec("git remote get-url origin", async (remoteError, remoteStdout, remoteStderr) => { if (remoteError || remoteStderr) { consola.error("Failed to get local repository URL"); return; } const repo = `https://raw.githubusercontent.com/${remoteStdout.trim().replace("https://github.com/", "").replace(".git", "")}/refs/heads/main/package.json` || "https://raw.githubusercontent.com/TerbiumOS/web-v2/refs/heads/main/package.json"; try { const response = await fetch(repo); const ver = (await response.json()).version; if (ver > version) { const res = await consola.prompt(`A new version of Terbium is available. Would you like to download it? (New Version: ${ver}, Current: ${version})`, { type: "confirm", }); if (res) { consola.info("Downloading new version..."); exec("git pull", async (remoteError, remoteStdout, remoteStderr) => { if (remoteError || remoteStderr) { consola.error("Failed to update Terbium, Please update manually"); open(`${remoteStdout.trim()}/releases/latest`); return; } consola.success("Terbium updated successfully"); await BuildApps(); await CreateAppsPaths(); }); return; } else return; } else { consola.success("Terbium is up to date"); } } catch (e) { consola.error(`Failed to check for updates, ${e}`); } }); return true; } Bootstrap(); ================================================ FILE: docs/README.md ================================================ # Table of Contents Welcome to Terbium v2's Documentation. Here is a simple table of contents to help you get where you need to get - [How to Contribute to Terbium v2](./contributions.md) - [Creating Terminal Commands](./creating-terminal-commands.md) - [Creating Apps](./creating-apps.md) - [Backend Configuration Options](./backend-configuration.md) - [Anura Compatability & API Support](./anura-compat.md) - [Electron Compatability & API Support](./lemonade-compat.md) - [Introduction to Lemonade](./lemonade.md) - [Terbium API Documentation](./apis/readme.md) - [Static Hosting](./static-hosting.md) - [UPK Builds](./upk-build.md) If you cannot find what your looking for feel free to ask in the Terbium Discord or in the TN Discord ================================================ FILE: docs/anura-compat.md ================================================ # Liquor Compatability Liquor is our Compatability layer for Anura. We named it liquor because its similar to how wine works. If your wondering what version of anura liquor is based off of, its based of Anura v2.1 "Starboy", as of now Liquor mostly targets almost all of Anura v2.1's APIs ## API Support Below we have a small chart with a list of the current supported apis in Liquor | API | Support | Notes | | :--: | :---: | :---: | | anura.fs | Full | - | | anura.registerExternalApp | Full | - | | anura.registerExternalLib | Full | - | | anura.notifacation | Full | - | | anura.x86 | **NO** | Not Implemented | | anura.filePicker | Full | - | | anura.net | Full | - | | anura.URIHandler | Partial | Working but not perfect | | anura.install | Full | - | | anura.wm | Full | - | | anura.config | Full | - | | anura.files | Full | - | | anura.dialog | Full | - | | anura.localfs | Full | - | | anura.platform | Full | - | | anura.process | Partial | Stubbed to work, Not Fully implemented | | anura.ui | Partial | Stubbed to work, Not fully implemented | | anura.filesystem | Full | - | | anura.libs | Full | - | | anura.version | Full | - | | anura.systray | Partial | - | | anura.python | **NO** | Not Implemented (Deprecated) | **⚠️ NOTE** Anura Plugins are **NOT** supported on liquor due to service worker infrastructure differences Liquor also bundles a few things that will be enabled. They are listed below | App Name | Version | Last Updated | | :--: | :---: | :---: | | fsapp.app | 2.0-tb | 3/21/2025 | | libfilepicker.lib | 2.0-tb | 11/14/2024 | | libfileview.lib | 2.0-tb | 11/14/2024 | | libpersist.lib | 2.0 | 8/17/2024 | | anura.bcc | BX2-tb/BX1 (UPK only) | 11/25/2024 | ================================================ FILE: docs/apis/readme.md ================================================ # API Docs **Last Updated**: v2.3.0 - 03/31/2026 So you're looking to use Terbium APIs. Well, you're in the right place! Terbium has a decent amount of components which I will break down below. The pages will include a description of the functions and code examples. ## Table of Contents - [Battery](#battery) - [Launcher](#launcher) - [Theme](#theme) - [Desktop](#desktop) - [Window](#window) - [Context Menu](#contextmenu) - [User](#user) - [Proxy](#proxy) - [Notification](#notification) - [Dialog](#dialog) - [Node](#node) - [Platform](#platform) - [Process](#process) - [Screen](#screen) - [VFS](#vfs) - [System](#system) - [Terbium Cloud (tauth)](#terbium-cloud-tauth) - [Mediaplayer](#mediaplayer) - [File](#file) - [Additional Libraries](#additional-libraries) ### Battery - **showPercentage** - Description: Shows the battery percentage in the system tray. - Returns: `Promise
hi (put any HTML Content here)
`)
```
- **titlebar**
- **setColor**
- Description: Sets the fore-color of all the window's titlebars
- Example:
```javascript
tb.window.titlebar.setColor('#fff')
```
- **setText**
- Description: Sets the current window's title
- Example:
```javascript
tb.window.titlebar.setText('TB Docs')
```
- **setBackgroundColor**
- Description: Sets the background-color of all the window's titlebars
- Example:
```javascript
tb.window.titlebar.setBackgroundColor('#000')
```
- **island**
- **addControl**
- Description: Adds a control to the TB App Island
- Example:
```javascript
tb.window.island.addControl({
text: "Welcome to nginx!
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 Refresh this page
For online documentation and support please refer to
nginx.org.
Commercial support is available at
nginx.com.
Thank you for using nginx.
================================================ FILE: index.html ================================================Index of
| Name | Type | Size | Last Modified |
|---|---|---|---|
| ${ entry.type === "DIRECTORY" ? ` ` : ` ` } ${entry.name} | ${entry.type} | ${ entry.type === "DIRECTORY" ? "-" : entry.size > 1024 * 1024 * 1024 ? `${(entry.size / (1024 * 1024 * 1024)).toFixed(2)} GB` : entry.size > 1024 * 1024 ? `${(entry.size / (1024 * 1024)).toFixed(2)} MB` : entry.size > 1024 ? `${(entry.size / 1024).toFixed(2)} KB` : `${entry.size} bytes` } | ${new Date(entry.mtime).toLocaleString()} |
Offline Error
Try refreshing the page if you are connected to the internet
Terbium WebOS
Developers: SNOOT, XSTARS, IllusionTBA, Rafflesia, EndlessVortex, ironswordX
© Copyright 2026 TerbiumOS
Licensed under the AGPL 3.0 License
================================================ FILE: public/apps/about.tapp/index.json ================================================ { "name": "About", "config": { "title": "About", "icon": "/fs/apps/system/about.tapp/icon.svg", "src": "/fs/apps/system/about.tapp/index.html" } } ================================================ FILE: public/apps/app store.tapp/index.html ================================================Add Repo
There are no PWA apps available in this repo
`); } if (appCards.length === 0) { appCards.push(`There are no app card apps available in this repo
`); } document.querySelector(".pwa-list").innerHTML = pwaCards.join(""); document.querySelector(".apps-list").innerHTML = appCards.join(""); document.querySelectorAll(".app-card").forEach(card => { card.addEventListener("click", function () { const idx = parseInt(this.getAttribute("data-app-index"), 10); loadApp(data.apps[idx], type); }); }); break; case "Anura": const featuredList2 = data.apps; const randomIndex2 = Math.floor(Math.random() * featuredList2.length); data.featured = featuredList2[randomIndex2] || {}; const icn2 = await window.parent.tb.libcurl.fetch(`${url.replace("manifest.json", "")}/apps/${data.featured.package}/${data.featured.icon}`); const blob2 = await icn2.blob(); const icnurl2 = URL.createObjectURL(blob2); featured.classList.forEach(cls => { if (cls.startsWith("bg-[url")) { featured.classList.remove(cls); } }); featured.classList.add(`bg-[url('${icnurl2 || "/tb.svg"}')]`); featured.onclick = () => { loadApp(data.featured, type); }; featured.querySelector("h3").textContent = data.featured.name; if (data.featured.version) { featured.querySelector("h4:nth-child(2)").textContent = `Version ${data.featured.version}`; } else { featured.querySelector("h4:nth-child(2)").textContent = `Progressive Web App`; } featured.querySelector("h4:nth-child(3)").textContent = `Anura Application`; const appCards2 = await Promise.all( data.apps.map(async app => { const icn1 = await window.parent.tb.libcurl.fetch(`${url.replace("manifest.json", "")}/apps/${app.package}/${app.icon}`); const blob1 = await icn1.blob(); const icnurl1 = URL.createObjectURL(blob1); const displayName = app.name && app.name.length > 10 ? app.name.slice(0, 10) + "..." : app.name || "Unknown"; const cardHtml = `There are no PWA apps available in this repo
`); } if (appCards_2.length === 0) { appCards_2.push(`There are no app card apps available in this repo
`); } document.querySelector(".pwa-list").innerHTML = pwaCards2.join(""); document.querySelector(".apps-list").innerHTML = appCards_2.join(""); document.querySelectorAll(".app-card").forEach(card => { card.addEventListener("click", function () { const idx = parseInt(this.getAttribute("data-app-index"), 10); loadApp(data.apps[idx], type); }); }); break; case "Xen": console.log("Xen repo not implemented yet."); document.querySelector(".featured h3").textContent = "Xen App Store"; break; } } /** * Loads the app content in the preview * @param {Object} app - The app to load * @param {string} type - The type of app (Terbium, Anura, Xen) */ async function loadApp(app, type) { document.querySelector(".app-prev").classList.remove("hidden"); document.querySelector(".app-prev").classList.add("flex"); document.querySelector(".main").classList.remove("flex"); document.querySelector(".main").classList.add("hidden"); let icnUrl; let isInstalled = false; let uptodate = true; const installedApps = JSON.parse(await window.parent.tb.fs.promises.readFile(`/apps/installed.json`, "utf8")); if (installedApps.some(a => a.name === app.name)) { isInstalled = true; const config = JSON.parse(await window.parent.tb.fs.promises.readFile(`${installedApps.find(a => a.name === app.name).config}`, "utf8")); if (app.version && config.version && semverCompare(app.version, config.version) > 0) { uptodate = false; } } if (app.wmArgs) { type = "tb-PWA"; } else if ("anura-pkg" in app) { type = "tb-liq"; } switch (type) { case "Terbium": case "tb-PWA": const icn1 = await window.parent.tb.libcurl.fetch(app.icon); const blob1 = await icn1.blob(); icnUrl = URL.createObjectURL(blob1); break; case "Anura": case "tb-liq": let icn2; if (currRepo.url) { icn2 = await window.parent.tb.libcurl.fetch(`${currRepo.url.replace("manifest.json", "")}/apps/${app.package}/${app.icon}`); } else { icn2 = await window.parent.tb.libcurl.fetch(app.icon); } if (!icn2.ok) { icn2 = await window.parent.tb.libcurl.fetch("https://terbiumon.top/favicon.ico"); } const blob2 = await icn2.blob(); icnUrl = URL.createObjectURL(blob2); break; case "Xen": break; } document.querySelector(".app-prev").innerHTML = `${typeof currRepo === "object" ? currRepo.name : currRepo} → ${app.name}
${app.name}
By ${app.developer || "Unknown"}
${isInstalled ? (uptodate ? `` : ``) : ``}
About ${app.name}
${app.description || "No description available."}
- Version: ${app.version || "1.0.0"}
- Developer: ${app.developer || "Unknown"}
- License: ${app.license || "N/A"}
- Scanned: ${app.scanned ? `${new URL(app.scanned).hostname.replace(/^www\./, "")}` : "N/A"}
- Size: ${app.size || "N/A"}
- OS: ${(app.requirements && app.requirements.os) || "Any"}
- Proxy: ${(app.requirements && app.requirements.proxy) || "Any"}
Requirements:
Images
${
app.images
? app.images
.map(
img => `
`,
)
.join("")
: "
No images available.
" }
${displayName}
`; repoCard.addEventListener("contextmenu", function (e) { e.preventDefault(); window.parent.tb.contextmenu.create({ x: e.clientX, y: e.clientY, options: [ { text: "Load Repo", click: () => loadRepo(repo.url) }, { text: "Remove Repo", click: () => { repoList.removeChild(repoCard); const index = repos.findIndex(r => r.url === repo.url); if (index !== -1) { repos.splice(index, 1); } window.parent.tb.fs.promises.writeFile(`/apps/user/${sessionStorage.getItem("currAcc")}/app store/repos.json`, JSON.stringify(repos, null, 2)); }, }, ], }); }); repoList.appendChild(repoCard); continue; } const data = await repoinfo.json(); if (data.maintainer) { const icn = await window.parent.tb.libcurl.fetch(repo.icon); const blob = await icn.blob(); const icnurl = URL.createObjectURL(blob); const displayName = data.name && data.name.length > 8 ? data.name.slice(0, 8) + "..." : data.name || "Unknown"; const repoCard = document.createElement("div"); repoCard.className = "repo-card flex flex-row items-center bg-[#00000032] rounded-lg h-[50px] p-1 gap-1"; repoCard.onclick = () => loadRepo(repo.url); repoCard.innerHTML = `${displayName}
`; repoCard.addEventListener("contextmenu", function (e) { e.preventDefault(); window.parent.tb.contextmenu.create({ x: e.clientX, y: e.clientY, options: [ { text: "Load Repo", click: () => loadRepo(repo.url) }, { text: "Remove Repo", click: () => { repoList.removeChild(repoCard); const index = repos.findIndex(r => r.url === repo.url); if (index !== -1) { repos.splice(index, 1); } window.parent.tb.fs.promises.writeFile(`/apps/user/${sessionStorage.getItem("currAcc")}/app store/repos.json`, JSON.stringify(repos, null, 2)); }, }, ], }); }); repoList.appendChild(repoCard); } else if (data.title) { throw new Error("Xen repo not implemented yet."); } else { const icn = await window.parent.tb.libcurl.fetch(data.repo.icon); const blob = await icn.blob(); const icnurl = URL.createObjectURL(blob); const displayName = data.repo.name && data.repo.name.length > 8 ? data.repo.name.slice(0, 8) + "..." : data.repo.name || "Unknown"; const repoCard = document.createElement("div"); repoCard.className = "repo-card flex flex-row items-center bg-[#00000032] rounded-lg h-[50px] p-1 gap-1"; repoCard.onclick = () => loadRepo(repo.url); repoCard.innerHTML = `${displayName}
`; repoCard.addEventListener("contextmenu", function (e) { e.preventDefault(); window.parent.tb.contextmenu.create({ x: e.clientX, y: e.clientY, options: [ { text: "Load Repo", click: () => loadRepo(repo.url) }, { text: "Remove Repo", click: () => { repoList.removeChild(repoCard); const index = repos.findIndex(r => r.url === repo.url); if (index !== -1) { repos.splice(index, 1); } window.parent.tb.fs.promises.writeFile(`/apps/user/${sessionStorage.getItem("currAcc")}/app store/repos.json`, JSON.stringify(repos, null, 2)); }, }, ], }); }); repoList.appendChild(repoCard); } } } /** * Changes the view between apps and PWAs * @param {string} type - The type of view ("apps" or "pwa") */ function view(type) { if (type === "apps") { viewType = "apps"; document.querySelector(".apps-list").classList.remove("hidden"); document.querySelector(".pwa-list").classList.add("hidden"); document.querySelector(".apps-list").classList.remove("flex"); document.querySelector(".apps-list").classList.add("grid"); document.querySelector(".pwa-list").classList.remove("grid"); document.querySelector(".pwa-list").classList.add("hidden"); document.querySelector(".app-togg").classList.add("bg-[#5DD88122]"); document.querySelector(".app-togg").classList.remove("bg-[#00000022]"); document.querySelector(".pwa-togg").classList.remove("bg-[#5DD88122]"); document.querySelector(".pwa-togg").classList.add("bg-[#00000022]"); } else if (type === "pwa") { viewType = "pwa"; document.querySelector(".pwa-list").classList.remove("hidden"); document.querySelector(".apps-list").classList.add("hidden"); document.querySelector(".pwa-list").classList.remove("flex"); document.querySelector(".pwa-list").classList.add("grid"); document.querySelector(".apps-list").classList.remove("grid"); document.querySelector(".apps-list").classList.add("hidden"); document.querySelector(".app-togg").classList.remove("bg-[#5DD88122]"); document.querySelector(".app-togg").classList.add("bg-[#00000022]"); document.querySelector(".pwa-togg").classList.add("bg-[#5DD88122]"); document.querySelector(".pwa-togg").classList.remove("bg-[#00000022]"); } } /** * Adds a new repo to the repo list */ async function addRepo() { window.parent.tb.dialog.Message({ title: "Enter a Repo URL", onOk: async value => { const res = await window.parent.tb.libcurl.fetch(value); const meta = await res.json(); const repos = JSON.parse(await window.parent.tb.fs.promises.readFile(`/apps/user/${sessionStorage.getItem("currAcc")}/app store/repos.json`, "utf8")); if (meta.maintainer) { const list = await window.parent.tb.libcurl.fetch(value.replace("manifest.json", "list.json")); if (list.ok) { repos.push({ name: meta.name || "Unknown", url: value, icon: "https://anura.pro/icon.png", }); } else { window.parent.tb.notification.Toast({ message: "Failed to add repo. The URL does not point to a valid Anura repo manifest", application: "App Store", iconSrc: "/fs/apps/system/app store.tapp/icon.svg", time: 5000, }); } } else if (meta.title) { repos.push({ name: meta.title || "Unknown", url: value, icon: "https://raw.githubusercontent.com/NebulaServices/XenOS/refs/heads/main/public/assets/logo.svg", }); } else { repos.push({ name: meta.repo.name || "Unknown", url: value, icon: meta.repo.icon, }); } await window.parent.tb.fs.promises.writeFile(`/apps/user/${sessionStorage.getItem("currAcc")}/app store/repos.json`, JSON.stringify(repos, null, 2)); loadRepos(); }, }); } /** * Searches for the apps that are loaded in * @param {string} input - The search input */ async function search(input) { if (viewType === "apps") { const applist = document.querySelector(".apps-list"); applist.querySelectorAll(".app-card").forEach(card => { const appName = card.querySelector("span").textContent.toLowerCase(); if (appName.includes(input.toLowerCase())) { card.classList.remove("hidden"); } else { card.classList.add("hidden"); } }); } else { const pwaList = document.querySelector(".pwa-list"); pwaList.querySelectorAll(".app-card").forEach(card => { const appName = card.querySelector("span").textContent.toLowerCase(); if (appName.includes(input.toLowerCase())) { card.classList.remove("hidden"); } else { card.classList.add("hidden"); } }); } } /** * Compares two semantic version strings. * @param {string} a - The first version string. * @param {string} b - The second version string. * @returns {number} - Returns 1 if a > b, -1 if a < b, 0 if they are equal. */ const semverCompare = (a, b) => { const pa = a.split(/[-.]/); const pb = b.split(/[-.]/); for (let i = 0; i < Math.max(pa.length, pb.length); i++) { const na = pa[i] || "0"; const nb = pb[i] || "0"; if (!isNaN(na) && !isNaN(nb)) { if (+na > +nb) return 1; if (+na < +nb) return -1; } else { if (na > nb) return 1; if (na < nb) return -1; } } return 0; }; /** * Installs the requested app * @param {string} type - The type of app (Terbium, tb-PWA, Anura, Xen) * @returns {Promise"
},
"icon": "/fs/apps/system/app store.tapp/icon.svg",
"src": "/fs/apps/system/app store.tapp/index.html",
"size": {
"width": 775,
"height": 500
}
}
}
================================================
FILE: public/apps/browser.tapp/index.css
================================================
@font-face {
font-family: Inter;
src: url("/fonts/Inter.ttf");
}
:root {
--shell-primary: #ffffff34;
--shell-secondary: #00000078;
}
body {
font-family: Inter;
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: #ffffff;
background-color: transparent;
margin: 0;
padding: 0;
overflow: hidden;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
body,
html {
height: 100%;
}
.topbar {
width: 100%;
display: flex;
flex-direction: column;
background-color: #000000a3;
}
.topbar .tab-container {
padding: 4px;
display: flex;
align-items: center;
width: calc(100% - 8px);
gap: 4px;
}
.topbar .controls {
display: flex;
flex-direction: row;
align-items: center;
gap: 4px;
width: calc(100% - calc(16px + 8px));
margin-left: 4px;
margin-bottom: 4px;
height: 24px;
background-color: var(--shell-primary);
padding: 8px;
border-radius: 8px;
}
.topbar .controls .searchbars {
width: 100%;
padding: 3px 0 4px 11px;
box-shadow: inset 0 0 0 1px #ffffff28;
border-radius: 8px;
transition: 150ms ease-in-out;
}
.topbar .controls .searchbars.focus {
box-shadow: inset 0 0 0 2px #ffffff;
}
.topbar .controls input {
width: 100%;
height: 100%;
border: none;
border-radius: 6px;
background-color: transparent;
color: #ffffff;
font-size: 13px;
font-weight: 800;
font-family: Inter;
line-height: 0;
padding: 0;
outline: none;
}
.topbar .controls input:not(.active) {
display: none;
}
.topbar .controls .navigation-button {
width: 16px !important;
height: 16px !important;
min-height: 16px !important;
min-width: 16px !important;
stroke: #ffffff;
stroke-width: 1.5px;
padding: 6px;
border-radius: 20px;
transition: 150ms ease-in-out;
}
.topbar .controls .navigation-button.left-arrow {
padding-right: calc(6px + 1.5px);
}
.topbar .controls .navigation-button.right-arrow {
padding-left: calc(6px + 1.5px);
}
.topbar .controls .navigation-button:hover {
background-color: #ffffff28;
}
.topbar .controls .navigation-button:not(.disabled) {
cursor: var(--cursor-pointer);
}
.topbar .controls .navigation-button.disabled {
opacity: 0.5;
}
.topbar .tabs {
display: flex;
gap: 4px;
overflow: hidden;
max-width: calc(100% - 38px);
}
.topbar .tabs .tab {
padding: 6px;
padding-left: 8px;
width: 100px;
height: 24px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
border-radius: 6px;
transition-property: opacity;
transition-duration: 150ms;
transition-timing-function: ease-in-out;
}
.topbar .tabs .tab.active {
background-color: var(--shell-primary);
}
.topbar .tabs .tab:not(.active) {
background-color: transparent;
}
.topbar .tabs .tab:not(.active):hover {
opacity: 0.8;
}
.topbar .tabs .tab .tab-title {
font-weight: 400;
line-height: 0;
color: #ffffff;
pointer-events: none;
user-select: none;
}
.topbar .tabs .tab .tab-close {
width: 18px;
height: 18px;
border-radius: 50%;
padding: 2px;
transition: 150ms ease-in-out;
}
.topbar .tabs .tab .tab-close:hover {
background-color: #ffffff28;
}
.topbar .new-tab {
width: 26px;
height: 26px;
border-radius: 6px;
transition: 150ms ease-in-out;
}
.topbar .new-tab:hover {
background-color: #ffffff28;
}
main {
width: 100%;
height: calc(100% - calc(var(--topbar-height) + 10px));
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
overflow: hidden;
}
main .tab-content {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
overflow: hidden;
border: none;
}
main .tab-content:not(.active) {
display: none;
}
.sidebar {
width: 200px;
height: 100%;
padding: 10px 8px 8px 10px;
flex-direction: column;
gap: 6px;
}
.set-search {
width: 150px;
background-color: rgba(0, 0, 0, 0.396);
color: rgb(255, 255, 255);
font-size: 14px;
font-weight: 800;
font-family: Inter;
line-height: 0;
border-width: initial;
border-style: none;
border-color: initial;
border-image: initial;
border-radius: 6px;
padding: 4px 0px 6px 12px;
outline: none;
}
.sidebar ul {
list-style: none;
padding: 0;
}
.sidebar li {
margin-bottom: 10px;
cursor: var(--cursor-pointer);
}
.content {
margin-left: 250px;
padding: 20px;
margin-top: -54%;
}
.section {
display: none;
transition: opacity 0.5s ease;
opacity: 0;
}
.section.active {
display: block;
opacity: 1;
animation: fade-in 0.5s ease-in-out forwards;
}
button {
background-color: #ffffff28;
border-radius: 6px;
padding: 6px 8px;
border: none;
color: #ffffff;
font-weight: 600;
font-size: 14px;
font-family: Inter;
cursor: var(--cursor-pointer);
transition: 150ms ease-in-out;
}
================================================
FILE: public/apps/browser.tapp/index.html
================================================
Terbium Browser
================================================
FILE: public/apps/browser.tapp/userscripts.html
================================================
UserScripts (beta)
Loading WebDAV...
`;
const modal = document.querySelector(".drive-modal");
try {
const client = window.parent.tb.vfs.currentServer.connection.client;
const contents = await client.getDirectoryContents(relPath);
exp.innerHTML = "";
document.getElementById(`f-${davConfig.name.toLocaleLowerCase()}`).innerHTML = `
${davConfig.name}
`;
modal.style.display = "flex";
modal.innerHTML = `
WebDav
`;
for (const item of contents) {
const name = item.basename;
const itemPath = `${davConfig.url}${relPath}/${name}`;
if (item.type === "directory" && item.filename === path.replace(`/mnt/${davConfig.name}/`, "")) continue;
const type = item.type === "directory" ? "folder" : "file";
const el = document.createElement("div");
el.classList.add("path-item", type === "folder" ? "folder-item" : "file-item");
el.setAttribute("path", itemPath);
el.setAttribute("name", name);
el.setAttribute("type", type);
const icon = document.createElement("div");
icon.classList.add("icon");
if (type === "folder") {
icon.innerHTML = `
`;
} else {
const data = JSON.parse(await window.parent.window.parent.tb.fs.promises.readFile("/system/etc/terbium/file-icons.json"));
const ext = itemPath.split(".").pop();
const iconName = data["ext-to-name"][ext];
let iconPath = data["name-to-path"][iconName];
let unknown = data["name-to-path"]["Unknown"];
if (iconPath) {
icon.innerHTML = await window.parent.window.parent.tb.fs.promises.readFile(iconPath, "utf8");
} else {
icon.innerHTML = await window.parent.window.parent.tb.fs.promises.readFile(unknown, "utf8");
}
}
el.appendChild(icon);
const itemTitle = document.createElement("span");
itemTitle.classList.add("title");
itemTitle.textContent = name;
el.appendChild(itemTitle);
if (type === "folder") {
el.addEventListener("dblclick", () => openPath(itemPath.replace(davConfig.url, `/mnt/${davConfig.name}`)));
} else {
el.addEventListener("dblclick", async () => {
let handlers = JSON.parse(await window.parent.tb.fs.promises.readFile("/system/etc/terbium/settings.json", "utf8"))["fileAssociatedApps"];
handlers = Object.entries(handlers).filter(([type, app]) => {
return !(type === "text" && app === "text-editor") && !(type === "image" && app === "media-viewer") && !(type === "video" && app === "media-viewer") && !(type === "audio" && app === "media-viewer");
});
let hands = [];
for (const [type, app] of handlers) {
hands.push({ text: app, value: type });
}
const data = JSON.parse(await window.parent.tb.fs.promises.readFile("/apps/system/files.tapp/extensions.json", "utf8"));
await tb.dialog.Select({
title: `Select a application to open: ${itemPath.split("/").pop()}`,
options: [
{
text: "Text Editor",
value: "text",
},
{
text: "Media Viewer",
value: "media",
},
...hands,
{
text: "Other",
value: "other",
},
],
onOk: async val => {
switch (val) {
case "text":
parent.window.tb.file.handler.openFile(itemPath, "text");
break;
case "media":
const ext = itemPath.split(".").pop();
if (data["image"].includes(ext)) {
parent.window.tb.file.handler.openFile(itemPath, "image");
} else if (data["video"].includes(ext)) {
parent.window.tb.file.handler.openFile(itemPath, "video");
} else if (data["audio"].includes(ext)) {
parent.window.tb.file.handler.openFile(itemPath, "audio");
} else if (data["pdf"].includes(ext)) {
parent.window.tb.file.handler.openFile(itemPath, "pdf");
}
break;
case "webview":
parent.window.tb.file.handler.openFile(itemPath, "webpage");
break;
case "other":
parent.window.tb.dialog.DirectoryBrowser({
title: "Select a application",
filter: ".tapp",
onOk: async val => {
const app = JSON.parse(await window.parent.tb.fs.promises.readFile(`${val}/.tbconfig`, "utf8"));
window.parent.tb.window.create({ ...app.wmArgs, message: { type: "process", path: item.item } });
},
});
break;
default:
if (hands.length === 0) {
parent.window.tb.file.handler.openFile(itemPath, "text");
} else {
parent.window.tb.file.handler.openFile(itemPath, val);
}
break;
}
},
});
});
}
exp.appendChild(el);
}
} catch (e) {
console.error(e);
exp.innerHTML = `Failed to load WebDAV: ${e}
`; document.getElementById(`f-${davConfig.name.toLocaleLowerCase()}`).innerHTML = ` ${davConfig.name} `; modal.style.display = "flex"; modal.innerHTML = ` WebDav `; } const search = document.querySelector(".nav-input.search"); search.setAttribute("placeholder", `Search ${path.split("/").pop()}`); return; } else { document.querySelector(".drive-modal").style.display = "none"; } if (path.split("/").pop() === "") { path = path.substring(0, path.length - 1); } await window.parent.tb.fs.exists(path, async exists => { if (!exists) { console.error("Path does not exist"); return; } }); const dirInput = document.querySelector(".nav-input.dir"); dirInput.value = path; const exp = document.querySelector(".exp"); exp.innerHTML = ""; exp.setAttribute("path", path); if (path.toLowerCase().endsWith(".app") && override !== true) { tb.dialog.Select({ title: `Sideload App`, message: `Do you want to sideload the anura app found at ${path}?`, options: [ { text: "Yes", value: "yes" }, { text: "View Source", value: "source" }, { text: "No", value: "no" }, ], onOk: async val => { if (val === "yes") { sideloadApp(path); } else if (val === "source") { openPath(path, true); } else { openPath("/home/" + user); } }, }); const sideloadApp = async path => { try { const anura = window.parent.anura; const appPath = `/fs${path}`.replace("//", "/"); await anura.registerExternalApp(appPath); } catch (e) { window.parent.tb.dialog.Alert({ title: "Unexpected Error", message: `❌ An Unexpected error occurred when trying to sideload the anura app: ${path} Error: ${e}`, }); } openPath(document.getElementById(".nav-input")); }; } else { window.parent.tb.fs.readdir(path, async (err, files) => { if (err) return console.error(err); for (let file of files) { await window.parent.tb.fs.stat(path + "/" + file, (err, stats) => { if (err) return console.error(err); if (stats.isDirectory()) { createPath(file, path + "/" + file, "folder"); } else if (stats.isFile()) { createPath(file, path + "/" + file, "file"); } }); } }); } const search = document.querySelector(".nav-input.search"); search.setAttribute("placeholder", `Search ${path.split("/").pop()}`); }; // For use elsewhere like the app island self.openPath = openPath; self.emptyTrash = emptyTrash; async function unzip(path, target, app) { const runUnzip = async () => { const response = await fetch("/fs/" + path); const zipFileContent = await response.arrayBuffer(); if (!(await dirExists(target))) { await window.parent.tb.fs.promises.mkdir(target, { recursive: true }); } const compressedFiles = window.parent.tb.fflate.unzipSync(new Uint8Array(zipFileContent)); for (const [relativePath, content] of Object.entries(compressedFiles)) { const fullPath = `${target}/${relativePath}`; const pathParts = fullPath.split("/"); let currentPath = ""; for (let i = 0; i < pathParts.length; i++) { currentPath += pathParts[i] + "/"; if (i === pathParts.length - 1 && !relativePath.endsWith("/")) { try { console.log(`touch ${currentPath.slice(0, -1)}`); await window.parent.tb.fs.promises.writeFile(currentPath.slice(0, -1), window.parent.tb.buffer.from(content), "arraybuffer"); } catch { console.log(`Cant make ${currentPath.slice(0, -1)}`); } } else if (!(await dirExists(currentPath))) { try { console.log(`mkdir ${currentPath}`); await window.parent.tb.fs.promises.mkdir(currentPath); } catch { console.log(`Cant make ${currentPath}`); } } } if (relativePath.endsWith("/")) { try { console.log(`mkdir fp ${fullPath}`); await window.parent.tb.fs.promises.mkdir(fullPath); } catch { console.log(`Cant make ${fullPath}`); } } } return "Done!"; }; if (!app) { return window.parent.tb.notification.Installing( { message: "Unzipping...", application: "Files", iconSrc: "/fs/apps/system/files.tapp/icon.svg", }, runUnzip(), { message: `Finished unzipping ${path}`, application: "Files", iconSrc: "/fs/apps/system/files.tapp/icon.svg", time: 3500, }, { message: `Failed to unzip ${path}`, application: "Files", iconSrc: "/fs/apps/system/files.tapp/icon.svg", time: 2500, }, ); } return runUnzip(); } const dirExists = async path => { return new Promise(resolve => { window.parent.tb.fs.stat(path, (err, stats) => { if (err) { if (err.code === "ENOENT") { resolve(false); } else { console.error(err); resolve(false); } } else { const exists = stats.type === "DIRECTORY"; resolve(exists); } }); }); }; const clearSearchButton = document.querySelector(".clear-search"); const search = document.querySelector(".nav-input.search"); search.addEventListener("input", e => { const exp = document.querySelector(".exp"); let path = exp.getAttribute("path"); if (search.value === "") { openPath(path); clearSearchButton.classList.add("opacity-0", "pointer-events-none"); return; } exp.innerHTML = ""; exp.setAttribute("path", path); window.parent.tb.fs.readdir(path, async (err, files) => { if (err) { console.error(err); return; } for (let file of files) { await window.parent.tb.fs.stat(path + "/" + file, (err, stats) => { if (err) { console.error(err); return; } if (clearSearchButton.classList.contains("opacity-0")) { clearSearchButton.classList.remove("opacity-0", "pointer-events-none"); } if (stats.isDirectory()) { if (file.toLowerCase().includes(search.value.toLowerCase())) { createPath(file, path + "/" + file, "folder"); } } else if (stats.isFile()) { if (file.toLowerCase().includes(search.value.toLowerCase())) { createPath(file, path + "/" + file, "file"); } } }); } }); }); const cfgload = async () => { const search = document.querySelector(".nav-input.search"); document.querySelector(".sidebar").innerHTML = ""; if (search.value !== "") { search.value = ""; } const topbarheight = document.querySelector(".topbar").offsetHeight; document.querySelector("main").style.setProperty("--topbar-height", `${topbarheight}px`); let config = JSON.parse(await window.parent.tb.fs.promises.readFile(`/apps/user/${sessionStorage.getItem("currAcc")}/files/config.json`, "utf8")); if (config["quick-center"] === true) { await createCollapsible("Quick Center", "quick-center", config["open-collapsibles"]["quick-center"], JSON.parse(await window.parent.tb.fs.promises.readFile(`/apps/user/${sessionStorage.getItem("currAcc")}/files/quick-center.json`, "utf8"))["paths"]); } if (config["drives"]) { await createCollapsible("Drives", "drives", config["open-collapsibles"]["drives"], config["drives"]); } if (config["storage"]) { const storageDevices = document.createElement("div"); storageDevices.classList.add("absolute-path-item"); const icon = document.createElement("div"); icon.classList.add("icon"); icon.innerHTML = ` `; storageDevices.appendChild(icon); const itemTitle = document.createElement("span"); itemTitle.classList.add("title"); itemTitle.textContent = "Storage Devices"; storageDevices.appendChild(itemTitle); document.querySelector(".sidebar").appendChild(storageDevices); storageDevices.addEventListener("click", e => showStorageDevices()); } const sidebarwidth = document.querySelector(".sidebar").offsetWidth; document.querySelector("main").style.setProperty("--sidebar-width", `${sidebarwidth}px`); }; window.addEventListener("load", cfgload); window.addEventListener("updcfg", cfgload); ================================================ FILE: public/apps/files.tapp/index.json ================================================ { "name": "Files", "config": { "title": "Files", "icon": "/fs/apps/system/files.tapp/icon.svg", "src": "/fs/apps/system/files.tapp/index.html", "size": { "width": 600, "height": 500 } } } ================================================ FILE: public/apps/files.tapp/properties/index.html ================================================Name:
${file_name}
Type of file:
${tof}
MIME:
${data.details.mime}
Location:
${loc}
Size:
${size}
Created:
${created}
Modified:
${modified}
Accessed:
${accessed}
|
|
${this.file} | ${formatBytes(this.stats.size)} | ${use(this.description)} | ${new Date(this.stats.mtime).toLocaleString()} |
|
|
${this.file}/ | N/A | ${use(this.description)} | ${new Date(this.stats.mtime).toLocaleString()} |
<${SideBar}>
<${TopBar}>
{
if (e.currentTarget === e.target) {
currentlySelected.forEach((row) => {
row.classList.remove("selected");
});
currentlySelected = [];
}
}}>
================================================
FILE: public/apps/libfilepicker.lib/handler.js
================================================
export function selectFile(options) {
return new Promise(async (resolve, reject) => {
await window.tb.dialog.FileBrowser({
title: "Select a File",
onOk: async (val) => {
resolve(val)
},
onCancel: () => {
reject('User Rejected')
}
})
})
}
export function selectFolder(options) {
return new Promise(async (resolve, reject) => {
await window.tb.dialog.DirectoryBrowser({
title: "Select a Directory",
onOk: async (val) => {
resolve(val)
},
onCancel: () => {
reject('User Rejected')
}
})
})
}
================================================
FILE: public/apps/libfilepicker.lib/install.js
================================================
// Runs on every boot as the lib is installed
export default async function install(_, filePickerLib) {
const { selectFile, selectFolder } = await filePickerLib.getImport();
top.navigator.serviceWorker.addEventListener("message", async (event) => {
if (event.data.anura_target === "anura.filepicker") {
if (event.data.type === "folder") {
let folders;
let cancelled = false;
try {
folders = await selectFolder({ regex: event.data.regex });
if (typeof folders === "string") {
folders = [folders];
}
} catch (e) {
folders = [];
cancelled = true;
}
top.navigator.serviceWorker.controller.postMessage({
anura_target: "anura.filepicker.result",
id: event.data.id,
value: {
folders,
cancelled,
},
});
return;
} else {
let files;
let cancelled = false;
try {
files = await selectFile({ regex: event.data.regex });
if (typeof files === "string") {
files = [files];
}
} catch (e) {
files = [];
cancelled = true;
}
top.navigator.serviceWorker.controller.postMessage({
anura_target: "anura.filepicker.result",
id: event.data.id,
value: {
files,
cancelled,
},
});
}
}
});
}
================================================
FILE: public/apps/libfilepicker.lib/manifest.json
================================================
{
"name": "File Picker",
"icon": "files.png",
"package": "anura.filepicker",
"versions": {
"1.0.0": "handler.js"
},
"currentVersion": "1.0.0",
"installHook": "install.js"
}
================================================
FILE: public/apps/libfilepicker.lib/operations.js
================================================
var currentlySelected = [];
var clipboard = [];
var removeAfterPaste = false;
window.fs = parent.anura.fs;
window.anura = parent.anura;
window.Buffer = Filer.Buffer;
let sh = new fs.Shell();
function loadPath(path) {
console.debug("loading path: ", path);
fs.readdir(path, (err, files) => {
if (err) throw err;
setBreadcrumbs(path);
let table = document.querySelector("tbody");
table.innerHTML = "";
files.forEach((file) => {
let row = document.createElement("tr");
let iconContainer = document.createElement("td");
let icon = document.createElement("img");
let name = document.createElement("td");
let size = document.createElement("td");
let description = document.createElement("td");
let date = document.createElement("td");
let type = document.createElement("td");
iconContainer.className = "iconContainer";
icon.className = "icon";
fs.stat(`${path}/${file}`, function (err, stats) {
if (err) throw err;
if (stats.isDirectory()) {
name.innerText = `${file}/`;
description.innerText = "Folder";
date.innerText = new Date(stats.mtime).toLocaleString();
size.innerText = stats.size;
let folderExt = file.split(".").slice("-1")[0]
if (folderExt == "app" | folderExt == "lib" && file !== "lib") {
let manifestPath = `${path}/${file}/manifest.json`;
fs.readFile(manifestPath, function (err, data) {
if (err) {
icon.src = anura.files.folderIcon;
}
let manifest = JSON.parse(data);
icon.src = `/fs${path}/${file}/${manifest.icon}`;
icon.onerror = () => {
icon.src = anura.files.folderIcon;
};
description.innerText = `Anura ${folderExt == "app" ? "Application" : "Library"}`;
});
} else {
icon.src = anura.files.folderIcon;
}
iconContainer.appendChild(icon);
row.appendChild(iconContainer);
row.appendChild(name);
row.appendChild(size);
row.appendChild(description);
row.appendChild(date);
row.setAttribute("data-type", "dir");
row.setAttribute("data-path", `${path}/${file}`);
} else {
if (selectorType !== "dir") {
let ext = file.split("/").pop().split(".").pop();
if (fileRegex.test(ext)) {
name.innerText = `${file}`;
description.innerText = "Anura File";
anura.files.getFileType(`${path}/${file}`).then((type) => {
description.innerText = type;
});
date.innerText = new Date(stats.mtime).toLocaleString();
size.innerText = stats.size;
anura.files.getIcon(`${path}/${file}`).then((iconURL) => {
icon.src = iconURL;
}).catch((e) => {
icon.src = anura.files.fallbackIcon;
console.error(e);
});
iconContainer.appendChild(icon);
row.appendChild(iconContainer);
row.appendChild(name);
row.appendChild(size);
row.appendChild(description);
row.appendChild(date);
row.setAttribute("data-type", "file");
row.setAttribute("data-path", `${path}/${file}`);
}
}
}
console.debug("appending");
table.appendChild(row);
if (files[files.length - 1] === file) {
reloadListeners();
}
});
});
});
}
function reloadListeners() {
console.debug("reloading listeners");
console.debug(document.querySelectorAll("tr"));
document.querySelectorAll("tr").forEach((row) => {
if (row.parentNode.nodeName.toLowerCase() !== "thead") {
console.debug("adding listeners to ", row);
row.addEventListener("mouseenter", (e) => {
e.currentTarget.classList.add("hover");
});
row.addEventListener("mouseleave", (e) => {
e.currentTarget.classList.remove("hover");
});
row.addEventListener("contextmenu", (e) => {
if (currentlySelected.length > 0) {
return;
}
e.currentTarget.classList.add("selected");
currentlySelected = [e.currentTarget];
});
row.addEventListener("click", (e) => {
if (currentlySelected.includes(e.currentTarget)) {
fileAction(currentlySelected);
currentlySelected.forEach((row) => {
row.classList.remove("selected");
});
currentlySelected = [];
return;
}
if (!e.shiftKey) {
if (!e.ctrlKey) {
currentlySelected.forEach((row) => {
row.classList.remove("selected");
});
currentlySelected = [];
}
e.currentTarget.classList.add("selected");
currentlySelected.push(e.currentTarget);
} else {
if (currentlySelected.length == 0) {
e.currentTarget.classList.add("selected");
currentlySelected.push(e.currentTarget);
} else {
var arr = Array.from(
document.querySelectorAll("tr"),
).filter(
(row) =>
row.parentNode.nodeName.toLowerCase() !==
"thead",
);
var firstI = arr.indexOf(
currentlySelected[currentlySelected.length - 1],
);
var lastI = arr.indexOf(e.currentTarget);
var first = Math.min(firstI, lastI);
var last = Math.max(firstI, lastI);
for (var i = first; i <= last; i++) {
if (!currentlySelected.includes(arr[i])) {
currentlySelected.push(arr[i]);
arr[i].classList.add("selected");
}
}
}
}
});
}
});
}
async function selectAction(selected) {
currentlySelected.forEach((row) => {
row.classList.remove("selected");
});
currentlySelected = [];
if (selected.length == 1) {
var fileSelected = selected[0];
if (fileSelected.getAttribute("data-type") == selectorType) {
let fileData = {
message: 'FileSelected',
filePath: fileSelected.getAttribute("data-path").replace(/(\/)\1+/g, "$1")
};
window.parent.postMessage(fileData, '*');
}
} else if (selected.length > 1) {
let dataPaths = [];
for (var i = 0; i < selected.length; i++) {
var dataType = selected[i].getAttribute("data-type");
var dataPath = selected[i].getAttribute("data-path");
if (dataType !== selectorType ) {
return;
}
if (dataPath !== null) {
dataPaths.push(dataPath.replace(/(\/)\1+/g, "$1"));
}
}
let fileData = {
message: 'FileSelected',
filePath: dataPaths
};
window.parent.postMessage(fileData, '*');
} else if (selected.length == 0) {
if (selectorType == "dir") {
let fileData = {
message: 'FileSelected',
filePath: document.querySelector(".breadcrumbs").getAttribute("data-current-path")
};
window.parent.postMessage(fileData, '*');
}
}
}
async function fileAction(selected) {
if (selected.length == 1) {
var fileSelected = selected[0];
if (fileSelected.getAttribute("data-type") == "file") {
if (selectorType == "file") {
let fileData = {
message: 'FileSelected',
filePath: fileSelected.getAttribute("data-path").replace(/(\/)\1+/g, "$1")
};
window.parent.postMessage(fileData, '*');
}
} else if (fileSelected.getAttribute("data-type") == "dir") {
console.debug(
"Changing folder to ",
fileSelected.getAttribute("data-path"),
);
loadPath(fileSelected.getAttribute("data-path"));
} else {
console.warn(
"Unknown filetype ",
fileSelected.getAttribute("data-type"),
" doing nothing!",
);
}
} else if (selected.length > 1) {
let dataPaths = [];
for (var i = 0; i < selected.length; i++) {
var dataType = selected[i].getAttribute("data-type");
var dataPath = selected[i].getAttribute("data-path");
if (dataType !== selectorType ) {
return;
}
if (dataPath !== null) {
dataPaths.push(dataPath.replace(/(\/)\1+/g, "$1"));
}
}
let fileData = {
message: 'FileSelected',
filePath: dataPaths
};
window.parent.postMessage(fileData, '*');
}
}
function setBreadcrumbs(path) {
path = path.replace(/(\/)\1+/g, "$1");
var pathSplit = path.split("/");
pathSplit[0] = "My files";
var breadcrumbs = document.querySelector(".breadcrumbs");
breadcrumbs.setAttribute("data-current-path", path);
breadcrumbs.innerHTML = "";
if (
pathSplit.length == 2 &&
pathSplit[0] == "My files" &&
pathSplit[1] == ""
) {
var breadcrumb = document.createElement("button");
breadcrumb.innerText = "My files";
breadcrumb.addEventListener("click", () => {
loadPath("/");
});
breadcrumbs.appendChild(breadcrumb);
return;
}
for (var i = 0; i < pathSplit.length; i++) {
console.log(i);
var breadcrumb = document.createElement("button");
breadcrumb.innerText = pathSplit[i];
var index = i;
breadcrumb.addEventListener("click", () => {
loadPath("/" + pathSplit.slice(1, index).join("/"));
});
breadcrumbs.appendChild(breadcrumb);
if (pathSplit[i] !== pathSplit[pathSplit.length - 1]) {
var breadcrumbSpan = document.createElement("span");
breadcrumbSpan.innerText = ">";
breadcrumbs.appendChild(breadcrumbSpan);
}
}
}
document.querySelector("table").addEventListener("click", (e) => {
if (e.currentTarget === e.target) {
currentlySelected.forEach((row) => {
row.classList.remove("selected");
});
currentlySelected = [];
}
});
document.addEventListener("contextmenu", (e) => {
if (e.shiftKey) {
return;
}
e.preventDefault();
const boundingRect = window.frameElement.getBoundingClientRect();
// var contextmenu = document.querySelector("#contextMenu");
// contextmenu.style.left = e.pageX + "px";
// contextmenu.style.top = e.pageY + "px";
// const hasSelection = currentlySelected.length > 0;
// for (const elt of contextmenu.getElementsByClassName("needs-selection")) {
// elt.ariaDisabled = !hasSelection;
// elt.onclick = hasSelection ? elt.onclick : null;
// }
// contextmenu.style.removeProperty("display");
const containsApps = currentlySelected.map((item) => item.getAttribute("data-path").split(".").slice("-1")[0]).filter((item) => item == "app" || item == "lib").length > 0;
if (containsApps) {
appcontextmenu.show(e.pageX + boundingRect.x, e.pageY + boundingRect.y);
newcontextmenu.hide();
emptycontextmenu.hide();
} else if (currentlySelected.length != 0) {
newcontextmenu.show(e.pageX + boundingRect.x, e.pageY + boundingRect.y);
appcontextmenu.hide();
emptycontextmenu.hide();
} else {
emptycontextmenu.show(e.pageX + boundingRect.x, e.pageY + boundingRect.y);
newcontextmenu.hide();
appcontextmenu.hide();
}
});
document.addEventListener("click", (e) => {
if (
!document.querySelector("#contextMenu").contains(e.target) ||
!e.target.ariaDisabled
) {
// document.querySelector("#contextMenu").style.setProperty("display", "none");
newcontextmenu.hide();
appcontextmenu.hide();
emptycontextmenu.hide();
}
});
function newFolder(path) {
if (path === undefined) {
path =
document
.querySelector(".breadcrumbs")
.getAttribute("data-current-path") +
"/" +
prompt("Folder Name: ");
}
fs.mkdir(path);
reload();
}
function newFile(path) {
if (path === undefined) {
path =
document
.querySelector(".breadcrumbs")
.getAttribute("data-current-path") +
"/" +
prompt("File Name: ");
}
fs.writeFile(path, "");
reload();
}
function reload() {
loadPath(
document
.querySelector(".breadcrumbs")
.getAttribute("data-current-path"),
);
}
function reload() {
loadPath(
document
.querySelector(".breadcrumbs")
.getAttribute("data-current-path"),
);
}
function upload() {
let fauxput = document.createElement("input"); // fauxput - fake input that isn't shown or ever added to page TODO: think of a better name for this variable
fauxput.type = "file";
fauxput.onchange = async (e) => {
const file = await e.target.files[0];
const content = await file.arrayBuffer();
fs.writeFile(
`${document
.querySelector(".breadcrumbs")
.getAttribute("data-current-path")}/${file.name}`,
Buffer.from(content),
function (err) {
reload();
},
);
};
fauxput.click();
}
function deleteFile() {
if (currentlySelected.length == 0) {
anura.notifications.add({
title: "Filesystem app",
description: "BUG: You have no files selected, right clicking does not select files",
timeout: 5000,
});
}
currentlySelected.forEach(async (item) => {
await sh.rm(
item.getAttribute("data-path"),
{
recursive: true,
},
function (err) {
if (err) throw err;
reload();
},
);
});
}
function copy() {
clipboard = currentlySelected;
removeAfterPaste = false;
}
function cut() {
clipboard = currentlySelected;
removeAfterPaste = true;
}
function paste() {
const path = document
.querySelector(".breadcrumbs")
.getAttribute("data-current-path");
if (!removeAfterPaste) {
// copy
destination = path;
clipboard.forEach((item) => {
origin = item.getAttribute("data-path");
fs.stat(origin, function (err, data) {
if (data.isDirectory()) {
// Ok so you are about to be in for a ride
sh.ls(
origin,
{
recursive: true,
},
async function (err, entries) {
if (err) throw err;
let items = [];
let dirs = [];
entries.forEach((entry) => {
function recurse(dirnode, path) {
dirnode.contents.forEach((entry) => {
if (entry.type === "DIRECTORY") {
recurse(
entry,
path + "/" + entry.name,
);
dirs.push(path + "/" + entry.name);
} else {
items.push(path + "/" + entry.name);
}
});
}
const topLevelFolder = origin;
dirs.push(origin);
if (entry.type === "DIRECTORY") {
recurse(entry, origin + "/" + entry.name);
dirs.push(origin + "/" + entry.name);
} else {
items.push(origin + "/" + entry.name);
}
});
destItems = [];
destDirs = [];
numberToSubBy =
origin.length - origin.split("/").pop().length;
for (item in items) {
destItems.push(
destination +
"/" +
items[item].slice(numberToSubBy),
);
}
for (dir in dirs) {
destDirs.push(
destination +
"/" +
dirs[dir].slice(numberToSubBy),
);
}
console.log("initials");
console.log(items);
console.log("destinations");
console.log(destItems);
console.log("directories to mkdir -p ");
console.log(destDirs);
for (dir in destDirs) {
await new Promise((resolve, reject) => {
sh.mkdirp(destDirs[dir], function (err) {
if (err) {
reject(err);
console.error(err);
}
resolve();
});
});
}
for (item in items) {
fs.readFile(items[item], function (err, data) {
fs.writeFile(destItems[item], data);
});
}
reload();
},
);
} else {
fs.readFile(origin, function (err, data) {
if (err) throw err;
fs.writeFile(
`${path}/${origin.split("/").slice("-1")[0]}`, data
);
reload();
});
}
});
});
}
if (removeAfterPaste) {
// cut
clipboard.forEach((item) => {
itemName = item.getAttribute("data-path");
fs.rename(
itemName,
`${path}/${itemName.split("/").slice("-1")[0]}`,
function (err) {
if (err) throw err;
reload();
},
);
});
}
}
function rename() {
const path = document
.querySelector(".breadcrumbs")
.getAttribute("data-current-path");
if (currentlySelected.length == 0) {
anura.notifications.add({
title: "Filesystem app",
description: "BUG: You have no files selected, right clicking does not select files",
timeout: 5000,
});
return;
}
if (currentlySelected.length > 1) {
anura.notifications.add({
title: "Filesystem app",
description: "Renaming only works with one file",
timeout: 5000,
});
return;
}
fs.rename(
currentlySelected[0].getAttribute("data-path"),
`${path}/${prompt("filename:")}`,
function (err) {
if (err) throw err;
reload();
},
);
}
// Context menu version of the loadPath function
// Used to enter app and lib folders, as double
// clicking on them will install them.
function navigate() {
if (currentlySelected.length == 1) {
loadPath(currentlySelected[0].getAttribute("data-path"));
}
// Can't navigate to multiple folders
}
loadPath("/");
================================================
FILE: public/apps/libfileview.lib/fileHandler.js
================================================
const icons = await (await fetch(localPathToURL("icons.json"))).json();
export function openFile(path) {
const fs = anura.fs || tb.fs;
function openImage(path, mimetype) {
fs.readFile(path, function (err, data) {
tb.file.handler.openFile(path, 'image')
});
}
function openPDF(path) {
fs.readFile(path, function (err, data) {
tb.file.handler.openFile(path, 'pdf')
});
}
function openAudio(path, mimetype) {
fs.readFile(path, function (err, data) {
tb.file.handler.openFile(path, 'audio')
});
}
function openVideo(path, mimetype) {
fs.readFile(path, function (err, data) {
tb.file.handler.openFile(path, 'video')
});
}
function openText(path) {
fs.readFile(path, function (err, data) {
tb.file.handler.openFile(path, 'text')
});
}
function openHTML(path) {
fs.readFile(path, function (err, data) {
tb.file.handler.openFile(path, 'webpage')
});
}
let ext = path.split(".").slice("-1")[0];
switch (ext) {
case "txt":
case "js":
case "mjs":
case "cjs":
case "json":
case "css":
openText(path);
break;
case "ajs":
anura.processes.execute(path);
break;
case "mp3":
openAudio(path, "audio/mpeg");
break;
case "flac":
openAudio(path, "audio/flac");
break;
case "wav":
openAudio(path, "audio/wav");
break;
case "ogg":
openAudio(path, "audio/ogg");
break;
case "mp4":
openVideo(path, "video/mp4");
break;
case "mov":
openVideo(path, "video/mp4");
break;
case "webm":
openVideo(path, "video/webm");
break;
case "gif":
openImage(path, "image/gif");
break;
case "png":
openImage(path, "image/png");
break;
case "svg":
openImage(path, "image/svg+xml");
break;
case "jpg":
case "jpeg":
openImage(path, "image/jpeg");
break;
case "pdf":
openPDF(path);
break;
case "html":
openHTML(path);
break;
default:
openText(path);
break;
}
}
export function getIcon(path) {
let ext = path.split(".").slice("-1")[0];
let iconObject = icons.files.find((icon) => icon.ext == ext);
if (iconObject) {
return localPathToURL(iconObject.icon);
}
return localPathToURL(icons.default);
}
export function getFileType(path) {
let ext = path.split(".").slice("-1")[0];
let iconObject = icons.files.find((icon) => icon.ext == ext);
if (iconObject) {
return iconObject.type;
}
return "Anura File";
}
function localPathToURL(path) {
return (
import.meta.url.substring(0, import.meta.url.lastIndexOf("/")) +
"/" +
path
);
}
================================================
FILE: public/apps/libfileview.lib/icons.json
================================================
{
"files": [
{
"ext": "txt",
"icon": "icons/txt.svg",
"source": "papirus/Papirus/16x16/mimetypes/text-plain.svg",
"type": "Text File"
},
{
"ext": "mp3",
"icon": "icons/mp3.svg",
"source": "papirus/Papirus/16x16/mimetypes/audio-mpeg.svg",
"type": "MPEG Audio"
},
{
"ext": "flac",
"icon": "icons/flac.svg",
"source": "papirus/Papirus/16x16/mimetypes/audio-flac.svg",
"type": "FLAC Audio"
},
{
"ext": "wav",
"icon": "icons/wav.svg",
"source": "papirus/Papirus/16x16/mimetypes/audio-x-wav.svg",
"type": "WAV Audio"
},
{
"ext": "ogg",
"icon": "icons/ogg.svg",
"source": "papirus/Papirus/16x16/mimetypes/audio-x-generic.svg",
"type": "OGG Audio"
},
{
"ext": "mp4",
"icon": "icons/mp4.svg",
"source": "papirus/Papirus/16x16/mimetypes/video-mp4.svg",
"type": "MPEG Video"
},
{
"ext": "mov",
"icon": "icons/mov.svg",
"source": "papirus/Papirus/16x16/mimetypes/video.svg",
"type": "Quicktime Video"
},
{
"ext": "webm",
"icon": "icons/webm.svg",
"source": "papirus/Papirus/16x16/mimetypes/video-webm.svg",
"type": "WebM Video"
},
{
"ext": "gif",
"icon": "icons/gif.svg",
"source": "papirus/Papirus/16x16/mimetypes/image-gif.svg",
"type": "GIF Image"
},
{
"ext": "png",
"icon": "icons/png.svg",
"source": "papirus/Papirus/16x16/mimetypes/image-png.svg",
"type": "PNG Image"
},
{
"ext": "jpg",
"icon": "icons/jpeg.svg",
"source": "papirus/Papirus/16x16/mimetypes/image-jpeg.svg",
"type": "JPEG Image"
},
{
"ext": "jpeg",
"icon": "icons/jpeg.svg",
"source": "papirus/Papirus/16x16/mimetypes/image-jpeg.svg",
"type": "JPEG Image"
},
{
"ext": "svg",
"icon": "icons/svg.svg",
"source": "papirus/Papirus/16x16/mimetypes/image-svg+xml.svg",
"type": "SVG Image"
},
{
"ext": "pdf",
"icon": "icons/pdf.svg",
"source": "papirus/Papirus/16x16/mimetypes/application-pdf.svg",
"type": "PDF Document"
},
{
"ext": "py",
"icon": "icons/py.svg",
"source": "papirus/Papirus/16x16/mimetypes/application-x-python-bytecode.svg",
"type": "Python Script"
},
{
"ext": "js",
"icon": "icons/js.svg",
"source": "papirus/Papirus/16x16/mimetypes/application-javascript.svg",
"type": "JavaScript Code"
},
{
"ext": "mjs",
"icon": "icons/js.svg",
"source": "papirus/Papirus/16x16/mimetypes/application-javascript.svg",
"type": "JavaScript Module"
},
{
"ext": "cjs",
"icon": "icons/js.svg",
"source": "papirus/Papirus/16x16/mimetypes/application-javascript.svg",
"type": "JavaScript CommonJS Module"
},
{
"ext": "ajs",
"icon": "icons/js.svg",
"source": "papirus/Papirus/16x16/mimetypes/application-javascript.svg",
"type": "Anura JavaScript Binary"
},
{
"ext": "json",
"icon": "icons/json.svg",
"source": "papirus/Papirus/16x16/mimetypes/application-json.svg",
"type": "JSON Data"
},
{
"ext": "html",
"icon": "icons/html.svg",
"source": "papirus/Papirus/16x16/mimetypes/text-html.svg",
"type": "HTML Document"
},
{
"ext": "css",
"icon": "icons/css.svg",
"source": "papirus/Papirus/16x16/mimetypes/text-css.svg",
"type": "CSS Stylesheet"
}
],
"default": "icons/txt.svg",
"defaultSource": "papirus/Papirus/16x16/mimetypes/text-plain.svg",
"folder": "icons/folder.svg",
"folderSource": "papirus/Papirus/16x16/places/folder-white.svg"
}
================================================
FILE: public/apps/libfileview.lib/install.js
================================================
const icons = await (await fetch(localPathToURL("icons.json"))).json();
// This constant is our own ID. It is used when registering the library.
const HANDLER = "anura.fileviewer";
// This is the list of file extensions that we will handle
const defaultHandlers = [...icons.files.map((file) => file.ext), "default"];
// The install function is called when the library is registered on boot.
// If you want to detect the first install, you can set an anura registry
// key and retrieve it later.
// Here, we set the file handler for a few common file types to ourself.
// If you want to restore to this file handler after an override, you can
// set the `libfileview.reset` key to true.
// following code in the console:
// anura.settings.set('libfileview.reset', true)
// If you want to disable the default file handler entirely, you can set
// the `libfileview.disable` key to true.
// anura.settings.set('libfileview.disable', true)
export default function install(anura) {
if (anura.settings.get("libfileview.disable")) {
return;
}
anura.files.setFolderIcon(localPathToURL(icons.folder));
const exts = anura.settings.get("FileExts") || {};
const resetMode = anura.settings.get("libfileview.reset");
const externalHandlers = Object.keys(exts).filter(
(ext) => exts[ext].id !== HANDLER,
);
defaultHandlers.forEach((ext) => {
if (!externalHandlers.includes(ext) || resetMode) {
anura.files.setModule(HANDLER, ext);
}
});
anura.settings.set("libfileview.reset", false);
}
function localPathToURL(path) {
return (
import.meta.url.substring(0, import.meta.url.lastIndexOf("/")) +
"/" +
path
);
}
================================================
FILE: public/apps/libfileview.lib/manifest.json
================================================
{
"name": "File Viewer",
"icon": "files.png",
"package": "anura.fileviewer",
"installHook": "install.js",
"versions": {
"1.0.0": "fileHandler.js"
},
"currentVersion": "1.0.0"
}
================================================
FILE: public/apps/libpersist.lib/install.js
================================================
export default function install(anura) {
const directories = anura.settings.get("directories");
anura.fs.exists(directories["opt"] + "/anura.persistence", (exists) => {
if (exists) return;
anura.fs.mkdir(directories["opt"] + "/anura.persistence");
anura.fs.mkdir(directories["opt"] + "/anura.persistence/providers");
anura.fs.mkdir(
directories["opt"] + "/anura.persistence/providers/anureg",
);
anura.fs.writeFile(
directories["opt"] +
"/anura.persistence/providers/anureg/manifest.json",
JSON.stringify({
name: "anureg",
vendor: "[[internal]]",
description:
"Anura's default persistance provider, using a simple JSON file",
handler: "index.js",
}),
);
anura.fs.writeFile(
directories["opt"] + "/anura.persistence/providers/anureg/index.js",
`const { PersistenceProvider } = await anura.import("anura.persistence");
export default class Anureg extends PersistenceProvider {
cache = {};
fs;
basepath;
file;
config;
constructor(anura, config, fs, basepath) {
super(anura);
this.fs = fs;
this.basepath = basepath;
this.config = config;
this.file = config.path || (this.basepath + (config.filename || "//system/etc/anura/anura_settings.json"));
}
async init() {
this.fs.exists(this.basepath, async (exists) => {
if (!exists) {
await this.fs.promises.mkdir(this.basepath);
}
});
try {
const text = await this.fs.promises.readFile(this.file);
this.cache = JSON.parse(text);
}
catch (e) {
this.fs.writeFile(this.file, JSON.stringify(this.cache));
}
}
async get(prop) {
return this.cache[prop];
}
async has(prop) {
return prop in this.cache;
}
async set(prop, val) {
this.cache[prop] = val;
return new Promise((r) => this.fs.writeFile(this.file, JSON.stringify(this.cache), r));
}
createStoreFn(stateful, win) {
return async (
target,
ident,
_backing
) => {
target = (await this.get("dreamland." + ident)) || target;
win.addEventListener("close", () => {
console.info("[dreamland.js]: saving " + ident);
this.set("dreamland." + ident, target);
});
return stateful(target);
}
}
}
export const using = ["fs", "basepath"];
export const lifecycle = ["init"];`,
);
});
}
================================================
FILE: public/apps/libpersist.lib/manifest.json
================================================
{
"name": "AnuraOS Persistent Storage",
"icon": "icon.svg",
"package": "anura.persistence",
"versions": {
"1.0.0": "src/index.js"
},
"installHook": "install.js",
"cache": true,
"currentVersion": "1.0.0"
}
================================================
FILE: public/apps/libpersist.lib/src/index.js
================================================
/**
* @typedef Anura
* @type {any}
*/
/**
* Base class for persisting data
* This class is meant to be extended
* by a specific implementation, such as
* Anureg. It is not meant to be manually
* used, however it can technically be
* used as a memory-based cache. However,
* this is mostly useless as the cache
* is not actually persisted.
*/
export class PersistenceProvider {
cache = {};
constructor(anura) {
this.anura = anura;
}
async init() {
console.log("init");
}
async get(prop) {
return this.cache[prop];
}
async has(prop) {
return prop in this.cache;
}
async set(prop, val) {
this.cache[prop] = val;
}
createStoreFn(_stateful, _win) {
return function () {
// Not implemented for generic provider
throw new Error("Not implemented");
};
}
toProxy() {
return new Proxy(this, {
get: (target, prop) => {
return target.get(prop);
},
set: (target, prop, val) => {
target.set(prop, val);
return true;
},
});
}
}
export class ProviderLoader {
fs;
anura;
basepath;
constructor(anura, fs, basepath) {
this.fs = fs;
this.anura = anura;
this.basepath = basepath;
this.providers = {};
}
async locate() {
const providers = await this.fs.promises.readdir(this.basepath);
for (const provider of providers) {
const manifest = JSON.parse(
await this.fs.promises.readFile(
this.basepath + "/" + provider + "/manifest.json",
),
);
let mod = await import(
"/fs/" + this.basepath + "/" + provider + "/" + manifest.handler
);
this.providers[manifest.name] = {
manifest,
mod,
};
}
}
/**
* Build a new persistenceProvider
* @param {Anura} anura - The Anura instance
* @param {Object} app - The app instance
* @param {Object} config - The configuration object
* @param {string} provider - The provider name
* @returns {PersistenceProvider} The provider
*/
async build(app, config = {}, provider = "anureg") {
let args = [config, this.anura];
let using = this.providers[provider].mod.using || [];
let lifecycle = this.providers[provider].mod.lifecycle || [];
for (let i = 0; i < using.length; i++) {
switch (using[i]) {
case "fs":
args.push(this.fs);
break;
case "basepath":
args.push(
this.anura.settings.get("directories")["opt"] +
"/" +
app.package,
);
break;
default:
throw new Error("Unknown dependency: " + using[i]);
}
}
let providerInstance = new this.providers[provider].mod.default(
...args,
);
if (lifecycle.includes("init")) {
await providerInstance.init();
}
return providerInstance;
}
}
export function buildLoader(anura, basepath) {
if (!basepath) {
basepath =
anura.settings.get("directories")["opt"] +
"/anura.persistence/providers";
}
return new ProviderLoader(anura, anura.fs, basepath);
}
================================================
FILE: public/apps/media viewer.tapp/index.css
================================================
@font-face {
font-family: Inter;
src: url(/fonts/inter.ttf);
}
html,
body {
font-family: Inter;
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: #ffffff;
background-color: transparent;
margin: 0;
padding: 0;
overflow: hidden;
height: 100%;
}
.media {
overflow: auto;
height: 100%;
width: 100%;
scrollbar-width: thin;
scrollbar-color: #ffffff44 transparent;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-image: url(./bg.png);
background-repeat: repeat;
background-position: center;
background-size: 5%;
}
.media::-webkit-scrollbar {
width: 8px;
height: 8px;
}
.media::-webkit-scrollbar-corner {
background-color: #ffffff;
}
.media::-webkit-scrollbar-track {
background-color: #ffffff;
width: 8px;
height: 8px;
}
.media::-webkit-scrollbar-thumb {
background-color: #00000028;
border: none;
width: 8px;
height: 8px;
}
.media img {
width: max-content;
height: max-content;
max-width: 100%;
max-height: 100%;
}
================================================
FILE: public/apps/media viewer.tapp/index.html
================================================
Terbium Media Viewer
================================================
FILE: public/apps/media viewer.tapp/index.js
================================================
import * as id3 from "https://unpkg.com/id3js@latest/lib/id3.js";
import * as pdfjsLib from "https://cdnjs.cloudflare.com/ajax/libs/pdf.js/5.4.149/pdf.min.mjs";
if (pdfjsLib && pdfjsLib.GlobalWorkerOptions) {
console.log("Setting up PDF.js worker");
pdfjsLib.GlobalWorkerOptions.workerSrc = "https://cdnjs.cloudflare.com/ajax/libs/pdf.js/5.4.149/pdf.worker.min.mjs";
}
window.addEventListener("load", async () => {
parent.postMessage(JSON.stringify({ type: "ready" }), "*");
setTimeout(() => {
if (!asked) {
showFileBrowser();
}
}, 100);
});
async function openFile(url, ext, fileName, dav) {
let exts = JSON.parse(await window.parent.tb.fs.promises.readFile("/apps/system/files.tapp/extensions.json", "utf8"));
if (exts["animated"].includes(ext)) {
let imgObj = new Image();
imgObj.src = url;
imgObj.setAttribute("draggable", false);
document.querySelector(".media").innerHTML = "";
document.querySelector(".media").appendChild(imgObj);
let scale = 1;
window.addEventListener("wheel", function (e) {
const zoomSpeed = 0.1;
e.preventDefault();
if (e.deltaY < 0) {
scale *= 1 + zoomSpeed;
} else {
scale /= 1 + zoomSpeed;
}
imgObj.style.transform = `scale(${scale})`;
});
window.addEventListener("resize", () => {
imgObj.style.transform = `scale(${scale})`;
});
imgObj.addEventListener("load", () => {
imgObj.style.transform = `scale(${scale})`;
});
} else if (exts["image"].includes(ext)) {
let canvas = document.createElement("canvas");
let ctx = canvas.getContext("2d");
document.querySelector(".media").innerHTML = "";
document.querySelector(".media").appendChild(canvas);
let isDragging = false;
let isMouseDown = false;
let startCoords = { x: 0, y: 0 };
let offset = { x: 0, y: 0 };
let scale = 0.5;
let imgObj = new Image();
if (dav) {
try {
const davInstances = JSON.parse(await window.parent.tb.fs.promises.readFile(`/apps/user/${sessionStorage.getItem("currAcc")}/files/davs.json`, "utf8"));
const davUrl = url.split("/dav/")[0] + "/dav/";
const dav = davInstances.find(d => d.url.toLowerCase().includes(davUrl));
if (!dav) throw new Error("No matching dav instance found");
const client = window.parent.tb.vfs.servers.get(dav.name);
let filePath;
if (url.startsWith("http")) {
const match = url.match(/^https?:\/\/[^\/]+\/dav\/([^\/]+\/)?(.+)$/);
filePath = match ? "/" + match[2] : url;
} else {
filePath = url.replace(davUrl, "/");
}
const response = await client.getFileContents(filePath);
const blob = new Blob([response], { type: "image/" + ext });
imgObj.src = URL.createObjectURL(blob);
} catch (err) {
window.tb.dialog.Alert({
title: "Failed to read dav file",
message: err,
});
}
} else {
imgObj.src = url;
}
imgObj.onload = () => {
initializeCanvas();
};
function initializeCanvas() {
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
drawImageWithOffsetAndScale();
}
window.addEventListener("resize", function () {
initializeCanvas();
});
canvas.addEventListener("mousedown", function (e) {
isDragging = true;
isMouseDown = true;
startCoords = { x: e.clientX, y: e.clientY };
});
window.addEventListener("mouseup", function () {
isDragging = false;
isMouseDown = false;
});
canvas.addEventListener("mousemove", function (e) {
if (isDragging) {
const deltaX = e.clientX - startCoords.x;
const deltaY = e.clientY - startCoords.y;
offset.x += deltaX;
offset.y += deltaY;
startCoords = { x: e.clientX, y: e.clientY };
drawImageWithOffsetAndScale();
}
});
canvas.addEventListener("touchstart", e => {
isDragging = true;
isMouseDown = true;
startCoords = { x: e.touches[0].clientX, y: e.touches[0].clientY };
});
window.addEventListener("touchend", () => {
isDragging = false;
isMouseDown = false;
});
canvas.addEventListener("touchmove", e => {
if (isDragging) {
const deltaX = e.touches[0].clientX - startCoords.x;
const deltaY = e.touches[0].clientY - startCoords.y;
offset.x += deltaX;
offset.y += deltaY;
startCoords = { x: e.touches[0].clientX, y: e.touches[0].clientY };
drawImageWithOffsetAndScale();
}
});
canvas.addEventListener("mouseleave", () => {
isDragging = false;
});
canvas.addEventListener("mouseenter", () => {
if (isMouseDown) {
isDragging = true;
}
});
canvas.addEventListener("wheel", function (e) {
const zoomSpeed = 0.1;
e.preventDefault();
if (e.deltaY < 0) {
scale *= 1 + zoomSpeed;
} else {
scale /= 1 + zoomSpeed;
}
drawImageWithOffsetAndScale();
});
function drawImageWithOffsetAndScale() {
ctx.clearRect(0, 0, canvas.width, canvas.height);
const newWidth = imgObj.width * scale;
const newHeight = imgObj.height * scale;
const x = offset.x + (canvas.width - newWidth) / 2;
const y = offset.y + (canvas.height - newHeight) / 2;
ctx.drawImage(imgObj, x, y, newWidth, newHeight);
}
} else if (exts["pdf"].includes(ext)) {
document.querySelector(".media").innerHTML = "";
const pdfContainer = document.createElement("div");
pdfContainer.className = "pdf-container";
pdfContainer.style.display = "flex";
pdfContainer.style.flexDirection = "column";
pdfContainer.style.alignItems = "center";
pdfContainer.style.gap = "20px";
pdfContainer.style.overflow = "auto";
pdfContainer.style.width = "100%";
pdfContainer.style.height = "100%";
pdfContainer.style.transformOrigin = "top center";
pdfContainer.style.paddingTop = "56px";
document.querySelector(".media").appendChild(pdfContainer);
const loadingTask = pdfjsLib.getDocument({ url });
const pdf = await loadingTask.promise;
for (let pageNum = 1; pageNum <= pdf.numPages; pageNum++) {
const page = await pdf.getPage(pageNum);
const viewport = page.getViewport({ scale: 1 });
const canvas = document.createElement("canvas");
canvas.style.maxWidth = "75%";
canvas.style.height = "auto";
canvas.width = viewport.width;
canvas.height = viewport.height;
const context = canvas.getContext("2d");
const renderContext = {
canvasContext: context,
viewport: viewport,
};
await page.render(renderContext).promise;
pdfContainer.appendChild(canvas);
}
const controls = document.createElement("div");
controls.className = "pdf-controls";
controls.innerHTML = `
`;
document.querySelector(".media").innerHTML = videoPlayerHTML;
const videoContainer = document.querySelector(".custom-video-player");
const videoElem = videoContainer.querySelector("video");
const playPauseBtn = videoContainer.querySelector(".play-pause-btn");
const seekBar = videoContainer.querySelector(".seek-bar");
const timeDisplay = videoContainer.querySelector(".time-display");
const volumeBar = videoContainer.querySelector(".volume-bar");
const fullscreenBtn = videoContainer.querySelector(".fullscreen-btn");
const titleOverlay = videoContainer.querySelector(".title-overlay");
if (dav) {
try {
const davInstances = JSON.parse(await window.parent.tb.fs.promises.readFile(`/apps/user/${sessionStorage.getItem("currAcc")}/files/davs.json`, "utf8"));
const davUrl = url.split("/dav/")[0] + "/dav/";
const dav = davInstances.find(d => d.url.toLowerCase().includes(davUrl));
if (!dav) throw new Error("No matching dav instance found");
const client = window.parent.tb.vfs.servers.get(dav.name);
let filePath;
if (url.startsWith("http")) {
const match = url.match(/^https?:\/\/[^\/]+\/dav\/([^\/]+\/)?(.+)$/);
filePath = match ? "/" + match[2] : url;
} else {
filePath = url.replace(davUrl, "/");
}
const response = await client.getFileContents(filePath);
const blob = new Blob([response], { type: "video/" + ext });
videoElem.src = URL.createObjectURL(blob);
} catch (err) {
window.tb.dialog.Alert({
title: "Failed to read dav file",
message: err,
});
}
} else {
videoElem.src = url;
}
let scale = 1;
titleOverlay.textContent = fileName || "Video.mp4";
function formatTime(seconds) {
const mins = Math.floor(seconds / 60);
const secs = Math.floor(seconds % 60);
return `${mins}:${secs.toString().padStart(2, "0")}`;
}
videoElem.addEventListener("click", () => {
if (videoElem.paused) {
videoElem.play();
playPauseBtn.textContent = "⏸";
} else {
videoElem.pause();
playPauseBtn.textContent = "▶";
}
});
playPauseBtn.addEventListener("click", () => {
if (videoElem.paused) {
videoElem.play();
playPauseBtn.textContent = "⏸";
} else {
videoElem.pause();
playPauseBtn.textContent = "▶";
}
});
videoElem.addEventListener("timeupdate", () => {
seekBar.value = (videoElem.currentTime / videoElem.duration) * 100 || 0;
timeDisplay.textContent = `${formatTime(videoElem.currentTime)} / ${formatTime(videoElem.duration)}`;
});
seekBar.addEventListener("input", () => {
const time = (seekBar.value / 100) * videoElem.duration;
videoElem.currentTime = time;
});
volumeBar.addEventListener("input", () => {
videoElem.volume = volumeBar.value / 100;
});
fullscreenBtn.addEventListener("click", () => {
if (videoContainer.requestFullscreen) {
videoContainer.requestFullscreen();
}
});
videoElem.play();
window.addEventListener("wheel", function (e) {
const zoomSpeed = 0.1;
e.preventDefault();
if (e.deltaY < 0) {
scale *= 1 + zoomSpeed;
} else {
scale /= 1 + zoomSpeed;
}
videoContainer.style.transform = `scale(${scale})`;
});
window.addEventListener("resize", () => {
videoContainer.style.transform = `scale(${scale})`;
});
videoElem.addEventListener("load", () => {
videoContainer.style.transform = `scale(${scale})`;
});
} else if (exts["audio"].includes(ext)) {
const audioPlayerHTML = `
`;
document.querySelector(".media").innerHTML = audioPlayerHTML;
const audioContainer = document.querySelector(".custom-audio-player");
const audioElem = audioContainer.querySelector("audio");
const playPauseBtn = audioContainer.querySelector(".play-pause-btn");
const seekBar = audioContainer.querySelector(".seek-bar");
const timeDisplay = audioContainer.querySelector(".time-display");
const volumeBar = audioContainer.querySelector(".volume-bar");
const audioVisual = audioContainer.querySelector(".audio-visual");
const titleOverlay = audioContainer.querySelector(".title-overlay");
if (dav) {
try {
const davInstances = JSON.parse(await window.parent.tb.fs.promises.readFile(`/apps/user/${sessionStorage.getItem("currAcc")}/files/davs.json`, "utf8"));
const davUrl = url.split("/dav/")[0] + "/dav/";
const dav = davInstances.find(d => d.url.toLowerCase().includes(davUrl));
if (!dav) throw new Error("No matching dav instance found");
const client = window.parent.tb.vfs.servers.get(dav.name);
let filePath;
if (url.startsWith("http")) {
const match = url.match(/^https?:\/\/[^\/]+\/dav\/([^\/]+\/)?(.+)$/);
filePath = match ? "/" + match[2] : url;
} else {
filePath = url.replace(davUrl, "/");
}
const response = await client.getFileContents(filePath);
const blob = new Blob([response], { type: "audio/" + ext });
audioElem.src = URL.createObjectURL(blob);
} catch (err) {
window.tb.dialog.Alert({
title: "Failed to read dav file",
message: err,
});
}
} else {
audioElem.src = url;
}
let scale = 1;
titleOverlay.textContent = fileName || "Audio.mp3";
function formatTime(seconds) {
const mins = Math.floor(seconds / 60);
const secs = Math.floor(seconds % 60);
return `${mins}:${secs.toString().padStart(2, "0")}`;
}
audioVisual.addEventListener("click", () => {
if (audioElem.paused) {
audioElem.play();
playPauseBtn.textContent = "⏸";
} else {
audioElem.pause();
playPauseBtn.textContent = "▶";
}
});
playPauseBtn.addEventListener("click", () => {
if (audioElem.paused) {
audioElem.play();
playPauseBtn.textContent = "⏸";
} else {
audioElem.pause();
playPauseBtn.textContent = "▶";
}
});
audioElem.addEventListener("timeupdate", () => {
seekBar.value = (audioElem.currentTime / audioElem.duration) * 100 || 0;
timeDisplay.textContent = `${formatTime(audioElem.currentTime)} / ${formatTime(audioElem.duration)}`;
});
seekBar.addEventListener("input", () => {
const time = (seekBar.value / 100) * audioElem.duration;
audioElem.currentTime = time;
});
volumeBar.addEventListener("input", () => {
audioElem.volume = volumeBar.value / 100;
});
const p = async () => {
const ext = await window.parent.tb.mediaplayer.isExisting();
if (ext === false) {
try {
const response = await fetch(url);
const blob = await response.blob();
const tags = await id3.fromFile(new File([blob], "audio.mp3", { type: blob.type }));
let image = null;
if (tags.images && tags.images.length > 0) {
const imageData = tags.images[0];
try {
if (image && typeof image === "string" && image.startsWith("blob:")) {
URL.revokeObjectURL(image);
image = null;
}
let data = imageData.data;
let uint8;
if (data instanceof ArrayBuffer) {
uint8 = new Uint8Array(data);
} else if (ArrayBuffer.isView(data)) {
uint8 = new Uint8Array(data.buffer, data.byteOffset, data.byteLength);
} else if (Array.isArray(data)) {
uint8 = new Uint8Array(data);
} else if (typeof data === "string") {
const b64 = data.replace(/^data:\w+\/[a-zA-Z+]+;base64,/, "");
const raw = atob(b64);
uint8 = new Uint8Array(raw.length);
for (let i = 0; i < raw.length; ++i) uint8[i] = raw.charCodeAt(i);
} else if (window.parent && window.parent.tb && window.parent.tb.buffer && typeof window.parent.tb.buffer.from === "function") {
const buf = window.parent.tb.buffer.from(data);
uint8 = new Uint8Array(buf.buffer, buf.byteOffset, buf.byteLength);
} else {
throw new Error("Unknown image data type: " + Object.prototype.toString.call(data));
}
const mime = imageData.format || imageData.mime || "image/jpeg";
const signatures = [
{ name: "jpeg", sig: [0xff, 0xd8, 0xff] },
{ name: "png", sig: [0x89, 0x50, 0x4e, 0x47, 0x0d, 0x0a, 0x1a, 0x0a] },
{ name: "gif", sig: [0x47, 0x49, 0x46, 0x38] },
];
let startIndex = 0;
for (const s of signatures) {
const sig = s.sig;
for (let i = 0; i <= uint8.length - sig.length; i++) {
let ok = true;
for (let j = 0; j < sig.length; j++) {
if (uint8[i + j] !== sig[j]) {
ok = false;
break;
}
}
if (ok) {
startIndex = i;
break;
}
}
if (startIndex) break;
}
if (startIndex > 0) {
uint8 = uint8.subarray(startIndex);
console.warn("Sliced album art buffer to skip", startIndex, "bytes of leading data");
}
const blob = new Blob([uint8], { type: mime });
image = URL.createObjectURL(blob);
audioVisual.style.backgroundImage = `url("${image}")`;
audioVisual.style.backgroundSize = "cover";
audioVisual.style.backgroundPosition = "center";
audioVisual.innerHTML = "";
const uint8ToBase64 = u8 => {
const CHUNK = 0x8000;
let index = 0;
let result = [];
while (index < u8.length) {
result.push(String.fromCharCode.apply(null, u8.subarray(index, Math.min(index + CHUNK, u8.length))));
index += CHUNK;
}
return btoa(result.join(""));
};
const testImg = new Image();
testImg.onload = () => {
if (audioVisual.contains(testImg)) audioVisual.removeChild(testImg);
};
testImg.onerror = () => {
console.warn("Album art blob failed to load; trying base64 fallback");
try {
const b64 = uint8ToBase64(uint8);
const dataUrl = `data:${mime};base64,${b64}`;
testImg.src = dataUrl;
audioVisual.style.backgroundImage = `url("${dataUrl}")`;
} catch (err) {
console.warn("Base64 fallback failed", err);
}
};
testImg.src = image;
} catch (err) {
console.warn("Failed to decode album art:", err, imageData);
}
}
const title = tags.title || fileName || "Unknown Title";
const artist = tags.artist || "Unknown Artist";
titleOverlay.textContent = `${title} - ${artist}`;
window.parent.tb.mediaplayer.music({
track_name: title,
artist: artist,
endtime: Math.trunc(audioElem.duration),
background: image,
onPausePlay: () => {
if (audioElem.paused) {
audioElem.play();
} else {
audioElem.pause();
}
},
onSeek: time => {
audioElem.currentTime = time;
},
});
} catch (e) {
console.log("Error reading ID3 tags:", e);
}
}
};
audioElem.addEventListener("play", p);
p();
audioElem.play();
window.addEventListener("wheel", function (e) {
const zoomSpeed = 0.1;
e.preventDefault();
if (e.deltaY < 0) {
scale *= 1 + zoomSpeed;
} else {
scale /= 1 + zoomSpeed;
}
audioContainer.style.transform = `scale(${scale})`;
});
window.addEventListener("resize", () => {
audioContainer.style.transform = `scale(${scale})`;
});
audioElem.addEventListener("load", () => {
audioContainer.style.transform = `scale(${scale})`;
});
}
}
function showFileBrowser() {
if (asked) return;
asked = true;
if (!(window.parent && window.parent.tb && window.parent.tb.dialog && window.parent.tb.fs && window.parent.tb.window)) return;
window.parent.tb.dialog.FileBrowser({
title: "Open a file",
onOk: async file => {
const ext = file.split(".").pop();
let json = JSON.parse(await window.parent.tb.fs.promises.readFile("/apps/system/files.tapp/extensions.json", "utf8"));
if (file.includes("http")) {
openFile(file, ext, file.split("/").pop(), true);
} else if (json["image"].includes(ext)) {
let img = await window.parent.tb.fs.promises.readFile(file);
let blob = new Blob([img], { type: "image/" + ext });
let url = URL.createObjectURL(blob);
openFile(url, ext, file.split("/").pop());
} else if (json["animated"].includes(ext)) {
let img = await window.parent.tb.fs.promises.readFile(file);
let blob = new Blob([img], { type: "image/" + ext });
let url = URL.createObjectURL(blob);
openFile(url, ext, file.split("/").pop());
} else if (json["pdf"].includes(ext)) {
let pdf = await window.parent.tb.fs.promises.readFile(file);
let blob = new Blob([pdf], { type: "application/pdf" });
let url = URL.createObjectURL(blob);
openFile(url, ext, file.split("/").pop());
} else if (json["video"].includes(ext)) {
let video = await window.parent.tb.fs.promises.readFile(file);
let blob = new Blob([video], { type: "video/" + ext });
let url = URL.createObjectURL(blob);
openFile(url, ext, file.split("/").pop());
} else if (json["audio"].includes(ext)) {
let audio = await window.parent.tb.fs.promises.readFile(file);
let blob = new Blob([audio], { type: "audio/" + ext });
let url = URL.createObjectURL(blob);
openFile(url, ext, file.split("/").pop());
}
},
onCancel: () => {
window.parent.tb.window.close();
},
});
}
let asked = false;
window.addEventListener("message", async e => {
let data;
try {
data = JSON.parse(e.data);
} catch (e) {
data = e.data;
}
if (data === undefined && !asked) {
showFileBrowser();
}
if (data && data.type === "process") {
asked = true;
if (data.path) {
const ext = data.path.split(".").pop();
let json = JSON.parse(await window.parent.tb.fs.promises.readFile("/apps/system/files.tapp/extensions.json", "utf8"));
if (data.path.includes("http")) {
openFile(data.path, ext, data.path.split("/").pop(), true);
} else if (json["image"].includes(ext)) {
let img = await window.parent.tb.fs.promises.readFile(data.path);
let blob = new Blob([img], { type: "image/" + ext });
let url = URL.createObjectURL(blob);
openFile(url, ext, data.path.split("/").pop());
} else if (json["animated"].includes(ext)) {
let img = await window.parent.tb.fs.promises.readFile(data.path);
let blob = new Blob([img], { type: "image/" + ext });
let url = URL.createObjectURL(blob);
openFile(url, ext, data.path.split("/").pop());
} else if (json["pdf"].includes(ext)) {
let pdf = await window.parent.tb.fs.promises.readFile(data.path);
let blob = new Blob([pdf], { type: "application/pdf" });
let url = URL.createObjectURL(blob);
openFile(url, ext, data.path.split("/").pop());
} else if (json["video"].includes(ext)) {
let video = await window.parent.tb.fs.promises.readFile(data.path);
let blob = new Blob([video], { type: "video/" + ext });
let url = URL.createObjectURL(blob);
openFile(url, ext, data.path.split("/").pop());
} else if (json["audio"].includes(ext)) {
let audio = await window.parent.tb.fs.promises.readFile(data.path);
let blob = new Blob([audio], { type: "audio/" + ext });
let url = URL.createObjectURL(blob);
openFile(url, ext, data.path.split("/").pop());
}
}
}
});
================================================
FILE: public/apps/media viewer.tapp/index.json
================================================
{
"name": "Media Viewer",
"config": {
"title": "Media Viewer",
"icon": "/fs/apps/system/media viewer.tapp/icon.svg",
"src": "/fs/apps/system/media viewer.tapp/index.html"
}
}
================================================
FILE: public/apps/media viewer.tapp/media.com.js
================================================
const tb = parent.window.tb;
const tb_island = tb.window.island;
const tb_window = tb.window;
const tb_context_menu = tb.context_menu;
const tb_dialog = tb.dialog;
tb_island.addControl({
text: "File",
appname: "Media Viewer",
id: "media-file",
click: () => {
const appIsland = parent.document.querySelector(".app_island");
const options = [
{
text: "Open File",
click: async () => {
await tb.dialog.FileBrowser({
title: "Select a file to view",
onOk: async file => {
const url = `${parent.window.location.origin}/fs/${file}`;
const ext = file.split(".").pop();
openFile(url, ext);
},
});
},
},
];
tb.contextmenu.create({
x: appIsland.clientWidth - 110,
y: appIsland.clientHeight + 12,
iframe: false,
options: options,
});
},
});
tb_island.addControl({
text: "Computer",
appname: "Media Viewer",
id: "media-computer",
click: () => {
const appIsland = parent.document.querySelector(".app_island");
const options = [
{
text: "Open File from PC",
click: async () => {
const file = document.createElement("input");
file.type = "file";
file.accept = "image/*,video/*";
file.onchange = async () => {
const url = URL.createObjectURL(file.files[0]);
const ext = file.files[0].name.split(".").pop();
openFile(url, ext);
};
file.click();
},
},
];
tb.contextmenu.create({
x: appIsland.clientWidth - 110,
y: appIsland.clientHeight + 12,
iframe: false,
options: options,
});
},
});
================================================
FILE: public/apps/nfsadapter/FileSystemDirectoryHandle.js
================================================
import FileSystemHandle from './FileSystemHandle.js'
import { errors } from './util.js'
const { GONE, MOD_ERR } = errors
const kAdapter = Symbol('adapter')
class FileSystemDirectoryHandle extends FileSystemHandle {
/** @type {FileSystemDirectoryHandle} */
[kAdapter]
constructor (adapter) {
super(adapter)
this[kAdapter] = adapter
}
/**
* @param {string} name Name of the directory
* @param {object} [options]
* @param {boolean} [options.create] create the directory if don't exist
* @returns {Promise}
*/
async getDirectoryHandle (name, options = {}) {
if (name === '') {
throw new TypeError(`Name can't be an empty string.`)
}
if (name === '.' || name === '..' || name.includes('/')) {
throw new TypeError(`Name contains invalid characters.`)
}
options.create = !!options.create
const handle = await this[kAdapter].getDirectoryHandle(name, options)
return new FileSystemDirectoryHandle(handle)
}
/** @returns {AsyncGenerator<[string, FileSystemHandle | FileSystemDirectoryHandle]>} */
async * entries () {
const {FileSystemFileHandle} = await import('./FileSystemFileHandle.js')
for await (const [_, entry] of this[kAdapter].entries())
yield [entry.name, entry.kind === 'file'
? new FileSystemFileHandle(entry)
: new FileSystemDirectoryHandle(entry)]
}
/** @deprecated use .entries() instead */
async * getEntries() {
const {FileSystemFileHandle} = await import('./FileSystemFileHandle.js')
console.warn('deprecated, use .entries() instead')
for await (let entry of this[kAdapter].entries())
yield entry.kind === 'file'
? new FileSystemFileHandle(entry)
: new FileSystemDirectoryHandle(entry)
}
/**
* @param {string} name Name of the file
* @param {object} [options]
* @param {boolean} [options.create] create the file if don't exist
*/
async getFileHandle (name, options = {}) {
const {FileSystemFileHandle} = await import('./FileSystemFileHandle.js')
if (name === '') throw new TypeError(`Name can't be an empty string.`)
if (name === '.' || name === '..' || name.includes('/')) {
throw new TypeError(`Name contains invalid characters.`)
}
options.create = !!options.create
const handle = await this[kAdapter].getFileHandle(name, options)
return new FileSystemFileHandle(handle)
}
/**
* @param {string} name
* @param {object} [options]
* @param {boolean} [options.recursive]
*/
async removeEntry (name, options = {}) {
if (name === '') {
throw new TypeError(`Name can't be an empty string.`)
}
if (name === '.' || name === '..' || name.includes('/')) {
throw new TypeError(`Name contains invalid characters.`)
}
options.recursive = !!options.recursive // cuz node's fs.rm require boolean
return this[kAdapter].removeEntry(name, options)
}
async resolve (possibleDescendant) {
if (await possibleDescendant.isSameEntry(this)) {
return []
}
const openSet = [{ handle: this, path: [] }]
while (openSet.length) {
let { handle: current, path } = openSet.pop()
for await (const entry of current.values()) {
if (await entry.isSameEntry(possibleDescendant)) {
return [...path, entry.name]
}
if (entry.kind === 'directory') {
openSet.push({ handle: entry, path: [...path, entry.name] })
}
}
}
return null
}
async * keys () {
for await (const [name] of this[kAdapter].entries())
yield name
}
async * values () {
for await (const [_, entry] of this)
yield entry
}
[Symbol.asyncIterator]() {
return this.entries()
}
}
Object.defineProperty(FileSystemDirectoryHandle.prototype, Symbol.toStringTag, {
value: 'FileSystemDirectoryHandle',
writable: false,
enumerable: false,
configurable: true
})
Object.defineProperties(FileSystemDirectoryHandle.prototype, {
getDirectoryHandle: { enumerable: true },
entries: { enumerable: true },
getFileHandle: { enumerable: true },
removeEntry: { enumerable: true }
})
if (globalThis.FileSystemDirectoryHandle) {
const proto = globalThis.FileSystemDirectoryHandle.prototype
proto.resolve = async function resolve (possibleDescendant) {
if (await possibleDescendant.isSameEntry(this)) {
return []
}
const openSet = [{ handle: this, path: [] }]
while (openSet.length) {
let { handle: current, path } = openSet.pop()
for await (const entry of current.values()) {
if (await entry.isSameEntry(possibleDescendant)) {
return [...path, entry.name]
}
if (entry.kind === 'directory') {
openSet.push({ handle: entry, path: [...path, entry.name] })
}
}
}
return null
}
// Safari allows us operate on deleted files,
// so we need to check if they still exist.
// Hope to remove this one day.
async function ensureDoActuallyStillExist (handle) {
const root = await navigator.storage.getDirectory()
const path = await root.resolve(handle)
if (path === null) { throw new DOMException(...GONE) }
}
const entries = proto.entries
proto.entries = async function * () {
await ensureDoActuallyStillExist(this)
yield * entries.call(this)
}
proto[Symbol.asyncIterator] = async function * () {
yield * this.entries()
}
const removeEntry = proto.removeEntry
proto.removeEntry = async function (name, options = {}) {
return removeEntry.call(this, name, options).catch(async err => {
const unknown = err instanceof DOMException && err.name === 'UnknownError'
if (unknown && !options.recursive) {
const empty = (await entries.call(this).next()).done
if (!empty) { throw new DOMException(...MOD_ERR) }
}
throw err
})
}
}
export default FileSystemDirectoryHandle
export { FileSystemDirectoryHandle }
================================================
FILE: public/apps/nfsadapter/FileSystemFileHandle.js
================================================
const kAdapter$1 = Symbol('adapter');
/**
* @typedef {Object} FileSystemHandlePermissionDescriptor
* @property {('read'|'readwrite')} [mode='read']
*/
class FileSystemHandle {
/** @type {FileSystemHandle} */
[kAdapter$1]
/** @type {string} */
name
/** @type {('file'|'directory')} */
kind
/** @param {FileSystemHandle & {writable}} adapter */
constructor (adapter) {
this.kind = adapter.kind;
this.name = adapter.name;
this[kAdapter$1] = adapter;
}
/** @param {FileSystemHandlePermissionDescriptor} descriptor */
async queryPermission (descriptor = {}) {
const { mode = 'read' } = descriptor;
const handle = this[kAdapter$1];
if (handle.queryPermission) {
return handle.queryPermission({mode})
}
if (mode === 'read') {
return 'granted'
} else if (mode === 'readwrite') {
return handle.writable ? 'granted' : 'denied'
} else {
throw new TypeError(`Mode ${mode} must be 'read' or 'readwrite'`)
}
}
async requestPermission ({mode = 'read'} = {}) {
const handle = this[kAdapter$1];
if (handle.requestPermission) {
return handle.requestPermission({mode})
}
if (mode === 'read') {
return 'granted'
} else if (mode === 'readwrite') {
return handle.writable ? 'granted' : 'denied'
} else {
throw new TypeError(`Mode ${mode} must be 'read' or 'readwrite'`)
}
}
/**
* Attempts to remove the entry represented by handle from the underlying file system.
*
* @param {object} options
* @param {boolean} [options.recursive=false]
*/
async remove (options = {}) {
await this[kAdapter$1].remove(options);
}
/**
* @param {FileSystemHandle} other
*/
async isSameEntry (other) {
if (this === other) return true
if (
(!other) ||
(typeof other !== 'object') ||
(this.kind !== other.kind) ||
(!other[kAdapter$1])
) return false
return this[kAdapter$1].isSameEntry(other[kAdapter$1])
}
}
Object.defineProperty(FileSystemHandle.prototype, Symbol.toStringTag, {
value: 'FileSystemHandle',
writable: false,
enumerable: false,
configurable: true
});
// Safari safari doesn't support writable streams yet.
if (globalThis.FileSystemHandle) {
globalThis.FileSystemHandle.prototype.queryPermission ??= function (descriptor) {
return 'granted'
};
}
const config = {
ReadableStream: globalThis.ReadableStream,
WritableStream: globalThis.WritableStream,
TransformStream: globalThis.TransformStream,
DOMException: globalThis.DOMException,
Blob: globalThis.Blob,
File: globalThis.File,
};
const { WritableStream } = config;
class FileSystemWritableFileStream extends WritableStream {
#writer
constructor (writer) {
super(writer);
this.#writer = writer;
// Stupid Safari hack to extend native classes
// https://bugs.webkit.org/show_bug.cgi?id=226201
Object.setPrototypeOf(this, FileSystemWritableFileStream.prototype);
/** @private */
this._closed = false;
}
async close () {
this._closed = true;
const w = this.getWriter();
const p = w.close();
w.releaseLock();
return p
// return super.close ? super.close() : this.getWriter().close()
}
/** @param {number} position */
seek (position) {
return this.write({ type: 'seek', position })
}
/** @param {number} size */
truncate (size) {
return this.write({ type: 'truncate', size })
}
// The write(data) method steps are:
write (data) {
if (this._closed) {
return Promise.reject(new TypeError('Cannot write to a CLOSED writable stream'))
}
// 1. Let writer be the result of getting a writer for this.
const writer = this.getWriter();
// 2. Let result be the result of writing a chunk to writer given data.
const result = writer.write(data);
// 3. Release writer.
writer.releaseLock();
// 4. Return result.
return result
}
}
Object.defineProperty(FileSystemWritableFileStream.prototype, Symbol.toStringTag, {
value: 'FileSystemWritableFileStream',
writable: false,
enumerable: false,
configurable: true
});
Object.defineProperties(FileSystemWritableFileStream.prototype, {
close: { enumerable: true },
seek: { enumerable: true },
truncate: { enumerable: true },
write: { enumerable: true }
});
// Safari safari doesn't support writable streams yet.
if (
globalThis.FileSystemFileHandle &&
!globalThis.FileSystemFileHandle.prototype.createWritable &&
!globalThis.FileSystemWritableFileStream
) {
globalThis.FileSystemWritableFileStream = FileSystemWritableFileStream;
}
const errors = {
INVALID: ['seeking position failed.', 'InvalidStateError'],
GONE: ['A requested file or directory could not be found at the time an operation was processed.', 'NotFoundError'],
MISMATCH: ['The path supplied exists, but was not an entry of requested type.', 'TypeMismatchError'],
MOD_ERR: ['The object can not be modified in this way.', 'InvalidModificationError'],
SYNTAX: m => [`Failed to execute 'write' on 'UnderlyingSinkBase': Invalid params passed. ${m}`, 'SyntaxError'],
SECURITY: ['It was determined that certain files are unsafe for access within a Web application, or that too many calls are being made on file resources.', 'SecurityError'],
DISALLOWED: ['The request is not allowed by the user agent or the platform in the current context.', 'NotAllowedError']
};
const { INVALID, SYNTAX, GONE } = errors;
const kAdapter = Symbol('adapter');
class FileSystemFileHandle extends FileSystemHandle {
/** @type {FileSystemFileHandle} */
[kAdapter]
constructor (adapter) {
super(adapter);
this[kAdapter] = adapter;
}
/**
* @param {Object} [options={}]
* @param {boolean} [options.keepExistingData]
* @returns {Promise}
*/
async createWritable (options = {}) {
return new FileSystemWritableFileStream(
await this[kAdapter].createWritable(options)
)
}
/**
* @returns {Promise}
*/
async getFile () {
return this[kAdapter].getFile()
}
}
Object.defineProperty(FileSystemFileHandle.prototype, Symbol.toStringTag, {
value: 'FileSystemFileHandle',
writable: false,
enumerable: false,
configurable: true
});
Object.defineProperties(FileSystemFileHandle.prototype, {
createWritable: { enumerable: true },
getFile: { enumerable: true }
});
// Safari doesn't support async createWritable streams yet.
if (
globalThis.FileSystemFileHandle &&
!globalThis.FileSystemFileHandle.prototype.createWritable
) {
const wm = new WeakMap();
let workerUrl;
// Worker code that should be inlined (can't use any external functions)
const code = () => {
let fileHandle, handle;
onmessage = async evt => {
const port = evt.ports[0];
const cmd = evt.data;
switch (cmd.type) {
case 'open':
const file = cmd.name;
let dir = await navigator.storage.getDirectory();
for (const folder of cmd.path) {
dir = await dir.getDirectoryHandle(folder);
}
fileHandle = await dir.getFileHandle(file);
handle = await fileHandle.createSyncAccessHandle();
break
case 'write':
handle.write(cmd.data, { at: cmd.position });
handle.flush();
break
case 'truncate':
handle.truncate(cmd.size);
break
case 'abort':
case 'close':
handle.close();
break
}
port.postMessage(0);
};
};
globalThis.FileSystemFileHandle.prototype.createWritable = async function (options) {
// Safari only support writing data in a worker with sync access handle.
if (!workerUrl) {
const stringCode = `(${code.toString()})()`;
const blob = new Blob([stringCode], {
type: 'text/javascript'
});
workerUrl = URL.createObjectURL(blob);
}
const worker = new Worker(workerUrl, { type: 'module' });
let position = 0;
const textEncoder = new TextEncoder();
let size = await this.getFile().then(file => file.size);
const send = message => new Promise((resolve, reject) => {
const mc = new MessageChannel();
mc.port1.onmessage = evt => {
if (evt.data instanceof Error) reject(evt.data);
else resolve(evt.data);
mc.port1.close();
mc.port2.close();
mc.port1.onmessage = null;
};
worker.postMessage(message, [mc.port2]);
});
// Safari also don't support transferable file system handles.
// So we need to pass the path to the worker. This is a bit hacky and ugly.
const root = await navigator.storage.getDirectory();
const parent = await wm.get(this);
const path = await root.resolve(parent);
// Should likely never happen, but just in case...
if (path === null) throw new DOMException(...GONE)
await send({ type: 'open', path, name: this.name });
if (options?.keepExistingData === false) {
await send({ type: 'truncate', size: 0 });
size = 0;
}
const ws = new FileSystemWritableFileStream({
start: ctrl => {
},
async write(chunk) {
const isPlainObject = chunk?.constructor === Object;
if (isPlainObject) {
chunk = { ...chunk };
} else {
chunk = { type: 'write', data: chunk, position };
}
if (chunk.type === 'write') {
if (!('data' in chunk)) {
await send({ type: 'close' });
throw new DOMException(...SYNTAX('write requires a data argument'))
}
chunk.position ??= position;
if (typeof chunk.data === 'string') {
chunk.data = textEncoder.encode(chunk.data);
}
else if (chunk.data instanceof ArrayBuffer) {
chunk.data = new Uint8Array(chunk.data);
}
else if (!(chunk.data instanceof Uint8Array) && ArrayBuffer.isView(chunk.data)) {
chunk.data = new Uint8Array(chunk.data.buffer, chunk.data.byteOffset, chunk.data.byteLength);
}
else if (!(chunk.data instanceof Uint8Array)) {
const ab = await new Response(chunk.data).arrayBuffer();
chunk.data = new Uint8Array(ab);
}
if (Number.isInteger(chunk.position) && chunk.position >= 0) {
position = chunk.position;
}
position += chunk.data.byteLength;
size += chunk.data.byteLength;
} else if (chunk.type === 'seek') {
if (Number.isInteger(chunk.position) && chunk.position >= 0) {
if (size < chunk.position) {
throw new DOMException(...INVALID)
}
console.log('seeking', chunk);
position = chunk.position;
return // Don't need to enqueue seek...
} else {
await send({ type: 'close' });
throw new DOMException(...SYNTAX('seek requires a position argument'))
}
} else if (chunk.type === 'truncate') {
if (Number.isInteger(chunk.size) && chunk.size >= 0) {
size = chunk.size;
if (position > size) { position = size; }
} else {
await send({ type: 'close' });
throw new DOMException(...SYNTAX('truncate requires a size argument'))
}
}
await send(chunk);
},
async close () {
await send({ type: 'close' });
worker.terminate();
},
async abort (reason) {
await send({ type: 'abort', reason });
worker.terminate();
},
});
return ws
};
const orig = FileSystemDirectoryHandle.prototype.getFileHandle;
FileSystemDirectoryHandle.prototype.getFileHandle = async function (...args) {
const handle = await orig.call(this, ...args);
wm.set(handle, this);
return handle
};
}
export { FileSystemFileHandle, FileSystemFileHandle as default };
================================================
FILE: public/apps/nfsadapter/FileSystemHandle.js
================================================
const kAdapter = Symbol('adapter');
/**
* @typedef {Object} FileSystemHandlePermissionDescriptor
* @property {('read'|'readwrite')} [mode='read']
*/
class FileSystemHandle {
/** @type {FileSystemHandle} */
[kAdapter]
/** @type {string} */
name
/** @type {('file'|'directory')} */
kind
/** @param {FileSystemHandle & {writable}} adapter */
constructor (adapter) {
this.kind = adapter.kind;
this.name = adapter.name;
this[kAdapter] = adapter;
}
/** @param {FileSystemHandlePermissionDescriptor} descriptor */
async queryPermission (descriptor = {}) {
const { mode = 'read' } = descriptor;
const handle = this[kAdapter];
if (handle.queryPermission) {
return handle.queryPermission({mode})
}
if (mode === 'read') {
return 'granted'
} else if (mode === 'readwrite') {
return handle.writable ? 'granted' : 'denied'
} else {
throw new TypeError(`Mode ${mode} must be 'read' or 'readwrite'`)
}
}
async requestPermission ({mode = 'read'} = {}) {
const handle = this[kAdapter];
if (handle.requestPermission) {
return handle.requestPermission({mode})
}
if (mode === 'read') {
return 'granted'
} else if (mode === 'readwrite') {
return handle.writable ? 'granted' : 'denied'
} else {
throw new TypeError(`Mode ${mode} must be 'read' or 'readwrite'`)
}
}
/**
* Attempts to remove the entry represented by handle from the underlying file system.
*
* @param {object} options
* @param {boolean} [options.recursive=false]
*/
async remove (options = {}) {
await this[kAdapter].remove(options);
}
/**
* @param {FileSystemHandle} other
*/
async isSameEntry (other) {
if (this === other) return true
if (
(!other) ||
(typeof other !== 'object') ||
(this.kind !== other.kind) ||
(!other[kAdapter])
) return false
return this[kAdapter].isSameEntry(other[kAdapter])
}
}
Object.defineProperty(FileSystemHandle.prototype, Symbol.toStringTag, {
value: 'FileSystemHandle',
writable: false,
enumerable: false,
configurable: true
});
// Safari safari doesn't support writable streams yet.
if (globalThis.FileSystemHandle) {
globalThis.FileSystemHandle.prototype.queryPermission ??= function (descriptor) {
return 'granted'
};
}
export { FileSystemHandle, FileSystemHandle as default };
================================================
FILE: public/apps/nfsadapter/adapters/anuraadapter.js
================================================
import { errors } from '../util.js'
import config from '../config.js'
const join = window.Filer.path.join;
const fs = window.anura.fs.promises;
const Buffer = window.Filer.Buffer;
const cbfs = window.anura.fs; // This stands for callback fs but I like to pretend it stands for cock and ball fs.
const {
DOMException
} = config
const { INVALID, GONE, MISMATCH, MOD_ERR, SYNTAX } = errors
/**
* @see https://github.com/node-fetch/fetch-blob/blob/0455796ede330ecffd9eb6b9fdf206cc15f90f3e/index.js#L232
* @param {*} object
* @returns {object is Blob}
*/
function isBlob (object) {
return (
object &&
typeof object === 'object' &&
typeof object.constructor === 'function' &&
(
typeof object.stream === 'function' ||
typeof object.arrayBuffer === 'function'
) &&
/^(Blob|File)$/.test(object[Symbol.toStringTag])
)
}
export class Sink {
/**
* @param {fs.FileHandle} fileHandle
* @param {number} size
*/
constructor (fileHandle, size) {
this._fileHandle = fileHandle
this._size = size
this._position = 0
}
async abort() {
const filehandle = this._fileHandle
await new Promise((res, rej) => {
cbfs.close(filehandle, (err) => {
if (!err) res()
else rej()
})
})
}
async write (chunk) {
if (typeof chunk === 'object') {
if (chunk.type === 'write') {
if (Number.isInteger(chunk.position) && chunk.position >= 0) {
this._position = chunk.position
}
if (!('data' in chunk)) {
const filehandle = this._fileHandle
await new Promise((res, rej) => {
cbfs.close(filehandle, (err) => {
if (!err) res()
else rej()
})
})
throw new DOMException(...SYNTAX('write requires a data argument'))
}
chunk = chunk.data
} else if (chunk.type === 'seek') {
if (Number.isInteger(chunk.position) && chunk.position >= 0) {
if (this._size < chunk.position) {
throw new DOMException(...INVALID)
}
this._position = chunk.position
return
} else {
const filehandle = this._fileHandle
await new Promise((res, rej) => {
cbfs.close(filehandle, (err) => {
if (!err) res()
else rej()
})
})
throw new DOMException(...SYNTAX('seek requires a position argument'))
}
} else if (chunk.type === 'truncate') {
if (Number.isInteger(chunk.size) && chunk.size >= 0) {
console.log("handle:")
console.log(this._fileHandle)
const filehandle = this._fileHandle
await new Promise((res, rej) => {
cbfs.ftruncate(filehandle, chunk.size, (err) => {
if (!err) res()
else rej()
})
})
this._size = chunk.size
if (this._position > this._size) {
this._position = this._size
}
return
} else {
const filehandle = this._fileHandle
await new Promise((res, rej) => {
cbfs.close(filehandle, (err) => {
if (!err) res()
else rej()
})
})
throw new DOMException(...SYNTAX('truncate requires a size argument'))
}
}
}
if (chunk instanceof ArrayBuffer) {
chunk = new Uint8Array(chunk)
} else if (typeof chunk === 'string') {
chunk = Buffer.from(chunk)
} else if (isBlob(chunk)) {
for await (const data of chunk.stream()) {
// const res = await this._fileHandle.writev([data], this._position)
const res = await new Promise((res, rej) => {
cbfs.write(this._fileHandle, Filer.Buffer.from(data), 0, data.length, this._position, (err, nbytes) => {
if (err) rej(err)
else res(nbytes);
})})
this._position += res.bytesWritten
this._size += res.bytesWritten
}
return
}
const res = await new Promise((res, rej) => {
cbfs.write(this._fileHandle, Filer.Buffer.from(chunk), 0, chunk.length, this._position, (err, nbytes) => {
if (err) rej(err)
else res(nbytes);
})})
// const res = await this._fileHandle.writev([chunk], this._position)
this._position += res.bytesWritten
this._size += res.bytesWritten
}
async close () {
// First make sure we close the handle
const filehandle = this._fileHandle
await new Promise((res, rej) => {
cbfs.close(filehandle, (err) => {
if (!err) res()
else rej()
})
})
}
}
export class FileHandle {
/**
* @param {string} path
* @param {string} name
*/
constructor (path, name) {
this._path = path
this.name = name
this.kind = 'file'
}
async getFile () {
await fs.stat(this._path).catch(err => {
if (err.code === 'ENOENT') throw new DOMException(...GONE)
})
// TODO: replace once https://github.com/nodejs/node/issues/37340 is fixed
return new File([await fs.readFile(this._path)], this.name);
}
async isSameEntry (other) {
return this._path === this._getPath.apply(other)
}
_getPath() {
return this._path
}
/** @param {{ keepExistingData: boolean; }} opts */
async createWritable (opts) {
const fileHandle = await fs.open(this._path, opts.keepExistingData ? 'r+' : 'w+').catch(err => {
if (err.code === 'ENOENT') throw new DOMException(...GONE)
throw err
})
const { size } = await fs.stat(this._path);
return new Sink(fileHandle, size)
}
}
export class FolderHandle {
_path = ''
constructor (path = '', name = '') {
this.name = name
this.kind = 'directory'
this._path = path
}
/** @param {FolderHandle} other */
async isSameEntry (other) {
return this._path === other._path
}
/** @returns {AsyncGenerator<[string, FileHandle | FolderHandle]>} */
async * entries () {
const dir = this._path
const items = await fs.readdir(dir).catch(err => {
if (err.code === 'ENOENT') throw new DOMException(...GONE)
throw err
})
for (let name of items) {
const path = Filer.path.join(dir, name)
const stat = await fs.lstat(path)
if (stat.isFile()) {
yield [name, new FileHandle(path, name)]
} else if (stat.isDirectory()) {
yield [name, new FolderHandle(path, name)]
}
}
}
/**
* @param {string} name
* @param {{ create: boolean; }} opts
*/
async getDirectoryHandle (name, opts) {
const path = join(this._path, name)
const stat = await fs.lstat(path).catch(err => {
if (err.code !== 'ENOENT') throw err
})
const isDirectory = stat?.isDirectory()
if (stat && isDirectory) return new FolderHandle(path, name)
if (stat && !isDirectory) throw new DOMException(...MISMATCH)
if (!opts.create) throw new DOMException(...GONE)
await fs.mkdir(path)
return new FolderHandle(path, name)
}
/**
* @param {string} name
* @param {{ create: boolean; }} opts
*/
async getFileHandle (name, opts) {
const path = join(this._path, name)
const stat = await fs.lstat(path).catch(err => {
if (err.code !== 'ENOENT') throw err
})
const isFile = stat?.isFile()
if (stat && isFile) return new FileHandle(path, name)
if (stat && !isFile) throw new DOMException(...MISMATCH)
if (!opts.create) throw new DOMException(...GONE)
anura.fs.close(await fs.open(path, 'w'))
return new FileHandle(path, name)
}
async queryPermission () {
return 'granted'
}
/**
* @param {string} name
* @param {{ recursive: boolean; }} opts
*/
async removeEntry (name, opts) {
const path = join(this._path, name)
const stat = await fs.lstat(path).catch(err => {
if (err.code === 'ENOENT') throw new DOMException(...GONE)
throw err
})
if (stat.isDirectory()) {
if (opts.recursive) {
await fs.rm(path, { recursive: true, }).catch(err => {
if (err.code === 'ENOTEMPTY') throw new DOMException(...MOD_ERR)
throw err
})
} else {
await fs.rmdir(path).catch(err => {
if (err.code === 'ENOTEMPTY') throw new DOMException(...MOD_ERR)
throw err
})
}
} else {
await fs.unlink(path)
}
}
}
export default path => {
return new FolderHandle("/")
}
================================================
FILE: public/apps/nfsadapter/adapters/memory.js
================================================
const errors = {
INVALID: ['seeking position failed.', 'InvalidStateError'],
GONE: ['A requested file or directory could not be found at the time an operation was processed.', 'NotFoundError'],
MISMATCH: ['The path supplied exists, but was not an entry of requested type.', 'TypeMismatchError'],
MOD_ERR: ['The object can not be modified in this way.', 'InvalidModificationError'],
SYNTAX: m => [`Failed to execute 'write' on 'UnderlyingSinkBase': Invalid params passed. ${m}`, 'SyntaxError'],
SECURITY: ['It was determined that certain files are unsafe for access within a Web application, or that too many calls are being made on file resources.', 'SecurityError'],
DISALLOWED: ['The request is not allowed by the user agent or the platform in the current context.', 'NotAllowedError']
};
const config = {
ReadableStream: globalThis.ReadableStream,
WritableStream: globalThis.WritableStream,
TransformStream: globalThis.TransformStream,
DOMException: globalThis.DOMException,
Blob: globalThis.Blob,
File: globalThis.File,
};
const { File, Blob, DOMException } = config;
const { INVALID, GONE, MISMATCH, MOD_ERR, SYNTAX, SECURITY, DISALLOWED } = errors;
class Sink {
/**
* @param {FileHandle} fileHandle
* @param {File} file
*/
constructor (fileHandle, file) {
this.fileHandle = fileHandle;
this.file = file;
this.size = file.size;
this.position = 0;
}
write (chunk) {
let file = this.file;
if (typeof chunk === 'object') {
if (chunk.type === 'write') {
if (Number.isInteger(chunk.position) && chunk.position >= 0) {
this.position = chunk.position;
if (this.size < chunk.position) {
this.file = new File(
[this.file, new ArrayBuffer(chunk.position - this.size)],
this.file.name,
this.file
);
}
}
if (!('data' in chunk)) {
throw new DOMException(...SYNTAX('write requires a data argument'))
}
chunk = chunk.data;
} else if (chunk.type === 'seek') {
if (Number.isInteger(chunk.position) && chunk.position >= 0) {
if (this.size < chunk.position) {
throw new DOMException(...INVALID)
}
this.position = chunk.position;
return
} else {
throw new DOMException(...SYNTAX('seek requires a position argument'))
}
} else if (chunk.type === 'truncate') {
if (Number.isInteger(chunk.size) && chunk.size >= 0) {
file = chunk.size < this.size
? new File([file.slice(0, chunk.size)], file.name, file)
: new File([file, new Uint8Array(chunk.size - this.size)], file.name);
this.size = file.size;
if (this.position > file.size) {
this.position = file.size;
}
this.file = file;
return
} else {
throw new DOMException(...SYNTAX('truncate requires a size argument'))
}
}
}
chunk = new Blob([chunk]);
let blob = this.file;
// Calc the head and tail fragments
const head = blob.slice(0, this.position);
const tail = blob.slice(this.position + chunk.size);
// Calc the padding
let padding = this.position - head.size;
if (padding < 0) {
padding = 0;
}
blob = new File([
head,
new Uint8Array(padding),
chunk,
tail
], blob.name);
this.size = blob.size;
this.position += chunk.size;
this.file = blob;
}
close () {
if (this.fileHandle._deleted) throw new DOMException(...GONE)
this.fileHandle._file = this.file;
this.file =
this.position =
this.size = null;
if (this.fileHandle.onclose) {
this.fileHandle.onclose(this.fileHandle);
}
}
}
class FileHandle {
constructor (name = '', file = new File([], name), writable = true) {
this._file = file;
this.name = name;
this.kind = 'file';
this._deleted = false;
this.writable = writable;
this.readable = true;
}
async getFile () {
if (this._deleted) throw new DOMException(...GONE)
return this._file
}
async createWritable (opts) {
if (!this.writable) throw new DOMException(...DISALLOWED)
if (this._deleted) throw new DOMException(...GONE)
const file = opts.keepExistingData
? await this.getFile()
: new File([], this.name);
return new Sink(this, file)
}
async isSameEntry (other) {
return this === other
}
async _destroy () {
this._deleted = true;
this._file = null;
}
}
class FolderHandle {
/** @param {string} name */
constructor (name, writable = true) {
this.name = name;
this.kind = 'directory';
this._deleted = false;
/** @type {Object.} */
this._entries = {};
this.writable = writable;
this.readable = true;
}
/** @returns {AsyncGenerator<[string, FileHandle | FolderHandle]>} */
async * entries () {
if (this._deleted) throw new DOMException(...GONE)
yield* Object.entries(this._entries);
}
async isSameEntry (other) {
return this === other
}
/**
* @param {string} name
* @param {{ create: boolean; }} opts
*/
async getDirectoryHandle (name, opts) {
if (this._deleted) throw new DOMException(...GONE)
const entry = this._entries[name];
if (entry) { // entry exist
if (entry instanceof FileHandle) {
throw new DOMException(...MISMATCH)
} else {
return entry
}
} else {
if (opts.create) {
return (this._entries[name] = new FolderHandle(name))
} else {
throw new DOMException(...GONE)
}
}
}
/**
* @param {string} name
* @param {{ create: boolean; }} opts
*/
async getFileHandle (name, opts) {
const entry = this._entries[name];
const isFile = entry instanceof FileHandle;
if (entry && isFile) return entry
if (entry && !isFile) throw new DOMException(...MISMATCH)
if (!entry && !opts.create) throw new DOMException(...GONE)
if (!entry && opts.create) {
return (this._entries[name] = new FileHandle(name))
}
}
async removeEntry (name, opts) {
const entry = this._entries[name];
if (!entry) throw new DOMException(...GONE)
await entry._destroy(opts.recursive);
delete this._entries[name];
}
async _destroy (recursive) {
for (let x of Object.values(this._entries)) {
if (!recursive) throw new DOMException(...MOD_ERR)
await x._destroy(recursive);
}
this._entries = {};
this._deleted = true;
}
}
const fs = new FolderHandle('');
var memory = () => fs;
export { FileHandle, FolderHandle, Sink, memory as default };
================================================
FILE: public/apps/nfsadapter/adapters/sandbox.js
================================================
const errors = {
INVALID: ['seeking position failed.', 'InvalidStateError'],
GONE: ['A requested file or directory could not be found at the time an operation was processed.', 'NotFoundError'],
MISMATCH: ['The path supplied exists, but was not an entry of requested type.', 'TypeMismatchError'],
MOD_ERR: ['The object can not be modified in this way.', 'InvalidModificationError'],
SYNTAX: m => [`Failed to execute 'write' on 'UnderlyingSinkBase': Invalid params passed. ${m}`, 'SyntaxError'],
SECURITY: ['It was determined that certain files are unsafe for access within a Web application, or that too many calls are being made on file resources.', 'SecurityError'],
DISALLOWED: ['The request is not allowed by the user agent or the platform in the current context.', 'NotAllowedError']
};
/* global Blob, DOMException */
const { DISALLOWED } = errors;
class Sink {
/**
* @param {FileWriter} writer
* @param {FileEntry} fileEntry
*/
constructor (writer, fileEntry) {
this.writer = writer;
this.fileEntry = fileEntry;
}
/**
* @param {BlobPart | Object} chunk
*/
async write (chunk) {
if (typeof chunk === 'object') {
if (chunk.type === 'write') {
if (Number.isInteger(chunk.position) && chunk.position >= 0) {
this.writer.seek(chunk.position);
if (this.writer.position !== chunk.position) {
await new Promise((resolve, reject) => {
this.writer.onwriteend = resolve;
this.writer.onerror = reject;
this.writer.truncate(chunk.position);
});
this.writer.seek(chunk.position);
}
}
if (!('data' in chunk)) {
throw new DOMException('Failed to execute \'write\' on \'UnderlyingSinkBase\': Invalid params passed. write requires a data argument', 'SyntaxError')
}
chunk = chunk.data;
} else if (chunk.type === 'seek') {
if (Number.isInteger(chunk.position) && chunk.position >= 0) {
this.writer.seek(chunk.position);
if (this.writer.position !== chunk.position) {
throw new DOMException('seeking position failed', 'InvalidStateError')
}
return
} else {
throw new DOMException('Failed to execute \'write\' on \'UnderlyingSinkBase\': Invalid params passed. seek requires a position argument', 'SyntaxError')
}
} else if (chunk.type === 'truncate') {
return new Promise(resolve => {
if (Number.isInteger(chunk.size) && chunk.size >= 0) {
this.writer.onwriteend = evt => resolve();
this.writer.truncate(chunk.size);
} else {
throw new DOMException('Failed to execute \'write\' on \'UnderlyingSinkBase\': Invalid params passed. truncate requires a size argument', 'SyntaxError')
}
})
}
}
await new Promise((resolve, reject) => {
this.writer.onwriteend = resolve;
this.writer.onerror = reject;
this.writer.write(new Blob([chunk]));
});
}
close () {
return new Promise(this.fileEntry.file.bind(this.fileEntry))
}
}
class FileHandle {
/** @param {FileEntry} file */
constructor (file, writable = true) {
this.file = file;
this.kind = 'file';
this.writable = writable;
this.readable = true;
}
get name () {
return this.file.name
}
/**
* @param {{ file: { toURL: () => string; }; }} other
*/
isSameEntry (other) {
return this.file.toURL() === other.file.toURL()
}
/** @return {Promise} */
getFile () {
return new Promise(this.file.file.bind(this.file))
}
/** @return {Promise} */
createWritable (opts) {
if (!this.writable) throw new DOMException(...DISALLOWED)
return new Promise((resolve, reject) =>
this.file.createWriter(fileWriter => {
if (opts.keepExistingData === false) {
fileWriter.onwriteend = evt => resolve(new Sink(fileWriter, this.file));
fileWriter.truncate(0);
} else {
resolve(new Sink(fileWriter, this.file));
}
}, reject)
)
}
}
class FolderHandle {
/** @param {DirectoryEntry} dir */
constructor (dir, writable = true) {
this.dir = dir;
this.writable = writable;
this.readable = true;
this.kind = 'directory';
this.name = dir.name;
}
/** @param {FolderHandle} other */
isSameEntry (other) {
return this.dir.fullPath === other.dir.fullPath
}
/** @returns {AsyncGenerator<[string, FileHandle | FolderHandle]>} */
async * entries () {
const reader = this.dir.createReader();
const entries = await new Promise(reader.readEntries.bind(reader));
for (const x of entries) {
yield [x.name, x.isFile ? new FileHandle(x, this.writable) : new FolderHandle(x, this.writable)];
}
}
/**
* @param {string} name
* @param {{ create: boolean; }} opts
* @returns {Promise}
*/
getDirectoryHandle (name, opts) {
return new Promise((resolve, reject) => {
this.dir.getDirectory(name, opts, dir => {
resolve(new FolderHandle(dir));
}, reject);
})
}
/**
* @param {string} name
* @param {{ create: boolean; }} opts
* @returns {Promise}
*/
getFileHandle (name, opts) {
return new Promise((resolve, reject) =>
this.dir.getFile(name, opts, file => resolve(new FileHandle(file)), reject)
)
}
/**
* @param {string} name
* @param {{ recursive: boolean; }} opts
*/
async removeEntry (name, opts) {
/** @type {Error|FolderHandle|FileHandle} */
const entry = await this.getDirectoryHandle(name, { create: false }).catch(err =>
err.name === 'TypeMismatchError' ? this.getFileHandle(name, { create: false }) : err
);
if (entry instanceof Error) throw entry
return new Promise((resolve, reject) => {
if (entry instanceof FolderHandle) {
opts.recursive
? entry.dir.removeRecursively(() => resolve(), reject)
: entry.dir.remove(() => resolve(), reject);
} else if (entry.file) {
entry.file.remove(() => resolve(), reject);
}
})
}
}
var sandbox = (opts = {}) => new Promise((resolve, reject) =>
window.webkitRequestFileSystem(
opts._persistent, 0,
e => resolve(new FolderHandle(e.root)),
reject
)
);
export { FileHandle, FolderHandle, sandbox as default };
================================================
FILE: public/apps/nfsadapter/config.js
================================================
const config = {
ReadableStream: globalThis.ReadableStream,
WritableStream: globalThis.WritableStream,
TransformStream: globalThis.TransformStream,
DOMException: globalThis.DOMException,
Blob: globalThis.Blob,
File: globalThis.File,
}
export default config
================================================
FILE: public/apps/nfsadapter/nfsadapter.js
================================================
const e=globalThis.showDirectoryPicker;async function t(t={}){if(e&&!t._preferPolyfill)return e(t);const i=document.createElement("input");i.type="file",i.webkitdirectory=!0,i.multiple=!0,i.style.position="fixed",i.style.top="-100000px",i.style.left="-100000px",document.body.appendChild(i);const r=Promise.resolve().then((function(){return p}));return await new Promise((e=>{i.addEventListener("change",e),i.click()})),r.then((e=>e.getDirHandlesFromInput(i)))}const i={accepts:[]},r=globalThis.showOpenFilePicker;async function n(e={}){const t={...i,...e};if(r&&!e._preferPolyfill)return r(t);const n=document.createElement("input");n.type="file",n.multiple=t.multiple,n.accept=(t.accepts||[]).map((e=>[...(e.extensions||[]).map((e=>"."+e)),...e.mimeTypes||[]])).flat().join(","),Object.assign(n.style,{position:"fixed",top:"-100000px",left:"-100000px"}),document.body.appendChild(n);const s=Promise.resolve().then((function(){return p}));return await new Promise((e=>{n.addEventListener("change",e,{once:!0}),n.click()})),n.remove(),s.then((e=>e.getFileHandlesFromInput(n)))}const s=globalThis.showSaveFilePicker;async function a(e={}){if(s&&!e._preferPolyfill)return s(e);e._name&&(console.warn("deprecated _name, spec now have `suggestedName`"),e.suggestedName=e._name);const{FileSystemFileHandle:t}=await Promise.resolve().then((function(){return P})),{FileHandle:i}=await Promise.resolve().then((function(){return R}));return new t(new i(e.suggestedName))}async function o(e,t={}){if(!e)return globalThis.navigator?.storage?.getDirectory()||globalThis.getOriginPrivateDirectory();const{FileSystemDirectoryHandle:i}=await Promise.resolve().then((function(){return F})),r=await e;return new i(await(r.default?r.default(t):r(t)))}globalThis.DataTransferItem&&!DataTransferItem.prototype.getAsFileSystemHandle&&(DataTransferItem.prototype.getAsFileSystemHandle=async function(){const e=this.webkitGetAsEntry(),[{FileHandle:t,FolderHandle:i},{FileSystemDirectoryHandle:r},{FileSystemFileHandle:n}]=await Promise.all([Promise.resolve().then((function(){return L})),Promise.resolve().then((function(){return F})),Promise.resolve().then((function(){return P}))]);return e.isFile?new n(new t(e,!1)):new r(new i(e,!1))});const l={ReadableStream:globalThis.ReadableStream,WritableStream:globalThis.WritableStream,TransformStream:globalThis.TransformStream,DOMException:globalThis.DOMException,Blob:globalThis.Blob,File:globalThis.File},{WritableStream:c}=l;class d extends c{#e;constructor(e){super(e),this.#e=e,Object.setPrototypeOf(this,d.prototype),this._closed=!1}async close(){this._closed=!0;const e=this.getWriter(),t=e.close();return e.releaseLock(),t}seek(e){return this.write({type:"seek",position:e})}truncate(e){return this.write({type:"truncate",size:e})}write(e){if(this._closed)return Promise.reject(new TypeError("Cannot write to a CLOSED writable stream"));const t=this.getWriter(),i=t.write(e);return t.releaseLock(),i}}Object.defineProperty(d.prototype,Symbol.toStringTag,{value:"FileSystemWritableFileStream",writable:!1,enumerable:!1,configurable:!0}),Object.defineProperties(d.prototype,{close:{enumerable:!0},seek:{enumerable:!0},truncate:{enumerable:!0},write:{enumerable:!0}}),!globalThis.FileSystemFileHandle||globalThis.FileSystemFileHandle.prototype.createWritable||globalThis.FileSystemWritableFileStream||(globalThis.FileSystemWritableFileStream=d);const h=Symbol("adapter");class w{[h];name;kind;constructor(e){this.kind=e.kind,this.name=e.name,this[h]=e}async queryPermission(e={}){const{mode:t="read"}=e,i=this[h];if(i.queryPermission)return i.queryPermission({mode:t});if("read"===t)return"granted";if("readwrite"===t)return i.writable?"granted":"denied";throw new TypeError(`Mode ${t} must be 'read' or 'readwrite'`)}async requestPermission({mode:e="read"}={}){const t=this[h];if(t.requestPermission)return t.requestPermission({mode:e});if("read"===e)return"granted";if("readwrite"===e)return t.writable?"granted":"denied";throw new TypeError(`Mode ${e} must be 'read' or 'readwrite'`)}async remove(e={}){await this[h].remove(e)}async isSameEntry(e){return this===e||!(!e||"object"!=typeof e||this.kind!==e.kind||!e[h])&&this[h].isSameEntry(e[h])}}Object.defineProperty(w.prototype,Symbol.toStringTag,{value:"FileSystemHandle",writable:!1,enumerable:!1,configurable:!0}),globalThis.FileSystemHandle&&(globalThis.FileSystemHandle.prototype.queryPermission??=function(e){return"granted"});const u={INVALID:["seeking position failed.","InvalidStateError"],GONE:["A requested file or directory could not be found at the time an operation was processed.","NotFoundError"],MISMATCH:["The path supplied exists, but was not an entry of requested type.","TypeMismatchError"],MOD_ERR:["The object can not be modified in this way.","InvalidModificationError"],SYNTAX:e=>[`Failed to execute 'write' on 'UnderlyingSinkBase': Invalid params passed. ${e}`,"SyntaxError"],SECURITY:["It was determined that certain files are unsafe for access within a Web application, or that too many calls are being made on file resources.","SecurityError"],DISALLOWED:["The request is not allowed by the user agent or the platform in the current context.","NotAllowedError"]},y={writable:globalThis.WritableStream};var p=Object.freeze({__proto__:null,errors:u,config:y,fromDataTransfer:async function(e){console.warn("deprecated fromDataTransfer - use `dt.items[0].getAsFileSystemHandle()` instead");const[t,i,r]=await Promise.all([Promise.resolve().then((function(){return te})),Promise.resolve().then((function(){return L})),Promise.resolve().then((function(){return F}))]),n=new t.FolderHandle("",!1);return n._entries=e.map((e=>e.isFile?new i.FileHandle(e,!1):new i.FolderHandle(e,!1))),new r.FileSystemDirectoryHandle(n)},getDirHandlesFromInput:async function(e){const{FolderHandle:t,FileHandle:i}=await Promise.resolve().then((function(){return te})),{FileSystemDirectoryHandle:r}=await Promise.resolve().then((function(){return F})),n=Array.from(e.files),s=n[0].webkitRelativePath.split("/",1)[0],a=new t(s,!1);return n.forEach((e=>{const r=e.webkitRelativePath.split("/");r.shift();const n=r.pop();r.reduce(((e,i)=>(e._entries[i]||(e._entries[i]=new t(i,!1)),e._entries[i])),a)._entries[n]=new i(e.name,e,!1)})),new r(a)},getFileHandlesFromInput:async function(e){const{FileHandle:t}=await Promise.resolve().then((function(){return te})),{FileSystemFileHandle:i}=await Promise.resolve().then((function(){return P}));return Array.from(e.files).map((e=>new i(new t(e.name,e,!1))))}});const{GONE:m,MOD_ERR:f}=u,b=Symbol("adapter");class g extends w{[b];constructor(e){super(e),this[b]=e}async getDirectoryHandle(e,t={}){if(""===e)throw new TypeError("Name can't be an empty string.");if("."===e||".."===e||e.includes("/"))throw new TypeError("Name contains invalid characters.");t.create=!!t.create;const i=await this[b].getDirectoryHandle(e,t);return new g(i)}async*entries(){const{FileSystemFileHandle:e}=await Promise.resolve().then((function(){return P}));for await(const[t,i]of this[b].entries())yield[i.name,"file"===i.kind?new e(i):new g(i)]}async*getEntries(){const{FileSystemFileHandle:e}=await Promise.resolve().then((function(){return P}));console.warn("deprecated, use .entries() instead");for await(let t of this[b].entries())yield"file"===t.kind?new e(t):new g(t)}async getFileHandle(e,t={}){const{FileSystemFileHandle:i}=await Promise.resolve().then((function(){return P}));if(""===e)throw new TypeError("Name can't be an empty string.");if("."===e||".."===e||e.includes("/"))throw new TypeError("Name contains invalid characters.");t.create=!!t.create;return new i(await this[b].getFileHandle(e,t))}async removeEntry(e,t={}){if(""===e)throw new TypeError("Name can't be an empty string.");if("."===e||".."===e||e.includes("/"))throw new TypeError("Name contains invalid characters.");return t.recursive=!!t.recursive,this[b].removeEntry(e,t)}async resolve(e){if(await e.isSameEntry(this))return[];const t=[{handle:this,path:[]}];for(;t.length;){let{handle:i,path:r}=t.pop();for await(const n of i.values()){if(await n.isSameEntry(e))return[...r,n.name];"directory"===n.kind&&t.push({handle:n,path:[...r,n.name]})}}return null}async*keys(){for await(const[e]of this[b].entries())yield e}async*values(){for await(const[e,t]of this)yield t}[Symbol.asyncIterator](){return this.entries()}}if(Object.defineProperty(g.prototype,Symbol.toStringTag,{value:"FileSystemDirectoryHandle",writable:!1,enumerable:!1,configurable:!0}),Object.defineProperties(g.prototype,{getDirectoryHandle:{enumerable:!0},entries:{enumerable:!0},getFileHandle:{enumerable:!0},removeEntry:{enumerable:!0}}),globalThis.FileSystemDirectoryHandle){const e=globalThis.FileSystemDirectoryHandle.prototype;e.resolve=async function(e){if(await e.isSameEntry(this))return[];const t=[{handle:this,path:[]}];for(;t.length;){let{handle:i,path:r}=t.pop();for await(const n of i.values()){if(await n.isSameEntry(e))return[...r,n.name];"directory"===n.kind&&t.push({handle:n,path:[...r,n.name]})}}return null};const t=e.entries;e.entries=async function*(){await async function(e){const t=await navigator.storage.getDirectory();if(null===await t.resolve(e))throw new DOMException(...m)}(this),yield*t.call(this)},e[Symbol.asyncIterator]=async function*(){yield*this.entries()};const i=e.removeEntry;e.removeEntry=async function(e,r={}){return i.call(this,e,r).catch((async e=>{if(e instanceof DOMException&&"UnknownError"===e.name&&!r.recursive){if(!(await t.call(this).next()).done)throw new DOMException(...f)}throw e}))}}var F=Object.freeze({__proto__:null,default:g,FileSystemDirectoryHandle:g});const{INVALID:_,SYNTAX:S,GONE:E}=u,v=Symbol("adapter");class H extends w{[v];constructor(e){super(e),this[v]=e}async createWritable(e={}){return new d(await this[v].createWritable(e))}async getFile(){return this[v].getFile()}}if(Object.defineProperty(H.prototype,Symbol.toStringTag,{value:"FileSystemFileHandle",writable:!1,enumerable:!1,configurable:!0}),Object.defineProperties(H.prototype,{createWritable:{enumerable:!0},getFile:{enumerable:!0}}),globalThis.FileSystemFileHandle&&!globalThis.FileSystemFileHandle.prototype.createWritable){const e=new WeakMap;let t;const i=()=>{let e,t;onmessage=async i=>{const r=i.ports[0],n=i.data;switch(n.type){case"open":const i=n.name;let r=await navigator.storage.getDirectory();for(const e of n.path)r=await r.getDirectoryHandle(e);e=await r.getFileHandle(i),t=await e.createSyncAccessHandle();break;case"write":t.write(n.data,{at:n.position}),t.flush();break;case"truncate":t.truncate(n.size);break;case"abort":case"close":t.close()}r.postMessage(0)}};globalThis.FileSystemFileHandle.prototype.createWritable=async function(r){if(!t){const e=`(${i.toString()})()`,r=new Blob([e],{type:"text/javascript"});t=URL.createObjectURL(r)}const n=new Worker(t,{type:"module"});let s=0;const a=new TextEncoder;let o=await this.getFile().then((e=>e.size));const l=e=>new Promise(((t,i)=>{const r=new MessageChannel;r.port1.onmessage=e=>{e.data instanceof Error?i(e.data):t(e.data),r.port1.close(),r.port2.close(),r.port1.onmessage=null},n.postMessage(e,[r.port2])})),c=await navigator.storage.getDirectory(),h=await e.get(this),w=await c.resolve(h);if(null===w)throw new DOMException(...E);await l({type:"open",path:w,name:this.name}),!1===r?.keepExistingData&&(await l({type:"truncate",size:0}),o=0);return new d({start:e=>{},async write(e){if("write"===(e=e?.constructor===Object?{...e}:{type:"write",data:e,position:s}).type){if(!("data"in e))throw await l({type:"close"}),new DOMException(...S("write requires a data argument"));if(e.position??=s,"string"==typeof e.data)e.data=a.encode(e.data);else if(e.data instanceof ArrayBuffer)e.data=new Uint8Array(e.data);else if(e.data instanceof Uint8Array||!ArrayBuffer.isView(e.data)){if(!(e.data instanceof Uint8Array)){const t=await new Response(e.data).arrayBuffer();e.data=new Uint8Array(t)}}else e.data=new Uint8Array(e.data.buffer,e.data.byteOffset,e.data.byteLength);Number.isInteger(e.position)&&e.position>=0&&(s=e.position),s+=e.data.byteLength,o+=e.data.byteLength}else{if("seek"===e.type){if(Number.isInteger(e.position)&&e.position>=0){if(o=0))throw await l({type:"close"}),new DOMException(...S("truncate requires a size argument"));o=e.size,s>o&&(s=o)}}await l(e)},async close(){await l({type:"close"}),n.terminate()},async abort(e){await l({type:"abort",reason:e}),n.terminate()}})};const r=FileSystemDirectoryHandle.prototype.getFileHandle;FileSystemDirectoryHandle.prototype.getFileHandle=async function(...t){const i=await r.call(this,...t);return e.set(i,this),i}}var P=Object.freeze({__proto__:null,default:H,FileSystemFileHandle:H});const{WritableStream:T,TransformStream:D,DOMException:k,Blob:O}=l,{GONE:x}=u,z=/constructor/i.test(window.HTMLElement);class M{constructor(e){e.onmessage=e=>this._onMessage(e.data),this._port=e,this._resetReady()}start(e){return this._controller=e,this._readyPromise}write(e){const t={type:0,chunk:e};return this._port.postMessage(t,[e.buffer]),this._resetReady(),this._readyPromise}close(){this._port.postMessage({type:2}),this._port.close()}abort(e){this._port.postMessage({type:1,reason:e}),this._port.close()}_onMessage(e){0===e.type&&this._resolveReady(),1===e.type&&this._onError(e.reason)}_onError(e){this._controller.error(e),this._rejectReady(e),this._port.close()}_resetReady(){this._readyPromise=new Promise(((e,t)=>{this._readyResolve=e,this._readyReject=t})),this._readyPending=!0}_resolveReady(){this._readyResolve(),this._readyPending=!1}_rejectReady(e){this._readyPending||this._resetReady(),this._readyPromise.catch((()=>{})),this._readyReject(e),this._readyPending=!1}}class I{constructor(e){const t=new MessageChannel;this.readablePort=t.port1,this.writable=new e(new M(t.port2))}}var R=Object.freeze({__proto__:null,FileHandle:class{constructor(e="unkown"){this.name=e,this.kind="file"}async getFile(){throw new k(...x)}async isSameEntry(e){return this===e}async createWritable(e={}){const t=await(navigator.serviceWorker?.getRegistration()),i=document.createElement("a"),r=new D,n=r.writable;if(i.download=this.name,z||!t){let e=[];r.readable.pipeTo(new T({write(t){e.push(new O([t]))},close(){const t=new O(e,{type:"application/octet-stream; charset=utf-8"});e=[],i.href=URL.createObjectURL(t),i.click(),setTimeout((()=>URL.revokeObjectURL(i.href)),1e4)}}))}else{const{writable:i,readablePort:n}=new I(T),s=encodeURIComponent(this.name).replace(/['()]/g,escape).replace(/\*/g,"%2A"),a={"content-disposition":"attachment; filename*=UTF-8''"+s,"content-type":"application/octet-stream; charset=utf-8",...e.size?{"content-length":e.size}:{}},o=setTimeout((()=>t.active.postMessage(0)),1e4);r.readable.pipeThrough(new D({transform(e,t){if(e instanceof Uint8Array)return t.enqueue(e);const i=new Response(e).body.getReader(),r=e=>i.read().then((e=>e.done?0:r(t.enqueue(e.value))));return r()}})).pipeTo(i).finally((()=>{clearInterval(o)})),t.active.postMessage({url:t.scope+s,headers:a,readablePort:n},[n]);const l=document.createElement("iframe");l.hidden=!0,l.src=t.scope+s,document.body.appendChild(l)}return n.getWriter()}}});const{DISALLOWED:j}=u;class A{constructor(e,t){this.writer=e,this.fileEntry=t}async write(e){if("object"==typeof e)if("write"===e.type){if(Number.isInteger(e.position)&&e.position>=0&&(this.writer.seek(e.position),this.writer.position!==e.position&&(await new Promise(((t,i)=>{this.writer.onwriteend=t,this.writer.onerror=i,this.writer.truncate(e.position)})),this.writer.seek(e.position))),!("data"in e))throw new DOMException("Failed to execute 'write' on 'UnderlyingSinkBase': Invalid params passed. write requires a data argument","SyntaxError");e=e.data}else{if("seek"===e.type){if(Number.isInteger(e.position)&&e.position>=0){if(this.writer.seek(e.position),this.writer.position!==e.position)throw new DOMException("seeking position failed","InvalidStateError");return}throw new DOMException("Failed to execute 'write' on 'UnderlyingSinkBase': Invalid params passed. seek requires a position argument","SyntaxError")}if("truncate"===e.type)return new Promise((t=>{if(!(Number.isInteger(e.size)&&e.size>=0))throw new DOMException("Failed to execute 'write' on 'UnderlyingSinkBase': Invalid params passed. truncate requires a size argument","SyntaxError");this.writer.onwriteend=e=>t(),this.writer.truncate(e.size)}))}await new Promise(((t,i)=>{this.writer.onwriteend=t,this.writer.onerror=i,this.writer.write(new Blob([e]))}))}close(){return new Promise(this.fileEntry.file.bind(this.fileEntry))}}class N{constructor(e,t=!0){this.file=e,this.kind="file",this.writable=t,this.readable=!0}get name(){return this.file.name}isSameEntry(e){return this.file.toURL()===e.file.toURL()}getFile(){return new Promise(this.file.file.bind(this.file))}createWritable(e){if(!this.writable)throw new DOMException(...j);return new Promise(((t,i)=>this.file.createWriter((i=>{!1===e.keepExistingData?(i.onwriteend=e=>t(new A(i,this.file)),i.truncate(0)):t(new A(i,this.file))}),i)))}}class W{constructor(e,t=!0){this.dir=e,this.writable=t,this.readable=!0,this.kind="directory",this.name=e.name}isSameEntry(e){return this.dir.fullPath===e.dir.fullPath}async*entries(){const e=this.dir.createReader(),t=await new Promise(e.readEntries.bind(e));for(const e of t)yield[e.name,e.isFile?new N(e,this.writable):new W(e,this.writable)]}getDirectoryHandle(e,t){return new Promise(((i,r)=>{this.dir.getDirectory(e,t,(e=>{i(new W(e))}),r)}))}getFileHandle(e,t){return new Promise(((i,r)=>this.dir.getFile(e,t,(e=>i(new N(e))),r)))}async removeEntry(e,t){const i=await this.getDirectoryHandle(e,{create:!1}).catch((t=>"TypeMismatchError"===t.name?this.getFileHandle(e,{create:!1}):t));if(i instanceof Error)throw i;return new Promise(((e,r)=>{i instanceof W?t.recursive?i.dir.removeRecursively((()=>e()),r):i.dir.remove((()=>e()),r):i.file&&i.file.remove((()=>e()),r)}))}}var L=Object.freeze({__proto__:null,FileHandle:N,FolderHandle:W,default:(e={})=>new Promise(((t,i)=>window.webkitRequestFileSystem(e._persistent,0,(e=>t(new W(e.root))),i)))});const{File:U,Blob:q,DOMException:B}=l,{INVALID:C,GONE:G,MISMATCH:Y,MOD_ERR:V,SYNTAX:$,SECURITY:X,DISALLOWED:J}=u;class K{constructor(e,t){this.fileHandle=e,this.file=t,this.size=t.size,this.position=0}write(e){let t=this.file;if("object"==typeof e)if("write"===e.type){if(Number.isInteger(e.position)&&e.position>=0&&(this.position=e.position,this.size=0){if(this.size=0)return t=e.sizet.size&&(this.position=t.size),void(this.file=t);throw new B(...$("truncate requires a size argument"))}}e=new q([e]);let i=this.file;const r=i.slice(0,this.position),n=i.slice(this.position+e.size);let s=this.position-r.size;s<0&&(s=0),i=new U([r,new Uint8Array(s),e,n],i.name),this.size=i.size,this.position+=e.size,this.file=i}close(){if(this.fileHandle._deleted)throw new B(...G);this.fileHandle._file=this.file,this.file=this.position=this.size=null,this.fileHandle.onclose&&this.fileHandle.onclose(this.fileHandle)}}class Q{constructor(e="",t=new U([],e),i=!0){this._file=t,this.name=e,this.kind="file",this._deleted=!1,this.writable=i,this.readable=!0}async getFile(){if(this._deleted)throw new B(...G);return this._file}async createWritable(e){if(!this.writable)throw new B(...J);if(this._deleted)throw new B(...G);const t=e.keepExistingData?await this.getFile():new U([],this.name);return new K(this,t)}async isSameEntry(e){return this===e}async _destroy(){this._deleted=!0,this._file=null}}class Z{constructor(e,t=!0){this.name=e,this.kind="directory",this._deleted=!1,this._entries={},this.writable=t,this.readable=!0}async*entries(){if(this._deleted)throw new B(...G);yield*Object.entries(this._entries)}async isSameEntry(e){return this===e}async getDirectoryHandle(e,t){if(this._deleted)throw new B(...G);const i=this._entries[e];if(i){if(i instanceof Q)throw new B(...Y);return i}if(t.create)return this._entries[e]=new Z(e);throw new B(...G)}async getFileHandle(e,t){const i=this._entries[e],r=i instanceof Q;if(i&&r)return i;if(i&&!r)throw new B(...Y);if(!i&&!t.create)throw new B(...G);return!i&&t.create?this._entries[e]=new Q(e):void 0}async removeEntry(e,t){const i=this._entries[e];if(!i)throw new B(...G);await i._destroy(t.recursive),delete this._entries[e]}async _destroy(e){for(let t of Object.values(this._entries)){if(!e)throw new B(...V);await t._destroy(e)}this._entries={},this._deleted=!0}}const ee=new Z("");var te=Object.freeze({__proto__:null,Sink:K,FileHandle:Q,FolderHandle:Z,default:()=>ee});export{g as FileSystemDirectoryHandle,H as FileSystemFileHandle,w as FileSystemHandle,d as FileSystemWritableFileStream,o as getOriginPrivateDirectory,t as showDirectoryPicker,n as showOpenFilePicker,a as showSaveFilePicker};
================================================
FILE: public/apps/nfsadapter/util.js
================================================
export const errors = {
INVALID: ['seeking position failed.', 'InvalidStateError'],
GONE: ['A requested file or directory could not be found at the time an operation was processed.', 'NotFoundError'],
MISMATCH: ['The path supplied exists, but was not an entry of requested type.', 'TypeMismatchError'],
MOD_ERR: ['The object can not be modified in this way.', 'InvalidModificationError'],
SYNTAX: m => [`Failed to execute 'write' on 'UnderlyingSinkBase': Invalid params passed. ${m}`, 'SyntaxError'],
SECURITY: ['It was determined that certain files are unsafe for access within a Web application, or that too many calls are being made on file resources.', 'SecurityError'],
DISALLOWED: ['The request is not allowed by the user agent or the platform in the current context.', 'NotAllowedError']
}
export const config = {
writable: globalThis.WritableStream
}
export async function fromDataTransfer (entries) {
console.warn('deprecated fromDataTransfer - use `dt.items[0].getAsFileSystemHandle()` instead')
const [memory, sandbox, fs] = await Promise.all([
import('/public/apps/nfsadapter/adapters/memory.js'),
import('/public/apps/nfsadapter/adapters/sandbox.js'),
import('/public/apps/nfsadapter/FileSystemDirectoryHandle.js')
])
const folder = new memory.FolderHandle('', false)
folder._entries = entries.map(entry => entry.isFile
? new sandbox.FileHandle(entry, false)
: new sandbox.FolderHandle(entry, false)
)
return new fs.FileSystemDirectoryHandle(folder)
}
export async function getDirHandlesFromInput (input) {
const { FolderHandle, FileHandle } = await import('/public/apps/nfsadapter/adapters/memory.js')
const { FileSystemDirectoryHandle } = await import('/public/apps/nfsadapter/FileSystemDirectoryHandle.js')
const files = Array.from(input.files)
const rootName = files[0].webkitRelativePath.split('/', 1)[0]
const root = new FolderHandle(rootName, false)
files.forEach(file => {
const path = file.webkitRelativePath.split('/')
path.shift()
const name = path.pop()
const dir = path.reduce((dir, path) => {
if (!dir._entries[path]) dir._entries[path] = new FolderHandle(path, false)
return dir._entries[path]
}, root)
dir._entries[name] = new FileHandle(file.name, file, false)
})
return new FileSystemDirectoryHandle(root)
}
export async function getFileHandlesFromInput (input) {
const { FileHandle } = await import('/public/apps/nfsadapter/adapters/memory.js')
const { FileSystemFileHandle } = await import('/public/apps/nfsadapter/FileSystemFileHandle.js')
return Array.from(input.files).map(file =>
new FileSystemFileHandle(new FileHandle(file.name, file, false))
)
}
================================================
FILE: public/apps/settings.tapp/accounts/index.html
================================================
Accounts
================================================
FILE: public/apps/settings.tapp/accounts/index.js
================================================
const tb = parent.window.tb;
const currentAccountsEl = document.querySelector(".current-accounts");
const getAccounts = async () => {
const entries = await tb.fs.promises.readdir("/home/");
const accounts = await Promise.all(
entries.map(async entry => {
try {
const account = JSON.parse(await tb.fs.promises.readFile(`/home/${entry}/user.json`, "utf8"));
return {
name: entry,
id: account["id"],
username: account["username"],
perm: account["perm"],
pfp: account["pfp"],
};
} catch (e) {
return null;
}
}),
);
return accounts.filter(account => account !== null);
};
const deleteAccount = async id => {
const sudoUsers = JSON.parse(await tb.fs.promises.readFile("/system/etc/terbium/sudousers.json", "utf8"));
let sudoWithPassword = null;
for (const sudoUser of sudoUsers) {
const sudoUserData = JSON.parse(await tb.fs.promises.readFile(`/home/${sudoUser}/user.json`, "utf8"));
if (sudoUserData.password !== false) {
sudoWithPassword = sudoUser;
break;
}
}
if (!sudoUsers.includes(sessionStorage.getItem("currAcc"))) {
if (!sudoWithPassword) {
tb.system.users.remove(id);
document.getElementById(id).remove();
return;
}
tb.dialog.Permissions({
title: "Permission Denied",
message: "You do not have permission to delete accounts, would you like to request permission from sudo?",
onOk: async () => {
tb.dialog.Auth({
title: "Request Permission",
defaultUsername: sudoUsers[0],
onOk: async (username, password) => {
const pass = await tb.crypto(password);
if (pass === JSON.parse(await tb.fs.promises.readFile(`/home/${sudoUsers[0]}/user.json`, "utf8")).password) {
tb.system.users.remove(id);
document.getElementById(id).remove();
} else {
tb.dialog.Alert({
title: "Incorrect Password",
message: "The password you entered is incorrect.",
});
}
},
});
},
});
} else {
const pw = JSON.parse(await tb.fs.promises.readFile(`/home/${sessionStorage.getItem("currAcc")}/user.json`, "utf8")).password;
if (pw === false) {
await tb.system.users.remove(id);
document.getElementById(id).remove();
} else {
await tb.dialog.Auth({
title: "Authenticate to Delete Account",
defaultUsername: sessionStorage.getItem("currAcc"),
onOk: async (username, password) => {
const pass = await tb.crypto(password);
if (pass === pw) {
await tb.system.users.remove(id);
document.getElementById(id).remove();
} else {
tb.dialog.Alert({
title: "Incorrect Password",
message: "The password you entered is incorrect.",
});
}
},
});
}
}
};
const changePerm = async () => {
const data = JSON.parse(await tb.fs.promises.readFile(`/home/${sessionStorage.getItem("currAcc")}/user.json`, "utf8"));
if (data["password"] === false) {
await tb.dialog.Select({
title: "Enter the permission level you wish to set (Ex: Admin, User, Group, Public)",
options: [
{
text: "Admin",
value: "admin",
},
{
text: "User",
value: "user",
},
{
text: "Group",
value: "group",
},
{
text: "Public",
value: "public",
},
],
onOk: async perm => {
if (perm === data["perm"]) return;
data["perm"] = perm;
permEl.innerHTML = perm.charAt(0).toUpperCase() + perm.slice(1);
await tb.fs.promises.writeFile(`/home/${sessionStorage.getItem("currAcc")}/user.json`, JSON.stringify(data));
},
});
} else {
await tb.dialog.Auth({
sudo: true,
title: "Authenticate to change your permissions",
defaultUsername: sessionStorage.getItem("currAcc"),
onOk: async (username, password) => {
const pass = await tb.crypto(password);
if (pass === data["password"]) {
await tb.dialog.Select({
title: "Enter the permission level you wish to set (Ex: Admin, User, Group, Public)",
options: [
{
text: "Admin",
value: "admin",
},
{
text: "User",
value: "user",
},
{
text: "Group",
value: "group",
},
{
text: "Public",
value: "public",
},
],
onOk: async perm => {
if (perm === data["perm"]) return;
data["perm"] = perm;
permEl.innerHTML = perm.charAt(0).toUpperCase() + perm.slice(1);
await tb.fs.promises.writeFile(`/home/${sessionStorage.getItem("currAcc")}/user.json`, JSON.stringify(data));
},
});
} else {
throw new Error("Incorrect Password");
}
},
});
}
};
const changePfp = async id => {
const data = JSON.parse(await tb.fs.promises.readFile(`/home/${id.id}/user.json`, "utf8"));
const pfpInp = document.createElement("input");
pfpInp.type = "file";
pfpInp.accept = "image/*";
pfpInp.click();
pfpInp.onchange = async e => {
if (e.target.files.length !== 0) {
const file = e.target.files[0];
const reader = new FileReader();
reader.onload = async e => {
await tb.dialog.Cropper({
title: "Crop Profile Picture",
img: e.target.result,
onOk: async img => {
data["pfp"] = img;
await tb.fs.promises.writeFile(`/home/${id.id}/user.json`, JSON.stringify(data));
parent.window.dispatchEvent(new Event("accUpd"));
renderAccounts();
},
});
};
reader.readAsDataURL(file);
}
};
};
const renderAccounts = async () => {
const accounts = await getAccounts();
currentAccountsEl.innerHTML = accounts
.map(
account => `
`,
)
.join("");
};
renderAccounts();
const createAccount = async () => {
const askNewAccountDetails = async () => {
const makeAccount = async () => {
await tb.dialog.Message({
title: "Create Username",
onOk: async username => {
const data = {};
data["id"] = username;
data["username"] = username;
await tb.dialog.Message({
title: "Create Password",
onOk: async password => {
if (password !== "") {
data["password"] = await tb.crypto(password);
} else {
data["password"] = false;
}
await tb.dialog.Select({
title: "Do you want to set up a security question?",
options: [
{
text: "Yes",
value: "yes",
},
{
text: "No",
value: "no",
},
],
onOk: async securityChoice => {
if (securityChoice === "yes") {
await tb.dialog.Message({
title: "Set Security Question",
onOk: async question => {
await tb.dialog.Message({
title: "Set Security Answer",
onOk: async answer => {
data["securityQuestion"] = {
question: question,
answer: await tb.crypto(answer),
};
askProfilePicture(data);
},
});
},
});
} else {
askProfilePicture(data);
}
},
});
},
});
},
});
};
const ping = await parent.tb.libcurl.fetch("https://auth.terbiumon.top/ping");
if (ping.ok) {
await tb.dialog.Select({
title: "Select Account Type",
options: [
{
text: "Local Account",
value: "user",
},
{
text: "Terbium Cloud Account",
value: "tacc",
},
],
onOk: async accountType => {
if (accountType === "user") {
makeAccount();
} else {
const run = async () => {
try {
const resp = await window.parent.tb.tauth.signIn();
const userDataConv = {
id: resp.data.user.id,
username: resp.data.user.name,
email: resp.data.user.email,
pfp: resp.data.user.image,
password: await tb.crypto(resp.data.user.password),
perm: "user",
};
await tb.system.users.add(userDataConv);
renderAccounts();
} catch (e) {
run();
}
};
run();
}
},
});
} else {
makeAccount();
}
};
const askProfilePicture = async data => {
await tb.dialog.Select({
title: "Do you want to set a profile picture?",
options: [
{
text: "Yes",
value: "yes",
},
{
text: "No",
value: "no",
},
],
onOk: async perm => {
if (perm === "yes") {
const pfpInp = document.createElement("input");
pfpInp.type = "file";
pfpInp.accept = "image/*";
pfpInp.click();
pfpInp.onchange = async e => {
if (e.target.files.length === 0) {
const randomColorStr = ["blue", "green", "orange", "pink", "purple", "red", "yellow"][Math.floor(Math.random() * 7)];
data["pfp"] = `/assets/img/default - ${randomColorStr}.png`;
data["perm"] = "user";
await tb.system.users.add(data);
renderAccounts();
} else {
const file = e.target.files[0];
const reader = new FileReader();
reader.onload = async e => {
await tb.dialog.Cropper({
title: "Crop Profile Picture",
img: e.target.result,
onOk: async img => {
data["pfp"] = img;
data["perm"] = "user";
await tb.system.users.add(data);
renderAccounts();
},
});
};
reader.readAsDataURL(file);
}
};
} else {
const randomColorStr = ["blue", "green", "orange", "pink", "purple", "red", "yellow"][Math.floor(Math.random() * 7)];
data["pfp"] = `/assets/img/default - ${randomColorStr}.png`;
data["perm"] = "user";
await tb.system.users.add(data);
renderAccounts();
}
},
});
};
const sudoUsers = JSON.parse(await tb.fs.promises.readFile("/system/etc/terbium/sudousers.json", "utf8"));
let sudoWithPassword = null;
for (const sudoUser of sudoUsers) {
const sudoUserData = JSON.parse(await tb.fs.promises.readFile(`/home/${sudoUser}/user.json`, "utf8"));
if (sudoUserData.password !== false) {
sudoWithPassword = sudoUser;
break;
}
}
if (!sudoUsers.includes(sessionStorage.getItem("currAcc"))) {
if (!sudoWithPassword) {
askNewAccountDetails();
return;
}
tb.dialog.Permissions({
title: "Permission Denied",
message: "You do not have permission to create accounts, would you like to request permission from sudo?",
onOk: async () => {
tb.dialog.Auth({
title: "Request Permission",
defaultUsername: sudoWithPassword,
onOk: async (username, password) => {
const pass = await tb.crypto(password);
if (pass === JSON.parse(await tb.fs.promises.readFile(`/home/${sudoWithPassword}/user.json`, "utf8")).password) {
askNewAccountDetails();
} else {
tb.dialog.Alert({
title: "Incorrect Password",
message: "The password you entered is incorrect.",
});
}
},
});
},
});
} else {
const user = JSON.parse(await tb.fs.promises.readFile(`/home/${sessionStorage.getItem("currAcc")}/user.json`, "utf8"));
if (user["password"] === false) {
askNewAccountDetails();
} else {
await tb.dialog.Auth({
title: "Authenticate to Create Account",
defaultUsername: sessionStorage.getItem("currAcc"),
onOk: async (username, password) => {
const pass = await tb.crypto(password);
if (pass === JSON.parse(await tb.fs.promises.readFile(`/home/${sessionStorage.getItem("currAcc")}/user.json`, "utf8")).password) {
askNewAccountDetails();
} else {
tb.dialog.Alert({
title: "Incorrect Password",
message: "The password you entered is incorrect.",
});
}
},
});
}
}
renderAccounts();
};
================================================
FILE: public/apps/settings.tapp/index.css
================================================
@font-face {
font-family: Inter;
src: url(/fonts/Inter.ttf);
}
* {
font-family: Inter;
}
html,
body {
height: 100%;
margin: 0;
font-family: Inter;
position: relative;
overflow: hidden;
}
body {
display: flex;
color: #ffffff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
}
/* big screen */
@media screen and (max-width: 1920px) {
.wallpaper-option {
width: 200px;
height: 112px;
}
}
/* small screen */
@media screen and (max-width: 646px) {
.cat-option {
padding-right: 0px;
}
.cat-option .text {
position: absolute;
opacity: 0;
}
.cat-option .icon:hover {
background-color: #ffffff28;
}
.cat-option .icon svg {
width: 24px;
height: auto;
}
.category-search {
width: 100px;
}
.wallpapers {
width: 400px;
}
.wallpaper-option {
width: 130px;
height: 73px;
}
}
.category-search {
display: flex;
align-items: center;
gap: 10px;
padding: 8px 10px;
background-color: #ffffff20;
font-weight: 700;
font-family: Inter;
font-size: 16px;
line-height: 16px;
color: #dedede;
border: none;
border-radius: 6px;
transition: 150ms ease-in-out;
}
.category-search:focus {
outline: none;
}
.cat-option .text {
font-size: 16px;
font-weight: 800;
line-height: 16px;
transition-property: color;
transition-duration: 150ms;
transition-timing-function: ease-in-out;
pointer-events: none;
}
.cat-option:hover {
color: #ffffff98;
}
.cat-option {
color: #ffffff52;
}
.cat-option:hover {
color: #ffffff;
}
.cat-option {
position: relative;
display: flex;
gap: 8px;
align-items: center;
height: min-content;
cursor: var(--cursor-pointer);
}
.cat-option.selected {
color: #ffffff !important;
}
.cat-option .icon {
display: flex;
justify-content: center;
align-items: center;
padding: 6px;
border-radius: 8px;
transition-property: color, background-color;
transition-duration: 150ms;
transition-timing-function: ease-in-out;
pointer-events: none;
}
.cat-option .icon svg {
pointer-events: none;
}
.cat-tooltip {
background-color: #ffffff10;
border: 1px solid #ffffff28;
border-radius: 6px;
font-size: 14px;
font-weight: 600;
font-family: Inter;
position: absolute;
left: calc(36px + 8px);
backdrop-filter: blur(100px) contrast(0.8) brightness(0.8);
z-index: 99;
pointer-events: none;
padding: 4px 8px;
opacity: 1;
transition: 150ms ease-in-out;
}
.cat-tooltip.hidden {
opacity: 0;
left: calc(36px);
}
.sidebar {
position: relative;
display: flex;
/* background-color: #ffffff24; */
border-radius: 8px;
}
.settings-category::-webkit-scrollbar {
width: 8px;
height: 8px;
}
.settings-category::-webkit-scrollbar-thumb {
background-color: #ffffff28;
border-radius: 8px;
}
.settings-category::-webkit-scrollbar-track {
background-color: #ffffff10;
border-radius: 8px;
}
.settings-category {
scrollbar-color: #ffffff28 #ffffff10;
scrollbar-width: thin;
}
.option-container {
gap: 6px;
display: flex;
flex-direction: column;
}
.wallpapers {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.wallpaper-container {
position: relative;
}
.wallpaper-option {
border-radius: 6px;
cursor: var(--cursor-pointer);
opacity: 0.7;
transition: 150ms ease-in-out;
}
.wallpaper-option:hover {
opacity: 1;
}
.delete-wallpaper {
position: absolute;
top: 6px;
right: 6px;
width: 20px;
height: 20px;
padding: 4px;
background-color: #ffffff;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
transition: 150ms ease-in-out;
cursor: var(--cursor-pointer);
}
.buttons-flex {
display: flex;
}
#output div span:nth-child(2) {
word-spacing: 0.25em;
letter-spacing: 0.25em;
white-space: pre;
}
#wispSrvs .wisp-card:nth-child(odd) {
background-color: #ffffff28;
}
.wisp-card {
display: flex;
justify-content: space-between;
gap: 6px;
width: calc(100% - 16px);
padding: 6px;
padding-left: 10px;
border-radius: 6px;
}
.wisp-card .net {
display: flex;
gap: 6px;
align-items: center;
}
.wisp-card .net-info {
display: flex;
flex-direction: column;
}
.wisp-card .net-info .info-text {
font-size: 14px;
font-weight: 650;
font-family: Inter;
}
.wisp-card .net-info .info-text:nth-child(odd) {
user-select: none;
}
.wisp-card .net-info .info-text:nth-child(even) {
color: #ffffff93;
font-weight: normal;
}
.wisp-card .latency {
font-size: 14px;
font-weight: 800;
font-family: Inter;
color: #ffffff93;
user-select: none;
}
.wisp-card .connection-info {
display: flex;
gap: 6px;
align-items: center;
}
.blur-slider input[type="range"] {
-webkit-appearance: none;
appearance: none;
width: 100%;
height: 10px;
background: linear-gradient(90deg, #60a5fa 18%, rgba(255, 255, 255, 0.12) 18%);
border-radius: 999px;
outline: none;
}
.blur-slider input[type="range"]::-webkit-slider-runnable-track {
height: 10px;
border-radius: 999px;
background: transparent;
}
.blur-slider input[type="range"]::-moz-range-track {
height: 10px;
border-radius: 999px;
background: transparent;
}
.blur-slider input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
margin-top: -5px;
width: 20px;
height: 20px;
border-radius: 50%;
background: #ffffff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
border: 3px solid rgba(255, 255, 255, 0.12);
cursor: pointer;
}
.blur-slider input[type="range"]::-moz-range-thumb {
width: 20px;
height: 20px;
border-radius: 50%;
background: #ffffff;
border: 3px solid rgba(255, 255, 255, 0.12);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
cursor: pointer;
}
.blur-hint {
font-size: 0.78rem;
color: rgba(255, 255, 255, 0.55);
}
================================================
FILE: public/apps/settings.tapp/index.html
================================================
Settings
![]()
================================================
FILE: public/apps/settings.tapp/index.js
================================================
const Filer = window.Filer;
const tb = parent.window.tb;
const tb_window = tb.window;
const tb_desktop = tb.desktop;
const tb_preferences = tb.desktop.preferences;
const tb_island = tb.window.island;
const tb_context_menu = tb.context_menu;
const tb_dialog = tb.dialog;
const tb_wallpaper = parent.window.tb.desktop.wallpaper;
const parent_body = parent.document.body;
setInterval(() => {
if (parent_body.getAttribute("theme")) document.body.setAttribute("theme", parent_body.getAttribute("theme"));
});
const cat_options = document.querySelectorAll(".cat-option");
cat_options.forEach(option => {
function mouseleave() {
let tooltip = option.querySelector(".cat-tooltip");
tooltip.classList.add("hidden");
option.removeEventListener("mouseleave", mouseleave);
option.addEventListener("mouseover", mouseover);
}
function mouseover() {
setTimeout(() => {
if (option.matches(":hover")) {
if (option.offsetWidth === 36) {
let tooltip = option.querySelector(".cat-tooltip");
tooltip.classList.remove("hidden");
document.querySelectorAll(".cat-tooltip").forEach(tooltip => {
if (tooltip !== option.querySelector(".cat-tooltip")) tooltip.classList.add("hidden");
});
option.addEventListener("mouseleave", mouseleave);
}
}
}, 1000);
}
option.addEventListener("click", e => {
const cat = option.getAttribute("data-category");
const current_cat = document.querySelector('.settings-category[data-visible="true"]').getAttribute("category");
if (cat === current_cat) return;
document.querySelectorAll(".settings-category").forEach(category => {
category.dataset.visible = "false";
category.classList.add("opacity-0", "pointer-events-none", "translate-y-6");
});
document.querySelectorAll(".cat-option").forEach(opt => opt.classList.remove("selected"));
const view = document.querySelector(`.settings-category[category="${cat}"]`);
if (view === null) return;
view.dataset.visible = "true";
view.classList.remove("opacity-0", "pointer-events-none", "translate-y-6");
option.classList.add("selected");
});
option.addEventListener("mouseover", mouseover);
});
const wallpaper_options = document.querySelectorAll(".wallpaper-option");
wallpaper_options.forEach(option => {
option.addEventListener("click", async e => {
const parent_origin = parent.parent.window.location.origin;
const wallpaper = option.src.toString().split(parent_origin)[1];
const color = option.getAttribute("color-type");
let data = JSON.parse(await window.parent.tb.fs.promises.readFile(`/home/${sessionStorage.getItem("currAcc")}/settings.json`, "utf8"));
data["wallpaper"] = wallpaper;
tb_wallpaper.set(wallpaper);
const fillMode = parent.window.tb.desktop.wallpaper.fillMode();
if (fillMode === null) parent.window.tb.desktop.wallpaper.cover();
if (color !== parent.window.tb.desktop.preferences.theme()) {
// parent.window.tb.desktop.preferences.setTheme(`${color`)
document.body.setAttribute("theme", color);
}
});
});
window.parent.tb.fs.readFile(`/home/${sessionStorage.getItem("currAcc")}/settings.json`, "utf8", (err, data) => {
if (err) return console.log(err);
data = JSON.parse(data);
const fillMode = data["wallpaperMode"];
const showSeconds = data["times"]["showSeconds"];
const twentyFourHour = data["times"]["format"];
let fillModeCapitalized = fillMode.charAt(0).toUpperCase() + fillMode.slice(1);
document.querySelector(`[action-for="wallpaper-fill"]`).querySelector(".select-title .text").innerText = fillModeCapitalized;
document.querySelector(`[action-for="proxy"]`).querySelector(".select-title .text").innerText = data["proxy"];
document.querySelector(`[action-for="transports"]`).querySelector(".select-title .text").innerText = data["transport"];
document.querySelector(`[action-for="show-seconds"]`).querySelector(".select-title .text").innerText = showSeconds ? "Yes" : "No";
document.querySelector(`[action-for="24h-12h"]`).querySelector(".select-title .text").innerText = twentyFourHour === "24h" ? "Yes" : "No";
document.querySelector(`[action-for="wmx"]`).querySelector(".select-title .text").innerText = data["window"]["alwaysMaximized"] ? "Yes" : "No";
document.querySelector(`[action-for="wfs"]`).querySelector(".select-title .text").innerText = data["window"]["alwaysFullscreen"] ? "Yes" : "No";
try {
const wallpaperVal = data["wallpaper"];
const isb64 = val => {
if (!val || typeof val !== "string") return false;
if (val.startsWith("data:")) return true;
const stripped = val.replace(/\s+/g, "");
return /^[A-Za-z0-9+/=]+$/.test(stripped) && stripped.length > 200;
};
if (isb64(wallpaperVal)) {
const wallpaperContainer = document.querySelector(".wallpapers");
if (wallpaperContainer) {
const container = document.createElement("div");
container.classList.add("wallpaper-container");
container.style.position = "relative";
const img = document.createElement("img");
img.classList.add("wallpaper-option");
img.src = wallpaperVal.startsWith("data:") ? wallpaperVal : `data:image/png;base64,${wallpaperVal}`;
img.alt = "Synced Wallpaper";
img.style.objectFit = "cover";
img.addEventListener("click", async () => {
tb_wallpaper.set(img.src);
});
const label = document.createElement("div");
label.innerText = "Synced Wallpaper";
label.style.position = "absolute";
label.style.bottom = "6px";
label.style.left = "6px";
label.style.background = "rgba(0,0,0,0.45)";
label.style.padding = "2px 6px";
label.style.borderRadius = "6px";
label.style.color = "#ffffff";
label.style.fontSize = "12px";
container.appendChild(img);
container.appendChild(label);
wallpaperContainer.prepend(container);
}
}
} catch (e) {
console.warn("Unable to show synced wallpaper label:", e);
}
});
window.parent.tb.fs.readFile("/system/etc/terbium/settings.json", "utf8", (err, data) => {
if (err) return console.log(err);
data = JSON.parse(data);
const cords = data["location"];
document.querySelector(`.cords`).innerText = `${cords}`;
const tempunit = data["weather"]["unit"];
document.querySelector(`[action-for="temperature-unit"]`).querySelector(".select-title .text").innerText = tempunit;
});
const customWallpaper = () => {
window.parent.tb.dialog.Select({
title: "Where do you want to load the wallpaper from?",
options: [
{
text: "System Storage",
value: "sys",
},
{
text: "Terbium File System",
value: "fs",
},
{
text: "Internet Url",
value: "url",
},
],
onOk: async perm => {
switch (perm) {
case "sys":
const input = document.createElement("input");
input.type = "file";
input.setAttribute("accept", "image/*");
input.click();
input.addEventListener("change", async e => {
const file = input.files[0];
const buffer = await file.arrayBuffer();
const reader = new FileReader();
reader.readAsDataURL(file);
reader.onload = async () => {
const imgdata = reader.result;
const path = "/system/etc/terbium/wallpapers/" + file.name;
tb_wallpaper.set(path);
const img_container = document.createElement("div");
img_container.classList.add("wallpaper-container");
const wimg = document.createElement("img");
wimg.src = imgdata;
wimg.classList.add("wallpaper-option");
const delete_button = document.createElement("img");
delete_button.src = "/fs/apps/system/settings.tapp/delete.svg";
delete_button.classList.add("delete-wallpaper");
delete_button.addEventListener("click", async e => {
let data = JSON.parse(await window.parent.tb.fs.promises.readFile(`/home/${await window.parent.tb.user.username()}/settings.json`, "utf8"));
if (data["wallpaper"] === path) {
tb_wallpaper.set("/assets/wallpapers/1.png");
}
await window.parent.tb.fs.promises.unlink(path);
img_container.remove();
});
wimg.addEventListener("click", async e => {
tb_wallpaper.set(path);
});
await window.parent.tb.fs.promises.writeFile(path, window.parent.tb.buffer.from(buffer), "arraybuffer");
tb_wallpaper.set(path);
img_container.append(wimg);
img_container.append(delete_button);
document.querySelector(".custom-wallpaper").remove();
document.querySelector(".wallpapers").append(img_container);
appendCustomWallpaper();
};
});
break;
case "fs":
tb.dialog.FileBrowser({
title: "Select a wallpaper from the file system",
local: true,
onOk: async filePath => {
const imgdata = await window.parent.tb.fs.promises.readFile(filePath, "arraybuffer");
await window.parent.tb.fs.promises.writeFile("/system/etc/terbium/wallpapers/" + filePath.split("/").pop(), imgdata, "arraybuffer");
tb.desktop.wallpaper.set("/system/etc/terbium/wallpapers/" + filePath.split("/").pop());
document.querySelector(".wallpapers").innerHTML = `
`;
const wallpaper_options = document.querySelectorAll(".wallpaper-option");
wallpaper_options.forEach(option => {
option.addEventListener("click", async e => {
const parent_origin = parent.parent.window.location.origin;
const wallpaper = option.src.toString().split(parent_origin)[1];
const color = option.getAttribute("color-type");
let data = JSON.parse(await window.parent.tb.fs.promises.readFile(`/home/${sessionStorage.getItem("currAcc")}/settings.json`, "utf8"));
data["wallpaper"] = wallpaper;
tb_wallpaper.set(wallpaper);
const fillMode = parent.window.tb.desktop.wallpaper.fillMode();
if (fillMode === null) parent.window.tb.desktop.wallpaper.cover();
if (color !== parent.window.tb.desktop.preferences.theme()) {
// parent.window.tb.desktop.preferences.setTheme(`${color`)
document.body.setAttribute("theme", color);
}
});
});
getWallpapers();
},
});
break;
case "url":
tb.dialog.Message({
title: "Enter a URL of the wallpaper",
onOk: async value => {
await window.parent.tb.system.download(value, `/system/etc/terbium/wallpapers/${value.split("/").pop()}`);
tb.desktop.wallpaper.set("/system/etc/terbium/wallpapers/" + value.split("/").pop());
document.querySelector(".wallpapers").innerHTML = `
`;
const wallpaper_options = document.querySelectorAll(".wallpaper-option");
wallpaper_options.forEach(option => {
option.addEventListener("click", async e => {
const parent_origin = parent.parent.window.location.origin;
const wallpaper = option.src.toString().split(parent_origin)[1];
const color = option.getAttribute("color-type");
let data = JSON.parse(await window.parent.tb.fs.promises.readFile(`/home/${sessionStorage.getItem("currAcc")}/settings.json`, "utf8"));
data["wallpaper"] = wallpaper;
tb_wallpaper.set(wallpaper);
const fillMode = parent.window.tb.desktop.wallpaper.fillMode();
if (fillMode === null) parent.window.tb.desktop.wallpaper.cover();
if (color !== parent.window.tb.desktop.preferences.theme()) {
// parent.window.tb.desktop.preferences.setTheme(`${color`)
document.body.setAttribute("theme", color);
}
});
});
getWallpapers();
},
});
break;
}
},
});
};
const appendCustomWallpaper = () => {
if (document.querySelector(".custom-wallpaper")) {
console.log(document.querySelector(".custom-wallpaper"));
}
const newButton = `
`;
const wallpaperContainer = document.querySelector(".wallpapers");
wallpaperContainer.insertAdjacentHTML("beforeend", newButton);
const customWallpaperBtn = document.querySelector(".custom-wallpaper");
customWallpaperBtn.addEventListener("click", e => {
customWallpaper();
});
};
async function getWispSrvs() {
const fileExists = await window.parent.tb.fs.promises
.stat("//apps/system/settings.tapp/wisp-servers.json")
.then(() => true)
.catch(() => false);
if (!fileExists) {
await window.parent.tb.fs.promises.mkdir("//apps/settings.tapp/", { recursive: true });
const stockDat = [
{ id: `${location.protocol.replace("http", "ws")}//${location.hostname}:${location.port}/wisp/`, name: "Backend" },
{ id: "wss://wisp.terbiumon.top/wisp/", name: "TB Wisp Instance" },
];
await window.parent.tb.fs.promises.writeFile("//apps/system/settings.tapp/wisp-servers.json", JSON.stringify(stockDat));
}
const main = document.getElementById("wispSrvs");
window.parent.window.dispatchEvent(new Event("update-wispsrvs"));
const makeCard = async (name, id) => {
let settings = await window.parent.tb.fs.promises.readFile(`/home/${sessionStorage.getItem("currAcc")}/settings.json`, "utf8");
let settdata = JSON.parse(settings);
const card = document.createElement("div");
card.classList.add("flex", "justify-between", "w-full", "p-1.5", "rounded-lg", "duration-150", `srv-${id.replace(/\s/g, "-")}`);
if (name === settdata.wispServer) {
card.classList.add("bg-[#4acd609c]");
} else {
card.classList.add("bg-[#ffffff18]", "hover:bg-[#ffffff38]", "cursor-pointer");
}
const html = `
`;
card.innerHTML = html;
setTimeout(async () => {
const res = await ping(name);
document.querySelector(`[latency-${id.replace(/\s/g, "-")}]`).innerHTML = res.latency + "ms";
}, 1750);
card.addEventListener("click", async () => {
settdata.wispServer = name;
const updSet = JSON.stringify(settdata, null, 2);
await window.parent.tb.fs.promises.writeFile(`/home/${sessionStorage.getItem("currAcc")}/settings.json`, updSet);
window.parent.tb.proxy.updateSWs();
window.parent.window.dispatchEvent(new Event("update-wispsrvs"));
});
main.appendChild(card);
};
const data = JSON.parse(await window.parent.tb.fs.promises.readFile("//apps/system/settings.tapp/wisp-servers.json"));
data.forEach(item => {
makeCard(item.id, item.name);
});
const ping = id => {
return new Promise(resolve => {
const websocket = new WebSocket(id);
const startTime = Date.now();
const onOpen = () => {
const latency = Date.now() - startTime;
websocket.close();
resolve({ status: "OK", latency });
};
const onMessage = () => {
const latency = Date.now() - startTime;
websocket.close();
resolve({ status: "OK", latency });
};
const onError = () => {
websocket.close();
resolve({ status: "Fail", latency: "N/A" });
};
websocket.addEventListener("open", onOpen);
websocket.addEventListener("message", onMessage);
websocket.addEventListener("error", onError);
setTimeout(() => {
websocket.close();
resolve({ status: "Fail", latency: "N/A" });
}, 5000);
});
};
const addWispbtn = document.getElementById("addWisp");
addWispbtn.addEventListener("click", () => {
window.parent.tb.dialog.Message({
title: "Enter a name for the Wisp server",
onOk: async val => {
sessionStorage.setItem("wispSrv", val);
window.parent.tb.dialog.Message({
title: "Enter the socket URL for the Wisp server",
onOk: async val => {
const ent = { id: val, name: sessionStorage.getItem("wispSrv") };
let data = JSON.parse(await window.parent.tb.fs.promises.readFile("//apps/system/settings.tapp/wisp-servers.json"));
data.push(ent);
window.parent.tb.fs.promises.writeFile("//apps/system/settings.tapp/wisp-servers.json", JSON.stringify(data));
makeCard(val, sessionStorage.getItem("wispSrv"));
},
});
},
});
});
const rmWispbtn = document.getElementById("rmWisp");
rmWispbtn.addEventListener("click", async () => {
let data = JSON.parse(await window.parent.tb.fs.promises.readFile("//apps/system/settings.tapp/wisp-servers.json"));
const servers = data.map(item => ({
text: item.name,
value: item.name,
}));
window.parent.tb.dialog.Select({
title: "Select the Wisp server to remove",
options: servers,
onOk: async selectedName => {
data = data.filter(item => item.name !== selectedName);
await window.parent.tb.fs.promises.writeFile("//apps/system/settings.tapp/wisp-servers.json", JSON.stringify(data));
document.querySelector(`.srv-${selectedName.replace(/\s/g, "-")}`).remove();
window.parent.window.dispatchEvent(new Event("update-wispsrvs"));
},
});
});
}
getWispSrvs();
async function updateTransport(transport) {
const st = JSON.parse(await window.parent.tb.fs.promises.readFile(`/home/${await window.parent.tb.user.username()}/settings.json`, "utf8"));
st["transport"] = transport;
await window.parent.tb.fs.promises.writeFile(`/home/${await window.parent.tb.user.username()}/settings.json`, JSON.stringify(st), "utf8");
}
const accentPreview = document.querySelector(".accent-preview");
const accentMousedown = async () => {
const defaultAccent = "#32ae62";
accentPreview.classList.remove("group", "cursor-pointer");
accentPreview.style.setProperty("--accent", defaultAccent);
let settings = JSON.parse(await window.parent.tb.fs.promises.readFile(`/home/${await window.parent.tb.user.username()}/settings.json`, "utf8"));
settings["accent"] = defaultAccent;
window.parent.tb.fs.promises.writeFile(`/home/${await window.parent.tb.user.username()}/settings.json`, JSON.stringify(settings));
accentPreview.removeEventListener("mousedown", accentMousedown);
};
const getAccent = async () => {
const settings = JSON.parse(await window.parent.tb.fs.promises.readFile(`/home/${await window.parent.tb.user.username()}/settings.json`, "utf8"));
var accentColor = settings["accent"];
const defaultAccent = "#32ae62";
if (accentColor !== defaultAccent) {
accentPreview.classList.add("group", "cursor-pointer");
accentPreview.addEventListener("mousedown", accentMousedown);
}
if (accentColor) {
accentPreview.style.setProperty("--accent", accentColor);
} else {
accentPreview.style.setProperty("--accent", "#32ae62");
}
};
getAccent();
const custom_accent = document.querySelector(".custom-accent");
custom_accent.addEventListener("click", e => {
const color_picker = document.createElement("input");
color_picker.type = "color";
color_picker.click();
color_picker.addEventListener("change", async e => {
let color = color_picker.value;
if (color.charAt(0) !== "#") {
const rgb = color.match(/\d+/g);
const r = rgb[0];
const g = rgb[1];
const b = rgb[2];
color = "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
let settings = JSON.parse(await window.parent.tb.fs.promises.readFile(`/home/${await window.parent.tb.user.username()}/settings.json`, "utf8"));
settings["accent"] = color;
window.parent.tb.fs.promises.writeFile(`/home/${await window.parent.tb.user.username()}/settings.json`, JSON.stringify(settings));
} else {
let settings = JSON.parse(await window.parent.tb.fs.promises.readFile(`/home/${await window.parent.tb.user.username()}/settings.json`, "utf8"));
settings["accent"] = color;
window.parent.tb.fs.promises.writeFile(`/home/${await window.parent.tb.user.username()}/settings.json`, JSON.stringify(settings));
}
accentPreview.style.setProperty("--accent", color);
accentPreview.classList.add("group", "cursor-pointer");
accentPreview.addEventListener("mousedown", accentMousedown);
window.parent.window.dispatchEvent(new Event("upd-accent"));
});
});
const getWallpapers = async () => {
const files = await window.parent.tb.fs.promises.readdir("/system/etc/terbium/wallpapers");
for (const file of files) {
const path = "/system/etc/terbium/wallpapers/" + file;
const data = URL.createObjectURL(new Blob([await window.parent.tb.fs.promises.readFile(path, "utf8")]));
const img_container = document.createElement("div");
img_container.classList.add("wallpaper-container");
const img = document.createElement("img");
img.src = `/fs/${path}`;
img.classList.add("wallpaper-option");
const delete_button = document.createElement("img");
delete_button.src = "/fs/apps/system/settings.tapp/delete.svg";
delete_button.classList.add("delete-wallpaper");
delete_button.addEventListener("click", e => {
window.parent.tb.fs.readFile(`/home/${sessionStorage.getItem("currAcc")}/settings.json`, "utf8", (err, data) => {
if (err) return console.log(err);
data = JSON.parse(data);
if (data["wallpaper"] === path) {
tb_wallpaper.set("/assets/wallpapers/1.png");
}
});
window.parent.tb.fs.unlink(path, err => {
if (err) return console.log(err);
img_container.remove();
});
});
img_container.append(img);
img_container.append(delete_button);
document.querySelector(".wallpapers").append(img_container);
img.addEventListener("click", e => {
tb_wallpaper.set(path);
});
}
appendCustomWallpaper();
};
getWallpapers();
const pfpEl = document.querySelector(".pfp");
window.parent.tb.fs.readFile(`/home/${sessionStorage.getItem("currAcc")}/user.json`, "utf8", (err, data) => {
if (err) return console.log(err);
data = JSON.parse(data);
pfpEl.src = data["pfp"];
});
pfpEl.addEventListener("click", async e => {
const uploader = document.createElement("input");
uploader.type = "file";
uploader.accept = "img/*";
uploader.onchange = () => {
const files = uploader.files;
const file = files[0];
const reader = new FileReader();
reader.onload = () => {
tb.dialog.Cropper({
title: "Resize your Profile picture",
img: reader.result,
onOk: async img => {
if (await window.parent.tb.tauth.isTACC()) {
tb.dialog.Select({
title: "Do you want to upload this profile picture to your Terbium Account?",
options: [
{
text: "Yes",
value: "yes",
},
{
text: "No",
value: "no",
},
],
onOk: async choice => {
if (choice === "yes") {
await window.parent.tb.tauth.updateInfo({
pfp: img,
});
} else {
return;
}
},
});
}
const uSettings = JSON.parse(await window.parent.tb.fs.promises.readFile(`/home/${sessionStorage.getItem("currAcc")}/user.json`, "utf8"));
uSettings["pfp"] = img;
pfpEl.src = img;
await window.parent.tb.fs.promises.writeFile(`/home/${sessionStorage.getItem("currAcc")}/user.json`, JSON.stringify(uSettings));
window.parent.dispatchEvent(new Event("accUpd"));
},
});
};
reader.readAsDataURL(file);
};
uploader.click();
});
const usernameEl = document.querySelector(".username");
usernameEl.addEventListener("input", async e => {
usernameEl.addEventListener("blur", async () => {
if (usernameEl.value !== JSON.parse(await window.parent.tb.fs.promises.readFile(`/home/${sessionStorage.getItem("currAcc")}/user.json`, "utf8"))["username"]) {
await window.parent.tb.system.users.renameUser(sessionStorage.getItem("currAcc"), usernameEl.value);
}
});
});
const permEl = document.querySelector(".perm");
permEl.addEventListener("click", async () => {
const data = JSON.parse(await window.parent.tb.fs.promises.readFile(`/home/${sessionStorage.getItem("currAcc")}/user.json`, "utf8"));
if (data["password"] === false) {
await tb.dialog.Select({
title: "Enter the permission level you wish to set (Ex: Admin, User, Group, Public)",
options: [
{
text: "Admin",
value: "admin",
},
{
text: "User",
value: "user",
},
{
text: "Group",
value: "group",
},
{
text: "Public",
value: "public",
},
],
onOk: async perm => {
if (perm === data["perm"]) return;
data["perm"] = perm;
permEl.innerHTML = perm.charAt(0).toUpperCase() + perm.slice(1);
await window.parent.tb.fs.promises.writeFile(`/home/${sessionStorage.getItem("currAcc")}/user.json`, JSON.stringify(data));
},
});
} else {
await tb.dialog.Auth({
sudo: true,
title: "Authenticate to change your permissions",
defaultUsername: sessionStorage.getItem("currAcc"),
onOk: async (_username, password) => {
const pass = await tb.crypto(password);
if (pass === data["password"]) {
await tb.dialog.Select({
title: "Enter the permission level you wish to set (Ex: Admin, User, Group, Public)",
options: [
{
text: "Admin",
value: "admin",
},
{
text: "User",
value: "user",
},
{
text: "Group",
value: "group",
},
{
text: "Public",
value: "public",
},
],
onOk: async perm => {
if (perm === data["perm"]) return;
data["perm"] = perm;
permEl.innerHTML = perm.charAt(0).toUpperCase() + perm.slice(1);
await window.parent.tb.fs.promises.writeFile(`/home/${sessionStorage.getItem("currAcc")}/user.json`, JSON.stringify(data));
},
});
} else {
throw new Error("Incorrect Password");
}
},
});
}
});
const actype = document.querySelector(".actype");
actype.addEventListener("click", async () => {
await tb.dialog.Select({
title: "Select Option",
options: [
{
text: "Link Terbium Cloud™ Account",
value: "cloud",
},
{
text: "Convert to Local Account",
value: "local",
},
],
onOk: async choice => {
switch (choice) {
case "cloud":
const res = await window.parent.tb.tauth.signIn();
actype.innerHTML = "Terbium Cloud\u2122 Account";
const currAcc = sessionStorage.getItem("currAcc");
sessionStorage.setItem("currAcc", res.data.user.name);
await window.parent.tb.tauth.sync.retreive();
sessionStorage.setItem("currAcc", currAcc);
const userinfo = JSON.parse(await window.parent.tb.fs.promises.readFile(`/home/${sessionStorage.getItem("currAcc")}/user.json`, "utf8"));
userinfo["password"] = await window.parent.tb.crypto(res.data.user.password);
userinfo["perm"] = "admin";
await window.parent.tb.fs.promises.writeFile(`/home/${sessionStorage.getItem("currAcc")}/user.json`, JSON.stringify(userinfo));
await window.parent.tb.system.users.renameUser(sessionStorage.getItem("currAcc"), res.data.user.name);
break;
case "local":
window.parent.tb.dialog.Select({
title: "Save current settings to cloud before converting to local?",
options: [
{
text: "Yes",
value: "yes",
},
{
text: "No",
value: "no",
},
],
onOk: async val => {
if (val === "yes") {
await window.parent.tb.tauth.sync.upload();
} else {
return;
}
},
});
await window.parent.tb.tauth.signOut();
actype.innerHTML = "Local Account";
break;
}
},
});
});
window.parent.tb.fs.readFile(`/system/etc/terbium/taccs.json`, "utf8", (err, data) => {
if (err) actype.innerHTML = "Local Account";
const entries = JSON.parse(data);
const act = sessionStorage.getItem("currAcc");
try {
let isCloud = false;
if (Array.isArray(entries)) {
isCloud = entries.some(e => e && e.username === act);
} else if (entries && typeof entries === "object") {
isCloud = Object.values(entries).some(e => e && e.username === act);
}
actype.innerHTML = isCloud ? "Terbium Cloud\u2122 Account" : "Local Account";
} catch (e) {
actype.innerHTML = "Local Account";
}
});
window.parent.tb.fs.readFile(`/home/${sessionStorage.getItem("currAcc")}/user.json`, "utf8", (err, data) => {
if (err) return console.log(err);
data = JSON.parse(data);
usernameEl.value = data["username"];
permEl.innerHTML = data["perm"].charAt(0).toUpperCase() + data["perm"].slice(1);
});
const hostnameEl = document.querySelector(".hostname");
hostnameEl.addEventListener("input", async e => {
hostnameEl.addEventListener("blur", async () => {
if (hostnameEl.value !== JSON.parse(await window.parent.tb.fs.promises.readFile("/system/etc/terbium/settings.json", "utf8"))["host-name"]) {
window.parent.tb.fs.readFile("/system/etc/terbium/settings.json", "utf8", async (err, data) => {
if (err) return console.log(err);
data = JSON.parse(data);
data["host-name"] = hostnameEl.value;
await window.parent.tb.fs.promises.writeFile("/system/etc/terbium/settings.json", JSON.stringify(data));
});
}
});
});
window.parent.tb.fs.readFile("/system/etc/terbium/settings.json", "utf8", (err, data) => {
if (err) return console.log(err);
data = JSON.parse(data);
hostnameEl.value = data["host-name"];
});
const cords = document.querySelector(".cords");
const saveCity = document.querySelector(".save-city");
saveCity.addEventListener("click", e => {
window.parent.tb.fs.readFile("/system/etc/terbium/settings.json", "utf8", (err, data) => {
if (err) return console.log(err);
data = JSON.parse(data);
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(
function (position) {
const latitude = position.coords.latitude;
const longitude = position.coords.longitude;
console.log(`${latitude},${longitude}`);
data["location"] = `${latitude},${longitude}`;
window.parent.dispatchEvent(new Event("updWeather"));
window.parent.tb.fs.writeFile("/system/etc/terbium/settings.json", JSON.stringify(data), err => {
if (err) return console.log(err);
});
},
function (error) {
console.error(`Error Occured: ${error.code}`);
},
{
enableHighAccuracy: true,
timeout: 5000,
maximumAge: 0,
},
);
}
});
});
const accountsButton = document.querySelector(".accounts");
accountsButton.addEventListener("mousedown", e => {
tb_window.create({
title: "Accounts",
src: "/fs/apps/system/settings.tapp/accounts/index.html",
icon: "/fs/apps/system/settings.tapp/accounts/icon.svg",
size: {
width: 400,
height: 500,
},
});
});
const batteryPercentage = document.querySelector(".battery-percentage");
(async () => {
let showBatteryPercentage = JSON.parse(await window.parent.tb.fs.promises.readFile(`/home/${await window.parent.tb.user.username()}/settings.json`, "utf8"))["battery-percent"];
const realCheckbox = batteryPercentage.querySelector("input[type='checkbox']");
if (showBatteryPercentage) {
realCheckbox.checked = true;
const checkIcon = batteryPercentage.querySelector(".checkIcon");
checkIcon.classList.remove("opacity-0", "scale-85");
} else {
realCheckbox.checked = false;
const checkIcon = batteryPercentage.querySelector(".checkIcon");
checkIcon.classList.add("opacity-0", "scale-85");
}
})();
batteryPercentage.addEventListener("mousedown", async e => {
let data = JSON.parse(await window.parent.tb.fs.promises.readFile(`/home/${await window.parent.tb.user.username()}/settings.json`, "utf8"));
const realCheckbox = batteryPercentage.querySelector("input[type='checkbox']");
realCheckbox.checked = !realCheckbox.checked;
const checkIcon = batteryPercentage.querySelector(".checkIcon");
if (realCheckbox.checked) {
checkIcon.classList.remove("opacity-0", "scale-85");
tb.battery.showPercentage();
} else {
checkIcon.classList.add("opacity-0", "scale-85");
tb.battery.hidePercentage();
}
data["battery-percent"] = realCheckbox.checked;
window.parent.tb.fs.promises.writeFile(`/home/${await window.parent.tb.user.username()}/settings.json`, JSON.stringify(data));
});
const getBat = async () => {
const battery = await window.parent.tb.battery.canUse();
if (!battery) {
document.querySelector(".battery").remove();
}
};
getBat();
const showCords = document.querySelector(".showCords");
showCords.addEventListener("mousedown", async e => {
showCords.classList.add("opacity-0", "pointer-events-none");
cords.classList.remove("opacity-0");
const mouseup = () => {
showCords.classList.remove("opacity-0", "pointer-events-none");
cords.classList.add("opacity-0");
document.removeEventListener("mouseup", mouseup);
};
document.addEventListener("mouseup", mouseup);
});
async function exportSettings() {
let settings = JSON.parse(await window.parent.tb.fs.promises.readFile(`/home/${await window.parent.tb.user.username()}/settings.json`, "utf8"));
let data = JSON.stringify(settings);
let blob = new Blob([data], { type: "application/json" });
let url = URL.createObjectURL(blob);
let a = document.createElement("a");
a.href = url;
a.download = "settings.json";
a.click();
}
const range = document.getElementById("blurRange");
const pct = document.getElementById("blurPercent");
async function render(initial) {
const settings = JSON.parse(await window.parent.tb.fs.promises.readFile(`/home/${sessionStorage.getItem("currAcc")}/settings.json`, "utf8"));
const v = initial ? settings.window.blurlevel : Number(range.value);
if (initial) range.value = v;
const mapped = Math.round((v / 50) * 100);
pct.textContent = mapped + "%";
const fill = (v / 50) * 100;
range.style.background = `linear-gradient(90deg,#60a5fa ${fill}%, rgba(255,255,255,0.12) ${fill}%)`;
range.dataset.mappedPercent = mapped;
if (initial) return;
settings.window.blurlevel = v;
window.parent.tb.fs.promises.writeFile(`/home/${sessionStorage.getItem("currAcc")}/settings.json`, JSON.stringify(settings, null, 4), "utf8");
window.parent.dispatchEvent(new Event("upd-accent"));
}
render(true);
range.addEventListener("input", () => render(false));
const winAccent = document.querySelector(".winaccent-preview");
const initWinAccent = async () => {
const defaultAccent = "#ffffff";
try {
let settings = JSON.parse(await window.parent.tb.fs.promises.readFile(`/home/${await window.parent.tb.user.username()}/settings.json`, "utf8"));
const current = settings.window && settings.window.winAccent ? settings.window.winAccent : defaultAccent;
winAccent.style.setProperty("--accent", current);
if (current !== defaultAccent) {
winAccent.classList.add("group", "cursor-pointer");
const resetHandler = async () => {
let s = JSON.parse(await window.parent.tb.fs.promises.readFile(`/home/${await window.parent.tb.user.username()}/settings.json`, "utf8"));
s.window = s.window || {};
s.window.winAccent = defaultAccent;
await window.parent.tb.fs.promises.writeFile(`/home/${await window.parent.tb.user.username()}/settings.json`, JSON.stringify(s));
winAccent.style.setProperty("--accent", defaultAccent);
winAccent.classList.remove("group", "cursor-pointer");
winAccent.removeEventListener("mousedown", resetHandler);
window.parent.dispatchEvent(new Event("upd-accent"));
};
winAccent.addEventListener("mousedown", resetHandler);
}
} catch (err) {
winAccent.style.setProperty("--accent", defaultAccent);
}
};
initWinAccent();
const custom_waccent = document.querySelector(".custom-waccent");
custom_waccent.addEventListener("click", e => {
const color_picker = document.createElement("input");
color_picker.type = "color";
color_picker.click();
color_picker.addEventListener("change", async e => {
let color = color_picker.value;
if (color.charAt(0) !== "#") {
const rgb = color.match(/\d+/g);
const r = rgb[0];
const g = rgb[1];
const b = rgb[2];
color = "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
let settings = JSON.parse(await window.parent.tb.fs.promises.readFile(`/home/${await window.parent.tb.user.username()}/settings.json`, "utf8"));
settings["window"]["winAccent"] = color;
window.parent.tb.fs.promises.writeFile(`/home/${await window.parent.tb.user.username()}/settings.json`, JSON.stringify(settings));
window.parent.dispatchEvent(new Event("upd-accent"));
} else {
let settings = JSON.parse(await window.parent.tb.fs.promises.readFile(`/home/${await window.parent.tb.user.username()}/settings.json`, "utf8"));
settings["window"]["winAccent"] = color;
window.parent.tb.fs.promises.writeFile(`/home/${await window.parent.tb.user.username()}/settings.json`, JSON.stringify(settings));
window.parent.dispatchEvent(new Event("upd-accent"));
}
winAccent.style.setProperty("--accent", color);
winAccent.classList.add("group", "cursor-pointer");
winAccent.addEventListener("mousedown", winAccentPrev);
});
});
async function convertTBSIF() {
const input = document.createElement("input");
input.type = "file";
input.accept = ".tbs";
input.onchange = async () => {
let file = input.files[0];
let reader = new FileReader();
reader.onload = async () => {
let tbs_config = reader.result;
let settings = JSON.parse(await window.parent.tb.fs.promises.readFile(`/home/${await window.parent.tb.user.username()}/settings.json`, "utf8"));
let syssettings = JSON.parse(await window.parent.tb.fs.promises.readFile(`/home/${await window.parent.tb.user.username()}/settings.json`, "utf8"));
if (tbs_config.theme && tbs_config.theme !== "default") {
syssettings.theme = tbs_config.theme;
}
if (tbs_config.wallpaper && tbs_config.wallpaper !== "default" && settings.wallpaper !== "/assets/wallpapers/1.png") {
settings.wallpaper = tbs_config.wallpaper;
}
if (tbs_config.wallpaperFill && tbs_config.wallpaperFill !== "default") {
settings.wallpaperMode = tbs_config.wallpaperFill === "contain" ? "cover" : "contain";
}
if (tbs_config.shadow === "yes") {
settings["system-blur"] = true;
}
await window.parent.tb.fs.promises.writeFile(`/home/${await window.parent.tb.user.username()}/settings.json`, JSON.stringify(settings, null, 2), "utf8");
await window.parent.tb.fs.promises.writeFile("/system/etc/terbium/settings.json", JSON.stringify(syssettings, null, 2), "utf8");
parent.window.location.reload();
};
reader.readAsText(file);
};
input.click();
}
const animationCheckbox = document.querySelector(".eruda-check");
const eruda = () => {
const realCheckbox = animationCheckbox.querySelector("input[type='checkbox']");
const checkIcon = animationCheckbox.querySelector(".checkIcon");
const setState = enabled => {
realCheckbox.checked = enabled;
if (enabled) {
checkIcon.classList.remove("opacity-0", "scale-85");
localStorage.setItem("eruda", "true");
} else {
checkIcon.classList.add("opacity-0", "scale-85");
localStorage.removeItem("eruda");
}
};
setState(localStorage.getItem("eruda") === "true");
animationCheckbox.addEventListener("mousedown", () => {
setState(!realCheckbox.checked);
});
};
eruda();
const windowOptimizationsCheckbox = document.querySelector(".window-optimizations-check");
const setupWindowOptimizations = async () => {
const realCheckbox = windowOptimizationsCheckbox.querySelector("input[type='checkbox']");
const checkIcon = windowOptimizationsCheckbox.querySelector(".checkIcon");
const setState = async (enabled, forceWrite = false) => {
realCheckbox.checked = enabled;
if (enabled) {
checkIcon.classList.remove("opacity-0", "scale-85");
} else {
checkIcon.classList.add("opacity-0", "scale-85");
}
try {
let settings = JSON.parse(await window.parent.tb.fs.promises.readFile(`/home/${await window.tb.user.username()}/settings.json`, "utf8"));
if (forceWrite || settings.windowOptimizations !== enabled) {
settings.windowOptimizations = enabled;
await window.parent.tb.fs.promises.writeFile(`/home/${await window.tb.user.username()}/settings.json`, JSON.stringify(settings, null, 2), "utf8");
}
} catch (err) {
if (forceWrite) {
const base = { windowOptimizations: enabled };
await window.parent.tb.fs.promises.writeFile(`/home/${await window.tb.user.username()}/settings.json`, JSON.stringify(base, null, 2), "utf8");
}
}
};
try {
let settings = JSON.parse(await window.parent.tb.fs.promises.readFile(`/home/${await window.tb.user.username()}/settings.json`, "utf8"));
setState(settings.windowOptimizations ?? true, false);
} catch (err) {
console.error("Failed to load window optimization settings:", err);
setState(true, false);
}
windowOptimizationsCheckbox.addEventListener("mousedown", async () => {
await setState(!realCheckbox.checked, true);
});
};
setupWindowOptimizations();
const fpsCounterCheckbox = document.querySelector(".fps-counter-check");
const setupFPSCounter = async () => {
const realCheckbox = fpsCounterCheckbox.querySelector("input[type='checkbox']");
const checkIcon = fpsCounterCheckbox.querySelector(".checkIcon");
const setState = async (enabled, forceWrite = false) => {
realCheckbox.checked = enabled;
if (enabled) {
checkIcon.classList.remove("opacity-0", "scale-85");
} else {
checkIcon.classList.add("opacity-0", "scale-85");
}
try {
let settings = JSON.parse(await window.parent.tb.fs.promises.readFile(`/home/${await window.tb.user.username()}/settings.json`, "utf8"));
if (forceWrite || settings.showFPS !== enabled) {
settings.showFPS = enabled;
await window.parent.tb.fs.promises.writeFile(`/home/${await window.tb.user.username()}/settings.json`, JSON.stringify(settings, null, 2), "utf8");
}
} catch (err) {
if (forceWrite) {
const base = { showFPS: enabled };
await window.parent.tb.fs.promises.writeFile(`/home/${await window.tb.user.username()}/settings.json`, JSON.stringify(base, null, 2), "utf8");
}
}
window.parent.dispatchEvent(new CustomEvent("settings-changed", { detail: { showFPS: enabled } }));
};
try {
let settings = JSON.parse(await window.parent.tb.fs.promises.readFile(`/home/${await window.tb.user.username()}/settings.json`, "utf8"));
setState(settings.showFPS ?? false, false);
} catch (err) {
console.error("Failed to load FPS counter settings:", err);
setState(false, false);
}
fpsCounterCheckbox.addEventListener("mousedown", async () => {
await setState(!realCheckbox.checked, true);
});
};
setupFPSCounter();
const realCheckbox = animationCheckbox.querySelector("input[type='checkbox']");
realCheckbox.checked = !realCheckbox.checked;
const checkIcon = animationCheckbox.querySelector(".checkIcon");
if (realCheckbox.checked) {
checkIcon.classList.remove("opacity-0", "scale-85");
} else {
checkIcon.classList.add("opacity-0", "scale-85");
}
================================================
FILE: public/apps/settings.tapp/index.json
================================================
{
"name": "Settings",
"version": "1.0.0",
"config": {
"title": "Settings",
"src": "/fs/apps/system/settings.tapp/index.html",
"icon": "/fs/apps/system/settings.tapp/icon.svg",
"single": true
}
}
================================================
FILE: public/apps/settings.tapp/island.js
================================================
const appisland = window.parent.document.querySelector(".app_island").clientHeight + 12;
tb_island.addControl({
text: "File",
appname: "Settings",
id: "settings_file",
click: () => {
tb.contextmenu.create({
x: 6,
y: appisland,
iframe: false,
options: [
{
text: "Import Settings",
click: () => {
const input = document.createElement("input");
input.type = "file";
input.accept = ".json";
input.onchange = async () => {
let file = input.files[0];
let reader = new FileReader();
reader.onload = async () => {
let settings = JSON.parse(reader.result);
await window.parent.tb.fs.promises.writeFile(`/home/${await window.tb.user.username()}/settings.json`, JSON.stringify(settings), "utf8");
};
reader.readAsText(file);
};
input.click();
},
},
{
text: "Export Settings",
click: async () => {
let settings = JSON.parse(await window.parent.tb.fs.promises.readFile(`/home/${await window.tb.user.username()}/settings.json`, "utf8"));
let data = JSON.stringify(settings);
let blob = new Blob([data], { type: "application/json" });
let url = URL.createObjectURL(blob);
let a = document.createElement("a");
a.href = url;
a.download = "settings.json";
a.click();
},
},
],
});
},
});
tb_island.addControl({
text: "View",
appname: "Settings",
id: "settings_view",
click: () => {
tb.contextmenu.create({
x: 6,
y: appisland,
iframe: false,
options: [
{
text: "Appearance",
click: () => {
document.querySelector(`[data-category="appearance"]`).click();
},
},
{
text: "Window",
click: () => {
document.querySelector(`[data-category="window"]`).click();
},
},
{
text: "Networking",
click: () => {
document.querySelector(`[data-category="networking"]`).click();
},
},
{
text: "Other",
click: () => {
document.querySelector(`[data-category="other"]`).click();
},
},
],
});
},
});
tb_island.addControl({
text: "Help",
appname: "Settings",
id: "help",
click: () => {
window.open("https://github.com/TerbiumOS/web-v2/blob/main/docs/README.md", "_blank");
},
});
================================================
FILE: public/apps/settings.tapp/message.js
================================================
window.addEventListener("message", function (event) {
var data;
if (typeof event.data === "object") {
try {
data = event.data;
} catch (e) {
console.warn(e);
}
} else {
try {
data = JSON.parse(event.data);
} catch {
console.warn("No Message");
}
}
if (data && document.querySelector(`[data-category="${data.page}"]`)) {
let button = document.querySelector(`[data-category="${data.page}"]`);
button.click();
}
});
================================================
FILE: public/apps/settings.tapp/radio.css
================================================
body[theme="light"] button.radio {
color: #ffffff88;
}
body[theme="dark"] button.radio {
color: #ffffff88;
}
button.radio {
display: flex;
gap: 6px;
background-color: transparent;
border: none;
font-size: 16px;
font-family: Inter;
font-weight: 700;
line-height: 16px;
cursor: var(--cursor-pointer);
transition: 150ms ease-in-out;
}
body[theme="light"] button.radio span.radio {
background-color: #ffffff78;
}
button.radio span.radio {
display: flex;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
border-radius: 50%;
transition: 150ms ease-in-out;
}
button.radio.selected {
color: #ffffff !important;
}
button.radio.selected span.radio {
background-color: #ffffff !important;
}
button.radio.selected span.radio span.radio-check {
background-color: #4e8bff;
}
button.radio span.radio span.radio-check {
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #00000050;
transition: 150ms ease-in-out;
}
================================================
FILE: public/apps/settings.tapp/select.css
================================================
.select {
position: relative;
display: flex;
flex-direction: column;
gap: 6px;
width: min-content;
}
.select .select-title {
background-color: #ffffff10;
box-shadow:
0px 0px 6px 0px #00000052,
inset 0 0 0 0.5px #ffffff38;
}
.select .select-title:hover {
background-color: #ffffff36;
}
.select .select-title {
display: flex;
align-items: center;
gap: 20px;
font-size: 18px;
font-weight: 800;
line-height: 18px;
padding: 6px 6px 6px 10px;
color: #ffffff;
border-radius: 6px;
backdrop-filter: blur(100px);
cursor: var(--cursor-pointer);
transition: 150ms ease-in-out;
}
.select .select-title .text {
width: max-content;
}
.select .select-title .icon {
width: 24px;
height: auto;
}
.select .options {
background-color: #ffffff10;
box-shadow:
0px 0px 6px 0px #00000052,
inset 0 0 0 0.5px #ffffff38;
}
.select .options {
position: absolute;
top: calc(100% + 6px);
z-index: 9;
left: 0;
width: 100%;
max-height: 160px;
display: flex;
flex-direction: column;
border-radius: 6px;
overflow: auto;
transition: 150ms ease-in-out;
}
.select .options::before {
content: "\00A0";
display: block;
position: absolute;
top: 1px;
bottom: 1px;
left: 1px;
right: 1px;
z-index: -1;
border-radius: 4px;
backdrop-filter: blur(14px);
}
.select .options .option {
padding: 10px 10px;
cursor: var(--cursor-pointer);
font-weight: 650;
transition: 150ms ease-in-out;
}
.select .options .option:hover {
background-color: #ffffff36;
}
.select .options:not(.open) {
opacity: 0;
pointer-events: none;
height: 0px;
}
================================================
FILE: public/apps/settings.tapp/select.js
================================================
const selects = document.querySelectorAll(".select");
selects.forEach(select => {
const intiator = select.querySelector(".select-title");
const select_options = select.querySelector(".options");
intiator.addEventListener("click", e => {
document.querySelectorAll(".options").forEach(option => {
if (option !== select_options) {
option.classList.remove("open");
}
});
select_options.classList.toggle("open");
const options = select_options.querySelectorAll(".option");
options.forEach(option => {
option.addEventListener("click", () => {
intiator.querySelector(".text").innerHTML = option.getAttribute("value");
select_options.classList.remove("open");
if (select.getAttribute("action") === "fs") {
if (select.getAttribute("action-for") === "wallpaper-fill") {
switch (option.getAttribute("value").toLowerCase()) {
case "cover":
tb.desktop.wallpaper.cover();
break;
case "contain":
tb.desktop.wallpaper.contain();
break;
case "stretch":
tb.desktop.wallpaper.stretch();
break;
}
} else if (select.getAttribute("action-for") === "proxy") {
switch (option.getAttribute("value").toLowerCase()) {
case "Ultraviolet":
tb.proxy.set("Ultraviolet");
break;
case "Scramjet":
tb.proxy.set("Scramjet");
break;
}
} else if (select.getAttribute("action-for") === "show-seconds") {
switch (option.getAttribute("value").toLowerCase()) {
case "no":
window.tb.fs.readFile(`/home/${sessionStorage.getItem("currAcc")}/settings.json`, "utf8", (err, data) => {
if (err) return console.log(err);
let settings = JSON.parse(data);
settings["times"]["showSeconds"] = false;
window.tb.fs.writeFile(`/home/${sessionStorage.getItem("currAcc")}/settings.json`, JSON.stringify(settings));
});
break;
case "yes":
window.tb.fs.readFile(`/home/${sessionStorage.getItem("currAcc")}/settings.json`, "utf8", (err, data) => {
if (err) return console.log(err);
let settings = JSON.parse(data);
settings["times"]["showSeconds"] = true;
window.tb.fs.writeFile(`/home/${sessionStorage.getItem("currAcc")}/settings.json`, JSON.stringify(settings));
});
break;
}
} else if (select.getAttribute("action-for") === "24h-12h") {
switch (option.getAttribute("value").toLowerCase()) {
case "no":
window.tb.fs.readFile(`/home/${sessionStorage.getItem("currAcc")}/settings.json`, "utf8", (err, data) => {
if (err) return console.log(err);
let settings = JSON.parse(data);
settings["times"]["format"] = "12h";
window.tb.fs.writeFile(`/home/${sessionStorage.getItem("currAcc")}/settings.json`, JSON.stringify(settings));
});
break;
case "yes":
window.tb.fs.readFile(`/home/${sessionStorage.getItem("currAcc")}/settings.json`, "utf8", (err, data) => {
if (err) return console.log(err);
let settings = JSON.parse(data);
settings["times"]["format"] = "24h";
window.tb.fs.writeFile(`/home/${sessionStorage.getItem("currAcc")}/settings.json`, JSON.stringify(settings));
});
break;
}
} else if (select.getAttribute("action-for") === "location-state") {
window.tb.fs.readFile("/system/etc/terbium/settings.json", "utf8", (err, data) => {
if (err) return console.log(err);
let settings = JSON.parse(data);
settings["location"]["state"] = option.getAttribute("value");
window.tb.fs.writeFile("/system/etc/terbium/settings.json", JSON.stringify(settings));
});
} else if (select.getAttribute("action-for") === "temperature-unit") {
window.tb.fs.readFile("/system/etc/terbium/settings.json", "utf8", (err, data) => {
if (err) return console.log(err);
let settings = JSON.parse(data);
settings["weather"]["unit"] = option.getAttribute("value");
window.tb.fs.writeFile("/system/etc/terbium/settings.json", JSON.stringify(settings));
window.parent.dispatchEvent(new Event("updWeather"));
});
} else if (select.getAttribute("action-for") === "wmx") {
window.tb.fs.readFile(`/home/${sessionStorage.getItem("currAcc")}/settings.json`, "utf8", (err, data) => {
if (err) return console.log(err);
let settings = JSON.parse(data);
settings["window"]["alwaysMaximized"] = option.getAttribute("value").toLowerCase() === "yes" ? true : false;
window.tb.fs.writeFile(`/home/${sessionStorage.getItem("currAcc")}/settings.json`, JSON.stringify(settings));
window.parent.dispatchEvent(new Event("upd-accent"));
});
} else if (select.getAttribute("action-for") === "wfs") {
window.tb.fs.readFile(`/home/${sessionStorage.getItem("currAcc")}/settings.json`, "utf8", (err, data) => {
if (err) return console.log(err);
let settings = JSON.parse(data);
settings["window"]["alwaysFullscreen"] = option.getAttribute("value").toLowerCase() === "yes" ? true : false;
window.tb.fs.writeFile(`/home/${sessionStorage.getItem("currAcc")}/settings.json`, JSON.stringify(settings));
window.parent.dispatchEvent(new Event("upd-accent"));
});
}
}
});
});
});
});
================================================
FILE: public/apps/task manager.tapp/index.css
================================================
@font-face {
font-family: Inter;
src: url(/fonts/Inter.ttf);
}
h1 {
font-family: Inter;
font-weight: 700;
}
h4 {
margin-top: 4px;
margin-bottom: 4px;
}
.image-container {
width: 100px;
}
.centered-image {
max-width: 100%;
max-height: 100%;
}
a {
color: #5088ff;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.opt {
width: 100%;
height: 100%;
margin-top: 35px;
}
.opt.disabled {
display: none;
}
.topnav {
display: flex;
flex-direction: row;
gap: 5px;
}
.topnav .sec {
margin-top: 5px;
background-color: #ffffff24;
border-radius: 8px;
display: flex;
flex-direction: row;
justify-content: center;
padding: 6px 16px;
}
.opt .topbr {
/*display: flex;
position: relative;
flex-direction: row;*/
width: 100%;
}
.opt .topbr h2 {
color: #c0bdc1;
font-size: 24px;
}
.opt .topbr h1 {
font-size: 32px;
}
.opt .topbr .m {
display: flex;
flex-direction: row;
align-self: flex-start;
justify-content: flex-start;
text-align: start;
}
.opt .topbr .sub {
display: flex;
flex-direction: row;
align-self: flex-end;
justify-content: flex-end;
text-align: end;
margin-top: -50px;
gap: 50px;
margin-right: 25px;
}
.opt .apps {
display: flex;
flex-direction: column;
}
.opt .apps .apl {
display: flex;
gap: 25px;
align-items: center;
width: 100%;
}
.opt .apps .apl .end-text {
margin-left: auto;
display: flex;
gap: 25px;
}
.opt .apps .apl .end-text .btn {
margin-right: 10px;
}
.opt .apps .apl img {
width: 25px;
height: 25px;
}
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-thumb {
background-color: #ffffff28;
border-radius: 8px;
}
::-webkit-scrollbar-track {
background-color: #ffffff10;
border-radius: 8px;
}
.navbtn span {
backdrop-filter: blur(100px) contrast(0.8) brightness(0.8);
z-index: 9999;
background-color: #ffffff28;
}
================================================
FILE: public/apps/task manager.tapp/index.html
================================================
Task Manager
================================================
FILE: public/apps/task manager.tapp/index.js
================================================
const navbuttons = document.querySelectorAll(".navbtn");
navbuttons.forEach(btn => {
const tooltip = btn.querySelector("span");
let btnWidth = btn.getBoundingClientRect().width;
tooltip.classList.add(`top-[${btnWidth + 4}px]`);
btn.addEventListener(
"mouseover",
() => {
setTimeout(() => {
if (btn.matches(":hover")) {
tooltip.classList.remove("opacity-0");
tooltip.classList.remove(`top-[${btnWidth + 4}px]`);
tooltip.classList.add(`top-[${btnWidth + 14}px]`);
btn.addEventListener("mouseleave", () => {
tooltip.classList.add("opacity-0");
tooltip.classList.remove(`top-[${btnWidth + 14}px]`);
tooltip.classList.add(`top-[${btnWidth + 4}px]`);
});
}
}, 1000);
},
"once",
);
});
document.addEventListener("DOMContentLoaded", () => {
getTasks();
setInterval(getTasks, 2500);
});
function loadPane(val) {
const sys = document.getElementById("sysinf");
const main = document.getElementById("appl");
const startup = document.getElementById("startup");
if (val === "sys") {
sys.classList.remove("opacity-0", "pointer-events-none");
main.classList.add("opacity-0", "pointer-events-none");
startup.classList.add("opacity-0", "pointer-events-none");
getSpecs();
} else if (val === "startup") {
startup.classList.remove("opacity-0", "pointer-events-none");
main.classList.add("opacity-0", "pointer-events-none");
sys.classList.add("opacity-0", "pointer-events-none");
getStartups();
} else {
main.classList.remove("opacity-0", "pointer-events-none");
sys.classList.add("opacity-0", "pointer-events-none");
startup.classList.add("opacity-0", "pointer-events-none");
}
}
function getSpecs() {
const cputxt = document.getElementById("cpu");
const memtxt = document.getElementById("ram");
const ssdtxt = document.getElementById("ssd");
const gputxt = document.getElementById("gpu");
let mem = navigator.deviceMemory ? navigator.deviceMemory + "GB" + " of ram" : "Not Available";
let canvas = document.createElement("canvas");
let gl = canvas.getContext("webgl") || canvas.getContext("experimental-webgl");
if (!gl) {
console.error("%cGPU%c: Information not available", `color: ${accent}`, "color: #b6b6b6");
return;
}
let gpuName;
let dbgRenderInfo = gl.getExtension("WEBGL_debug_renderer_info");
if (dbgRenderInfo) {
let rndr = gl.getParameter(dbgRenderInfo.UNMASKED_RENDERER_WEBGL);
let regex = /ANGLE \(.+?,\s*(.+?) \(/;
let match = rndr.match(regex);
gpuName = match ? match[1] : "Not Available";
}
navigator.storage.estimate().then(estimate => {
const totalSize = estimate.quota;
const usedSize = estimate.usage;
const usedPercentage = (usedSize / totalSize) * 100;
let formattedUsedSize, formattedTotalSize;
if (usedSize >= 1024 * 1024 * 1024) {
formattedUsedSize = `${(usedSize / (1024 * 1024 * 1024)).toFixed(2)} GB`;
} else {
formattedUsedSize = `${(usedSize / (1024 * 1024)).toFixed(2)} MB`;
}
if (totalSize >= 1024 * 1024 * 1024) {
formattedTotalSize = `${(totalSize / (1024 * 1024 * 1024)).toFixed(2)} GB`;
} else {
formattedTotalSize = `${Math.round((totalSize / (1024 * 1024)).toFixed(2))} MB`;
}
ssdtxt.textContent = `${formattedUsedSize} of ${formattedTotalSize}`;
});
let cpuCors = navigator.hardwareConcurrency;
cputxt.textContent = `${cpuCors} Logical Cores (${Math.floor(cpuCors / 2)} Cores ${cpuCors} threads)`;
let memoryUsed = window.tman_info && window.tman_info.bytes ? window.tman_info.bytes : 0;
let formattedMemoryUsed;
if (memoryUsed >= 1024 * 1024 * 1024) {
formattedMemoryUsed = `${(memoryUsed / (1024 * 1024 * 1024)).toFixed(2)} GB`;
} else {
formattedMemoryUsed = `${(memoryUsed / (1024 * 1024)).toFixed(2)} MB`;
}
memtxt.textContent = `${formattedMemoryUsed} of ${mem}`;
gputxt.textContent = gpuName;
}
async function getTasks() {
let mem;
if ("measureUserAgentSpecificMemory" in window.parent.performance) {
mem = await window.parent.performance.measureUserAgentSpecificMemory();
} else {
mem = { bytes: 0, breakdown: [] };
}
window.tman_info = mem;
const windows = window.parent.tb.process.list();
let main = document.querySelector("tbody");
let existingEntries = main.querySelectorAll("tr");
let currentWinIds = Array.from(existingEntries).map(entry => entry.getAttribute("win-id"));
const currentIdsSet = new Set(currentWinIds);
Object.values(windows).forEach(win => {
const winID = win.id;
if (currentIdsSet.has(winID)) {
currentIdsSet.delete(winID);
return;
}
const sysRegex = /^Terbium (Alexa Desktop Experience|Service Worker|Node\.js Runtime)$/;
const tr = document.createElement("tr");
tr.classList.add("hover:bg-[#ffffff18]", "duration-150", "ease-in-out", "px-2.5");
tr.setAttribute("win-id", winID);
const thName = document.createElement("th");
thName.textContent = typeof win.name === "string" ? win.name : win.name.text;
thName.classList.add("text-left", "py-2.5", "pl-3.5", "pr-[100px]");
const tdMemory = document.createElement("td");
let memEntry = null;
if (mem && Array.isArray(mem.breakdown)) {
memEntry = mem.breakdown.find(entry =>
entry.attribution.some(attr => {
return attr.container && attr.container.src === win.src;
}),
);
}
if (memEntry && typeof memEntry.bytes === "number") {
tdMemory.textContent = `${(memEntry.bytes / (1024 * 1024)).toFixed(2)} MB`;
} else if (sysRegex.test(win.name)) {
tdMemory.textContent = "System Process";
} else {
tdMemory.textContent = "N/A";
}
const tdPID = document.createElement("td");
tdPID.textContent = win.pid;
const tdState = document.createElement("td");
const stateText = document.createElement("span");
if (win.pid === window.parent.tb.window.getId()) {
stateText.textContent = "Active";
} else if (sysRegex.test(win.name)) {
stateText.textContent = "Active";
} else {
stateText.textContent = "Idle";
}
tdState.appendChild(stateText);
const tdActions = document.createElement("td");
const btnEnd = document.createElement("button");
btnEnd.innerHTML = ``;
btnEnd.onclick = () => {
window.parent.tb.process.kill(win.pid);
};
tr.appendChild(thName);
tr.appendChild(tdMemory);
tr.appendChild(tdPID);
tr.appendChild(tdState);
tr.appendChild(tdActions);
tdActions.appendChild(btnEnd);
main.appendChild(tr);
});
existingEntries.forEach(entry => {
const winID = entry.getAttribute("win-id");
if (!Object.values(windows).some(win => win.id === winID)) {
main.removeChild(entry);
}
});
}
async function getStartups() {
const tbody = document.getElementById("startupTbody");
if (!tbody) return;
tbody.innerHTML = "Loading startup processes... Failed to load startup processes No Startup processes found No Startup processes found for selected scope terminal
================================================
FILE: public/apps/terminal.tapp/index.js
================================================
import parser from "https://unpkg.com/yargs-parser@22.0.0/browser.js";
import http from "https://cdn.jsdelivr.net/npm/isomorphic-git@latest/http/web/index.js";
import git from "https://cdn.jsdelivr.net/npm/isomorphic-git@latest/+esm";
import { Terminal } from "https://cdn.jsdelivr.net/npm/@xterm/xterm@latest/+esm";
/**
* @typedef {import("yargs-parser").Arguments} argv
*/
/**
* @typedef {function(string, argv)} commandHandler
*/
/**
* @typedef {Object} appInfo
* @property {string} name The name of the app
* @property {string} description The description of the app
* @property {string} usage How to use the app from the CLI
*/
// This is just to resove the terbium system api's
const tb = window.tb || window.parent.tb || {};
window.http = http;
window.gitfetch = git;
/**
* Converts a hex color to an RGB string
* @param {string} hex The hex color to convert
* @returns {{r: number, g: number, b: number} | null} The RGB object for use in accent, or null if invalid
*/
function htorgb(hex) {
hex = hex.replace("#", "");
if (hex.length === 3) {
hex = hex
.split("")
.map(h => h + h)
.join("");
}
if (hex.length !== 6) return null;
const bigint = parseInt(hex, 16);
return {
r: (bigint >> 16) & 255,
g: (bigint >> 8) & 255,
b: bigint & 255,
};
}
/**
* Command that has been captured from the start of the other command prompt ending and after the newline carriage
*/
let accCommand = "";
/**
* Cursor position within the current command (for left/right arrow navigation)
*/
let cursorPos = 0;
tb.setCommandProcessing = status => {
sessions.forEach(s => {
try {
s.isProcessingCommands = status;
s.localEcho = status;
} catch (e) {}
});
};
/**
* Last few commands that have been executed
*/
let commandHistory = [];
let historyIndex = -1;
let path = `/home/${sessionStorage.getItem("currAcc")}/`;
const HISTORY_LIMIT = 1000;
const HISTORY_FILE = ".bash_history";
class TerminalSession {
constructor(name = "Terbium TSH") {
this.id = `s-${Date.now()}-${Math.floor(Math.random() * 1000)}`;
this.name = name;
this.container = document.createElement("div");
this.container.className = "term-session";
this.container.style.width = "100%";
this.container.style.height = "100%";
this.container.style.display = "none";
document.getElementById("term").appendChild(this.container);
this.term = new Terminal({ theme: { background: "#000000", cursor: "#ffffff", selection: "#444444" }, cursorBlink: true, allowTransparency: true, rightClickSelectsWord: true });
this.term.open(this.container);
this.accCommand = "";
this.cursorPos = 0;
this.isProcessingCommands = true;
this.localEcho = true;
this.commandHistory = [];
this.historyIndex = 0;
this.path = `/home/${sessionStorage.getItem("currAcc")}/`;
this._bindEvents();
this.loadHistory();
this.writePowerline();
this.focus();
}
_bindEvents() {
this.term.element.addEventListener("contextmenu", e => e.preventDefault());
this.term.attachCustomKeyEventHandler(event => {
if (event.ctrlKey && event.key === "c") {
if (this.term.hasSelection()) {
navigator.clipboard.writeText(this.term.getSelection()).catch(console.error);
event.preventDefault();
return false;
}
}
if (event.ctrlKey && event.key === "v") {
navigator.clipboard
.readText()
.then(text => {
for (const c of text) this.handleChar(c);
})
.catch(console.error);
event.preventDefault();
return false;
}
if (event.altKey && event.key === "t") {
event.preventDefault();
createSession("Terbium TSH");
return false;
}
if (event.altKey && event.key === "w") {
event.preventDefault();
closeSession(this.id);
return false;
}
if (event.altKey && event.key === "Tab") {
event.preventDefault();
switchSessionNext();
return false;
}
return true;
});
this.term.onData(async char => {
if (!this.isProcessingCommands) {
const dataHandler = this.term._core._inputHandler;
if (dataHandler && dataHandler.onData) dataHandler.onData(char);
return;
}
if (char.length > 1 && !char.startsWith("\x1b")) {
for (const c of char) await this.handleChar(c);
return;
}
await this.handleChar(char);
});
this.term.onLineFeed(() => {
this.accCommand = "";
this.cursorPos = 0;
this.historyIndex = this.commandHistory.length;
});
}
async handleChar(char) {
if (char === "\x1b[A") {
if (this.historyIndex > 0 && this.commandHistory.length > 0) {
this.term.write("\r\x1b[K");
await this.writePowerline();
this.historyIndex--;
this.accCommand = this.commandHistory[this.historyIndex];
this.cursorPos = this.accCommand.length;
this.term.write(this.accCommand);
}
return;
}
if (char === "\x1b[B") {
this.term.write("\r\x1b[K");
await this.writePowerline();
if (this.historyIndex < this.commandHistory.length - 1) {
this.historyIndex++;
this.accCommand = this.commandHistory[this.historyIndex];
this.cursorPos = this.accCommand.length;
this.term.write(this.accCommand);
} else {
this.historyIndex = this.commandHistory.length;
this.accCommand = "";
this.cursorPos = 0;
}
return;
}
if (char === "\x1b[D") {
if (this.cursorPos > 0) {
this.cursorPos--;
this.term.write("\x1b[D");
}
return;
}
if (char === "\x1b[C") {
if (this.cursorPos < this.accCommand.length) {
this.cursorPos++;
this.term.write("\x1b[C");
}
return;
}
if (char === "\x1b[H" || char === "\x1b[1~") {
const moveLeft = this.cursorPos;
if (moveLeft > 0) {
this.term.write(`\x1b[${moveLeft}D`);
this.cursorPos = 0;
}
return;
}
if (char === "\x1b[F" || char === "\x1b[4~") {
const moveRight = this.accCommand.length - this.cursorPos;
if (moveRight > 0) {
this.term.write(`\x1b[${moveRight}C`);
this.cursorPos = this.accCommand.length;
}
return;
}
if (char === "\x1b[3~") {
if (this.cursorPos < this.accCommand.length) {
this.accCommand = this.accCommand.slice(0, this.cursorPos) + this.accCommand.slice(this.cursorPos + 1);
const remaining = this.accCommand.slice(this.cursorPos);
this.term.write(remaining + " ");
this.term.write(`\x1b[${remaining.length + 1}D`);
}
return;
}
if (char === "\x7f") {
if (this.cursorPos > 0) {
this.accCommand = this.accCommand.slice(0, this.cursorPos - 1) + this.accCommand.slice(this.cursorPos);
this.cursorPos--;
this.term.write("\b");
const remaining = this.accCommand.slice(this.cursorPos);
this.term.write(remaining + " ");
this.term.write(`\x1b[${remaining.length + 1}D`);
}
return;
}
if (char === "\r") {
this.term.writeln("");
const input = this.accCommand.trim();
if (input.length > 0) {
await this.saveToHistory(input);
const [cmd, ...rawArgs] = input.split(" ");
const argv = parser(rawArgs);
argv._raw = rawArgs.join(" ");
await this.handleCommand(cmd, argv);
} else {
await this.writePowerline();
}
this.accCommand = "";
this.cursorPos = 0;
return;
}
if (char >= " " && char <= "~") {
// Only echo locally when localEcho is enabled. In passthrough mode the program will echo input itself.
this.accCommand = this.accCommand.slice(0, this.cursorPos) + char + this.accCommand.slice(this.cursorPos);
this.cursorPos++;
if (this.localEcho) {
if (this.cursorPos === this.accCommand.length) {
this.term.write(char);
} else {
const remaining = this.accCommand.slice(this.cursorPos - 1);
this.term.write(remaining);
this.term.write(`\x1b[${remaining.length - 1}D`);
}
}
}
}
async writePowerline() {
const username = await tb.user.username();
const userSettings = JSON.parse(await window.parent.tb.fs.promises.readFile(`/home/${username}/settings.json`, "utf8"));
const accent = await htorgb(userSettings.accent);
const hostname = JSON.parse(await window.parent.tb.fs.promises.readFile("//system/etc/terbium/settings.json"))["host-name"];
this.term.write(`\x1b[38;2;${accent.r};${accent.g};${accent.b}m${username}@${hostname}\x1b[39m ~ ${this.path}\x1b[0m: `);
}
async createNewCommandInput() {
this.term.write("\r\n");
await this.writePowerline();
this.historyIndex = this.commandHistory.length;
}
async displayOutput(message, ...styles) {
// If output indicates a shell/program exit, restore local echo / command processing
try {
const txt = String(message || "");
if (/exited with code|shell exited|exit code/gi.test(txt)) {
this.exitPassthrough();
}
} catch (e) {}
if (message.includes("%c")) {
const parts = message.split(/(%c)/);
let styled = "";
let styleIndex = 0;
for (let i = 0; i < parts.length; i++) {
if (parts[i] === "%c") {
const text = parts[++i] || "";
const style = styles[styleIndex++] || "";
const colorMatch = style.match(/color:\s*(#[0-9a-fA-F]{3,6})/);
if (colorMatch) {
const rgb = await htorgb(colorMatch[1]);
if (rgb) {
styled += `\x1b[38;2;${rgb.r};${rgb.g};${rgb.b}m${text}\x1b[0m`;
} else {
styled += text;
}
} else {
styled += text;
}
} else {
styled += parts[i];
}
}
this.term.writeln(styled);
} else {
this.term.writeln(message);
}
}
async displayError(message) {
this.term.writeln(`\x1b[31mERR: ${message}\x1b[0m`);
}
async loadHistory() {
try {
const username = await tb.user.username();
const historyPath = `/home/${username}/${HISTORY_FILE}`;
const data = await window.parent.tb.fs.promises.readFile(historyPath, "utf8");
this.commandHistory = data.split("\n").filter(cmd => cmd.trim() !== "");
} catch {}
this.historyIndex = this.commandHistory.length;
}
async saveToHistory(command) {
if (!command.trim()) return;
this.commandHistory.push(command);
if (this.commandHistory.length > HISTORY_LIMIT) this.commandHistory.shift();
this.historyIndex = this.commandHistory.length;
try {
const username = await tb.user.username();
const historyPath = `/home/${username}/${HISTORY_FILE}`;
await window.parent.tb.fs.promises.writeFile(historyPath, this.commandHistory.join("\n"));
} catch (error) {
console.error("Failed to save history", error);
}
}
async handleCommand(name, args) {
const appInfo = await getAppInfo();
if (name === "exit") {
closeSession(this.id);
return;
}
if (name === "help") {
const commands = appInfo ? appInfo.join(", ") : "No commands available";
this.displayOutput(`Available commands: exit, help, ${commands}`);
this.createNewCommandInput();
return;
}
// If this command is an interactive shell-like command, enter passthrough mode
const INTERACTIVE_CMDS = new Set(["node", "python", "bash", "sh", "nodejs", "jsh", "pwsh", "powershell"]);
if (INTERACTIVE_CMDS.has(name.toLowerCase())) {
this.enterPassthrough();
}
const scriptPaths = [`/fs/apps/system/terminal.tapp/scripts/${name.toLowerCase()}.js`, `/apps/terminal.tapp/scripts/${name.toLowerCase()}.js`];
if (appInfo === null) {
this.displayOutput("Failed to fetch app info, cannot execute command");
this.createNewCommandInput();
this.exitPassthrough();
return;
}
if (!appInfo.includes(name)) {
this.displayOutput(`Command '${name}' not found! Type 'help' for a list of commands.`);
this.createNewCommandInput();
this.exitPassthrough();
return;
}
let scriptRes;
try {
scriptRes = await fetch(scriptPaths[0]);
} catch {
try {
scriptRes = await fetch(scriptPaths[1]);
} catch (error) {
this.displayOutput(`Failed to fetch script: ${error.message}`);
this.createNewCommandInput();
this.exitPassthrough();
return;
}
}
try {
const script = await scriptRes.text();
const fn = new Function("args", "displayOutput", "createNewCommandInput", "displayError", "term", "path", "terbium", "buffer", "setTabTitle", "exitPassthrough", script);
fn(args, this.displayOutput.bind(this), this.createNewCommandInput.bind(this), this.displayError.bind(this), this.term, this.path, window.parent.tb, window.parent.tb.buffer, this.setName.bind(this), this.exitPassthrough.bind(this));
} catch (error) {
this.displayOutput(`Failed to execute command '${name}': ${error.message}`);
this.createNewCommandInput();
this.exitPassthrough();
return;
}
}
resize() {
try {
const charWidth = this.term._core._renderService.dimensions.css.cell.width;
const charHeight = this.term._core._renderService.dimensions.css.cell.height;
const cols = Math.floor(window.innerWidth / charWidth);
const rows = Math.floor(window.innerHeight / charHeight);
this.term.resize(cols, rows);
} catch (e) {}
}
focus() {
try {
this.term.focus();
window.term = this.term;
} catch (e) {}
}
enterPassthrough() {
this.isProcessingCommands = false;
this.localEcho = false;
}
exitPassthrough() {
this.isProcessingCommands = true;
this.localEcho = true;
// show a new prompt after exiting passthrough
try {
this.createNewCommandInput();
} catch (e) {}
}
setName(newName) {
this.name = newName;
const win = getWinRoot();
if (win) {
const tab = win.querySelector(`.term-tab[data-sid="${this.id}"]`);
if (tab) {
tab.querySelector(".label").textContent = newName;
}
}
}
destroy() {
try {
this.term.dispose();
} catch {}
try {
this.container.remove();
} catch {}
}
}
const sessions = [];
let activeSession = null;
// Guard to prevent duplicate rapid-close actions (e.g., a single keypress being handled by two handlers)
let _lastCloseTime = 0;
function getWinRoot() {
try {
return window.frameElement?.closest("[pid]");
} catch {
return null;
}
}
function addTabToTitle(session) {
const win = getWinRoot();
if (!win) return;
const tabList = win.querySelector(".term-tab-list");
if (!tabList) return;
const btn = document.createElement("button");
btn.className = "term-tab";
btn.dataset.sid = session.id;
btn.innerHTML = `${session.name}×`;
tabList.appendChild(btn);
btn.addEventListener("click", e => {
if (e.target && e.target.classList && e.target.classList.contains("close")) {
closeSession(session.id);
} else {
switchSession(session.id);
}
});
const add = win.querySelector(".term-add");
if (add && !add.dataset.bound) {
add.dataset.bound = "1";
add.addEventListener("click", () => createSession("Terbium TSH"));
}
setActiveTabInTitle();
}
function removeTabFromTitle(id) {
const win = getWinRoot();
if (!win) return;
const tab = win.querySelector(`.term-tab[data-sid="${id}"]`);
if (tab) tab.remove();
setActiveTabInTitle();
}
function setActiveTabInTitle() {
const win = getWinRoot();
if (!win) return;
win.querySelectorAll(".term-tab").forEach(t => t.classList.remove("active"));
if (!activeSession) return;
const sel = win.querySelector(`.term-tab[data-sid="${activeSession.id}"]`);
if (sel) sel.classList.add("active");
}
function createSession(name = "Terbium TSH") {
const isFirst = sessions.length === 0;
const s = new TerminalSession(name);
sessions.push(s);
if (isFirst) {
try {
s.term.writeln(`TerbiumOS [Version: ${tb.system.version()}]`);
s.term.writeln(`Type 'help' for a list of commands.`);
} catch (e) {
console.error("Failed to display welcome message", e);
}
}
sessions.forEach(se => {
se.container.style.display = se === s ? "flex" : "none";
});
activeSession = s;
addTabToTitle(s);
setActiveTabInTitle();
return s;
}
function switchSession(id) {
const s = sessions.find(x => x.id === id);
if (!s) return;
sessions.forEach(se => (se.container.style.display = se === s ? "flex" : "none"));
activeSession = s;
s.focus();
setActiveTabInTitle();
}
function switchSessionNext() {
if (sessions.length <= 1) return;
const idx = sessions.indexOf(activeSession);
const next = sessions[(idx + 1) % sessions.length];
switchSession(next.id);
}
function closeSession(id) {
const now = Date.now();
if (now - _lastCloseTime < 250) return;
_lastCloseTime = now;
const idx = sessions.findIndex(s => s.id === id);
if (idx < 0) return;
const wasActive = sessions[idx] === activeSession;
sessions[idx].destroy();
removeTabFromTitle(id);
sessions.splice(idx, 1);
if (wasActive) {
if (sessions.length) {
switchSession(sessions[Math.max(0, idx - 1)].id);
} else {
activeSession = null;
}
}
if (sessions.length === 0) {
window.parent.tb.window.close();
}
}
document.addEventListener("DOMContentLoaded", () => {
createSession("Terbium TSH");
window.addEventListener("resize", () => {
sessions.forEach(s => s.resize());
});
});
window.handleCommand = (...args) => (activeSession ? activeSession.handleCommand(...args) : handleCommand(...args));
window.addEventListener("updPath", e => {
if (activeSession) activeSession.path = e.detail;
});
/**
* Resizes the active session terminal to fit the window
* @returns {void}
*/
function resizeTerm() {
try {
if (activeSession && activeSession.term && activeSession.term._core) {
const charWidth = activeSession.term._core._renderService.dimensions.css.cell.width;
const charHeight = activeSession.term._core._renderService.dimensions.css.cell.height;
const cols = Math.floor(window.innerWidth / charWidth);
const rows = Math.floor(window.innerHeight / charHeight);
activeSession.term.resize(cols, rows);
}
} catch (e) {
/* ignore */
}
}
setTimeout(resizeTerm, 50);
window.addEventListener("resize", resizeTerm);
/**
* The command handler, which executes the commands in `scripts/`
* @param {string} name The command name
* @param {argv} args The command's respective args (from yargs-parser)
* @returns {Promise}
*/
async function handleCommand(name, args) {
// Prefer activeSession handling if available
if (typeof activeSession !== "undefined" && activeSession) {
return activeSession.handleCommand(name, args);
}
// If no active session, attempt minimal fallback: try to run script but without a term
const scriptPaths = [`/fs/apps/system/terminal.tapp/scripts/${name.toLowerCase()}.js`, `/apps/terminal.tapp/scripts/${name.toLowerCase()}.js`];
const appInfo = await getAppInfo();
if (appInfo === null) {
console.error("Failed to fetch app info, cannot execute command");
return;
}
if (!appInfo.includes(name)) {
console.error(`Command '${name}' not found!`);
return;
}
let scriptRes;
try {
scriptRes = await fetch(scriptPaths[0]);
} catch {
try {
scriptRes = await fetch(scriptPaths[1]);
} catch (error) {
console.error(`Failed to fetch script: ${error.message}`);
return;
}
}
try {
const script = await scriptRes.text();
const fn = new Function("args", "displayOutput", "createNewCommandInput", "displayError", "term", "path", "terbium", "buffer", script);
fn(
args,
(m, ...s) => console.log(m),
() => {},
e => console.error(e),
undefined,
path,
window.parent.tb,
window.parent.tb.buffer,
);
} catch (error) {
console.error(`Failed to execute command '${name}': ${error.message}`);
return;
}
}
// Expose a delegating handler so other frames can always call it
window.handleCommand = (...args) => {
if (typeof activeSession !== "undefined" && activeSession) return activeSession.handleCommand(...args);
return handleCommand(...args);
};
window.addEventListener("updPath", e => {
path = e.detail;
});
/**
* Fetches the app info from the `info.json` file
* @param {boolean} justNames Whether to return just the app names or the full app info
* @returns {Promise} The app names or the full app info
*/
async function getAppInfo(justNames = true) {
/**
* @type {Response}
*/
const appInfoResUsr = await fetch(`/fs/apps/user/${await tb.user.username()}/terminal/info.json`);
/**
* @type {Response}
*/
const appInfoResSys = await fetch(`/fs/apps/system/terminal.tapp/scripts/info.json`);
/**
* @type {Response}
*/
let appInfo;
try {
let appInfoUsr = await appInfoResUsr.json();
let appInfoSys = await appInfoResSys.json();
if (!Array.isArray(appInfoUsr)) appInfoUsr = appInfoUsr ? [appInfoUsr] : [];
if (!Array.isArray(appInfoSys)) appInfoSys = appInfoSys ? [appInfoSys] : [];
appInfo = [...appInfoUsr, ...appInfoSys];
} catch (error) {
displayError(`Failed to parse one or more info.json files: ${error.message}`);
createNewCommandInput();
return null;
}
if (justNames) return appInfo.map(app => app.name);
return appInfo;
}
/**
* Displays a styled message to the terminal
* @param {string} message The message to display, can include %c for styling
* @param {...string} styles CSS style strings for each %c in the message
* @returns {Promise}
*/
async function displayOutput(message, ...styles) {
if (typeof activeSession !== "undefined" && activeSession) return activeSession.displayOutput(message, ...styles);
if (message.includes("%c")) console.log(message.replace(/%c/g, ""));
else console.log(message);
}
/**
* Writes the powerline prompt to the terminal
* @returns {Promise}
*/
async function writePowerline() {
if (typeof activeSession !== "undefined" && activeSession) return activeSession.writePowerline();
// fallback: no-op
}
/**
* Creates new command line with a styled prompt
* @returns {Promise}
*/
async function createNewCommandInput() {
if (typeof activeSession !== "undefined" && activeSession) return activeSession.createNewCommandInput();
// fallback: no-op
}
/**
* Logs an error message to terminal
* @param {string} message The error message that will be displayed on the output
*/
function displayError(message) {
if (typeof activeSession !== "undefined" && activeSession) return activeSession.displayError(message);
console.error(message);
}
/**
* Load the current history from the bash history file
* @returns {Promise}
*/
async function loadHistory() {
if (typeof activeSession !== "undefined" && activeSession) return activeSession.loadHistory();
// fallback: no-op
}
/**
* Saves a command to the bash history file
* @param {string} command The command to save to history
* @returns {Promise}
*/
async function saveToHistory(command) {
if (typeof activeSession !== "undefined" && activeSession) return activeSession.saveToHistory(command);
if (!command.trim()) return;
commandHistory.push(command);
if (commandHistory.length > HISTORY_LIMIT) commandHistory.shift();
historyIndex = commandHistory.length;
try {
const username = await tb.user.username();
const historyPath = `/home/${username}/${HISTORY_FILE}`;
await window.parent.tb.fs.promises.writeFile(historyPath, commandHistory.join("\n"));
} catch (error) {
console.error("Failed to save history", error);
}
}
================================================
FILE: public/apps/terminal.tapp/index.json
================================================
{
"name": "Terminal",
"config": {
"title": {
"text": "Terminal",
"html": "");
createNewCommandInput();
return;
}
let shouldSave = false;
if (url.includes("-k")) {
shouldSave = true;
url = url.replace("-k", "").trim();
}
if (shouldSave) {
tb.dialog.SaveFile({
title: "Save Script",
onOk: async loc => {
try {
await window.parent.tb.system.download(url, loc);
displayOutput(`Saved to ${loc}`);
} catch (e) {
displayError("Error saving script:", e);
return;
}
createNewCommandInput();
},
});
} else {
const response = await window.parent.tb.libcurl.fetch(url);
const scriptContent = await response.text();
try {
eval(scriptContent);
} catch (error) {
displayError("Error executing script:", error);
}
createNewCommandInput();
}
}
curl(args);
================================================
FILE: public/apps/terminal.tapp/scripts/echo.js
================================================
function echo(args) {
displayOutput(args);
createNewCommandInput();
}
echo(args);
================================================
FILE: public/apps/terminal.tapp/scripts/exit.js
================================================
function exit() {
window.parent.tb.window.close();
}
exit();
================================================
FILE: public/apps/terminal.tapp/scripts/git.js
================================================
async function git(args) {
let user = await window.parent.tb.user.username();
let currentPath = path;
if (currentPath.startsWith("~")) currentPath = currentPath.replace("~", `/home/${window.parent.sessionStorage.getItem("currAcc")}`);
let cmds = [
"\ start a working area",
"clone: Clone a repository into a new directory",
"init: Create an empty Git repository or reinitialize an existing one",
"\ work on the current change",
"add: Add file contents to the index",
"rm: Remove files from the working tree and from the index",
"\ examine the history and state",
"status: Show the working tree status",
"\ grow, mark and tweak your common history",
"commit: Record changes to the repository (Make sure to run git add before commiting)",
"\ collaborate (Login requires your GitHub Token)",
"fetch: Download objects and refs from another repository",
"pull: Fetch from and integrate with another repository or a local branch",
"push: Update remote refs along with associated objects",
];
try {
if (args._raw.includes("clone")) {
if (!args._[2]) {
path = `/home/${sessionStorage.getItem("currAcc")}/`;
}
if (path !== "/" && args._[2] === "/") {
path = args._[2];
} else if (path !== "/") {
path = `${currentPath}/${args._[2]}`;
}
displayOutput(`Cloning into '${args._[1].split(/(\\|\/)/g).pop()}'...`);
const targetDir = args._[2] ?? `${currentPath}/${args._[1].split(/(\\|\/)/g).pop()}`;
await window.parent.tb.fs.promises.mkdir(targetDir, { recursive: true });
await gitfetch.clone({
fs: window.parent.tb.fs,
http: http,
dir: targetDir,
corsProxy: "https://cors.isomorphic-git.org",
url: args._[1],
noCheckout: false,
singleBranch: true,
depth: 1,
onAuth: async () => {
return new Promise(async resolve => {
await window.parent.tb.dialog.WebAuth({
title: "GitHub Authentication",
onOk: async (username, password) => {
resolve({ username, password });
},
onCancel: () => {
displayError("Authentication was canceled");
createNewCommandInput();
},
});
});
},
onMessage: e => {
displayOutput(e);
},
});
await gitfetch.setConfig({
fs: window.parent.tb.fs,
dir: targetDir,
path: "user.name",
value: await window.parent.tb.user.username(),
});
createNewCommandInput();
} else if (args._raw.includes("init")) {
let path = currentPath + args._[1];
if (!args._[1]) {
displayError("Error: Target directory must be specified for 'git init'.");
createNewCommandInput();
return;
}
displayOutput(`Initializing empty Git repository in ${path}/.git/...`);
await window.parent.tb.fs.promises.mkdir(`${path}/.git`, { recursive: true });
await gitfetch.init({
fs: window.parent.tb.fs,
http: http,
dir: path,
bare: false,
defaultBranch: "master",
gitdir: `${path}/.git`,
});
displayOutput("Initialized empty Git repository.");
createNewCommandInput();
} else if (args._raw.includes("checkout")) {
if (!args._[1] || !args._[2]) {
displayOutput("Usage: git checkout ");
createNewCommandInput();
return;
}
const branchName = args._[1];
const targetDir = currentPath + args._[2];
try {
await gitfetch.checkout({
fs: window.parent.tb.fs,
dir: targetDir,
ref: branchName,
onMessage: e => {
displayOutput(e);
},
});
displayOutput(`Switched branch '${branchName}' in '${targetDir}'`);
} catch (error) {
displayError(`Error: ${error.message}`);
}
createNewCommandInput();
} else if (args._raw.includes("add")) {
if (!args._[1] || !args._[2]) {
displayOutput("Usage: git add ");
createNewCommandInput();
return;
}
const filePath = args._[1];
const targetDir = currentPath + args._[2];
try {
await gitfetch.add({
fs: window.parent.tb.fs,
dir: targetDir,
filepath: filePath,
});
displayOutput(`Added '${filePath}' to staging area`);
} catch (error) {
displayError(`Error: ${error.message}`);
}
createNewCommandInput();
} else if (args._raw.includes("rm")) {
if (!args._[1] || !args._[2]) {
displayOutput("Usage: git rm ");
createNewCommandInput();
return;
}
const filePath = args._[1];
const targetDir = currentPath + args._[2];
try {
await gitfetch.remove({
fs: window.parent.tb.fs,
dir: targetDir,
filepath: filePath,
});
displayOutput(`Removed '${filePath}' from the working tree and the index`);
} catch (error) {
displayError(`Error: ${error.message}`);
}
createNewCommandInput();
} else if (args._raw.includes("status")) {
displayError("Command is currently not implemented");
createNewCommandInput();
} else if (args._raw.includes("pull")) {
try {
const result = await gitfetch.pull({
fs: window.parent.tb.fs,
http: http,
dir: path,
corsProxy: "https://cors.isomorphic-git.org",
author: {
name: user,
email: `${user}@terbiumon.top`,
},
onMessage: e => {
displayOutput(e);
},
});
displayOutput(JSON.stringify(result, null, 2));
} catch (error) {
displayError(`Error: ${error.message}`);
}
createNewCommandInput();
} else if (args._raw.includes("push")) {
try {
const result = await window.parent.tb.dialog.WebAuth({
title: "GitHub Authentication",
onOk: async ({ username, password }) => {
try {
const gitResult = await gitfetch.push({
fs: window.parent.tb.fs,
http: http,
dir: path,
corsProxy: "https://cors.isomorphic-git.org",
remote: "origin",
force: false,
onMessage: e => {
displayOutput(e);
},
author: {
name: user,
email: `${user}@terbiumon.top`,
},
onAuth: () => {
return { username, password };
},
});
displayOutput(JSON.stringify(gitResult, null, 2));
} catch (error) {
displayError(`Error: ${error.message}`);
} finally {
createNewCommandInput();
}
},
onCancel: () => {
displayError("GitHub authentication canceled");
createNewCommandInput();
},
});
} catch (error) {
displayError(`Error: ${error.message}`);
createNewCommandInput();
}
} else if (args._raw.includes("fetch")) {
if (!args._[1]) {
displayOutput("Usage: git fetch ");
createNewCommandInput();
return;
}
const dirName = args._[1];
const targetDir = `${currentPath}/${dirName}/.git`;
if (!args._[2]) {
displayError("Error: Remote URL must be provided.");
createNewCommandInput();
return;
}
const remoteUrl = args._[2];
try {
await gitfetch.fetch({
fs: window.parent.tb.fs,
http: http,
dir: targetDir,
url: remoteUrl,
});
displayOutput("Fetch successful.");
} catch (error) {
displayError(`Error: ${error.message}`);
}
createNewCommandInput();
} else if (args._raw.includes("commit")) {
if (!args._[1]) {
displayError("Error: Commit message must be provided.");
createNewCommandInput();
return;
}
const commitMessage = args._[2] || "Blank Commit";
try {
await gitfetch.commit({
fs: window.parent.tb.fs,
http: http,
dir: path,
corsProxy: "https://cors.isomorphic-git.org",
author: {
name: user,
email: `${user}@terbiumon.top`,
},
message: commitMessage,
});
displayOutput("Commit successful.");
} catch (error) {
displayError(`Error: ${error.message}`);
}
createNewCommandInput();
} else if (args._raw.includes("gui")) {
displayOutput("Opening GitGUI app...");
try {
await tb.system.openApp("com.tb.gitgui");
createNewCommandInput();
} catch (err) {
displayError(`Error while opening GitGUI: ${err}`);
createNewCommandInput();
}
} else if (args._raw.includes("version")) {
displayOutput(`git version: ${gitfetch.version()}`);
createNewCommandInput();
} else {
displayOutput("Usage: git [--version] [--help] []"), displayOutput("These are common Git commands used in various situations:");
for (let command of cmds) {
if (command.trim() === "") {
displayOutput("");
continue;
}
if (command.startsWith("\ ")) {
displayOutput(command.slice(1));
continue;
}
let [cmd, description] = command.split(": ");
displayOutput(` ${cmd.padEnd(15)} ${description}`);
}
createNewCommandInput();
}
} catch (e) {
displayError(e);
createNewCommandInput();
}
}
git(args);
================================================
FILE: public/apps/terminal.tapp/scripts/help.js
================================================
async function help(args) {
if (args.length > 0) {
const scriptName = args[0];
const scriptList = JSON.parse(await window.parent.tb.fs.promises.readFile(`/apps/user/${sessionStorage.getItem("currAcc")}/terminal/info.json`, "utf8"));
const script = scriptList.find(script => script.name === scriptName);
if (script) {
displayOutput(`${script.name}: ${script.usage ? `${script.usage}` : ""}`);
} else {
displayError(`help: ${scriptName}: No such script`);
}
createNewCommandInput();
} else {
fetch("./scripts/info.json")
.then(response => response.json())
.then(scriptList => {
for (let script of scriptList) {
displayOutput(`${script.usage.padEnd(30)} ${script.description}`);
}
createNewCommandInput();
});
}
}
help(args);
================================================
FILE: public/apps/terminal.tapp/scripts/info.json
================================================
[
{
"name": "help",
"description": "Display this help message",
"usage": "help [command]"
},
{
"name": "mkdir",
"description": "Create a directory",
"usage": "mkdir [directory]"
},
{
"name": "nano",
"description": "Simple text editor",
"usage": "nano [file]"
},
{
"name": "touch",
"description": "Create a file",
"usage": "touch [file]"
},
{
"name": "rm",
"description": "Remove a file or directory",
"usage": "rm [file/directory]",
"options": {
"-r, --recursive": "Remove directories and their contents recursively.",
"-f, --force": "Ignore nonexistent files and arguments, never prompt."
}
},
{
"name": "rmdir",
"description": "Remove a directory",
"usage": "rmdir [directory]"
},
{
"name": "cd",
"description": "Change directory",
"usage": "cd [directory]"
},
{
"name": "ls",
"description": "List files in current directory",
"usage": "ls"
},
{
"name": "pwd",
"description": "Print the current directory",
"usage": "pwd"
},
{
"name": "pkg",
"description": "Package manager for Terbium",
"usage": "pkg [package]",
"options": {
"install": "Install a package",
"remove": "Remove a package",
"update": "Update a package",
"list": "List all packages",
"search": "Search for a package"
}
},
{
"name": "git",
"description": "Git for Terbium",
"usage": "git [command]",
"options": {
"clone": "Clones a repository",
"init": "Initiates a blank repository",
"checkout": "Switches the remote branch",
"add": "Adds Files to Push",
"rm": "Removes Files to Push",
"status": "Shows status of Pending Changes (Not implemented yet)",
"pull": "Pulls Latest Commit from remote repository",
"push": "Pushes Latest Commit to remote repository",
"fetch": "Fetches Latest repository Information"
}
},
{
"name": "sysfetch",
"description": "Display system information",
"usage": "sysfetch"
},
{
"name": "curl",
"description": "Allows you to fetch a script from the internet and run it or save it to the fs",
"usage": "curl [script url], -k [path]"
},
{
"name": "node",
"description": "Run JavaScript with Node.js runtime",
"usage": "node [options] [script.js] [arguments]",
"options": {
"-j, --jsh": "Launch the WebContainer JavaScript shell (jsh) instead of Node.js. When this flag is used, no other arguments are passed to the shell.",
"-c, --check": "Check the script's syntax without executing it. Exits with an error code if script is invalid.",
"-e, --eval string": "Evaluate string as JavaScript.",
"-h, --help": "Print command-line options. The output of this option is less detailed than this document.",
"-i, --interactive": "Open the REPL even if stdin does not appear to be a terminal.",
"-p, --print string": "Identical to -e, but prints the result.",
"-r, --require module": "Preload the specified module at startup. Follows require() module resolution rules.",
"-v, --version": "Print node's version.",
"--abort-on-uncaught-exception": "Aborting instead of exiting causes a core file to be generated for post-mortem analysis using a debugger (such as lldb, gdb, and mdb).",
"--cpu-prof": "Start the V8 CPU profiler on start up, and write the CPU profile to disk before exit.",
"--diagnostic-dir=directory": "Set the directory to which all diagnostic output files are written. Defaults to current working directory.",
"--disable-warning=code-or-type": "Silence specific process warnings by code or type.",
"--dns-result-order=order": "Set the default value of order in dns.lookup() and dnsPromises.lookup(). The value could be: ipv4first, ipv6first, verbatim.",
"--enable-fips": "Enable FIPS-compliant crypto at startup. (Requires Node.js to be built against FIPS-compatible OpenSSL.)",
"--enable-network-family-autoselection": "Enable network family autoselection algorithm.",
"--enable-source-maps": "Enable Source Map v3 support for stack traces.",
"--experimental-default-type=type": "Set the default module system to use.",
"--experimental-import-meta-resolve": "Enable experimental import.meta.resolve() parent URL support.",
"--experimental-loader=module": "Use the specified module as a custom loader.",
"--experimental-permission": "Enable the experimental Permission Model.",
"--experimental-sea-config": "Use this flag to generate a blob that can be injected into the Node.js binary to produce a single executable application.",
"--force-context-aware": "Disable loading native addons that are not context-aware.",
"--frozen-intrinsics": "Enable experimental frozen intrinsics like Array and Object.",
"--heap-prof": "Start the V8 heap profiler on start up, and write the heap profile to disk before exit.",
"--icu-data-dir=file": "Specify ICU data load path. (Overrides NODE_ICU_DATA.)",
"--input-type=type": "Set the module type for string input via --eval, --print, or STDIN.",
"--inspect[=[host:]port]": "Activate inspector on host:port. Default is 127.0.0.1:9229.",
"--inspect-brk[=[host:]port]": "Activate inspector on host:port and break at start of user script.",
"--inspect-wait[=[host:]port]": "Activate inspector on host:port and wait for debugger to be attached.",
"--jitless": "Disable runtime allocation of executable memory.",
"--max-http-header-size=size": "Specify the maximum size of HTTP headers in bytes. Defaults to 16KiB.",
"--napi-modules": "This option is a no-op. It is kept for compatibility.",
"--no-addons": "Disable loading native addons.",
"--no-deprecation": "Silence deprecation warnings.",
"--no-experimental-fetch": "Disable experimental Fetch API.",
"--no-experimental-global-customevent": "Disable exposing CustomEvent on the global scope.",
"--no-experimental-global-navigator": "Disable experimental Navigator API.",
"--no-experimental-global-webcrypto": "Disable experimental Web Crypto API on the global scope.",
"--no-experimental-repl-await": "Disable top-level await keyword support in REPL.",
"--no-extra-info-on-fatal-exception": "Hide extra information on fatal exception that causes exit.",
"--no-force-async-hooks-checks": "Disable runtime checks for async_hooks.",
"--no-network-family-autoselection": "Disable network family autoselection algorithm.",
"--no-warnings": "Silence all process warnings (including deprecations).",
"--openssl-config=file": "Load an OpenSSL configuration file on startup.",
"--openssl-shared-config": "Enable OpenSSL default configuration section, openssl_conf to be read from the OpenSSL configuration file.",
"--pending-deprecation": "Emit pending deprecation warnings.",
"--preserve-symlinks": "Follow symlinks when resolving modules.",
"--preserve-symlinks-main": "Follow symlinks when resolving the main module.",
"--prof": "Generate V8 profiler output.",
"--redirect-warnings=file": "Write process warnings to the given file instead of printing to stderr.",
"--report-compact": "Write reports in a compact format, single-line JSON.",
"--report-dir=directory": "Directory where the report is written.",
"--report-filename=filename": "Name of the file to which the report will be written.",
"--report-on-fatalerror": "Generate a report on fatal errors.",
"--report-on-signal": "Generate a report upon receiving a signal.",
"--report-signal=signal": "Set the signal upon which a report is generated.",
"--report-uncaught-exception": "Generate a report on uncaught exceptions.",
"--secure-heap=n": "Initialize an OpenSSL secure heap of n bytes.",
"--secure-heap-min=n": "Minimum allocation from the OpenSSL secure heap.",
"--test": "Starts the Node.js command line test runner.",
"--test-concurrency": "Set the number of test files to run in parallel.",
"--test-name-pattern": "Run tests whose name matches the provided pattern.",
"--test-reporter": "Set test reporter format.",
"--test-reporter-destination": "Set test reporter destination.",
"--test-shard": "Configure test suite shard.",
"--throw-deprecation": "Throw errors for deprecations.",
"--title=title": "Set process.title on startup.",
"--tls-cipher-list=list": "Specify an alternative default TLS cipher list.",
"--tls-keylog=file": "Log TLS key material to a file.",
"--tls-max-v1.2": "Set default maxVersion to 'TLSv1.2'.",
"--tls-max-v1.3": "Set default maxVersion to 'TLSv1.3'.",
"--tls-min-v1.0": "Set default minVersion to 'TLSv1'.",
"--tls-min-v1.1": "Set default minVersion to 'TLSv1.1'.",
"--tls-min-v1.2": "Set default minVersion to 'TLSv1.2'.",
"--tls-min-v1.3": "Set default minVersion to 'TLSv1.3'.",
"--trace-atomics-wait": "Print short summaries of calls to Atomics.wait().",
"--trace-deprecation": "Print stack traces for deprecations.",
"--trace-event-categories categories": "A comma separated list of categories that should be traced when trace event tracing is enabled.",
"--trace-event-file-pattern pattern": "Template string specifying the filepath for the trace event data.",
"--trace-events-enabled": "Enable the collection of trace event tracing information.",
"--trace-exit": "Print a stack trace whenever an environment is exited proactively.",
"--trace-sync-io": "Print a stack trace whenever synchronous I/O is detected after the first turn of the event loop.",
"--trace-tls": "Print TLS packet trace information to stderr.",
"--trace-uncaught": "Print stack traces for uncaught exceptions.",
"--trace-warnings": "Print stack traces for process warnings (including deprecations).",
"--track-heap-objects": "Track heap object allocations for heap snapshots.",
"--unhandled-rejections=mode": "Define the behavior for unhandled rejections. Mode can be one of: throw, strict, warn, warn-with-error-code, none.",
"--use-bundled-ca": "Use bundled Mozilla CA store as supplied by current Node.js version.",
"--use-largepages=mode": "Re-map the Node.js static code to large memory pages at startup.",
"--use-openssl-ca": "Use OpenSSL's default CA store.",
"--watch": "Restart the process when the command is edited.",
"--watch-path": "Specify what paths to watch.",
"--watch-preserve-output": "Disable clearing the console when watch mode restarts the process.",
"--zero-fill-buffers": "Automatically zero-fills all newly allocated Buffer and SlowBuffer instances.",
"--allow-child-process": "Allow spawning process when using the permission model.",
"--allow-fs-read": "Allow file system read access when using the permission model.",
"--allow-fs-write": "Allow file system write access when using the permission model.",
"--allow-wasi": "Allow WASI when using the permission model.",
"--allow-worker": "Allow creating worker threads when using the permission model."
}
},
{
"name": "ping",
"description": "Allows you to ping a site",
"usage": "ping [url], -t [pingtime]"
},
{
"name": "echo",
"description": "Print text",
"usage": "echo [text]"
},
{
"name": "cat",
"description": "Display the contents of a file",
"usage": "cat [file]"
},
{
"name": "taskkill",
"description": "Lets you kill a task",
"usage": "taskkill [PID]",
"options": {
"list": "Lists all Processes"
}
},
{
"name": "pkill",
"description": "Lets you kill a task",
"usage": "pkill [PID]",
"options": {
"list": "Lists all Processes"
}
},
{
"name": "clear",
"description": "Clear the console",
"usage": "clear"
},
{
"name": "tb",
"description": "Command for debugging terbium and interacting directly with it's API's",
"usage": "tb [subcmd] [subcmd] ... "
},
{
"name": "unzip",
"description": "unzip a file to a directory",
"usage": "unzip [file] [directory]"
},
{
"name": "exit",
"description": "Exit the terminal",
"usage": "exit"
},
{
"name": "ssh",
"description": "Connect to a remote server via SSH (uses WebContainer or libcurl.js)",
"usage": "ssh [user@]hostname [options]",
"options": {
"--host": "Remote host to connect to",
"--port": "Port number (default: 22)",
"--username": "Username for authentication",
"--password": "Password for authentication",
"-p": "Prompt for password (secure)",
"--privateKey": "Private key content for authentication",
"-i": "Path to private key file",
"--disconnect": "Disconnect current SSH session",
"--status": "Show current connection status",
"--help, -h": "Show help message"
}
},
{
"name": "ssh-keygen",
"description": "Generate, manage and convert SSH keys",
"usage": "ssh-keygen [options]",
"options": {
"-t type": "Specifies the type of key to create.",
"-b bits": "Specifies the number of bits in the key.",
"-f filename": "Specifies the filename of the key file."
}
}
]
================================================
FILE: public/apps/terminal.tapp/scripts/info.schema.json
================================================
{
"$schema": "http://json-schema.org/draft-07/schema#",
"type": "array",
"items": {
"$ref": "#/definitions/command"
},
"definitions": {
"command": {
"type": "object",
"required": ["name", "description", "usage"],
"properties": {
"name": {
"type": "string"
},
"description": {
"type": "string"
},
"usage": {
"type": "string"
},
"options": {
"type": "object",
"additionalProperties": {
"type": "string"
}
}
},
"additionalProperties": false
}
}
}
================================================
FILE: public/apps/terminal.tapp/scripts/ls.js
================================================
async function ls(args) {
if (args._raw === "/mnt/" || path === "/mnt/") {
function centerText(text, width) {
const pad = Math.max(0, width - text.length);
const padLeft = Math.floor(pad / 2);
const padRight = pad - padLeft;
return " ".repeat(padLeft) + text + " ".repeat(padRight);
}
const columns = [
{ name: "Name", width: 12 },
{ name: "URL", width: 32 },
{ name: "Mounted", width: 10 },
{ name: "Mounted Path", width: 20 },
];
const header = "| " + columns.map(col => centerText(col.name, col.width)).join(" | ") + " |";
const separator = "|" + columns.map(col => "-".repeat(col.width + 2)).join("|") + "|";
displayOutput(centerText(`TerbiumOS Network Storage Manager v1.2.0`, header.length));
displayOutput(header);
displayOutput(separator);
for (const instance of window.parent.tb.vfs.servers) {
const dav = instance[1];
const row = [centerText(dav.name, columns[0].width), centerText(dav.url, columns[1].width), centerText(dav.connected ? "Yes" : "No", columns[2].width), centerText(`/mnt/${dav.name.toLowerCase()}`, columns[3].width)];
displayOutput("| " + row.join(" | ") + " |");
}
createNewCommandInput();
} else if ((args._raw.includes("/mnt/") && args._raw !== "/mnt/") || (path.includes("/mnt/") && path !== "/mnt/")) {
try {
const match = args._raw.match(/\/mnt\/([^\/]+)\//) || path.match(/\/mnt\/([^\/]+)\//);
const davName = match ? match[1].toLowerCase() : "";
const contents = await tb.vfs.servers.get(davName).connection.promises.readdir(`${path}/${args._raw}`);
for (const entry of contents) {
if (entry.type === "directory") {
displayOutput(`${entry.basename}/`);
} else {
displayOutput(entry.basename);
}
}
} catch (e) {
displayError(`TNSM ls: Dav Drive is not mounted with error: ${e.message}`);
createNewCommandInput();
return;
}
createNewCommandInput();
} else if (args._raw) {
try {
const entries = await tb.sh.promises.ls(path + args._raw);
entries.forEach(entry => {
displayOutput(entry.name);
});
createNewCommandInput();
} catch {
const entries = await tb.sh.promises.ls(args._raw);
entries.forEach(entry => {
displayOutput(entry.name);
});
createNewCommandInput();
}
} else {
const entries = await tb.sh.promises.ls(path);
entries.forEach(entry => {
displayOutput(entry.name);
});
createNewCommandInput();
}
}
ls(args);
================================================
FILE: public/apps/terminal.tapp/scripts/mkdir.js
================================================
async function mkdir(args) {
if (!args._raw) {
displayError("mkdir: Please provide a directory name");
createNewCommandInput();
return;
}
if (path.includes("/mnt/")) {
try {
const match = path.match(/\/mnt\/([^\/]+)\//);
const davName = match ? match[1].toLowerCase() : "";
const np = path.replace(`/mnt/${davName.toLowerCase()}/`, "");
await tb.vfs.servers.get(davName).connection.promises.mkdir(`${np}/${args._raw}`);
createNewCommandInput();
} catch (e) {
displayError(`TNSM mkdir: ${e.message}`);
createNewCommandInput();
return;
}
} else {
try {
await window.parent.tb.fs.promises.mkdir(path + args._raw);
createNewCommandInput();
} catch (error) {
if (error.code === "ENOENT") {
error = "No such file or directory";
}
displayError(`mkdir: cannot create directory "${args._raw}': ${error}`);
createNewCommandInput();
}
}
}
mkdir(args);
================================================
FILE: public/apps/terminal.tapp/scripts/nano.js
================================================
async function nano(args) {
const filename = args._[0];
if (!filename) {
displayError("nano: filename required");
createNewCommandInput();
return;
}
const filepath = path + filename;
let content = "";
let isNewFile = false;
try {
content = await terbium.fs.promises.readFile(filepath, "utf8");
} catch (e) {
content = "";
isNewFile = true;
}
let lines = content.split("\n");
while (lines.length > 0 && lines[lines.length - 1] === "") {
lines.pop();
}
if (lines.length === 0) {
lines = [""];
}
let currentLine = 0;
let currentCol = 0;
let modified = false;
let viewStart = 0;
let cutBuffer = "";
terbium.setCommandProcessing(false);
term.write("\x1b[2J\x1b[H");
drawEditor();
const disposable = term.onData(handleInput);
setTabTitle("TSH Nano");
function handleInput(data) {
if (data === "\x1b") {
return;
}
if (data === "\r" || data === "\n") {
lines.splice(currentLine + 1, 0, lines[currentLine].slice(currentCol));
lines[currentLine] = lines[currentLine].slice(0, currentCol);
currentLine++;
currentCol = 0;
modified = true;
drawEditor();
} else if (data === "\x7f") {
if (currentCol > 0) {
lines[currentLine] = lines[currentLine].slice(0, currentCol - 1) + lines[currentLine].slice(currentCol);
currentCol--;
modified = true;
drawEditor();
} else if (currentLine > 0) {
currentCol = lines[currentLine - 1].length;
lines[currentLine - 1] += lines[currentLine];
lines.splice(currentLine, 1);
currentLine--;
modified = true;
drawEditor();
}
} else if (data === "\x1b[A") {
if (currentLine > 0) {
currentLine--;
currentCol = Math.min(currentCol, lines[currentLine].length);
drawEditor();
}
} else if (data === "\x1b[B") {
if (currentLine < lines.length - 1) {
currentLine++;
currentCol = Math.min(currentCol, lines[currentLine].length);
drawEditor();
}
} else if (data === "\x1b[D") {
if (currentCol > 0) {
currentCol--;
drawEditor();
}
} else if (data === "\x1b[C") {
if (currentCol < lines[currentLine].length) {
currentCol++;
drawEditor();
}
} else if (data === "\x1b[H") {
currentCol = 0;
drawEditor();
} else if (data === "\x1b[F") {
currentCol = lines[currentLine].length;
drawEditor();
} else if (data === "\x1b[3~") {
if (currentCol < lines[currentLine].length) {
lines[currentLine] = lines[currentLine].slice(0, currentCol) + lines[currentLine].slice(currentCol + 1);
modified = true;
drawEditor();
} else if (currentLine < lines.length - 1) {
lines[currentLine] += lines[currentLine + 1];
lines.splice(currentLine + 1, 1);
modified = true;
drawEditor();
}
} else if (data.length === 1 && data >= " " && data <= "~") {
lines[currentLine] = lines[currentLine].slice(0, currentCol) + data + lines[currentLine].slice(currentCol);
currentCol++;
modified = true;
drawEditor();
} else if (data === "\x07") {
// ^G Help
showHelp();
} else if (data === "\x0f") {
// ^O Write Out
saveFile();
} else if (data === "\x0b") {
// ^K Cut
cutBuffer = lines[currentLine];
lines.splice(currentLine, 1);
if (lines.length === 0) lines = [""];
if (currentLine >= lines.length) currentLine = lines.length - 1;
currentCol = Math.min(currentCol, lines[currentLine].length);
modified = true;
drawEditor();
} else if (data === "\x15") {
// ^U Paste
if (cutBuffer !== "") {
lines.splice(currentLine + 1, 0, cutBuffer);
currentLine++;
currentCol = 0;
modified = true;
drawEditor();
}
} else if (data === "\x03") {
// ^C Cur Pos
showPosition();
} else if (data === "\x16") {
// ^V Next Page
const pageSize = term.rows - 3;
currentLine = Math.min(lines.length - 1, currentLine + pageSize);
currentCol = Math.min(currentCol, lines[currentLine].length);
drawEditor();
} else if (data === "\x19") {
// ^Y Prev Page
const pageSize = term.rows - 3;
currentLine = Math.max(0, currentLine - pageSize);
currentCol = Math.min(currentCol, lines[currentLine].length);
drawEditor();
} else if (data === "\x18") {
// ^X Exit
if (modified) {
promptSaveOnExit();
} else {
exitEditor();
}
}
}
function drawEditor() {
term.write("\x1b[2J\x1b[H");
const title = `TSH nano ${modified ? "[ Modified ] " : ""}${filename}`;
const centerCol = Math.max(1, Math.floor((term.cols - title.length) / 2));
term.write(`\x1b[1;${centerCol}H\x1b[7m${title}\x1b[0m`);
const maxLines = term.rows - 3;
viewStart = Math.max(0, Math.min(viewStart, currentLine - maxLines + 1));
viewStart = Math.max(0, Math.min(viewStart, lines.length - maxLines));
for (let i = viewStart; i < Math.min(lines.length, viewStart + maxLines); i++) {
const line = lines[i] || "";
const row = i - viewStart + 2;
term.write(`\x1b[${row};1H${line}`);
term.write(`\x1b[${row};${line.length + 1}H\x1b[K`);
}
for (let r = Math.min(lines.length, viewStart + maxLines) - viewStart + 2; r <= term.rows - 1; r++) {
term.write(`\x1b[${r};1H\x1b[K`);
}
term.write(`\x1b[${term.rows};1H^G Get Help ^O Write Out ^W Where Is ^K Cut Text ^J Justify ^C Cur Pos ^X Exit`);
const cursorRow = currentLine - viewStart + 2;
const cursorCol = Math.min(currentCol + 1, (lines[currentLine] || "").length + 1);
term.write(`\x1b[${cursorRow};${cursorCol}H`);
}
async function saveFile() {
try {
await terbium.fs.promises.writeFile(filepath, lines.join("\n"), "utf8");
modified = false;
isNewFile = false;
drawEditor();
} catch (e) {
term.write(`\x1b[${term.rows};1HError: ${e.message}`);
setTimeout(() => drawEditor(), 2000);
}
}
function showHelp() {
term.write("\x1b[2J\x1b[H");
term.writeln("Nano Help");
term.writeln("");
term.writeln("^G Get Help ^O Write Out ^W Where Is");
term.writeln("^K Cut Text ^J Justify ^C Cur Pos");
term.writeln("^X Exit ^U Paste ^V Next Page");
term.writeln("^Y Prev Page");
term.writeln("");
term.writeln("Press any key to return to editor");
term.onData(() => {
drawEditor();
});
}
function showPosition() {
const lineNum = currentLine + 1;
const colNum = currentCol + 1;
const totalLines = lines.length;
term.write(`\x1b[${term.rows};1HLine ${lineNum}/${totalLines} Col ${colNum}`);
setTimeout(() => drawEditor(), 2000);
}
function promptSaveOnExit() {
term.write("\x1b[2J\x1b[H");
term.writeln(`Save modified buffer (ANSWERING "No" WILL DESTROY CHANGES) ?`);
term.writeln("");
term.writeln(" Y Yes");
term.writeln(" N No");
term.writeln(" ^C Cancel");
term.writeln("");
term.write("Save modified buffer? ");
let response = "";
const promptDisposable = term.onData(data => {
if (data === "\r" || data === "\n") {
if (response.toLowerCase() === "y" || response.toLowerCase() === "yes") {
saveFile().then(() => exitEditor());
} else if (response.toLowerCase() === "n" || response.toLowerCase() === "no") {
exitEditor();
} else {
promptSaveOnExit();
}
promptDisposable.dispose();
} else if (data === "\x03") {
// ^C Cancel
drawEditor();
promptDisposable.dispose();
} else if (data === "\x7f") {
// Backspace
if (response.length > 0) {
response = response.slice(0, -1);
term.write("\b \b");
}
} else if (data.length === 1 && data >= " " && data <= "~") {
response += data;
term.write(data);
}
});
}
function exitEditor() {
setTabTitle("Terbium TSH");
terbium.setCommandProcessing(true);
disposable.dispose();
term.write("\x1b[2J\x1b[H");
createNewCommandInput();
}
}
nano(args);
================================================
FILE: public/apps/terminal.tapp/scripts/node.js
================================================
/**
* @typedef {import("yargs-parser").Arguments} argv
* @typedef {import("xterm").Terminal} Terminal
*/
/**
* CLI for **Node.js** subsystem
* @param {argv} args The arguments to pass into **Node.js**
* @param {Terminal} term - **XTERM.js** terminal instance
*/
async function node(args, term) {
const webContainer = tb.node.webContainer;
tb.setCommandProcessing(false);
term.focus();
// Check for jsh mode
const isJshMode = args.j === true || args.jsh === true;
let command;
let commandArgs;
if (tb.node.isReady === false) {
displayOutput(`\r\nWebContainer has not booted yet. Please wait a few seconds and try again.`);
createNewCommandInput();
tb.setCommandProcessing(true);
return;
}
if (isJshMode) {
displayOutput("Starting WebContainer JavaScript shell...");
setTabTitle("JSH: Terminal");
command = "jsh";
commandArgs = [];
} else {
displayOutput("Starting Node.js...");
setTabTitle("NodeJS");
command = "node";
const { _: positionalArguments, $0: commandName, j: shortJshFlag, jsh: longJshFlag, _raw: rawArgumentString, ...remainingFlags } = args;
const positionalArgs = positionalArguments || [];
commandArgs = [...positionalArgs];
// Process the POSIX flags
for (const [key, value] of Object.entries(remainingFlags)) {
if (value === false) continue;
if (key.length === 1) {
// Handle single letter flags
commandArgs.push(`-${key}`);
if (value !== true) {
commandArgs.push(String(value));
}
} else {
// Long flags
if (value === true) {
commandArgs.push(`--${key}`);
} else {
commandArgs.push(`--${key}`, String(value));
}
}
}
}
const shell = await webContainer.spawn(command, commandArgs, {
terminal: {
cols: term.cols,
rows: term.rows,
},
});
shell.output.pipeTo(
new WritableStream({
write(data) {
term.write(data);
},
}),
);
const writer = shell.input.getWriter();
const inputHandler = term.onData(async data => {
await writer.write(data);
});
const resizeHandler = () => {
shell.resize({
cols: term.cols,
rows: term.rows,
});
};
window.addEventListener("resize", resizeHandler);
// Cleanup
const exitCode = await shell.exit;
// Cleanup listeners and handlers
inputHandler.dispose();
window.removeEventListener("resize", resizeHandler);
tb.setCommandProcessing(true);
setTabTitle("Terbium TSH");
// Display exit message
displayOutput(`\r\nWebContainer shell exited with code ${exitCode}`);
// Give the focus back to the terminal
createNewCommandInput();
}
node(args, term);
================================================
FILE: public/apps/terminal.tapp/scripts/ping.js
================================================
async function ping(args) {
const numPings = 5;
let url = args._raw;
let totalResponseTime = 0;
let packetsReceived = 0;
if (!url) displayError("No Url was Provided");
if (!url.includes("http://") && !url.includes("https://")) {
url = "http://" + url;
}
for (let i = 0; i < numPings; i++) {
const startTime = Date.now();
console.log(url);
try {
const response = await window.parent.tb.libcurl.fetch(url);
console.log(response);
if (response.ok) {
packetsReceived++;
}
} catch (error) {
displayOutput(`Error Reaching Site: Site turned ${error.response?.status} Error when pinged`);
}
const endTime = Date.now();
const responseTime = endTime - startTime;
totalResponseTime += responseTime;
displayOutput(`Ping ${url} - Time: ${responseTime}ms`);
}
const avgResponseTime = totalResponseTime / numPings;
const percentReceived = (packetsReceived / numPings) * 100;
const percentLost = 100 - percentReceived;
displayOutput(`Pinged ${url} ${numPings} times: ${avgResponseTime.toFixed(2)}ms average, ${percentLost.toFixed(2)}% packet loss, ${percentReceived.toFixed(2)}% packets received`);
createNewCommandInput();
}
ping(args);
================================================
FILE: public/apps/terminal.tapp/scripts/pkg.js
================================================
async function pkg(args) {
let availableCommands = [
"pkg -h: Display help for .",
"pkg install : Install an app matching from the repo.",
"pkg remove : Uninstall an app matching from the repo.",
"pkg update: : Update a package to the latest version if available.",
"pkg list: Shows a list of installed apps.",
"pkg search : Search for an app matching in the repo.",
"pkg repo: Changes the Package Managers Fetch repo (Use -r to remove the repo you added)",
];
let repo = sessionStorage.getItem("pkg-repo") || JSON.parse(await window.parent.tb.fs.promises.readFile(`/apps/user/${sessionStorage.getItem("currAcc")}/app store/repos.json`, "utf8"))[0].url;
let rType = sessionStorage.getItem("pkg-type") || "terbium";
switch (args._[0]) {
case "install":
if (args._[1]) {
const response = await tb.libcurl.fetch(repo);
let repoData = rType === "terbium" ? (await response.json()).apps : (await (await tb.libcurl.fetch(repo.replace("manifest.json", "list.json"))).json()).apps;
const packageName = args._[1];
const exactMatch = repoData.find(pkg => pkg.name.toLowerCase() === packageName.toLowerCase());
if (exactMatch) {
displayOutput(`Installing ${exactMatch.name}...`);
if (exactMatch.requirements) {
if (exactMatch.requirements.os && semverCompare(exactMatch.requirements.os, window.parent.tb.system.version()) > 0) {
displayError(`This app requires terbium version: ${exactMatch.requirements.os} or later`);
createNewCommandInput();
return;
} else if (exactMatch.requirements.proxy && exactMatch.requirements.proxy !== (await window.parent.tb.proxy.get())) {
displayError(`This app requires ${exactMatch.requirements.proxy} as the default proxy.`);
createNewCommandInput();
return;
}
}
const installed = JSON.parse(await window.parent.tb.fs.promises.readFile("/apps/installed.json", "utf8"));
let type;
if ("pkg-download" in exactMatch) {
type = "TAPP";
} else if ("anura-pkg" in exactMatch || rType === "anura") {
type = "anura";
} else {
type = "web";
}
if (installed.some(app => app.name.toLowerCase() === exactMatch.name.toLowerCase())) {
displayOutput(`The app "${exactMatch.name}" is already installed.`);
displayOutput("Do you want to reinstall it? (y/n)");
term.write("\r\n> ");
const onData = async function (input) {
const userInput = input.trim().toLowerCase();
if (userInput === "y") {
displayOutput("");
displayOutput(`Reinstalling ${exactMatch.name}...`);
await tb.launcher.removeApp(exactMatch.name);
await installApp(exactMatch, type, installed);
displayOutput(`${exactMatch.name} reinstalled successfully!`);
createNewCommandInput();
} else {
createNewCommandInput();
}
disposable.dispose();
};
const disposable = term.onData(onData);
return;
} else {
await installApp(exactMatch, type, installed);
displayOutput(`${exactMatch.name} installed successfully!`);
createNewCommandInput();
return;
}
} else {
displayOutput(`No package found with the name "${packageName}".`);
createNewCommandInput();
return;
}
} else {
displayOutput("Usage: pkg install ");
createNewCommandInput();
return;
}
case "remove":
if (args._[1]) {
const packageName = args._[1];
let installed = JSON.parse(await window.parent.tb.fs.promises.readFile("/apps/installed.json", "utf8"));
const appIndex = installed.findIndex(app => app.name.toLowerCase() === packageName.toLowerCase());
if (appIndex !== -1) {
const app = installed[appIndex];
installed.splice(appIndex, 1);
await window.parent.tb.fs.promises.writeFile("/apps/installed.json", JSON.stringify(installed, null, 2), "utf8");
displayOutput(`Uninstalling ${app.name}...`);
const configPath = app.config;
console.log(configPath);
if (configPath.endsWith("index.json")) {
let webApps = JSON.parse(await window.parent.tb.fs.promises.readFile("/apps/web_apps.json", "utf8"));
if (Array.isArray(webApps.apps)) {
const waIndex = webApps.apps.findIndex(webApp => webApp.name && webApp.name.toLowerCase() === app.name.toLowerCase());
if (waIndex !== -1) {
webApps.apps.splice(waIndex, 1);
await window.parent.tb.fs.promises.writeFile("/apps/web_apps.json", JSON.stringify(webApps, null, 2), "utf8");
await tb.launcher.removeApp(app.name);
displayOutput(`${app.name} has been uninstalled.`);
}
}
} else if (configPath.endsWith("manifest.json")) {
try {
await window.parent.tb.fs.promises.unlink(`/system/etc/anura/configs/${app.name}.json`);
await tb.sh.rm(configPath.replace("/manifest.json", "/"), { recursive: true });
} catch {}
await tb.sh.rm(`/apps/anura/${app.name}`, { recursive: true });
await tb.launcher.removeApp(app.name);
delete window.parent.anura.apps[app.package];
displayOutput(`${app.name} has been uninstalled.`);
} else if (configPath.endsWith(".tbconfig")) {
await tb.sh.rm(configPath.replace("/.tbconfig", "/"), { recursive: true });
await tb.launcher.removeApp(app.name);
displayOutput(`${app.name} has been uninstalled.`);
}
} else {
displayOutput(`No installed app found with the name "${packageName}".`);
}
createNewCommandInput();
} else {
displayOutput("Usage: pkg remove ");
createNewCommandInput();
}
break;
case "update":
if (args._[1]) {
displayOutput("Checking for updates...");
const config = JSON.parse(await window.parent.tb.fs.promises.readFile(`/apps/system/${args._[1].toLowerCase()}.tapp/.tbconfig`, "utf8"));
const response = await tb.libcurl.fetch(repo);
let repoData = rType === "terbium" ? (await response.json()).apps : (await (await tb.libcurl.fetch(repo.replace("manifest.json", "list.json"))).json()).apps;
const packageName = args._[1];
const exactMatch = repoData.find(pkg => pkg.name.toLowerCase() === packageName.toLowerCase());
if (exactMatch.requirements) {
if (exactMatch.requirements.os && semverCompare(exactMatch.requirements.os, window.parent.tb.system.version()) > 0) {
displayError(`This app requires terbium version: ${exactMatch.requirements.os} or later`);
createNewCommandInput();
return;
} else if (exactMatch.requirements.proxy && exactMatch.requirements.proxy !== (await window.parent.tb.proxy.get())) {
displayError(`This app requires ${exactMatch.requirements.proxy} as the default proxy.`);
createNewCommandInput();
return;
}
}
if (config.version !== exactMatch.version) {
displayOutput(`Updating ${exactMatch.name} from version ${config.version} to ${exactMatch.version}...`);
await tb.sh.promises.rm(`/apps/system/${args._[1].toLowerCase()}.tapp/`, { recursive: true });
await installApp(exactMatch, "TAPP");
displayOutput(`${exactMatch.name} updated successfully!`);
createNewCommandInput();
}
} else {
displayOutput("Usage: pkg update ");
createNewCommandInput();
return;
}
break;
case "list":
displayOutput("Installed Packages for this system:");
const installed = JSON.parse(await window.parent.tb.fs.promises.readFile("/apps/installed.json", "utf8"));
for (const app of installed) {
displayOutput(`${app.name} - ${app.user}`);
}
displayOutput("");
displayOutput(`${installed.length} are installed.`);
createNewCommandInput();
break;
case "search":
if (args._[1]) {
const response = await tb.libcurl.fetch(repo);
let repoData = rType === "terbium" ? (await response.json()).apps : (await (await tb.libcurl.fetch(repo.replace("manifest.json", "list.json"))).json()).apps;
const searchTerm = args._[1].toLowerCase();
const exactMatch = repoData.find(pkg => pkg.name.toLowerCase() === searchTerm);
if (exactMatch) {
displayOutput(`Found package: ${exactMatch.name}`);
} else {
const potentialMatches = repoData.filter(pkg => pkg.name.toLowerCase().includes(searchTerm));
if (potentialMatches.length > 0) {
displayOutput(`No exact match found for "${searchTerm}".`);
displayOutput("Did you mean? Potential match(es):");
for (const match of potentialMatches) {
displayOutput(` - ${match.name}`);
}
} else {
displayOutput("No matching packages found.");
}
}
createNewCommandInput();
} else {
displayOutput("Usage: pkg search ");
createNewCommandInput();
return;
}
break;
case "repo":
switch (args._[1]) {
case "r":
case "remove":
let r = JSON.parse(await window.parent.tb.fs.promises.readFile(`/apps/user/${sessionStorage.getItem("currAcc")}/app store/repos.json`, "utf8"));
r = r.filter(r => r.url !== args._[2]);
await window.parent.tb.fs.promises.writeFile(`/apps/user/${sessionStorage.getItem("currAcc")}/app store/repos.json`, JSON.stringify(r));
displayOutput(`Removed ${args._[2]} from the repo list`);
createNewCommandInput();
break;
case "a":
case "add":
let newrepo = JSON.parse(await window.parent.tb.fs.promises.readFile(`/apps/user/${sessionStorage.getItem("currAcc")}/app store/repos.json`, "utf8"));
newrepo.push({ url: args._[2] });
await window.parent.tb.fs.promises.writeFile(`/apps/user/${sessionStorage.getItem("currAcc")}/app store/repos.json`, JSON.stringify(newrepo));
displayOutput(`Added ${args._[2]} to the repo list`);
createNewCommandInput();
break;
case "l":
case "list":
let repoList = JSON.parse(await window.parent.tb.fs.promises.readFile(`/apps/user/${sessionStorage.getItem("currAcc")}/app store/repos.json`, "utf8"));
displayOutput("Available Repositories:");
repoList.forEach(repo => {
displayOutput(` - ${repo.url}`);
});
createNewCommandInput();
break;
case "s":
case "set":
repo = args._[2];
try {
const response = await fetch(repo);
const jsonData = await response.json();
let repoType;
if ("repo" in jsonData) {
repoType = "terbium";
} else {
repoType = "anura";
}
sessionStorage.setItem("pkg-repo", repo);
sessionStorage.setItem("pkg-type", repoType);
displayOutput(`Set repo to ${repo} (type: ${repoType})`);
} catch (e) {
displayError(`Failed to fetch or detect repo type: ${e.message}`);
}
createNewCommandInput();
break;
default:
displayOutput("Usage: pkg repo [repo-url]");
createNewCommandInput();
break;
}
break;
case "help":
default:
displayOutput(`TPKG v1.4.3 - February 2026`);
displayOutput(`Usage: pkg `);
displayOutput(" ");
displayOutput("All commands:");
for (let command in availableCommands) {
command = availableCommands[command];
let [cmd, description] = command.split(": ");
displayOutput(` ${cmd.padEnd(40)} ${description}`);
}
createNewCommandInput();
break;
}
}
async function installApp(app, type) {
let repo = sessionStorage.getItem("pkg-repo") || JSON.parse(await window.parent.tb.fs.promises.readFile(`/apps/user/${sessionStorage.getItem("currAcc")}/app store/repos.json`, "utf8"))[0].url;
switch (type) {
case "web":
let appPath = `/apps/user/${await window.parent.tb.user.username()}/${app.name}`;
let appIndex = {
name: app.name,
icon: app.icon,
description: app.description,
authors: app.authors,
"pkg-name": app["pkg-name"],
version: app.version,
images: app.images,
wmArgs: app.wmArgs,
};
if (!(await dirExists(appPath))) {
await window.parent.tb.fs.promises.mkdir(appPath);
}
await window.parent.tb.fs.promises.writeFile(`${appPath}/index.json`, JSON.stringify(appIndex));
let apps = JSON.parse(await window.parent.tb.fs.promises.readFile("/apps/web_apps.json", "utf8"));
apps["apps"].push(app["pkg-name"]);
await window.parent.tb.fs.promises.writeFile("/apps/web_apps.json", JSON.stringify(apps));
await window.parent.tb.launcher.addApp({
title: app["wmArgs"]["title"],
name: app.name,
icon: app.icon,
src: app["wmArgs"]["src"],
size: {
width: app["wmArgs"]["size"]["width"],
height: app["wmArgs"]["size"]["height"],
},
single: app["wmArgs"]["single"],
resizable: app["wmArgs"]["resizable"],
controls: app["wmArgs"]["controls"],
message: app["wmArgs"]["message"],
proxy: app["wmArgs"]["proxy"],
snapable: app["wmArgs"]["snapable"],
});
try {
let apps = JSON.parse(await window.parent.tb.fs.promises.readFile(`/apps/installed.json`, "utf8"));
apps.push({
name: app.name,
user: await window.parent.tb.user.username(),
config: `/apps/user/${await window.parent.tb.user.username()}/${app.name}/index.json`,
});
await window.parent.tb.fs.promises.writeFile(`/apps/installed.json`, JSON.stringify(apps));
} catch {
await window.parent.tb.fs.promises.writeFile(
`/apps/installed.json`,
JSON.stringify([
{
name: app.name,
user: await window.parent.tb.user.username(),
config: `/apps/user/${await window.parent.tb.user.username()}/${app.name}/index.json`,
},
]),
);
}
break;
case "TAPP":
const appName = app.name.toLowerCase();
const DLPath = `/apps/${appName}`;
const downloadUrl = app["pkg-download"];
try {
await tb.system.download(downloadUrl, `${DLPath}.zip`);
const targetDirectory = `/apps/system/${appName}.tapp/`;
await unzip(`/apps/${appName}.zip`, targetDirectory);
const appConf = await window.parent.tb.fs.promises.readFile(`/apps/system/${appName}.tapp/.tbconfig`, "utf8");
const appData = JSON.parse(appConf);
await window.parent.tb.launcher.addApp({
title:
typeof appData.wmArgs.title === "object"
? {
text: appData.wmArgs.title.text,
weight: appData.wmArgs.title.weight,
html: appData.wmArgs.title.html,
}
: appData.wmArgs.title,
name: appData.title,
icon: `/fs/apps/system/${appName}.tapp/${appData.icon}`,
src: `/fs/apps/system/${appName}.tapp/${appData.wmArgs.src}`,
size: {
width: appData.wmArgs.size.width,
height: appData.wmArgs.size.height,
},
single: appData.wmArgs.single,
resizable: appData.wmArgs.resizable,
controls: appData.wmArgs.controls,
message: appData.wmArgs.message,
snapable: appData.wmArgs.snapable,
});
await window.parent.tb.fs.promises.unlink(`${DLPath}.zip`);
try {
let apps = JSON.parse(await window.parent.tb.fs.promises.readFile(`/apps/installed.json`, "utf8"));
apps.push({
name: appName,
user: await window.parent.tb.user.username(),
config: `/apps/system/${appName}.tapp/.tbconfig`,
});
await window.parent.tb.fs.promises.writeFile(`/apps/installed.json`, JSON.stringify(apps));
} catch {
await window.parent.tb.fs.promises.writeFile(
`/apps/installed.json`,
JSON.stringify({
name: appName,
user: await window.parent.tb.user.username(),
config: `/apps/system/${appName}.tapp/.tbconfig`,
}),
);
}
} catch (e) {
displayError(`Failed to install ${appName} with reason: ${e.message}`);
return;
}
break;
case "anura":
console.log(app);
const aName = app.name || app.package;
const APath = `/apps/anura/${aName}`;
let aDL;
if ("anura-pkg" in app) {
aDL = app["anura-pkg"];
} else {
aDL = `${repo.replace("manifest.json", "")}/apps/${app.package}/${app.data}`;
}
try {
await tb.system.download(aDL, `${APath}.zip`);
const targetDirectory = `/apps/anura/${aName}/`;
await unzip(`/apps/anura/${aName}.zip`, targetDirectory);
const appConf = await window.parent.tb.fs.promises.readFile(`/apps/anura/${aName}/manifest.json`, "utf8");
const appData = JSON.parse(appConf);
await window.parent.tb.launcher.addApp({
name: appData.name,
title: appData.wininfo.title,
icon: `/fs/apps/anura/${app.name}/${appData.icon}`,
src: `/fs/apps/anura/${app.name}/${appData.index}`,
size: {
width: appData.wininfo.width,
height: appData.wininfo.height,
},
single: appData.wininfo.allowMultipleInstance,
});
window.parent.anura.apps[appData.package] = {
title: appData.name,
icon: appData.icon,
id: appData.package,
};
await window.parent.tb.fs.promises.unlink(`${APath}.zip`);
try {
let apps = JSON.parse(await window.parent.tb.fs.promises.readFile(`/apps/installed.json`, "utf8"));
apps.push({
name: appData.name,
user: await window.parent.tb.user.username(),
config: `/apps/anura/${aName}/manifest.json`,
});
await window.parent.tb.fs.promises.writeFile(`/apps/installed.json`, JSON.stringify(apps));
} catch {
await window.parent.tb.fs.promises.writeFile(
`/apps/installed.json`,
JSON.stringify([
{
name: appData.name,
user: await window.parent.tb.user.username(),
config: `/apps/anura/${aName}/manifest.json`,
},
]),
);
}
} catch (e) {
displayError(`Failed to install ${aName} with reason: ${e.message}`);
return;
}
break;
}
}
async function unzip(path, target) {
const runUnzip = async () => {
const response = await fetch("/fs/" + path);
const zipFileContent = await response.arrayBuffer();
if (!(await dirExists(target))) {
await window.parent.tb.fs.promises.mkdir(target, { recursive: true });
}
const compressedFiles = window.parent.tb.fflate.unzipSync(new Uint8Array(zipFileContent));
for (const [relativePath, content] of Object.entries(compressedFiles)) {
const fullPath = `${target}/${relativePath}`;
const pathParts = fullPath.split("/");
let currentPath = "";
for (let i = 0; i < pathParts.length; i++) {
currentPath += pathParts[i] + "/";
if (i === pathParts.length - 1 && !relativePath.endsWith("/")) {
try {
console.log(`touch ${currentPath.slice(0, -1)}`);
displayOutput(`touch ${currentPath.slice(0, -1)}`);
await window.parent.tb.fs.promises.writeFile(currentPath.slice(0, -1), Filer.Buffer.from(content));
} catch {
displayOutput(`Cant make ${currentPath.slice(0, -1)}`);
console.log(`Cant make ${currentPath.slice(0, -1)}`);
}
} else if (!(await dirExists(currentPath))) {
try {
console.log(`mkdir ${currentPath}`);
displayOutput(`mkdir ${currentPath}`);
await window.parent.tb.fs.promises.mkdir(currentPath);
} catch {
console.log(`Cant make ${currentPath}`);
displayOutput(`Cant make ${currentPath}`);
}
}
}
if (relativePath.endsWith("/")) {
try {
console.log(`mkdir fp ${fullPath}`);
await window.parent.tb.fs.promises.mkdir(fullPath);
} catch {
console.log(`Cant make ${fullPath}`);
}
}
}
return "Done!";
};
return window.parent.tb.notification.Installing(
{
message: "Installing package files...",
application: "Terminal",
iconSrc: "/fs/apps/system/terminal.tapp/icon.svg",
},
runUnzip(),
{
message: "Finished extracting package",
application: "Terminal",
iconSrc: "/fs/apps/system/terminal.tapp/icon.svg",
time: 3200,
},
{
message: "Failed to extract package",
application: "Terminal",
iconSrc: "/fs/apps/system/terminal.tapp/icon.svg",
time: 2500,
},
);
}
const dirExists = async path => {
return new Promise(resolve => {
window.parent.tb.fs.stat(path, (err, stats) => {
if (err) {
if (err.code === "ENOENT") {
resolve(false);
} else {
console.error(err);
resolve(false);
}
} else {
const exists = stats.type === "DIRECTORY";
resolve(exists);
}
});
});
};
/**
* Compares two semantic version strings.
* @param {string} a - The first version string.
* @param {string} b - The second version string.
* @returns {number} - Returns 1 if a > b, -1 if a < b, 0 if they are equal.
*/
const semverCompare = (a, b) => {
const pa = a.split(/[-.]/);
const pb = b.split(/[-.]/);
for (let i = 0; i < Math.max(pa.length, pb.length); i++) {
const na = pa[i] || "0";
const nb = pb[i] || "0";
if (!isNaN(na) && !isNaN(nb)) {
if (+na > +nb) return 1;
if (+na < +nb) return -1;
} else {
if (na > nb) return 1;
if (na < nb) return -1;
}
}
return 0;
};
pkg(args);
================================================
FILE: public/apps/terminal.tapp/scripts/pkill.js
================================================
function pkill(args) {
if (args._raw.includes("list")) {
const windows = window.parent.tb.process.list();
Object.values(windows).forEach(window => {
displayOutput(`${window.name}, ${window.pid}`);
});
createNewCommandInput();
} else {
try {
window.tb.process.kill(args._raw);
displayOutput(`Successfully killed task with pid: ${args._raw}`);
} catch {
displayError("Not task found with that PID");
}
createNewCommandInput();
}
}
pkill(args);
================================================
FILE: public/apps/terminal.tapp/scripts/pwd.js
================================================
function pwd(args) {
displayOutput(path);
createNewCommandInput();
}
pwd(args);
================================================
FILE: public/apps/terminal.tapp/scripts/rm.js
================================================
async function rm(args) {
let availableOptions = [
"-f: ignore nonexistent files and arguments, never prompt.",
"-r: remove directories and their contents recursively.; optionally you can also use -rf to remove directories and their contents recursively without prompt.",
"-v: explain what is being done (not default).",
"-d: remove empty directories.; you should use rmdir instead.",
];
if (!args._raw || args._raw.includes("-h")) {
displayOutput("Usage: rm [OPTION] [FILE]");
displayOutput("Remove (unlink) the FILE(s).");
displayOutput(" ");
displayOutput("Options:");
for (let option of availableOptions) {
let nspace = " ";
let [opt, desc] = option.split(": ");
let optionally = desc.split(";")[1];
desc = desc.replace(";", "").replace(optionally, "");
displayOutput(` ${opt.padEnd(10)} ${desc}`);
if (optionally) {
displayOutput(` ${nspace.padEnd(10)}${optionally}`);
}
}
createNewCommandInput();
return;
}
const user = sessionStorage.getItem("currAcc");
const systemDirs = ["/home", `/home/${user}/documents`, `/home/${user}/videos`, `/home/${user}/pictures`, `/home/${user}/music`];
for (let sdir of systemDirs) {
if (path === sdir) {
displayOutput(`rm: cannot remove "${path}": Is a system directory`);
createNewCommandInput();
return;
}
}
let options = {
force: false,
recursive: false,
verbose: false,
directory: false,
};
if (args._raw.includes("-rf")) {
options.force = true;
options.recursive = true;
}
if (args._raw.includes("-r")) {
options.recursive = true;
}
if (args._raw.includes("-f")) {
options.force = true;
}
if (args._raw.includes("-v")) {
options.verbose = true;
}
if (args._raw.includes("-d")) {
options.directory = true;
}
const toDel = `${path}/${args._raw.replace(/^-f|-rf|-r|-v|-d/g, "").trim()}`;
console.log(toDel);
if (path.includes("/mnt/")) {
try {
const match = path.match(/\/mnt\/([^\/]+)\//);
const davName = match ? match[1].toLowerCase() : "";
const np = path.replace(`/mnt/${davName.toLowerCase()}/`, "");
await tb.vfs.servers.get(davName).connection.promises.unlink(`${np}/${args._raw}`);
createNewCommandInput();
} catch (e) {
displayError(`TNSM rmdir: ${e.message}`);
createNewCommandInput();
return;
}
} else {
window.parent.tb.fs.stat(toDel, (err, stats) => {
if (err) return console.log(err);
if (stats.isDirectory()) {
if (options.force || options.recursive) {
tb.sh.rm(toDel, { recursive: options.recursive, force: options.force }, err => {
if (err) {
displayError(`rm: cannot remove "${toDel}": ${err.message}`);
createNewCommandInput();
} else {
if (options.verbose) {
displayOutput(`removed directory "${toDel}"`);
}
createNewCommandInput();
}
});
} else if (options.directory) {
window.parent.tb.fs.rmdir(toDel, err => {
if (err) {
if (err.code === "ENOTEMPTY") {
displayError(`rm: cannot remove "${toDel}": Directory not empty`);
displayOutput("Use -r to remove non-empty directories. or -rf to remove non-empty directories without prompt.");
} else {
displayError(`rm: cannot remove "${toDel}": ${err.message}`);
}
createNewCommandInput();
} else {
if (options.verbose) {
displayOutput(`removed directory "${toDel}"`);
}
createNewCommandInput();
}
});
} else {
displayError(`rm: cannot remove "${toDel}": Is a directory`);
createNewCommandInput();
}
} else {
tb.sh.rm(toDel, { recursive: options.recursive, force: options.force }, err => {
if (err) {
displayError(`rm: cannot remove "${toDel}": ${err.message}`);
createNewCommandInput();
} else {
if (options.verbose) {
displayOutput(`removed "${toDel}"`);
}
createNewCommandInput();
}
});
}
});
}
}
rm(args);
================================================
FILE: public/apps/terminal.tapp/scripts/rmdir.js
================================================
async function rmdir(args) {
if (args._raw.length <= 0) {
displayError("rmdir: missing operand");
createNewCommandInput();
return;
}
if (path.includes("/mnt/")) {
displayError("TNSM rmdir: Removing directories from mounted drives is not supported by the webdav library at this time.");
} else {
window.parent.tb.sh.rm(`${path}/${args._raw}`, err => {
if (err) {
displayError(`rmdir: ${err.message}`);
createNewCommandInput();
} else {
createNewCommandInput();
}
});
}
}
rmdir(args);
================================================
FILE: public/apps/terminal.tapp/scripts/ssh-keygen.js
================================================
function ssh_keygen(args) {
if (args.help || args.h) {
showHelp();
createNewCommandInput();
return;
}
const keyType = args.type || args.t || "rsa";
const bits = parseInt(args.bits || args.b) || (keyType === "rsa" ? 2048 : keyType === "ed25519" ? 256 : 2048);
const comment = args.comment || args.C || sessionStorage.getItem("currAcc");
const filename = args.file || args.f || `/home/${sessionStorage.getItem("currAcc")}/.ssh/id_${keyType}`;
const passphrase = args.passphrase || args.N || "";
if (!["rsa", "ed25519"].includes(keyType)) {
displayError(`ssh-keygen: unknown key type ${keyType}`);
displayError("Supported types: rsa, ed25519");
createNewCommandInput();
return;
}
const sshDir = `/home/${sessionStorage.getItem("currAcc")}/.ssh`;
if (!window.parent.tb.fs.promises.exists(sshDir)) {
window.parent.tb.fs.promises.mkdir(sshDir);
}
displayOutput(`Generating public/private ${keyType} key pair.`);
generateKeyPair(keyType, bits)
.then(keyPair => {
return Promise.all([formatPrivateKey(keyPair.privateKey, keyType, passphrase), formatPublicKey(keyPair.publicKey, keyType, comment)]);
})
.then(([privateKeyPEM, publicKeySSH]) => {
window.parent.tb.fs.promises.writeFile(filename, privateKeyPEM);
displayOutput(`Your identification has been saved in ${filename}`);
const publicFilename = `${filename}.pub`;
window.parent.tb.fs.promises.writeFile(publicFilename, publicKeySSH);
displayOutput(`Your public key has been saved in ${publicFilename}`);
return calculateFingerprint(publicKeySSH);
})
.then(fingerprint => {
displayOutput(`The key fingerprint is:`);
displayOutput(`SHA256:${fingerprint}`);
displayOutput(`The key's randomart image is:`);
displayOutput(generateRandomArt(fingerprint));
createNewCommandInput();
})
.catch(error => {
displayError(`ssh-keygen: ${error.message}`);
createNewCommandInput();
});
function showHelp() {
displayOutput("usage: ssh-keygen [-t keytype] [-b bits] [-C comment] [-f output_keyfile] [-N new_passphrase]");
displayOutput("");
displayOutput("Options:");
displayOutput(" -t keytype Specifies the type of key to create (rsa, ed25519)");
displayOutput(" -b bits Number of bits in the key (default: 2048 for rsa, 256 for ed25519)");
displayOutput(" -C comment Provides a new comment");
displayOutput(" -f filename Specifies the filename of the key file");
displayOutput(" -N passphrase Provides the new passphrase");
displayOutput(" -h, --help Show this help message");
}
async function generateKeyPair(keyType, bits) {
if (keyType === "rsa") {
return await crypto.subtle.generateKey(
{
name: "RSASSA-PKCS1-v1_5",
modulusLength: bits,
publicExponent: new Uint8Array([0x01, 0x00, 0x01]),
hash: "SHA-256",
},
true,
["sign", "verify"],
);
} else if (keyType === "ed25519") {
return await crypto.subtle.generateKey(
{
name: "ECDSA",
namedCurve: "P-256",
},
true,
["sign", "verify"],
);
}
}
async function formatPrivateKey(privateKey, keyType, passphrase) {
const exported = await crypto.subtle.exportKey("pkcs8", privateKey);
const pemBody = base64Encode(new Uint8Array(exported));
let pem = "-----BEGIN PRIVATE KEY-----\n";
pem += pemBody.match(/.{1,64}/g).join("\n");
pem += "\n-----END PRIVATE KEY-----\n";
if (passphrase) {
pem = "-----BEGIN ENCRYPTED PRIVATE KEY-----\n" + "Note: Passphrase encryption not fully implemented\n" + pemBody.match(/.{1,64}/g).join("\n") + "\n-----END ENCRYPTED PRIVATE KEY-----\n";
}
return pem;
}
async function formatPublicKey(publicKey, keyType, comment) {
const exported = await crypto.subtle.exportKey("spki", publicKey);
const exportedArray = new Uint8Array(exported);
let keyData;
let keyTypeStr;
if (keyType === "rsa") {
keyTypeStr = "ssh-rsa";
keyData = extractRSAPublicKey(exportedArray);
} else {
keyTypeStr = "ecdsa-sha2-nistp256";
keyData = extractECDSAPublicKey(exportedArray);
}
const sshKey = encodeSSHPublicKey(keyTypeStr, keyData);
return `${keyTypeStr} ${sshKey} ${comment}`;
}
function extractRSAPublicKey(spki) {
let offset = 0;
for (let i = 0; i < spki.length - 1; i++) {
if (spki[i] === 0x03) {
offset = i + 1;
if (spki[offset] & 0x80) {
const lenBytes = spki[offset] & 0x7f;
offset += lenBytes + 1;
} else {
offset += 1;
}
offset += 1;
break;
}
}
return spki.slice(offset);
}
function extractECDSAPublicKey(spki) {
let offset = spki.length - 65;
return spki.slice(offset);
}
function encodeSSHPublicKey(keyType, keyData) {
const keyTypeBytes = stringToBytes(keyType);
const parts = [];
parts.push(encodeUint32(keyTypeBytes.length));
parts.push(keyTypeBytes);
parts.push(encodeUint32(keyData.length));
parts.push(keyData);
const totalLength = parts.reduce((sum, part) => sum + part.length, 0);
const result = new Uint8Array(totalLength);
let offset = 0;
for (const part of parts) {
result.set(part, offset);
offset += part.length;
}
return base64Encode(result);
}
function encodeUint32(value) {
const buffer = new ArrayBuffer(4);
const view = new DataView(buffer);
view.setUint32(0, value, false);
return new Uint8Array(buffer);
}
function stringToBytes(str) {
const encoder = new TextEncoder();
return encoder.encode(str);
}
function base64Encode(buffer) {
let binary = "";
const bytes = new Uint8Array(buffer);
for (let i = 0; i < bytes.length; i++) {
binary += String.fromCharCode(bytes[i]);
}
return btoa(binary);
}
async function calculateFingerprint(publicKey) {
const keyData = publicKey.split(" ")[1];
const decoded = base64Decode(keyData);
const hashBuffer = await crypto.subtle.digest("SHA-256", decoded);
const hashArray = new Uint8Array(hashBuffer);
return base64Encode(hashArray).replace(/=+$/, "");
}
function base64Decode(str) {
const binary = atob(str);
const bytes = new Uint8Array(binary.length);
for (let i = 0; i < binary.length; i++) {
bytes[i] = binary.charCodeAt(i);
}
return bytes;
}
function generateRandomArt(fingerprint) {
const width = 17;
const height = 9;
const field = Array(height)
.fill(0)
.map(() => Array(width).fill(0));
let x = Math.floor(width / 2);
let y = Math.floor(height / 2);
const fpBytes = base64Decode(fingerprint);
for (let i = 0; i < fpBytes.length; i++) {
const byte = fpBytes[i];
for (let j = 0; j < 4; j++) {
const move = (byte >> (j * 2)) & 0x03;
const dx = move & 0x01 ? 1 : -1;
const dy = move & 0x02 ? 1 : -1;
x = Math.max(0, Math.min(width - 1, x + dx));
y = Math.max(0, Math.min(height - 1, y + dy));
field[y][x]++;
}
}
const startX = Math.floor(width / 2);
const startY = Math.floor(height / 2);
const chars = " .o+=*BOX@%&#/^SE";
let art = "+" + "-".repeat(width) + "+\n";
for (let row = 0; row < height; row++) {
let line = "|";
for (let col = 0; col < width; col++) {
if (row === startY && col === startX) {
line += "S";
} else if (row === y && col === x) {
line += "E";
} else {
const val = Math.min(field[row][col], chars.length - 1);
line += chars[val];
}
}
line += "|";
art += line + "\n";
}
art += "+" + "-".repeat(width) + "+";
return art;
}
}
ssh_keygen(args);
================================================
FILE: public/apps/terminal.tapp/scripts/ssh.js
================================================
const tbSSH = window.tbSSH;
if (!tbSSH) {
throw new Error("TB-SSH library not loaded!");
}
if (tb.node.isReady === false) {
tb.setCommandProcessing(true);
throw new Error("\r\nWebContainer has not booted yet. Please wait a few seconds and try again.");
}
const connectionString = args._[0];
const port = args.p || args.port;
const identityFile = args.i || args.identity;
const verbose = args.v || args.verbose;
const proxyUrl = args.proxy || "wss://ssh-proxy.terbiumon.top/";
if (!connectionString) {
displayOutput("Usage: ssh [user@]hostname [-p port] [-i identity_file] [-proxy proxy_url] [-v]");
displayOutput("Examples:");
displayOutput(" ssh user@example.com");
displayOutput(" ssh example.com");
displayOutput(" ssh -p 2222 user@example.com");
displayOutput(" ssh -i ~/.ssh/id_rsa user@example.com");
displayOutput(" ssh --proxy ws://localhost:3333 user@example.com");
throw new Error("Invalid Usage or No connection string provided.");
}
let username, hostname;
if (connectionString.includes("@")) {
[username, hostname] = connectionString.split("@");
} else {
hostname = connectionString;
}
(async () => {
let client = null;
try {
displayOutput(`Connecting to ${hostname}...`);
let usedKey = null;
displayOutput(`Using proxy URL: ${proxyUrl}`);
const configParser = await tbSSH.loadSSHConfig();
if (configParser) {
const hostConfig = configParser.getHost(hostname);
if (hostConfig && !username && !port && !identityFile) {
displayOutput(`Using SSH config for host: ${hostname}`);
if (hostConfig.IdentityFile) {
try {
const pk = await tbSSH.loadPrivateKey(hostConfig.IdentityFile);
if (pk) {
usedKey = hostConfig.IdentityFile;
displayOutput(`SSH config IdentityFile found: ${hostConfig.IdentityFile} keyLen=${pk.length} startsWithBegin=${pk.trim().startsWith("-----BEGIN")}`);
} else {
displayOutput(`SSH config IdentityFile not found or unreadable: ${hostConfig.IdentityFile}`);
}
} catch (e) {
displayOutput(`Error reading SSH config IdentityFile ${hostConfig.IdentityFile}: ${e.message}`);
}
}
try {
client = await tbSSH.createSSHClientFromConfig(hostname);
if (!client) {
displayError(`createSSHClientFromConfig returned null or undefined for ${hostname}`);
}
} catch (err) {
displayError(`Error creating SSH client from config for ${hostname}: ${err.message}`);
if (verbose) displayError(`Stack: ${err.stack}`);
}
}
}
async function getClientInternal() {
if (configParser) {
const hostConfig = configParser.getHost(hostname);
if (hostConfig && !username && !port && !identityFile) {
try {
const c = await tbSSH.createSSHClientFromConfig(hostname);
if (c) return c;
displayError(`createSSHClientFromConfig returned null or undefined for ${hostname}`);
} catch (e) {
displayError(`Error creating SSH client from config for ${hostname}: ${e.message}`);
if (verbose) displayError(`Stack: ${e.stack}`);
}
}
}
const cfg = {
host: hostname,
port: port ? parseInt(port) : 22,
username: username || sessionStorage.getItem("currAcc") || "root",
timeout: 60000,
keepaliveInterval: 60000,
};
if (identityFile) {
const pk = await tbSSH.loadPrivateKey(identityFile);
if (pk) {
cfg.privateKey = pk;
usedKey = identityFile;
displayOutput(`Using identity file: ${identityFile}`);
} else {
displayError(`Failed to load identity file: ${identityFile}`);
createNewCommandInput();
return null;
}
} else {
const defaultKeys = ["~/.ssh/id_ed25519", "~/.ssh/id_rsa", "~/.ssh/id_ecdsa", "~/.ssh/id_dsa"];
for (const kp of defaultKeys) {
const kd = await tbSSH.loadPrivateKey(kp);
if (kd) {
cfg.privateKey = kd;
usedKey = kp;
displayOutput(`Using identity file: ${kp}`);
break;
}
}
if (!cfg.privateKey) {
const password = await new Promise(resolve => {
term.write("Password: ");
let pwd = "";
const disposable = term.onData(data => {
const char = data;
if (char === "\r" || char === "\n") {
term.writeln("");
disposable.dispose();
resolve(pwd);
} else if (char === "\x7f") {
if (pwd.length > 0) {
pwd = pwd.slice(0, -1);
term.write("\b \b");
}
} else if (char >= " " && char <= "~") {
pwd += char;
term.write("*");
}
});
});
cfg.password = password;
}
}
try {
if (cfg.privateKey) {
try {
displayOutput(`Auth: key (source=${usedKey || "inline"}) keyLen=${cfg.privateKey.length} startsWithBegin=${cfg.privateKey.trim().startsWith("-----BEGIN")}`);
} catch (e) {}
} else if (cfg.password) {
displayOutput(`Auth: password (provided)`);
} else {
displayOutput(`Auth: none`);
}
} catch (e) {}
if (typeof tbSSH.createSSHClientWithProxy === "function") {
try {
displayOutput(`Attempting WebSocket proxy connection via ${proxyUrl}...`);
const wsClient = tbSSH.createSSHClientWithProxy(cfg, proxyUrl, true);
await wsClient.connect();
if (wsClient.isConnected()) return wsClient;
} catch (e) {
displayError(`WebSocket proxy failed: ${e.message}`);
if (verbose) displayError(`Stack: ${e.stack}`);
}
}
try {
const c = await tbSSH.createSSHClient(cfg);
if (c && typeof c.connect === "function") return c;
if (c) displayOutput(`createSSHClient returned non-standard object; Client shape: ${Object.getOwnPropertyNames(c).join(", ")}`);
} catch (e) {
displayError(`Error creating SSH client for ${hostname}: ${e.message}`);
if (verbose) displayError(`Stack: ${e.stack}`);
}
if (typeof tbSSH.connectToSSH === "function") {
try {
const connected = await tbSSH.connectToSSH(cfg.host, cfg.port, cfg.username, cfg.password);
if (connected) return connected;
} catch (e) {
displayError(`connectToSSH fallback failed: ${e.message}`);
if (verbose) displayError(`Stack: ${e.stack}`);
}
}
return null;
}
client = await getClientInternal();
if (!client) {
displayError(`Failed to create SSH client for ${hostname}`);
createNewCommandInput();
return;
}
if (!client || typeof client.connect !== "function") {
displayError(`Failed to create SSH client for ${hostname}`);
try {
displayOutput(`Tried: host=${hostname} port=${port ? parseInt(port) : 22} username=${username || sessionStorage.getItem("currAcc") || "root"} auth=${usedKey ? `key(source=${usedKey})` : "password/none"}`);
if (client) {
try {
displayOutput(`Client shape: ${Object.getOwnPropertyNames(client).join(", ")}`);
} catch (e) {}
}
} catch (e) {}
createNewCommandInput();
return;
}
try {
if (typeof client.connect === "function") {
if (!(typeof client.isConnected === "function" && client.isConnected())) {
await client.connect();
}
} else {
if (!(typeof client.isConnected === "function" && client.isConnected())) {
displayError(`SSH client returned but doesn't expose connect() or isConnected() for ${hostname}`);
createNewCommandInput();
return;
}
}
} catch (err) {
if (client && typeof client.disconnect === "function") {
try {
client.disconnect();
} catch (e) {}
}
displayError(`Failed to connect: ${err.message}`);
if (verbose) displayError(`Stack: ${err.stack}`);
createNewCommandInput();
return;
}
displayOutput(`Connected to ${hostname}`);
const isWebSocketClient = typeof client.setStream === "function" && typeof client.write === "function" && typeof client.shell !== "function";
if (isWebSocketClient) {
if (window.parent.tb?.setCommandProcessing) {
window.parent.tb.setCommandProcessing(false);
}
const stream = {
onData: data => {
const text = typeof data === "string" ? data : new TextDecoder().decode(data);
term.write(text);
},
onClose: () => {
displayOutput("\r\nConnection closed.");
client.disconnect();
if (window.parent.tb?.setCommandProcessing) {
window.parent.tb.setCommandProcessing(true);
}
createNewCommandInput();
},
};
client.setStream(stream);
term.onData(data => {
client.write(data);
});
term.onResize(({ cols, rows }) => {
if (typeof client.resize === "function") {
client.resize(cols, rows);
}
});
return;
}
const terminal = new tbSSH.SSHTerminal(client);
await terminal.start();
if (window.parent.tb?.setCommandProcessing) {
window.parent.tb.setCommandProcessing(false);
}
terminal.onData(data => {
term.write(data);
});
terminal.onClose(() => {
displayOutput("\r\nConnection closed.");
if (client) client.disconnect();
try {
if (typeof inputDisposable !== "undefined" && inputDisposable) inputDisposable.dispose();
} catch (e) {}
if (window.parent.tb?.setCommandProcessing) {
window.parent.tb.setCommandProcessing(true);
}
createNewCommandInput();
});
const inputDisposable = term.onData(data => {
terminal.write(data);
});
} catch (error) {
if (client) client.disconnect();
displayError(`Failed to connect: ${error.message}`);
if (verbose) {
displayError(`Stack: ${error.stack}`);
}
createNewCommandInput();
}
})();
================================================
FILE: public/apps/terminal.tapp/scripts/sysfetch.js
================================================
async function sysfetch(args, term) {
if (args._raw.includes("-v")) {
displayOutput("Sysfetch v1.0.0");
createNewCommandInput();
} else {
let accent = "#32ae62";
let settings = JSON.parse(await window.parent.tb.fs.promises.readFile(`/home/${sessionStorage.getItem("currAcc")}/settings.json`, "utf8"));
if (settings["accent"]) {
accent = settings["accent"];
}
displayOutput(" %cSystem Information", "color: #3cc3f0; font-weight: bold; text-decoration: underline;");
displayOutput(`%c@@@@@@@@@@@@@@~ B@@@@@@@@#G?. OS%c: TerbiumOS ${tb.system.version()}`, `color: ${accent}`, "color: #b6b6b6");
displayOutput("%cB###&@@@@&####^ #@@@&PPPB@@@G. Kernel%c: Ayla v1.0.0", `color: ${accent}`, "color: #b6b6b6");
displayOutput("%c ~@@@@J .#@@@P ~&@@@^ DE%c: Alexa", `color: ${accent}`, "color: #b6b6b6");
displayOutput("%c ^@@@@? .#@@@@###&@@&7 %c", `color: ${accent}`, "color: #b6b6b6");
displayOutput("%c ^@@@@? .#@@@#555P&@@B7" + " %cHardware Information (estimated)", `color: ${accent}`, "color: #3cc3f0; font-weight: bold; text-decoration: underline;");
await displayCPUInfo(accent);
await displayMemoryInfo(accent);
await getStorage(accent);
await displayGPUInfo(accent);
createNewCommandInput();
}
}
async function displayCPUInfo(accent) {
let cpuCors = navigator.hardwareConcurrency;
let cpuInfo = "%c ^@@@@? .#@@@P G@@@@" + " %cCPU%c: " + cpuCors + " Logical Cores " + `(${Math.floor(cpuCors / 2)} Cores ${cpuCors} threads)`;
displayOutput(cpuInfo, `color: ${accent}`, `color: ${accent}`, "color: #b6b6b6");
return true;
}
async function displayMemoryInfo(accent) {
let mem = navigator.deviceMemory ? navigator.deviceMemory + "GB" : "Unknown";
let memoryInfo = "%c ^@@@@? .#@@@&GGG#@@@@Y " + " %cMemory%c: " + mem;
displayOutput(memoryInfo, `color: ${accent}`, `color: ${accent}`, "color: #b6b6b6");
return true;
// Im confused tho cus I dont think memory is causing it but like idk
// this is like the process list bug in the tb command where it just wouldnt work in that one specific spot
}
async function displayGPUInfo(accent) {
let canvas = document.createElement("canvas");
let gl = canvas.getContext("webgl") || canvas.getContext("experimental-webgl");
if (!gl) {
displayOutput("%cGPU%c: Information not available", `color: ${accent}`, "color: #b6b6b6");
return;
}
let dbgRenderInfo = gl.getExtension("WEBGL_debug_renderer_info");
if (dbgRenderInfo) {
let rndr = gl.getParameter(dbgRenderInfo.UNMASKED_RENDERER_WEBGL);
let regex = /ANGLE \(.+?,\s*(.+?) \(/;
let match = rndr.match(regex);
let gpuName = match ? match[1] : "";
displayOutput(` %cGPU%c: ${gpuName}`, `color: ${accent}`, "color: #b6b6b6");
} else {
displayOutput(" %cGPU%c: Information not available", `color: ${accent}`, "color: #b6b6b6");
}
return true;
}
async function getStorage(accent) {
const estimate = await navigator.storage.estimate();
const totalSize = estimate.quota;
const usedSize = estimate.usage;
const usedPercentage = (usedSize / totalSize) * 100;
let formattedUsedSize, formattedTotalSize;
if (usedSize >= 1024 * 1024 * 1024) {
formattedUsedSize = `${(usedSize / (1024 * 1024 * 1024)).toFixed(2)} GB`;
} else {
formattedUsedSize = `${(usedSize / (1024 * 1024)).toFixed(2)} MB`;
}
if (totalSize >= 1024 * 1024 * 1024) {
formattedTotalSize = `${(totalSize / (1024 * 1024 * 1024)).toFixed(2)} GB`;
} else {
formattedTotalSize = `${Math.round((totalSize / (1024 * 1024)).toFixed(2))} MB`;
}
displayOutput("%c ^&@@@? B@@@@@@@@&B5~ " + ` %cStorage%c: ${formattedUsedSize} of ${formattedTotalSize}`, `color: ${accent}`, `color: ${accent}`, "color: #b6b6b6");
return true;
}
sysfetch(args, term);
================================================
FILE: public/apps/terminal.tapp/scripts/taskkill.js
================================================
function taskkill(args) {
if (args._raw.includes("list")) {
const windows = tb.process.list();
Object.values(windows).forEach(window => {
displayOutput(`${window.name}, ${window.pid}`);
});
createNewCommandInput();
} else {
try {
window.tb.process.kill(args._raw);
displayOutput(`Successfully killed task with pid: ${args._raw}`);
} catch {
displayError("Not task found with that PID");
}
createNewCommandInput();
}
}
taskkill(args);
================================================
FILE: public/apps/terminal.tapp/scripts/tb.js
================================================
const ver = "1.0.0";
var cmdData = {
help: {
desc: "Shows information about a given subcommand",
usage: "tb help ...",
args: {
subcmd: "The subcommand to look up. I.e. tb help system version",
},
},
restart: {
desc: "Restarts TerbiumOS",
usage: "tb restart ",
alias: "reboot",
args: {
"-f/--force": "Clears the session cache upon reboot and reboots to bootloader",
"-s/--skip-prompt": "Skips the confirm reboot prompt",
},
},
process: {
desc: "Parent command for listing terbium processes.",
usage: "tb process [subcmd] ... ",
alias: "proc",
subcmds: {
kill: {
desc: "Kill/delete a given process",
usage: "tb process kill [pid]",
alias: "delete",
args: {
pid: "The ID of the process to kill/delete",
},
},
list: {
desc: "[ ! BROKEN ! ] Lists all active processes",
usage: "tb process list",
},
},
},
system: {
desc: "Parent command for details about the terbium system.",
usage: "tb system [subcmd] ... ",
alias: "sys",
subcmds: {
version: {
desc: "Display the currently installed Terbium version.",
usage: "tb system version",
alias: "ver",
},
exportfs: {
desc: "Export the terbium filesystem.",
usage: "tb system exportfs",
},
restartNode: {
desc: "Restarts the NodeJS Container",
usage: "tb system restartNode",
},
},
},
application: {
desc: "Parent command for running/modifying apps.",
usage: "tb application [subcmd] ... ",
alias: "app",
subcmds: {
run: {
desc: "Runs the app located at the specified package ID",
usage: "tb application run [app] ",
alias: "open",
args: {
app: "The name of the app to open. Replace any spaces with an underscore ( _ ). Not case sensitive.",
"-l/--legacy": "Toggle if the old `com.tb.appname` format should be used or not.",
"-j/--json-file": "Process the app argument as a path to an app's configuration file.",
},
},
list: {
desc: "Lists the installed applications.",
usage: "tb application list ",
args: {
"-d/--directory": "Shows the directory that the application is located",
"-c/--config": "Shows the location of the app's config file",
},
},
},
},
network: {
desc: "Parent command for interacting with Terbium's networking system",
usage: "tb network [subcmd] ... ",
alias: "net",
subcmds: {
proxy: {
desc: "Parent command for modifying/reading info about the current proxy.",
usage: "tb network proxy [subcmd] ... ",
subcmds: {
active: {
desc: "Prints the active proxy in use by Terbium.",
usage: "tb network proxy active",
},
set: {
desc: "Change the proxy that Terbium will use",
usage: "tb network proxy set [proxy]",
args: {
proxy: "The name of the proxy to switch to. CASE SENSITIVE!!!",
},
},
},
},
},
},
node: {
desc: "Parent command for interacting with Terbium's NodeJS container",
usage: "tb node [subcmd] ... ",
subcmds: {
restart: {
desc: "Restarts the NodeJS container",
usage: "tb node restart",
},
start: {
desc: "Starts the NodeJS container",
usage: "tb node start",
},
stop: {
desc: "Stops the NodeJS container",
usage: "tb node stop",
},
},
},
};
async function tb(args) {
function error(err) {
displayError(`${err}\n`);
createNewCommandInput();
}
function help(args) {
function resolveCommand(args) {
let current = cmdData;
for (let i = 1; i < args.length; i++) {
const input = args[i];
const scope = current.subcmds || current;
const match = Object.entries(scope).find(([key, val]) => key === input || val.alias === input);
if (!match) {
displayOutput(`Unknown command or alias: ${input}`);
return null;
}
current = match[1];
}
if (args.length === 1) {
current.v = true;
}
return current;
}
function formatData(info) {
if (typeof info.v === "undefined") {
displayOutput(`Description: ${info.desc}\n`);
displayOutput(`USAGE: ${info.usage}`);
if (info.alias) displayOutput(`ALIAS(ES): ${info.alias}\n`);
if (info.subcmds) {
displayOutput("SUBCOMMANDS:");
const subkeys = Object.keys(info.subcmds);
for (let i = 0; i < subkeys.length; i++) {
displayOutput(`${`${subkeys[i]} ${info.subcmds[subkeys[i]].alias ? `(alias: ${info.subcmds[subkeys[i]].alias})` : ""}`.padEnd(40)}${info.subcmds[subkeys[i]].desc}\n`);
}
} else if (info.args) {
displayOutput("ARGUMENTS:");
const subkeys = Object.keys(info.args);
for (let i = 0; i < subkeys.length; i++) {
displayOutput(`${`${subkeys[i]}`.padEnd(40)}${info.args[subkeys[i]]}\n`);
}
}
} else {
delete info.v;
displayOutput('Any commands listed as "parent" commands have subcommands. Use `tb help ` to view it\'s commands.');
displayOutput("List of available commands:\n");
const cmdKeys = Object.keys(cmdData);
for (let i = 0; i < cmdKeys.length; i++) {
displayOutput(`${`${cmdKeys[i]} ${cmdData[cmdKeys[i]].alias ? `(alias: ${cmdData[cmdKeys[i]].alias})` : ""}`.padEnd(40)}${cmdData[cmdKeys[i]].desc}\n`);
}
}
}
const data = resolveCommand(args);
if (data != null) {
formatData(data);
}
displayOutput(`Terbium System CLI v${ver}`);
createNewCommandInput();
}
switch (args._[0]) {
case undefined:
case null:
help(["help"]);
break;
case "help":
help(args._);
break;
case "restart":
case "reboot": {
function handleReboot() {
if (args.f || args.force) {
window.parent.sessionStorage.clear();
window.parent.location.reload();
} else {
window.parent.sessionStorage.setItem("logged-in", "false");
window.parent.location.reload();
}
}
if (args.s || args.skipPrompt) {
handleReboot();
} else {
await window.parent.tb.dialog.Permissions({
title: "Confirm restart",
message: "Are you sure you want to restart Terbium?",
onOk: () => {
handleReboot();
},
onCancel: () => {
error("tb > restart > operation aborted by user");
},
});
}
break;
}
case "lock":
window.parent.sessionStorage.setItem("logged-in", false);
window.parent.location.reload();
break;
case "process":
case "proc":
switch (args._[1]) {
case undefined:
case null:
error("tb > process > expected an argument at pos 3, got nothing");
break;
case "kill":
case "delete":
if (args._[2] === undefined) {
error("tb > process > kill > expected an argument at pos 4, got nothing");
} else {
window.parent.tb.process.kill(args._[2]);
}
createNewCommandInput();
break;
case "list": {
/*
const proclist = window.parent.tb.process.list();
const proclistIDs = Object.keys(proclist);
for (let i = 0; i < proclist.length; i++) {
displayOutput(`"${typeof proclist[i].name === "string" ? proclist[i].name : proclist[i].name.text}" [PID: ${proclistIDs[i]}]`);
}
createNewCommandInput();
*/
error("tb > process > list > This command is currently broken. If you need to see a list of process ID's, please use task manager for now");
break;
}
default:
error(`tb > process > unknown subcommand: ${args._[1]}`);
}
break;
case "sys":
case "system":
switch (args._[1]) {
case undefined:
case null:
error("tb > system > expected an argument at pos 3, got nothing");
break;
case "ver":
case "version":
displayOutput(`TerbiumOS version ${window.parent.tb.system.version()}`);
createNewCommandInput();
break;
case "exportfs":
window.parent.tb.setCommandProcessing(true);
displayOutput("! WARNING !");
displayOutput("Using this command may cause the tab to freeze momentarily.");
displayOutput("DO NOT close this tab until the file finishes downloading.");
await window.parent.tb.system.exportfs();
window.parent.tb.setCommandProcessing(false);
displayOutput("Success!");
createNewCommandInput();
break;
default:
error(`tb > system > unknown subcommand: ${args._[1]}`);
}
break;
case "application":
case "app":
switch (args._[1]) {
case undefined:
case null:
error("tb > application > expected an argument at pos 3, got nothing");
break;
case "run":
case "open": {
if (args._[2] === undefined) {
error("tb > application > run > expected an argument at pos 4, got nothing");
} else {
try {
if (args.l || args.legacy) {
if (args._[3]) {
await window.parent.tb.system.openApp(args._[2], { rest: args._[3] });
createNewCommandInput();
} else {
await window.parent.tb.system.openApp(args._[2]);
createNewCommandInput();
}
} else {
// biome-ignore lint/correctness/noInnerDeclarations: variable isnt needed at the root, keep it at the current scope
var resolvedAppConfigFile = "";
if (args.j || args.jsonFile) resolvedAppConfigFile = args._[2];
else {
const trueApp = args._[2].split("_").join(" ");
const apps = JSON.parse(await window.parent.tb.fs.promises.readFile("/apps/installed.json", "utf8"));
const app = apps.find(obj => obj.name.toLowerCase() === trueApp.toLowerCase());
if (app === undefined) resolvedAppConfigFile = undefined;
else resolvedAppConfigFile = app.config;
}
if (resolvedAppConfigFile === undefined) error("tb > application > run > could not find that app");
else {
const appConfig = JSON.parse(await window.parent.tb.fs.promises.readFile(resolvedAppConfigFile)).config;
window.parent.tb.window.create(appConfig);
createNewCommandInput();
}
}
} catch (e) {
error(`tb > application > run > failed to open app: ${e.message}`);
}
}
break;
}
case "list": {
const apps = JSON.parse(await window.parent.tb.fs.promises.readFile("/apps/installed.json", "utf8"));
for (const app of apps) {
displayOutput(`"${app.name}"${args.d || args.directory ? ` (Directory: ${app.config.replace("index.json", "")})` : ""}${args.c || args.config ? ` (Configuration: ${app.config})` : ""}`);
}
createNewCommandInput();
break;
}
default:
error(`tb > application > unknown subcommand: ${args._[1]}`);
}
break;
case "network":
case "net":
switch (args._[1]) {
case "proxy":
switch (args._[2]) {
case "active":
displayOutput(`Active proxy: ${await window.parent.tb.proxy.get()}`);
createNewCommandInput();
break;
case "set":
if (typeof args._[3] !== "undefined") {
displayOutput((await window.parent.tb.proxy.set(args._[3])) ? `Successfully set the active proxy to ${args._[3]}` : `Could not set the active proxy to ${args._[3]}.`);
createNewCommandInput();
} else {
error("tb > network > proxy > set > expected an argument at pos 5, got nothing");
}
break;
default:
error(`tb > network > proxy > unknown subcommand: ${args._[2]}`);
break;
}
break;
default:
error(`tb > network > unknown subcommand: ${args._[1]}`);
break;
}
break;
case "node":
switch (args._[1]) {
case "restart":
window.parent.tb.setCommandProcessing(true);
displayOutput("Restarting NodeJS container...");
try {
await window.parent.tb.node.stop();
displayOutput("container stopped successfullty. starting...");
await window.parent.tb.node.start();
displayOutput("Container restarted.");
window.parent.tb.setCommandProcessing(false);
createNewCommandInput();
} catch (e) {
error("tb > node > restart > Could not restart the NodeJS container.");
}
window.parent.tb.setCommandProcessing(false);
createNewCommandInput();
break;
case "start":
window.parent.tb.setCommandProcessing(true);
if (window.parent.tb.node.isReady) {
displayOutput("NodeJS container is already running.");
} else {
displayOutput("Starting NodeJS container...");
try {
window.parent.tb.node.start();
displayOutput("Successfully started the NodeJS container.");
} catch (_) {
error("tb > node > start > An error occured while starting the NodeJS container.");
}
}
window.parent.tb.setCommandProcessing(false);
createNewCommandInput();
break;
case "stop":
window.parent.tb.setCommandProcessing(true);
if (window.parent.tb.node.isReady) {
displayOutput("Stopping NodeJS container...");
try {
window.parent.tb.node.start();
displayOutput("Successfully stopped the NodeJS container.");
} catch (_) {
error("tb > node > stop > An error occured while stopping the NodeJS container.");
}
} else {
displayOutput("NodeJS container is already stopped.");
}
window.parent.tb.setCommandProcessing(false);
createNewCommandInput();
break;
default:
error(`tb > network > unknown subcommand: ${args._[1]}`);
break;
}
break;
default:
error(`tb > unknown subcommand: ${args._[0]}`);
break;
}
}
tb(args, term);
================================================
FILE: public/apps/terminal.tapp/scripts/touch.js
================================================
async function touch(args) {
if (args._raw.length <= 0) {
displayError("touch: missing operand");
createNewCommandInput();
return;
}
if (path.includes("/mnt/")) {
try {
const match = path.match(/\/mnt\/([^\/]+)\//);
const davName = match ? match[1].toLowerCase() : "";
const np = path.replace(`/mnt/${davName.toLowerCase()}/`, "");
await tb.vfs.servers.get(davName).connection.promises.writeFile(`${np}/${args._raw}`, "", "utf8");
createNewCommandInput();
} catch (e) {
displayError(`TNSM touch: ${e.message}`);
createNewCommandInput();
return;
}
} else {
tb.sh.touch(`${path}/${args._raw}`, err => {
if (err) {
displayError(`touch: ${err.message}`);
createNewCommandInput();
} else {
createNewCommandInput();
}
});
}
}
touch(args);
================================================
FILE: public/apps/terminal.tapp/scripts/unzip.js
================================================
async function uzip(path, target) {
const response = await fetch("/fs/" + path);
const zipFileContent = await response.arrayBuffer();
if (!(await dirExists(target))) {
await window.parent.tb.fs.promises.mkdir(target, { recursive: true });
}
const compressedFiles = window.parent.tb.fflate.unzipSync(new Uint8Array(zipFileContent));
for (const [relativePath, content] of Object.entries(compressedFiles)) {
const fullPath = `${target}/${relativePath}`;
const pathParts = fullPath.split("/");
let currentPath = "";
for (let i = 0; i < pathParts.length; i++) {
currentPath += pathParts[i] + "/";
if (i === pathParts.length - 1 && !relativePath.endsWith("/")) {
try {
console.log(`touch ${currentPath.slice(0, -1)}`);
displayOutput(`touch ${currentPath.slice(0, -1)}`);
await window.parent.tb.fs.promises.writeFile(currentPath.slice(0, -1), window.parent.tb.buffer.from(content), "arraybuffer");
} catch {
displayOutput(`Cant make ${currentPath.slice(0, -1)}`);
console.log(`Cant make ${currentPath.slice(0, -1)}`);
}
} else if (!(await dirExists(currentPath))) {
try {
console.log(`mkdir ${currentPath}`);
displayOutput(`mkdir ${currentPath}`);
await window.parent.tb.fs.promises.mkdir(currentPath);
} catch {
console.log(`Cant make ${currentPath}`);
displayOutput(`Cant make ${currentPath}`);
}
}
}
if (relativePath.endsWith("/")) {
try {
console.log(`mkdir fp ${fullPath}`);
await window.parent.tb.fs.promises.mkdir(fullPath);
} catch {
console.log(`Cant make ${fullPath}`);
}
}
}
return "Done!";
}
const dirExists = async path => {
return new Promise(resolve => {
window.parent.tb.fs.stat(path, (err, stats) => {
if (err) {
if (err.code === "ENOENT") {
resolve(false);
} else {
console.error(err);
resolve(false);
}
} else {
const exists = stats.type === "DIRECTORY";
resolve(exists);
}
});
});
};
async function unzip(args) {
if (!args._raw || args._raw.length < 2) {
displayOutput("Usage: unzip ");
createNewCommandInput();
return;
} else if (path.includes("/mnt/")) {
displayError("TNSM unzip: Unzipping files from mounted drives is not supported yet.");
createNewCommandInput();
return;
}
try {
await uzip(`${path}/${args._[0]}`, `${path}/${args._[1]}`);
displayOutput(`Successfully unzipped ${args._[0]} to ${args._[1]}`);
} catch (e) {
displayError(`Error unzipping file: ${e.message}`);
}
createNewCommandInput();
return;
}
unzip(args);
================================================
FILE: public/apps/terminal.tapp/ssh-util.js
================================================
(()=>{"use strict";var e={};e.d=(n,t)=>{for(var r in t)e.o(t,r)&&!e.o(n,r)&&Object.defineProperty(n,r,{enumerable:!0,get:t[r]})},e.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n);var n={};function t(e,n,t,r,o,s,i){try{var c=e[s](i),a=c.value}catch(e){t(e);return}c.done?n(a):Promise.resolve(a).then(r,o)}function r(e){return function(){var n=this,r=arguments;return new Promise(function(o,s){var i=e.apply(n,r);function c(e){t(i,o,s,c,a,"next",e)}function a(e){t(i,o,s,c,a,"throw",e)}c(void 0)})}}e.d(n,{default:()=>w});function o(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function s(e,n){var t,r,o,s={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]},i=Object.create(("function"==typeof Iterator?Iterator:Object).prototype),c=Object.defineProperty;return c(i,"next",{value:a(0)}),c(i,"throw",{value:a(1)}),c(i,"return",{value:a(2)}),"function"==typeof Symbol&&c(i,Symbol.iterator,{value:function(){return this}}),i;function a(c){return function(a){var l=[c,a];if(t)throw TypeError("Generator is already executing.");for(;i&&(i=0,l[0]&&(s=0)),s;)try{if(t=1,r&&(o=2&l[0]?r.return:l[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,l[1])).done)return o;switch(r=0,o&&(l=[2&l[0],o.value]),l[0]){case 0:case 1:o=l;break;case 4:return s.label++,{value:l[1],done:!1};case 5:s.label++,r=l[1],l=[0];continue;case 7:l=s.ops.pop(),s.trys.pop();continue;default:if(!(o=(o=s.trys).length>0&&o[o.length-1])&&(6===l[0]||2===l[0])){s=0;continue}if(3===l[0]&&(!o||l[1]>o[0]&&l[1]=l)throw console.error("[SSH] All retry attempts failed"),u;this._didRetry=!0,this.config.timeout,this.config.timeout=Math.max(2*this.config.timeout,12e4),console.log("[SSH] Retrying connection with increased timeout:",this.config.timeout);try{this.sshProcess&&"function"==typeof this.sshProcess.kill&&this.sshProcess.kill()}catch(e){console.warn("[SSH] Error killing previous process:",e)}return[4,this.webContainer.spawn("node",[o])];case 15:return f=s.sent(),this.sshProcess=f,h=f.output.getReader(),this.readOutput(h),[3,16];case 16:return[3,11];case 17:return this.connected=!0,this.authenticated=!0,[2]}})}).call(this)}},{key:"ensureSSH2Installed",value:function(){return r(function(){var e,n,t;return s(this,function(r){switch(r.label){case 0:return r.trys.push([0,7,,11]),console.log("[SSH] Checking for existing package.json..."),[4,this.webContainer.fs.readFile("/package.json","utf-8")];case 1:if(console.log("[SSH] Found package.json:",t=JSON.parse(r.sent())),!(!(null==(e=t.dependencies)?void 0:e.ssh2)||!(null==(n=t.dependencies)?void 0:n.sshpk)))return[3,5];return console.log("[SSH] Adding ssh2 and sshpk to dependencies if missing..."),t.dependencies=t.dependencies||{},t.dependencies.ssh2=t.dependencies.ssh2||"^1.15.0",t.dependencies.sshpk=t.dependencies.sshpk||"^1.16.1",[4,this.webContainer.fs.writeFile("/package.json",JSON.stringify(t,null,2))];case 2:return r.sent(),console.log("[SSH] Running npm install..."),[4,this.webContainer.spawn("npm",["install"])];case 3:return[4,r.sent().exit];case 4:return console.log("[SSH] npm install completed with exit code:",r.sent()),[3,6];case 5:console.log("[SSH] ssh2 and sshpk already installed"),r.label=6;case 6:return[3,11];case 7:return r.sent(),console.log("[SSH] No package.json found or error, creating new one..."),[4,this.webContainer.fs.writeFile("/package.json",JSON.stringify({name:"ssh-client",dependencies:{ssh2:"^1.15.0"}},null,2))];case 8:return r.sent(),console.log("[SSH] Running npm install for new package.json..."),[4,this.webContainer.spawn("npm",["install"])];case 9:return[4,r.sent().exit];case 10:return console.log("[SSH] npm install completed with exit code:",r.sent()),[3,11];case 11:return[2]}})}).call(this)}},{key:"generateSSHScript",value:function(){var e=this.config,n=e.host,t=e.port,r=e.username,o=e.password,s=e.privateKey,i=e.passphrase,c=[];c.push("host: ".concat(JSON.stringify(n))),c.push("port: ".concat(t)),c.push("username: ".concat(JSON.stringify(r))),o&&c.push("password: ".concat(JSON.stringify(o))),s&&c.push("privateKey: ".concat(JSON.stringify(s))),i&&c.push("passphrase: ".concat(JSON.stringify(i))),c.push("readyTimeout: ".concat(this.config.timeout)),c.push("keepaliveInterval: ".concat(this.config.keepaliveInterval)),c.push("algorithms: {\n kex: [\n 'diffie-hellman-group14-sha1',\n 'diffie-hellman-group-exchange-sha256',\n 'ecdh-sha2-nistp256',\n 'ecdh-sha2-nistp384',\n 'ecdh-sha2-nistp521',\n 'curve25519-sha256',\n 'curve25519-sha256@libssh.org',\n 'diffie-hellman-group1-sha1',\n 'diffie-hellman-group-exchange-sha1'\n ],\n cipher: [\n 'aes128-ctr','aes192-ctr','aes256-ctr','aes128-gcm','aes128-gcm@openssh.com','aes256-gcm','aes256-gcm@openssh.com','aes128-cbc','aes192-cbc','aes256-cbc','3des-cbc'\n ],\n hmac: ['hmac-sha2-256','hmac-sha2-512','hmac-sha1'],\n serverHostKey: ['ssh-rsa','rsa-sha2-512','rsa-sha2-256','ecdsa-sha2-nistp256','ecdsa-sha2-nistp384','ecdsa-sha2-nistp521','ssh-dss']\n }"),c.push("debug: (msg) => console.log('[ssh2-debug]', msg)"),c.push("hostVerifier: (hash) => { console.log('[ssh2] hostVerifier:', hash); return true; }");var a="{\n ".concat(c.join(",\n "),"\n }");return"\nconsole.log('[SSH Script] Starting...');\nimport { Client } from 'ssh2';\nimport net from 'net';\nconsole.log('[SSH Script] ssh2 module loaded');\n\nconst conn = new Client();\nlet shellStream = null;\n\nconsole.log('[SSH Script] Setting up event handlers...');\n\nconn.on('ready', () => {\n console.log('[SSH Script] Connection ready event fired');\n console.log('___SSH_CONNECTED___');\n\n conn.shell((err, stream) => {\n if (err) {\n console.error('[SSH Script] Shell error:', err.message);\n console.error('___SSH_ERROR___', err.message);\n process.exit(1);\n }\n\n console.log('[SSH Script] Shell stream established');\n shellStream = stream;\n\n stream.on('data', (data) => {\n process.stdout.write(data);\n });\n\n stream.on('close', () => {\n console.log('___SSH_CLOSED___');\n conn.end();\n });\n\n stream.stderr.on('data', (data) => {\n process.stderr.write(data);\n });\n\n process.stdin.setEncoding('utf8');\n process.stdin.on('data', (data) => {\n if (shellStream) {\n shellStream.write(data);\n }\n });\n });\n});\n\nconn.on('error', (err) => {\n console.error('[SSH Script] Connection error:', err);\n console.error('___SSH_ERROR___', err.message);\n // dump helpful debug info\n try { console.error('[SSH Script] conn properties:', JSON.stringify({ localAddr: conn.localAddress, localPort: conn.localPort })); } catch(e) {}\n process.exit(1);\n});\n\nconn.on('banner', (msg) => {\n console.log('[SSH Script] Server banner:', msg);\n});\n\nconn.on('close', () => {\n console.log('___SSH_CLOSED___');\n});\n\nconsole.log('[SSH Script] Preparing connection config...');\nconst config = ".concat(a,";\n\n// expose the client identification (ident) to mimic OpenSSH for compatibility\nif (!config.ident) {\n config.ident = 'SSH-2.0-OpenSSH_8.9p1';\n}\n\n// If OPENSSH private key format is present, try converting to PEM (sshpk must be installed in the container)\ntry {\n if (config.privateKey && typeof config.privateKey === 'string' && config.privateKey.includes('-----BEGIN OPENSSH PRIVATE KEY-----')) {\n try {\n const { default: sshpk } = await import('sshpk');\n const keyObj = sshpk.parsePrivateKey(config.privateKey, 'openssh');\n config.privateKey = keyObj.toString('pem');\n console.log('[SSH Script] Converted OPENSSH private key to PEM format');\n } catch (e) {\n console.log('[SSH Script] Key conversion failed:', e && e.message);\n }\n }\n} catch(e) { console.log('[SSH Script] Key conversion check error:', e && e.message); }\n\nconsole.log('[SSH Script] Connecting with config:', JSON.stringify({...config, password: config.password ? '***' : undefined, privateKey: config.privateKey ? '***' : undefined, algorithms: config.algorithms}, null, 2));\n\n// TCP banner check to verify server sends SSH identification\nasync function checkServerBanner(host, port, timeoutMs = 10000) {\n return new Promise((resolve) => {\n const sock = net.createConnection(port, host, () => {});\n sock.setEncoding('utf8');\n let buffer = '';\n let done = false;\n sock.on('data', (chunk) => {\n buffer += chunk;\n if (buffer.indexOf('\\n') !== -1 && !done) {\n done = true;\n const line = buffer.split(/\\r?\\n/)[0];\n console.log('[SSH Script] Server banner (raw):', line);\n sock.destroy();\n resolve(line);\n }\n });\n sock.on('error', (err) => {\n if (!done) { done = true; console.log('[SSH Script] Server banner check error:', err.message); resolve(null); }\n });\n setTimeout(() => {\n if (!done) { done = true; console.log('[SSH Script] Server banner check timeout'); try { sock.destroy(); } catch(e) {} resolve(null); }\n }, timeoutMs);\n });\n}\n\ntry {\n const banner = await checkServerBanner(config.host, config.port, 10000);\n if (!banner) {\n console.log('[SSH Script] No server banner received before connect; proceeding anyway');\n }\n\n conn.connect(config);\n console.log('[SSH Script] connect() called, waiting for events...');\n} catch (e) {\n console.error('[SSH Script] Top-level error during connect flow:', e);\n console.error('___SSH_ERROR___', e && e.message ? e.message : String(e));\n process.exit(1);\n}\n")}},{key:"readOutput",value:function(e){return r(function(){var n,t;return s(this,function(r){switch(r.label){case 0:console.log("[SSH] Starting output reader..."),r.label=1;case 1:r.trys.push([1,5,,6]),t=function(){var t,r,o,i,c,a;return s(this,function(s){switch(s.label){case 0:return[4,e.read()];case 1:if(r=(t=s.sent()).done,o=t.value,r)return console.log("[SSH] Output stream ended"),[2,"break"];if(i=void 0,c=void 0,"string"==typeof o)c=o,i=new TextEncoder().encode(o),console.log("[SSH] Received string output:",c.substring(0,200));else{var l;if(null!=(l=Uint8Array)&&"u">typeof Symbol&&l[Symbol.hasInstance]?!l[Symbol.hasInstance](o):!(o instanceof l))return console.error("[SSH] Unexpected value type:",void 0===o?"undefined":o&&"u">typeof Symbol&&o.constructor===Symbol?"symbol":typeof o),[2,"continue"];i=o,console.log("[SSH] Received bytes output:",(c=new TextDecoder().decode(o)).substring(0,200))}if(c.includes("___SSH_CONNECTED___"))return[2,"continue"];if(c.includes("___SSH_CLOSED___"))return n.handleClose(),[2,"continue"];if(c.includes("___SSH_ERROR___"))return console.error("SSH Error:",null==(a=c.split("___SSH_ERROR___")[1])?void 0:a.trim()),[2,"continue"];return n.dataCallbacks.forEach(function(e){return e(i)}),[2]}})},r.label=2;case 2:return n=this,[5,function(e){var n="function"==typeof Symbol&&Symbol.iterator,t=n&&e[n],r=0;if(t)return t.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw TypeError(n?"Object is not iterable.":"Symbol.iterator is not defined.")}(t())];case 3:if("break"===r.sent())return[3,4];return[3,2];case 4:return[3,6];case 5:return console.error("Error reading SSH output:",r.sent()),this.handleClose(),[3,6];case 6:return[2]}})}).call(this)}},{key:"waitForConnection",value:function(){return r(function(){var e;return s(this,function(n){return e=this,[2,new Promise(function(n,t){console.log("[SSH] Setting up connection timeout:",e.config.timeout+"ms");var r=setTimeout(function(){console.error("[SSH] Connection timeout! No SSH_CONNECTED marker received within",e.config.timeout+"ms"),console.error("[SSH] Buffer contents:",o),t(Error("SSH connection timeout"))},e.config.timeout),o="",s=function(t){var i=new TextDecoder().decode(t);if(o+=i,console.log("[SSH] Checking for connection marker in chunk:",i.substring(0,100)),o.includes("___SSH_CONNECTED___")){console.log("[SSH] Connection marker found!"),clearTimeout(r);var c=e.dataCallbacks.indexOf(s);c>-1&&e.dataCallbacks.splice(c,1),n()}};console.log("[SSH] Registered connection check callback"),e.dataCallbacks.push(s)})]})}).call(this)}},{key:"handleClose",value:function(){this.connected=!1,this.authenticated=!1,this.closeCallbacks.forEach(function(e){return e()})}},{key:"exec",value:function(e){return r(function(){var n,t,r,o,i,c,a,l,u,f,h;return s(this,function(s){switch(s.label){case 0:if(!this.authenticated)throw Error("Not authenticated");return n="\nconst { Client } = require('ssh2');\nconst conn = new Client();\n\nconn.on('ready', () => {\n conn.exec(".concat(JSON.stringify(e),", (err, stream) => {\n if (err) {\n console.error('ERROR:', err.message);\n process.exit(1);\n }\n \n let stdout = '';\n let stderr = '';\n \n stream.on('data', (data) => {\n stdout += data.toString();\n });\n \n stream.stderr.on('data', (data) => {\n stderr += data.toString();\n });\n \n stream.on('close', (code) => {\n console.log('___STDOUT___' + stdout + '___END_STDOUT___');\n console.log('___STDERR___' + stderr + '___END_STDERR___');\n console.log('___EXIT_CODE___' + code + '___END_EXIT_CODE___');\n conn.end();\n });\n });\n});\n\nconn.connect(").concat(JSON.stringify({host:this.config.host,port:this.config.port,username:this.config.username,password:this.config.password,privateKey:this.config.privateKey,passphrase:this.config.passphrase}),");\n"),t="ssh-exec.js",[4,this.webContainer.fs.writeFile(t,n)];case 1:return s.sent(),[4,this.webContainer.spawn("node",[t])];case 2:r=s.sent(),o="",i=r.output.getReader(),s.label=3;case 3:return[4,i.read()];case 4:if(a=(c=s.sent()).done,l=c.value,a)return[3,5];return o+=new TextDecoder().decode(l),[3,3];case 5:return[4,r.exit];case 6:return s.sent(),u=o.match(RegExp("___STDOUT___(.*?)___END_STDOUT___","s")),f=o.match(RegExp("___STDERR___(.*?)___END_STDERR___","s")),h=o.match(/___EXIT_CODE___(\d+)___END_EXIT_CODE___/),[2,{stdout:u?u[1]:"",stderr:f?f[1]:"",exitCode:h?parseInt(h[1]):0}]}})}).call(this)}},{key:"shell",value:function(){return r(function(){var e;return s(this,function(n){if(e=this,!this.authenticated)throw Error("Not authenticated");return[2,{write:function(n){if(e.sshProcess)try{var t="string"==typeof n?new TextEncoder().encode(n):n,r=e.sshProcess.input.getWriter();r.write(t),r.releaseLock()}catch(e){console.error("Error writing to SSH:",e)}},onData:function(n){e.dataCallbacks.push(n)},onClose:function(n){e.closeCallbacks.push(n)},close:function(){e.sshProcess&&e.sshProcess.kill()}}]})}).call(this)}},{key:"sftp",value:function(){return r(function(){return s(this,function(e){throw Error("SFTP not yet implemented in WebContainer version")})})()}},{key:"disconnect",value:function(){if(this.sshProcess)try{this.sshProcess.kill()}catch(e){console.error("Error killing SSH process:",e)}this.connected=!1,this.authenticated=!1,this.connectionPromise=null}},{key:"isConnected",value:function(){return this.connected}},{key:"isAuthenticated",value:function(){return this.authenticated}}],function(e,n){for(var t=0;t1&&void 0!==arguments[1]?arguments[1]:"ws://localhost:3333",r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(!(this instanceof n))throw TypeError("Cannot call a class as a function");a(this,"config",void 0),a(this,"ws",null),a(this,"stream",null),a(this,"connected",!1),a(this,"proxyUrl",void 0),a(this,"useLibcurl",!1),this.config=function(e){for(var n=1;n0&&o[o.length-1])&&(6===l[0]||2===l[0])){s=0;continue}if(3===l[0]&&(!o||l[1]>o[0]&&l[1]typeof window&&window.parent.tb.libcurl.WebSocket?(console.log("[SSH WS] Using libcurl.js WebSocket"),e.ws=new window.parent.tb.libcurl.WebSocket(o)):(console.log("[SSH WS] Using native WebSocket"),e.ws=new WebSocket(o)),e.ws.binaryType="arraybuffer";var s=setTimeout(function(){e.connected||t(Error("WebSocket connection timeout"))},e.config.timeout);e.ws.onopen=function(){console.log("[SSH WS] WebSocket connected to proxy"),clearTimeout(s);var n,t=JSON.stringify({type:"ssh-auth",username:e.config.username,password:e.config.password,privateKey:e.config.privateKey,passphrase:e.config.passphrase});null==(n=e.ws)||n.send(t)},e.ws.onmessage=function(r){if("string"==typeof r.data)try{var o=JSON.parse(r.data);"connected"===o.type?(console.log("[SSH WS] SSH connection established"),e.connected=!0,n()):"error"===o.type&&(console.error("[SSH WS] SSH error:",o.message),t(Error(o.message)))}catch(e){console.error("[SSH WS] Failed to parse message:",e)}else if(e.stream&&e.stream.onData){var s=new Uint8Array(r.data);e.stream.onData(s)}},e.ws.onerror=function(e){console.error("[SSH WS] WebSocket error:",e),t(Error("WebSocket connection failed"))},e.ws.onclose=function(){console.log("[SSH WS] WebSocket closed"),e.connected=!1,e.stream&&e.stream.onClose&&e.stream.onClose()}}catch(e){t(e)}})]})},function(){var n=this,t=arguments;return new Promise(function(r,o){var s=e.apply(n,t);function i(e){c(s,r,o,i,a,"next",e)}function a(e){c(s,r,o,i,a,"throw",e)}i(void 0)})}).call(this)}},{key:"write",value:function(e){this.ws&&this.ws.readyState===WebSocket.OPEN?"string"==typeof e?this.ws.send(e):this.ws.send(e.buffer):console.error("[SSH WS] Cannot write - WebSocket not open")}},{key:"resize",value:function(e,n){if(this.ws&&this.ws.readyState===WebSocket.OPEN){var t=JSON.stringify({type:"resize",cols:e,rows:n});this.ws.send(t)}}},{key:"disconnect",value:function(){console.log("[SSH WS] Disconnecting..."),this.connected=!1,this.ws&&(this.ws.close(),this.ws=null)}},{key:"getStream",value:function(){return this.stream}},{key:"setStream",value:function(e){this.stream=e}},{key:"isConnected",value:function(){var e;return this.connected&&(null==(e=this.ws)?void 0:e.readyState)===WebSocket.OPEN}}],function(e,n){for(var t=0;t0&&o[o.length-1])&&(6===l[0]||2===l[0])){s=0;continue}if(3===l[0]&&(!o||l[1]>o[0]&&l[1]typeof window&&(b().catch(console.error),console.log("TB-SSH initialized (WebContainer mode)")),window.tbSSH=n.default})();
//# sourceMappingURL=main.js.map
================================================
FILE: public/apps/terminal.tapp/terminal.css
================================================
@font-face {
font-family: Inter;
src: url(/fonts/Inter.ttf);
}
body {
font-family: Inter;
margin: 0;
padding: 0;
color: #b6b6b6;
display: flex;
flex-direction: column;
height: 100vh;
background-color: #000000b9;
}
#term {
padding: 0 2.5px 2.5px 2.5px;
flex-grow: 1;
min-height: 0;
display: flex;
flex-direction: column;
}
.term-session {
flex: 1 1 auto;
min-height: 0;
display: flex;
position: relative;
overflow: hidden;
}
.xterm {
flex: 1 1 auto;
height: 100%;
width: 100%;
}
#output {
min-height: 200px;
overflow-y: auto;
font-family: monospace;
flex-grow: 1;
scrollbar-color: #ffffff1f transparent;
scrollbar-width: thin;
}
#output::-webkit-scrollbar {
width: 8px;
}
#output::-webkit-scrollbar-track {
background-color: transparent;
}
#output::-webkit-scrollbar-thumb {
background-color: #ffffff1f;
border-radius: 4px;
}
#output::-webkit-scrollbar-thumb:hover {
background-color: #ffffff3c;
}
#output::-webkit-scrollbar-thumb:active {
background-color: #ffffff5c;
}
#output div {
white-space: pre-wrap;
}
.user-input {
display: flex;
align-items: center;
}
#input {
border: none;
outline: none;
background-color: transparent;
color: #ffffff;
padding: 0;
font-family: monospace;
cursor: default;
margin-left: -2px;
}
.error-text {
color: #e64343;
}
.xterm-helpers {
position: absolute;
opacity: 0;
}
================================================
FILE: public/apps/terminal.tapp/terminal_com.js
================================================
const tb = parent.window.tb;
const tb_island = tb.window.island;
const tb_window = tb.window;
const tb_context_menu = tb.context_menu;
const tb_dialog = tb.dialog;
tb_island.addControl({
text: "Help",
appname: "Terminal",
id: "terminal-help",
click: async () => {
term.write("help");
await window.handleCommand("help");
},
});
================================================
FILE: public/apps/text editor.tapp/index.css
================================================
@font-face {
font-family: Inter;
src: url(/fonts/Inter.ttf);
}
html,
body {
margin: 0;
padding: 0;
}
body {
display: flex;
font-family: Inter;
color: #ffffff;
scrollbar-width: thin;
scrollbar-color: #ffffff44 transparent;
overflow: hidden;
}
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-track {
background: transparent;
}
::-webkit-scrollbar-thumb {
background-color: #ffffff44;
border-radius: 20px;
border: transparent;
}
================================================
FILE: public/apps/text editor.tapp/index.html
================================================
Text Editor
================================================
FILE: public/apps/text editor.tapp/index.js
================================================
import * as webdav from "/fs/apps/system/files.tapp/webdav.js";
window.webdav = webdav;
function openFile(data) {
const textarea = document.querySelector("textarea");
textarea.value = data;
updateLineNumbers();
}
async function updateLineNumbers() {
const textarea = document.querySelector("textarea");
//const lines = textarea.value.split("\n");
//const lineNumbers = document.querySelector(".lines");
const obj = await hljs.highlightAuto(document.querySelector("textarea").value);
console.log(obj.language);
/*
lineNumbers.innerHTML = "";
lines.forEach((line, i) => {
console.log(i);
const span = document.createElement("span");
const linesStyles = [
"leading-tight", "font-extrabold", "cursor-pointer"
]
span.innerText = i + 1;
span.classList.add(...linesStyles);
lineNumbers.appendChild(span);
})
document.body.style.setProperty("--lines", lines.length);
document.body.style.setProperty("--lines-width", lineNumbers.offsetWidth + "px");
*/
}
window.addEventListener("contextmenu", e => {
e.preventDefault();
return false;
});
// window.addEventListener("load", () => {
// updateLineNumbers();
// })
window.addEventListener("message", async function load(e) {
let data;
try {
data = JSON.parse(e.data);
} catch (err) {
data = e.data;
}
if (data && data.type === "process" && data.path) {
if (!data.path.includes("http")) {
let file = await window.parent.tb.fs.promises.readFile(data.path, "utf8");
if (typeof file === "object") file = JSON.stringify(file);
document.body.setAttribute("path", data.path);
openFile(file);
// updateLineNumbers();
} else {
try {
const davInstances = JSON.parse(await window.parent.tb.fs.promises.readFile(`/apps/user/${sessionStorage.getItem("currAcc")}/files/davs.json`, "utf8"));
const davUrl = data.path.split("/dav/")[0] + "/dav/";
const dav = davInstances.find(d => d.url.toLowerCase().includes(davUrl));
if (!dav) throw new Error("No matching dav instance found");
const client = window.webdav.createClient(dav.url, {
username: dav.username,
password: dav.password,
authType: window.webdav.AuthType.Password,
});
let filePath;
if (data.path.startsWith("http")) {
const match = data.path.match(/^https?:\/\/[^\/]+\/dav\/([^\/]+\/)?(.+)$/);
filePath = match ? "/" + match[2] : data.path;
} else {
filePath = data.path.replace(davUrl, "/");
}
const response = await client.getFileContents(filePath);
document.body.setAttribute("path", data.path);
document.body.setAttribute("isDav", "true");
const decoder = new TextDecoder("utf-8");
const text = decoder.decode(response);
openFile(text);
} catch (err) {
window.tb.dialog.Alert({
title: "Failed to read dav file",
message: err,
});
}
}
}
window.removeEventListener("message", load);
});
function updateScroll(type, e) {
const textarea = document.querySelector("textarea");
if (type === "key") {
const scrollAmount = e === "ArrowUp" ? -20 : 20;
textarea.scrollTop += scrollAmount;
} else if (type === "mouse") {
const scrollAmount = e.deltaY;
textarea.scrollTop += scrollAmount;
}
}
const textarea = document.querySelector("textarea");
// hljs.highlightElement(textarea);
textarea.addEventListener("keydown", async e => {
if ((e.ctrlKey || e.metaKey) && e.key === "s") {
e.preventDefault();
const textarea = document.querySelector("textarea");
let ext;
const highlightResult = await hljs.highlightAuto(textarea.value);
if (highlightResult.language) {
ext = highlightResult.language;
} else if (highlightResult._top?.aliases) {
ext = highlightResult._top.aliases[0];
} else {
ext = ".txt";
}
const path = document.body.getAttribute("path");
if (path && path !== "undefined") {
if (document.body.getAttribute("isDav") === "true") {
try {
const davInstances = JSON.parse(await window.parent.tb.fs.promises.readFile(`/apps/user/${sessionStorage.getItem("currAcc")}/files/davs.json`, "utf8"));
const davUrl = path.split("/dav/")[0] + "/dav/";
const dav = davInstances.find(d => d.url.toLowerCase().includes(davUrl));
if (!dav) throw new Error("No matching dav instance found");
const client = window.webdav.createClient(dav.url, {
username: dav.username,
password: dav.password,
authType: window.webdav.AuthType.Password,
});
let filePath;
if (path.startsWith("http")) {
const match = path.match(/^https?:\/\/[^\/]+\/dav\/([^\/]+\/)?(.+)$/);
filePath = match ? "/" + match[2] : path;
} else {
filePath = path.replace(davUrl, "/");
}
console.log(filePath);
client.putFileContents(filePath, textarea.value);
} catch (err) {
window.tb.dialog.Alert({
title: "Failed to save dav file",
message: err.message,
});
}
} else {
window.parent.tb.fs.promises.writeFile(path, textarea.value);
}
} else {
await tb.dialog.SaveFile({
title: "Save Text File",
filename: `untitled.${ext}`,
onOk: async txt => {
window.parent.tb.fs.writeFile(`${txt}`, textarea.value, err => {
if (err) return alert(err);
});
},
});
}
}
// else if(e.key === "ArrowUp" || e.key === "ArrowDown") {
// updateScroll("key", e.key);
// }
});
// textarea.addEventListener("input", () => {
// updateLineNumbers();
// updateScroll("key", "ArrowUp");
// });
// window.addEventListener("wheel", (e) => {
// updateScroll("mouse", e);
// });
================================================
FILE: public/apps/text editor.tapp/index.json
================================================
{
"name": "Text Editor",
"config": {
"title": "Text Editor",
"icon": "/fs/apps/system/text editor.tapp/icon.svg",
"src": "/fs/apps/system/text editor.tapp/index.html"
}
}
================================================
FILE: public/apps/text editor.tapp/text.com.js
================================================
const tb = parent.window.tb;
const tb_island = tb.window.island;
const tb_window = tb.window;
const tb_context_menu = tb.context_menu;
const tb_dialog = tb.dialog;
const appisland = window.parent.document.querySelector(".app_island").clientHeight + 12;
tb_island.addControl({
text: "File",
appname: "Text Editor",
id: "text-file",
click: () => {
tb.contextmenu.create({
x: 112,
y: appisland,
iframe: false,
options: [
{
text: "Open",
click: async () => {
const textarea = document.querySelector("textarea");
await tb.dialog.FileBrowser({
title: "Open Text File",
filename: "untitled.txt",
onOk: async file => {
document.body.setAttribute("path", file);
textarea.value = await tb.vfs.whatFS(file).promises.readFile(file, "utf8");
},
});
},
},
{
text: "Save",
click: async () => {
const textarea = document.querySelector("textarea");
if (document.body.getAttribute("path") && document.body.getAttribute("path") !== "undefined") {
tb.fs.promises.writeFile(document.body.getAttribute("path"), textarea.value);
} else {
await tb.dialog.SaveFile({
title: "Save Text File",
filename: "untitled.txt",
onOk: async txt => {
tb.vfs.whatFS(txt).writeFile(`${txt}`, textarea.value, err => {
if (err) return alert(err);
});
},
});
}
},
},
],
});
},
});
tb_island.addControl({
text: "Computer",
appname: "Text Editor",
id: "text-computer",
click: () => {
tb.contextmenu.create({
x: 156,
y: appisland,
iframe: false,
options: [
{
text: "Open",
click: async () => {
const file = document.createElement("input");
file.type = "file";
file.onchange = async e => {
let blob = e.target.files[0];
const fileReader = new FileReader();
fileReader.readAsText(blob);
fileReader.onload = () => {
openFile(fileReader.result);
};
};
file.click();
},
},
{
text: "Save",
click: async () => {
const textarea = document.querySelector("textarea");
const file = new Blob([textarea.value], { type: "text/plain" });
const url = URL.createObjectURL(file);
const a = document.createElement("a");
a.href = url;
a.download = "text.txt";
a.click();
},
},
],
});
},
});
================================================
FILE: public/assets/fs.ui/fs.css
================================================
@import 'tailwindcss';
@custom-variant dark (&:where(.dark, .dark *));
@media (prefers-color-scheme: light) {
:root {
--cursor-normal: url("/cursors/light/normal.svg") 6 0, default;
--cursor-pointer: url("/cursors/light/pointer.svg") 6 0, pointer;
--cursor-text: url("/cursors/light/text.svg") 10 0, text;
--cursor-crosshair: url("/cursors/light/crosshair.svg") 0 0, crosshair;
--cursor-wait: url("/cursors/light/wait.svg") 0 0, wait;
--cursor-se-resize: url("/cursors/light/resize-l.svg") 0 0, se-resize;
--cursor-sw-resize: url("/cursors/light/resize-r.svg") 0 0, sw-resize;
--cursor-ne-resize: url("/cursors/light/resize-r.svg") 0 0, ne-resize;
--cursor-n-resize: url("/cursors/light/resize-v.svg") 0 0, n-resize;
--cursor-s-resize: url("/cursors/light/resize-v.svg") 0 0, s-resize;
--cursor-e-resize: url("/cursors/light/resize-h.svg") 0 0, e-resize;
--cursor-w-resize: url("/cursors/light/resize-h.svg") 0 0, w-resize;
}
body {
background-color: #ffffff;
color: #000000c8;
cursor: var(--cursor-normal);
}
}
@media (prefers-color-scheme: dark) {
:root {
--cursor-normal: url("/cursors/dark/normal.svg") 6 0, default;
--cursor-pointer: url("/cursors/dark/pointer.svg") 6 0, pointer;
--cursor-text: url("/cursors/dark/text.svg") 10 0, text;
--cursor-crosshair: url("/cursors/dark/crosshair.svg") 0 0, crosshair;
--cursor-wait: url("/cursors/dark/wait.svg") 0 0, wait;
--cursor-nw-resize: url("/cursors/dark/resize-l.svg") 0 0, nw-resize;
--cursor-se-resize: url("/cursors/dark/resize-l.svg") 0 0, se-resize;
--cursor-sw-resize: url("/cursors/dark/resize-r.svg") 0 0, sw-resize;
--cursor-ne-resize: url("/cursors/dark/resize-r.svg") 0 0, ne-resize;
--cursor-n-resize: url("/cursors/dark/resize-v.svg") 0 0, n-resize;
--cursor-s-resize: url("/cursors/dark/resize-v.svg") 0 0, s-resize;
--cursor-e-resize: url("/cursors/dark/resize-h.svg") 0 0, e-resize;
--cursor-w-resize: url("/cursors/dark/resize-h.svg") 0 0, w-resize;
}
body {
background-color: #0e0e0e;
color: #ffffffde;
cursor: var(--cursor-normal);
}
}
@font-face {
font-family: Inter;
src: url("/fonts/Inter.ttf") format("truetype");
}
html, body {
height: 100%;
margin: 0;
padding: 0;
font-family: Inter;
}
body {
display: flex;
flex-direction: column;
}
::-webkit-scrollbar {
width: 8px;
height: 100%;
}
::-webkit-scrollbar-thumb {
background-color: #ffffff28;
border-radius: 8px;
}
::-webkit-scrollbar-track {
background-color: #ffffff10;
border-radius: 8px;
}
================================================
FILE: public/assets/fs.ui/fs.js
================================================
const breadcrumbsEl = document.querySelector('.breadcrumbs');
const navBackEl = document.querySelector('.nav-back');
const navHomeEl = document.querySelector('.nav-home');
const url = new URL(window.location.href);
var breadcrumbs = []
var currentPath = url.pathname.replace(/\/+/g, '/');
var currentDir = currentPath.split('/').pop();
if (currentPath.endsWith('/')) {
currentPath = currentPath.slice(0, -1);
}
if (currentPath !== '/fs') {
breadcrumbs = currentPath.split('/').slice(2);
const fsIndex = breadcrumbs.indexOf('fs');
if (fsIndex !== -1) {
breadcrumbs.splice(fsIndex, 1);
}
}
const updateBreadcrumbs = () => {
breadcrumbsEl.innerHTML = '';
if(currentPath === '/fs') {
const rootHolderEl = document.createElement('span');
rootHolderEl.classList = 'flex leading-none text-2xl text-[#ffffffff]';
rootHolderEl.textContent = 'root';
breadcrumbsEl.appendChild(rootHolderEl);
return
}
breadcrumbs.forEach((crumb, index) => {
if(index > 12) return;
if(index > 0) {
const separatorEl = document.createElement('span');
separatorEl.innerHTML = `
`
separatorEl.classList = 'flex leading-none justify-center items-center dark:text-[#ffffff68] text-[#00000088]';
breadcrumbsEl.appendChild(separatorEl);
}
const crumbEl = document.createElement('div');
crumbEl.textContent = crumb;
if (index !== breadcrumbs.length - 1) {
crumbEl.classList = 'flex leading-none p-1.5 text-lg dark:text-[#ffffffd5] dark:hover:text-[#fffffff8] dark:bg-[#ffffff18] dark:inset-shadow-[0_0_0_0.5px_#ffffff38] text-[#00000098] hover:text-[#000000] bg-[#00000025] inset-shadow-[0_0_0_1px_#00000068] rounded-md duration-150 cursor-(--cursor-pointer)';
crumbEl.onmousedown = (e) => {
e.preventDefault();
if (e.button === 0) {
const newPath = breadcrumbs.slice(0, index + 1).join('/');
window.location.href = `/fs/${newPath}`;
}
}
} else {
crumbEl.classList = 'flex leading-none p-1.5 text-lg dark:text-[#ffffffd5] dark:bg-[#ffffff18] dark:inset-shadow-[0_0_0_0.5px_#ffffff38] text-[#00000098] bg-[#00000025] inset-shadow-[0_0_0_1px_#00000068] rounded-md duration-150';
}
crumbEl.classList.add("select-none");
breadcrumbsEl.appendChild(crumbEl);
});
}
updateBreadcrumbs();
navBackEl.onmousedown = (e) => {
e.preventDefault();
if(currentPath === '/fs') return;
if (e.button === 0) {
if(breadcrumbs.length > 0) {
breadcrumbs.pop();
const newPath = breadcrumbs.join('/');
window.location.href = `/fs/${newPath}`;
} else {
window.location.href = '/fs/';
}
}
}
navHomeEl.onmousedown = (e) => {
e.preventDefault();
if(currentPath === '/fs') return;
if (e.button === 0) {
window.location.href = '/fs/';
}
}
================================================
FILE: public/assets/libs/comlink.min.umd.js
================================================
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).Comlink={})}(this,(function(e){"use strict";
/**
* @license
* Copyright 2019 Google LLC
* SPDX-License-Identifier: Apache-2.0
*/const t=Symbol("Comlink.proxy"),n=Symbol("Comlink.endpoint"),r=Symbol("Comlink.releaseProxy"),a=Symbol("Comlink.finalizer"),o=Symbol("Comlink.thrown"),s=e=>"object"==typeof e&&null!==e||"function"==typeof e,i=new Map([["proxy",{canHandle:e=>s(e)&&e[t],serialize(e){const{port1:t,port2:n}=new MessageChannel;return c(e,t),[n,[n]]},deserialize:e=>(e.start(),l(e))}],["throw",{canHandle:e=>s(e)&&o in e,serialize({value:e}){let t;return t=e instanceof Error?{isError:!0,value:{message:e.message,name:e.name,stack:e.stack}}:{isError:!1,value:e},[t,[]]},deserialize(e){if(e.isError)throw Object.assign(new Error(e.value.message),e.value);throw e.value}}]]);function c(e,t=globalThis,n=["*"]){t.addEventListener("message",(function r(s){if(!s||!s.data)return;if(!function(e,t){for(const n of e){if(t===n||"*"===n)return!0;if(n instanceof RegExp&&n.test(t))return!0}return!1}(n,s.origin))return void console.warn(`Invalid origin '${s.origin}' for comlink proxy`);const{id:i,type:l,path:p}=Object.assign({path:[]},s.data),f=(s.data.argumentList||[]).map(w);let d;try{const t=p.slice(0,-1).reduce(((e,t)=>e[t]),e),n=p.reduce(((e,t)=>e[t]),e);switch(l){case"GET":d=n;break;case"SET":t[p.slice(-1)[0]]=w(s.data.value),d=!0;break;case"APPLY":d=n.apply(t,f);break;case"CONSTRUCT":d=b(new n(...f));break;case"ENDPOINT":{const{port1:t,port2:n}=new MessageChannel;c(e,n),d=E(t,[t])}break;case"RELEASE":d=void 0;break;default:return}}catch(e){d={value:e,[o]:0}}Promise.resolve(d).catch((e=>({value:e,[o]:0}))).then((n=>{const[o,s]=v(n);t.postMessage(Object.assign(Object.assign({},o),{id:i}),s),"RELEASE"===l&&(t.removeEventListener("message",r),u(t),a in e&&"function"==typeof e[a]&&e[a]())})).catch((e=>{const[n,r]=v({value:new TypeError("Unserializable return value"),[o]:0});t.postMessage(Object.assign(Object.assign({},n),{id:i}),r)}))})),t.start&&t.start()}function u(e){(function(e){return"MessagePort"===e.constructor.name})(e)&&e.close()}function l(e,t){const n=new Map;return e.addEventListener("message",(function(e){const{data:t}=e;if(!t||!t.id)return;const r=n.get(t.id);if(r)try{r(t)}finally{n.delete(t.id)}})),m(e,n,[],t)}function p(e){if(e)throw new Error("Proxy has been released and is not useable")}function f(e){return k(e,new Map,{type:"RELEASE"}).then((()=>{u(e)}))}const d=new WeakMap,g="FinalizationRegistry"in globalThis&&new FinalizationRegistry((e=>{const t=(d.get(e)||0)-1;d.set(e,t),0===t&&f(e)}));function m(e,t,a=[],o=function(){}){let s=!1;const i=new Proxy(o,{get(n,o){if(p(s),o===r)return()=>{!function(e){g&&g.unregister(e)}(i),f(e),t.clear(),s=!0};if("then"===o){if(0===a.length)return{then:()=>i};const n=k(e,t,{type:"GET",path:a.map((e=>e.toString()))}).then(w);return n.then.bind(n)}return m(e,t,[...a,o])},set(n,r,o){p(s);const[i,c]=v(o);return k(e,t,{type:"SET",path:[...a,r].map((e=>e.toString())),value:i},c).then(w)},apply(r,o,i){p(s);const c=a[a.length-1];if(c===n)return k(e,t,{type:"ENDPOINT"}).then(w);if("bind"===c)return m(e,t,a.slice(0,-1));const[u,l]=y(i);return k(e,t,{type:"APPLY",path:a.map((e=>e.toString())),argumentList:u},l).then(w)},construct(n,r){p(s);const[o,i]=y(r);return k(e,t,{type:"CONSTRUCT",path:a.map((e=>e.toString())),argumentList:o},i).then(w)}});return function(e,t){const n=(d.get(t)||0)+1;d.set(t,n),g&&g.register(e,t,e)}(i,e),i}function y(e){const t=e.map(v);return[t.map((e=>e[0])),(n=t.map((e=>e[1])),Array.prototype.concat.apply([],n))];var n}const h=new WeakMap;function E(e,t){return h.set(e,t),e}function b(e){return Object.assign(e,{[t]:!0})}function v(e){for(const[t,n]of i)if(n.canHandle(e)){const[r,a]=n.serialize(e);return[{type:"HANDLER",name:t,value:r},a]}return[{type:"RAW",value:e},h.get(e)||[]]}function w(e){switch(e.type){case"HANDLER":return i.get(e.name).deserialize(e.value);case"RAW":return e.value}}function k(e,t,n,r){return new Promise((a=>{const o=new Array(4).fill(0).map((()=>Math.floor(Math.random()*Number.MAX_SAFE_INTEGER).toString(16))).join("-");t.set(o,a),e.start&&e.start(),e.postMessage(Object.assign({id:o},n),r)}))}e.createEndpoint=n,e.expose=c,e.finalizer=a,e.proxy=b,e.proxyMarker=t,e.releaseProxy=r,e.transfer=E,e.transferHandlers=i,e.windowEndpoint=function(e,t=globalThis,n="*"){return{postMessage:(t,r)=>e.postMessage(t,n,r),addEventListener:t.addEventListener.bind(t),removeEventListener:t.removeEventListener.bind(t)}},e.wrap=l}));
//# sourceMappingURL=comlink.min.umd.js.map
================================================
FILE: public/assets/libs/idb-keyval.js
================================================
function _slicedToArray(t,n){return _arrayWithHoles(t)||_iterableToArrayLimit(t,n)||_unsupportedIterableToArray(t,n)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(t,n){if(t){if("string"==typeof t)return _arrayLikeToArray(t,n);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(t,n):void 0}}function _arrayLikeToArray(t,n){(null==n||n>t.length)&&(n=t.length);for(var r=0,e=new Array(n);r0&&void 0!==arguments[0]?arguments[0]:o();return t("readwrite",(function(t){return t.clear(),n(t.transaction)}))},t.createStore=r,t.del=function(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:o();return r("readwrite",(function(r){return r.delete(t),n(r.transaction)}))},t.delMany=function(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:o();return r("readwrite",(function(r){return t.forEach((function(t){return r.delete(t)})),n(r.transaction)}))},t.entries=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:o();return t("readonly",(function(r){if(r.getAll&&r.getAllKeys)return Promise.all([n(r.getAllKeys()),n(r.getAll())]).then((function(t){var n=_slicedToArray(t,2),r=n[0],e=n[1];return r.map((function(t,n){return[t,e[n]]}))}));var e=[];return t("readonly",(function(t){return u(t,(function(t){return e.push([t.key,t.value])})).then((function(){return e}))}))}))},t.get=function(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:o();return r("readonly",(function(r){return n(r.get(t))}))},t.getMany=function(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:o();return r("readonly",(function(r){return Promise.all(t.map((function(t){return n(r.get(t))})))}))},t.keys=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:o();return t("readonly",(function(t){if(t.getAllKeys)return n(t.getAllKeys());var r=[];return u(t,(function(t){return r.push(t.key)})).then((function(){return r}))}))},t.promisifyRequest=n,t.set=function(t,r){var e=arguments.length>2&&void 0!==arguments[2]?arguments[2]:o();return e("readwrite",(function(e){return e.put(r,t),n(e.transaction)}))},t.setMany=function(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:o();return r("readwrite",(function(r){return t.forEach((function(t){return r.put(t[1],t[0])})),n(r.transaction)}))},t.update=function(t,r){var e=arguments.length>2&&void 0!==arguments[2]?arguments[2]:o();return e("readwrite",(function(e){return new Promise((function(o,u){e.get(t).onsuccess=function(){try{e.put(r(this.result),t),o(n(e.transaction))}catch(t){u(t)}}}))}))},t.values=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:o();return t("readonly",(function(t){if(t.getAll)return n(t.getAll());var r=[];return u(t,(function(t){return r.push(t.value)})).then((function(){return r}))}))},Object.defineProperty(t,"__esModule",{value:!0})}));
================================================
FILE: public/assets/libs/mime.iife.js
================================================
var mime = (function (exports) {
'use strict';
const types$1 = {
'application/prs.cww': ['cww'],
'application/prs.xsf+xml': ['xsf'],
'application/vnd.1000minds.decision-model+xml': ['1km'],
'application/vnd.3gpp.pic-bw-large': ['plb'],
'application/vnd.3gpp.pic-bw-small': ['psb'],
'application/vnd.3gpp.pic-bw-var': ['pvb'],
'application/vnd.3gpp2.tcap': ['tcap'],
'application/vnd.3m.post-it-notes': ['pwn'],
'application/vnd.accpac.simply.aso': ['aso'],
'application/vnd.accpac.simply.imp': ['imp'],
'application/vnd.acucobol': ['acu'],
'application/vnd.acucorp': ['atc', 'acutc'],
'application/vnd.adobe.air-application-installer-package+zip': ['air'],
'application/vnd.adobe.formscentral.fcdt': ['fcdt'],
'application/vnd.adobe.fxp': ['fxp', 'fxpl'],
'application/vnd.adobe.xdp+xml': ['xdp'],
'application/vnd.adobe.xfdf': ['*xfdf'],
'application/vnd.age': ['age'],
'application/vnd.ahead.space': ['ahead'],
'application/vnd.airzip.filesecure.azf': ['azf'],
'application/vnd.airzip.filesecure.azs': ['azs'],
'application/vnd.amazon.ebook': ['azw'],
'application/vnd.americandynamics.acc': ['acc'],
'application/vnd.amiga.ami': ['ami'],
'application/vnd.android.package-archive': ['apk'],
'application/vnd.anser-web-certificate-issue-initiation': ['cii'],
'application/vnd.anser-web-funds-transfer-initiation': ['fti'],
'application/vnd.antix.game-component': ['atx'],
'application/vnd.apple.installer+xml': ['mpkg'],
'application/vnd.apple.keynote': ['key'],
'application/vnd.apple.mpegurl': ['m3u8'],
'application/vnd.apple.numbers': ['numbers'],
'application/vnd.apple.pages': ['pages'],
'application/vnd.apple.pkpass': ['pkpass'],
'application/vnd.aristanetworks.swi': ['swi'],
'application/vnd.astraea-software.iota': ['iota'],
'application/vnd.audiograph': ['aep'],
'application/vnd.balsamiq.bmml+xml': ['bmml'],
'application/vnd.blueice.multipass': ['mpm'],
'application/vnd.bmi': ['bmi'],
'application/vnd.businessobjects': ['rep'],
'application/vnd.chemdraw+xml': ['cdxml'],
'application/vnd.chipnuts.karaoke-mmd': ['mmd'],
'application/vnd.cinderella': ['cdy'],
'application/vnd.citationstyles.style+xml': ['csl'],
'application/vnd.claymore': ['cla'],
'application/vnd.cloanto.rp9': ['rp9'],
'application/vnd.clonk.c4group': ['c4g', 'c4d', 'c4f', 'c4p', 'c4u'],
'application/vnd.cluetrust.cartomobile-config': ['c11amc'],
'application/vnd.cluetrust.cartomobile-config-pkg': ['c11amz'],
'application/vnd.commonspace': ['csp'],
'application/vnd.contact.cmsg': ['cdbcmsg'],
'application/vnd.cosmocaller': ['cmc'],
'application/vnd.crick.clicker': ['clkx'],
'application/vnd.crick.clicker.keyboard': ['clkk'],
'application/vnd.crick.clicker.palette': ['clkp'],
'application/vnd.crick.clicker.template': ['clkt'],
'application/vnd.crick.clicker.wordbank': ['clkw'],
'application/vnd.criticaltools.wbs+xml': ['wbs'],
'application/vnd.ctc-posml': ['pml'],
'application/vnd.cups-ppd': ['ppd'],
'application/vnd.curl.car': ['car'],
'application/vnd.curl.pcurl': ['pcurl'],
'application/vnd.dart': ['dart'],
'application/vnd.data-vision.rdz': ['rdz'],
'application/vnd.dbf': ['dbf'],
'application/vnd.dece.data': ['uvf', 'uvvf', 'uvd', 'uvvd'],
'application/vnd.dece.ttml+xml': ['uvt', 'uvvt'],
'application/vnd.dece.unspecified': ['uvx', 'uvvx'],
'application/vnd.dece.zip': ['uvz', 'uvvz'],
'application/vnd.denovo.fcselayout-link': ['fe_launch'],
'application/vnd.dna': ['dna'],
'application/vnd.dolby.mlp': ['mlp'],
'application/vnd.dpgraph': ['dpg'],
'application/vnd.dreamfactory': ['dfac'],
'application/vnd.ds-keypoint': ['kpxx'],
'application/vnd.dvb.ait': ['ait'],
'application/vnd.dvb.service': ['svc'],
'application/vnd.dynageo': ['geo'],
'application/vnd.ecowin.chart': ['mag'],
'application/vnd.enliven': ['nml'],
'application/vnd.epson.esf': ['esf'],
'application/vnd.epson.msf': ['msf'],
'application/vnd.epson.quickanime': ['qam'],
'application/vnd.epson.salt': ['slt'],
'application/vnd.epson.ssf': ['ssf'],
'application/vnd.eszigno3+xml': ['es3', 'et3'],
'application/vnd.ezpix-album': ['ez2'],
'application/vnd.ezpix-package': ['ez3'],
'application/vnd.fdf': ['*fdf'],
'application/vnd.fdsn.mseed': ['mseed'],
'application/vnd.fdsn.seed': ['seed', 'dataless'],
'application/vnd.flographit': ['gph'],
'application/vnd.fluxtime.clip': ['ftc'],
'application/vnd.framemaker': ['fm', 'frame', 'maker', 'book'],
'application/vnd.frogans.fnc': ['fnc'],
'application/vnd.frogans.ltf': ['ltf'],
'application/vnd.fsc.weblaunch': ['fsc'],
'application/vnd.fujitsu.oasys': ['oas'],
'application/vnd.fujitsu.oasys2': ['oa2'],
'application/vnd.fujitsu.oasys3': ['oa3'],
'application/vnd.fujitsu.oasysgp': ['fg5'],
'application/vnd.fujitsu.oasysprs': ['bh2'],
'application/vnd.fujixerox.ddd': ['ddd'],
'application/vnd.fujixerox.docuworks': ['xdw'],
'application/vnd.fujixerox.docuworks.binder': ['xbd'],
'application/vnd.fuzzysheet': ['fzs'],
'application/vnd.genomatix.tuxedo': ['txd'],
'application/vnd.geogebra.file': ['ggb'],
'application/vnd.geogebra.slides': ['ggs'],
'application/vnd.geogebra.tool': ['ggt'],
'application/vnd.geometry-explorer': ['gex', 'gre'],
'application/vnd.geonext': ['gxt'],
'application/vnd.geoplan': ['g2w'],
'application/vnd.geospace': ['g3w'],
'application/vnd.gmx': ['gmx'],
'application/vnd.google-apps.document': ['gdoc'],
'application/vnd.google-apps.presentation': ['gslides'],
'application/vnd.google-apps.spreadsheet': ['gsheet'],
'application/vnd.google-earth.kml+xml': ['kml'],
'application/vnd.google-earth.kmz': ['kmz'],
'application/vnd.gov.sk.xmldatacontainer+xml': ['xdcf'],
'application/vnd.grafeq': ['gqf', 'gqs'],
'application/vnd.groove-account': ['gac'],
'application/vnd.groove-help': ['ghf'],
'application/vnd.groove-identity-message': ['gim'],
'application/vnd.groove-injector': ['grv'],
'application/vnd.groove-tool-message': ['gtm'],
'application/vnd.groove-tool-template': ['tpl'],
'application/vnd.groove-vcard': ['vcg'],
'application/vnd.hal+xml': ['hal'],
'application/vnd.handheld-entertainment+xml': ['zmm'],
'application/vnd.hbci': ['hbci'],
'application/vnd.hhe.lesson-player': ['les'],
'application/vnd.hp-hpgl': ['hpgl'],
'application/vnd.hp-hpid': ['hpid'],
'application/vnd.hp-hps': ['hps'],
'application/vnd.hp-jlyt': ['jlt'],
'application/vnd.hp-pcl': ['pcl'],
'application/vnd.hp-pclxl': ['pclxl'],
'application/vnd.hydrostatix.sof-data': ['sfd-hdstx'],
'application/vnd.ibm.minipay': ['mpy'],
'application/vnd.ibm.modcap': ['afp', 'listafp', 'list3820'],
'application/vnd.ibm.rights-management': ['irm'],
'application/vnd.ibm.secure-container': ['sc'],
'application/vnd.iccprofile': ['icc', 'icm'],
'application/vnd.igloader': ['igl'],
'application/vnd.immervision-ivp': ['ivp'],
'application/vnd.immervision-ivu': ['ivu'],
'application/vnd.insors.igm': ['igm'],
'application/vnd.intercon.formnet': ['xpw', 'xpx'],
'application/vnd.intergeo': ['i2g'],
'application/vnd.intu.qbo': ['qbo'],
'application/vnd.intu.qfx': ['qfx'],
'application/vnd.ipunplugged.rcprofile': ['rcprofile'],
'application/vnd.irepository.package+xml': ['irp'],
'application/vnd.is-xpr': ['xpr'],
'application/vnd.isac.fcs': ['fcs'],
'application/vnd.jam': ['jam'],
'application/vnd.jcp.javame.midlet-rms': ['rms'],
'application/vnd.jisp': ['jisp'],
'application/vnd.joost.joda-archive': ['joda'],
'application/vnd.kahootz': ['ktz', 'ktr'],
'application/vnd.kde.karbon': ['karbon'],
'application/vnd.kde.kchart': ['chrt'],
'application/vnd.kde.kformula': ['kfo'],
'application/vnd.kde.kivio': ['flw'],
'application/vnd.kde.kontour': ['kon'],
'application/vnd.kde.kpresenter': ['kpr', 'kpt'],
'application/vnd.kde.kspread': ['ksp'],
'application/vnd.kde.kword': ['kwd', 'kwt'],
'application/vnd.kenameaapp': ['htke'],
'application/vnd.kidspiration': ['kia'],
'application/vnd.kinar': ['kne', 'knp'],
'application/vnd.koan': ['skp', 'skd', 'skt', 'skm'],
'application/vnd.kodak-descriptor': ['sse'],
'application/vnd.las.las+xml': ['lasxml'],
'application/vnd.llamagraphics.life-balance.desktop': ['lbd'],
'application/vnd.llamagraphics.life-balance.exchange+xml': ['lbe'],
'application/vnd.lotus-1-2-3': ['123'],
'application/vnd.lotus-approach': ['apr'],
'application/vnd.lotus-freelance': ['pre'],
'application/vnd.lotus-notes': ['nsf'],
'application/vnd.lotus-organizer': ['org'],
'application/vnd.lotus-screencam': ['scm'],
'application/vnd.lotus-wordpro': ['lwp'],
'application/vnd.macports.portpkg': ['portpkg'],
'application/vnd.mapbox-vector-tile': ['mvt'],
'application/vnd.mcd': ['mcd'],
'application/vnd.medcalcdata': ['mc1'],
'application/vnd.mediastation.cdkey': ['cdkey'],
'application/vnd.mfer': ['mwf'],
'application/vnd.mfmp': ['mfm'],
'application/vnd.micrografx.flo': ['flo'],
'application/vnd.micrografx.igx': ['igx'],
'application/vnd.mif': ['mif'],
'application/vnd.mobius.daf': ['daf'],
'application/vnd.mobius.dis': ['dis'],
'application/vnd.mobius.mbk': ['mbk'],
'application/vnd.mobius.mqy': ['mqy'],
'application/vnd.mobius.msl': ['msl'],
'application/vnd.mobius.plc': ['plc'],
'application/vnd.mobius.txf': ['txf'],
'application/vnd.mophun.application': ['mpn'],
'application/vnd.mophun.certificate': ['mpc'],
'application/vnd.mozilla.xul+xml': ['xul'],
'application/vnd.ms-artgalry': ['cil'],
'application/vnd.ms-cab-compressed': ['cab'],
'application/vnd.ms-excel': ['xls', 'xlm', 'xla', 'xlc', 'xlt', 'xlw'],
'application/vnd.ms-excel.addin.macroenabled.12': ['xlam'],
'application/vnd.ms-excel.sheet.binary.macroenabled.12': ['xlsb'],
'application/vnd.ms-excel.sheet.macroenabled.12': ['xlsm'],
'application/vnd.ms-excel.template.macroenabled.12': ['xltm'],
'application/vnd.ms-fontobject': ['eot'],
'application/vnd.ms-htmlhelp': ['chm'],
'application/vnd.ms-ims': ['ims'],
'application/vnd.ms-lrm': ['lrm'],
'application/vnd.ms-officetheme': ['thmx'],
'application/vnd.ms-outlook': ['msg'],
'application/vnd.ms-pki.seccat': ['cat'],
'application/vnd.ms-pki.stl': ['*stl'],
'application/vnd.ms-powerpoint': ['ppt', 'pps', 'pot'],
'application/vnd.ms-powerpoint.addin.macroenabled.12': ['ppam'],
'application/vnd.ms-powerpoint.presentation.macroenabled.12': ['pptm'],
'application/vnd.ms-powerpoint.slide.macroenabled.12': ['sldm'],
'application/vnd.ms-powerpoint.slideshow.macroenabled.12': ['ppsm'],
'application/vnd.ms-powerpoint.template.macroenabled.12': ['potm'],
'application/vnd.ms-project': ['*mpp', 'mpt'],
'application/vnd.ms-word.document.macroenabled.12': ['docm'],
'application/vnd.ms-word.template.macroenabled.12': ['dotm'],
'application/vnd.ms-works': ['wps', 'wks', 'wcm', 'wdb'],
'application/vnd.ms-wpl': ['wpl'],
'application/vnd.ms-xpsdocument': ['xps'],
'application/vnd.mseq': ['mseq'],
'application/vnd.musician': ['mus'],
'application/vnd.muvee.style': ['msty'],
'application/vnd.mynfc': ['taglet'],
'application/vnd.nato.bindingdataobject+xml': ['bdo'],
'application/vnd.neurolanguage.nlu': ['nlu'],
'application/vnd.nitf': ['ntf', 'nitf'],
'application/vnd.noblenet-directory': ['nnd'],
'application/vnd.noblenet-sealer': ['nns'],
'application/vnd.noblenet-web': ['nnw'],
'application/vnd.nokia.n-gage.ac+xml': ['*ac'],
'application/vnd.nokia.n-gage.data': ['ngdat'],
'application/vnd.nokia.n-gage.symbian.install': ['n-gage'],
'application/vnd.nokia.radio-preset': ['rpst'],
'application/vnd.nokia.radio-presets': ['rpss'],
'application/vnd.novadigm.edm': ['edm'],
'application/vnd.novadigm.edx': ['edx'],
'application/vnd.novadigm.ext': ['ext'],
'application/vnd.oasis.opendocument.chart': ['odc'],
'application/vnd.oasis.opendocument.chart-template': ['otc'],
'application/vnd.oasis.opendocument.database': ['odb'],
'application/vnd.oasis.opendocument.formula': ['odf'],
'application/vnd.oasis.opendocument.formula-template': ['odft'],
'application/vnd.oasis.opendocument.graphics': ['odg'],
'application/vnd.oasis.opendocument.graphics-template': ['otg'],
'application/vnd.oasis.opendocument.image': ['odi'],
'application/vnd.oasis.opendocument.image-template': ['oti'],
'application/vnd.oasis.opendocument.presentation': ['odp'],
'application/vnd.oasis.opendocument.presentation-template': ['otp'],
'application/vnd.oasis.opendocument.spreadsheet': ['ods'],
'application/vnd.oasis.opendocument.spreadsheet-template': ['ots'],
'application/vnd.oasis.opendocument.text': ['odt'],
'application/vnd.oasis.opendocument.text-master': ['odm'],
'application/vnd.oasis.opendocument.text-template': ['ott'],
'application/vnd.oasis.opendocument.text-web': ['oth'],
'application/vnd.olpc-sugar': ['xo'],
'application/vnd.oma.dd2+xml': ['dd2'],
'application/vnd.openblox.game+xml': ['obgx'],
'application/vnd.openofficeorg.extension': ['oxt'],
'application/vnd.openstreetmap.data+xml': ['osm'],
'application/vnd.openxmlformats-officedocument.presentationml.presentation': [
'pptx',
],
'application/vnd.openxmlformats-officedocument.presentationml.slide': [
'sldx',
],
'application/vnd.openxmlformats-officedocument.presentationml.slideshow': [
'ppsx',
],
'application/vnd.openxmlformats-officedocument.presentationml.template': [
'potx',
],
'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet': ['xlsx'],
'application/vnd.openxmlformats-officedocument.spreadsheetml.template': [
'xltx',
],
'application/vnd.openxmlformats-officedocument.wordprocessingml.document': [
'docx',
],
'application/vnd.openxmlformats-officedocument.wordprocessingml.template': [
'dotx',
],
'application/vnd.osgeo.mapguide.package': ['mgp'],
'application/vnd.osgi.dp': ['dp'],
'application/vnd.osgi.subsystem': ['esa'],
'application/vnd.palm': ['pdb', 'pqa', 'oprc'],
'application/vnd.pawaafile': ['paw'],
'application/vnd.pg.format': ['str'],
'application/vnd.pg.osasli': ['ei6'],
'application/vnd.picsel': ['efif'],
'application/vnd.pmi.widget': ['wg'],
'application/vnd.pocketlearn': ['plf'],
'application/vnd.powerbuilder6': ['pbd'],
'application/vnd.previewsystems.box': ['box'],
'application/vnd.proteus.magazine': ['mgz'],
'application/vnd.publishare-delta-tree': ['qps'],
'application/vnd.pvi.ptid1': ['ptid'],
'application/vnd.pwg-xhtml-print+xml': ['xhtm'],
'application/vnd.quark.quarkxpress': [
'qxd',
'qxt',
'qwd',
'qwt',
'qxl',
'qxb',
],
'application/vnd.rar': ['rar'],
'application/vnd.realvnc.bed': ['bed'],
'application/vnd.recordare.musicxml': ['mxl'],
'application/vnd.recordare.musicxml+xml': ['musicxml'],
'application/vnd.rig.cryptonote': ['cryptonote'],
'application/vnd.rim.cod': ['cod'],
'application/vnd.rn-realmedia': ['rm'],
'application/vnd.rn-realmedia-vbr': ['rmvb'],
'application/vnd.route66.link66+xml': ['link66'],
'application/vnd.sailingtracker.track': ['st'],
'application/vnd.seemail': ['see'],
'application/vnd.sema': ['sema'],
'application/vnd.semd': ['semd'],
'application/vnd.semf': ['semf'],
'application/vnd.shana.informed.formdata': ['ifm'],
'application/vnd.shana.informed.formtemplate': ['itp'],
'application/vnd.shana.informed.interchange': ['iif'],
'application/vnd.shana.informed.package': ['ipk'],
'application/vnd.simtech-mindmapper': ['twd', 'twds'],
'application/vnd.smaf': ['mmf'],
'application/vnd.smart.teacher': ['teacher'],
'application/vnd.software602.filler.form+xml': ['fo'],
'application/vnd.solent.sdkm+xml': ['sdkm', 'sdkd'],
'application/vnd.spotfire.dxp': ['dxp'],
'application/vnd.spotfire.sfs': ['sfs'],
'application/vnd.stardivision.calc': ['sdc'],
'application/vnd.stardivision.draw': ['sda'],
'application/vnd.stardivision.impress': ['sdd'],
'application/vnd.stardivision.math': ['smf'],
'application/vnd.stardivision.writer': ['sdw', 'vor'],
'application/vnd.stardivision.writer-global': ['sgl'],
'application/vnd.stepmania.package': ['smzip'],
'application/vnd.stepmania.stepchart': ['sm'],
'application/vnd.sun.wadl+xml': ['wadl'],
'application/vnd.sun.xml.calc': ['sxc'],
'application/vnd.sun.xml.calc.template': ['stc'],
'application/vnd.sun.xml.draw': ['sxd'],
'application/vnd.sun.xml.draw.template': ['std'],
'application/vnd.sun.xml.impress': ['sxi'],
'application/vnd.sun.xml.impress.template': ['sti'],
'application/vnd.sun.xml.math': ['sxm'],
'application/vnd.sun.xml.writer': ['sxw'],
'application/vnd.sun.xml.writer.global': ['sxg'],
'application/vnd.sun.xml.writer.template': ['stw'],
'application/vnd.sus-calendar': ['sus', 'susp'],
'application/vnd.svd': ['svd'],
'application/vnd.symbian.install': ['sis', 'sisx'],
'application/vnd.syncml+xml': ['xsm'],
'application/vnd.syncml.dm+wbxml': ['bdm'],
'application/vnd.syncml.dm+xml': ['xdm'],
'application/vnd.syncml.dmddf+xml': ['ddf'],
'application/vnd.tao.intent-module-archive': ['tao'],
'application/vnd.tcpdump.pcap': ['pcap', 'cap', 'dmp'],
'application/vnd.tmobile-livetv': ['tmo'],
'application/vnd.trid.tpt': ['tpt'],
'application/vnd.triscape.mxs': ['mxs'],
'application/vnd.trueapp': ['tra'],
'application/vnd.ufdl': ['ufd', 'ufdl'],
'application/vnd.uiq.theme': ['utz'],
'application/vnd.umajin': ['umj'],
'application/vnd.unity': ['unityweb'],
'application/vnd.uoml+xml': ['uoml', 'uo'],
'application/vnd.vcx': ['vcx'],
'application/vnd.visio': ['vsd', 'vst', 'vss', 'vsw'],
'application/vnd.visionary': ['vis'],
'application/vnd.vsf': ['vsf'],
'application/vnd.wap.wbxml': ['wbxml'],
'application/vnd.wap.wmlc': ['wmlc'],
'application/vnd.wap.wmlscriptc': ['wmlsc'],
'application/vnd.webturbo': ['wtb'],
'application/vnd.wolfram.player': ['nbp'],
'application/vnd.wordperfect': ['wpd'],
'application/vnd.wqd': ['wqd'],
'application/vnd.wt.stf': ['stf'],
'application/vnd.xara': ['xar'],
'application/vnd.xfdl': ['xfdl'],
'application/vnd.yamaha.hv-dic': ['hvd'],
'application/vnd.yamaha.hv-script': ['hvs'],
'application/vnd.yamaha.hv-voice': ['hvp'],
'application/vnd.yamaha.openscoreformat': ['osf'],
'application/vnd.yamaha.openscoreformat.osfpvg+xml': ['osfpvg'],
'application/vnd.yamaha.smaf-audio': ['saf'],
'application/vnd.yamaha.smaf-phrase': ['spf'],
'application/vnd.yellowriver-custom-menu': ['cmp'],
'application/vnd.zul': ['zir', 'zirz'],
'application/vnd.zzazz.deck+xml': ['zaz'],
'application/x-7z-compressed': ['7z'],
'application/x-abiword': ['abw'],
'application/x-ace-compressed': ['ace'],
'application/x-apple-diskimage': ['*dmg'],
'application/x-arj': ['arj'],
'application/x-authorware-bin': ['aab', 'x32', 'u32', 'vox'],
'application/x-authorware-map': ['aam'],
'application/x-authorware-seg': ['aas'],
'application/x-bcpio': ['bcpio'],
'application/x-bdoc': ['*bdoc'],
'application/x-bittorrent': ['torrent'],
'application/x-blorb': ['blb', 'blorb'],
'application/x-bzip': ['bz'],
'application/x-bzip2': ['bz2', 'boz'],
'application/x-cbr': ['cbr', 'cba', 'cbt', 'cbz', 'cb7'],
'application/x-cdlink': ['vcd'],
'application/x-cfs-compressed': ['cfs'],
'application/x-chat': ['chat'],
'application/x-chess-pgn': ['pgn'],
'application/x-chrome-extension': ['crx'],
'application/x-cocoa': ['cco'],
'application/x-conference': ['nsc'],
'application/x-cpio': ['cpio'],
'application/x-csh': ['csh'],
'application/x-debian-package': ['*deb', 'udeb'],
'application/x-dgc-compressed': ['dgc'],
'application/x-director': [
'dir',
'dcr',
'dxr',
'cst',
'cct',
'cxt',
'w3d',
'fgd',
'swa',
],
'application/x-doom': ['wad'],
'application/x-dtbncx+xml': ['ncx'],
'application/x-dtbook+xml': ['dtb'],
'application/x-dtbresource+xml': ['res'],
'application/x-dvi': ['dvi'],
'application/x-envoy': ['evy'],
'application/x-eva': ['eva'],
'application/x-font-bdf': ['bdf'],
'application/x-font-ghostscript': ['gsf'],
'application/x-font-linux-psf': ['psf'],
'application/x-font-pcf': ['pcf'],
'application/x-font-snf': ['snf'],
'application/x-font-type1': ['pfa', 'pfb', 'pfm', 'afm'],
'application/x-freearc': ['arc'],
'application/x-futuresplash': ['spl'],
'application/x-gca-compressed': ['gca'],
'application/x-glulx': ['ulx'],
'application/x-gnumeric': ['gnumeric'],
'application/x-gramps-xml': ['gramps'],
'application/x-gtar': ['gtar'],
'application/x-hdf': ['hdf'],
'application/x-httpd-php': ['php'],
'application/x-install-instructions': ['install'],
'application/x-iso9660-image': ['*iso'],
'application/x-iwork-keynote-sffkey': ['*key'],
'application/x-iwork-numbers-sffnumbers': ['*numbers'],
'application/x-iwork-pages-sffpages': ['*pages'],
'application/x-java-archive-diff': ['jardiff'],
'application/x-java-jnlp-file': ['jnlp'],
'application/x-keepass2': ['kdbx'],
'application/x-latex': ['latex'],
'application/x-lua-bytecode': ['luac'],
'application/x-lzh-compressed': ['lzh', 'lha'],
'application/x-makeself': ['run'],
'application/x-mie': ['mie'],
'application/x-mobipocket-ebook': ['*prc', 'mobi'],
'application/x-ms-application': ['application'],
'application/x-ms-shortcut': ['lnk'],
'application/x-ms-wmd': ['wmd'],
'application/x-ms-wmz': ['wmz'],
'application/x-ms-xbap': ['xbap'],
'application/x-msaccess': ['mdb'],
'application/x-msbinder': ['obd'],
'application/x-mscardfile': ['crd'],
'application/x-msclip': ['clp'],
'application/x-msdos-program': ['*exe'],
'application/x-msdownload': ['*exe', '*dll', 'com', 'bat', '*msi'],
'application/x-msmediaview': ['mvb', 'm13', 'm14'],
'application/x-msmetafile': ['*wmf', '*wmz', '*emf', 'emz'],
'application/x-msmoney': ['mny'],
'application/x-mspublisher': ['pub'],
'application/x-msschedule': ['scd'],
'application/x-msterminal': ['trm'],
'application/x-mswrite': ['wri'],
'application/x-netcdf': ['nc', 'cdf'],
'application/x-ns-proxy-autoconfig': ['pac'],
'application/x-nzb': ['nzb'],
'application/x-perl': ['pl', 'pm'],
'application/x-pilot': ['*prc', '*pdb'],
'application/x-pkcs12': ['p12', 'pfx'],
'application/x-pkcs7-certificates': ['p7b', 'spc'],
'application/x-pkcs7-certreqresp': ['p7r'],
'application/x-rar-compressed': ['*rar'],
'application/x-redhat-package-manager': ['rpm'],
'application/x-research-info-systems': ['ris'],
'application/x-sea': ['sea'],
'application/x-sh': ['sh'],
'application/x-shar': ['shar'],
'application/x-shockwave-flash': ['swf'],
'application/x-silverlight-app': ['xap'],
'application/x-sql': ['*sql'],
'application/x-stuffit': ['sit'],
'application/x-stuffitx': ['sitx'],
'application/x-subrip': ['srt'],
'application/x-sv4cpio': ['sv4cpio'],
'application/x-sv4crc': ['sv4crc'],
'application/x-t3vm-image': ['t3'],
'application/x-tads': ['gam'],
'application/x-tar': ['tar'],
'application/x-tcl': ['tcl', 'tk'],
'application/x-tex': ['tex'],
'application/x-tex-tfm': ['tfm'],
'application/x-texinfo': ['texinfo', 'texi'],
'application/x-tgif': ['*obj'],
'application/x-ustar': ['ustar'],
'application/x-virtualbox-hdd': ['hdd'],
'application/x-virtualbox-ova': ['ova'],
'application/x-virtualbox-ovf': ['ovf'],
'application/x-virtualbox-vbox': ['vbox'],
'application/x-virtualbox-vbox-extpack': ['vbox-extpack'],
'application/x-virtualbox-vdi': ['vdi'],
'application/x-virtualbox-vhd': ['vhd'],
'application/x-virtualbox-vmdk': ['vmdk'],
'application/x-wais-source': ['src'],
'application/x-web-app-manifest+json': ['webapp'],
'application/x-x509-ca-cert': ['der', 'crt', 'pem'],
'application/x-xfig': ['fig'],
'application/x-xliff+xml': ['*xlf'],
'application/x-xpinstall': ['xpi'],
'application/x-xz': ['xz'],
'application/x-zmachine': ['z1', 'z2', 'z3', 'z4', 'z5', 'z6', 'z7', 'z8'],
'audio/vnd.dece.audio': ['uva', 'uvva'],
'audio/vnd.digital-winds': ['eol'],
'audio/vnd.dra': ['dra'],
'audio/vnd.dts': ['dts'],
'audio/vnd.dts.hd': ['dtshd'],
'audio/vnd.lucent.voice': ['lvp'],
'audio/vnd.ms-playready.media.pya': ['pya'],
'audio/vnd.nuera.ecelp4800': ['ecelp4800'],
'audio/vnd.nuera.ecelp7470': ['ecelp7470'],
'audio/vnd.nuera.ecelp9600': ['ecelp9600'],
'audio/vnd.rip': ['rip'],
'audio/x-aac': ['*aac'],
'audio/x-aiff': ['aif', 'aiff', 'aifc'],
'audio/x-caf': ['caf'],
'audio/x-flac': ['flac'],
'audio/x-m4a': ['*m4a'],
'audio/x-matroska': ['mka'],
'audio/x-mpegurl': ['m3u'],
'audio/x-ms-wax': ['wax'],
'audio/x-ms-wma': ['wma'],
'audio/x-pn-realaudio': ['ram', 'ra'],
'audio/x-pn-realaudio-plugin': ['rmp'],
'audio/x-realaudio': ['*ra'],
'audio/x-wav': ['*wav'],
'chemical/x-cdx': ['cdx'],
'chemical/x-cif': ['cif'],
'chemical/x-cmdf': ['cmdf'],
'chemical/x-cml': ['cml'],
'chemical/x-csml': ['csml'],
'chemical/x-xyz': ['xyz'],
'image/prs.btif': ['btif', 'btf'],
'image/prs.pti': ['pti'],
'image/vnd.adobe.photoshop': ['psd'],
'image/vnd.airzip.accelerator.azv': ['azv'],
'image/vnd.dece.graphic': ['uvi', 'uvvi', 'uvg', 'uvvg'],
'image/vnd.djvu': ['djvu', 'djv'],
'image/vnd.dvb.subtitle': ['*sub'],
'image/vnd.dwg': ['dwg'],
'image/vnd.dxf': ['dxf'],
'image/vnd.fastbidsheet': ['fbs'],
'image/vnd.fpx': ['fpx'],
'image/vnd.fst': ['fst'],
'image/vnd.fujixerox.edmics-mmr': ['mmr'],
'image/vnd.fujixerox.edmics-rlc': ['rlc'],
'image/vnd.microsoft.icon': ['ico'],
'image/vnd.ms-dds': ['dds'],
'image/vnd.ms-modi': ['mdi'],
'image/vnd.ms-photo': ['wdp'],
'image/vnd.net-fpx': ['npx'],
'image/vnd.pco.b16': ['b16'],
'image/vnd.tencent.tap': ['tap'],
'image/vnd.valve.source.texture': ['vtf'],
'image/vnd.wap.wbmp': ['wbmp'],
'image/vnd.xiff': ['xif'],
'image/vnd.zbrush.pcx': ['pcx'],
'image/x-3ds': ['3ds'],
'image/x-cmu-raster': ['ras'],
'image/x-cmx': ['cmx'],
'image/x-freehand': ['fh', 'fhc', 'fh4', 'fh5', 'fh7'],
'image/x-icon': ['*ico'],
'image/x-jng': ['jng'],
'image/x-mrsid-image': ['sid'],
'image/x-ms-bmp': ['*bmp'],
'image/x-pcx': ['*pcx'],
'image/x-pict': ['pic', 'pct'],
'image/x-portable-anymap': ['pnm'],
'image/x-portable-bitmap': ['pbm'],
'image/x-portable-graymap': ['pgm'],
'image/x-portable-pixmap': ['ppm'],
'image/x-rgb': ['rgb'],
'image/x-tga': ['tga'],
'image/x-xbitmap': ['xbm'],
'image/x-xpixmap': ['xpm'],
'image/x-xwindowdump': ['xwd'],
'message/vnd.wfa.wsc': ['wsc'],
'model/vnd.bary': ['bary'],
'model/vnd.cld': ['cld'],
'model/vnd.collada+xml': ['dae'],
'model/vnd.dwf': ['dwf'],
'model/vnd.gdl': ['gdl'],
'model/vnd.gtw': ['gtw'],
'model/vnd.mts': ['*mts'],
'model/vnd.opengex': ['ogex'],
'model/vnd.parasolid.transmit.binary': ['x_b'],
'model/vnd.parasolid.transmit.text': ['x_t'],
'model/vnd.pytha.pyox': ['pyo', 'pyox'],
'model/vnd.sap.vds': ['vds'],
'model/vnd.usda': ['usda'],
'model/vnd.usdz+zip': ['usdz'],
'model/vnd.valve.source.compiled-map': ['bsp'],
'model/vnd.vtu': ['vtu'],
'text/prs.lines.tag': ['dsc'],
'text/vnd.curl': ['curl'],
'text/vnd.curl.dcurl': ['dcurl'],
'text/vnd.curl.mcurl': ['mcurl'],
'text/vnd.curl.scurl': ['scurl'],
'text/vnd.dvb.subtitle': ['sub'],
'text/vnd.familysearch.gedcom': ['ged'],
'text/vnd.fly': ['fly'],
'text/vnd.fmi.flexstor': ['flx'],
'text/vnd.graphviz': ['gv'],
'text/vnd.in3d.3dml': ['3dml'],
'text/vnd.in3d.spot': ['spot'],
'text/vnd.sun.j2me.app-descriptor': ['jad'],
'text/vnd.wap.wml': ['wml'],
'text/vnd.wap.wmlscript': ['wmls'],
'text/x-asm': ['s', 'asm'],
'text/x-c': ['c', 'cc', 'cxx', 'cpp', 'h', 'hh', 'dic'],
'text/x-component': ['htc'],
'text/x-fortran': ['f', 'for', 'f77', 'f90'],
'text/x-handlebars-template': ['hbs'],
'text/x-java-source': ['java'],
'text/x-lua': ['lua'],
'text/x-markdown': ['mkd'],
'text/x-nfo': ['nfo'],
'text/x-opml': ['opml'],
'text/x-org': ['*org'],
'text/x-pascal': ['p', 'pas'],
'text/x-processing': ['pde'],
'text/x-sass': ['sass'],
'text/x-scss': ['scss'],
'text/x-setext': ['etx'],
'text/x-sfv': ['sfv'],
'text/x-suse-ymp': ['ymp'],
'text/x-uuencode': ['uu'],
'text/x-vcalendar': ['vcs'],
'text/x-vcard': ['vcf'],
'video/vnd.dece.hd': ['uvh', 'uvvh'],
'video/vnd.dece.mobile': ['uvm', 'uvvm'],
'video/vnd.dece.pd': ['uvp', 'uvvp'],
'video/vnd.dece.sd': ['uvs', 'uvvs'],
'video/vnd.dece.video': ['uvv', 'uvvv'],
'video/vnd.dvb.file': ['dvb'],
'video/vnd.fvt': ['fvt'],
'video/vnd.mpegurl': ['mxu', 'm4u'],
'video/vnd.ms-playready.media.pyv': ['pyv'],
'video/vnd.uvvu.mp4': ['uvu', 'uvvu'],
'video/vnd.vivo': ['viv'],
'video/x-f4v': ['f4v'],
'video/x-fli': ['fli'],
'video/x-flv': ['flv'],
'video/x-m4v': ['m4v'],
'video/x-matroska': ['mkv', 'mk3d', 'mks'],
'video/x-mng': ['mng'],
'video/x-ms-asf': ['asf', 'asx'],
'video/x-ms-vob': ['vob'],
'video/x-ms-wm': ['wm'],
'video/x-ms-wmv': ['wmv'],
'video/x-ms-wmx': ['wmx'],
'video/x-ms-wvx': ['wvx'],
'video/x-msvideo': ['avi'],
'video/x-sgi-movie': ['movie'],
'video/x-smv': ['smv'],
'x-conference/x-cooltalk': ['ice'],
};
Object.freeze(types$1);
const types = {
'application/andrew-inset': ['ez'],
'application/appinstaller': ['appinstaller'],
'application/applixware': ['aw'],
'application/appx': ['appx'],
'application/appxbundle': ['appxbundle'],
'application/atom+xml': ['atom'],
'application/atomcat+xml': ['atomcat'],
'application/atomdeleted+xml': ['atomdeleted'],
'application/atomsvc+xml': ['atomsvc'],
'application/atsc-dwd+xml': ['dwd'],
'application/atsc-held+xml': ['held'],
'application/atsc-rsat+xml': ['rsat'],
'application/automationml-aml+xml': ['aml'],
'application/automationml-amlx+zip': ['amlx'],
'application/bdoc': ['bdoc'],
'application/calendar+xml': ['xcs'],
'application/ccxml+xml': ['ccxml'],
'application/cdfx+xml': ['cdfx'],
'application/cdmi-capability': ['cdmia'],
'application/cdmi-container': ['cdmic'],
'application/cdmi-domain': ['cdmid'],
'application/cdmi-object': ['cdmio'],
'application/cdmi-queue': ['cdmiq'],
'application/cpl+xml': ['cpl'],
'application/cu-seeme': ['cu'],
'application/cwl': ['cwl'],
'application/dash+xml': ['mpd'],
'application/dash-patch+xml': ['mpp'],
'application/davmount+xml': ['davmount'],
'application/docbook+xml': ['dbk'],
'application/dssc+der': ['dssc'],
'application/dssc+xml': ['xdssc'],
'application/ecmascript': ['ecma'],
'application/emma+xml': ['emma'],
'application/emotionml+xml': ['emotionml'],
'application/epub+zip': ['epub'],
'application/exi': ['exi'],
'application/express': ['exp'],
'application/fdf': ['fdf'],
'application/fdt+xml': ['fdt'],
'application/font-tdpfr': ['pfr'],
'application/geo+json': ['geojson'],
'application/gml+xml': ['gml'],
'application/gpx+xml': ['gpx'],
'application/gxf': ['gxf'],
'application/gzip': ['gz'],
'application/hjson': ['hjson'],
'application/hyperstudio': ['stk'],
'application/inkml+xml': ['ink', 'inkml'],
'application/ipfix': ['ipfix'],
'application/its+xml': ['its'],
'application/java-archive': ['jar', 'war', 'ear'],
'application/java-serialized-object': ['ser'],
'application/java-vm': ['class'],
'application/javascript': ['*js'],
'application/json': ['json', 'map'],
'application/json5': ['json5'],
'application/jsonml+json': ['jsonml'],
'application/ld+json': ['jsonld'],
'application/lgr+xml': ['lgr'],
'application/lost+xml': ['lostxml'],
'application/mac-binhex40': ['hqx'],
'application/mac-compactpro': ['cpt'],
'application/mads+xml': ['mads'],
'application/manifest+json': ['webmanifest'],
'application/marc': ['mrc'],
'application/marcxml+xml': ['mrcx'],
'application/mathematica': ['ma', 'nb', 'mb'],
'application/mathml+xml': ['mathml'],
'application/mbox': ['mbox'],
'application/media-policy-dataset+xml': ['mpf'],
'application/mediaservercontrol+xml': ['mscml'],
'application/metalink+xml': ['metalink'],
'application/metalink4+xml': ['meta4'],
'application/mets+xml': ['mets'],
'application/mmt-aei+xml': ['maei'],
'application/mmt-usd+xml': ['musd'],
'application/mods+xml': ['mods'],
'application/mp21': ['m21', 'mp21'],
'application/mp4': ['*mp4', '*mpg4', 'mp4s', 'm4p'],
'application/msix': ['msix'],
'application/msixbundle': ['msixbundle'],
'application/msword': ['doc', 'dot'],
'application/mxf': ['mxf'],
'application/n-quads': ['nq'],
'application/n-triples': ['nt'],
'application/node': ['cjs'],
'application/octet-stream': [
'bin',
'dms',
'lrf',
'mar',
'so',
'dist',
'distz',
'pkg',
'bpk',
'dump',
'elc',
'deploy',
'exe',
'dll',
'deb',
'dmg',
'iso',
'img',
'msi',
'msp',
'msm',
'buffer',
],
'application/oda': ['oda'],
'application/oebps-package+xml': ['opf'],
'application/ogg': ['ogx'],
'application/omdoc+xml': ['omdoc'],
'application/onenote': ['onetoc', 'onetoc2', 'onetmp', 'onepkg'],
'application/oxps': ['oxps'],
'application/p2p-overlay+xml': ['relo'],
'application/patch-ops-error+xml': ['xer'],
'application/pdf': ['pdf'],
'application/pgp-encrypted': ['pgp'],
'application/pgp-keys': ['asc'],
'application/pgp-signature': ['sig', '*asc'],
'application/pics-rules': ['prf'],
'application/pkcs10': ['p10'],
'application/pkcs7-mime': ['p7m', 'p7c'],
'application/pkcs7-signature': ['p7s'],
'application/pkcs8': ['p8'],
'application/pkix-attr-cert': ['ac'],
'application/pkix-cert': ['cer'],
'application/pkix-crl': ['crl'],
'application/pkix-pkipath': ['pkipath'],
'application/pkixcmp': ['pki'],
'application/pls+xml': ['pls'],
'application/postscript': ['ai', 'eps', 'ps'],
'application/provenance+xml': ['provx'],
'application/pskc+xml': ['pskcxml'],
'application/raml+yaml': ['raml'],
'application/rdf+xml': ['rdf', 'owl'],
'application/reginfo+xml': ['rif'],
'application/relax-ng-compact-syntax': ['rnc'],
'application/resource-lists+xml': ['rl'],
'application/resource-lists-diff+xml': ['rld'],
'application/rls-services+xml': ['rs'],
'application/route-apd+xml': ['rapd'],
'application/route-s-tsid+xml': ['sls'],
'application/route-usd+xml': ['rusd'],
'application/rpki-ghostbusters': ['gbr'],
'application/rpki-manifest': ['mft'],
'application/rpki-roa': ['roa'],
'application/rsd+xml': ['rsd'],
'application/rss+xml': ['rss'],
'application/rtf': ['rtf'],
'application/sbml+xml': ['sbml'],
'application/scvp-cv-request': ['scq'],
'application/scvp-cv-response': ['scs'],
'application/scvp-vp-request': ['spq'],
'application/scvp-vp-response': ['spp'],
'application/sdp': ['sdp'],
'application/senml+xml': ['senmlx'],
'application/sensml+xml': ['sensmlx'],
'application/set-payment-initiation': ['setpay'],
'application/set-registration-initiation': ['setreg'],
'application/shf+xml': ['shf'],
'application/sieve': ['siv', 'sieve'],
'application/smil+xml': ['smi', 'smil'],
'application/sparql-query': ['rq'],
'application/sparql-results+xml': ['srx'],
'application/sql': ['sql'],
'application/srgs': ['gram'],
'application/srgs+xml': ['grxml'],
'application/sru+xml': ['sru'],
'application/ssdl+xml': ['ssdl'],
'application/ssml+xml': ['ssml'],
'application/swid+xml': ['swidtag'],
'application/tei+xml': ['tei', 'teicorpus'],
'application/thraud+xml': ['tfi'],
'application/timestamped-data': ['tsd'],
'application/toml': ['toml'],
'application/trig': ['trig'],
'application/ttml+xml': ['ttml'],
'application/ubjson': ['ubj'],
'application/urc-ressheet+xml': ['rsheet'],
'application/urc-targetdesc+xml': ['td'],
'application/voicexml+xml': ['vxml'],
'application/wasm': ['wasm'],
'application/watcherinfo+xml': ['wif'],
'application/widget': ['wgt'],
'application/winhlp': ['hlp'],
'application/wsdl+xml': ['wsdl'],
'application/wspolicy+xml': ['wspolicy'],
'application/xaml+xml': ['xaml'],
'application/xcap-att+xml': ['xav'],
'application/xcap-caps+xml': ['xca'],
'application/xcap-diff+xml': ['xdf'],
'application/xcap-el+xml': ['xel'],
'application/xcap-ns+xml': ['xns'],
'application/xenc+xml': ['xenc'],
'application/xfdf': ['xfdf'],
'application/xhtml+xml': ['xhtml', 'xht'],
'application/xliff+xml': ['xlf'],
'application/xml': ['xml', 'xsl', 'xsd', 'rng'],
'application/xml-dtd': ['dtd'],
'application/xop+xml': ['xop'],
'application/xproc+xml': ['xpl'],
'application/xslt+xml': ['*xsl', 'xslt'],
'application/xspf+xml': ['xspf'],
'application/xv+xml': ['mxml', 'xhvml', 'xvml', 'xvm'],
'application/yang': ['yang'],
'application/yin+xml': ['yin'],
'application/zip': ['zip'],
'audio/3gpp': ['*3gpp'],
'audio/aac': ['adts', 'aac'],
'audio/adpcm': ['adp'],
'audio/amr': ['amr'],
'audio/basic': ['au', 'snd'],
'audio/midi': ['mid', 'midi', 'kar', 'rmi'],
'audio/mobile-xmf': ['mxmf'],
'audio/mp3': ['*mp3'],
'audio/mp4': ['m4a', 'mp4a'],
'audio/mpeg': ['mpga', 'mp2', 'mp2a', 'mp3', 'm2a', 'm3a'],
'audio/ogg': ['oga', 'ogg', 'spx', 'opus'],
'audio/s3m': ['s3m'],
'audio/silk': ['sil'],
'audio/wav': ['wav'],
'audio/wave': ['*wav'],
'audio/webm': ['weba'],
'audio/xm': ['xm'],
'font/collection': ['ttc'],
'font/otf': ['otf'],
'font/ttf': ['ttf'],
'font/woff': ['woff'],
'font/woff2': ['woff2'],
'image/aces': ['exr'],
'image/apng': ['apng'],
'image/avci': ['avci'],
'image/avcs': ['avcs'],
'image/avif': ['avif'],
'image/bmp': ['bmp', 'dib'],
'image/cgm': ['cgm'],
'image/dicom-rle': ['drle'],
'image/dpx': ['dpx'],
'image/emf': ['emf'],
'image/fits': ['fits'],
'image/g3fax': ['g3'],
'image/gif': ['gif'],
'image/heic': ['heic'],
'image/heic-sequence': ['heics'],
'image/heif': ['heif'],
'image/heif-sequence': ['heifs'],
'image/hej2k': ['hej2'],
'image/hsj2': ['hsj2'],
'image/ief': ['ief'],
'image/jls': ['jls'],
'image/jp2': ['jp2', 'jpg2'],
'image/jpeg': ['jpeg', 'jpg', 'jpe'],
'image/jph': ['jph'],
'image/jphc': ['jhc'],
'image/jpm': ['jpm', 'jpgm'],
'image/jpx': ['jpx', 'jpf'],
'image/jxl': ['jxl'],
'image/jxr': ['jxr'],
'image/jxra': ['jxra'],
'image/jxrs': ['jxrs'],
'image/jxs': ['jxs'],
'image/jxsc': ['jxsc'],
'image/jxsi': ['jxsi'],
'image/jxss': ['jxss'],
'image/ktx': ['ktx'],
'image/ktx2': ['ktx2'],
'image/png': ['png'],
'image/sgi': ['sgi'],
'image/svg+xml': ['svg', 'svgz'],
'image/t38': ['t38'],
'image/tiff': ['tif', 'tiff'],
'image/tiff-fx': ['tfx'],
'image/webp': ['webp'],
'image/wmf': ['wmf'],
'message/disposition-notification': ['disposition-notification'],
'message/global': ['u8msg'],
'message/global-delivery-status': ['u8dsn'],
'message/global-disposition-notification': ['u8mdn'],
'message/global-headers': ['u8hdr'],
'message/rfc822': ['eml', 'mime'],
'model/3mf': ['3mf'],
'model/gltf+json': ['gltf'],
'model/gltf-binary': ['glb'],
'model/iges': ['igs', 'iges'],
'model/jt': ['jt'],
'model/mesh': ['msh', 'mesh', 'silo'],
'model/mtl': ['mtl'],
'model/obj': ['obj'],
'model/prc': ['prc'],
'model/step+xml': ['stpx'],
'model/step+zip': ['stpz'],
'model/step-xml+zip': ['stpxz'],
'model/stl': ['stl'],
'model/u3d': ['u3d'],
'model/vrml': ['wrl', 'vrml'],
'model/x3d+binary': ['*x3db', 'x3dbz'],
'model/x3d+fastinfoset': ['x3db'],
'model/x3d+vrml': ['*x3dv', 'x3dvz'],
'model/x3d+xml': ['x3d', 'x3dz'],
'model/x3d-vrml': ['x3dv'],
'text/cache-manifest': ['appcache', 'manifest'],
'text/calendar': ['ics', 'ifb'],
'text/coffeescript': ['coffee', 'litcoffee'],
'text/css': ['css'],
'text/csv': ['csv'],
'text/html': ['html', 'htm', 'shtml'],
'text/jade': ['jade'],
'text/javascript': ['js', 'mjs'],
'text/jsx': ['jsx'],
'text/less': ['less'],
'text/markdown': ['md', 'markdown'],
'text/mathml': ['mml'],
'text/mdx': ['mdx'],
'text/n3': ['n3'],
'text/plain': ['txt', 'text', 'conf', 'def', 'list', 'log', 'in', 'ini'],
'text/richtext': ['rtx'],
'text/rtf': ['*rtf'],
'text/sgml': ['sgml', 'sgm'],
'text/shex': ['shex'],
'text/slim': ['slim', 'slm'],
'text/spdx': ['spdx'],
'text/stylus': ['stylus', 'styl'],
'text/tab-separated-values': ['tsv'],
'text/troff': ['t', 'tr', 'roff', 'man', 'me', 'ms'],
'text/turtle': ['ttl'],
'text/uri-list': ['uri', 'uris', 'urls'],
'text/vcard': ['vcard'],
'text/vtt': ['vtt'],
'text/wgsl': ['wgsl'],
'text/xml': ['*xml'],
'text/yaml': ['yaml', 'yml'],
'video/3gpp': ['3gp', '3gpp'],
'video/3gpp2': ['3g2'],
'video/h261': ['h261'],
'video/h263': ['h263'],
'video/h264': ['h264'],
'video/iso.segment': ['m4s'],
'video/jpeg': ['jpgv'],
'video/jpm': ['*jpm', '*jpgm'],
'video/mj2': ['mj2', 'mjp2'],
'video/mp2t': ['ts', 'm2t', 'm2ts', 'mts'],
'video/mp4': ['mp4', 'mp4v', 'mpg4'],
'video/mpeg': ['mpeg', 'mpg', 'mpe', 'm1v', 'm2v'],
'video/ogg': ['ogv'],
'video/quicktime': ['qt', 'mov'],
'video/webm': ['webm'],
};
Object.freeze(types);
var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
};
var _Mime_extensionToType, _Mime_typeToExtension, _Mime_typeToExtensions;
class Mime {
constructor(...args) {
_Mime_extensionToType.set(this, new Map());
_Mime_typeToExtension.set(this, new Map());
_Mime_typeToExtensions.set(this, new Map());
for (const arg of args) {
this.define(arg);
}
}
define(typeMap, force = false) {
for (let [type, extensions] of Object.entries(typeMap)) {
type = type.toLowerCase();
extensions = extensions.map((ext) => ext.toLowerCase());
if (!__classPrivateFieldGet(this, _Mime_typeToExtensions, "f").has(type)) {
__classPrivateFieldGet(this, _Mime_typeToExtensions, "f").set(type, new Set());
}
const allExtensions = __classPrivateFieldGet(this, _Mime_typeToExtensions, "f").get(type);
let first = true;
for (let extension of extensions) {
const starred = extension.startsWith('*');
extension = starred ? extension.slice(1) : extension;
allExtensions?.add(extension);
if (first) {
__classPrivateFieldGet(this, _Mime_typeToExtension, "f").set(type, extension);
}
first = false;
if (starred)
continue;
const currentType = __classPrivateFieldGet(this, _Mime_extensionToType, "f").get(extension);
if (currentType && currentType != type && !force) {
throw new Error(`"${type} -> ${extension}" conflicts with "${currentType} -> ${extension}". Pass \`force=true\` to override this definition.`);
}
__classPrivateFieldGet(this, _Mime_extensionToType, "f").set(extension, type);
}
}
return this;
}
getType(path) {
if (typeof path !== 'string')
return null;
const last = path.replace(/^.*[/\\]/, '').toLowerCase();
const ext = last.replace(/^.*\./, '').toLowerCase();
const hasPath = last.length < path.length;
const hasDot = ext.length < last.length - 1;
if (!hasDot && hasPath)
return null;
return __classPrivateFieldGet(this, _Mime_extensionToType, "f").get(ext) ?? null;
}
getExtension(type) {
if (typeof type !== 'string')
return null;
type = type?.split?.(';')[0];
return ((type && __classPrivateFieldGet(this, _Mime_typeToExtension, "f").get(type.trim().toLowerCase())) ?? null);
}
getAllExtensions(type) {
if (typeof type !== 'string')
return null;
return __classPrivateFieldGet(this, _Mime_typeToExtensions, "f").get(type.toLowerCase()) ?? null;
}
_freeze() {
this.define = () => {
throw new Error('define() not allowed for built-in Mime objects. See https://github.com/broofa/mime/blob/main/README.md#custom-mime-instances');
};
Object.freeze(this);
for (const extensions of __classPrivateFieldGet(this, _Mime_typeToExtensions, "f").values()) {
Object.freeze(extensions);
}
return this;
}
_getTestState() {
return {
types: __classPrivateFieldGet(this, _Mime_extensionToType, "f"),
extensions: __classPrivateFieldGet(this, _Mime_typeToExtension, "f"),
};
}
}
_Mime_extensionToType = new WeakMap(), _Mime_typeToExtension = new WeakMap(), _Mime_typeToExtensions = new WeakMap();
var index = new Mime(types, types$1)._freeze();
exports.Mime = Mime;
exports.default = index;
Object.defineProperty(exports, '__esModule', { value: true });
return exports;
})({});
================================================
FILE: public/assets/libs/workbox/workbox-background-sync.dev.js
================================================
this.workbox = this.workbox || {};
this.workbox.backgroundSync = (function (exports, WorkboxError_mjs, logger_mjs, assert_mjs, getFriendlyURL_mjs, DBWrapper_mjs) {
'use strict';
try {
self['workbox:background-sync:4.1.1'] && _();
} catch (e) {} // eslint-disable-line
/*
Copyright 2018 Google LLC
Use of this source code is governed by an MIT-style
license that can be found in the LICENSE file or at
https://opensource.org/licenses/MIT.
*/
const DB_VERSION = 3;
const DB_NAME = 'workbox-background-sync';
const OBJECT_STORE_NAME = 'requests';
const INDEXED_PROP = 'queueName';
/**
* A class to manage storing requests from a Queue in IndexedbDB,
* indexed by their queue name for easier access.
*
* @private
*/
class QueueStore {
/**
* Associates this instance with a Queue instance, so entries added can be
* identified by their queue name.
*
* @param {string} queueName
* @private
*/
constructor(queueName) {
this._queueName = queueName;
this._db = new DBWrapper_mjs.DBWrapper(DB_NAME, DB_VERSION, {
onupgradeneeded: evt => this._upgradeDb(evt)
});
}
/**
* Append an entry last in the queue.
*
* @param {Object} entry
* @param {Object} entry.requestData
* @param {number} [entry.timestamp]
* @param {Object} [entry.metadata]
*/
async pushEntry(entry) {
{
assert_mjs.assert.isType(entry, 'object', {
moduleName: 'workbox-background-sync',
className: 'QueueStore',
funcName: 'pushEntry',
paramName: 'entry'
});
assert_mjs.assert.isType(entry.requestData, 'object', {
moduleName: 'workbox-background-sync',
className: 'QueueStore',
funcName: 'pushEntry',
paramName: 'entry.requestData'
});
} // Don't specify an ID since one is automatically generated.
delete entry.id;
entry.queueName = this._queueName;
await this._db.add(OBJECT_STORE_NAME, entry);
}
/**
* Preppend an entry first in the queue.
*
* @param {Object} entry
* @param {Object} entry.requestData
* @param {number} [entry.timestamp]
* @param {Object} [entry.metadata]
*/
async unshiftEntry(entry) {
{
assert_mjs.assert.isType(entry, 'object', {
moduleName: 'workbox-background-sync',
className: 'QueueStore',
funcName: 'unshiftEntry',
paramName: 'entry'
});
assert_mjs.assert.isType(entry.requestData, 'object', {
moduleName: 'workbox-background-sync',
className: 'QueueStore',
funcName: 'unshiftEntry',
paramName: 'entry.requestData'
});
}
const [firstEntry] = await this._db.getAllMatching(OBJECT_STORE_NAME, {
count: 1
});
if (firstEntry) {
// Pick an ID one less than the lowest ID in the object store.
entry.id = firstEntry.id - 1;
} else {
delete entry.id;
}
entry.queueName = this._queueName;
await this._db.add(OBJECT_STORE_NAME, entry);
}
/**
* Removes and returns the last entry in the queue matching the `queueName`.
*
* @return {Promise
| Name | Size | Type | Date modified |
|---|
| Icon | Name | Size | Type | Date modified |
|---|---|---|---|---|
| nya.rs | 1 MB | Rust source code | Today 17:00 |
| Icon | Name | Size | Type | Date modified |
|---|---|---|---|---|
| nya.rs | 1 MB | Rust source code | Today 17:00 |
1 / ${pdf.numPages}
`;
document.querySelector(".media").appendChild(controls);
const canvases = pdfContainer.querySelectorAll("canvas");
let currentPage = 1;
const prevBtn = controls.querySelector(".prev-btn");
const nextBtn = controls.querySelector(".next-btn");
const pageIndicator = controls.querySelector(".page-indicator");
const pageInput = controls.querySelector(".page-input");
const goBtn = controls.querySelector(".go-btn");
function updateControls() {
pageIndicator.textContent = `${currentPage} / ${canvases.length}`;
pageInput.value = currentPage;
prevBtn.disabled = currentPage <= 1;
nextBtn.disabled = currentPage >= canvases.length;
}
function showPage(page) {
page = Math.max(1, Math.min(page, canvases.length));
const target = canvases[page - 1];
if (!target) return;
pdfContainer.scrollTo({ top: target.offsetTop - 10, behavior: "smooth" });
currentPage = page;
updateControls();
}
prevBtn.addEventListener("click", () => showPage(currentPage - 1));
nextBtn.addEventListener("click", () => showPage(currentPage + 1));
goBtn.addEventListener("click", () => showPage(parseInt(pageInput.value, 10)));
pageInput.addEventListener("keydown", e => {
if (e.key === "Enter") showPage(parseInt(pageInput.value, 10));
});
pdfContainer.addEventListener("scroll", () => {
const containerRect = pdfContainer.getBoundingClientRect();
const containerCenter = containerRect.top + containerRect.height / 2;
let closestIndex = 0;
let closestDist = Infinity;
canvases.forEach((c, idx) => {
const r = c.getBoundingClientRect();
const cCenter = r.top + r.height / 2;
const dist = Math.abs(cCenter - containerCenter);
if (dist < closestDist) {
closestDist = dist;
closestIndex = idx;
}
});
if (currentPage !== closestIndex + 1) {
currentPage = closestIndex + 1;
updateControls();
}
});
updateControls();
showPage(1);
window.addEventListener("keydown", e => {
if (e.key === "ArrowLeft") showPage(currentPage - 1);
if (e.key === "ArrowRight") showPage(currentPage + 1);
});
} else if (exts["video"].includes(ext)) {
const videoPlayerHTML = `
0:00 / 0:00
0:00 / 0:00
Account Manager
${account.perm.charAt(0).toUpperCase() + account.perm.slice(1)}
Wallpaper
Wallpaper Fill Mode
Cover
Accent
Battery
Show Percentage
Time
24 hour clock
No
Show seconds
No
Weather
Temperature Unit
Celsius
Enable Window Optimizations
Improves rendering performance for smoother window interactions (drag, resize). Uses GPU acceleration and frame throttling.
Show FPS Counter
Display real-time frames per second in the information island.
💡 Tip: If you notice Terbium lagging with this feature enabled, try disabling it to improve performance on older or potato devices.
Window Accent Color
Force Windows to be Maximized
No
Make Maximized windows in "Full Screen" mode
No
Window Blur Intensity
Proxy
Ultraviolet
Wisp Server
Transport Type
Default (Epoxy)
Account
@
Cords:
Import/Export Settings
Import TBS File
Enable Eruda
Invalidate Cache
Export FileSystem (tab may freeze momentarily)
`;
const wallpaper_options = document.querySelectorAll(".wallpaper-option");
wallpaper_options.forEach(option => {
option.addEventListener("click", async e => {
const parent_origin = parent.parent.window.location.origin;
const wallpaper = option.src.toString().split(parent_origin)[1];
const color = option.getAttribute("color-type");
let data = JSON.parse(await window.parent.tb.fs.promises.readFile(`/home/${sessionStorage.getItem("currAcc")}/settings.json`, "utf8"));
data["wallpaper"] = wallpaper;
tb_wallpaper.set(wallpaper);
const fillMode = parent.window.tb.desktop.wallpaper.fillMode();
if (fillMode === null) parent.window.tb.desktop.wallpaper.cover();
if (color !== parent.window.tb.desktop.preferences.theme()) {
// parent.window.tb.desktop.preferences.setTheme(`${color`)
document.body.setAttribute("theme", color);
}
});
});
getWallpapers();
},
});
break;
case "url":
tb.dialog.Message({
title: "Enter a URL of the wallpaper",
onOk: async value => {
await window.parent.tb.system.download(value, `/system/etc/terbium/wallpapers/${value.split("/").pop()}`);
tb.desktop.wallpaper.set("/system/etc/terbium/wallpapers/" + value.split("/").pop());
document.querySelector(".wallpapers").innerHTML = `
`;
const wallpaper_options = document.querySelectorAll(".wallpaper-option");
wallpaper_options.forEach(option => {
option.addEventListener("click", async e => {
const parent_origin = parent.parent.window.location.origin;
const wallpaper = option.src.toString().split(parent_origin)[1];
const color = option.getAttribute("color-type");
let data = JSON.parse(await window.parent.tb.fs.promises.readFile(`/home/${sessionStorage.getItem("currAcc")}/settings.json`, "utf8"));
data["wallpaper"] = wallpaper;
tb_wallpaper.set(wallpaper);
const fillMode = parent.window.tb.desktop.wallpaper.fillMode();
if (fillMode === null) parent.window.tb.desktop.wallpaper.cover();
if (color !== parent.window.tb.desktop.preferences.theme()) {
// parent.window.tb.desktop.preferences.setTheme(`${color`)
document.body.setAttribute("theme", color);
}
});
});
getWallpapers();
},
});
break;
}
},
});
};
const appendCustomWallpaper = () => {
if (document.querySelector(".custom-wallpaper")) {
console.log(document.querySelector(".custom-wallpaper"));
}
const newButton = `
`;
const wallpaperContainer = document.querySelector(".wallpapers");
wallpaperContainer.insertAdjacentHTML("beforeend", newButton);
const customWallpaperBtn = document.querySelector(".custom-wallpaper");
customWallpaperBtn.addEventListener("click", e => {
customWallpaper();
});
};
async function getWispSrvs() {
const fileExists = await window.parent.tb.fs.promises
.stat("//apps/system/settings.tapp/wisp-servers.json")
.then(() => true)
.catch(() => false);
if (!fileExists) {
await window.parent.tb.fs.promises.mkdir("//apps/settings.tapp/", { recursive: true });
const stockDat = [
{ id: `${location.protocol.replace("http", "ws")}//${location.hostname}:${location.port}/wisp/`, name: "Backend" },
{ id: "wss://wisp.terbiumon.top/wisp/", name: "TB Wisp Instance" },
];
await window.parent.tb.fs.promises.writeFile("//apps/system/settings.tapp/wisp-servers.json", JSON.stringify(stockDat));
}
const main = document.getElementById("wispSrvs");
window.parent.window.dispatchEvent(new Event("update-wispsrvs"));
const makeCard = async (name, id) => {
let settings = await window.parent.tb.fs.promises.readFile(`/home/${sessionStorage.getItem("currAcc")}/settings.json`, "utf8");
let settdata = JSON.parse(settings);
const card = document.createElement("div");
card.classList.add("flex", "justify-between", "w-full", "p-1.5", "rounded-lg", "duration-150", `srv-${id.replace(/\s/g, "-")}`);
if (name === settdata.wispServer) {
card.classList.add("bg-[#4acd609c]");
} else {
card.classList.add("bg-[#ffffff18]", "hover:bg-[#ffffff38]", "cursor-pointer");
}
const html = `
${id}
${name}Pinging...
| Name | Memory | PID | State | Loading Tasks (This will take a few seconds) |
|---|
System Information (estimated)
Startup Processes
| Name | Scope | Command | Installed By | Enabled |
|---|
| Loading startup processes... |
\n\n
"
},
"icon": "/fs/apps/system/terminal.tapp/icon.svg",
"src": "/fs/apps/system/terminal.tapp/index.html",
"size": {
"width": 612,
"height": 415
}
}
}
================================================
FILE: public/apps/terminal.tapp/logo.txt
================================================
@@@@@@@@@@@@@@~ B@@@@@@@@#G?.
B###&@@@@&####^ #@@@&PPPB@@@G.
.. ~@@@@J .. .#@@@P ~&@@@^
^@@@@? .#@@@@###&@@&7
^@@@@? .#@@@#555P&@@B7
^@@@@? .#@@@P G@@@@
^@@@@? .#@@@&GGG#@@@@Y
^&@@@? B@@@@@@@@&B5~
================================================
FILE: public/apps/terminal.tapp/scripts/cat.js
================================================
async function cat(args) {
if (args._raw.length <= 0) {
displayError("cat: missing operand");
createNewCommandInput();
return;
}
displayOutput(`%cRight now cat only outputs the contents of a file.\n`, "color: #e39d34");
if (path.includes("/mnt/")) {
try {
const match = path.match(/\/mnt\/([^\/]+)\//);
const davName = match ? match[1].toLowerCase() : "";
const text = await tb.vfs.servers.get(davName).connection.promises.readFile(`${path}/${args._raw}`, "utf8");
displayOutput(text);
createNewCommandInput();
} catch (e) {
displayError(`TNSM cat: ${e.message}`);
createNewCommandInput();
return;
}
} else {
tb.sh.cat(`${path}/${args._raw}`, (err, data) => {
if (err) {
displayError(`cat: ${err.message}`);
createNewCommandInput();
} else {
displayOutput(data);
createNewCommandInput();
}
});
}
}
cat(args);
================================================
FILE: public/apps/terminal.tapp/scripts/cd.js
================================================
function cd(args) {
let destination = args._[0];
const raw_destination = destination;
if (!destination || destination === "~") {
const homePath = `/home/${sessionStorage.getItem("currAcc")}/`;
window.dispatchEvent(new CustomEvent("updPath", { detail: homePath }));
createNewCommandInput();
return;
}
if (destination.startsWith("~/")) {
destination = destination.replace("~", `/home/${sessionStorage.getItem("currAcc")}`);
}
let newPath;
if (destination.startsWith("/")) {
newPath = destination;
} else {
newPath = path + destination;
}
const resolvedParts = [];
for (const part of newPath.split("/").filter(p => p)) {
if (part === "..") {
resolvedParts.pop();
} else if (part !== ".") {
resolvedParts.push(part);
}
}
let finalPath = "/" + resolvedParts.join("/") + "/";
if (finalPath === "//") {
finalPath = "/";
}
const checkPath = finalPath.length > 2 ? finalPath.slice(0, -1) : finalPath;
window.parent.tb.fs.stat(checkPath, (err, stats) => {
if (err) {
if (destination.includes("/mnt/") || checkPath.includes("/mnt/")) {
window.dispatchEvent(
new CustomEvent("updPath", {
detail: finalPath,
}),
);
createNewCommandInput();
} else {
displayError(`cd: ${raw_destination}: No such file or directory`);
createNewCommandInput();
}
} else if (!stats.isDirectory()) {
displayError(`cd: ${raw_destination}: Not a directory`);
createNewCommandInput();
} else {
window.dispatchEvent(
new CustomEvent("updPath", {
detail: finalPath,
}),
);
createNewCommandInput();
}
});
}
cd(args);
================================================
FILE: public/apps/terminal.tapp/scripts/clear.js
================================================
function clear(term) {
term.clear();
createNewCommandInput();
}
clear(term);
================================================
FILE: public/apps/terminal.tapp/scripts/curl.js
================================================
async function curl(args) {
let url = args._raw;
if (!url) {
displayOutput("Usage: curl \n\n
\n\n\n
\n