Initial commit

Frontend/src/Api.js

@@ -0,0 +1,172 @@
+const ApiBase = "/api";
+
+async function ParseJsonOrThrow(Response) {
+  const Body = await Response.json().catch(() => null);
+
+  if (!Response.ok) {
+    const Detail = Body && Body.detail ? Body.detail : Response.statusText;
+    throw new Error(Detail);
+  }
+
+  return Body;
+}
+
+function FetchJson(Path, Options = {}) {
+  return fetch(`${ApiBase}${Path}`, { credentials: "same-origin", ...Options }).then(
+    ParseJsonOrThrow
+  );
+}
+
+function FetchText(Path, Options = {}) {
+  return fetch(`${ApiBase}${Path}`, { credentials: "same-origin", ...Options }).then(
+    (Response) => Response.text()
+  );
+}
+
+function JsonBody(Body) {
+  return { headers: { "Content-Type": "application/json" }, body: JSON.stringify(Body) };
+}
+
+// --- Auth -------------------------------------------------------------
+
+export function FetchAuthStatus() {
+  return FetchJson("/auth/status");
+}
+
+export function Bootstrap(Username, Password) {
+  return FetchJson("/auth/bootstrap", { method: "POST", ...JsonBody({ Username, Password }) });
+}
+
+export function Login(Username, Password) {
+  return FetchJson("/auth/login", { method: "POST", ...JsonBody({ Username, Password }) });
+}
+
+export function Logout() {
+  return FetchJson("/auth/logout", { method: "POST" });
+}
+
+export function FetchMe() {
+  return FetchJson("/auth/me");
+}
+
+export function FetchUsers() {
+  return FetchJson("/users");
+}
+
+export function CreateUserAccount(Username, Password, IsAdmin, Colour) {
+  return FetchJson("/users", { method: "POST", ...JsonBody({ Username, Password, IsAdmin, Colour }) });
+}
+
+export function FetchProfileColourOptions() {
+  return FetchJson("/profile/colours");
+}
+
+export function UpdateProfileColour(Colour) {
+  return FetchJson("/profile/colour", { method: "PUT", ...JsonBody({ Colour }) });
+}
+
+export async function UploadAvatar(File) {
+  const Form = new FormData();
+  Form.append("Avatar", File);
+  const Response = await fetch(`${ApiBase}/profile/avatar`, {
+    method: "POST",
+    credentials: "same-origin",
+    body: Form,
+  });
+  return ParseJsonOrThrow(Response);
+}
+
+export function GetAvatarUrl(Username) {
+  const Params = new URLSearchParams({ Username });
+  return `${ApiBase}/profile/avatar?${Params}`;
+}
+
+// --- Files --------------------------------------------------------------
+
+export function FetchRoots() {
+  return FetchJson("/roots");
+}
+
+export function FetchTree(RootName, RelativePath) {
+  const Params = new URLSearchParams({ Root: RootName, Path: RelativePath });
+  return FetchJson(`/tree?${Params}`);
+}
+
+export function FetchFile(RootName, RelativePath) {
+  const Params = new URLSearchParams({ Root: RootName, Path: RelativePath });
+  return FetchText(`/file?${Params}`);
+}
+
+export function GetFileUrl(RootName, RelativePath) {
+  const Params = new URLSearchParams({ Root: RootName, Path: RelativePath });
+  return `${ApiBase}/file?${Params}`;
+}
+
+export function GetRawFileUrl(RootName, RelativePath) {
+  const EncodedSegments = RelativePath.split("/").map(encodeURIComponent);
+  return `${ApiBase}/raw/${encodeURIComponent(RootName)}/${EncodedSegments.join("/")}`;
+}
+
+export function SaveFile(RootName, RelativePath, Content) {
+  const Params = new URLSearchParams({ Root: RootName, Path: RelativePath });
+  return FetchJson(`/file?${Params}`, { method: "PUT", body: Content });
+}
+
+export function FetchBook(RootName, RelativePath) {
+  const Params = new URLSearchParams({ Root: RootName, Path: RelativePath });
+  return FetchJson(`/book?${Params}`);
+}
+
+export function FetchBlame(RootName, RelativePath) {
+  const Params = new URLSearchParams({ Root: RootName, Path: RelativePath });
+  return FetchJson(`/blame?${Params}`);
+}
+
+export function CreateEntry(RootName, RelativePath, IsDirectory) {
+  const Params = new URLSearchParams({ Root: RootName, Path: RelativePath });
+  return FetchJson(`/tree?${Params}`, { method: "POST", ...JsonBody({ IsDirectory }) });
+}
+
+export function RenameEntry(RootName, RelativePath, NewName) {
+  const Params = new URLSearchParams({ Root: RootName, Path: RelativePath });
+  return FetchJson(`/tree?${Params}`, { method: "PATCH", ...JsonBody({ NewName }) });
+}
+
+export function MoveEntry(RootName, RelativePath, DestinationPath) {
+  const Params = new URLSearchParams({ Root: RootName, Path: RelativePath });
+  return FetchJson(`/tree?${Params}`, { method: "PATCH", ...JsonBody({ DestinationPath }) });
+}
+
+export function DeleteEntry(RootName, RelativePath) {
+  const Params = new URLSearchParams({ Root: RootName, Path: RelativePath });
+  return FetchJson(`/tree?${Params}`, { method: "DELETE" });
+}
+
+// --- Settings / themes -------------------------------------------------
+
+export function FetchSettings() {
+  return FetchJson("/settings");
+}
+
+export function SaveSettings(NewSettings) {
+  return FetchJson("/settings", { method: "PUT", ...JsonBody(NewSettings) });
+}
+
+export function FetchThemeNames() {
+  return FetchJson("/themes");
+}
+
+export function FetchTheme(Name) {
+  const Params = new URLSearchParams({ Name });
+  return FetchJson(`/theme?${Params}`);
+}
+
+export function SaveTheme(Name, Palette) {
+  const Params = new URLSearchParams({ Name });
+  return FetchJson(`/theme?${Params}`, { method: "PUT", ...JsonBody({ Palette }) });
+}
+
+export function DeleteTheme(Name) {
+  const Params = new URLSearchParams({ Name });
+  return FetchJson(`/theme?${Params}`, { method: "DELETE" });
+}