Add Photos UI

routes/notes.tsx

@@ -40,7 +40,7 @@ export const handler: Handlers<Data, FreshContextState> = {
   },
 };
 
-export default function FilesPage({ data }: PageProps<Data, FreshContextState>) {
+export default function NotesPage({ data }: PageProps<Data, FreshContextState>) {
   return (
     <main>
       <NotesWrapper

routes/photos.tsx

@@ -0,0 +1,58 @@
+import { Handlers, PageProps } from 'fresh/server.ts';
+
+import { Directory, DirectoryFile, FreshContextState } from '/lib/types.ts';
+import { getDirectories, getFiles } from '/lib/data/files.ts';
+import { PHOTO_EXTENSIONS } from '/lib/utils/photos.ts';
+import PhotosWrapper from '/islands/photos/PhotosWrapper.tsx';
+
+interface Data {
+  userDirectories: Directory[];
+  userPhotos: DirectoryFile[];
+  currentPath: string;
+}
+
+export const handler: Handlers<Data, FreshContextState> = {
+  async GET(request, context) {
+    if (!context.state.user) {
+      return new Response('Redirect', { status: 303, headers: { 'Location': `/login` } });
+    }
+
+    const searchParams = new URL(request.url).searchParams;
+
+    let currentPath = searchParams.get('path') || '/Photos/';
+
+    // Send invalid paths back to Photos root
+    if (!currentPath.startsWith('/Photos/') || currentPath.includes('../')) {
+      currentPath = '/Photos/';
+    }
+
+    // Always append a trailing slash
+    if (!currentPath.endsWith('/')) {
+      currentPath = `${currentPath}/`;
+    }
+
+    const userDirectories = await getDirectories(context.state.user.id, currentPath);
+
+    const userFiles = await getFiles(context.state.user.id, currentPath);
+
+    const userPhotos = userFiles.filter((file) => {
+      const lowercaseFileName = file.file_name.toLowerCase();
+
+      return PHOTO_EXTENSIONS.some((extension) => lowercaseFileName.endsWith(extension));
+    });
+
+    return await context.render({ userDirectories, userPhotos, currentPath });
+  },
+};
+
+export default function PhotosPage({ data }: PageProps<Data, FreshContextState>) {
+  return (
+    <main>
+      <PhotosWrapper
+        initialDirectories={data.userDirectories}
+        initialFiles={data.userPhotos}
+        initialPath={data.currentPath}
+      />
+    </main>
+  );
+}