+ );
+
+ if (!tooltip) return image;
+
+ return (
+ void copy()}
+ onKeyDown={(event) => {
+ if (event.key !== "Enter" && event.key !== " ") return;
+ event.preventDefault();
+ void copy();
+ }}
+ >
+ {value}
+
+ );
+
+ if (block) {
+ return (
+
+
+ );
+ }
+
+ return (
+ <>
+ {code}
+ {code}
+ + {renderInline(parseInlineNodes(block.text))} +
+ ); + if (block.level === 2) + return ( ++ {renderInline(parseInlineNodes(block.text))} +
+ ); + if (block.level === 3) + return ( ++ {renderInline(parseInlineNodes(block.text))} +
+ ); + if (block.level === 4) + return ( ++ {renderInline(parseInlineNodes(block.text))} +
+ ); + if (block.level === 5) + return ( ++ {renderInline(parseInlineNodes(block.text))} +
+ ); + return ( ++ {renderInline(parseInlineNodes(block.text))} +
+ ); + } + + if (block.type === "blockquote") { + return ( ++ {block.text.split("\n").map((line, lineIndex) => ( ++ ); + } + + if (block.type === "code") { + return ( +{renderInline(parseInlineNodes(line))}
+ ))} +
+
+
+
+
+ );
+ }
+
+ if (block.type === "hr") {
+ return | + {renderInline(parseInlineNodes(header))} + | + ))} +
|---|
| + {renderInline(parseInlineNodes(cell))} + | + ))} +
; + } + + return ( +
+ {block.text.split("\n").map((line, lineIndex) => (
+
: null}
+ {renderInline(parseInlineNodes(line))}
+
+ {renderedBlocks}
+
+ );
+}
diff --git a/packages/markdown/todo.md b/packages/markdown/todo.md
new file mode 100644
index 0000000..b59da98
--- /dev/null
+++ b/packages/markdown/todo.md
@@ -0,0 +1 @@
+- Improve the Input box
diff --git a/packages/markdown/tsconfig.json b/packages/markdown/tsconfig.json
new file mode 100644
index 0000000..9714625
--- /dev/null
+++ b/packages/markdown/tsconfig.json
@@ -0,0 +1,12 @@
+{
+ "compilerOptions": {
+ "target": "ES2022",
+ "module": "ESNext",
+ "moduleResolution": "bundler",
+ "jsx": "react-jsx",
+ "strict": true,
+ "skipLibCheck": true,
+ "noEmit": true
+ },
+ "include": ["src"]
+}
diff --git a/packages/mtp/package.json b/packages/mtp/package.json
index 982593a..44f5750 100644
--- a/packages/mtp/package.json
+++ b/packages/mtp/package.json
@@ -9,18 +9,16 @@
"scripts": {
"format": "pnpm exec prettier --write .",
"lint": "eslint src --ext .ts,.tsx",
- "build": "tsc -p tsconfig.json --noEmit"
+ "test": "vitest run --passWithNoTests",
+ "build": "pnpm run test && tsc -p tsconfig.json --noEmit"
},
"dependencies": {
"@methanium/ui": "*",
"@tauri-apps/api": "^2.11.1",
- "@tensamin/crypto": "workspace:*",
"@tensamin/shared": "workspace:*",
"@tensamin/storage": "workspace:*",
"mtp": "*",
- "react": "^19.2.8",
- "react-dom": "^19.2.8",
- "zod": "^4.4.3"
+ "react": "^19.2.8"
},
"devDependencies": {
"eslint": "^10.8.0"
diff --git a/packages/mtp/src/browser.tsx b/packages/mtp/src/browser.tsx
new file mode 100644
index 0000000..755a021
--- /dev/null
+++ b/packages/mtp/src/browser.tsx
@@ -0,0 +1,529 @@
+import { type ReactNode, useEffect, useMemo, useRef, useState } from "react";
+import { toast as sonnerToast } from "@methanium/ui";
+import { base64ToBytes, ConnectionState, MTPClient } from "mtp";
+import createAsyncQueue from "@tensamin/shared/asyncQueue";
+import {
+ mtp as mtpSchemas,
+ type Calls,
+ type Communities,
+ type Contacts,
+} from "@tensamin/shared/data";
+import { log } from "@tensamin/shared/log";
+import { useStorage } from "@tensamin/storage/context";
+
+import {
+ type BoundSendFn,
+ MTPContext,
+ type MTPContextType,
+ type ProtocolMessage,
+ removeMissingContacts,
+ useMessageHandlers,
+} from "./mtpContext";
+import {
+ DISCOVERY_TIMEOUT,
+ INITIAL_SYNC_TIMEOUT,
+ RECONNECT_JITTER,
+ RECONNECT_LONG_INTERVAL,
+ RECONNECT_RESET,
+ RECONNECT_TRIES,
+ RETRY_INTERVAL,
+ STATE_ACK_TIMEOUT,
+} from "./values";
+
+type BrowserMtpClient = Awaited
- {categories.map((category) => (
-
- );
-}
diff --git a/packages/settings/src/manifest.ts b/packages/settings/src/manifest.ts
index 41fe14a..1afdd5a 100644
--- a/packages/settings/src/manifest.ts
+++ b/packages/settings/src/manifest.ts
@@ -8,46 +8,24 @@ import Profile from "./pages/profile";
import Security from "./pages/security";
import Theme from "./pages/theme";
import Hotkeys from "./pages/hotkeys";
+import { settingsNavigation } from "./navigation";
+
+const pageComponents = {
+ profile: Profile,
+ security: Security,
+ chat: Chat,
+ call: Call,
+ cache: Cache,
+ theme: Theme,
+ accessibility: Accessibility,
+ hotkeys: Hotkeys,
+ licenses: Licenses,
+} as const;
export const settingsPages = [
{ path: "/", component: Index },
- {
- category: "account",
- path: "profile",
- label: "Profile",
- component: Profile,
- },
- {
- category: "account",
- path: "security",
- label: "Security",
- component: Security,
- },
- { category: "general", path: "chat", label: "Chat", component: Chat },
- { category: "general", path: "call", label: "Call", component: Call },
- { category: "application", path: "cache", label: "Cache", component: Cache },
- { category: "application", path: "theme", label: "Theme", component: Theme },
- {
- category: "application",
- path: "accessibility",
- label: "Accessibility",
- component: Accessibility,
- },
- {
- category: "application",
- path: "hotkeys",
- label: "Hotkeys",
- component: Hotkeys,
- },
- {
- category: "application",
- path: "licenses",
- label: "Licenses",
- component: Licenses,
- },
+ ...settingsNavigation.map((page) => ({
+ ...page,
+ component: pageComponents[page.path],
+ })),
] as const;
-
-export const settingsNavigation = settingsPages.filter(
- (page): page is Exclude<(typeof settingsPages)[number], { path: "/" }> =>
- page.path !== "/",
-);
diff --git a/packages/settings/src/navigation.ts b/packages/settings/src/navigation.ts
new file mode 100644
index 0000000..b47fae9
--- /dev/null
+++ b/packages/settings/src/navigation.ts
@@ -0,0 +1,31 @@
+export const settingsNavigation = [
+ {
+ category: "account",
+ path: "profile",
+ label: "Profile",
+ },
+ {
+ category: "account",
+ path: "security",
+ label: "Security",
+ },
+ { category: "general", path: "chat", label: "Chat" },
+ { category: "general", path: "call", label: "Call" },
+ { category: "application", path: "cache", label: "Cache" },
+ { category: "application", path: "theme", label: "Theme" },
+ {
+ category: "application",
+ path: "accessibility",
+ label: "Accessibility",
+ },
+ {
+ category: "application",
+ path: "hotkeys",
+ label: "Hotkeys",
+ },
+ {
+ category: "application",
+ path: "licenses",
+ label: "Licenses",
+ },
+] as const;
diff --git a/packages/settings/src/pages/index.tsx b/packages/settings/src/pages/index.tsx
index 803a0c1..b5d04e3 100644
--- a/packages/settings/src/pages/index.tsx
+++ b/packages/settings/src/pages/index.tsx
@@ -1,4 +1,4 @@
-import { SettingsSidebar } from "../layout";
+import { SettingsSidebar } from "../sidebar";
export default function Page() {
return (
diff --git a/packages/settings/src/sidebar.tsx b/packages/settings/src/sidebar.tsx
new file mode 100644
index 0000000..3a2155e
--- /dev/null
+++ b/packages/settings/src/sidebar.tsx
@@ -0,0 +1,48 @@
+import { Button, ClearStorageButton, cn } from "@methanium/ui";
+import { useNavigate } from "@tanstack/react-router";
+
+import { settingsNavigation } from "./navigation";
+
+export function SettingsSidebar({
+ mobile = false,
+ className,
+}: {
+ mobile?: boolean;
+ className?: string;
+}) {
+ const navigate = useNavigate();
+ const categories = [
+ ...new Set(settingsNavigation.map((page) => page.category)),
+ ];
+
+ return (
+
-
- ))}
- {category}
- {settingsNavigation - .filter((page) => page.category === category) - .map((page) => ( - - ))} -
-
-
+ {categories.map((category) => (
+
+ );
+}
diff --git a/packages/user/src/context.tsx b/packages/user/src/context.tsx
index 423661c..8c41aa4 100644
--- a/packages/user/src/context.tsx
+++ b/packages/user/src/context.tsx
@@ -9,13 +9,12 @@ import {
useState,
useSyncExternalStore,
} from "react";
-import { useMTP, type ProtocolMessage } from "@tensamin/mtp";
+import { useMTP } from "@tensamin/mtp";
import {
clientUserStateSchema,
mtp as schemas,
publicUserStateSchema,
- userStateEntrySchema,
} from "@tensamin/shared/data";
import type z from "zod";
import { createCache } from "@tensamin/cache";
@@ -89,7 +88,7 @@ export default function UserProvider(props: { children: ReactNode }) {
);
const revisionsRef = useRef(new Map
+
+ ))}
+ {category}
+ {settingsNavigation + .filter((page) => page.category === category) + .map((page) => ( + + ))} +
+
+