Catch all subpaths

src/app/[...file]/page.tsx

@@ -23,6 +23,10 @@ type Props = {
 	searchParams: SearchParams,
 };
 
+function get_path(file: string[]) {
+	return file.join("/");
+}
+
 function get_root(search_params: SearchParams) {
 	console.log("HEEEERORORORRO", search_params)
 	return search_params['root'] ?? 'raw.monodon.me';
@@ -33,13 +37,14 @@ export async function generateMetadata(
 	parent: ResolvingMetadata,
 ): Promise<Metadata> {
 	return {
-		title: `${params.file} | ${get_root(searchParams)}`,
+		title: `${get_path(params.file)} | ${get_root(searchParams)}`,
 	};
 }
 
 export default async function Page({
 	params, searchParams
 }: Props) {
+	const path     = get_path(params.file);
 	const root_url = `https://${get_root(searchParams)}/`;
 
 	return (
@@ -48,7 +53,7 @@ export default async function Page({
 				<div className={title_group}>
 					<div className={title_text_group}>
 		 				<p className={supertitle}>{root_url}</p>
-						<p className={title}>{params.file}</p>
+						<p className={title}>{path}</p>
 					</div>
 					<button className={download_button}>
 						<Image
@@ -58,7 +63,7 @@ export default async function Page({
 						/>
 					</button>
 				</div>
-				<Content src={`${root_url}${params.file}`} />
+				<Content src={`${root_url}${path}`} />
 			</div>
 		</div>
 	);

src/app/[...file]/types/text.css.ts

@@ -0,0 +1,6 @@
+import { style } from '@vanilla-extract/css'
+
+export const text = style({
+	fontFamily: 'monospace',
+	whiteSpace: 'pre-wrap',
+});

src/app/[...file]/types/text.tsx

@@ -0,0 +1,7 @@
+import * as style from './text.css'
+
+export default function Text({ text }: { text: string }) {
+	return (
+		<p className={style.text}>{text}</p>
+	);
+}

src/app/[file]/types/text.tsx

@@ -1,5 +0,0 @@
-export default function Text({ text }: { text: string }) {
-	return (
-		<p>{text}</p>
-	);
-}