-
);
-}
\ No newline at end of file
+}
diff --git a/src/app/examples/page.tsx b/src/app/examples/page.tsx
index c4aa742..9ef5935 100644
--- a/src/app/examples/page.tsx
+++ b/src/app/examples/page.tsx
@@ -1,10 +1,20 @@
"use client";
-import React from 'react';
-import { Navbar } from '@/components/layout/Navbar';
-import { Footer } from '@/components/layout/Footer';
-import { Button } from '@/components/ui/Button';
-import { ExternalLink, Star, Box, Cpu, Globe } from 'lucide-react';
-import Link from 'next/link';
+import React, { useState, useRef, useEffect } from "react";
+import { Navbar } from "@/components/layout/Navbar";
+import { Footer } from "@/components/layout/Footer";
+import { Button } from "@/components/ui/Button";
+import {
+ ExternalLink,
+ Box,
+ Cpu,
+ Globe,
+ Eye,
+ X,
+ Copy,
+ Check,
+} from "lucide-react";
+import Link from "next/link";
+import { navLinks } from "@/constants/navLinks";
const examples = [
{
@@ -13,7 +23,9 @@ const examples = [
icon: Getting Started
-
- ReadmeGenAI is designed to be plug-and-play. Our goal is to remove the friction
- of writing documentation so you can focus on writing code.
+
+
+ Everything you need to know about ReadmeGenAI. From quick start guides to
+ advanced configuration, we've got you covered.
- Enter your public GitHub repository URL into the generator. Ensure the repo
- contains at least a main entry point (like `index.js` or `main.py`).
-
- Our engine uses Octokit to build a virtual file tree. This tree is passed to
- Gemini 2.5 Flash with a specific context window optimized for software architecture.
-
+ Documentation
+
+
+ at your fingertips.
+
+
-
+
- 1. Provide your URL
-
-
-
-
- npx readmegenai@latest --repo [your-url]
-
- 2. AI Analysis
-
+
+
@@ -55,25 +113,28 @@ export default function ExamplesPage() {
{/* Examples Grid */}
);
-}
\ No newline at end of file
+}
diff --git a/src/app/favicon.ico b/src/app/favicon.ico
deleted file mode 100644
index 718d6fe..0000000
Binary files a/src/app/favicon.ico and /dev/null differ
diff --git a/src/app/features/page.tsx b/src/app/features/page.tsx
index d13383a..e7b9c0a 100644
--- a/src/app/features/page.tsx
+++ b/src/app/features/page.tsx
@@ -52,7 +52,7 @@ export default function FeaturesPage() {
- Explore how ReadmeGenAI adapts to different tech stacks and project scales to create documentation that converts visitors into users. + Explore how ReadmeGenAI adapts to different tech stacks and project + scales.
{examples.map((example, idx) => (
-
@@ -87,35 +148,88 @@ export default function ExamplesPage() {
))}
+ {/* --- README PREVIEW MODAL --- */}
+ {previewContent && (
+
{example.icon}
-
-
+
@@ -87,35 +148,88 @@ export default function ExamplesPage() {
- {example.tags.map(tag => (
-
+ {example.tags.map((tag) => (
+
{tag}
))}
-
-
setPreviewContent(null)} // Close on backdrop click
+ >
+
+ )}
+
{/* Bottom CTA */}
e.stopPropagation()} // Prevent closing when clicking inside
+ role="dialog"
+ aria-modal="true"
+ >
+
+
+
+ README_PREVIEW.md
+
+
+
+
+
+
+
+
+
+ {previewContent}
+
+
-
Ready to document your project?
- - - ++ Ready to document your project? +
+
Documentation
-
+
reimagined.
diff --git a/src/app/generate/page.tsx b/src/app/generate/page.tsx
index a8347bf..74462e3 100644
--- a/src/app/generate/page.tsx
+++ b/src/app/generate/page.tsx
@@ -4,6 +4,7 @@ import { Navbar } from '@/components/layout/Navbar';
import { Footer } from '@/components/layout/Footer';
import { SearchInput } from '@/components/Generator/SearchInput';
import { MarkdownPreview } from '@/components/Generator/MarkdownPreview';
+import { navLinks } from '@/constants/navLinks';
export default function GeneratePage() {
const [markdown, setMarkdown] = useState('');
@@ -11,7 +12,7 @@ export default function GeneratePage() {
const handleGenerate = async (githubUrl: string) => {
setIsLoading(true);
- setMarkdown(''); // Clear previous results
+ setMarkdown('');
try {
const response = await fetch('/api/generate', {
method: 'POST',
@@ -19,51 +20,43 @@ export default function GeneratePage() {
body: JSON.stringify({ url: githubUrl }),
});
- const data = await response.json();
- if (data.markdown) {
- setMarkdown(data.markdown);
- } else {
- alert(data.error || "Something went wrong");
+ // Updated Error Handling logic
+ if (!response.ok) {
+ // First, get the raw text to avoid JSON parsing errors on HTML responses
+ const errorText = await response.text();
+ let errorMessage: string;
+
+ try {
+ // Attempt to parse the text as JSON
+ const errorData = JSON.parse(errorText);
+ errorMessage = errorData.error || errorData.message || errorText;
+ } catch {
+ // Fallback to raw text if JSON.parse fails (e.g., 502 Bad Gateway HTML)
+ errorMessage = errorText || response.statusText;
+ }
+
+ // Throw an error that includes the HTTP status for better debugging
+ throw new Error(`[${response.status} ${response.statusText}]: ${errorMessage}`);
}
- } catch (error) {
- console.error("Generation failed:", error);
- alert("Failed to connect to the server.");
+
+ const data = await response.json();
+ setMarkdown(data.markdown);
+ } catch (error: unknown) {
+ console.error("Generation Error:", error);
+ alert(error instanceof Error ? error.message : "Something went wrong");
} finally {
setIsLoading(false);
}
};
- const navLinks = [
- { name: 'Home', href: '/' },
- { name: 'Features', href: '/features' },
- { name: 'Examples', href: '/examples' },
- { name: 'Docs', href: '/docs' },
- ];
-
return (
-
-
Generate Documentation
-Enter your repository URL and let the AI do the heavy lifting.
-
-
- )}
Waiting for repository URL...
-
+
+
);
-}
\ No newline at end of file
+}
diff --git a/src/components/Generator/MarkdownPreview.tsx b/src/components/Generator/MarkdownPreview.tsx
index 80594e2..a635de6 100644
--- a/src/components/Generator/MarkdownPreview.tsx
+++ b/src/components/Generator/MarkdownPreview.tsx
@@ -5,10 +5,14 @@ import { Copy, Check, FileCode } from 'lucide-react';
export const MarkdownPreview = ({ content }: { content: string }) => {
const [copied, setCopied] = useState(false);
- const handleCopy = () => {
- navigator.clipboard.writeText(content);
- setCopied(true);
- setTimeout(() => setCopied(false), 2000);
+ const handleCopy = async () => {
+ try {
+ await navigator.clipboard.writeText(content);
+ setCopied(true);
+ setTimeout(() => setCopied(false), 2000);
+ } catch (err) {
+ console.error('Failed to copy text: ', err);
+ }
};
if (!content) return null;
@@ -21,18 +25,13 @@ export const MarkdownPreview = ({ content }: { content: string }) => {
-
-
- {content}
-
+
+ {content}