Privacy Policy & ToS
diff --git a/apps/web/src/features/settings/components.tsx b/apps/web/src/features/settings/components.tsx
new file mode 100644
index 0000000..351bae6
--- /dev/null
+++ b/apps/web/src/features/settings/components.tsx
@@ -0,0 +1,35 @@
+import { Label } from "@tensamin/ui/cmp/label";
+import { Switch as UISwitch } from "@tensamin/ui/cmp/switch";
+import { useEffect, useState } from "react";
+
+import { settingsStorageDefaults } from "@tensamin/shared/settings";
+import { useStorage } from "@tensamin/storage/context";
+
+export function Switch({
+ label,
+ id,
+}: {
+ label: string;
+ id: keyof typeof settingsStorageDefaults;
+}) {
+ const { save, load } = useStorage();
+ const [value, setValue] = useState(settingsStorageDefaults[id]);
+
+ useEffect(() => {
+ load(id).then((value) => setValue(value));
+ }, [id, load]);
+
+ return (
+
+ {
+ setValue(value);
+ save(id, value);
+ }}
+ />
+ {label}
+
+ );
+}
diff --git a/apps/web/src/features/settings/layout.tsx b/apps/web/src/features/settings/layout.tsx
new file mode 100644
index 0000000..fb84f4d
--- /dev/null
+++ b/apps/web/src/features/settings/layout.tsx
@@ -0,0 +1,64 @@
+import { Button } from "@tensamin/ui/cmp/button";
+
+import options from "@tensamin/shared/settings";
+import { cn, useIsMobile } from "@tensamin/ui/utils";
+import { Outlet, useNavigate } from "@tanstack/react-router";
+
+export default function Screen() {
+ const isMobile = useIsMobile();
+
+ return (
+
+ {!isMobile &&
}
+
+ {/* Page */}
+
+
+
>
+ >;
+
+ const isMobile = useIsMobile();
+ const navigate = useNavigate();
+
+ return (
+
+ {/* Settings */}
+ {Object.keys(settingsOptions).map((category) => (
+ // Category
+
+
{category}
+ {Object.keys(settingsOptions[category]).map((page) => (
+ // Page
+
+
+ navigate({
+ to: "/settings/" + page.toLowerCase(),
+ })
+ }
+ >
+ {(page as string).charAt(0).toUpperCase() +
+ (page as string).slice(1)}
+
+
+ ))}
+
+ ))}
+
-
-
-
-
-
+
+
+
+
+
+
+
+
);
}
@@ -89,10 +93,55 @@ const appRoute = createRoute({
component: AppShell,
});
+const settingsRoute = createRoute({
+ getParentRoute: () => appRoute,
+ path: "settings",
+ component: SettingsLayout,
+ staticData: {
+ showMobileNavbar: true,
+ },
+});
+
+type SettingsRouteModule = {
+ default?: () => React.JSX.Element;
+ component?: () => React.JSX.Element;
+};
+
+const settingsRouteModules = import.meta.glob(
+ "./routes/settings/*.tsx",
+ { eager: true },
+);
+
+const settingsChildren = Object.entries(settingsRouteModules).map(
+ ([filePath, module]) => {
+ const fileName = filePath.split("/").pop()?.replace(".tsx", "") ?? "";
+ const path = fileName === "index" ? "/" : fileName;
+ const component = module.component ?? module.default;
+
+ if (!component) {
+ throw new Error(
+ `Settings route module "${filePath}" must export a default component`,
+ );
+ }
+
+ return createRoute({
+ getParentRoute: () => settingsRoute,
+ path,
+ component,
+ staticData: {
+ showMobileNavbar: true,
+ },
+ });
+ },
+);
+
const homeRoute = createRoute({
getParentRoute: () => appRoute,
path: "/",
component: Home,
+ staticData: {
+ showMobileNavbar: true,
+ },
});
const chatRoute = createRoute({
@@ -102,22 +151,36 @@ const chatRoute = createRoute({
validateSearch: z.object({
id: z.number().optional(),
}),
+ staticData: {
+ showMobileNavbar: false,
+ },
});
const callRoute = createRoute({
getParentRoute: () => appRoute,
path: "call",
component: CallScreen,
+ staticData: {
+ showMobileNavbar: false,
+ },
});
const loginRoute = createRoute({
getParentRoute: () => rootRoute,
path: "login",
component: Login,
+ staticData: {
+ showMobileNavbar: false,
+ },
});
const routeTree = rootRoute.addChildren([
- appRoute.addChildren([homeRoute, chatRoute, callRoute]),
+ appRoute.addChildren([
+ homeRoute,
+ chatRoute,
+ callRoute,
+ settingsRoute.addChildren(settingsChildren),
+ ]),
loginRoute,
]);
diff --git a/apps/web/src/routes/app/layout.tsx b/apps/web/src/routes/app/layout.tsx
index fad88d8..0f6a143 100644
--- a/apps/web/src/routes/app/layout.tsx
+++ b/apps/web/src/routes/app/layout.tsx
@@ -7,31 +7,31 @@ import { SidebarProvider } from "@tensamin/ui/cmp/sidebar";
import { useIsMobile, cn } from "@tensamin/ui/utils";
import { isTauri } from "@tauri-apps/api/core";
-import { useLocation } from "@tanstack/react-router";
+import { useLocation, useMatches } from "@tanstack/react-router";
/**
* Executes Layout.
* @param props Parameter props.
* @returns unknown.
*/
-export default function Layout(props: { children: ReactNode }) {
+export default function Layout({ children }: { children: ReactNode }) {
const isMobile = useIsMobile();
- const location = useLocation();
+ const showMobileNavbar = useShowMobileNavbar();
return (
{!isMobile &&
}
- {isMobile && location.pathname === "/chat" && (
-
- )}
+ {isMobile && !showMobileNavbar &&
}
- {props.children}
+ {children}
- {isMobile && location.pathname !== "/chat" &&
}
+
+ {isMobile && showMobileNavbar &&
}
);
}
+
+export function useShowMobileNavbar(): boolean {
+ const matches = useMatches();
+ const location = useLocation();
+
+ const value = matches.some(
+ (match) =>
+ match.pathname === location.pathname &&
+ // @ts-expect-error Stuff
+ match.staticData?.showMobileNavbar === true,
+ );
+
+ return value;
+}
diff --git a/apps/web/src/routes/settings/chat.tsx b/apps/web/src/routes/settings/chat.tsx
new file mode 100644
index 0000000..3dafa45
--- /dev/null
+++ b/apps/web/src/routes/settings/chat.tsx
@@ -0,0 +1,12 @@
+import { Switch } from "@/features/settings/components";
+
+export default function Page() {
+ return (
+
+
+ );
+}
diff --git a/apps/web/src/routes/settings/index.tsx b/apps/web/src/routes/settings/index.tsx
new file mode 100644
index 0000000..3ea9a55
--- /dev/null
+++ b/apps/web/src/routes/settings/index.tsx
@@ -0,0 +1,7 @@
+import { SettingsSidebar } from "@/features/settings/layout";
+import { useIsMobile } from "@tensamin/ui/utils";
+
+export default function Page() {
+ const isMobile = useIsMobile();
+ return isMobile &&
+
+ );
+}
+
+// QR Code Login
+const generateQR = async (text: string): Promise => {
+ try {
+ const url = await QRCode.toDataURL(text, {
+ errorCorrectionLevel: "H",
+ margin: 1,
+ color: {
+ dark: "#000000FF",
+ light: "#FFFFFFFF",
+ },
+ });
+ return url;
+ } catch (err) {
+ console.error(err);
+ throw err;
+ }
+};
+function QrCodeLogin() {
+ const { load } = useStorage();
+ const [userId, setUserId] = useState(0);
+ const [privateKey, setPrivateKey] = useState("");
+ const [qrCodeBase64, setQrCodeBase64] = useState(
+ undefined,
+ );
+
+ useEffect(() => {
+ load("private_key").then((value) => {
+ if (value) {
+ setPrivateKey(value);
+ }
+ });
+ load("user_id").then((value) => {
+ if (value) {
+ setUserId(value);
+ }
+ });
+ }, [load]);
+
+ useEffect(() => {
+ if (userId && privateKey) {
+ generateQR(`tensamin://tu::${userId}::${privateKey}`).then(
+ setQrCodeBase64,
+ );
+ }
+ }, [userId, privateKey]);
+
+ const [qrCodeVisible, setQrCodeVisible] = useState(false);
+
+ return (
+
+ {qrCodeBase64 && (
+
+ )}
+ {!qrCodeVisible && (
+ <>
+
+
+
+ Show QR Code} />
+
+
+ Are you sure?
+
+ This will expose your private key! This is the same as
+ sharing the .tu file! It's very tedious to change the
+ private key, so only do this if you are sure no one can
+ steal it!
+
+
+
+ Cancel
+ setQrCodeVisible(true)}>
+ Show QR Code
+
+ }
+ />
+
+
+
+
+
+ )}
+
+
-
diff --git a/packages/shared/package.json b/packages/shared/package.json
index db6b93d..baeaa0d 100644
--- a/packages/shared/package.json
+++ b/packages/shared/package.json
@@ -6,6 +6,7 @@
"exports": {
"./data": "./src/data.ts",
"./log": "./src/log.tsx",
+ "./settings": "./src/settings.ts",
"./features/legal/schema": "./src/features/legal/schema.ts",
"./features/conversation/schema": "./src/features/conversation/schema.ts"
},
diff --git a/packages/shared/src/data.ts b/packages/shared/src/data.ts
index 4a14dbb..7de68ce 100644
--- a/packages/shared/src/data.ts
+++ b/packages/shared/src/data.ts
@@ -1,6 +1,7 @@
import { z } from "zod";
import { legalDocsSchema } from "./features/legal/schema";
+import { settingsStorageDefaults, type SettingsStorageDefaults } from "./settings";
const fileFromMessage = z.object({
name: z.string(),
@@ -168,7 +169,7 @@ export const ttp = {
export type TTP = typeof ttp;
// Storage
-export interface Storage {
+export interface Storage extends SettingsStorageDefaults {
session_id: number;
user_id: number;
private_key: string;
@@ -179,7 +180,6 @@ export interface Storage {
analytics_usage_data: boolean;
analytics_done: boolean;
legal_docs: z.infer;
- chat_invert_enter_behaviour: boolean;
}
export const storageDefaults: Storage = {
@@ -192,6 +192,7 @@ export const storageDefaults: Storage = {
analytics_crash_reports: true,
analytics_usage_data: true,
analytics_done: false,
+ ...settingsStorageDefaults,
legal_docs: {
eula: {
version: "0.0",
@@ -209,5 +210,4 @@ export const storageDefaults: Storage = {
unix: 0,
},
},
- chat_invert_enter_behaviour: false,
};
diff --git a/packages/shared/src/settings.ts b/packages/shared/src/settings.ts
new file mode 100644
index 0000000..70212d2
--- /dev/null
+++ b/packages/shared/src/settings.ts
@@ -0,0 +1,76 @@
+type StringKeyOf = Extract;
+
+type SettingDefinition = {
+ display: string;
+ type: string;
+ default?: unknown;
+};
+
+export type SettingsSchema = Record<
+ string,
+ Record>
+>;
+
+const settings = {
+ account: {
+ security: {
+ login_qr_code: {
+ display: "Login QR Code",
+ type: "custom",
+ },
+ },
+ },
+ accessability: {
+ chat: {
+ reverse_enter_behavior: {
+ display: "Reverse Enter Behavior",
+ type: "boolean",
+ default: false,
+ },
+ },
+ },
+} as const satisfies SettingsSchema;
+
+export default settings;
+
+type BooleanSettingNames = {
+ [C in StringKeyOf]: {
+ [P in StringKeyOf]: {
+ [S in StringKeyOf]: T[C][P][S] extends {
+ type: "boolean";
+ default: boolean;
+ }
+ ? S
+ : never;
+ }[StringKeyOf];
+ }[StringKeyOf];
+}[StringKeyOf];
+
+export type SettingsStorageKey =
+ `settings.${BooleanSettingNames}`;
+
+export type SettingsStorageDefaults =
+ {
+ [K in SettingsStorageKey]: boolean;
+ };
+
+function buildSettingsStorageDefaults(
+ schema: T,
+): SettingsStorageDefaults {
+ const defaults: Partial> = {};
+
+ for (const category of Object.values(schema)) {
+ for (const page of Object.values(category)) {
+ for (const [settingName, setting] of Object.entries(page)) {
+ if (setting.type === "boolean" && typeof setting.default === "boolean") {
+ const key = `settings.${settingName}` as SettingsStorageKey;
+ defaults[key] = setting.default;
+ }
+ }
+ }
+ }
+
+ return defaults as SettingsStorageDefaults;
+}
+
+export const settingsStorageDefaults = buildSettingsStorageDefaults(settings);
\ No newline at end of file
diff --git a/packages/ui/package.json b/packages/ui/package.json
index d523bc0..c80665b 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -11,12 +11,12 @@
"./utils": "./src/lib/utils.ts"
},
"scripts": {
- "patch": "find src -type f \\( -name \"*.ts\" -o -name \"*.tsx\" \\) -print0 | xargs -0 sed -i 's|@/lib/utils|../lib/utils|g; s|@/cmp/|./|g' && bunx prettier --write .",
"format": "bunx prettier --write .",
"lint": "eslint src",
"build": "tsc -p tsconfig.json --noEmit"
},
"dependencies": {
+ "@tauri-apps/api": "^2",
"@tensamin/tauri": "workspace:*",
"@base-ui/react": "^1.3.0",
"class-variance-authority": "^0.7.1",
diff --git a/packages/ui/src/cmp/switch.tsx b/packages/ui/src/cmp/switch.tsx
new file mode 100644
index 0000000..88ac5e9
--- /dev/null
+++ b/packages/ui/src/cmp/switch.tsx
@@ -0,0 +1,30 @@
+import { Switch as SwitchPrimitive } from "@base-ui/react/switch"
+
+import { cn } from "../lib/utils"
+
+function Switch({
+ className,
+ size = "default",
+ ...props
+}: SwitchPrimitive.Root.Props & {
+ size?: "sm" | "default"
+}) {
+ return (
+
+
+ )
+}
+
+export { Switch }
diff --git a/packages/ui/src/screens/util.tsx b/packages/ui/src/screens/util.tsx
index 584296c..1029d57 100644
--- a/packages/ui/src/screens/util.tsx
+++ b/packages/ui/src/screens/util.tsx
@@ -1,5 +1,6 @@
import { cn } from "../lib/utils";
import Controls from "@tensamin/tauri/controls";
+import { isTauri } from "@tauri-apps/api/core";
export default function CreateScreen({
children,
@@ -41,7 +42,13 @@ import { useIsMobile } from "../lib/utils";
export function StorageDestoryer() {
const isMobile = useIsMobile();
return (
-