-
+
-
-
-
-
-
-
-
- - {loadingMessage || messages.common?.loading || 'Loading...'} - {isExporting && (messages.loading?.preparingDownload || ' Please wait while we prepare your download...')} -
+ {config.askSection.position === 'top' && ( +
-
- )}
-
-
-
- - {language === 'ja' - ? `${wikiStructure.pages.length}ページ中${wikiStructure.pages.length - pagesInProgress.size}ページ完了` - : messages.repoPage?.pagesCompleted - ? messages.repoPage.pagesCompleted - .replace('{completed}', (wikiStructure.pages.length - pagesInProgress.size).toString()) - .replace('{total}', wikiStructure.pages.length.toString()) - : `${wikiStructure.pages.length - pagesInProgress.size} of ${wikiStructure.pages.length} pages completed`} -
- - {/* Show list of in-progress pages */} - {pagesInProgress.size > 0 && ( -
-
- )}
- - {messages.repoPage?.currentlyProcessing || 'Currently processing:'} -
--
- {Array.from(pagesInProgress).slice(0, 3).map(pageId => {
- const page = wikiStructure.pages.find(p => p.id === pageId);
- return page ?
- {page.title} : null; - })} - {pagesInProgress.size > 3 && ( -
- - {language === 'ja' - ? `...他に${pagesInProgress.size - 3}ページ` - : messages.repoPage?.andMorePages - ? messages.repoPage.andMorePages.replace('{count}', (pagesInProgress.size - 3).toString()) - : `...and ${pagesInProgress.size - 3} more`} - - )} -
@@ -1392,8 +1336,12 @@ IMPORTANT:
) : wikiStructure ? (
+
{/* Wiki Navigation */}
- = ({ content }) => {
// Define markdown components
const MarkdownComponents: React.ComponentProps['components'] = {
p({ children, ...props }: { children?: React.ReactNode }) {
- return = ({ content }) => {
if (text.includes('Thought') || text.includes('Action') || text.includes('Observation') || text.includes('Answer')) {
return (
= ({ content }) => {
);
}
}
- return
{children} ;
+ return {children} ;
},
a({ children, href, ...props }: { children?: React.ReactNode; href?: string }) {
return (
= ({ content }) => {
blockquote({ children, ...props }: { children?: React.ReactNode }) {
return (
+
{/* Export buttons */}
- {Object.keys(generatedPages).length > 0 && (
+ {Object.keys(generatedPages).length > 0 && (config.exportWiki.markdown || config.exportWiki.json) && (
-
+
+
+
+ {/* Advanced Options Modal */}
+ {config.advancedOptions.position === 'modal' && (
+ setIsAdvancedOptionsModalOpen(false)}
+ content={
);
}
\ No newline at end of file
diff --git a/src/app/types/types.ts b/src/app/types/types.ts
new file mode 100644
index 00000000..8e7430c8
--- /dev/null
+++ b/src/app/types/types.ts
@@ -0,0 +1,29 @@
+// Wiki Interfaces
+export interface WikiPage {
+ id: string;
+ title: string;
+ content: string;
+ filePaths: string[];
+ importance: 'high' | 'medium' | 'low';
+ relatedPages: string[];
+}
+
+export interface WikiStructure {
+ id: string;
+ title: string;
+ description: string;
+ pages: WikiPage[];
+}
+
+// Define the model interface
+export interface GeneratorModel {
+ display_name: string;
+ // If there are other fields in the model object, add them here
+}
+
+export type RepoInfo = {
+ owner: string;
+ repo: string;
+ type: string;
+ localPath: string | undefined;
+}
diff --git a/src/components/Markdown.tsx b/src/components/Markdown.tsx
index 4f07d626..7ca7cd41 100644
--- a/src/components/Markdown.tsx
+++ b/src/components/Markdown.tsx
@@ -5,6 +5,9 @@ import rehypeRaw from 'rehype-raw';
import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
import { tomorrow } from 'react-syntax-highlighter/dist/cjs/styles/prism';
import Mermaid from './Mermaid';
+import { getConfig } from '@/config';
+
+const config = getConfig('wikiPage.wikiContent.sizes');
interface MarkdownProps {
content: string;
@@ -14,10 +17,10 @@ const Markdown: React.FC{wikiStructure.title}
{wikiStructure.description}
@@ -1443,28 +1391,32 @@ IMPORTANT:{messages.repoPage?.exportWiki || 'Export Wiki'}
-
-
-
+ = {}): string => {
- // Split the key by dots to access nested properties
- const keys = key.split('.');
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
- let value: any = messages;
-
- // Navigate through the nested properties
- for (const k of keys) {
- if (value && typeof value === 'object' && k in value) {
- value = value[k];
- } else {
- // Return the key if the translation is not found
- return key;
- }
- }
-
- // If the value is a string, replace parameters
- if (typeof value === 'string') {
- return Object.entries(params).reduce((acc: string, [paramKey, paramValue]) => {
- return acc.replace(`{${paramKey}}`, String(paramValue));
- }, value);
- }
-
- // Return the key if the value is not a string
- return key;
- };
-
const [repositoryInput, setRepositoryInput] = useState('https://github.com/AsyncFuncAI/deepwiki-open');
const [showTokenInputs, setShowTokenInputs] = useState(false);
@@ -87,6 +65,7 @@ export default function Home() {
const [error, setError] = useState(null);
const [isSubmitting, setIsSubmitting] = useState(false);
const [selectedLanguage, setSelectedLanguage] = useState(language);
+ const [isAdvancedOptionsModalOpen, setIsAdvancedOptionsModalOpen] = useState(false);
// Sync the language context with the selectedLanguage state
useEffect(() => {
@@ -237,6 +216,42 @@ export default function Home() {
// The isSubmitting state will be reset when the component unmounts during navigation
};
+ const AdvancedOptionsComponent = () => {
+ return (
+ <>
+ {/* Advanced options section with improved layout */}
+
@@ -247,28 +262,28 @@ export default function Home() {
-
+ {config.exportWiki.markdown && (
+
+ )}
+ {config.exportWiki.json && (
+
+ )}
{exportError && (
@@ -1504,7 +1456,10 @@ IMPORTANT:
{/* Wiki Content */}
-
+ setIsModelSelectionModalOpen(false)}
- provider={selectedProviderState}
- setProvider={setSelectedProviderState}
- model={selectedModelState}
- setModel={setSelectedModelState}
- isCustomModel={isCustomSelectedModelState}
- setIsCustomModel={setIsCustomSelectedModelState}
- customModel={customSelectedModelState}
- setCustomModel={setCustomSelectedModelState}
- showFileFilters={true}
- excludedDirs={modelExcludedDirs}
- setExcludedDirs={setModelExcludedDirs}
- excludedFiles={modelExcludedFiles}
- setExcludedFiles={setModelExcludedFiles}
- onApply={confirmRefresh}
- />
+ {config.askSection.position === 'bottom' && (
+
);
}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 158623f0..d4512e35 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,12 +3,18 @@
import React, { useState, useEffect } from 'react';
import { useRouter } from 'next/navigation';
import Link from 'next/link';
-import { FaWikipediaW, FaGithub, FaGitlab, FaBitbucket, FaCoffee, FaTwitter} from 'react-icons/fa';
-import ThemeToggle from '@/components/theme-toggle';
+import { FaWikipediaW, FaCog } from 'react-icons/fa';
import Mermaid from '../components/Mermaid';
-import UserSelector from '@/components/UserSelector';
-
import { useLanguage } from '@/contexts/LanguageContext';
+import { cn, t } from '@/utils/utils';
+import Footer from '@/components/common/Footer';
+import AdvancedOptions from '@/components/landing/AdvancedOptions';
+import AccessTokens from '@/components/landing/AccessTokens';
+import { getConfig } from '@/config';
+import AdvancedOptionsModal from '@/components/landing/AdvancedOptionsModal';
+
+
+const config = getConfig('landingPage');
// Define the demo mermaid charts outside the component
const DEMO_FLOW_CHART = `graph TD
@@ -43,34 +49,6 @@ export default function Home() {
const router = useRouter();
const {language, setLanguage, messages} = useLanguage();
- // Create a simple translation function
- const t = (key: string, params: Record
{currentPageId && generatedPages[currentPageId] ? (
) : null}
-
-
-
+
- @@ -1568,69 +1523,15 @@ IMPORTANT:
-
{t('common.appName')}
+{t('common.appName', messages)}
-
{t('common.tagline')}
+{t('common.tagline', messages)}
- {t('nav.wikiProjects')}
+ {t('nav.wikiProjects', messages)}
{children}
; + return{children}
; }, h1({ children, ...props }: { children?: React.ReactNode }) { - return{children}
; + return{children}
; }, h2({ children, ...props }: { children?: React.ReactNode }) { // Special styling for ReAct headings @@ -26,7 +29,7 @@ const Markdown: React.FC = ({ content }) => {
);
}
}
- return {children}
;
+ return {children}
;
},
h3({ children, ...props }: { children?: React.ReactNode }) {
- return {children}
;
+ return {children}
;
},
h4({ children, ...props }: { children?: React.ReactNode }) {
- return {children}
;
+ return {children}
;
},
ul({ children, ...props }: { children?: React.ReactNode }) {
- return {children}
;
+ return {children}
;
},
ol({ children, ...props }: { children?: React.ReactNode }) {
- return {children}
;
+ return {children}
;
},
li({ children, ...props }: { children?: React.ReactNode }) {
- return
{children} @@ -83,7 +86,7 @@ const Markdown: React.FC= ({ content }) => { table({ children, ...props }: { children?: React.ReactNode }) { return ( -+
{children}
@@ -138,7 +141,7 @@ const Markdown: React.FC= ({ content }) => { // Handle code blocks if (!inline && match) { return ( - +{match[1]}