-
setUrlInput(e.target.value)}
- />
-
+
+
+
+
+ setUrlInput(e.target.value)}
+ />
+
+
+
);
diff --git a/src/pages/login.tsx b/src/pages/login.tsx
new file mode 100644
index 0000000..2e517a3
--- /dev/null
+++ b/src/pages/login.tsx
@@ -0,0 +1,17 @@
+import { LoginCard } from "@/components/login";
+import image from "@/assets/login-bg.jpg";
+
+function Login() {
+ return (
+
+ );
+}
+
+export default Login;
diff --git a/src/providers/transmission.tsx b/src/providers/transmission.tsx
new file mode 100644
index 0000000..b78dca1
--- /dev/null
+++ b/src/providers/transmission.tsx
@@ -0,0 +1,93 @@
+import { PropsWithChildren, useEffect, useState } from "react";
+
+import {
+ Credentials,
+ RpcCall,
+ RpcMessage,
+ RpcResponse,
+ SessionGetCmd,
+} from "@/models/transmission";
+import { TransmissionContext } from "@/contexts/transmission";
+
+export function TransmissionProvider(props: PropsWithChildren) {
+ const [isLoggedIn, setIsLoggedIn] = useState(false);
+ const [session, setSession] = useState
({
+ version: "",
+ });
+ const [credentials, setCredentials] = useState({
+ url: "",
+ user: "",
+ password: "",
+ });
+ const [csrfToken, setCsrfToken] = useState("");
+
+ useEffect(() => {
+ const inner = async () => {
+ if (isLoggedIn === true) return;
+ const resp = await _call("session-get", {
+ fields: ["version"],
+ });
+
+ if (resp.status === 401) {
+ setSession({ version: "" });
+ setIsLoggedIn(false);
+ return;
+ }
+
+ const data: RpcResponse = await resp.json();
+ setSession(data.arguments);
+ setIsLoggedIn(true);
+ };
+
+ inner();
+ }, [credentials, isLoggedIn]);
+
+ const _call = async (
+ method: string,
+ args: T,
+ _csrfToken?: string
+ ): Promise => {
+ _csrfToken ??= csrfToken;
+ const authToken = btoa(`${credentials.user}:${credentials.password}`);
+ const resp = await fetch(credentials.url, {
+ method: "POST",
+ headers: {
+ Authorization: `Basic ${authToken}`,
+ "X-Transmission-Session-Id": _csrfToken,
+ Accept: "application/json",
+ "Content-Type": "application/json",
+ },
+ body: JSON.stringify({
+ arguments: args,
+ method: method,
+ } as RpcMessage),
+ });
+
+ if (resp.status === 409) {
+ _csrfToken = resp.headers.get("X-Transmission-Session-Id") ?? "";
+ setCsrfToken(_csrfToken);
+ return await _call(method, args, _csrfToken);
+ }
+
+ return resp;
+ };
+
+ const call = async (
+ method: string,
+ args: T["arguments"]
+ ): Promise> => {
+ const resp = await _call(method, args);
+ const data: RpcResponse = await resp.json();
+ return data;
+ };
+
+ const login = async (credentials: Credentials) => {
+ setCredentials(credentials);
+ };
+
+ return (
+
+ {props.children}
+
+ );
+}
diff --git a/src/styles/globals.css b/src/styles/globals.css
index a1fb5a3..52a9eb5 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -34,6 +34,8 @@
--ring: 215 20.2% 65.1%;
--radius: 0.5rem;
+
+ --font-sans: Roboto;
}
.dark {