+ );
+}
+
+Component.displayName = 'Register';
diff --git a/src/pages/setup.tsx b/src/client/pages/auth/setup.tsx
old mode 100755
new mode 100644
similarity index 88%
rename from src/pages/setup.tsx
rename to src/client/pages/auth/setup.tsx
index b38de2c5..1d93edfc
--- a/src/pages/setup.tsx
+++ b/src/client/pages/auth/setup.tsx
@@ -1,6 +1,6 @@
-import { Response } from '@/lib/api/response';
-import { getZipline } from '@/lib/db/models/zipline';
+import { type Response } from '@/lib/api/response';
import { fetchApi } from '@/lib/fetchApi';
+import { useTitle } from '@/lib/hooks/useTitle';
import {
Anchor,
Button,
@@ -18,11 +18,8 @@ import {
import { useForm } from '@mantine/form';
import { notifications } from '@mantine/notifications';
import { IconArrowBackUp, IconArrowForwardUp, IconCheck, IconX } from '@tabler/icons-react';
-import { GetServerSideProps } from 'next';
-import Head from 'next/head';
-import Link from 'next/link';
-import { useRouter } from 'next/router';
import { useState } from 'react';
+import { redirect, useNavigate } from 'react-router-dom';
import { mutate } from 'swr';
function LinkToDoc({ href, title, children }: { href: string; title: string; children: React.ReactNode }) {
@@ -36,8 +33,22 @@ function LinkToDoc({ href, title, children }: { href: string; title: string; chi
);
}
-export default function Setup() {
- const router = useRouter();
+export async function loader() {
+ const res = await fetch('/api/server/public');
+ if (!res.ok) {
+ throw new Response('Failed to fetch server settings', { status: res.status });
+ }
+
+ const data = await res.json();
+ if (!data.firstSetup) return redirect('/auth/login');
+
+ return {};
+}
+
+export function Component() {
+ useTitle('Setup');
+
+ const navigate = useNavigate();
const [active, setActive] = useState(0);
const nextStep = () => setActive((current) => (current < 3 ? current + 1 : current));
@@ -99,18 +110,13 @@ export default function Setup() {
setActive(2);
} else {
mutate('/api/user', data as Response['/api/user']);
- router.push('/dashboard');
+ navigate('/dashboard');
}
}
};
return (
<>
-
- Zipline Setup
-
-
-
@@ -145,7 +151,11 @@ export default function Setup() {
To see all of the available environment variables, please refer to the documentation{' '}
-
+
here.
@@ -236,20 +246,4 @@ export default function Setup() {
);
}
-export const getServerSideProps: GetServerSideProps = async () => {
- const { firstSetup } = await getZipline();
-
- if (!firstSetup)
- return {
- redirect: {
- destination: '/dashboard',
- permanent: false,
- },
- };
-
- return {
- props: {},
- };
-};
-
-Setup.title = 'Setup';
+Component.displayName = 'Setup';
diff --git a/src/client/pages/auth/tos.tsx b/src/client/pages/auth/tos.tsx
new file mode 100644
index 00000000..66b39b6c
--- /dev/null
+++ b/src/client/pages/auth/tos.tsx
@@ -0,0 +1,41 @@
+import Markdown from '@/components/render/Markdown';
+import { Response } from '@/lib/api/response';
+import { Container, LoadingOverlay } from '@mantine/core';
+import useSWR from 'swr';
+import GenericError from '../../error/GenericError';
+import { useTitle } from '@/lib/hooks/useTitle';
+
+export function Component() {
+ useTitle('Terms of Service');
+
+ const {
+ data: config,
+ error,
+ isLoading,
+ } = useSWR('/api/server/public', {
+ revalidateOnFocus: false,
+ revalidateOnReconnect: false,
+ refreshWhenHidden: false,
+ revalidateIfStale: false,
+ });
+
+ if (isLoading) return ;
+
+ if (error) {
+ return (
+
+ );
+ }
+
+ return (
+
+
+
+ );
+}
+
+Component.displayName = 'Tos';
diff --git a/src/client/pages/dashboard/admin/invites.tsx b/src/client/pages/dashboard/admin/invites.tsx
new file mode 100644
index 00000000..b775910c
--- /dev/null
+++ b/src/client/pages/dashboard/admin/invites.tsx
@@ -0,0 +1,10 @@
+import DashboardInvites from '@/components/pages/invites';
+import { useTitle } from '@/lib/hooks/useTitle';
+
+export function Component() {
+ useTitle('Invites');
+
+ return ;
+}
+
+Component.displayName = 'Dashboard/Admin/Invites';
diff --git a/src/client/pages/dashboard/admin/settings.tsx b/src/client/pages/dashboard/admin/settings.tsx
new file mode 100644
index 00000000..8541e51f
--- /dev/null
+++ b/src/client/pages/dashboard/admin/settings.tsx
@@ -0,0 +1,10 @@
+import DashboardServerSettings from '@/components/pages/serverSettings';
+import { useTitle } from '@/lib/hooks/useTitle';
+
+export function Component() {
+ useTitle('Server Settings');
+
+ return ;
+}
+
+Component.displayName = 'Dashboard/Admin/Settings';
diff --git a/src/client/pages/dashboard/admin/users/[id]/files.tsx b/src/client/pages/dashboard/admin/users/[id]/files.tsx
new file mode 100644
index 00000000..411d3660
--- /dev/null
+++ b/src/client/pages/dashboard/admin/users/[id]/files.tsx
@@ -0,0 +1,23 @@
+import ViewUserFiles from '@/components/pages/users/ViewUserFiles';
+import { useTitle } from '@/lib/hooks/useTitle';
+import { Params, redirect, useLoaderData } from 'react-router-dom';
+
+export async function loader({ params }: { params: Params }) {
+ const res = await fetch('/api/users/' + params.id);
+ if (!res.ok) {
+ console.log("can't get user", res.status);
+ return redirect('/dashboard/admin/users');
+ }
+
+ const user = await res.json();
+ return { user };
+}
+
+export function Component() {
+ const { user } = useLoaderData();
+ useTitle(`${user ? user.username : 'User'}'s files`);
+
+ return ;
+}
+
+Component.displayName = 'DashboardAdminViewUserFiles';
diff --git a/src/client/pages/dashboard/admin/users/index.tsx b/src/client/pages/dashboard/admin/users/index.tsx
new file mode 100644
index 00000000..b0ce83bc
--- /dev/null
+++ b/src/client/pages/dashboard/admin/users/index.tsx
@@ -0,0 +1,10 @@
+import DashboardUsers from '@/components/pages/users';
+import { useTitle } from '@/lib/hooks/useTitle';
+
+export function Component() {
+ useTitle('Users');
+
+ return ;
+}
+
+Component.displayName = 'Dashboard/Admin/Users';
diff --git a/src/client/pages/dashboard/files.tsx b/src/client/pages/dashboard/files.tsx
new file mode 100644
index 00000000..bb3c7a71
--- /dev/null
+++ b/src/client/pages/dashboard/files.tsx
@@ -0,0 +1,10 @@
+import DashboardFiles from '@/components/pages/files';
+import { useTitle } from '@/lib/hooks/useTitle';
+
+export function Component() {
+ useTitle('Files');
+
+ return ;
+}
+
+Component.displayName = 'Dashboard/Files';
diff --git a/src/client/pages/dashboard/folders.tsx b/src/client/pages/dashboard/folders.tsx
new file mode 100644
index 00000000..011f6827
--- /dev/null
+++ b/src/client/pages/dashboard/folders.tsx
@@ -0,0 +1,10 @@
+import DashboardFolders from '@/components/pages/folders';
+import { useTitle } from '@/lib/hooks/useTitle';
+
+export function Component() {
+ useTitle('Folders');
+
+ return ;
+}
+
+Component.displayName = 'Dashboard/Folders';
diff --git a/src/client/pages/dashboard/index.tsx b/src/client/pages/dashboard/index.tsx
new file mode 100644
index 00000000..32731d70
--- /dev/null
+++ b/src/client/pages/dashboard/index.tsx
@@ -0,0 +1,10 @@
+import DashboardHome from '@/components/pages/dashboard';
+import { useTitle } from '@/lib/hooks/useTitle';
+
+export function Component() {
+ useTitle();
+
+ return ;
+}
+
+Component.displayName = 'Dashboard/';
diff --git a/src/client/pages/dashboard/metrics.tsx b/src/client/pages/dashboard/metrics.tsx
new file mode 100644
index 00000000..fc284908
--- /dev/null
+++ b/src/client/pages/dashboard/metrics.tsx
@@ -0,0 +1,10 @@
+import DashboardMetrics from '@/components/pages/metrics';
+import { useTitle } from '@/lib/hooks/useTitle';
+
+export function Component() {
+ useTitle('Metrics');
+
+ return ;
+}
+
+Component.displayName = 'Dashboard/Metrics';
diff --git a/src/client/pages/dashboard/settings.tsx b/src/client/pages/dashboard/settings.tsx
new file mode 100644
index 00000000..ee185187
--- /dev/null
+++ b/src/client/pages/dashboard/settings.tsx
@@ -0,0 +1,10 @@
+import DashboardSettings from '@/components/pages/settings';
+import { useTitle } from '@/lib/hooks/useTitle';
+
+export function Component() {
+ useTitle('Settings');
+
+ return ;
+}
+
+Component.displayName = 'Dashboard/Settings';
diff --git a/src/client/pages/dashboard/upload/file.tsx b/src/client/pages/dashboard/upload/file.tsx
new file mode 100644
index 00000000..1d19df51
--- /dev/null
+++ b/src/client/pages/dashboard/upload/file.tsx
@@ -0,0 +1,10 @@
+import UploadFile from '@/components/pages/upload/File';
+import { useTitle } from '@/lib/hooks/useTitle';
+
+export function Component() {
+ useTitle('Upload File');
+
+ return ;
+}
+
+Component.displayName = 'Dashboard/Upload/File';
diff --git a/src/client/pages/dashboard/upload/text.tsx b/src/client/pages/dashboard/upload/text.tsx
new file mode 100644
index 00000000..154c2c18
--- /dev/null
+++ b/src/client/pages/dashboard/upload/text.tsx
@@ -0,0 +1,10 @@
+import UploadText from '@/components/pages/upload/Text';
+import { useTitle } from '@/lib/hooks/useTitle';
+
+export function Component() {
+ useTitle('Upload Text');
+
+ return ;
+}
+
+Component.displayName = 'Dashboard/Upload/Text';
diff --git a/src/client/pages/dashboard/urls.tsx b/src/client/pages/dashboard/urls.tsx
new file mode 100644
index 00000000..6ba7157c
--- /dev/null
+++ b/src/client/pages/dashboard/urls.tsx
@@ -0,0 +1,10 @@
+import DashboardURLs from '@/components/pages/urls';
+import { useTitle } from '@/lib/hooks/useTitle';
+
+export function Component() {
+ useTitle('URLs');
+
+ return ;
+}
+
+Component.displayName = 'Dashboard/URLs';
diff --git a/src/client/pages/folder/[id]/index.tsx b/src/client/pages/folder/[id]/index.tsx
new file mode 100644
index 00000000..bb8bea3b
--- /dev/null
+++ b/src/client/pages/folder/[id]/index.tsx
@@ -0,0 +1,57 @@
+import { type Response } from '@/lib/api/response';
+import { ActionIcon, Container, Group, SimpleGrid, Skeleton, Title } from '@mantine/core';
+import { IconUpload } from '@tabler/icons-react';
+import { lazy, Suspense } from 'react';
+import { Link, Params, useLoaderData } from 'react-router-dom';
+
+const DashboardFile = lazy(() => import('@/components/file/DashboardFile'));
+
+export async function loader({ params }: { params: Params }) {
+ const res = await fetch(`/api/server/folder/${params.id}`);
+ if (!res.ok) {
+ throw new Response('Folder not found', { status: 404 });
+ }
+ return {
+ folder: (await res.json()) as Response['/api/server/folder/[id]'],
+ };
+}
+
+export function Component() {
+ const { folder } = useLoaderData();
+
+ return (
+ <>
+
+
+ {folder.name}
+
+ {folder.allowUploads && (
+
+
+
+
+
+ )}
+
+
+
+ {folder.files?.map((file: any) => (
+ } key={file.id}>
+
+
+ ))}
+
+
+
+ );
+}
+
+Component.displayName = 'ViewFolderId';
diff --git a/src/client/pages/folder/[id]/upload.tsx b/src/client/pages/folder/[id]/upload.tsx
new file mode 100644
index 00000000..ed3fecf7
--- /dev/null
+++ b/src/client/pages/folder/[id]/upload.tsx
@@ -0,0 +1,55 @@
+import ConfigProvider from '@/components/ConfigProvider';
+import UploadFile from '@/components/pages/upload/File';
+import { type Response } from '@/lib/api/response';
+import { SafeConfig } from '@/lib/config/safe';
+import { Anchor, Center, Container, Text } from '@mantine/core';
+import { Link, Params, useLoaderData } from 'react-router-dom';
+import useSWR from 'swr';
+
+export async function loader({ params }: { params: Params }) {
+ const res = await fetch(`/api/server/folder/${params.id}?upload=true`);
+ if (!res.ok) {
+ throw new Response('Folder not found', { status: 404 });
+ }
+ return {
+ folder: (await res.json()) as Response['/api/server/folder/[id]'],
+ };
+}
+
+export function Component() {
+ const { folder } = useLoaderData();
+
+ const { data: config } = useSWR('/api/server/public', {
+ revalidateOnFocus: false,
+ revalidateOnReconnect: false,
+ refreshWhenHidden: false,
+ revalidateIfStale: false,
+ });
+
+ return (
+ <>
+
+
+
+
+
+ {folder.public ? (
+ <>
+ This folder is{' '}
+
+ public
+
+ . Anyone with the link can view its contents and upload files.
+
+ ) : (
+ "Only the owner can view this folder's contents. However, anyone can upload files, and they can still access their uploaded files if they have the link to the specific file."
+ )}
+
+