zeyu2001 · zeyu2001 · May 5, 2025 · Mar 27, 2025 · Mar 27, 2025 · Mar 27, 2025
diff --git a/apps/eurekapad/app/api/inlineChat/route.ts b/apps/eurekapad/app/api/inlineChat/route.ts
@@ -0,0 +1,28 @@
+import { CoreMessage } from 'ai'
+import { z } from 'zod'
+
+import { inlineChat } from '@/server/ai/chat'
+
+// Allow streaming responses up to 120 seconds
+export const maxDuration = 120
+
+export async function POST(req: Request) {
+  const schema = z.object({
+    messages: z
+      .array(
+        z.custom<CoreMessage>().refine(message => {
+          return message.role === 'user' || message.role === 'assistant' || message.role === 'system'
+        }),
+      )
+      .min(1),
+  })
+
+  const body = await req.json()
+  const result = schema.safeParse(body)
+  if (!result.success) {
+    return new Response(JSON.stringify(result.error), { status: 400 })
+  }
+
+  const { messages } = result.data
+  return inlineChat(messages)
+}
diff --git a/apps/eurekapad/app/layout.tsx b/apps/eurekapad/app/layout.tsx
@@ -14,7 +14,7 @@ import { ModalProvider } from '@/components/providers/modal-provider'
 import { PostHogProvider } from '@/components/providers/posthog-provider'
 import { ThemeProvider } from '@/components/providers/theme-provider'
 import Scroll from '@/components/scroll'
-import { ClientProvider } from '@/utils/trpc'
+import { TRPCClientProvider } from '@/trpc/client'
 
 const inter = Inter({
   subsets: ['latin'],
@@ -35,35 +35,35 @@ export const metadata: Metadata = {
 
 export default function RootLayout({ children }: { children: React.ReactNode }) {
   return (
-    <ClientProvider>
-      <html lang="en" suppressHydrationWarning>
-        <Scroll />
-        <Analytics />
-        <SpeedInsights />
-        <body className={clsx(inter.className, lexend.variable)}>
+    <html lang="en" suppressHydrationWarning>
+      <Scroll />
+      <Analytics />
+      <SpeedInsights />
+      <body className={clsx(inter.className, lexend.variable)}>
+        <Script
+          src="https://www.desmos.com/api/v1.11/calculator.js?apiKey=dcb31709b452b1cf9dc26972add0fda6"
+          strategy="beforeInteractive"
+        />
+        <ThemeProvider
+          attribute="class"
+          defaultTheme="system"
+          enableSystem
+          disableTransitionOnChange
+          storageKey="eurekapad-theme-2"
+        >
           <ConvexClientProvider>
-            <PostHogProvider>
-              <Script
-                src="https://www.desmos.com/api/v1.11/calculator.js?apiKey=dcb31709b452b1cf9dc26972add0fda6"
-                strategy="beforeInteractive"
-              />
-              <ThemeProvider
-                attribute="class"
-                defaultTheme="system"
-                enableSystem
-                disableTransitionOnChange
-                storageKey="eurekapad-theme-2"
-              >
+            <TRPCClientProvider>
+              <PostHogProvider>
                 <TooltipProvider>
                   <Toaster position="bottom-center" />
                   <ModalProvider />
                   {children}
                 </TooltipProvider>
-              </ThemeProvider>
-            </PostHogProvider>
+              </PostHogProvider>
+            </TRPCClientProvider>
           </ConvexClientProvider>
-        </body>
-      </html>
-    </ClientProvider>
+        </ThemeProvider>
+      </body>
+    </html>
   )
 }
diff --git a/apps/eurekapad/components/editor/ai/client-tools.ts b/apps/eurekapad/components/editor/ai/client-tools.ts
@@ -0,0 +1,113 @@
+import { CustomPartialBlock } from '@/components/editor/schema'
+import { capitalizeFirstLetter } from '@/lib/utils'
+
+export const createParagraph = ({ content }: { content: { type: string; text: string }[] }) => {
+  const block = {
+    type: 'paragraph',
+    content: content.map(({ type, text }) => {
+      switch (type) {
+        case 'text':
+          return {
+            type: 'text',
+            text,
+            styles: {},
+          }
+        case 'math':
+          return {
+            type: 'mathInline',
+            text,
+            content: [
+              {
+                type: 'text',
+                text: text,
+                styles: {},
+              },
+            ],
+          }
+        case 'code':
+          return {
+            type: 'text',
+            text,
+            styles: {
+              code: true,
+            },
+          }
+        default:
+          return {
+            type: 'text',
+            text,
+            styles: {},
+          }
+      }
+    }),
+    children: [],
+  }
+  return {
+    block: block as CustomPartialBlock,
+    message: `Paragraph created.`,
+  }
+}
+
+export const createGraph = ({
+  expressions,
+  bounds,
+}: {
+  expressions: { latex: string; color?: string }[]
+  bounds: { xMin: number; xMax: number; yMin: number; yMax: number }
+}) => {
+  const block = {
+    type: 'graph',
+    props: {
+      state: JSON.stringify({
+        version: 7,
+        graph: { viewport: { xmin: bounds.xMin, ymin: bounds.yMin, xmax: bounds.xMax, ymax: bounds.yMax } },
+        expressions: {
+          list: expressions.map((expr, index) => ({
+            id: (index + 2).toString(),
+            type: 'expression',
+            latex: expr.latex,
+            color: expr.color,
+          })),
+        },
+      }),
+    },
+    children: [],
+  }
+  return {
+    block: block as CustomPartialBlock,
+    message: `Graph created with expression ${expressions.map(expr => expr.latex).join(', ')}.`,
+  }
+}
+
+export const createMathBlock = ({ expression }: { expression: string }) => {
+  const block = {
+    type: 'math',
+    content: [
+      {
+        type: 'text',
+        text: expression,
+        styles: {},
+      },
+    ],
+    children: [],
+  }
+  return {
+    block: block as CustomPartialBlock,
+    message: `Math block created with expression ${expression}.`,
+  }
+}
+
+export const createCodeBlock = ({ code, language }: { code: string; language: string }) => {
+  const block = {
+    type: 'codeblock',
+    props: {
+      language,
+      code,
+    },
+    children: [],
+  }
+  return {
+    block: block as CustomPartialBlock,
+    message: `${capitalizeFirstLetter(language)} code block created.`,
+  }
+}