Fix planner production server + use .ts extensions everywhere

- Fix createRequestHandler → createRequestListener (@react-router/node
  removed the old API)
- Move noEmit + allowImportingTsExtensions to tsconfig.base.json so all
  packages and apps inherit them consistently
- Add explicit .ts extensions to all remaining relative imports across
  packages and apps

Verified locally: node --experimental-strip-types server.ts starts and
responds 200.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

apps/journal/tsconfig.json

@@ -8,8 +8,6 @@
   "exclude": ["build", "node_modules"],
   "compilerOptions": {
     "rootDirs": [".", "./.react-router/types"],
-    "noEmit": true,
-    "allowImportingTsExtensions": true,
     "types": ["vite/client"],
     "paths": {
       "~/*": ["./app/*"]

apps/planner/app/lib/host-election.test.ts

@@ -1,5 +1,5 @@
 import { describe, it, expect } from "vitest";
-import { electHost } from "./host-election";
+import { electHost } from "./host-election.ts";
 
 function makeStates(
   entries: Array<{ id: number; user?: boolean; role?: string }>,

apps/planner/app/lib/rate-limit.test.ts

@@ -1,5 +1,5 @@
 import { describe, it, expect } from "vitest";
-import { checkRateLimit } from "./rate-limit";
+import { checkRateLimit } from "./rate-limit.ts";
 
 describe("checkRateLimit", () => {
   it("allows requests within limit", () => {

apps/planner/app/lib/use-routing.ts

@@ -1,7 +1,7 @@
 import { useCallback, useEffect, useRef, useState } from "react";
 import * as Y from "yjs";
-import type { YjsState } from "./use-yjs";
-import { electHost } from "./host-election";
+import type { YjsState } from "./use-yjs.ts";
+import { electHost } from "./host-election.ts";
 
 interface RouteStats {
   distance?: number;

apps/planner/server.ts

@@ -1,18 +1,15 @@
-import { createRequestHandler } from "@react-router/node";
+import { createRequestListener } from "@react-router/node";
 import { createServer } from "node:http";
 import { setupYjsWebSocket } from "./app/lib/yjs-server.ts";
 
 const port = Number(process.env.PORT ?? 3001);
 
-const handler = createRequestHandler(
-  // @ts-expect-error - build output types
-  await import("./build/server/index.js"),
-);
-
-const server = createServer((req, res) => {
-  handler(req, res);
+const listener = createRequestListener({
+  build: () => import("./build/server/index.js") as never,
 });
 
+const server = createServer(listener);
+
 setupYjsWebSocket(server);
 
 server.listen(port, () => {

apps/planner/tsconfig.json

@@ -8,8 +8,6 @@
   "exclude": ["build", "node_modules", "server.ts"],
   "compilerOptions": {
     "rootDirs": [".", "./.react-router/types"],
-    "noEmit": true,
-    "allowImportingTsExtensions": true,
     "types": ["vite/client"],
     "paths": {
       "~/*": ["./app/*"]

apps/planner/vite.config.ts

@@ -2,7 +2,7 @@ import { reactRouter } from "@react-router/dev/vite";
 import tailwindcss from "@tailwindcss/vite";
 import { defineConfig } from "vite";
 import path from "node:path";
-import { yjsDevPlugin } from "./app/lib/vite-yjs-plugin";
+import { yjsDevPlugin } from "./app/lib/vite-yjs-plugin.ts";
 
 export default defineConfig({
   plugins: [tailwindcss(), reactRouter(), yjsDevPlugin()],

packages/db/src/index.ts

@@ -1,7 +1,7 @@
 import { drizzle } from "drizzle-orm/postgres-js";
 import postgres from "postgres";
-import * as plannerSchema from "./schema/planner";
-import * as journalSchema from "./schema/journal";
+import * as plannerSchema from "./schema/planner.ts";
+import * as journalSchema from "./schema/journal.ts";
 
 export function createDb(connectionString?: string) {
   const client = postgres(

packages/gpx/src/generate.test.ts

@@ -1,6 +1,6 @@
 import { describe, it, expect } from "vitest";
-import { generateGpx } from "./generate";
-import { parseGpx } from "./parse";
+import { generateGpx } from "./generate.ts";
+import { parseGpx } from "./parse.ts";
 
 describe("generateGpx", () => {
   it("generates valid GPX with name", () => {

packages/gpx/src/generate.ts

@@ -1,5 +1,5 @@
 import type { Waypoint } from "@trails-cool/types";
-import type { TrackPoint } from "./types";
+import type { TrackPoint } from "./types.ts";
 
 /**
  * Generate a GPX XML string from waypoints and track points.

packages/gpx/src/index.ts

@@ -1,3 +1,3 @@
-export { parseGpx, parseGpxAsync } from "./parse";
-export { generateGpx } from "./generate";
-export type { GpxData, TrackPoint, ElevationProfile } from "./types";
+export { parseGpx, parseGpxAsync } from "./parse.ts";
+export { generateGpx } from "./generate.ts";
+export type { GpxData, TrackPoint, ElevationProfile } from "./types.ts";

packages/gpx/src/parse.test.ts

@@ -1,5 +1,5 @@
 import { describe, it, expect } from "vitest";
-import { parseGpx } from "./parse";
+import { parseGpx } from "./parse.ts";
 
 const sampleGpx = `<?xml version="1.0" encoding="UTF-8"?>
 <gpx version="1.1" creator="test" xmlns="http://www.topografix.com/GPX/1/1">

packages/gpx/src/parse.ts

@@ -1,5 +1,5 @@
 import type { Waypoint } from "@trails-cool/types";
-import type { GpxData, TrackPoint, ElevationProfile } from "./types";
+import type { GpxData, TrackPoint, ElevationProfile } from "./types.ts";
 
 /**
  * Parse a GPX XML string into structured data.

packages/i18n/src/index.ts

@@ -1,8 +1,8 @@
 import i18n from "i18next";
 import { initReactI18next } from "react-i18next";
 import LanguageDetector from "i18next-browser-languagedetector";
-import en from "./locales/en";
-import de from "./locales/de";
+import en from "./locales/en.ts";
+import de from "./locales/de.ts";
 
 export const defaultNS = "common";
 

packages/map/src/index.ts

@@ -1,6 +1,6 @@
-export { MapView } from "./MapView";
-export type { MapViewProps } from "./MapView";
-export { RouteLayer } from "./RouteLayer";
-export type { RouteLayerProps } from "./RouteLayer";
-export { baseLayers } from "./layers";
-export type { TileLayerConfig } from "./layers";
+export { MapView } from "./MapView.tsx";
+export type { MapViewProps } from "./MapView.tsx";
+export { RouteLayer } from "./RouteLayer.tsx";
+export type { RouteLayerProps } from "./RouteLayer.tsx";
+export { baseLayers } from "./layers.ts";
+export type { TileLayerConfig } from "./layers.ts";

packages/types/src/index.test.ts

@@ -1,5 +1,5 @@
 import { describe, it, expect } from "vitest";
-import type { Waypoint, Route } from "./index";
+import type { Waypoint, Route } from "./index.ts";
 
 describe("types", () => {
   it("Waypoint type accepts valid data", () => {

packages/ui/src/index.ts

@@ -1,6 +1,6 @@
-export { Button } from "./Button";
-export type { ButtonProps } from "./Button";
-export { Input } from "./Input";
-export type { InputProps } from "./Input";
-export { Card } from "./Card";
-export type { CardProps } from "./Card";
+export { Button } from "./Button.tsx";
+export type { ButtonProps } from "./Button.tsx";
+export { Input } from "./Input.tsx";
+export type { InputProps } from "./Input.tsx";
+export { Card } from "./Card.tsx";
+export type { CardProps } from "./Card.tsx";

tsconfig.base.json

@@ -14,7 +14,9 @@
     "declaration": true,
     "declarationMap": true,
     "sourceMap": true,
-    "noUncheckedIndexedAccess": true
+    "noUncheckedIndexedAccess": true,
+    "noEmit": true,
+    "allowImportingTsExtensions": true
   },
   "exclude": ["node_modules", "build", "dist"]
 }