Rename file.ts to file.$key.ts and update route configuration to use …

…flatRoutes for improved resource handling

app/resources/file.ts → app/resources/file.$key.ts

@@ -1,5 +1,5 @@
 import { fs } from "edgekitjs";
-import type { Route } from "./+types/file";
+import type { Route } from "./+types/file.$key";
 
 export function loader({ params }: Route.LoaderArgs) {
 	return fs().serve(params.key);

app/routes.ts

@@ -1,14 +1,17 @@
-import { index, layout, prefix, route } from "@react-router/dev/routes";
+import {
+	type RouteConfig,
+	index,
+	layout,
+	prefix,
+	route,
+} from "@react-router/dev/routes";
+import { flatRoutes } from "@react-router/fs-routes";
+
+const resources = await flatRoutes({ rootDirectory: "./resources" });
 
 export default [
 	// Resources
-	route("files/:key", "./resources/file.ts"),
-
-	// API Routes
-	...prefix("api", []),
-
-	// Webhook Routes
-	...prefix("webhooks", []),
+	...resources,
 
 	// Views
 	route("profile", "./views/profile.tsx"),
@@ -32,4 +35,4 @@ export default [
 
 	// Catch-all Route
 	route("*", "./views/catch-all.tsx"),
-];
+] satisfies RouteConfig;