@brainfish-ai/devdoc 0.1.21

package/renderer/lib/utils.ts

@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from "clsx"
+import { twMerge } from "tailwind-merge"
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs))
+}

package/renderer/next.config.ts

@@ -0,0 +1,76 @@
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+  /* config options here */
+  turbopack: {
+    root: __dirname,
+    resolveAlias: {
+      '@': __dirname,
+    },
+  },
+  // Disable compression to allow SSE streaming to work properly
+  // Without this, Next.js buffers responses and sends them all at once
+  compress: false,
+  
+  // Optimize package imports for better tree shaking
+  // Note: modularizeImports for @phosphor-icons/react was removed because
+  // it conflicts with optimizePackageImports and the SSR files use named exports
+  experimental: {
+    optimizePackageImports: [
+      '@phosphor-icons/react',
+      '@radix-ui/react-dialog',
+      '@radix-ui/react-dropdown-menu',
+      '@radix-ui/react-select',
+      '@radix-ui/react-tabs',
+      '@radix-ui/react-tooltip',
+      'motion',
+      'ai',
+      '@ai-sdk/react',
+    ],
+  },
+  
+  // Externalize heavy packages to reduce serverless function size
+  // These packages won't be bundled into each function, reducing the ~250MB limit issue
+  serverExternalPackages: [
+    // Syntax highlighting - shiki bundles ALL language grammars (~30MB+)
+    'shiki',
+    'rehype-pretty-code',
+    
+    // Monaco editor - heavy code editor
+    'monaco-editor',
+    '@monaco-editor/react',
+    
+    // Mermaid - diagram generation library
+    'mermaid',
+    
+    // HTTP snippet generation
+    '@hoppscotch/httpsnippet',
+  ],
+  
+  // Exclude cache and large directories from output file tracing
+  // This prevents webpack cache and other large files from being included in serverless functions
+  outputFileTracingExcludes: {
+    '*': [
+      // Next.js cache directories
+      '.next/cache/**',
+      '.next/cache/webpack/**',
+      
+      // Large node_modules that shouldn't be traced
+      'node_modules/@swc/**',
+      'node_modules/esbuild/**',
+      'node_modules/terser/**',
+      'node_modules/webpack/**',
+      
+      // Note: shiki is NOT excluded because it's needed by /api/docs for syntax highlighting
+      // The dynamic import with fallback in route.ts handles cases where it may be unavailable
+      
+      // Monaco editor assets
+      'node_modules/monaco-editor/**',
+      
+      // TypeScript compiler (not needed at runtime)
+      'node_modules/typescript/**',
+    ],
+  },
+};
+
+export default nextConfig;

package/renderer/package.json

@@ -0,0 +1,66 @@
+{
+  "name": "devdoc-renderer",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start"
+  },
+  "dependencies": {
+    "@ai-sdk/anthropic": "^3.0.9",
+    "@ai-sdk/react": "^3.0.29",
+    "@apidevtools/swagger-parser": "^10.1.0",
+    "@brainfish-ai/web-widget": "^1.15.5",
+    "@hoppscotch/httpsnippet": "^3.0.9",
+    "@monaco-editor/react": "^4.7.0",
+    "@phosphor-icons/react": "^2.1.10",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-navigation-menu": "^1.2.14",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@vercel/blob": "^2.0.0",
+    "@vercel/kv": "^3.0.0",
+    "ai": "^6.0.27",
+    "ajv": "^8.17.1",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "comlink": "^4.4.1",
+    "dexie": "^4.0.10",
+    "fflate": "^0.8.2",
+    "graphql": "^16.12.0",
+    "gray-matter": "^4.0.3",
+    "js-yaml": "^4.1.0",
+    "mermaid": "^11.12.2",
+    "motion": "^12.23.12",
+    "next": "15.5.9",
+    "next-mdx-remote": "^5.0.0",
+    "next-themes": "^0.4.6",
+    "node-cache": "^5.1.2",
+    "openapi-types": "^12.1.3",
+    "react": "^19.1.2",
+    "react-dom": "^19.1.2",
+    "react-markdown": "^9.0.1",
+    "rehype-autolink-headings": "^7.1.0",
+    "rehype-pretty-code": "^0.14.1",
+    "rehype-raw": "^7.0.0",
+    "rehype-slug": "^6.0.0",
+    "remark-gfm": "^4.0.1",
+    "shiki": "^3.21.0",
+    "tailwind-merge": "^3.3.1",
+    "zod": "^4.3.5",
+    "@tailwindcss/postcss": "^4",
+    "@types/js-yaml": "^4.0.9",
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "monaco-editor": "^0.55.1",
+    "tailwindcss": "^4",
+    "tw-animate-css": "^1.3.8",
+    "typescript": "^5"
+  }
+}

package/renderer/postcss.config.mjs

@@ -0,0 +1,5 @@
+const config = {
+  plugins: ["@tailwindcss/postcss"],
+};
+
+export default config;