How xrplf/xrpl-dev-portal works
The repository is the XRP Ledger Dev Portal: a documentation website with tutorials, reference material, and runnable code examples. A reader’s main workflow is to navigate documentation, follow a tutorial or select a language-specific example, and use that guidance with XRP Ledger software or networks. The tree supports the portal’s theme components, Markdoc integration, content plugins, blog template, and broad sample corpus. Most page content and component implementations were not sampled, so the graph shows documented capabilities and only conservative, evident connections.
Main entry points: Navbar.tsx Navigation bar · components.tsx Markdoc integration · _code-samples Code sample corpus · quickstart Tutorial examples
Components 20
Site navigation
- Navigation bar
@theme/components/Navbar/Navbar.tsx - Navigation items
@theme/components/Navbar/components/NavItems.tsx - Mobile menu
@theme/components/Navbar/mobile-menu/MobileMenu.tsx - Topic submenus
@theme/components/Navbar/submenus/index.ts
Documentation experience
- Documentation pages
- Documentation links
@theme/components/MarkdownLink.tsx - Language picker
@theme/components/LanguagePicker/LanguagePicker.tsx - Interactive examples
@theme/components/InteractiveBlock.tsx - Synced tabs
@theme/components/SyncedTabs.tsx
Content processing
- Markdoc integration
@theme/markdoc/components.tsx - Markdoc schema
@theme/markdoc/schema.ts - Theme plugin
@theme/plugin.js - Code sample plugin
@theme/plugins/code-samples.js - Tutorial metadata
@theme/plugins/tutorial-metadata.js - Blog posts plugin
@theme/plugins/blog-posts.js - Blog template
@theme/templates/blogpost.tsx
Tutorials and examples
- Code sample corpus
_code-samples - Tutorial examples
_code-samples/quickstart
Other components
- Reader
- XRP Ledger network
Connections 16
- Reader → Navigation bar: uses
- Reader → Documentation pages: reads
- Navigation bar → Navigation items: renders
- Navigation bar → Mobile menu: offers
- Navigation bar → Topic submenus: renders
- Documentation pages → Documentation links: renders links
- Documentation pages → Language picker: offers language choice
- Documentation pages → Interactive examples: offers examples
- Documentation pages → Synced tabs: offers tabs
- Theme plugin → Markdoc integration: integrates
- Markdoc integration → Markdoc schema: uses schema
- Code sample plugin → Code sample corpus: processes samples
- Tutorial metadata → Tutorial examples: supports tutorials
- Blog posts plugin → Blog template: provides posts
- Tutorial examples → XRP Ledger network: demonstrate interactions
- Code sample corpus → XRP Ledger network: demonstrates usage