+ {children}
+
+
- {{ message }}
-
-
-
-
-
-
-
diff --git a/frontend/src/components/DropdownModal.vue b/frontend/src/components/DropdownModal.vue
deleted file mode 100644
index 66780120..00000000
--- a/frontend/src/components/DropdownModal.vue
+++ /dev/null
@@ -1,142 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/ErrorBoundary.tsx b/frontend/src/components/ErrorBoundary.tsx
new file mode 100644
index 00000000..16d842f7
--- /dev/null
+++ b/frontend/src/components/ErrorBoundary.tsx
@@ -0,0 +1,79 @@
+import React, { Component, ErrorInfo, ReactNode } from "react";
+
+interface Props {
+ children: ReactNode;
+ fallback?: (error: Error, retry: () => void) => ReactNode;
+}
+
+interface State {
+ hasError: boolean;
+ error: Error | null;
+}
+
+/**
+ * Error Boundary component to catch React errors
+ * Displays a user-friendly error message instead of crashing
+ */
+export class ErrorBoundary extends Component
-
-
-
-
+
+ );
+ }
+
+ return this.props.children;
+ }
+}
diff --git a/frontend/src/components/FilePreview.tsx b/frontend/src/components/FilePreview.tsx
new file mode 100644
index 00000000..eb78aae3
--- /dev/null
+++ b/frontend/src/components/FilePreview.tsx
@@ -0,0 +1,136 @@
+import { getPreviewUrl, getFileType, isPreviewable } from "@/api/preview";
+import { useState } from "react";
+
+interface FilePreviewProps {
+ path: string;
+ filename: string;
+ isDir?: boolean;
+}
+
+export function FilePreview({ path, filename, isDir = false }: FilePreviewProps) {
+ const [isFullscreen, setIsFullscreen] = useState(false);
+ const [scale, setScale] = useState(100);
+ const fileType = getFileType(filename);
+ const canPreview = !isDir && isPreviewable(filename);
+
+ if (!canPreview) {
+ return (
+
+
+ + Oops! Something went wrong +
++ {this.state.error?.message || "An unexpected error occurred"} +
+
+
+ + Error details +
+
+ {this.state.error?.stack}
+
+
+
+
+
+
+
+ );
+ }
+
+ const previewUrl = getPreviewUrl(path, 512);
+
+ return (
+
+
+ + {isDir ? "📁 Directory" : "📄 File"} +
++ Preview not available for this file type +
+
+ {/* Preview Controls */}
+ {fileType === "image" && (
+
+ );
+}
diff --git a/frontend/src/components/ProgressBar.vue b/frontend/src/components/ProgressBar.vue
deleted file mode 100644
index bd4f75d4..00000000
--- a/frontend/src/components/ProgressBar.vue
+++ /dev/null
@@ -1,225 +0,0 @@
-
-
-
+
+ )}
+
+ {/* Preview Container */}
+
+
+ {scale}%
+
+
+
+
+ {fileType === "image" && (
+
+
+ {/* File Info */}
+
+ 
+
+ )}
+
+ {fileType === "video" && (
+
+ )}
+
+ {fileType === "audio" && (
+
+
+
+ )}
+
+ {fileType === "document" && (
+
+ )}
+
+
+ + {filename} +
++ {path} +
+
-
-
-
-
diff --git a/frontend/src/components/ProtectedRoute.tsx b/frontend/src/components/ProtectedRoute.tsx
new file mode 100644
index 00000000..c7e705da
--- /dev/null
+++ b/frontend/src/components/ProtectedRoute.tsx
@@ -0,0 +1,54 @@
+import { useAuth } from "@/context/AuthContext";
+import { useNavigate } from "@tanstack/react-router";
+import { useEffect } from "react";
+
+export interface ProtectedRouteProps {
+ children: React.ReactNode;
+ requireAdmin?: boolean;
+}
+
+export function ProtectedRoute({
+ children,
+ requireAdmin = false,
+}: ProtectedRouteProps) {
+ const { isAuthenticated, isLoading, user } = useAuth();
+ const navigate = useNavigate();
+
+ useEffect(() => {
+ if (!isLoading && !isAuthenticated) {
+ navigate({ to: "/login" });
+ }
+ }, [isAuthenticated, isLoading, navigate]);
+
+ if (isLoading) {
+ return (
+
- {{ text }}
-
-
-
-
- {{ text }}
-
-
- {{ text }}
-
-
-
- {{ text }}
-
-
+
+ );
+ }
+
+ if (!isAuthenticated) {
+ return null;
+ }
+
+ if (requireAdmin && !user?.admin) {
+ return (
+
+
+
+ Loading...
+
+
+ );
+ }
+
+ return <>{children};
+}
diff --git a/frontend/src/components/Search.vue b/frontend/src/components/Search.vue
deleted file mode 100644
index 57d5ba0d..00000000
--- a/frontend/src/components/Search.vue
+++ /dev/null
@@ -1,251 +0,0 @@
-
-
+
+ + Access Denied +
++ You do not have permission to access this page +
+
-
-
-
-
diff --git a/frontend/src/components/Shell.vue b/frontend/src/components/Shell.vue
deleted file mode 100644
index b1b6f6b7..00000000
--- a/frontend/src/components/Shell.vue
+++ /dev/null
@@ -1,194 +0,0 @@
-
-
-
- search
-
- autorenew
-
-
- {{ results.length }}
-
-
-
-
-
-
-
-
- {{ text }}
- - -
-
-
-
- {{ $t("search.types") }}
-
-
-
- {{ v.icon }}
-
- {{ $t("search." + v.label) }}
--
-
-
-
- folder - insert_drive_file - ./{{ s.path }} - -
-
-
-
-
-
-
diff --git a/frontend/src/components/Sidebar.vue b/frontend/src/components/Sidebar.vue
deleted file mode 100644
index c7961e3e..00000000
--- a/frontend/src/components/Sidebar.vue
+++ /dev/null
@@ -1,222 +0,0 @@
-
-
-
-
-
-
diff --git a/frontend/src/components/Skeleton.tsx b/frontend/src/components/Skeleton.tsx
new file mode 100644
index 00000000..f9eb013e
--- /dev/null
+++ b/frontend/src/components/Skeleton.tsx
@@ -0,0 +1,69 @@
+/**
+ * Skeleton loaders for loading states
+ */
+
+export function SkeletonRow() {
+ return (
+
-
-
-
-
-
-
- chevron_right
-
- {{ c.text }}
-
-
-
- chevron_right
-
-
-
+
+ );
+}
+
+export function SkeletonTable({ rows = 5 }: { rows?: number }) {
+ return (
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+export function SkeletonCard() {
+ return (
+ | + + | ++ + | ++ + | +
|---|---|---|
| + + | ++ + | ++ + | +
+
+
+ );
+}
+
+export function SkeletonText() {
+ return ;
+}
diff --git a/frontend/src/components/files/CsvViewer.vue b/frontend/src/components/files/CsvViewer.vue
deleted file mode 100644
index 9e1904af..00000000
--- a/frontend/src/components/files/CsvViewer.vue
+++ /dev/null
@@ -1,366 +0,0 @@
-
-
+
+
+
+
+
-
-
-
-
-
-
diff --git a/frontend/src/components/files/ExtendedImage.vue b/frontend/src/components/files/ExtendedImage.vue
deleted file mode 100644
index 88b78304..00000000
--- a/frontend/src/components/files/ExtendedImage.vue
+++ /dev/null
@@ -1,330 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ selectedEncoding }}
-
-
-
-
-
-
-
-
-
- error
-
- {{ displayError }}
-
- description
-
- {{ $t("files.lonely") }}
-
-
-
-
-
-
- | - {{ header || `Column ${index + 1}` }} - | -
|---|
| - {{ cell }} - | -
- ![]()
-
-
-
-
diff --git a/frontend/src/components/files/FileListTable.tsx b/frontend/src/components/files/FileListTable.tsx
new file mode 100644
index 00000000..6e9465a7
--- /dev/null
+++ b/frontend/src/components/files/FileListTable.tsx
@@ -0,0 +1,19 @@
+import type { IFile } from "@/types";
+
+export interface FileListTableProps {
+ files: IFile[];
+ onFileClick?: (file: IFile) => void;
+ onDelete?: (file: IFile) => void;
+ selectedFiles?: Set{/* Component defined inline to avoid import issues */}
;
+}
diff --git a/frontend/src/components/files/ListingItem.vue b/frontend/src/components/files/ListingItem.vue
deleted file mode 100644
index ce23c482..00000000
--- a/frontend/src/components/files/ListingItem.vue
+++ /dev/null
@@ -1,407 +0,0 @@
-
-
-
-
-
-
diff --git a/frontend/src/components/files/VideoPlayer.vue b/frontend/src/components/files/VideoPlayer.vue
deleted file mode 100644
index 295907db..00000000
--- a/frontend/src/components/files/VideoPlayer.vue
+++ /dev/null
@@ -1,186 +0,0 @@
-
-
-
-
-
-
diff --git a/frontend/src/components/header/Action.vue b/frontend/src/components/header/Action.vue
deleted file mode 100644
index 1df137e3..00000000
--- a/frontend/src/components/header/Action.vue
+++ /dev/null
@@ -1,32 +0,0 @@
-
-
-
-
-
diff --git a/frontend/src/components/header/HeaderBar.vue b/frontend/src/components/header/HeaderBar.vue
deleted file mode 100644
index d15ec060..00000000
--- a/frontend/src/components/header/HeaderBar.vue
+++ /dev/null
@@ -1,59 +0,0 @@
-
-
- ![]()
-
-
-
-
-
- {{ name }}
- -—
-{{ humanSize() }}
- -- -
-
-
-
-
+
+
+ {onMenuClick && (
+
+ )}
+ {title && (
+
+
+ + {title} +
+ )} +
+ {user && (
+ <>
+
+ {user.username}
+
+
+
+ )}
+
+
+ setSidebarOpen(!sidebarOpen)}
+ />
+
+
+ );
+}
diff --git a/frontend/src/components/layout/Sidebar.tsx b/frontend/src/components/layout/Sidebar.tsx
new file mode 100644
index 00000000..c8d4a8fe
--- /dev/null
+++ b/frontend/src/components/layout/Sidebar.tsx
@@ -0,0 +1,45 @@
+import { Link } from "@tanstack/react-router";
+import { useTranslation } from "react-i18next";
+import { cn } from "@/utils/cn";
+
+export interface SidebarProps {
+ isOpen?: boolean;
+ onClose?: () => void;
+ currentPath?: string;
+}
+
+export function Sidebar({ isOpen = true, onClose, currentPath }: SidebarProps) {
+ const { t } = useTranslation();
+
+ const menuItems = [
+ { label: t("files.name"), path: "/files" },
+ { label: t("settings.title"), path: "/settings" },
+ ];
+
+ return (
+
+ );
+}
diff --git a/frontend/src/components/modals/FileOperationDialog.tsx b/frontend/src/components/modals/FileOperationDialog.tsx
new file mode 100644
index 00000000..5d3277fe
--- /dev/null
+++ b/frontend/src/components/modals/FileOperationDialog.tsx
@@ -0,0 +1,98 @@
+import { useState } from "react";
+import { Button } from "@/components/ui/Button";
+
+export interface FileOperationDialogProps {
+ isOpen: boolean;
+ title: string;
+ label: string;
+ placeholder: string;
+ defaultValue?: string;
+ isLoading?: boolean;
+ onConfirm: (value: string) => Promise
+ setSidebarOpen(false)}
+ currentPath={currentPath}
+ />
+
+
+
+
+
+
+ );
+}
diff --git a/frontend/src/components/modals/UploadDialog.tsx b/frontend/src/components/modals/UploadDialog.tsx
new file mode 100644
index 00000000..5a9a88a3
--- /dev/null
+++ b/frontend/src/components/modals/UploadDialog.tsx
@@ -0,0 +1,127 @@
+import { useState, useRef } from "react";
+import { Button } from "@/components/ui/Button";
+import { useUploadFile } from "@/hooks/useFiles";
+import { useToast } from "@/hooks/useToast";
+
+export interface UploadDialogProps {
+ isOpen: boolean;
+ path: string;
+ onClose: () => void;
+}
+
+export function UploadDialog({ isOpen, path, onClose }: UploadDialogProps) {
+ const [files, setFiles] = useState
+
+ + {title} +
+ + +
+
+ );
+}
diff --git a/frontend/src/components/prompts/BaseModal.vue b/frontend/src/components/prompts/BaseModal.vue
deleted file mode 100644
index 1d4d9684..00000000
--- a/frontend/src/components/prompts/BaseModal.vue
+++ /dev/null
@@ -1,61 +0,0 @@
-
-
+
+ + Upload Files +
+ +
+ {/* Drop Zone */}
+
+ e.preventDefault()}
+ onDrop={(e) => {
+ e.preventDefault();
+ const droppedFiles = Array.from(e.dataTransfer.files);
+ setFiles((prev) => [...prev, ...droppedFiles]);
+ }}
+ className="rounded-md border-2 border-dashed border-gray-300 p-6 text-center transition-colors hover:border-blue-500 dark:border-slate-600 dark:hover:border-blue-400"
+ >
+
+
+ {/* Files List */}
+ {files.length > 0 && (
+ + Drag and drop files here or{" "} + +
+ +
+ {files.map((file, index) => (
+
+ )}
+
+ {/* Actions */}
+
+
+ {file.name}
+
+
+
+ ))}
+
+
+
+
+
-
-
-
-
-
-
diff --git a/frontend/src/components/prompts/Copy.vue b/frontend/src/components/prompts/Copy.vue
deleted file mode 100644
index 85810f30..00000000
--- a/frontend/src/components/prompts/Copy.vue
+++ /dev/null
@@ -1,163 +0,0 @@
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/prompts/CreateFilePath.vue b/frontend/src/components/prompts/CreateFilePath.vue
deleted file mode 100644
index 71b87584..00000000
--- a/frontend/src/components/prompts/CreateFilePath.vue
+++ /dev/null
@@ -1,91 +0,0 @@
-
-
-
-
- {{ $t("prompts.copy") }}
-
-
-
- {{ $t("prompts.copyMessage") }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/prompts/CurrentPassword.vue b/frontend/src/components/prompts/CurrentPassword.vue
deleted file mode 100644
index dfccf3fd..00000000
--- a/frontend/src/components/prompts/CurrentPassword.vue
+++ /dev/null
@@ -1,58 +0,0 @@
-
-
-
- /
-
-
-
- {{ item }}
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/prompts/Delete.vue b/frontend/src/components/prompts/Delete.vue
deleted file mode 100644
index aa2482ce..00000000
--- a/frontend/src/components/prompts/Delete.vue
+++ /dev/null
@@ -1,98 +0,0 @@
-
-
-
-
- {{ $t("prompts.currentPassword") }}
-
-
-
- - {{ $t("prompts.currentPasswordMessage") }} -
- -
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/prompts/DeleteUser.vue b/frontend/src/components/prompts/DeleteUser.vue
deleted file mode 100644
index 821db17d..00000000
--- a/frontend/src/components/prompts/DeleteUser.vue
+++ /dev/null
@@ -1,40 +0,0 @@
-
-
-
- - {{ $t("prompts.deleteMessageSingle") }} -
-- {{ $t("prompts.deleteMessageMultiple", { count: selectedCount }) }} -
-
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/prompts/DiscardEditorChanges.vue b/frontend/src/components/prompts/DiscardEditorChanges.vue
deleted file mode 100644
index 7a99c5fc..00000000
--- a/frontend/src/components/prompts/DiscardEditorChanges.vue
+++ /dev/null
@@ -1,54 +0,0 @@
-
-
-
-
- {{ t("prompts.deleteUser") }}
-
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/prompts/Download.vue b/frontend/src/components/prompts/Download.vue
deleted file mode 100644
index 85467d8c..00000000
--- a/frontend/src/components/prompts/Download.vue
+++ /dev/null
@@ -1,42 +0,0 @@
-
-
-
- - {{ $t("prompts.discardEditorChanges") }} -
-
-
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/prompts/FileList.vue b/frontend/src/components/prompts/FileList.vue
deleted file mode 100644
index b2a1c6a2..00000000
--- a/frontend/src/components/prompts/FileList.vue
+++ /dev/null
@@ -1,186 +0,0 @@
-
-
-
-
- {{ t("prompts.download") }}
-
-
- {{ t("prompts.downloadMessage") }}
- - -
-
-
-
-
diff --git a/frontend/src/components/prompts/Help.vue b/frontend/src/components/prompts/Help.vue
deleted file mode 100644
index 1d99eeed..00000000
--- a/frontend/src/components/prompts/Help.vue
+++ /dev/null
@@ -1,47 +0,0 @@
-
- -
-
- - {{ item.name }} - -
- {{ $t("prompts.currentlyNavigating") }} {{ nav }}.
-
-
-
-
-
diff --git a/frontend/src/components/prompts/Info.vue b/frontend/src/components/prompts/Info.vue
deleted file mode 100644
index 0722a4a7..00000000
--- a/frontend/src/components/prompts/Info.vue
+++ /dev/null
@@ -1,196 +0,0 @@
-
-
-
-
- {{ $t("help.help") }}
-
-
-
- -
-
- F1 - {{ $t("help.f1") }} -
- F2 - {{ $t("help.f2") }} -
- DEL - {{ $t("help.del") }} -
- ESC - {{ $t("help.esc") }} -
- CTRL + S - {{ $t("help.ctrl.s") }} -
- CTRL + SHIFT + F - {{ $t("help.ctrl.f") }} -
- CTRL + Click - {{ $t("help.ctrl.click") }} -
- Click - {{ $t("help.click") }} -
- Double click - {{ $t("help.doubleClick") }} -
-
-
-
-
-
-
-
diff --git a/frontend/src/components/prompts/Move.vue b/frontend/src/components/prompts/Move.vue
deleted file mode 100644
index 36a92469..00000000
--- a/frontend/src/components/prompts/Move.vue
+++ /dev/null
@@ -1,164 +0,0 @@
-
-
-
-
- {{ $t("prompts.fileInfo") }}
-
-
-
- - {{ $t("prompts.filesSelected", { count: selected.length }) }} -
- -- {{ $t("prompts.displayName") }} {{ name }} -
- -- {{ $t("prompts.size") }}: - {{ humanSize }} -
- -
- {{ $t("prompts.resolution") }}:
- {{ resolution.width }} x {{ resolution.height }}
-
-
- - {{ $t("prompts.lastModified") }}: {{ humanTime }} -
- - -- {{ $t("prompts.numberFiles") }}: {{ req.numFiles }} -
-- {{ $t("prompts.numberDirs") }}: {{ req.numDirs }} -
- - - -
- MD5: {{ $t("prompts.show") }}
-
- SHA1: {{ $t("prompts.show") }}
-
- SHA256: {{ $t("prompts.show") }}
-
- SHA512: {{ $t("prompts.show") }}
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/prompts/NewDir.vue b/frontend/src/components/prompts/NewDir.vue
deleted file mode 100644
index daa1b221..00000000
--- a/frontend/src/components/prompts/NewDir.vue
+++ /dev/null
@@ -1,105 +0,0 @@
-
-
-
-
- {{ $t("prompts.move") }}
-
-
-
- {{ $t("prompts.moveMessage") }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/prompts/NewFile.vue b/frontend/src/components/prompts/NewFile.vue
deleted file mode 100644
index d3fb34ed..00000000
--- a/frontend/src/components/prompts/NewFile.vue
+++ /dev/null
@@ -1,87 +0,0 @@
-
-
-
-
- {{ t("prompts.newDir") }}
-
-
-
- {{ t("prompts.newDirMessage") }}
- -
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/prompts/Prompts.vue b/frontend/src/components/prompts/Prompts.vue
deleted file mode 100644
index 968e22f5..00000000
--- a/frontend/src/components/prompts/Prompts.vue
+++ /dev/null
@@ -1,68 +0,0 @@
-
-
-
-
- {{ t("prompts.newFile") }}
-
-
-
- {{ t("prompts.newFileMessage") }}
- -
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/prompts/Replace.vue b/frontend/src/components/prompts/Replace.vue
deleted file mode 100644
index 3a83ac9e..00000000
--- a/frontend/src/components/prompts/Replace.vue
+++ /dev/null
@@ -1,57 +0,0 @@
-
-
-
-
- {{ $t("prompts.rename") }}
-
-
-
-
- {{ $t("prompts.renameMessage") }} {{ oldName }}:
-
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/prompts/ResolveConflict.vue b/frontend/src/components/prompts/ResolveConflict.vue
deleted file mode 100644
index e7bf9c74..00000000
--- a/frontend/src/components/prompts/ResolveConflict.vue
+++ /dev/null
@@ -1,307 +0,0 @@
-
-
-
-
- {{ $t("prompts.replace") }}
-
-
-
- {{ $t("prompts.replaceMessage") }}
-
-
-
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/prompts/Share.vue b/frontend/src/components/prompts/Share.vue
deleted file mode 100644
index 282902fb..00000000
--- a/frontend/src/components/prompts/Share.vue
+++ /dev/null
@@ -1,292 +0,0 @@
-
-
-
-
-
diff --git a/frontend/src/components/prompts/ShareDelete.vue b/frontend/src/components/prompts/ShareDelete.vue
deleted file mode 100644
index a01f6343..00000000
--- a/frontend/src/components/prompts/ShareDelete.vue
+++ /dev/null
@@ -1,46 +0,0 @@
-
-
-
-
- - {{ - personalized - ? $t("prompts.resolveConflict") - : $t("prompts.replaceOrSkip") - }} -
-
-
-
-
- - {{ $t("prompts.singleConflictResolve") }} -
-
-
-
-
-
-
- - - {{ - isUploadAction != true - ? $t("prompts.filesInOrigin") - : $t("prompts.uploadingFiles") - }} -
-- - {{ $t("prompts.filesInDest") }} -
-
-
-
-
- {{ item.name }}
-
-
-
- {{ $t("prompts.rename") }}
-
-
- {{ $t("prompts.forbiddenError") }}
-
-
-
- {{ $t("prompts.override") }}
-
-
- {{ $t("prompts.skip") }}
-
-
-
-
-
-
-
- - {{ humanTime(item.origin.lastModified) }} -
-- {{ humanSize(item.origin.size) }} -
-
-
-
-
-
-
- - {{ humanTime(item.dest.lastModified) }} -
-- {{ humanSize(item.dest.size) }} -
-- {{ $t("prompts.fastConflictResolve", { count: conflict.length }) }} -
- - - -
-
-
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/prompts/Upload.vue b/frontend/src/components/prompts/Upload.vue
deleted file mode 100644
index 19b1fbb1..00000000
--- a/frontend/src/components/prompts/Upload.vue
+++ /dev/null
@@ -1,120 +0,0 @@
-
-
-
- {{ $t("prompts.deleteMessageShare", { path: "" }) }}
-
-
-
-
-
-
-
-
-
diff --git a/frontend/src/components/prompts/UploadFiles.vue b/frontend/src/components/prompts/UploadFiles.vue
deleted file mode 100644
index 4d96d5bb..00000000
--- a/frontend/src/components/prompts/UploadFiles.vue
+++ /dev/null
@@ -1,222 +0,0 @@
-
-
-
-
- {{ t("prompts.upload") }}
-
-
-
- {{ t("prompts.uploadMessage") }}
-
-
-
- insert_drive_file
-
- {{ t("buttons.file") }}
-
- folder
-
- {{ t("buttons.folder") }}
-
-
-
-
-
-
-
diff --git a/frontend/src/components/settings/AceEditorTheme.vue b/frontend/src/components/settings/AceEditorTheme.vue
deleted file mode 100644
index 68585a3a..00000000
--- a/frontend/src/components/settings/AceEditorTheme.vue
+++ /dev/null
@@ -1,28 +0,0 @@
-
-
-
-
-
diff --git a/frontend/src/components/settings/Commands.vue b/frontend/src/components/settings/Commands.vue
deleted file mode 100644
index 73799fce..00000000
--- a/frontend/src/components/settings/Commands.vue
+++ /dev/null
@@ -1,30 +0,0 @@
-
-
-
-
-
-
-
- - {{ - $t("prompts.uploadFiles", { - files: uploadStore.pendingUploadCount, - }) - }} -
-
-
-
-
- {{ speedText }}/s
- {{ formattedETA }} remaining
- {{ sentPercent }}% Completed
-
- {{ sentMbytes }} /
- {{ totalMbytes }}
-
-
-
-
-
-
diff --git a/frontend/src/components/settings/Languages.vue b/frontend/src/components/settings/Languages.vue
deleted file mode 100644
index 6a603358..00000000
--- a/frontend/src/components/settings/Languages.vue
+++ /dev/null
@@ -1,69 +0,0 @@
-
-
-
-
-
diff --git a/frontend/src/components/settings/Permissions.vue b/frontend/src/components/settings/Permissions.vue
deleted file mode 100644
index 13d2b936..00000000
--- a/frontend/src/components/settings/Permissions.vue
+++ /dev/null
@@ -1,65 +0,0 @@
-
- {{ $t("settings.userCommands") }}
-- {{ $t("settings.userCommandsHelp") }} git svn hg. -
- -
-
-
-
-
diff --git a/frontend/src/components/settings/Rules.vue b/frontend/src/components/settings/Rules.vue
deleted file mode 100644
index e1e82b3f..00000000
--- a/frontend/src/components/settings/Rules.vue
+++ /dev/null
@@ -1,63 +0,0 @@
-
-
-
-
-
diff --git a/frontend/src/components/settings/Themes.vue b/frontend/src/components/settings/Themes.vue
deleted file mode 100644
index 059070bd..00000000
--- a/frontend/src/components/settings/Themes.vue
+++ /dev/null
@@ -1,26 +0,0 @@
-
-
-
-
-
diff --git a/frontend/src/components/settings/UserForm.vue b/frontend/src/components/settings/UserForm.vue
deleted file mode 100644
index c4f0e0c6..00000000
--- a/frontend/src/components/settings/UserForm.vue
+++ /dev/null
@@ -1,122 +0,0 @@
-
- {{ $t("settings.permissions") }}
-{{ $t("settings.permissionsHelp") }}
- -- - {{ $t("settings.administrator") }} -
- -- - {{ $t("settings.perm.create") }} -
-- - {{ $t("settings.perm.delete") }} -
-- - {{ $t("settings.perm.download") }} -
-- - {{ $t("settings.perm.modify") }} -
-- - {{ $t("settings.perm.execute") }} -
-- - {{ $t("settings.perm.rename") }} -
-- - {{ $t("settings.perm.share") }} -
-
-
-
-
-
diff --git a/frontend/src/components/ui/Button.tsx b/frontend/src/components/ui/Button.tsx
new file mode 100644
index 00000000..0267dec5
--- /dev/null
+++ b/frontend/src/components/ui/Button.tsx
@@ -0,0 +1,40 @@
+import { cn } from "@/utils/cn";
+import { forwardRef, type ButtonHTMLAttributes } from "react";
+
+export interface ButtonProps extends ButtonHTMLAttributes- - -
- -- - -
- -- - -
-- - {{ t("settings.createUserHomeDirectory") }} -
- -
-
-
- - {{ t("settings.lockPassword") }} -
- -
-
- {{ t("settings.rules") }}
-{{ t("settings.rulesHelp") }}
-
+
+ );
+ }
+
+ return (
+
+
+
+ Loading...
+
+
+
+
+
+
+ + {t("common.error")} +
++ {error instanceof Error ? error.message : "Failed to load files"} +
+
+ {breadcrumbs.map((crumb, index) => (
+
+
+ {/* Toolbar */}
+
+ {index > 0 && /}
+
+
+ ))}
+
+
+
+ {/* File List */}
+ {isPending ? (
+
+
+
+ {selectedFiles.size > 0 && (
+
+ )}
+
+
+
+
+
+
+
+
+ ) : (
+
+
+ + {t("files.emptyFolder")} +
+
+
+
+
+
+ )}
+
+ {/* Upload Modal */}
+ | + 0 + } + onChange={(e) => { + if (e.target.checked) { + setSelectedFiles( + new Set(sortedFiles.map((f) => f.path)) + ); + } else { + setSelectedFiles(new Set()); + } + }} + className="rounded border-gray-300 dark:border-slate-600" + /> + | ++ {t("files.name")} + | ++ {t("files.size")} + | ++ {t("files.modified")} + | ++ {t("common.delete")} + | +
|---|---|---|---|---|
| + { + const newSelected = new Set(selectedFiles); + if (e.target.checked) { + newSelected.add(file.path); + } else { + newSelected.delete(file.path); + } + setSelectedFiles(newSelected); + }} + className="rounded border-gray-300 dark:border-slate-600" + /> + | ++ {file.isDir ? ( + + ) : ( + + 📄 + {file.name} + + )} + | ++ {!file.isDir && formatBytes(file.size)} + | ++ {formatDate(file.modified)} + | ++ + | +
+
+ )}
+
+
+ + {t("files.deleteConfirm")} +
++ {deleteTarget.includes(",") + ? t("files.deleteBulkWarning", { count: deleteTarget.split(",").length }) + : t("files.deleteWarning", { name: deleteTarget.split("/").pop() })} +
+
+
+
+
+
+
+ );
+}
diff --git a/frontend/src/routes/index.tsx b/frontend/src/routes/index.tsx
new file mode 100644
index 00000000..1cbf03c3
--- /dev/null
+++ b/frontend/src/routes/index.tsx
@@ -0,0 +1,31 @@
+import { createFileRoute, useNavigate } from "@tanstack/react-router";
+import { useAuth } from "@/context/AuthContext";
+import { useEffect } from "react";
+
+export const Route = createFileRoute("/")({
+ component: IndexRoute,
+});
+
+function IndexRoute() {
+ const navigate = useNavigate();
+ const { isAuthenticated, isLoading } = useAuth();
+
+ useEffect(() => {
+ if (!isLoading) {
+ if (isAuthenticated) {
+ navigate({ to: "/files/$path", params: { path: "" } });
+ } else {
+ navigate({ to: "/login" });
+ }
+ }
+ }, [isAuthenticated, isLoading, navigate]);
+
+ return (
+
+
+ {t("files.emptyFolder")}
++ Select a file or folder to get started +
+
+
+ );
+}
diff --git a/frontend/src/routes/login.tsx b/frontend/src/routes/login.tsx
new file mode 100644
index 00000000..2b293309
--- /dev/null
+++ b/frontend/src/routes/login.tsx
@@ -0,0 +1,103 @@
+import { createFileRoute, useNavigate } from "@tanstack/react-router";
+import { useState } from "react";
+import { useAuth } from "@/context/AuthContext";
+import { useToast } from "@/hooks/useToast";
+import { Button } from "@/components/ui/Button";
+import { useTranslation } from "react-i18next";
+import { ApiError } from "@/types";
+
+export const Route = createFileRoute("/login")({
+ component: LoginPage,
+});
+
+function LoginPage() {
+ const { t } = useTranslation();
+ const navigate = useNavigate();
+ const { login } = useAuth();
+ const { showError } = useToast();
+
+ const [username, setUsername] = useState("");
+ const [password, setPassword] = useState("");
+ const [isLoading, setIsLoading] = useState(false);
+
+ const handleSubmit = async (e: React.FormEvent) => {
+ e.preventDefault();
+ setIsLoading(true);
+
+ try {
+ await login(username, password);
+ navigate({ to: "/files" });
+ } catch (err) {
+ if (err instanceof ApiError && !err.isCanceled) {
+ showError(err.message || t("auth.loginFailed"));
+ }
+ } finally {
+ setIsLoading(false);
+ }
+ };
+
+ return (
+
+
+
+ Loading...
+
+
+ );
+}
diff --git a/frontend/src/routes/preview.tsx b/frontend/src/routes/preview.tsx
new file mode 100644
index 00000000..bb253a58
--- /dev/null
+++ b/frontend/src/routes/preview.tsx
@@ -0,0 +1,49 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { useSearch } from "@tanstack/react-router";
+import { ProtectedRoute } from "@/components/ProtectedRoute";
+import { LayoutShell } from "@/components/layout/LayoutShell";
+import { Button } from "@/components/ui/Button";
+import { FilePreview } from "@/components/FilePreview";
+import { useTranslation } from "react-i18next";
+import { useNavigate } from "@tanstack/react-router";
+
+export const Route = createFileRoute("/preview")({
+ component: PreviewPage,
+});
+
+function PreviewPage() {
+ const { t } = useTranslation();
+ const navigate = useNavigate();
+ const search = useSearch({ from: "/preview" });
+ const path = (search as { path?: string }).path || "/";
+ const filename = path.split("/").pop() || "unknown";
+
+ const handleBack = () => {
+ navigate({
+ to: "/files/$path",
+ params: { path: path.split("/").slice(0, -1).join("/").slice(1) || "" },
+ });
+ };
+
+ return (
+
+
+
+
+
+
+ + WOLK +
++ Modern File Browser +
+
+
+
+
+
+
+ + {t("files.name")} +
++ Preview: {filename} +
+
+
+
+ {/* Results */}
+ {isLoading ? (
+
+
+
+
+ + Search Files +
++ Find files by name or content +
+
+
+ ) : (
+
+
+ + No results found for "{query}" +
+
+
+
+
+
+ )}
+
+ ) : (
+ | + {t("files.name")} + | ++ {t("files.size")} + | ++ {t("files.modified")} + | ++ {t("common.delete")} + | +
|---|---|---|---|
| + {file.isDir ? ( + + ) : ( + + 📄 + {file.name} + + )} + | ++ {!file.isDir && formatBytes(file.size)} + | ++ {formatDate(file.modified)} + | ++ {file.path} + | +
+
+ )}
+
+
+ + Enter a search query to get started +
+
+
+ );
+}
diff --git a/frontend/src/routes/settings/layout.tsx b/frontend/src/routes/settings/layout.tsx
new file mode 100644
index 00000000..e81854b2
--- /dev/null
+++ b/frontend/src/routes/settings/layout.tsx
@@ -0,0 +1,53 @@
+import { createFileRoute, Link, Outlet, useLocation } from "@tanstack/react-router";
+import { useTranslation } from "react-i18next";
+import { ProtectedRoute } from "@/components/ProtectedRoute";
+import { LayoutShell } from "@/components/layout/LayoutShell";
+import { cn } from "@/utils/cn";
+
+export const Route = createFileRoute("/settings/layout")({
+ component: SettingsLayout,
+});
+
+function SettingsLayout() {
+ const { t } = useTranslation();
+ const { pathname } = useLocation();
+
+ const settingsMenu = [
+ { label: t("settings.profile"), path: "/settings" },
+ { label: t("settings.preferences"), path: "/settings/preferences" },
+ { label: t("users.title"), path: "/settings/users" },
+ ];
+
+ return (
+
+
+ + {t("settings.profile")} +
+ + {/* User Info */} +
+
+
+ {/* Change Password */}
+
+
+
+
+
+ {user?.username}
+
+
+
+ + {user?.admin ? "Administrator" : "User"} +
+
+ {/* Sidebar */}
+
+
+
+
+
+ {/* Content */}
+
+
+
+
+ );
+}
diff --git a/frontend/src/routes/settings/users.tsx b/frontend/src/routes/settings/users.tsx
new file mode 100644
index 00000000..83e01231
--- /dev/null
+++ b/frontend/src/routes/settings/users.tsx
@@ -0,0 +1,168 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { useAuth } from "@/context/AuthContext";
+import { useToast } from "@/hooks/useToast";
+import { useCreateUser, useUsers } from "@/hooks/useUsers";
+import { Button } from "@/components/ui/Button";
+import { useTranslation } from "react-i18next";
+import { useState } from "react";
+
+export const Route = createFileRoute("/settings/users")({
+ component: UsersPage,
+});
+
+function UsersPage() {
+ const { t } = useTranslation();
+ const { user } = useAuth();
+ const { showSuccess, showError } = useToast();
+ const [isAddingUser, setIsAddingUser] = useState(false);
+ const [newUsername, setNewUsername] = useState("");
+ const [newPassword, setNewPassword] = useState("");
+ const [newAdmin, setNewAdmin] = useState(false);
+ const createUserMutation = useCreateUser();
+ const { data: users = [], isLoading } = useUsers();
+
+ if (!user?.admin) {
+ return (
+
+
+ + {t("settings.preferences")} +
+ + {/* Theme */} +
+
+
+
+
+ {/* View Mode */}
+
+
+
+
+
+ {/* Language */}
+
+
+
+
+
+
+
+
+ );
+ }
+
+ const handleAddUser = async (e: React.FormEvent) => {
+ e.preventDefault();
+ try {
+ await createUserMutation.mutateAsync({
+ username: newUsername,
+ password: newPassword,
+ admin: newAdmin,
+ });
+ showSuccess("User created successfully");
+ setNewUsername("");
+ setNewPassword("");
+ setNewAdmin(false);
+ setIsAddingUser(false);
+ } catch (err) {
+ showError(err);
+ }
+ };
+
+ return (
+ + Only administrators can manage users +
+
+ {/* Add User Form */}
+
+ );
+}
diff --git a/frontend/src/routes/share/$token.tsx b/frontend/src/routes/share/$token.tsx
new file mode 100644
index 00000000..95fa367a
--- /dev/null
+++ b/frontend/src/routes/share/$token.tsx
@@ -0,0 +1,151 @@
+import { createFileRoute, useParams } from "@tanstack/react-router";
+import { useQuery } from "@tanstack/react-query";
+import { getPublicShare, getPublicDownloadUrl } from "@/api/share";
+import { Button } from "@/components/ui/Button";
+import { FilePreview } from "@/components/FilePreview";
+import { SkeletonCard } from "@/components/Skeleton";
+import { formatBytes, formatDate } from "@/utils/format";
+import { useState } from "react";
+
+export const Route = createFileRoute("/share/$token")({
+ component: PublicSharePage,
+});
+
+function PublicSharePage() {
+ const { token } = useParams({ from: "/share/$token" });
+ const [password, setPassword] = useState("");
+ const [isUnlocked, setIsUnlocked] = useState(false);
+
+ const {
+ data: share,
+ isLoading,
+ error,
+ refetch,
+ } = useQuery({
+ queryKey: ["share", token],
+ queryFn: () => getPublicShare(token),
+ enabled: isUnlocked,
+ });
+
+ const handleUnlock = (e: React.FormEvent) => {
+ e.preventDefault();
+ setIsUnlocked(true);
+ refetch();
+ };
+
+ if (!isUnlocked) {
+ return (
+
+
+
+ {/* Users List */}
+ + {t("users.addUser")} +
+ + {!isAddingUser ? ( + + ) : ( + + )} +
+
+ + Users +
+ {isLoading ? ( +
+ {t("common.loading")}
+
+ ) : users.length === 0 ? (
+
+ No users yet
+
+ ) : (
+
+
+
+
+
+ )}
+ | + {t("users.username")} + | ++ {t("users.admin")} + | +
|---|---|
| + {u.username} + | ++ {u.admin ? "Yes" : "No"} + | +
+
+ );
+ }
+
+ if (isLoading) {
+ return (
+
+
+ + Shared File +
++ This file is protected with a password +
+ + +
+
+ );
+ }
+
+ if (error) {
+ return (
+
+
+ );
+ }
+
+ if (!share) {
+ return (
+
+
+ + Error +
++ {error instanceof Error + ? error.message + : "Failed to load shared file"} +
+
+
+ );
+ }
+
+ const filename = share.path.split("/").pop() || "file";
+ const downloadUrl = getPublicDownloadUrl(token, share.path);
+
+ return (
+
+
+ + Not Found +
++ This share link is no longer available +
+
+
+ );
+}
diff --git a/frontend/src/stores/auth.ts b/frontend/src/stores/auth.ts
deleted file mode 100644
index c33db87a..00000000
--- a/frontend/src/stores/auth.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { defineStore } from "pinia";
-import { detectLocale, setLocale } from "@/i18n";
-import { cloneDeep } from "lodash-es";
-
-export const useAuthStore = defineStore("auth", {
- // convert to a function
- state: (): {
- user: IUser | null;
- jwt: string;
- logoutTimer: number | null;
- } => ({
- user: null,
- jwt: "",
- logoutTimer: null,
- }),
- getters: {
- // user and jwt getter removed, no longer needed
- isLoggedIn: (state) => state.user !== null,
- },
- actions: {
- // no context as first argument, use `this` instead
- setUser(user: IUser) {
- if (user === null) {
- this.user = null;
- return;
- }
-
- setLocale(user.locale || detectLocale());
- this.user = user;
- },
- updateUser(user: Partial
+ {/* Header */}
+
+
+
+
+ {/* Preview */}
+ + {filename} +
++ Shared by: {share.username} +
+
+ Path: {share.path}
+ {share.clicks > 0 && Clicks: {share.clicks}}
+
+
+
+ This is a public share link. Do not share it with others.
+
-
-
-
-
diff --git a/frontend/src/views/Files.vue b/frontend/src/views/Files.vue
deleted file mode 100644
index 8952f209..00000000
--- a/frontend/src/views/Files.vue
+++ /dev/null
@@ -1,184 +0,0 @@
-
- - {{ info.icon }} - {{ t(info.message) }} -
-
-
-
-
-
diff --git a/frontend/src/views/Layout.vue b/frontend/src/views/Layout.vue
deleted file mode 100644
index 5a91bee5..00000000
--- a/frontend/src/views/Layout.vue
+++ /dev/null
@@ -1,54 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
- {{ t("files.loading") }}
-
-
-
-
-
-
-
-
diff --git a/frontend/src/views/Login.vue b/frontend/src/views/Login.vue
deleted file mode 100644
index c7f64a5b..00000000
--- a/frontend/src/views/Login.vue
+++ /dev/null
@@ -1,139 +0,0 @@
-
-
-
-
-
-
-
-
-
-
diff --git a/frontend/src/views/Settings.vue b/frontend/src/views/Settings.vue
deleted file mode 100644
index 271715b2..00000000
--- a/frontend/src/views/Settings.vue
+++ /dev/null
@@ -1,66 +0,0 @@
-
-
-
-
-
-
diff --git a/frontend/src/views/Share.vue b/frontend/src/views/Share.vue
deleted file mode 100644
index f92b8633..00000000
--- a/frontend/src/views/Share.vue
+++ /dev/null
@@ -1,538 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
- {{ t("files.loading") }}
-
-
-
-
-
-
-
-
-
-
-
diff --git a/frontend/src/views/files/Editor.vue b/frontend/src/views/files/Editor.vue
deleted file mode 100644
index 2b2852d3..00000000
--- a/frontend/src/views/files/Editor.vue
+++ /dev/null
@@ -1,362 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
- {{ t("files.loading") }}
-
-
-
-
-
-
-
-
-
-
-
-
- {{ t("login.password") }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- ![]()
-
-
-
-
-
-
-
-
- folder
-
- call_to_action
-
-
- {{ fileStore.req?.name ?? "" }}
-
-
-
-
-
-
-
-
-
-
diff --git a/frontend/src/views/files/FileListing.vue b/frontend/src/views/files/FileListing.vue
deleted file mode 100644
index 0ad8bd8c..00000000
--- a/frontend/src/views/files/FileListing.vue
+++ /dev/null
@@ -1,1119 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/frontend/src/views/files/Preview.vue b/frontend/src/views/files/Preview.vue
deleted file mode 100644
index 2a60e7df..00000000
--- a/frontend/src/views/files/Preview.vue
+++ /dev/null
@@ -1,496 +0,0 @@
-
-
-
- {{ t("prompts.filesSelected", fileStore.selectedCount) }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ t("files.loading") }}
-
-
-
-
-
- - sentiment_dissatisfied - {{ t("files.lonely") }} -
- - -
-
- {{ name }}
-
-
-
-
-
-
diff --git a/frontend/src/views/settings/Global.vue b/frontend/src/views/settings/Global.vue
deleted file mode 100644
index 3d391206..00000000
--- a/frontend/src/views/settings/Global.vue
+++ /dev/null
@@ -1,425 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ size }}%
-
-
-
-
- feedback
- {{ $t("files.noPreview") }}
-
-
-
-
-
-
-
diff --git a/frontend/src/views/settings/Profile.vue b/frontend/src/views/settings/Profile.vue
deleted file mode 100644
index ffb20f0d..00000000
--- a/frontend/src/views/settings/Profile.vue
+++ /dev/null
@@ -1,221 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/frontend/src/views/settings/Shares.vue b/frontend/src/views/settings/Shares.vue
deleted file mode 100644
index e1076ec9..00000000
--- a/frontend/src/views/settings/Shares.vue
+++ /dev/null
@@ -1,159 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/frontend/src/views/settings/User.vue b/frontend/src/views/settings/User.vue
deleted file mode 100644
index 63e0d2a2..00000000
--- a/frontend/src/views/settings/User.vue
+++ /dev/null
@@ -1,211 +0,0 @@
-
-
-
-
-
-
-
-
- {{ t("settings.shareManagement") }}
-
-
-
-
- | {{ t("settings.path") }} | -{{ t("settings.shareDuration") }} | -- {{ t("settings.username") }} - | -- | - |
|---|---|---|---|---|
| - {{ link.path }} - | -- {{ - humanTime(link.expire) - }} - {{ t("permanent") }} - | -{{ link.username }} | -- - | -- - | -
- sentiment_dissatisfied - {{ t("files.lonely") }} -
-
-
-
-
-
diff --git a/frontend/src/views/settings/Users.vue b/frontend/src/views/settings/Users.vue
deleted file mode 100644
index 3d2e5486..00000000
--- a/frontend/src/views/settings/Users.vue
+++ /dev/null
@@ -1,71 +0,0 @@
-
-
-
-
-
-
-
-
-
diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
new file mode 100644
index 00000000..614c86b4
--- /dev/null
+++ b/frontend/tailwind.config.js
@@ -0,0 +1,8 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+ content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
+ theme: {
+ extend: {},
+ },
+ plugins: [],
+};
diff --git a/frontend/test-results/.last-run.json b/frontend/test-results/.last-run.json
deleted file mode 100644
index 544c11fb..00000000
--- a/frontend/test-results/.last-run.json
+++ /dev/null
@@ -1,4 +0,0 @@
-{
- "status": "failed",
- "failedTests": []
-}
diff --git a/frontend/tsconfig.app.json b/frontend/tsconfig.app.json
deleted file mode 100644
index 7b77334a..00000000
--- a/frontend/tsconfig.app.json
+++ /dev/null
@@ -1,29 +0,0 @@
-{
- "extends": "@vue/tsconfig/tsconfig.dom.json",
- "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
- "exclude": [
- "src/**/__tests__/*",
- // Excluding non-TS Vue files which use the old Options API.
- // This can be removed once those files are properly migrated to
- // the new Composition API with TS support.
- "src/components/Shell.vue",
- "src/components/prompts/Copy.vue",
- "src/components/prompts/Move.vue",
- "src/components/prompts/Delete.vue",
- "src/components/prompts/FileList.vue",
- "src/components/prompts/Rename.vue",
- "src/components/prompts/Share.vue"
- ],
- "compilerOptions": {
- "composite": true,
- "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
- "types": ["vite/client", "@intlify/unplugin-vue-i18n/messages"],
- "paths": {
- "@/*": ["./src/*"]
- },
- // Version 0.8.0 of @vue/tsconfig enabled this automatically.
- // Disabling for now since it's causing quite a lot of errors.
- // Should be revisited.
- "noUncheckedIndexedAccess": false
- }
-}
diff --git a/frontend/tsconfig.json b/frontend/tsconfig.json
index 66b5e570..b7d25bab 100644
--- a/frontend/tsconfig.json
+++ b/frontend/tsconfig.json
@@ -1,11 +1,34 @@
{
- "files": [],
- "references": [
- {
- "path": "./tsconfig.node.json"
+ "compilerOptions": {
+ "target": "ES2020",
+ "useDefineForClassFields": true,
+ "lib": ["ES2020", "DOM", "DOM.Iterable"],
+ "module": "ESNext",
+ "skipLibCheck": true,
+ "esModuleInterop": true,
+ "allowSyntheticDefaultImports": true,
+
+ /* Bundler mode */
+ "moduleResolution": "bundler",
+ "allowImportingTsExtensions": true,
+ "resolveJsonModule": true,
+ "isolatedModules": true,
+ "noEmit": true,
+ "jsx": "react-jsx",
+
+ /* Path aliases */
+ "baseUrl": ".",
+ "paths": {
+ "@/*": ["src/*"]
},
- {
- "path": "./tsconfig.app.json"
- }
- ]
+
+ /* Strict type checking */
+ "strict": true,
+ "noUnusedLocals": true,
+ "noUnusedParameters": true,
+ "noFallthroughCasesInSwitch": true,
+ "forceConsistentCasingInFileNames": true
+ },
+ "include": ["src"],
+ "references": [{ "path": "./tsconfig.node.json" }]
}
diff --git a/frontend/tsconfig.node.json b/frontend/tsconfig.node.json
index 29e91674..42872c59 100644
--- a/frontend/tsconfig.node.json
+++ b/frontend/tsconfig.node.json
@@ -1,17 +1,10 @@
{
- "extends": "@tsconfig/node24/tsconfig.json",
- "include": [
- "vite.config.*",
- "vitest.config.*",
- "cypress.config.*",
- "nightwatch.conf.*"
- ],
"compilerOptions": {
"composite": true,
- "noEmit": true,
- "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+ "skipLibCheck": true,
"module": "ESNext",
- "moduleResolution": "Bundler",
- "types": ["node"]
- }
+ "moduleResolution": "bundler",
+ "allowSyntheticDefaultImports": true
+ },
+ "include": ["vite.config.ts"]
}
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
index 08159177..e63b16a1 100644
--- a/frontend/vite.config.ts
+++ b/frontend/vite.config.ts
@@ -1,81 +1,28 @@
-import path from "node:path";
import { defineConfig } from "vite";
-import vue from "@vitejs/plugin-vue";
-import VueI18nPlugin from "@intlify/unplugin-vue-i18n/vite";
-import legacy from "@vitejs/plugin-legacy";
-import { compression } from "vite-plugin-compression2";
+import react from "@vitejs/plugin-react";
+import { TanStackRouterVite } from "@tanstack/router-plugin/vite";
+import path from "path";
-const plugins = [
- vue(),
- VueI18nPlugin({
- include: [path.resolve(__dirname, "./src/i18n/**/*.json")],
- }),
- legacy({
- // defaults already drop IE support
- targets: ["defaults"],
- }),
- compression({ include: /\.js$/, deleteOriginalAssets: false }),
-];
-
-const resolve = {
- alias: {
- // vue: "@vue/compat",
- "@/": `${path.resolve(__dirname, "src")}/`,
+export default defineConfig({
+ plugins: [TanStackRouterVite(), react()],
+ resolve: {
+ alias: {
+ "@": path.resolve(__dirname, "./src"),
+ },
},
-};
-
-// https://vitejs.dev/config/
-export default defineConfig(({ command }) => {
- if (command === "serve") {
- return {
- plugins,
- resolve,
- server: {
- proxy: {
- "/api/command": {
- target: "ws://127.0.0.1:8080",
- ws: true,
- },
- "/api": "http://127.0.0.1:8080",
- },
+ server: {
+ port: 5173,
+ proxy: {
+ "/api": {
+ target: "http://localhost:8080",
+ changeOrigin: true,
+ secure: false,
},
- };
- } else {
- // command === 'build'
- return {
- plugins,
- resolve,
- base: "",
- build: {
- rollupOptions: {
- input: {
- index: path.resolve(__dirname, "./public/index.html"),
- },
- output: {
- manualChunks: (id) => {
- // bundle dayjs files in a single chunk
- // this avoids having small files for each locale
- if (id.includes("dayjs/")) {
- return "dayjs";
- // bundle i18n in a separate chunk
- } else if (id.includes("i18n/")) {
- return "i18n";
- }
- },
- },
- },
- },
- experimental: {
- renderBuiltUrl(filename, { hostType }) {
- if (hostType === "js") {
- return { runtime: `window.__prependStaticUrl("${filename}")` };
- } else if (hostType === "html") {
- return `[{[ .StaticURL ]}]/${filename}`;
- } else {
- return { relative: true };
- }
- },
- },
- };
- }
+ },
+ },
+ build: {
+ outDir: "dist",
+ sourcemap: false,
+ minify: "esbuild",
+ },
});
-
-
-
-
-
-
- {{ t("settings.users") }}
-
-
-
-
- | {{ t("settings.username") }} | -{{ t("settings.admin") }} | -{{ t("settings.scope") }} | -- |
|---|---|---|---|
| {{ user.username }} | -- doneclose - | -{{ user.scope }} | -
- |
-