@latent-space-labs/open-auto-doc 0.5.9 → 0.5.11

package/dist/index.js

@@ -2487,10 +2487,12 @@ You will receive Next.js / Fumadocs build error output. Your job is to find and
 6. **HTML comments** \u2014 \`<!-- -->\` is not valid in MDX; remove or convert to JSX comments \`{/* */}\`.
 7. **Unescaped pipes in tables** \u2014 Pipes inside table cells that break table parsing.
 8. **Import/export statements** \u2014 Invalid or unnecessary import/export statements in MDX files.
+9. **TypeScript type errors in components** \u2014 Type mismatches in \`.tsx\`/\`.ts\` files (e.g. \`RefObject\` vs \`MutableRefObject\`, \`null\` vs \`undefined\`, missing type arguments). Fix the types directly.
 
 ## Rules
 
-- ONLY edit files inside \`content/docs/\`. Never touch other project files.
+- You may edit files inside \`content/docs/\` (MDX files) AND \`components/\` or \`app/\` (TypeScript/React files).
+- For TypeScript errors in \`.tsx\`/\`.ts\` files, fix the type issues directly (e.g. ref type mismatches, missing imports, incorrect generics).
 - Read the error output carefully to identify the exact file(s) and line(s).
 - Use Read to examine the broken file, then Edit to fix it.
 - After fixing, set \`fixed: true\` and list all changed file paths in \`filesChanged\`.
@@ -2509,7 +2511,7 @@ ${buildErrors}
 \`\`\`
 
 Read the failing files, identify the issues, and use Edit to fix them.
-Only edit files inside content/docs/.`,
+You may edit files in content/docs/, components/, and app/.`,
     cwd: docsDir,
     apiKey,
     model,
@@ -2694,27 +2696,48 @@ ${stderr}`.trim();
     return { success: false, output };
   }
 }
