Skip to content

Commit 55dd193

Browse files
ccbbccbbccbbccbb
committed
chore: update type definitions for React and React-DOM
- Downgraded `@types/react` and `@types/react-dom` to versions 18.2.67 and 18.2.22 respectively for compatibility. - Updated `pnpm-lock.yaml` to reflect the changes in type definitions. - Made minor adjustments to CSS for improved layout and styling consistency.
1 parent a18738b commit 55dd193

File tree

5 files changed

+103
-68
lines changed

5 files changed

+103
-68
lines changed

‎package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -17,8 +17,8 @@
1717
},
1818
"devDependencies": {
1919
"@eslint/js": "^9.21.0",
20-
"@types/react": "^19.0.10",
21-
"@types/react-dom": "^19.0.4",
20+
"@types/react": "^18.2.67",
21+
"@types/react-dom": "^18.2.22",
2222
"@vitejs/plugin-react": "^4.3.4",
2323
"eslint": "^9.21.0",
2424
"eslint-plugin-react-hooks": "^5.1.0",

‎pnpm-lock.yaml

Lines changed: 18 additions & 12 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/App.css

Lines changed: 22 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,53 +1,49 @@
11
.terminal-wrapper {
22
min-height: 100vh;
33
width: 100%;
4+
padding: 1.5rem;
45
}
56

67
.logo {
7-
max-width: 400px;
8+
max-width: 200px;
89
height: auto;
910
margin: 0 auto;
1011
display: block;
11-
padding: 1.5em;
12+
padding: 1.0em;
1213
}
1314

1415
header {
1516
text-align: center;
16-
margin-bottom: 2rem;
17+
margin-bottom: 1.5rem;
1718
}
1819

19-
.terminal-card-container {
20+
.terminal-card-container, .resource-container {
2021
display: grid;
2122
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
2223
gap: 1rem;
23-
margin-bottom: 2rem;
24+
margin-bottom: 1.5rem;
2425
}
2526

2627
.terminal-card {
2728
padding: 1.5rem;
28-
margin-bottom: 1.5rem;
2929
border: 1px solid var(--primary-color);
3030
}
3131

3232
.resource-item {
33-
margin-bottom: 2rem;
34-
padding-bottom: 1rem;
35-
border-bottom: 1px dashed var(--primary-color);
36-
}
37-
38-
.resource-item:last-child {
39-
border-bottom: none;
4033
margin-bottom: 0;
34+
padding: 1.5rem;
35+
border: 1px solid var(--primary-color);
4136
}
4237

4338
.resource-item h4 {
44-
margin-top: 0.5rem;
39+
margin-top: 0;
4540
margin-bottom: 0.5rem;
4641
}
4742

4843
.button-container {
4944
display: flex;
50-
gap: 0.5rem;
45+
gap: 1.0rem;
46+
padding-left: 0;
5147
}
5248

5349
.terminal-button {
@@ -67,7 +63,7 @@ header {
6763

6864
footer {
6965
margin-top: 3rem;
70-
padding-top: 1.5rem;
66+
padding-top: 1.0rem;
7167
border-top: 1px solid var(--primary-color);
7268
text-align: center;
7369
}
@@ -93,8 +89,17 @@ footer a:hover {
9389
background-color: var(--code-bg-color);
9490
color: var(--font-color);
9591
padding: 0.2em 0.4em;
96-
border-radius: 3px;
9792
font-family: var(--mono-font-stack);
9893
font-size: 0.9em;
9994
display: inline-block;
95+
}
96+
97+
h2.resources {
98+
margin-top: 30px;
99+
margin-bottom: 30%px;
100+
}
101+
102+
pre {
103+
padding: 1.5rem;
104+
margin: 0;
100105
}

‎src/App.tsx

Lines changed: 53 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ function App() {
1111
{
1212
name: "starknet-mcp-server",
1313
url: "https://github.com/mcpdotdirect/starknet-mcp-server",
14-
description: "mcp server for starknet integration",
14+
description: "mcp server that provides an llm with tools for interacting with starknet",
1515
packageUrl: "https://www.npmjs.com/package/@mcpdotdirect/starknet-mcp-server"
1616
},
1717
{
@@ -21,14 +21,20 @@ function App() {
2121
packageUrl: "https://www.npmjs.com/package/@mcpdotdirect/create-mcp-server"
2222
},
2323
{
24-
name: "need a custom mcp server built ? contact us",
24+
name: "need a custom mcp server built ?",
2525
url: "mailto:[email protected]",
2626
description: "get in touch, we can advise & build a solution tailored for your needs",
2727
packageUrl: ""
2828
}
2929
]
3030

3131
const otherResources = [
32+
{
33+
name: "modelcontextprotocol official specs",
34+
url: "https://spec.modelcontextprotocol.io/",
35+
description: "original spec for sharing context, tools, and composable integrations with language models",
36+
buttonText: "docs"
37+
},
3238
{
3339
name: "modelcontextprotocol/servers",
3440
url: "https://github.com/modelcontextprotocol/servers",
@@ -37,7 +43,7 @@ function App() {
3743
{
3844
name: "awesome-mcp-servers",
3945
url: "https://github.com/punkpeye/awesome-mcp-servers",
40-
description: "curated list of mcp servers"
46+
description: "curated list of production-ready and experimental MCP servers"
4147
},
4248
{
4349
name: "mcpdotdirect",
@@ -71,46 +77,63 @@ function App() {
7177
</p>
7278
<div className="button-container">
7379
<a href={repo.url} target="_blank" rel="noopener noreferrer" className="btn terminal-button">
74-
github
75-
</a>
76-
<a href={repo.packageUrl} target="_blank" rel="noopener noreferrer" className="btn terminal-button">
77-
package
80+
{repo.name === "need a custom mcp server built ?" ? "email" : "github"}
7881
</a>
82+
{repo.packageUrl && repo.name !== "need a custom mcp server built ?" && (
83+
<a href={repo.packageUrl} target="_blank" rel="noopener noreferrer" className="btn terminal-button">
84+
package
85+
</a>
86+
)}
7987
</div>
8088
</div>
8189
))}
8290
</div>
8391

84-
<h2>other resources</h2>
85-
<div className="terminal-card">
86-
<div>
87-
{otherResources.map((resource) => (
88-
<div key={resource.name} className="resource-item">
89-
<h4>{resource.name}</h4>
90-
<p>{resource.description}</p>
91-
<div className="button-container">
92+
<h3>quickly run <span className="command">evm-mcp-server</span> in cursor with a <span className="command">~/.cursor/mcp.json</span> file:</h3>
93+
<div>
94+
<pre>
95+
{`{
96+
"mcpServers": {
97+
"evm-mcp-server": {
98+
"command": "npx",
99+
"args": [
100+
"-y",
101+
"@mcpdotdirect/evm-mcp-server"
102+
]
103+
}
104+
}
105+
}`}
106+
</pre>
107+
</div>
108+
109+
<h2 className="resources">resources</h2>
110+
<div className="resource-container">
111+
{otherResources.map((resource) => (
112+
<div key={resource.name} className="resource-item terminal-card">
113+
<h4>{resource.name}</h4>
114+
<p>{resource.description}</p>
115+
<div className="button-container">
116+
<a
117+
href={resource.url}
118+
target="_blank"
119+
rel="noopener noreferrer"
120+
className="btn terminal-button"
121+
>
122+
{resource.buttonText || "github"}
123+
</a>
124+
{resource.packageUrl && (
92125
<a
93-
href={resource.url}
126+
href={resource.packageUrl}
94127
target="_blank"
95128
rel="noopener noreferrer"
96129
className="btn terminal-button"
97130
>
98-
{resource.name === "mcpdotdirect" ? "github org" : "github"}
131+
packages
99132
</a>
100-
{resource.packageUrl && (
101-
<a
102-
href={resource.packageUrl}
103-
target="_blank"
104-
rel="noopener noreferrer"
105-
className="btn terminal-button"
106-
>
107-
packages
108-
</a>
109-
)}
110-
</div>
133+
)}
111134
</div>
112-
))}
113-
</div>
135+
</div>
136+
))}
114137
</div>
115138
</section>
116139

‎src/index.css

Lines changed: 8 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
:root {
2-
--global-font-size: 15px;
3-
--global-line-height: 1.4em;
2+
--global-font-size: 14px;
3+
--global-line-height: 1.3em;
44
--global-space: 10px;
55
--font-stack: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
66
Bitstream Vera Sans Mono, Courier New, monospace, serif;
@@ -31,7 +31,7 @@ body {
3131
.container {
3232
max-width: var(--page-width);
3333
margin: 0 auto;
34-
padding: 20px;
34+
padding: 10px;
3535
}
3636

3737
.logo {
@@ -41,13 +41,14 @@ body {
4141
}
4242

4343
.repo-card {
44-
margin-bottom: 20px;
45-
padding: 15px;
44+
margin-bottom: 15px;
45+
padding-left: 20px;
46+
padding-right: 20px;
4647
border: 1px solid var(--primary-color);
4748
}
4849

4950
.repo-card h3 {
50-
margin-top: 0;
51+
margin-top: 10px;
5152
}
5253

5354
.repo-card a {
@@ -73,7 +74,7 @@ footer {
7374
code {
7475
background-color: var(--code-bg-color);
7576
color: var(--font-color);
76-
padding: 0.2em 0.4em;
77+
padding: 0.4em 0.4em;
7778
border-radius: 3px;
7879
font-family: var(--mono-font-stack);
7980
font-size: 0.9em;

0 commit comments

Comments
 (0)