-> For more a depth guide refer to the [Filer GitHub](https://github.com/filerjs/filer) - -If your want to use Filer in your app put this in the head -```html - -``` -For starters when you are reading a file or directory you should use the **promises** version of that action, below is a visual example: - -```js -// Bad -await Filer.fs.readFile("/hi/hi.txt", "utf8", (err, data) => { - if(err) throw err - console.log(data) -}) - -// Good -let hi = await Filer.fs.promises.readFile("/hi/hi.txt", "utf8") -console.log(hi) -``` - -## Contents -- [fs.mkdir](#mkdir) -- [fs.writeFile](#writeFile) -- [fs.readFile](#readFile) -- [fs.readdir](#readdir) -- [fs.rmdir](#rmdir) -- [fs.unlink](#unlink) - -### fs.mkdir(path, [options], callback) -Makes a directory from the `path` argument -```js -await Filer.fs.promises.mkdir("/hi"); -``` -### fs.writeFile(path, data, [options], callback) -Writes to a file can be any, can be a `string` or `buffer` -> ⚠ NOTE: If you trying to write something like a image you should turn the data of the image into an array buffer -```js -// UTF8 text file -await Filer.fs.promises.writeFile("/hi/hi.txt", "Hiiiii"); - -// Example of uploading raw image binary buffer -let imgData = e.target.files[0].arrayBuffer(); -await Filer.fs.promises.writeFile("spungerbog.png", Filer.Buffer.from(imgData)); -``` -### fs.readFile(path, [options], callback) -Reads a file, options can be it's encoding `"utf8"` or an object literal `{ encoding: "utf8" }`
-> ⚠ NOTE: if encoding is not passed in options it will output the raw binary buffer -```js -let hi = JSON.parse(await Filer.fs.promises.readFile("/hi/hi.txt", "utf8")); -// hi is now the contents of hi.txt as a UTF8 String -``` -### fs.readdir(path, [options], callback) -Example directory structure: -```js -/* -* /hi -* | hi.txt -*/ -``` -```js -let dir = await Filer.fs.promises.readdir("/hi"); -// dir is now an array of it's contents ["hi.txt"] -``` -### fs.rmdir(path, callback) -Removes a directory if it is empty. -```js -// remove an empty dir -await Filer.fs.promises.rmdir("/hi/empty-dir"); -``` -> ⚠ NOTE: If you would like to forcefully and recursively remove a dir look the below code -```js -await (new Filer.fs.Shell()).promises.rm("/hi", {recursive: true}) -``` -### fs.unlink(path, callback) -Remove a file provided from path argument -```js -await Filer.fs.promises.unlink("/hi/hi.txt") -``` \ No newline at end of file diff --git a/index.html b/index.html index 0b98e36..f302ffd 100644 --- a/index.html +++ b/index.html @@ -11,6 +11,28 @@ + + @@ -18,8 +40,6 @@ - - - + diff --git a/public/apps/media viewer.tapp/index.js b/public/apps/media viewer.tapp/index.js index 0575a66..9cbd776 100644 --- a/public/apps/media viewer.tapp/index.js +++ b/public/apps/media viewer.tapp/index.js @@ -1,7 +1,3 @@ -import * as webdav from "/fs/apps/system/files.tapp/webdav.js"; - -window.webdav = webdav; - window.addEventListener("load", async () => { parent.postMessage(JSON.stringify({ type: "ready" }), "*"); }); @@ -51,11 +47,7 @@ async function openFile(url, ext, dav) { 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.webdav.createClient(dav.url, { - username: dav.username, - password: dav.password, - authType: window.webdav.AuthType.Password, - }); + const client = window.parent.tb.vfs.servers.get(dav.name); let filePath; if (url.startsWith("http")) { const match = url.match(/^https?:\/\/[^\/]+\/dav\/([^\/]+\/)?(.+)$/); @@ -208,11 +200,7 @@ async function openFile(url, ext, dav) { 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.webdav.createClient(dav.url, { - username: dav.username, - password: dav.password, - authType: window.webdav.AuthType.Password, - }); + const client = window.parent.tb.vfs.servers.get(dav.name); let filePath; if (url.startsWith("http")) { const match = url.match(/^https?:\/\/[^\/]+\/dav\/([^\/]+\/)?(.+)$/); @@ -266,11 +254,7 @@ async function openFile(url, ext, dav) { 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.webdav.createClient(dav.url, { - username: dav.username, - password: dav.password, - authType: window.webdav.AuthType.Password, - }); + const client = window.parent.tb.vfs.servers.get(dav.name); let filePath; if (url.startsWith("http")) { const match = url.match(/^https?:\/\/[^\/]+\/dav\/([^\/]+\/)?(.+)$/); @@ -412,7 +396,7 @@ window.addEventListener("message", async e => { 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, true); + openFile(data.path, ext); } 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 }); diff --git a/public/apps/settings.tapp/accounts/index.html b/public/apps/settings.tapp/accounts/index.html index 211f8d6..6ffbd82 100644 --- a/public/apps/settings.tapp/accounts/index.html +++ b/public/apps/settings.tapp/accounts/index.html @@ -1,47 +1,71 @@ - - -
-
-
-
+
+
+ Accounts
- - -
+
+
+
+
\ No newline at end of file
diff --git a/public/apps/settings.tapp/accounts/index.js b/public/apps/settings.tapp/accounts/index.js
index 9653fde..3104650 100644
--- a/public/apps/settings.tapp/accounts/index.js
+++ b/public/apps/settings.tapp/accounts/index.js
@@ -220,58 +220,102 @@ renderAccounts();
const createAccount = async () => {
const askNewAccountDetails = 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",
+ 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);
+ }
},
- ],
- 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 => {
diff --git a/public/apps/settings.tapp/index.css b/public/apps/settings.tapp/index.css
index 8edd901..e1ffad1 100644
--- a/public/apps/settings.tapp/index.css
+++ b/public/apps/settings.tapp/index.css
@@ -298,3 +298,48 @@ h6 {
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);
+}
diff --git a/public/apps/settings.tapp/index.html b/public/apps/settings.tapp/index.html
index 0e72749..b3f59e2 100644
--- a/public/apps/settings.tapp/index.html
+++ b/public/apps/settings.tapp/index.html
@@ -188,6 +188,55 @@ Account Manager
+ +
+
+
+
+ Show FPS Counter
💡 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
+
@@ -242,7 +291,10 @@
-
+ Account
@
+
+
+
@@ -386,9 +389,9 @@ async function getWispSrvs() {
getWispSrvs();
async function updateTransport(transport) {
- const st = JSON.parse(await window.parent.tb.fs.promises.readFile(`/home/${await window.tb.user.username()}/settings.json`, "utf8"));
+ 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.tb.user.username()}/settings.json`, JSON.stringify(st), "utf8");
+ 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");
@@ -396,14 +399,14 @@ 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.tb.user.username()}/settings.json`, "utf8"));
+ 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.tb.user.username()}/settings.json`, JSON.stringify(settings));
+ 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.tb.user.username()}/settings.json`, "utf8"));
+ 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) {
@@ -431,17 +434,18 @@ custom_accent.addEventListener("click", e => {
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.tb.user.username()}/settings.json`, "utf8"));
+ 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.tb.user.username()}/settings.json`, JSON.stringify(settings));
+ 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.tb.user.username()}/settings.json`, "utf8"));
+ 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.tb.user.username()}/settings.json`, JSON.stringify(settings));
+ 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"));
});
});
@@ -489,7 +493,7 @@ window.parent.tb.fs.readFile(`/home/${sessionStorage.getItem("currAcc")}/user.js
pfpEl.src = data["pfp"];
});
-pfpEl.addEventListener("click", e => {
+pfpEl.addEventListener("click", async e => {
const uploader = document.createElement("input");
uploader.type = "file";
uploader.accept = "img/*";
@@ -502,6 +506,30 @@ pfpEl.addEventListener("click", e => {
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;
@@ -590,7 +618,7 @@ permEl.addEventListener("click", async () => {
sudo: true,
title: "Authenticate to change your permissions",
defaultUsername: sessionStorage.getItem("currAcc"),
- onOk: async (username, password) => {
+ onOk: async (_username, password) => {
const pass = await tb.crypto(password);
if (pass === data["password"]) {
await tb.dialog.Select({
@@ -628,6 +656,87 @@ permEl.addEventListener("click", async () => {
}
});
+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";
+ window.parent.tb.fs.readFile(`/home/${sessionStorage.getItem("currAcc")}/user.json`, "utf8", async (err, data) => {
+ if (err) return console.log(err);
+ data = JSON.parse(data);
+ data["username"] = res.data.user.name;
+ await window.parent.tb.fs.promises.writeFile(`/home/${sessionStorage.getItem("currAcc")}/user.json`, JSON.stringify(data));
+ let desktopDat = JSON.parse(await window.parent.tb.fs.promises.readFile(`/home/${sessionStorage.getItem("currAcc")}/desktop/.desktop.json`, "utf8"));
+ desktopDat = desktopDat.map(entry => {
+ entry.item = entry.item.replace(`/home/${sessionStorage.getItem("currAcc")}/`, `/home/${res.data.user.name}/`);
+ return entry;
+ });
+ await window.parent.tb.fs.promises.rename(`/home/${sessionStorage.getItem("currAcc")}`, `/home/${res.data.user.name}`);
+ await window.parent.tb.fs.promises.writeFile(`/home/${res.data.user.name}/desktop/.desktop.json`, JSON.stringify(desktopDat));
+ await window.parent.tb.fs.promises.rename(`/apps/user/${sessionStorage.getItem("currAcc")}`, `/apps/user/${res.data.user.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["defaultUser"] = res.data.user.name;
+ await window.parent.tb.fs.promises.writeFile("/system/etc/terbium/settings.json", JSON.stringify(data));
+ });
+ const fcfg = JSON.parse(await window.parent.tb.fs.promises.readFile(`/apps/user/${res.data.user.name}/files/config.json`, "utf8"));
+ fcfg.drives["File System"] = `/home/${res.data.user.name}/`;
+ await window.parent.tb.fs.promises.writeFile(`/apps/user/${res.data.user.name}/files/config.json`, JSON.stringify(fcfg));
+ const qcfg = JSON.parse(await window.parent.tb.fs.promises.readFile(`/apps/user/${res.data.user.name}/files/quick-center.json`, "utf8"));
+ for (const key in qcfg.paths) {
+ if (Object.prototype.hasOwnProperty.call(qcfg.paths, key)) {
+ qcfg.paths[key] = qcfg.paths[key].replace(sessionStorage.getItem("currAcc"), res.data.user.name);
+ }
+ }
+ await window.parent.tb.fs.promises.writeFile(`/apps/user/${res.data.user.name}/files/quick-center.json`, JSON.stringify(qcfg));
+ sessionStorage.setItem("currAcc", res.data.user.name);
+ });
+ window.parent.tb.system.users.update({
+ username: res.data.user.name,
+ pfp: res.data.user.image,
+ });
+ break;
+ case "local":
+ 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);
@@ -701,7 +810,7 @@ accountsButton.addEventListener("mousedown", e => {
const batteryPercentage = document.querySelector(".battery-percentage");
(async () => {
- let showBatteryPercentage = JSON.parse(await window.parent.tb.fs.promises.readFile(`/home/${await window.tb.user.username()}/settings.json`, "utf8"))["battery-percent"];
+ 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;
@@ -715,7 +824,7 @@ const batteryPercentage = document.querySelector(".battery-percentage");
})();
batteryPercentage.addEventListener("mousedown", async e => {
- let data = JSON.parse(await window.parent.tb.fs.promises.readFile(`/home/${await window.tb.user.username()}/settings.json`, "utf8"));
+ 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");
@@ -727,11 +836,11 @@ batteryPercentage.addEventListener("mousedown", async e => {
tb.battery.hidePercentage();
}
data["battery-percent"] = realCheckbox.checked;
- window.parent.tb.fs.promises.writeFile(`/home/${await window.tb.user.username()}/settings.json`, JSON.stringify(data));
+ 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.tb.battery.canUse();
+ const battery = await window.parent.tb.battery.canUse();
if (!battery) {
document.querySelector(".battery").remove();
}
@@ -751,7 +860,7 @@ showCords.addEventListener("mousedown", async e => {
});
async function exportSettings() {
- let settings = JSON.parse(await window.parent.tb.fs.promises.readFile(`/home/${await window.tb.user.username()}/settings.json`, "utf8"));
+ 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);
@@ -761,6 +870,68 @@ async function exportSettings() {
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 winAccentPrev = async () => {
+ const defaultAccent = "#ffffff";
+ 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.window.winAccent = defaultAccent;
+ window.parent.tb.fs.promises.writeFile(`/home/${await window.parent.tb.user.username()}/settings.json`, JSON.stringify(settings));
+ winAccent.removeEventListener("mousedown", winAccentPrev);
+ window.parent.dispatchEvent(new Event("upd-accent"));
+};
+winAccentPrev();
+
+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";
@@ -770,8 +941,8 @@ async function convertTBSIF() {
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.tb.user.username()}/settings.json`, "utf8"));
- let syssettings = JSON.parse(await window.parent.tb.fs.promises.readFile(`/home/${await window.tb.user.username()}/settings.json`, "utf8"));
+ 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;
}
@@ -784,7 +955,7 @@ async function convertTBSIF() {
if (tbs_config.shadow === "yes") {
settings["system-blur"] = true;
}
- await window.parent.tb.fs.promises.writeFile(`/home/${await window.tb.user.username()}/settings.json`, JSON.stringify(settings, null, 2), "utf8");
+ 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();
};
@@ -819,7 +990,7 @@ const setupWindowOptimizations = async () => {
const realCheckbox = windowOptimizationsCheckbox.querySelector("input[type='checkbox']");
const checkIcon = windowOptimizationsCheckbox.querySelector(".checkIcon");
- const setState = async (enabled) => {
+ const setState = async enabled => {
realCheckbox.checked = enabled;
if (enabled) {
checkIcon.classList.remove("opacity-0", "scale-85");
@@ -851,7 +1022,7 @@ const setupFPSCounter = async () => {
const realCheckbox = fpsCounterCheckbox.querySelector("input[type='checkbox']");
const checkIcon = fpsCounterCheckbox.querySelector(".checkIcon");
- const setState = async (enabled) => {
+ const setState = async enabled => {
realCheckbox.checked = enabled;
if (enabled) {
checkIcon.classList.remove("opacity-0", "scale-85");
@@ -863,7 +1034,7 @@ const setupFPSCounter = async () => {
settings.showFPS = enabled;
await window.parent.tb.fs.promises.writeFile(`/home/${await window.tb.user.username()}/settings.json`, JSON.stringify(settings, null, 2), "utf8");
- window.parent.dispatchEvent(new CustomEvent('settings-changed', { detail: { showFPS: enabled } }));
+ window.parent.dispatchEvent(new CustomEvent("settings-changed", { detail: { showFPS: enabled } }));
};
try {
@@ -883,7 +1054,7 @@ setupFPSCounter();
const realCheckbox = animationCheckbox.querySelector("input[type='checkbox']");
realCheckbox.checked = !realCheckbox.checked;
const checkIcon = animationCheckbox.querySelector(".checkIcon");
-if(realCheckbox.checked) {
+if (realCheckbox.checked) {
checkIcon.classList.remove("opacity-0", "scale-85");
} else {
checkIcon.classList.add("opacity-0", "scale-85");
diff --git a/public/apps/settings.tapp/select.js b/public/apps/settings.tapp/select.js
index 77012cf..da38afa 100644
--- a/public/apps/settings.tapp/select.js
+++ b/public/apps/settings.tapp/select.js
@@ -91,6 +91,22 @@ selects.forEach(select => {
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"));
+ });
}
}
});
diff --git a/public/apps/terminal.tapp/index.js b/public/apps/terminal.tapp/index.js
index 641bebb..82887c4 100644
--- a/public/apps/terminal.tapp/index.js
+++ b/public/apps/terminal.tapp/index.js
@@ -1,7 +1,6 @@
import parser from "yargs-parser";
import http from "iso-http";
import git from "git";
-import * as webdav from "/fs/apps/system/files.tapp/webdav.js";
/**
* @typedef {import("yargs-parser").Arguments} argv
@@ -21,7 +20,6 @@ const tb = window.tb || window.parent.tb || {};
window.http = http;
window.gitfetch = git;
-window.webdav = webdav;
/**
* Converts a hex color to an RGB string
@@ -211,8 +209,8 @@ async function handleCommand(name, args) {
}
try {
const script = await scriptRes.text();
- const fn = new Function("args", "displayOutput", "createNewCommandInput", "displayError", "term", "path", "terbium", script);
- fn(args, displayOutput, createNewCommandInput, displayError, term, path, window.parent.tb);
+ const fn = new Function("args", "displayOutput", "createNewCommandInput", "displayError", "term", "path", "terbium", "buffer", script);
+ fn(args, displayOutput, createNewCommandInput, displayError, term, path, window.parent.tb, window.parent.tb.buffer);
} catch (error) {
displayError(`Failed to execute command '${name}': ${error.message}`);
createNewCommandInput();
@@ -220,6 +218,8 @@ async function handleCommand(name, args) {
}
}
+window.handleCommand = handleCommand;
+
window.addEventListener("updPath", e => {
path = e.detail;
});
diff --git a/public/apps/terminal.tapp/scripts/cat.js b/public/apps/terminal.tapp/scripts/cat.js
index fe76270..daf3ef0 100644
--- a/public/apps/terminal.tapp/scripts/cat.js
+++ b/public/apps/terminal.tapp/scripts/cat.js
@@ -9,16 +9,7 @@ async function cat(args) {
try {
const match = path.match(/\/mnt\/([^\/]+)\//);
const davName = match ? match[1].toLowerCase() : "";
- const davInstances = JSON.parse(await window.parent.tb.fs.promises.readFile(`/apps/user/${sessionStorage.getItem("currAcc")}/files/davs.json`, "utf8"));
- const dav = davInstances.find(d => d.name.toLowerCase() === davName);
- const client = window.webdav.createClient(dav.url, {
- username: dav.username,
- password: dav.password,
- authType: window.webdav.AuthType.Password,
- });
- const np = path.replace(`/mnt/${davName.toLowerCase()}/`, "");
- const content = await client.getFileContents(`${np}/${args._raw}`);
- const text = new TextDecoder().decode(content);
+ const text = await tb.vfs.servers.get(davName).connection.promises.readFile(`${path}/${args._raw}`, "utf8");
displayOutput(text);
createNewCommandInput();
} catch (e) {
diff --git a/public/apps/terminal.tapp/scripts/ls.js b/public/apps/terminal.tapp/scripts/ls.js
index 31dc4f1..908db78 100644
--- a/public/apps/terminal.tapp/scripts/ls.js
+++ b/public/apps/terminal.tapp/scripts/ls.js
@@ -14,24 +14,12 @@ async function ls(args) {
];
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.0.1`, header.length));
+ displayOutput(centerText(`TerbiumOS Network Storage Manager v1.2.0`, header.length));
displayOutput(header);
displayOutput(separator);
- const davInstances = JSON.parse(await window.parent.tb.fs.promises.readFile(`/apps/user/${sessionStorage.getItem("currAcc")}/files/davs.json`, "utf8"));
- for (const dav of davInstances) {
- let mounted;
- try {
- const client = window.webdav.createClient(dav.url, {
- username: dav.username,
- password: dav.password,
- authType: window.webdav.AuthType.Password,
- });
- await client.getDirectoryContents("/");
- mounted = true;
- } catch {
- mounted = false;
- }
- const row = [centerText(dav.name, columns[0].width), centerText(dav.url, columns[1].width), centerText(mounted ? "Yes" : "No", columns[2].width), centerText(`/mnt/${dav.name.toLowerCase()}`, columns[3].width)];
+ 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();
@@ -39,15 +27,7 @@ async function ls(args) {
try {
const match = args._raw.match(/\/mnt\/([^\/]+)\//) || path.match(/\/mnt\/([^\/]+)\//);
const davName = match ? match[1].toLowerCase() : "";
- const davInstances = JSON.parse(await window.parent.tb.fs.promises.readFile(`/apps/user/${sessionStorage.getItem("currAcc")}/files/davs.json`, "utf8"));
- const dav = davInstances.find(d => d.name.toLowerCase() === davName);
- const client = window.webdav.createClient(dav.url, {
- username: dav.username,
- password: dav.password,
- authType: window.webdav.AuthType.Password,
- });
- const np = args._raw.replace(`/mnt/${davName.toLowerCase()}/`, "") || path.replace(`/mnt/${davName.toLowerCase()}/`, "");
- const contents = await client.getDirectoryContents(np);
+ 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}/`);
@@ -63,42 +43,24 @@ async function ls(args) {
createNewCommandInput();
} else if (args._raw) {
try {
- tb.sh.ls(path + args._raw, (err, entries) => {
- if (err) {
- displayError(`ls: ${err.message}`);
- createNewCommandInput();
- } else {
- entries.forEach(entry => {
- displayOutput(entry.name);
- });
- createNewCommandInput();
- }
+ const entries = await tb.sh.promises.ls(path + args._raw);
+ entries.forEach(entry => {
+ displayOutput(entry.name);
});
+ createNewCommandInput();
} catch {
- tb.sh.ls(args._raw, (err, entries) => {
- if (err) {
- displayError(`ls: ${err.message}`);
- createNewCommandInput();
- } else {
- entries.forEach(entry => {
- displayOutput(entry.name);
- });
- createNewCommandInput();
- }
+ const entries = await tb.sh.promises.ls(args._raw);
+ entries.forEach(entry => {
+ displayOutput(entry.name);
});
+ createNewCommandInput();
}
} else {
- tb.sh.ls(path, (err, entries) => {
- if (err) {
- displayError(`ls: ${err.message}`);
- createNewCommandInput();
- } else {
- entries.forEach(entry => {
- displayOutput(entry.name);
- });
- createNewCommandInput();
- }
+ const entries = await tb.sh.promises.ls(path);
+ entries.forEach(entry => {
+ displayOutput(entry.name);
});
+ createNewCommandInput();
}
}
ls(args);
diff --git a/public/apps/terminal.tapp/scripts/mkdir.js b/public/apps/terminal.tapp/scripts/mkdir.js
index 6abed26..3ac27b8 100644
--- a/public/apps/terminal.tapp/scripts/mkdir.js
+++ b/public/apps/terminal.tapp/scripts/mkdir.js
@@ -9,15 +9,8 @@ async function mkdir(args) {
try {
const match = path.match(/\/mnt\/([^\/]+)\//);
const davName = match ? match[1].toLowerCase() : "";
- const davInstances = JSON.parse(await window.parent.tb.fs.promises.readFile(`/apps/user/${sessionStorage.getItem("currAcc")}/files/davs.json`, "utf8"));
- const dav = davInstances.find(d => d.name.toLowerCase() === davName);
- const client = window.webdav.createClient(dav.url, {
- username: dav.username,
- password: dav.password,
- authType: window.webdav.AuthType.Password,
- });
const np = path.replace(`/mnt/${davName.toLowerCase()}/`, "");
- await client.createDirectory(`${np}/${args._raw}`);
+ await tb.vfs.servers.get(davName).connection.promises.mkdir(`${np}/${args._raw}`);
createNewCommandInput();
} catch (e) {
displayError(`TNSM mkdir: ${e.message}`);
diff --git a/public/apps/terminal.tapp/scripts/rm.js b/public/apps/terminal.tapp/scripts/rm.js
index e630b33..3bd083a 100644
--- a/public/apps/terminal.tapp/scripts/rm.js
+++ b/public/apps/terminal.tapp/scripts/rm.js
@@ -64,15 +64,8 @@ async function rm(args) {
try {
const match = path.match(/\/mnt\/([^\/]+)\//);
const davName = match ? match[1].toLowerCase() : "";
- const davInstances = JSON.parse(await window.parent.tb.fs.promises.readFile(`/apps/user/${sessionStorage.getItem("currAcc")}/files/davs.json`, "utf8"));
- const dav = davInstances.find(d => d.name.toLowerCase() === davName);
- const client = window.webdav.createClient(dav.url, {
- username: dav.username,
- password: dav.password,
- authType: window.webdav.AuthType.Password,
- });
const np = path.replace(`/mnt/${davName.toLowerCase()}/`, "");
- await client.deleteFile(`${np}/${args._raw}`);
+ await tb.vfs.servers.get(davName).connection.promises.unlink(`${np}/${args._raw}`);
createNewCommandInput();
} catch (e) {
displayError(`TNSM rmdir: ${e.message}`);
diff --git a/public/apps/terminal.tapp/scripts/touch.js b/public/apps/terminal.tapp/scripts/touch.js
index 1657584..93650af 100644
--- a/public/apps/terminal.tapp/scripts/touch.js
+++ b/public/apps/terminal.tapp/scripts/touch.js
@@ -9,15 +9,8 @@ async function touch(args) {
try {
const match = path.match(/\/mnt\/([^\/]+)\//);
const davName = match ? match[1].toLowerCase() : "";
- const davInstances = JSON.parse(await window.parent.tb.fs.promises.readFile(`/apps/user/${sessionStorage.getItem("currAcc")}/files/davs.json`, "utf8"));
- const dav = davInstances.find(d => d.name.toLowerCase() === davName);
- const client = window.webdav.createClient(dav.url, {
- username: dav.username,
- password: dav.password,
- authType: window.webdav.AuthType.Password,
- });
const np = path.replace(`/mnt/${davName.toLowerCase()}/`, "");
- await client.putFileContents(`${np}/${args._raw}`, "", { overwrite: true });
+ await tb.vfs.servers.get(davName).connection.promises.writeFile(`${np}/${args._raw}`, "", "utf8");
createNewCommandInput();
} catch (e) {
displayError(`TNSM touch: ${e.message}`);
diff --git a/public/apps/terminal.tapp/scripts/unzip.js b/public/apps/terminal.tapp/scripts/unzip.js
index 492299c..7bfcddb 100644
--- a/public/apps/terminal.tapp/scripts/unzip.js
+++ b/public/apps/terminal.tapp/scripts/unzip.js
@@ -15,7 +15,7 @@ async function uzip(path, target) {
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));
+ 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)}`);
diff --git a/public/apps/terminal.tapp/terminal_com.js b/public/apps/terminal.tapp/terminal_com.js
index 06dbd7c..6f8f42a 100644
--- a/public/apps/terminal.tapp/terminal_com.js
+++ b/public/apps/terminal.tapp/terminal_com.js
@@ -10,6 +10,6 @@ tb_island.addControl({
id: "terminal-help",
click: async () => {
term.write("help");
- await handleCommand("help");
+ await window.handleCommand("help");
},
});
diff --git a/public/apps/text editor.tapp/text.com.js b/public/apps/text editor.tapp/text.com.js
index a3127ff..e43de5e 100644
--- a/public/apps/text editor.tapp/text.com.js
+++ b/public/apps/text editor.tapp/text.com.js
@@ -24,7 +24,7 @@ tb_island.addControl({
filename: "untitled.txt",
onOk: async file => {
document.body.setAttribute("path", file);
- textarea.value = await tb.fs.promises.readFile(file, "utf8");
+ textarea.value = await tb.vfs.whatFS(file).promises.readFile(file, "utf8");
},
});
},
@@ -40,7 +40,7 @@ tb_island.addControl({
title: "Save Text File",
filename: "untitled.txt",
onOk: async txt => {
- tb.fs.writeFile(`${txt}`, textarea.value, err => {
+ tb.vfs.whatFS(txt).writeFile(`${txt}`, textarea.value, err => {
if (err) return alert(err);
});
},
diff --git a/public/cursor_changer.js b/public/cursor_changer.js
index 6e5abf8..a459e7a 100644
--- a/public/cursor_changer.js
+++ b/public/cursor_changer.js
@@ -1,41 +1,54 @@
const style = document.createElement("style");
console.log("Cursor Engine Injected");
+const anuraSettings = window.parent.parent.parent.anura.ui.theme.settings;
style.textContent = `
- :root {
- --cursor-normal: url("/cursors/dark/normal.svg") 6 0, default !important;
- --cursor-pointer: url("/cursors/dark/pointer.svg") 6 0, pointer !important;
- --cursor-text: url("/cursors/dark/text.svg") 10 0, text !important;
- --cursor-crosshair: url("/cursors/dark/crosshair.svg") 0 0, crosshair !important;
- --cursor-wait: url("/cursors/dark/wait.svg") 0 0, wait !important;
- --cursor-nw-resize: url("/cursors/dark/resize-l.svg") 0 0, nw-resize !important;
- --cursor-ne-resize: url("/cursors/dark/resize-r.svg") 0 0, ne-resize !important;
- --cursor-sw-resize: url("/cursors/dark/resize-r.svg") 0 0, sw-resize !important;
- --cursor-se-resize: url("/cursors/dark/resize-l.svg") 0 0, se-resize !important;
- --cursor-n-resize: url("/cursors/dark/resize-v.svg") 0 0, n-resize !important;
- --cursor-s-resize: url("/cursors/dark/resize-v.svg") 0 0, s-resize !important;
- --cursor-e-resize: url("/cursors/dark/resize-h.svg") 0 0, e-resize !important;
- --cursor-w-resize: url("/cursors/dark/resize-h.svg") 0 0, w-resize !important;
- }
- * {
- cursor: var(--cursor-normal);
- }
- a, a:-webkit-any-link {
- cursor: var(--cursor-pointer) !important;
- }
- input[type="text"], textarea {
- cursor: var(--cursor-text) !important;
- }
- .crosshair {
- cursor: var(--cursor-crosshair) !important;
- }
- .loading {
- cursor: var(--cursor-wait) !important;
- }
- input[disabled], button[disabled] {
- cursor: var(--cursor-normal) !important;
- }
- [contenteditable="true"] {
- cursor: var(--cursor-text) !important;
- }
+ :root {
+ --cursor-normal: url("/cursors/dark/normal.svg") 6 0, default !important;
+ --cursor-pointer: url("/cursors/dark/pointer.svg") 6 0, pointer !important;
+ --cursor-text: url("/cursors/dark/text.svg") 10 0, text !important;
+ --cursor-crosshair: url("/cursors/dark/crosshair.svg") 0 0, crosshair !important;
+ --cursor-wait: url("/cursors/dark/wait.svg") 0 0, wait !important;
+ --cursor-nw-resize: url("/cursors/dark/resize-l.svg") 0 0, nw-resize !important;
+ --cursor-ne-resize: url("/cursors/dark/resize-r.svg") 0 0, ne-resize !important;
+ --cursor-sw-resize: url("/cursors/dark/resize-r.svg") 0 0, sw-resize !important;
+ --cursor-se-resize: url("/cursors/dark/resize-l.svg") 0 0, se-resize !important;
+ --cursor-n-resize: url("/cursors/dark/resize-v.svg") 0 0, n-resize !important;
+ --cursor-s-resize: url("/cursors/dark/resize-v.svg") 0 0, s-resize !important;
+ --cursor-e-resize: url("/cursors/dark/resize-h.svg") 0 0, e-resize !important;
+ --cursor-w-resize: url("/cursors/dark/resize-h.svg") 0 0, w-resize !important;
+ --theme-fg: ${anuraSettings["foreground"] || "#FFFFFF"};
+ --theme-secondary-fg: ${anuraSettings["secondaryForeground"] || "#C1C1C1"};
+ --theme-border: ${anuraSettings["border"] || "#444444"};
+ --material-border: ${anuraSettings["border"] || "#444444"};
+ --theme-dark-border: ${anuraSettings["darkBorder"] || "#000000"};
+ --theme-bg: ${anuraSettings["darkBackground"] || "#202124"};
+ --material-bg: ${anuraSettings["darkBackground"] || "#202124"};
+ --theme-secondary-bg: ${anuraSettings["secondaryBackground"] || "#383838"};
+ --theme-dark-bg: ${anuraSettings["darkBackground"] || "#161616"};
+ --theme-accent: ${anuraSettings["accent"] || "#4285F4"};
+ --matter-helper-theme: ${anuraSettings["accent"] || "#4285F4"};
+ }
+ * {
+ cursor: var(--cursor-normal);
+ }
+ a, a:-webkit-any-link {
+ cursor: var(--cursor-pointer) !important;
+ }
+ input[type="text"], textarea {
+ cursor: var(--cursor-text) !important;
+ }
+ .crosshair {
+ cursor: var(--cursor-crosshair) !important;
+ }
+ .loading {
+ cursor: var(--cursor-wait) !important;
+ }
+ input[disabled], button[disabled] {
+ cursor: var(--cursor-normal) !important;
+ }
+ [contenteditable="true"] {
+ cursor: var(--cursor-text) !important;
+ }
`;
+console.log("Applied TB Styles");
document.head.appendChild(style);
diff --git a/public/robots.txt b/public/robots.txt
new file mode 100644
index 0000000..c7ecdaf
--- /dev/null
+++ b/public/robots.txt
@@ -0,0 +1,22 @@
+User-agent: *
+Allow: /
+
+User-agent: Googlebot
+Allow: /
+
+User-agent: Bingbot
+Allow: /
+
+User-agent: Slurp
+Allow: /
+
+User-agent: DuckDuckBot
+Allow: /
+
+User-agent: Baiduspider
+Allow: /
+
+User-agent: YandexBot
+Allow: /
+
+Sitemap: https://terbiumon.top/sitemap.xml
\ No newline at end of file
diff --git a/public/sitemap.xml b/public/sitemap.xml
new file mode 100644
index 0000000..d1c3719
--- /dev/null
+++ b/public/sitemap.xml
@@ -0,0 +1,9 @@
+
+ {
+ sessionStorage.setItem("boot", "true");
+ window.location.reload();
+ };
+ const cloak = () => {
+ const newWindow = window.open("about:blank", "_blank");
+ const newDocument = newWindow!.document.open();
+ sessionStorage.setItem("boot", "true");
+ newDocument.write(`
+
+
+
+
+
+
+
+
+
+ `);
+ newDocument.close();
+ window.location.href = "https://google.com";
+ console.log("Cloak Opened!");
+ };
+ const recovery = () => {
+ sessionStorage.setItem("recovery", "true");
+ window.location.reload();
+ };
+ await window.tb.fs.promises.writeFile(
+ "/bootentries.json",
+ JSON.stringify([
+ { name: "TB React", action: boot.toString() },
+ { name: "TB React (Cloaked)", action: cloak.toString() },
+ { name: "TB System Recovery", action: recovery.toString() },
+ ]),
+ );
}
await download("https://cdn.terbiumon.top/recovery/latest.zip", "/uploaded.zip");
setShowCursor(false);
@@ -134,12 +169,47 @@ export default function Recovery() {
const content = await file.arrayBuffer();
setProgress(10);
if (localStorage.getItem("setup")) {
- await window.tb.sh.promises.rm("/system/", { recursive: true });
- await window.tb.sh.promises.rm("/apps/", { recursive: true });
- await window.tb.sh.promises.rm("/home/", { recursive: true });
+ await window.tb.sh.format();
+ const boot = () => {
+ sessionStorage.setItem("boot", "true");
+ window.location.reload();
+ };
+ const cloak = () => {
+ const newWindow = window.open("about:blank", "_blank");
+ const newDocument = newWindow!.document.open();
+ sessionStorage.setItem("boot", "true");
+ newDocument.write(`
+
+
+
+
+
+
+
+
+
+ `);
+ newDocument.close();
+ window.location.href = "https://google.com";
+ console.log("Cloak Opened!");
+ };
+ const recovery = () => {
+ sessionStorage.setItem("recovery", "true");
+ window.location.reload();
+ };
+ await window.tb.fs.promises.writeFile(
+ "/bootentries.json",
+ JSON.stringify([
+ { name: "TB React", action: boot.toString() },
+ { name: "TB React (Cloaked)", action: cloak.toString() },
+ { name: "TB System Recovery", action: recovery.toString() },
+ ]),
+ );
}
setProgress(25);
- await window.tb.fs.promises.writeFile("//uploaded.zip", Filer.Buffer.from(content));
+ await window.tb.fs.promises.writeFile("//uploaded.zip", window.tb.buffer.from(content), "arraybuffer");
setProgress(35);
setShowCursor(false);
main.current!.classList.remove("flex");
@@ -230,7 +300,7 @@ export default function Recovery() {
for (let i = 0; i < pathParts.length; i++) {
currentPath += pathParts[i] + "/";
if (i === pathParts.length - 1 && !relativePath.endsWith("/")) {
- await window.tb.fs.promises.writeFile(currentPath.slice(0, -1), Filer.Buffer.from(content));
+ await window.tb.fs.promises.writeFile(currentPath.slice(0, -1), window.tb.buffer.from(content), "arraybuffer");
} else if (!(await dirExists(currentPath))) {
await window.tb.fs.promises.mkdir(currentPath);
}
@@ -243,32 +313,126 @@ export default function Recovery() {
}
async function download(url: string, location: string) {
- // @ts-expect-error
+ if (!window.loadLock) {
+ window.loadLock = true;
+ await libcurl.load_wasm("https://cdn.jsdelivr.net/npm/libcurl.js@latest/libcurl.wasm");
+ }
+ // @ts-expect-error types
libcurl.set_websocket(`${window.location.protocol.replace("http", "ws")}//${window.location.hostname}:${window.location.port}/wisp/`);
const response = await libcurl.fetch(url);
if (!response.ok) {
throw new Error(`Failed to download the file. Status: ${response.status}`);
}
const content = await response.arrayBuffer();
- await window.tb.fs.promises.writeFile(location, Filer.Buffer.from(content));
+ await window.tb.fs.promises.writeFile(location, window.tb.buffer.from(content), "arraybuffer");
console.log(`File saved successfully at: ${location}`);
}
+ const migrateFs = async () => {
+ setShowCursor(false);
+ main.current!.classList.remove("flex");
+ main.current!.classList.add("hidden");
+ progresscheck.current!.classList.remove("hidden");
+ progresscheck.current!.classList.add("flex");
+ async function copyRecursive(src: string, dest: string) {
+ const entries = await Filer.fs.promises.readdir(src);
+ for (const entry of entries) {
+ const srcPath = src.endsWith("/") ? src + entry : src + "/" + entry;
+ const destPath = dest.endsWith("/") ? dest + entry : dest + "/" + entry;
+ const stat = await Filer.fs.promises.stat(srcPath);
+ if (stat.isDirectory()) {
+ if (!(await dirExists(destPath))) {
+ await window.tb.fs.promises.mkdir(destPath);
+ }
+ await copyRecursive(srcPath, destPath);
+ } else {
+ const fileBuffer = await Filer.fs.promises.readFile(srcPath);
+ await window.tb.fs.promises.writeFile(destPath, fileBuffer);
+ }
+ statusref.current!.innerText = `Copying: ${srcPath}`;
+ }
+ }
+ await copyRecursive("/", "/");
+ setProgress(85);
+ statusref.current!.innerText = "Recreating Desktop Shortcuts...";
+ for (const user of await window.tb.fs.promises.readdir("/home/")) {
+ const items = JSON.parse(await window.tb.fs.promises.readFile(`/home/${user}/desktop/.desktop.json`, "utf8"));
+ for (const item of items) {
+ const target = await Filer.fs.promises.readlink(item.item);
+ await window.tb.fs.promises.symlink(target, item.item);
+ statusref.current!.innerText = `Creating shortcut: ${item.name}.lnk...`;
+ }
+ }
+ setProgress(93);
+ statusref.current!.innerText = "Formatting Filer...";
+ const fsh = new Filer.fs.Shell();
+ for (const loc of await Filer.fs.promises.readdir("//")) {
+ await fsh.promises.rm(`/${loc}`, { recursive: true });
+ }
+ setProgress(100);
+ statusref.current!.innerText = "Migration complete!";
+ sessionStorage.clear();
+ sessionStorage.setItem("boot", "true");
+ localStorage.setItem("setup", "true");
+ sessionStorage.removeItem("migrateFs");
+ window.location.reload();
+ };
+
+ // @ts-expect-error types
+ window.migrateFs = migrateFs;
+
useEffect(() => {
const handleKeyDown = async (e: KeyboardEvent) => {
if (e.key === "ArrowUp") {
- setSelected(prevSelected => (prevSelected === 0 ? (updCache ? 4 : 3) : prevSelected - 1));
+ setSelected(prevSelected => (prevSelected === 0 ? (updCache ? 5 : 4) : prevSelected - 1));
} else if (e.key === "ArrowDown") {
- setSelected(prevSelected => (prevSelected === (updCache ? 4 : 3) ? 0 : prevSelected + 1));
+ setSelected(prevSelected => (prevSelected === (updCache ? 5 : 4) ? 0 : prevSelected + 1));
} else if (e.key === "Enter") {
if (selected === 0) {
localStorage.clear();
sessionStorage.clear();
sessionStorage.setItem("boot", "true");
if (localStorage.getItem("setup")) {
- await window.tb.sh.promises.rm("/system/", { recursive: true });
- await window.tb.sh.promises.rm("/apps/", { recursive: true });
- await window.tb.sh.promises.rm("/home/", { recursive: true });
+ await window.tb.sh.format();
+ const boot = () => {
+ sessionStorage.setItem("boot", "true");
+ window.location.reload();
+ };
+
+ const cloak = () => {
+ const newWindow = window.open("about:blank", "_blank");
+ const newDocument = newWindow!.document.open();
+ sessionStorage.setItem("boot", "true");
+ newDocument.write(`
+
+
+
+
+
+
+
+
+
+ `);
+ newDocument.close();
+ window.location.href = "https://google.com";
+ console.log("Cloak Opened!");
+ };
+
+ const recovery = () => {
+ sessionStorage.setItem("recovery", "true");
+ window.location.reload();
+ };
+ await window.tb.fs.promises.writeFile(
+ "/bootentries.json",
+ JSON.stringify([
+ { name: "TB React", action: boot.toString() },
+ { name: "TB React (Cloaked)", action: cloak.toString() },
+ { name: "TB System Recovery", action: recovery.toString() },
+ ]),
+ );
}
window.location.reload();
} else if (selected === 1) {
@@ -280,8 +444,10 @@ export default function Recovery() {
setMsg("BE AWARE if your static hosting this download will NOT work. Proceed?");
setAction("prodins()");
} else if (selected === 2) {
+ migrateFs();
+ } else if (selected === 3) {
zipins();
- } else if (selected === 3 && updCache) {
+ } else if (selected === 4 && updCache) {
setShowCursor(false);
msgbox.current!.classList.remove("flex");
msgbox.current!.classList.add("hidden");
@@ -291,7 +457,7 @@ export default function Recovery() {
await window.tb.fs.promises.writeFile("/system/etc/terbium/hash.cache", hash);
await window.tb.sh.promises.rm("/system/tmp/terb-upd/", { recursive: true });
window.location.reload();
- } else if (selected === (updCache ? 4 : 3)) {
+ } else if (selected === (updCache ? 5 : 4)) {
sessionStorage.clear();
window.location.reload();
}
@@ -390,9 +556,46 @@ export default function Recovery() {
sessionStorage.clear();
sessionStorage.setItem("boot", "true");
if (localStorage.getItem("setup")) {
- await window.tb.sh.promises.rm("/system/", { recursive: true });
- await window.tb.sh.promises.rm("/apps/", { recursive: true });
- await window.tb.sh.promises.rm("/home/", { recursive: true });
+ await window.tb.sh.format();
+ const boot = () => {
+ sessionStorage.setItem("boot", "true");
+ window.location.reload();
+ };
+
+ const cloak = () => {
+ const newWindow = window.open("about:blank", "_blank");
+ const newDocument = newWindow!.document.open();
+ sessionStorage.setItem("boot", "true");
+ newDocument.write(`
+
+
+
+
+
+
+
+
+
+ `);
+ newDocument.close();
+ window.location.href = "https://google.com";
+ console.log("Cloak Opened!");
+ };
+
+ const recovery = () => {
+ sessionStorage.setItem("recovery", "true");
+ window.location.reload();
+ };
+ await window.tb.fs.promises.writeFile(
+ "/bootentries.json",
+ JSON.stringify([
+ { name: "TB React", action: boot.toString() },
+ { name: "TB React (Cloaked)", action: cloak.toString() },
+ { name: "TB System Recovery", action: recovery.toString() },
+ ]),
+ );
}
window.location.reload();
}}
@@ -429,6 +632,21 @@ export default function Recovery() {
${showCursor ? "hover:bg-[#ffffff18] hover:border-[#ffffff20]" : null}
`
}
+ onClick={() => {
+ migrateFs();
+ }}
+ >
+ Migrate from Filer to OPFS
+
+ {
zipins();
}}
@@ -441,7 +659,7 @@ export default function Recovery() {
"p-2 px-2.5 text-sm font-extrabold lg:text-lg md:text-base border-[1px] rounded-md" +
" " +
`
- ${selected === 3 && showCursor !== true ? "bg-[#ffffff18] border-[#ffffff20]" : "border-transparent"}
+ ${selected === 4 && showCursor !== true ? "bg-[#ffffff18] border-[#ffffff20]" : "border-transparent"}
${showCursor ? "hover:bg-[#ffffff18] hover:border-[#ffffff20]" : null}
`
}
@@ -465,7 +683,7 @@ export default function Recovery() {
"p-2 px-2.5 text-sm font-extrabold lg:text-lg md:text-base border-[1px] rounded-md" +
" " +
`
- ${selected === (updCache ? 4 : 3) && showCursor !== true ? "bg-[#ffffff18] border-[#ffffff20]" : "border-transparent"}
+ ${selected === (updCache ? 5 : 4) && showCursor !== true ? "bg-[#ffffff18] border-[#ffffff20]" : "border-transparent"}
${showCursor ? "hover:bg-[#ffffff18] hover:border-[#ffffff20]" : null}
`
}
diff --git a/src/Setup.tsx b/src/Setup.tsx
index c79a3d9..f8e81ce 100644
--- a/src/Setup.tsx
+++ b/src/Setup.tsx
@@ -1,6 +1,6 @@
import Cropper from "cropperjs";
import Compressor from "compressorjs";
-import { useState, useRef } from "react";
+import { useState, useRef, useEffect } from "react";
import "./sys/gui/styles/login.css";
import "./sys/gui/styles/cropper.css";
import "./sys/gui/styles/oobe.css";
@@ -8,6 +8,9 @@ import "./sys/gui/styles/dropdown.css";
import pwd from "./sys/apis/Crypto";
import { init } from "./init";
import { fileExists, User } from "./sys/types";
+import { InformationCircleIcon } from "@heroicons/react/24/outline";
+import { libcurl } from "libcurl.js";
+import { auth, getinfo, setinfo } from "./sys/apis/utils/tauth";
const pw = new pwd();
export default function Setup() {
@@ -15,17 +18,164 @@ export default function Setup() {
const [currentStep, setCurrentStep] = useState(1);
const currentViewRef = useRef(null);
var nextButtonClick = () => void 0;
-
- const Next = () => {
+ const Next = (step?: number) => {
setBeforeSetup(currentStep);
- setCurrentStep(prevStep => Math.min(prevStep + 1, 5));
+ if (step) {
+ setCurrentStep(step);
+ } else {
+ setCurrentStep(prevStep => Math.min(prevStep + 1, 5));
+ }
};
const Back = () => {
setBeforeSetup(currentStep);
- setCurrentStep(prevStep => Math.max(prevStep - 1, 1));
+ if (currentStep === 2.1 || currentStep === 2.2) {
+ sessionStorage.removeItem("tacc");
+ setCurrentStep(2);
+ } else if (currentStep === 2.3 || currentStep === 2.4 || currentStep === 2.5) {
+ setCurrentStep(2.2);
+ } else if (currentStep === 3.1) {
+ setCurrentStep(2.5);
+ } else if (currentStep === 3) {
+ if (sessionStorage.getItem("tacc")) {
+ setCurrentStep(2.5);
+ } else {
+ setCurrentStep(2.1);
+ }
+ } else {
+ setCurrentStep(prevStep => Math.max(prevStep - 1, 1));
+ }
+ };
+ if (!window.libcurlLock) {
+ window.libcurlLock = true;
+ libcurl.load_wasm("https://cdn.jsdelivr.net/npm/libcurl.js@latest/libcurl.wasm");
+ }
+ // @ts-expect-error no types
+ libcurl.set_websocket(`${location.protocol.replace("http", "ws")}//${location.hostname}:${location.port}/wisp/`);
+ const authClient = auth;
+ const randomColors = ["orange", "red", "green", "blue", "purple", "pink", "yellow"];
+ const makePFP = () => {
+ 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 = () => {
+ const img = document.createElement("img");
+ img.classList.add("opacity-0", "pointer-events-none");
+ img.src = reader.result as string;
+ img.onload = () => {
+ const cropper_container = document.createElement("div");
+ const cropper_container_styles = ["w-screen", "h-screen", "fixed", "top-0", "left-0", "right-0", "bottom-0", "z-999999", "bg-[#000000a6]", "flex", "flex-col", "justify-center", "items-center", "gap-[10px]"];
+ cropper_container_styles.forEach(style => cropper_container.classList.add(style));
+ const cropper_img_container = document.createElement("div");
+ cropper_img_container.className = "cropper-img-container";
+ let cropper_img_container_sizes = ["bg-[#ffffff0a]", "lg:w-[500px]", "lg:h-[500px]", "md:w-[400px]", "md:h-[400px]", "sm:w-[300px]", "sm:h-[300px]", "flex", "justify-center", "items-center", "rounded-[8px]", "overflow-hidden"];
+ cropper_img_container_sizes.forEach(size => cropper_img_container.classList.add(size));
+ const cropper_img = document.createElement("img");
+ cropper_img.src = img.src;
+ cropper_img.classList.add("cropper-img");
+ cropper_img_container.classList.add("w-[500px]");
+ cropper_img_container.classList.add("h-[500px]");
+ cropper_img.style.objectFit = "cover";
+ cropper_img.style.objectPosition = "center";
+ cropper_img_container.appendChild(cropper_img);
+ cropper_container.appendChild(cropper_img_container);
+ document.body.appendChild(cropper_container);
+ const cropper = new Cropper(cropper_img, { aspectRatio: 1, viewMode: 1, cropBoxResizable: false, movable: true, rotatable: true, scalable: true, responsive: true });
+ const buttons = document.createElement("div");
+ buttons.className = "flex w-[500px] justify-between items-center";
+ cropper_container.appendChild(buttons);
+ const save = document.createElement("button");
+ save.className = "save broken_button cursor-pointer";
+ save.innerText = "Save";
+ const save_styles = [
+ "bg-[#1d1d1d]",
+ "text-[#ffffff38]",
+ "border-[#ffffff22]",
+ "hover:bg-[#414141]",
+ "hover:text-[#ffffff8d]",
+ "focus:bg-[#ffffff1f]",
+ "focus:text-[#ffffff8d]",
+ "focus:border-[#73a9ffd6]",
+ "focus:ring-[#73a9ff74]",
+ "focus:outline-hidden",
+ "focus:ring-2",
+ "ring-[transparent]",
+ "ring-0",
+ "border-[1px]",
+ "font-[600]",
+ "px-[20px]",
+ "py-[8px]",
+ "h-[18px]",
+ "rounded-[6px]",
+ "transition",
+ "duration-150",
+ ];
+ save_styles.forEach(style => save.classList.add(style));
+ save.onclick = () => {
+ const canvas = cropper.getCroppedCanvas();
+ const pfp = document.querySelector(".pfp");
+ canvas.toBlob(blob => {
+ new Compressor(blob as Blob, {
+ quality: 0.5,
+ success(result) {
+ const reader = new FileReader();
+ reader.readAsDataURL(result);
+ reader.onload = () => {
+ (pfp! as HTMLImageElement).style.background = `url(${reader.result})`;
+ (pfp! as HTMLImageElement).style.backgroundSize = "cover";
+ (pfp! as HTMLImageElement).style.backgroundPosition = "center";
+ (pfp! as HTMLImageElement).style.backgroundRepeat = "no-repeat";
+ (pfp! as HTMLImageElement).setAttribute("data-src", reader.result as string);
+ document.body.removeChild(cropper_container);
+ };
+ },
+ });
+ });
+ };
+ const cancel = document.createElement("button");
+ cancel.className = "cancel broken_button cursor-pointer";
+ cancel.innerText = "Cancel";
+ const cancel_styles = [
+ "bg-[#1d1d1d]",
+ "text-[#ffffff38]",
+ "border-[#ffffff22]",
+ "hover:bg-[#414141]",
+ "hover:text-[#ffffff8d]",
+ "focus:bg-[#ffffff1f]",
+ "focus:text-[#ffffff8d]",
+ "focus:border-[#73a9ffd6]",
+ "focus:ring-[#73a9ff74]",
+ "focus:outline-hidden",
+ "focus:ring-2",
+ "ring-[transparent]",
+ "ring-0",
+ "border-[1px]",
+ "font-[600]",
+ "px-[20px]",
+ "py-[8px]",
+ "h-[18px]",
+ "rounded-[6px]",
+ "transition",
+ "duration-150",
+ ];
+ cancel_styles.forEach(style => cancel.classList.add(style));
+ cancel.onclick = () => {
+ document.body.removeChild(cropper_container);
+ };
+ buttons.appendChild(cancel);
+ buttons.appendChild(save);
+ };
+ };
+ reader.readAsDataURL(file);
+ };
+ uploader.click();
};
const saveData = async () => {
- await init();
+ const int = await init();
+ console.log(`Init State: ${int}`);
let data: User = JSON.parse(sessionStorage.getItem("new-user") as string);
sessionStorage.setItem("new-user", JSON.stringify(data));
const usr = data["username"];
@@ -36,6 +186,12 @@ export default function Setup() {
} else {
pass = false;
}
+ const email = data["email"];
+ if (email) {
+ await window.tb.fs.promises.writeFile("/system/etc/terbium/taccs.json", JSON.stringify([data], null, 2), "utf8");
+ } else {
+ await window.tb.fs.promises.writeFile("/system/etc/terbium/taccs.json", JSON.stringify([], null, 2), "utf8");
+ }
const userInf: User = {
id: usr,
username: usr,
@@ -49,6 +205,14 @@ export default function Setup() {
answer: pw.harden(data.securityQuestion.answer),
};
}
+ if (sessionStorage.getItem("tacc-settings") === "null") {
+ const tosave = {
+ settings: userInf,
+ apps: [],
+ davs: [],
+ };
+ await setinfo(email as string, data["password"] as string, "tbs", tosave);
+ }
await window.tb.fs.promises.writeFile(`/home/${usr}/user.json`, JSON.stringify(userInf), "utf8");
await window.tb.fs.promises.writeFile("/system/etc/terbium/sudousers.json", JSON.stringify([usr]), "utf8");
await window.tb.fs.promises.mkdir(`/home/${usr}/documents/`);
@@ -116,6 +280,397 @@ export default function Setup() {
);
};
const Step2 = () => {
+ setTimeout(() => {
+ currentViewRef.current?.classList.remove("-translate-x-6");
+ currentViewRef.current?.classList.remove("opacity-0");
+ }, 150);
+ return (
+ (null);
+ const passwordRef = useRef(null);
+ const [connected, setConnected] = useState(false);
+ const [error, setError] = useState("");
+ useEffect(() => {
+ const test = async () => {
+ try {
+ const response = await libcurl.fetch(`https://auth.terbiumon.top/ping`, { method: "GET" });
+ if (!response.ok) {
+ setConnected(false);
+ Back();
+ }
+ setConnected(true);
+ } catch {
+ setConnected(false);
+ Back();
+ }
+ };
+ test();
+ }, [connected]);
+ setTimeout(() => {
+ currentViewRef.current?.classList.remove("-translate-x-6");
+ currentViewRef.current?.classList.remove("opacity-0");
+ }, 150);
+ nextButtonClick = () => {
+ if (!connected) return;
+ const password = passwordRef.current?.value || "";
+ authClient.signIn.email({
+ email: usernameRef.current?.value || "",
+ password: password,
+ rememberMe: true,
+ fetchOptions: {
+ onSuccess: async data => {
+ const p = await getinfo(null, null, "tbs");
+ if (p.settings === null || p.settings === undefined) {
+ sessionStorage.setItem("tacc-settings", "null");
+ } else {
+ sessionStorage.setItem("tacc-settings", JSON.stringify(p.settings));
+ }
+ sessionStorage.setItem(
+ "new-user",
+ JSON.stringify({
+ username: data.data.user.name,
+ password: password,
+ perm: "admin",
+ pfp: data.data.user.image,
+ email: data.data.user.email,
+ }),
+ );
+ Next(2.5);
+ },
+ onError: error => {
+ setError(error.error.message || "An unknown error occurred during registration.");
+ },
+ },
+ });
+ };
+ return (
+ (null);
+ const passwordRef = useRef(null);
+ const pfpRef = useRef(null);
+ const emailRef = useRef(null);
+ const [error, setError] = useState("");
+ setTimeout(() => {
+ currentViewRef.current?.classList.remove("-translate-x-6");
+ currentViewRef.current?.classList.remove("opacity-0");
+ }, 150);
+ nextButtonClick = () => {
+ authClient.signUp.email({
+ email: emailRef.current?.value || "",
+ password: passwordRef.current?.value || "",
+ name: usernameRef.current?.value || "",
+ fetchOptions: {
+ onSuccess: async data => {
+ console.log("Successfully registered:", data);
+ sessionStorage.setItem(
+ "new-user",
+ JSON.stringify({
+ username: usernameRef.current?.value,
+ password: passwordRef.current?.value,
+ perm: "admin",
+ pfp: pfpRef.current?.getAttribute("data-src") || `/assets/img/default - ${randomColors[Math.floor(Math.random() * randomColors.length)]}.png`,
+ }),
+ );
+ Next(2.5);
+ },
+ onError: error => {
+ if (error.error.message.toLocaleLowerCase() === "missing or null origin") {
+ localStorage.removeItem("libcurl_cookies");
+ nextButtonClick();
+ } else {
+ setError(error.error.message || "An unknown error occurred during registration.");
+ }
+ },
+ },
+ image: pfpRef.current?.getAttribute("data-src") || `/assets/img/default - ${randomColors[Math.floor(Math.random() * randomColors.length)]}.png`,
+ });
+ };
+ return (
+ (null);
+ const sendBTNRef = useRef(null);
+ const [emailSent, setEmailSent] = useState(false);
+ const [error, setError] = useState("");
+ setTimeout(() => {
+ currentViewRef.current?.classList.remove("-translate-x-6");
+ currentViewRef.current?.classList.remove("opacity-0");
+ }, 150);
+ nextButtonClick = () => {
+ if (!emailSent) {
+ sendBTNRef.current!.innerText = "Email Sent";
+ authClient.requestPasswordReset({
+ email: usernameRef.current?.value || "",
+ fetchOptions: {
+ onSuccess: () => {
+ setEmailSent(true);
+ },
+ onError: error => {
+ setError(error.error.message || "An unknown error occurred while attempting to send the password reset email.");
+ },
+ },
+ });
+ }
+ Next(2.2);
+ };
+ return (
+
);
};
+ const Step3SR = () => {
+ useEffect(() => {
+ const t = setTimeout(() => {
+ currentViewRef.current?.classList.remove("-translate-x-6", "opacity-0");
+ }, 150);
+ return () => clearTimeout(t);
+ }, []);
+ nextButtonClick = () => {
+ Next(5);
+ };
+ const opts = JSON.parse(sessionStorage.getItem("tacc-settings") as string) || [];
+ type OptionItem = { id: string; label: string; raw: any };
+ const getOptions = (cat: string): OptionItem[] => {
+ const val = (opts[0] as any)[cat];
+ if (cat === "settings" && val && typeof val === "object") {
+ const copy = { ...val };
+ return Object.entries(copy).flatMap(([k, v]) => (v && typeof v === "object" && !Array.isArray(v) ? Object.entries(v).map(([kk, vv]) => ({ id: `settings.${k}.${kk}`, label: `${k}.${kk}`, raw: vv })) : [{ id: `settings.${k}`, label: k, raw: v }]));
+ }
+ if (Array.isArray(val)) {
+ return val.length === 0
+ ? []
+ : val.map((item, i) => {
+ let label = typeof item === "object" && item ? item.name || item.url || JSON.stringify(item).slice(0, 30) : String(item);
+ return { id: `${cat}[${i}]`, label, raw: item };
+ });
+ }
+ if (val && typeof val === "object") {
+ return Object.keys(val).map(k => ({ id: `${cat}.${k}`, label: k, raw: val[k] }));
+ }
+ return [{ id: cat, label: `${cat}: ${String(val)}`, raw: val }];
+ };
+ const categories = Object.keys(opts[0]);
+ const [currMap, setCurrMap] = useState {
+ currentViewRef.current = el;
+ }}
+ className="duration-150 -translate-x-6 opacity-0 flex flex-col justify-center items-center"
+ >
+ Choose what kind of account you want to use
+
+ );
+ };
+ const Step2CA = () => {
+ const usernameRef = useRef
+
+
+
+
+
+ {
+ currentViewRef.current = el;
+ }}
+ className="duration-150 -translate-x-6 opacity-0 flex flex-col justify-center items-center"
+ >
+ {connected ? (
+
+ );
+ };
+ const Step2CR = () => {
+ const usernameRef = useRef
+ Sign in with Terbium Cloud™
+
+ ) : (
+
+ {error && (
+
+
+
+ )}
+
+ {
+ if (e.key === "Enter" && passwordRef.current) {
+ passwordRef.current.focus();
+ }
+ }}
+ />
+ {
+ if (e.key === "Enter" && passwordRef.current) {
+ nextButtonClick();
+ }
+ }}
+ />
+
+
+
+
+
+
+ Terbium Cloud™
+
+ )}
+ Connecting to Authentication servers please wait...
+ {
+ currentViewRef.current = el;
+ }}
+ className="duration-150 -translate-x-6 opacity-0 flex flex-col justify-center items-center"
+ >
+ Create a Terbium Cloud™ account
+
+ );
+ };
+ // @ts-expect-error future
+ const Step2FG = () => {
+ const usernameRef = useRef
+ {error && (
+
+
+
+ )}
+
+
+ {
+ makePFP();
+ }}
+ >
+
+
+ {
+ if (e.key === "Enter" && passwordRef.current) {
+ passwordRef.current.focus();
+ }
+ }}
+ />
+ {
+ if (e.key === "Enter" && emailRef.current) {
+ emailRef.current.focus();
+ }
+ }}
+ />
+ {
+ if (e.key === "Enter") {
+ nextButtonClick();
+ }
+ }}
+ />
+
+ Upload
+ {
+ currentViewRef.current = el;
+ }}
+ className="duration-150 -translate-x-6 opacity-0 flex flex-col justify-center items-center"
+ >
+ Reset Terbium Cloud™ password
+
+ );
+ };
+ const Step2CF = () => {
+ const [hasSettings, setHasSettings] = useState(false);
+ const userdata = JSON.parse(sessionStorage.getItem("new-user") as string) || {};
+ setTimeout(() => {
+ currentViewRef.current?.classList.remove("-translate-x-6");
+ currentViewRef.current?.classList.remove("opacity-0");
+ }, 150);
+ useEffect(() => {
+ if (sessionStorage.getItem("tacc-settings") !== "null") {
+ setHasSettings(true);
+ }
+ }, [hasSettings]);
+ nextButtonClick = () => {
+ if (!hasSettings) {
+ Next(3);
+ sessionStorage.setItem("tacc", "true");
+ } else {
+ Next(3.1);
+ }
+ };
+ return (
+
+
+
+ {error && (
+
+
+
+ )}
+ {
+ if (e.key === "Enter") {
+ nextButtonClick();
+ }
+ }}
+ />
+
+
+
+
+ {
+ currentViewRef.current = el;
+ }}
+ className="duration-150 -translate-x-6 opacity-0 flex flex-col justify-center items-center gap-1.5"
+ >
+ Confirm Identity
+ 
+
+ );
+ };
+ const Step2L = () => {
setTimeout(() => {
currentViewRef.current?.classList.remove("-translate-x-6");
currentViewRef.current?.classList.remove("opacity-0");
@@ -129,7 +684,6 @@ export default function Setup() {
nextButtonClick = () => {
const pfp = pfpRef.current?.getAttribute("data-src");
- const randomColors = ["orange", "red", "green", "blue", "purple", "pink", "yellow"];
const finalPfp = pfp || `/assets/img/default - ${randomColors[Math.floor(Math.random() * randomColors.length)]}.png`;
let passdata: any = JSON.parse(sessionStorage.getItem("new-user") as string) || {};
passdata["pfp"] = finalPfp;
@@ -150,7 +704,7 @@ export default function Setup() {
currentViewRef.current?.classList.add("-translate-x-6");
currentViewRef.current?.classList.add("opacity-0");
setTimeout(() => {
- Next();
+ Next(3);
}, 150);
};
return (
@@ -158,133 +712,16 @@ export default function Setup() {
ref={el => {
currentViewRef.current = el;
}}
- className="duration-150 -translate-x-6 opacity-0 flex flex-col justify-center items-center"
+ className="duration-150 -translate-x-6 opacity-0 flex-col justify-center items-center"
>
- Welcome, {userdata.username}!
+ {hasSettings ? ( +
+
+ ) : (
+
+
+
+
+ )}
+ Click next to use this account
+
+
@@ -396,6 +833,110 @@ export default function Setup() {
Setup your account.
-
+
+ {showSec ? (
+
{
- 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 = () => {
- const img = document.createElement("img");
- img.classList.add("opacity-0", "pointer-events-none");
- img.src = reader.result as string;
- img.onload = () => {
- const cropper_container = document.createElement("div");
- const cropper_container_styles = ["w-screen", "h-screen", "fixed", "top-0", "left-0", "right-0", "bottom-0", "z-999999", "bg-[#000000a6]", "flex", "flex-col", "justify-center", "items-center", "gap-[10px]"];
- cropper_container_styles.forEach(style => cropper_container.classList.add(style));
- const cropper_img_container = document.createElement("div");
- cropper_img_container.className = "cropper-img-container";
- let cropper_img_container_sizes = ["bg-[#ffffff0a]", "lg:w-[500px]", "lg:h-[500px]", "md:w-[400px]", "md:h-[400px]", "sm:w-[300px]", "sm:h-[300px]", "flex", "justify-center", "items-center", "rounded-[8px]", "overflow-hidden"];
- cropper_img_container_sizes.forEach(size => cropper_img_container.classList.add(size));
- const cropper_img = document.createElement("img");
- cropper_img.src = img.src;
- cropper_img.classList.add("cropper-img");
- cropper_img_container.classList.add("w-[500px]");
- cropper_img_container.classList.add("h-[500px]");
- cropper_img.style.objectFit = "cover";
- cropper_img.style.objectPosition = "center";
- cropper_img_container.appendChild(cropper_img);
- cropper_container.appendChild(cropper_img_container);
- document.body.appendChild(cropper_container);
- const cropper = new Cropper(cropper_img, { aspectRatio: 1, viewMode: 1, cropBoxResizable: false, movable: true, rotatable: true, scalable: true, responsive: true });
- const buttons = document.createElement("div");
- buttons.className = "flex w-[500px] justify-between items-center";
- cropper_container.appendChild(buttons);
- const save = document.createElement("button");
- save.className = "save broken_button cursor-pointer";
- save.innerText = "Save";
- const save_styles = [
- "bg-[#1d1d1d]",
- "text-[#ffffff38]",
- "border-[#ffffff22]",
- "hover:bg-[#414141]",
- "hover:text-[#ffffff8d]",
- "focus:bg-[#ffffff1f]",
- "focus:text-[#ffffff8d]",
- "focus:border-[#73a9ffd6]",
- "focus:ring-[#73a9ff74]",
- "focus:outline-hidden",
- "focus:ring-2",
- "ring-[transparent]",
- "ring-0",
- "border-[1px]",
- "font-[600]",
- "px-[20px]",
- "py-[8px]",
- "h-[18px]",
- "rounded-[6px]",
- "transition",
- "duration-150",
- ];
- save_styles.forEach(style => save.classList.add(style));
- save.onclick = () => {
- const canvas = cropper.getCroppedCanvas();
- const pfp = document.querySelector(".pfp");
- canvas.toBlob(blob => {
- new Compressor(blob as Blob, {
- quality: 0.5,
- success(result) {
- const reader = new FileReader();
- reader.readAsDataURL(result);
- reader.onload = () => {
- (pfp! as HTMLImageElement).style.background = `url(${reader.result})`;
- (pfp! as HTMLImageElement).style.backgroundSize = "cover";
- (pfp! as HTMLImageElement).style.backgroundPosition = "center";
- (pfp! as HTMLImageElement).style.backgroundRepeat = "no-repeat";
- (pfp! as HTMLImageElement).setAttribute("data-src", reader.result as string);
- document.body.removeChild(cropper_container);
- };
- },
- });
- });
- };
- const cancel = document.createElement("button");
- cancel.className = "cancel broken_button cursor-pointer";
- cancel.innerText = "Cancel";
- const cancel_styles = [
- "bg-[#1d1d1d]",
- "text-[#ffffff38]",
- "border-[#ffffff22]",
- "hover:bg-[#414141]",
- "hover:text-[#ffffff8d]",
- "focus:bg-[#ffffff1f]",
- "focus:text-[#ffffff8d]",
- "focus:border-[#73a9ffd6]",
- "focus:ring-[#73a9ff74]",
- "focus:outline-hidden",
- "focus:ring-2",
- "ring-[transparent]",
- "ring-0",
- "border-[1px]",
- "font-[600]",
- "px-[20px]",
- "py-[8px]",
- "h-[18px]",
- "rounded-[6px]",
- "transition",
- "duration-150",
- ];
- cancel_styles.forEach(style => cancel.classList.add(style));
- cancel.onclick = () => {
- document.body.removeChild(cropper_container);
- };
- buttons.appendChild(cancel);
- buttons.appendChild(save);
- };
- };
- reader.readAsDataURL(file);
- };
- uploader.click();
+ makePFP();
}}
>
@@ -317,24 +754,24 @@ export default function Setup() {
}}
/>
- {showSec ? (
-
-
- ) : null}
Security Question (optional)
-
-
-
+
+ ) : null}
Security Question (optional)
+
+
+
+
+ );
+ };
+ return (
+
+
+ {options.length === 0 ? (
+ {cat}
+
+
+
+
+ There are no options at this time.
+ ) : (
+
+ {options.map(opt => (
+
+ ))}
+
+ )}
+
+ {allSelected ? "All selected" : noneSelected ? "None selected" : `${sel.length} selected`}
+
+ {
+ currentViewRef.current = el;
+ }}
+ className="duration-150 -translate-x-6 opacity-0 flex flex-col justify-center items-center"
+ >
+ Restore Terbium Settings
+
+ );
+ };
const Step4 = () => {
setTimeout(() => {
currentViewRef.current?.classList.remove("-translate-x-6");
@@ -500,11 +1041,18 @@ export default function Setup() {
);
};
const Step5 = () => {
+ const ranRef = useRef(false);
setTimeout(() => {
currentViewRef.current?.classList.remove("-translate-x-6");
currentViewRef.current?.classList.remove("opacity-0");
}, 150);
- saveData();
+ useEffect(() => {
+ if (ranRef.current) return;
+ ranRef.current = true;
+ (async () => {
+ await saveData();
+ })();
+ }, []);
return (
+ {categories.map(cat => (
+
+ {
@@ -552,22 +1100,24 @@ export default function Setup() {
{currentStep < 5 && (
)}
-
+ {currentStep > 2 && currentStep < 5 && (
+
+ )}
) : null}
@@ -581,7 +1131,29 @@ export default function Setup() {
- {currentStep === 1 ?
@@ -418,25 +496,50 @@ export function FileBrowser({ title, filter, onOk, onCancel }: dialogProps) {
) : (
{fileEntries.length === 0 ? (
)}
- No files found
) : (
- fileEntries.map(({ entry, isDirectory }) => (
+ fileEntries.map(({ entry, isDirectory, type, connected }) => (
) => {
- entClick(entry, isDirectory);
+ className="file-item flex flex-col gap-1 select-none p-1.5 first:rounded-t-lg last:rounded-b-lg duration-150"
+ onMouseDown={e => {
+ entClick(entry, isDirectory, type);
+ const files = document.querySelectorAll(".file-item");
+ files.forEach(file => {
+ file.classList.remove("bg-[#ffffff18]");
+ });
e.currentTarget.classList.add("bg-[#ffffff18]");
}}
>
))
)}
- {isDirectory ? (
+ {currentDirectory === "storage devices" ? (
+ type === "external" ? (
+
+ ) : (
+
+ )
+ ) : isDirectory ? (
@@ -451,13 +554,22 @@ export function FileBrowser({ title, filter, onOk, onCancel }: dialogProps) {
)}
{entry}
+ {currentDirectory === "storage devices" && entry === "File System" && storageInfo ? (
+
+ {(() => {
+ return `${formatSize(storageInfo.usage)} of ${formatSize(storageInfo.quota)}`;
+ })()}
+
+ ) : type === "external" && currentDirectory === "storage devices" ? (
+ WebDav Device
+ ) : null}
+
@@ -465,15 +577,20 @@ export function FileBrowser({ title, filter, onOk, onCancel }: dialogProps) {
)}
+ setCurrentDirectory(e.target.value)} />