fix: unblock gmate deploy build path

Author: adolago

package.json

@@ -4,6 +4,7 @@
   "private": true,
   "scripts": {
     "dev": "next dev",
+    "prebuild": "node scripts/cleanup-legacy-routes.js",
     "build": "next build",
     "start": "next start",
     "lint": "eslint"

scripts/cleanup-legacy-routes.js

@@ -0,0 +1,20 @@
+#!/usr/bin/env node
+
+const fs = require('fs');
+const path = require('path');
+
+const repoRoot = process.cwd();
+const legacyDirs = [
+  path.join(repoRoot, 'src', 'app', 'progress'),
+  path.join(repoRoot, 'src', 'app', 'questions'),
+  path.join(repoRoot, 'src', 'app', 'review'),
+  path.join(repoRoot, 'src', 'app', 'sessions'),
+];
+
+for (const dir of legacyDirs) {
+  try {
+    fs.rmSync(dir, { recursive: true, force: true });
+  } catch (error) {
+    console.warn(`cleanup warning for ${dir}:`, error.message);
+  }
+}

src/components/ui/math-text.tsx

@@ -0,0 +1,100 @@
+"use client";
+
+import { useMemo } from "react";
+import katex from "katex";
+
+/**
+ * Renders text that may contain LaTeX math delimiters.
+ * - $$...$$ for display (block) math
+ * - $...$ for inline math
+ * Non-math text is rendered as-is with whitespace preserved.
+ */
+export function MathText({
+  children,
+  className,
+}: {
+  children: string;
+  className?: string;
+}) {
+  const html = useMemo(() => renderMathInText(children), [children]);
+
+  return (
+    <span
+      className={className}
+      dangerouslySetInnerHTML={{ __html: html }}
+    />
+  );
+}
+
+// Split text on $$...$$ and $...$ delimiters, render math segments with KaTeX
+function renderMathInText(text: string): string {
+  // Match $$...$$ (display) first, then $...$ (inline)
+  // Uses a regex that captures the delimiter type and content
+  const parts: string[] = [];
+  let remaining = text;
+
+  while (remaining.length > 0) {
+    // Try display math first: $$...$$
+    const displayMatch = remaining.match(/\$\$([\s\S]+?)\$\$/);
+    // Try inline math: $...$  (not preceded/followed by $)
+    const inlineMatch = remaining.match(/(?<!\$)\$(?!\$)((?:[^$\\]|\\.)+?)\$(?!\$)/);
+
+    if (!displayMatch && !inlineMatch) {
+      parts.push(escapeHtml(remaining));
+      break;
+    }
+
+    // Pick whichever comes first in the string
+    const displayIdx = displayMatch ? remaining.indexOf(displayMatch[0]) : Infinity;
+    const inlineIdx = inlineMatch ? remaining.indexOf(inlineMatch[0]) : Infinity;
+
+    if (displayIdx <= inlineIdx && displayMatch) {
+      // Add text before the match
+      if (displayIdx > 0) {
+        parts.push(escapeHtml(remaining.slice(0, displayIdx)));
+      }
+      // Render display math
+      try {
+        parts.push(
+          katex.renderToString(displayMatch[1], {
+            displayMode: true,
+            throwOnError: false,
+            output: "htmlAndMathml",
+          })
+        );
+      } catch {
+        parts.push(escapeHtml(displayMatch[0]));
+      }
+      remaining = remaining.slice(displayIdx + displayMatch[0].length);
+    } else if (inlineMatch) {
+      // Add text before the match
+      if (inlineIdx > 0) {
+        parts.push(escapeHtml(remaining.slice(0, inlineIdx)));
+      }
+      // Render inline math
+      try {
+        parts.push(
+          katex.renderToString(inlineMatch[1], {
+            displayMode: false,
+            throwOnError: false,
+            output: "htmlAndMathml",
+          })
+        );
+      } catch {
+        parts.push(escapeHtml(inlineMatch[0]));
+      }
+      remaining = remaining.slice(inlineIdx + inlineMatch[0].length);
+    }
+  }
+
+  return parts.join("");
+}
+
+function escapeHtml(text: string): string {
+  return text
+    .replace(/&/g, "&amp;")
+    .replace(/</g, "&lt;")
+    .replace(/>/g, "&gt;")
+    .replace(/"/g, "&quot;")
+    .replace(/\n/g, "<br />");
+}