- const filePath = useMemo(() => {
- // If no splat, and the structure is loaded, default to the introduction markdown
- if (!splat && docStructure) {
- const defaultEntry = docStructure['Introduction'];
- if (typeof defaultEntry === 'string') {
- return defaultEntry;
- }
- } else if (splat) {
- // Check if it's an SDK link which is an HTML file
- if (splat.startsWith('sdk_docs/') && splat.endsWith('html')) {
- return splat; // Treat as direct path, no .md or .rs append
- }
- return `${splat}.md`; // For .md or .rs files
- }
- return null; // No file selected, no default provided yet
- }, [splat, docStructure]);
-
- // If no splat and no default, avoid fetching content
- const shouldFetchContent = !!filePath && !filePath.startsWith('sdk_docs/'); // Do not fetch content if it's an external SDK link
+ {/* Hero */}
+
+
📖
+
+ {t('docs.title', 'PezkuwiChain Documentation')}
+
+
+ {t('docs.subtitle', 'Everything you need to build on the Kurdish national blockchain')}
+
+
- useEffect(() => {
- if (!shouldFetchContent) {
- setContent(''); // Clear content if not fetching
- setError(null);
- setIsLoading(false);
- return;
- }
+ {/* Quick Links */}
+
- const fetchContent = async () => {
- setIsLoading(true);
- setError(null);
- try {
- const response = await fetch(`/docs/${filePath}`);
- if (!response.ok) {
- throw new Error(`Documentation file not found: ${filePath}`);
- }
- let text = await response.text();
-
- // If the file is a Rust file, wrap it in a markdown code block
- if (filePath.endsWith('.rs')) {
- text = '```rust\n' + text + '\n```';
- }
-
- const renderer = new marked.Renderer();
- renderer.image = (href, title, text) => {
- try {
- // The base URL for the markdown file itself
- const base = new URL(`/docs/${filePath}`, window.location.origin);
- // Resolve the image's relative path against the markdown file's path
- const imageUrl = new URL(href, base);
- // Return the final path part of the URL
- return `
`;
- } catch (e) {
- console.error("Error processing image URL:", e);
- // Fallback to the original href if URL construction fails
- return `
`;
- }
- };
- marked.setOptions({ renderer });
+ {/* Documentation Sections */}
+
- const parsed = await marked.parse(text);
- const sanitized = DOMPurify.sanitize(parsed);
- setContent(sanitized);
+ {/* Full Docs Button */}
+
- } catch (e: unknown) {
- setError(e instanceof Error ? e.message : 'Unknown error');
- setContent('');
- } finally {
- setIsLoading(false);
- }
- };
-
- fetchContent();
- }, [filePath, shouldFetchContent]); // Dependency array
-
- // Check if we're on SDK route
- const isSDKRoute = splat === 'sdk';
-
- return (
-
-
- {/* Sidebar */}
-
-
- {/* Mobile Sidebar Toggle */}
-
-
-
- {/* Main Content */}
-
-
- {isLoading &&
{t('docs.loading')}
}
- {error &&
{t('docs.error')} {error}
}
-
- {/* SDK Embedded View - window in window style */}
- {(showSDKLanding || isSDKRoute) && (
-
- )}
-
- {/* Regular Markdown Content */}
- {!isLoading && !error && content && !showSDKLanding && !isSDKRoute && (
-
- )}
-
- {/* Default Welcome */}
- {!isLoading && !error && !content && !splat && !showSDKLanding && (
-
-
-
📖
-
{t('docs.title')}
-
{t('docs.subtitle')}
-
-
- {t('docs.selectDoc')}
-
-
-
- {t('docs.introduction')}
-
- setShowSDKLanding(true)}
- className="px-4 py-2 bg-gray-700 hover:bg-gray-600 text-white rounded-lg transition-colors"
- >
- {t('docs.sdkDocs')}
-
-
- {t('docs.whitepaper')}
-
-
-
- )}
-
-
- );
+
-