Skip to content

Commit 888bee4

Browse files
runyagarunyaga
authored
fix(pages): add MCP documentation landing page (#141)
The MCP Documentation card linked to the GitHub file tree. Replace with a styled landing page that links to each doc (client setup, host functions, session persistence, startup modes, Python subset, architecture). Co-authored-by: runyaga <runyaga@users.noreply.github.com>
1 parent 5e3921f commit 888bee4

2 files changed

Lines changed: 84 additions & 1 deletion

File tree

‎example/web/web/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -84,7 +84,7 @@ <h2 style="color: #dcdcaa; margin-top: 2rem; margin-bottom: 0.5rem; font-size: 1
8484
<h2>dart_monty_mcp</h2>
8585
<p>Give your LLM a Python interpreter. MCP server for Claude Desktop, Cursor, or any MCP client — with host function plugins.</p>
8686
</a>
87-
<a class="card" href="https://github.com/runyaga/dart_monty/tree/main/packages/dart_monty_mcp/docs">
87+
<a class="card" href="mcp-docs.html">
8888
<h2>MCP Documentation</h2>
8989
<p>Setup guides, host function API, session persistence, Python subset reference, and architecture docs.</p>
9090
</a>

‎example/web/web/mcp-docs.html‎

Lines changed: 83 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,83 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>MCP Documentation — dart_monty</title>
6+
<style>
7+
* { margin: 0; padding: 0; box-sizing: border-box; }
8+
body {
9+
font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
10+
background: #1e1e1e;
11+
color: #d4d4d4;
12+
display: flex;
13+
flex-direction: column;
14+
align-items: center;
15+
min-height: 100vh;
16+
padding: 2rem;
17+
}
18+
h1 { color: #569cd6; font-size: 1.8rem; margin-bottom: 0.5rem; }
19+
.tagline { color: #808080; margin-bottom: 2rem; font-size: 0.95rem; }
20+
.back {
21+
color: #569cd6;
22+
text-decoration: none;
23+
font-size: 0.85rem;
24+
margin-bottom: 1.5rem;
25+
}
26+
.back:hover { text-decoration: underline; }
27+
.docs { display: flex; gap: 1.5rem; flex-wrap: wrap; justify-content: center; max-width: 900px; }
28+
.doc-card {
29+
background: #252526;
30+
border: 1px solid #404040;
31+
border-radius: 6px;
32+
padding: 1.5rem;
33+
width: 280px;
34+
text-decoration: none;
35+
color: #d4d4d4;
36+
transition: border-color 0.2s, transform 0.2s;
37+
}
38+
.doc-card:hover { border-color: #569cd6; transform: translateY(-2px); }
39+
.doc-card h2 { color: #dcdcaa; font-size: 1rem; margin-bottom: 0.5rem; }
40+
.doc-card p { font-size: 0.85rem; color: #808080; line-height: 1.5; }
41+
.footer {
42+
margin-top: 3rem;
43+
font-size: 0.8rem;
44+
color: #555;
45+
}
46+
.footer a { color: #569cd6; }
47+
</style>
48+
</head>
49+
<body>
50+
<a class="back" href="index.html">&larr; Back to dart_monty</a>
51+
<h1>MCP Documentation</h1>
52+
<p class="tagline">dart_monty_mcp — give your LLM a Python interpreter</p>
53+
<div class="docs">
54+
<a class="doc-card" href="https://github.com/runyaga/dart_monty/blob/main/packages/dart_monty_mcp/docs/client_setup.md">
55+
<h2>Client Setup</h2>
56+
<p>Configure MCP clients (Claude Desktop, Cursor, etc.) to connect to the dart_monty_mcp server.</p>
57+
</a>
58+
<a class="doc-card" href="https://github.com/runyaga/dart_monty/blob/main/packages/dart_monty_mcp/docs/host_functions.md">
59+
<h2>Host Functions</h2>
60+
<p>Extend the Monty interpreter with Dart-implemented capabilities callable from Python.</p>
61+
</a>
62+
<a class="doc-card" href="https://github.com/runyaga/dart_monty/blob/main/packages/dart_monty_mcp/docs/session_persistence.md">
63+
<h2>Session Persistence</h2>
64+
<p>Save and restore Python state between calls using JSON serialization.</p>
65+
</a>
66+
<a class="doc-card" href="https://github.com/runyaga/dart_monty/blob/main/packages/dart_monty_mcp/docs/startup_modes.md">
67+
<h2>Startup Modes</h2>
68+
<p>Stdio transport, custom configuration, and embedding the server in your own app.</p>
69+
</a>
70+
<a class="doc-card" href="https://github.com/runyaga/dart_monty/blob/main/packages/dart_monty_mcp/docs/python_subset.md">
71+
<h2>Python Subset</h2>
72+
<p>What Python features Monty supports — types, control flow, functions, classes, and known limitations.</p>
73+
</a>
74+
<a class="doc-card" href="https://github.com/runyaga/dart_monty/blob/main/packages/dart_monty_mcp/docs/architecture.md">
75+
<h2>Architecture</h2>
76+
<p>Component tree, session lifecycle, bridge event flow, and how the MCP server wires together.</p>
77+
</a>
78+
</div>
79+
<div class="footer">
80+
<a href="https://github.com/runyaga/dart_monty/tree/main/packages/dart_monty_mcp">dart_monty_mcp on GitHub</a>
81+
</div>
82+
</body>
83+
</html>

0 commit comments

Comments
 (0)