re-organize files

layouts/LayoutDefault.tsx

@@ -27,7 +27,7 @@ import { useDisclosure } from "@mantine/hooks";
 import theme from "./theme.js";
 import logoUrl from "../assets/logo.png";
 import { useEffect, useState } from "react";
-import { TRPCProvider, useTRPC } from "../trpc/client.js";
+import { TRPCProvider, useTRPC } from "../pages/trpc-client.js";
 import { usePageContext } from "vike-react/usePageContext";
 import "./hover.css";
 import {
@@ -43,7 +43,7 @@ import {
   httpSubscriptionLink,
   splitLink,
 } from "@trpc/client";
-import type { AppRouter } from "../trpc/router.js";
+import type { AppRouter } from "@/server/trpc/router.js";
 
 function makeQueryClient() {
   return new QueryClient({

pages/chat/+Page.tsx

@@ -1,6 +1,6 @@
 import { Card, Textarea } from "@mantine/core";
 import { useState } from "react";
-import { useTRPCClient } from "../../trpc/client";
+import { useTRPCClient } from "../trpc-client";
 
 export default function ChatPage() {
   const [inputMessage, setInputMessage] = useState("");

pages/chat/@id/+Page.tsx

@@ -28,7 +28,7 @@ import type {
   DraftMessage,
   OtherParameters,
   SendMessageStatus,
-} from "../../../types";
+} from "@/types";
 import Markdown from "react-markdown";
 import {
   IconTrash,
@@ -37,10 +37,9 @@ import {
   IconX,
   IconLoaderQuarter,
 } from "@tabler/icons-react";
-import { useTRPC, useTRPCClient } from "../../../trpc/client";
+import { useTRPC, useTRPCClient } from "../../trpc-client";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { nanoid } from "nanoid";
+import type { Conversation } from "@/database/common";
-import type { Conversation } from "../../../database/common";
 
 export default function ChatPage() {
   const pageContext = usePageContext();

pages/chat/@id/+data.ts

@@ -1,7 +1,7 @@
 import type { PageContextServer } from "vike/types";
-import { createCaller } from "../trpc.js";
+import { createCaller } from "../../../server/trpc/chat.js";
 import { getDb } from "../../../database/postgres.js";
-import { getOpenrouter } from "../provider.js";
+import { getOpenrouter } from "../../../server/provider.js";
 import { env } from "../../../server/env.js";
 
 export type Data = Awaited<ReturnType<typeof data>>;

pages/trpc-client.ts

@@ -1,6 +1,6 @@
 // import { createTRPCProxyClient, httpBatchLink } from "@trpc/client";
 import { createTRPCContext } from "@trpc/tanstack-react-query";
-import type { AppRouter } from "./router.js";
+import type { AppRouter } from "../server/trpc/router.js";
 
 export const { TRPCProvider, useTRPC, useTRPCClient } =
   createTRPCContext<AppRouter>();

server/provider.ts

@@ -1,5 +1,5 @@
 import { createOpenRouter } from "@openrouter/ai-sdk-provider";
-import { env } from "../../server/env.js";
+import { env } from "./env.js";
 export const openrouter = createOpenRouter({
   apiKey: env.OPENROUTER_API_KEY,
 });

server/trpc-handler.ts

@@ -1,4 +1,4 @@
-import { appRouter } from "../trpc/router";
+import { appRouter } from "@/server/trpc/router.js";
 // TODO: stop using universal-middleware and directly integrate server middlewares instead and/or use vike-server https://vike.dev/server. (Bati generates boilerplates that use universal-middleware https://github.com/magne4000/universal-middleware to make Bati's internal logic easier. This is temporary and will be removed soon.)
 import {
   type Get,
@@ -6,8 +6,8 @@ import {
   env as getEnv,
 } from "@universal-middleware/core";
 import { fetchRequestHandler } from "@trpc/server/adapters/fetch";
-import { getDb, getDbClient } from "../database/postgres";
+import { getDb, getDbClient } from "@/database/postgres";
-import { getOpenrouter } from "../pages/chat/provider";
+import { getOpenrouter } from "@/server/provider.js";
 import { env as processEnv } from "./env.js";
 import { getToken } from "@auth/core/jwt";
 

server/trpc/chat.ts

@@ -1,14 +1,10 @@
-import {
+import { router, publicProcedure, createCallerFactory } from "./server.js";
-  router,
-  publicProcedure,
-  createCallerFactory,
-} from "../../trpc/server.js";
 import { generateObject, generateText, jsonSchema, streamText } from "ai";
 import type {
   OtherParameters,
   CommittedMessage,
   DraftMessage,
-} from "../../types.js";
+} from "@/types.js";
 // import { client } from "../../database/milvus";
 // import {
 //   ConsistencyLevelEnum,
@@ -20,8 +16,8 @@ import { facts, createCaller as createCallerFacts } from "./facts.js";
 import { createCaller as createCallerMessages } from "./messages.js";
 import { createCaller as createCallerFactTriggers } from "./fact-triggers.js";
 import { factTriggers } from "./fact-triggers.js";
-import { MODEL_NAME } from "./provider.js";
+import { MODEL_NAME } from "@/server/provider.js";
-import type { Fact, FactTrigger } from "../../database/common.js";
+import type { Fact, FactTrigger } from "@/database/common.js";
 
 const mainSystemPrompt = ({
   systemPrompt,

server/trpc/conversations.ts

@@ -1,8 +1,4 @@
-import {
+import { router, publicProcedure, createCallerFactory } from "./server";
-  router,
-  publicProcedure,
-  createCallerFactory,
-} from "../../trpc/server";
 
 export const conversations = router({
   fetchAll: publicProcedure.query(async ({ ctx: { db, jwt } }) => {

server/trpc/fact-triggers.ts

@@ -2,11 +2,11 @@ import {
   router,
   publicProcedure,
   createCallerFactory,
-} from "../../trpc/server.js";
+} from "@/server/trpc/server.js";
-import type { DraftMessage } from "../../types.js";
+import type { DraftMessage } from "@/types.js";
-import { MODEL_NAME } from "./provider.js";
+import { MODEL_NAME } from "@/server/provider.js";
 import { generateObject, generateText, jsonSchema } from "ai";
-import type { Fact } from "../../database/common.js";
+import type { Fact } from "@/database/common.js";
 
 const factTriggersSystemPrompt = ({
   previousRunningSummary,

server/trpc/facts.ts

@@ -1,10 +1,6 @@
-import {
+import { router, publicProcedure, createCallerFactory } from "./server.js";
-  router,
+import type { DraftMessage } from "@/types.js";
-  publicProcedure,
+import { MODEL_NAME, openrouter } from "@/server/provider.js";
-  createCallerFactory,
-} from "../../trpc/server.js";
-import type { DraftMessage } from "../../types.js";
-import { MODEL_NAME, openrouter } from "./provider.js";
 import { generateObject, generateText, jsonSchema } from "ai";
 
 const factsFromNewMessagesSystemPrompt = ({

server/trpc/messages.ts

@@ -2,8 +2,8 @@ import {
   router,
   publicProcedure,
   createCallerFactory,
-} from "../../trpc/server";
+} from "@/server/trpc/server";
-import { MODEL_NAME } from "./provider.js";
+import { MODEL_NAME } from "../provider.js";
 import { generateObject, generateText, jsonSchema } from "ai";
 import type { DraftMessage } from "../../types.js";
 

server/trpc/router.ts

@@ -1,5 +1,5 @@
-import { router } from "../trpc/server";
+import { router } from "./server.js";
-import { chat } from "../pages/chat/trpc";
+import { chat } from "./chat.js";
 
 export const appRouter = router({
   chat,

server/trpc/server.ts

@@ -1,8 +1,8 @@
 import type { TSchema } from "@sinclair/typebox";
 import { TypeCompiler } from "@sinclair/typebox/compiler";
 import { initTRPC, TRPCError } from "@trpc/server";
-import type { getDb } from "../database/postgres";
+import type { getDb } from "../../database/postgres";
-import type { getOpenrouter } from "../pages/chat/provider";
+import type { getOpenrouter } from "@/server/provider.js";
 import type { JWT } from "@auth/core/jwt";
 
 /**

tsconfig.json

@@ -13,7 +13,10 @@
     "lib": ["DOM", "DOM.Iterable", "ESNext"],
     "types": ["vite/client", "vike-react", "vike-cloudflare/types"],
     "jsx": "react-jsx",
-    "jsxImportSource": "react"
+    "jsxImportSource": "react",
+    "paths": {
+      "@/*": ["./*"]
+    }
   },
   "exclude": ["dist"]
 }