df562742e1
Completes the .server.ts split started in #418. Every route that mixes a default-export component with a server-only loader/action now has a sibling <route>.server.ts holding the data-fetching helpers; the route .tsx is a thin delegator. Routes converted (21): activities._index, activities.$id, activities.new, auth.accept-terms, auth.verify, explore, feed, notifications, routes._index, routes.$id, routes.$id.edit, routes.new, settings, settings.account, settings.connections.komoot, settings.profile, settings.security, sync.import.$provider, sync.import.komoot, users.$username.followers, users.$username.following Pattern (same as home.tsx / users.$username.tsx / settings.connections.tsx): - loader → `return data(await loadX(request, params?))` - action → `return await xAction(request, params?)` - All `getDb` / Drizzle schema / `~/lib/*.server` imports move to the .server.ts sibling. - `throw redirect(...)` and `throw data(...)` propagate through the delegator unchanged. No behavior changes — pure module-graph cleanup. Component modules no longer transitively import the DB client; Vite's tree-shake of server-only code is now backed by an explicit, file-local contract. Verified: - pnpm typecheck — green - pnpm lint — green - pnpm test — 181 passed, 31 integration-gated skipped - pnpm --filter @trails-cool/journal build — succeeds Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
49 lines
1.8 KiB
TypeScript
49 lines
1.8 KiB
TypeScript
// Server-only loader/action for /routes/:id/edit. See `home.server.ts`.
|
|
|
|
import { data, redirect } from "react-router";
|
|
import { requireSessionUser } from "~/lib/auth/session.server";
|
|
import { getRoute, updateRoute } from "~/lib/routes.server";
|
|
import type { Visibility } from "@trails-cool/db/schema/journal";
|
|
|
|
const VISIBILITY_VALUES = new Set<Visibility>(["private", "unlisted", "public"]);
|
|
|
|
export async function loadRouteEdit(request: Request, id: string | undefined) {
|
|
const user = await requireSessionUser(request);
|
|
|
|
const route = await getRoute(id ?? "");
|
|
if (!route) throw data({ error: "Route not found" }, { status: 404 });
|
|
if (route.ownerId !== user.id) throw data({ error: "Not authorized" }, { status: 403 });
|
|
|
|
return {
|
|
route: {
|
|
id: route.id,
|
|
name: route.name,
|
|
description: route.description,
|
|
visibility: route.visibility,
|
|
},
|
|
};
|
|
}
|
|
|
|
export async function routeEditAction(request: Request, id: string | undefined) {
|
|
const user = await requireSessionUser(request);
|
|
const routeId = id ?? "";
|
|
|
|
const formData = await request.formData();
|
|
const name = formData.get("name") as string;
|
|
const description = formData.get("description") as string;
|
|
const gpxFile = formData.get("gpx") as File | null;
|
|
const visibilityRaw = formData.get("visibility") as string | null;
|
|
|
|
const input: { name?: string; description?: string; gpx?: string; visibility?: Visibility } = {};
|
|
if (name) input.name = name;
|
|
if (description !== null) input.description = description;
|
|
if (gpxFile && gpxFile.size > 0) {
|
|
input.gpx = await gpxFile.text();
|
|
}
|
|
if (visibilityRaw && VISIBILITY_VALUES.has(visibilityRaw as Visibility)) {
|
|
input.visibility = visibilityRaw as Visibility;
|
|
}
|
|
|
|
await updateRoute(routeId, user.id, input);
|
|
return redirect(`/routes/${routeId}`);
|
|
}
|