-function truncateErrors(output, max = 8e3) {
+function truncateErrors(output, max = 16e3) {
   if (output.length <= max) return output;
   return output.slice(0, max) + "\n\n... (truncated)";
 }
-function extractErrorSummary(output, maxLines = 30) {
+function extractErrorSummary(output, maxLines = 80) {
   const lines = output.split("\n");
   const errorLines = [];
+  let capturing = false;
+  let blankCount = 0;
   for (const line of lines) {
-    if (/error/i.test(line) || /failed/i.test(line) || /Error:|SyntaxError|TypeError|ReferenceError/i.test(line) || /at\s+/.test(line) || /Caused by:/.test(line) || /^\s*\d+\s*\|/.test(line) || // source line numbers from build output
+    const isErrorLine = /error\s*(\(|:|\[)/i.test(line) || /TS\d{4}:/i.test(line) || /Error:|SyntaxError|TypeError|ReferenceError/i.test(line) || /Caused by:/.test(line) || /Type '.*' is not assignable/i.test(line) || /Property '.*' is missing/i.test(line) || /Overload \d+ of \d+/i.test(line) || /Types of parameters/i.test(line) || /Expected|Unexpected|Invalid|Unterminated/i.test(line);
+    const isContextLine = /^\s*\d+\s*\|/.test(line) || // source line numbers from build output
     /^\s*>/.test(line) || // pointer lines
-    /Expected|Unexpected|Invalid|Unterminated/i.test(line)) {
+    /^\s+at\s+/.test(line) || // stack traces
+    /failed/i.test(line);
+    if (isErrorLine) {
+      capturing = true;
+      blankCount = 0;
+    }
+    if (capturing) {
+      if (line.trim() === "") {
+        blankCount++;
+        if (blankCount >= 2) {
+          capturing = false;
+          continue;
+        }
+      } else {
+        blankCount = 0;
+      }
+      errorLines.push(line);
+    } else if (isContextLine) {
       errorLines.push(line);
     }
+    if (errorLines.length >= maxLines) break;
   }
   if (errorLines.length === 0) {
     return lines.slice(-maxLines).join("\n");
   }
-  return errorLines.slice(0, maxLines).join("\n");
+  return errorLines.join("\n");
 }
 async function runBuildCheck(options) {
-  const { docsDir, apiKey, model, maxAttempts = 3 } = options;
+  const { docsDir, apiKey, model, maxAttempts = 10 } = options;
   const spinner9 = p5.spinner();
   spinner9.start("Verifying documentation build...");
   for (let attempt = 1; attempt <= maxAttempts; attempt++) {
@@ -5525,7 +5548,7 @@ async function logoutCommand() {
 
 // src/index.ts
 var program = new Command();
-program.name("open-auto-doc").description("Auto-generate beautiful documentation websites from GitHub repositories using AI").version("0.5.9");
+program.name("open-auto-doc").description("Auto-generate beautiful documentation websites from GitHub repositories using AI").version("0.5.11");
 program.command("init", { isDefault: true }).description("Initialize and generate documentation for your repositories").option("-o, --output <dir>", "Output directory", "docs-site").action(initCommand);
 program.command("generate").description("Regenerate documentation using existing configuration").option("--incremental", "Only re-analyze changed files (uses cached results)").option("--force", "Force full regeneration (ignore cache)").option("--repo <name>", "Only analyze this repo (uses cache for others)").action(generateCommand);
 program.command("deploy").description("Create a GitHub repo for docs and push (connect to Vercel for auto-deploy)").option("-d, --dir <path>", "Docs site directory").action(deployCommand);

package/dist/site-template/components/force-graph.tsx

@@ -4,6 +4,9 @@ import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useRouter } from "next/navigation";
 import dynamic from "next/dynamic";
 
+type NodeObject = { id?: string | number; x?: number; y?: number; [others: string]: any };
+type LinkObject = { source?: string | number | NodeObject; target?: string | number | NodeObject; [others: string]: any };
+
 const ForceGraph2D = dynamic(() => import("react-force-graph-2d"), {
   ssr: false,
   loading: () => (
@@ -78,7 +81,7 @@ const LINK_TYPE_COLORS: Record<string, { color: string; label: string }> = {
 export function ForceGraph({ graphData, height = 500 }: ForceGraphProps) {
   const router = useRouter();
   const containerRef = useRef<HTMLDivElement>(null);
-  const fgRef = useRef<{ centerAt: (x: number, y: number, ms: number) => void; zoom: (k: number, ms: number) => void } | null>(null);
+  const fgRef = useRef<{ centerAt: (x: number, y: number, ms: number) => void; zoom: (k: number, ms: number) => void } | undefined>(undefined);
   const [dimensions, setDimensions] = useState({ width: 800, height });
   const [hoverNode, setHoverNode] = useState<GraphNode | null>(null);
   const [tooltipPos, setTooltipPos] = useState({ x: 0, y: 0 });
@@ -203,23 +206,31 @@ export function ForceGraph({ graphData, height = 500 }: ForceGraphProps) {
     [filteredGraphData.links],
   );
 
+  // Track mouse position for tooltip since onNodeHover doesn't provide events
+  useEffect(() => {
+    const el = containerRef.current;
+    if (!el) return;
+    const handler = (e: MouseEvent) => setTooltipPos({ x: e.clientX, y: e.clientY });
+    el.addEventListener("mousemove", handler);
+    return () => el.removeEventListener("mousemove", handler);
+  }, []);
+
   const handleNodeHover = useCallback(
-    (node: GraphNode | null, event?: MouseEvent) => {
-      updateHighlight(node);
-      setHoverNode(node);
-      if (event && node) {
-        setTooltipPos({ x: event.clientX, y: event.clientY });
-      }
+    (node: NodeObject | null, _previousNode: NodeObject | null) => {
+      const gNode = node as GraphNode | null;
+      updateHighlight(gNode);
+      setHoverNode(gNode);
     },
     [updateHighlight],
   );
 
   const handleNodeClick = useCallback(
-    (node: GraphNode) => {
-      if (node.docPath) {
+    (node: NodeObject, _event: MouseEvent) => {
+      const gNode = node as GraphNode;
+      if (gNode.docPath) {
         // Navigate relative to current docs path
         const basePath = window.location.pathname.replace(/\/system-graph\/?$/, "");
-        router.push(`${basePath}/${node.docPath}`);
+        router.push(`${basePath}/${gNode.docPath}`);
       }
     },
     [router],
@@ -229,7 +240,8 @@ export function ForceGraph({ graphData, height = 500 }: ForceGraphProps) {
   const labelColorDim = "#9ca3af";
 
   const nodeCanvasObject = useCallback(
-    (node: GraphNode, ctx: CanvasRenderingContext2D, globalScale: number) => {
+    (nodeObj: NodeObject, ctx: CanvasRenderingContext2D, globalScale: number) => {
+      const node = nodeObj as GraphNode;
       const isHighlighted = highlightNodes.current.size === 0 || highlightNodes.current.has(node.id);
       const isSearchMatch = searchMatchIds.current.size > 0 && searchMatchIds.current.has(node.id);
       const isDimmedBySearch = searchMatchIds.current.size > 0 && !isSearchMatch;
@@ -281,7 +293,8 @@ export function ForceGraph({ graphData, height = 500 }: ForceGraphProps) {
   );
 
   const linkCanvasObject = useCallback(
-    (link: GraphLink, ctx: CanvasRenderingContext2D, globalScale: number) => {
+    (linkObj: LinkObject, ctx: CanvasRenderingContext2D, globalScale: number) => {
+      const link = linkObj as GraphLink;
       const linkId = getLinkId(link);
       const isHighlighted = highlightLinks.current.size === 0 || highlightLinks.current.has(linkId);
 
@@ -466,15 +479,16 @@ export function ForceGraph({ graphData, height = 500 }: ForceGraphProps) {
         width={dimensions.width}
         height={dimensions.height}
         nodeCanvasObject={nodeCanvasObject}
-        nodePointerAreaPaint={(node: GraphNode, color: string, ctx: CanvasRenderingContext2D) => {
-          const radius = Math.max(Math.sqrt(node.val || 1) * 3, 4);
+        nodePointerAreaPaint={(node: NodeObject, color: string, ctx: CanvasRenderingContext2D) => {
+          const gNode = node as GraphNode;
+          const radius = Math.max(Math.sqrt(gNode.val || 1) * 3, 4);
           ctx.beginPath();
-          ctx.arc(node.x ?? 0, node.y ?? 0, radius + 2, 0, 2 * Math.PI);
+          ctx.arc(gNode.x ?? 0, gNode.y ?? 0, radius + 2, 0, 2 * Math.PI);
           ctx.fillStyle = color;
           ctx.fill();
         }}
         linkCanvasObject={linkCanvasObject}
-        linkPointerAreaPaint={(link: GraphLink, color: string, ctx: CanvasRenderingContext2D) => {
+        linkPointerAreaPaint={(link: LinkObject, color: string, ctx: CanvasRenderingContext2D) => {
           const source = link.source as GraphNode;
           const target = link.target as GraphNode;
           if (!source.x || !target.x) return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@latent-space-labs/open-auto-doc",
-  "version": "0.5.9",
+  "version": "0.5.11",
   "description": "Auto-generate beautiful documentation websites from GitHub repositories using AI",
   "type": "module",
   "bin": {