+
+
+
+
+
+ + File Uploader +
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/components/SidebarContext.tsx b/src/components/SidebarContext.tsx
new file mode 100644
index 0000000..5cb098c
--- /dev/null
+++ b/src/components/SidebarContext.tsx
@@ -0,0 +1,25 @@
+import { useContext, createContext, ReactNode } from "react";
+interface ISidebarContext {
+ minimized: boolean;
+ setMinimized(minimized: boolean): void;
+}
+const defaultValues: ISidebarContext = {
+ minimized: false,
+ setMinimized(): any {},
+};
+
+const SidebarContext = createContext(defaultValues);
+
+export const SidebarProvider = ({
+ value,
+ children,
+}: {
+ value: ISidebarContext;
+ children: ReactNode;
+}) => {
+ return (
+
+ 
+
+ + {message} +
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/pages/Settings.tsx b/src/pages/Settings.tsx
new file mode 100644
index 0000000..106bdf0
--- /dev/null
+++ b/src/pages/Settings.tsx
@@ -0,0 +1,44 @@
+import React from "react";
+import SideBar from "./Sidebar";
+import SettingsCard from "./SettingsCard";
+import { useSidebar } from "../components/SidebarContext";
+import { invoke } from "@tauri-apps/api/tauri";
+
+function Settings({ dontShowSb = false }: { dontShowSb?: boolean }) {
+ const { minimized } = useSidebar();
+ return (
+ <>
+ {dontShowSb ? (
+ <>
+
+
+
+
+
+ {description}
+
+
+
+
+
+ ) : (
+ <>
+
+
+ + Setting invoke("reset_settings")}>s +
+
+
+
+ )}
+
+ );
+}
+
+export default Settings;
diff --git a/src/pages/SettingsCard.tsx b/src/pages/SettingsCard.tsx
new file mode 100644
index 0000000..1d11546
--- /dev/null
+++ b/src/pages/SettingsCard.tsx
@@ -0,0 +1,198 @@
+import React, { useEffect, useState } from "react";
+import { invoke } from "@tauri-apps/api/tauri";
+import { isEnabled, enable, disable } from "tauri-plugin-autostart-api";
+import Toggle from "../components/Toggle";
+import { open } from "@tauri-apps/api/shell";
+
+function SettingsCard() {
+ const [apiKey, setApiKey] = useState(null);
+ const [uploadUrlPlaceHolder, setUploadUrlPlaceHolder] = useState(null);
+ const [autolaunchOn, setAutolaunchOn] = useState(false);
+ const [setupCompleted, setSetupCompleted] = useState(false);
+ const [autoWipeOn, setAutoWipeOn] = useState(false);
+
+ const [uploadUrlValue, setUploadUrlValue] = useState("");
+
+ const [showApiKey, setShowApiKey] = useState(false);
+
+ const onInput = (e) => setUploadUrlValue(e.target.value);
+
+ const onClear = () => {
+ setUploadUrlValue("https://api.e-z.host/files");
+ };
+
+ useEffect(() => {
+ invoke("get_api_key").then((r) => {
+ setApiKey(r);
+ });
+ invoke("get_upload_url").then((r) => {
+ setUploadUrlPlaceHolder(r);
+ setUploadUrlValue(r as string);
+ });
+ invoke("is_setup").then((r: boolean) => {
+ setSetupCompleted(r);
+ });
+ isEnabled().then((r) => setAutolaunchOn(r));
+ invoke("auto_wipe_on").then((r: boolean) => {
+ setAutoWipeOn(r);
+ });
+ }, []);
+ return (
+
+
+ + Setting invoke("reset_settings")}>s +
+
+
+ );
+}
+
+export default SettingsCard;
diff --git a/src/pages/Sidebar.tsx b/src/pages/Sidebar.tsx
new file mode 100644
index 0000000..123cb44
--- /dev/null
+++ b/src/pages/Sidebar.tsx
@@ -0,0 +1,204 @@
+import { useRouter } from "next/router";
+import { useSidebar } from "../components/SidebarContext";
+import eztransparent from "../assets/eztransparent.png";
+
+export default function Sidebar({ page }: { page: string }) {
+ const router = useRouter();
+
+ const { minimized, setMinimized } = useSidebar();
+
+ function minimize() {
+ setMinimized(true);
+ }
+ function maximize() {
+ setMinimized(false);
+ }
+
+ return (
+ <>
+ {minimized ? (
+
+ ) : (
+
+ )}
+
+ );
+}
diff --git a/src/pages/Upload.tsx b/src/pages/Upload.tsx
new file mode 100644
index 0000000..b8584f9
--- /dev/null
+++ b/src/pages/Upload.tsx
@@ -0,0 +1,66 @@
+import React from "react";
+import Sidebar from "./Sidebar";
+import { useSidebar } from "../components/SidebarContext";
+import { invoke } from "@tauri-apps/api/tauri";
+export default function Upload() {
+ const { minimized } = useSidebar();
+ return (
+ <>
+
+
+
+
+
+ {
+ val ? await enable() : await disable();
+ setAutolaunchOn(val);
+ }}
+ enabled={autolaunchOn}
+ />
+
+ + Auto Launch +
+
+ {
+ invoke("set_auto_wipe").then((r: boolean) => setAutoWipeOn(r));
+ }}
+ enabled={autoWipeOn}
+ />
+
+ + Auto-Wipe +
+
+ Enter your API key here:
+
+ + API Key +
+
+
+
+
+
+
+
+ Here, enter your upload url, this is useful if you are part of the
+ beta program or if you are a proxy user:
+
+
+
+ {setupCompleted ? (
+ <>
+ ) : (
+ + Upload URL +
+
+
+
+
+
+
+ The uploader will restart and live in your task bar, open the
+ settings from here from now on.
+
+
+
+ )}
+ + Initialize the uploader +
++
+
+
+
+
+
+
+
+ );
+}
+
+export default App;
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
new file mode 100644
index 0000000..0cc0599
--- /dev/null
+++ b/src/pages/index.tsx
@@ -0,0 +1,436 @@
+import React, { useEffect, useState } from "react";
+import { useSidebar } from "../components/SidebarContext";
+import { convertFileSrc, invoke } from "@tauri-apps/api/tauri";
+import { BaseDirectory, readTextFile } from "@tauri-apps/api/fs";
+import Sidebar from "./Sidebar";
+import Loading from "../components/LoadingScreen";
+import { getClient } from "@tauri-apps/api/http";
+import Settings from "./Settings";
+
+interface UploadedFile {
+ name: string;
+ path: string;
+ deletion_url: string;
+ size: number;
+ url: string;
+}
+interface UserData {
+ key: string;
+ motd: string;
+ storageUsed: string;
+ success: boolean;
+ uid: number;
+ uploads: number;
+ username: string;
+ uuid: string;
+}
+
+function App() {
+ const { minimized } = useSidebar();
+ const [uploadCount, setUploadCount] = useState(420);
+ const [ssFolderSize, setSsFolderSize] = useState("420");
+ const [recentImagesAsset, setRecentImagesAsset] = useState([]);
+ const [recentImagesPath, setRecentImagesPath] = useState([]);
+ const [recentImagesName, setRecentImagesName] = useState([]);
+ const [recentImagesDeletionUrl, setRecentImagesDeletionUrl] = useState([]);
+ const [recentImagesUrl, setRecentImagesUrl] = useState([]);
+ const [recentImagesSize, setRecentImagesSize] = useState([]);
+ const [showQuickView, setShowQuickView] = useState(false);
+ const [jsonLength, setJsonLength] = useState(420);
+ const [showLoadingScreen, setShowLoadingScreen] = useState(true);
+ const [username, setUsername] = useState("");
+ const [MOTD, setMOTD] = useState("");
+ const [storageUsedServer, setStorageUsedServer] = useState("");
+ const [serverUploadCount, setServerUploadCount] = useState(420);
+ const [UID, setUID] = useState(420);
+ const [isSetup, setIsSetup] = useState(true);
+
+ function updateQuickView() {
+ readTextFile("uploaded_files.json", { dir: BaseDirectory.AppData })
+ .then((r) => {
+ let json: UploadedFile[] = JSON.parse(r);
+ let file_assets: string[] = [];
+ let file_paths: string[] = [];
+ let file_names: string[] = [];
+ let deletion_urls: string[] = [];
+ let file_urls: string[] = [];
+ let file_size: string[] = [];
+ if (json.length < 3) {
+ setShowQuickView(false);
+ setShowLoadingScreen(false);
+ return;
+ }
+ for (let i = 1; i < 4; i++) {
+ file_assets.push(convertFileSrc(json[json.length - i].path));
+ file_paths.push(json[json.length - i].path);
+ file_names.push(json[json.length - i].name);
+ file_urls.push(json[json.length - i].url);
+ deletion_urls.push(json[json.length - i].deletion_url);
+ let bytes = json[json.length - i].size;
+ if (bytes >= 1000 && bytes < 1000000)
+ file_size.push((bytes / 1000).toFixed(2) + " KiB");
+ if (bytes >= 1000000 && bytes < 1000000000)
+ file_size.push((bytes / 1000000).toFixed(2) + " MiB");
+ if (bytes > 1000000000)
+ file_size.push((bytes / 1000000000).toFixed(2) + " GiB");
+ if (bytes < 100) file_size.push(bytes + " Bytes");
+ }
+ setJsonLength(json.length);
+ setRecentImagesPath(file_paths);
+ setRecentImagesSize(file_size);
+ setRecentImagesName(file_names);
+ setRecentImagesAsset(file_assets);
+ setRecentImagesDeletionUrl(deletion_urls);
+ setRecentImagesUrl(file_urls);
+ setShowQuickView(true);
+ setShowLoadingScreen(false);
+ })
+ .catch(() => {
+ console.log("File does not exist, the app is probably not setup!");
+ setShowLoadingScreen(false);
+ });
+ }
+ useEffect(() => {
+ invoke("is_setup").then((r) => {
+ if (!r) return setIsSetup(false);
+ invoke("get_api_key").then((key) => {
+ setShowLoadingScreen(true);
+ getClient().then((client) => {
+ client
+ .get("https://api.e-z.gg/app?key=" + key, {
+ headers: {
+ "User-Agent": "i love tsoxas, he is very hot",
+ },
+ })
+ .then((r) => {
+ if (!r.ok) return setShowLoadingScreen(false);
+ let data: UserData = r.data as UserData;
+ setMOTD(data.motd);
+ setUsername(data.username);
+ setServerUploadCount(data.uploads);
+ setUID(data.uid);
+ setStorageUsedServer(data.storageUsed);
+ setShowLoadingScreen(false);
+ });
+ });
+ });
+
+ invoke("upload_count").then((r: number) => setUploadCount(r));
+
+ invoke("ss_folder_size").then((bytes: number) => {
+ if (bytes >= 1000 && bytes < 1000000)
+ return setSsFolderSize((bytes / 1000).toFixed(2) + " KiB");
+ if (bytes >= 1000000 && bytes < 1000000000)
+ return setSsFolderSize((bytes / 1000000).toFixed(2) + " MiB");
+ if (bytes > 1000000000)
+ return setSsFolderSize((bytes / 1000000000).toFixed(2) + " GiB");
+ if (bytes < 100) return setSsFolderSize("Wow, it's quite clean!");
+ });
+ updateQuickView();
+ });
+ }, []);
+
+ return (
+ <>
+ {isSetup ? (
+ <>
+ {showLoadingScreen ? (
+
+
+
+ {showQuickView ? (
+ + Welcome, {username} 👋 +
+
+
+ -
+
-
+
+ Uploads +
++ {serverUploadCount} +
+ + {"Local uploads: " + uploadCount} + ++ +
+ -
+
+ Storage Used +
++ {storageUsedServer} +
+
+ -
+
+ User ID +
++ {UID} +
+
+ -
+
+ Local Storage +
++ {ssFolderSize} +
+ + { + "You could save this space by enabling Auto-Wipe in settings!" + } + ++ +
+
+
+ + MOTD +
++ {MOTD} +
+
+
+ ) : (
+ <>
+ )}
+
+
+ + Quick view +
+-
+
-
+ + + ++
+
+++++ {recentImagesName[0]} +
++ {recentImagesSize[0]} +
+
+ -
+ + + ++
+
+++++ {recentImagesName[1]} +
++ {recentImagesSize[1]} +
+
+ -
+ + + ++
+
+++++ {recentImagesName[2]} +
++ {recentImagesSize[2]} +
+
+