create-mcp-use-app 2.0.0-beta.9 → 2.0.1-canary.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +13 -17
- package/dist/index.js +72 -31
- package/dist/skills-config.d.ts +8 -0
- package/dist/skills-config.d.ts.map +1 -0
- package/dist/templates/blank/mcp-env.d.ts +1 -1
- package/dist/templates/blank/package.json +1 -2
- package/dist/templates/blank/tsconfig.json +1 -1
- package/dist/templates/mcp-apps/mcp-env.d.ts +1 -1
- package/dist/templates/mcp-apps/package.json +1 -2
- package/dist/templates/mcp-apps/tsconfig.json +1 -1
- package/dist/templates/mcp-apps/views/my-view/icons.tsx +0 -17
- package/dist/templates/mcp-apps/views/my-view/view.tsx +35 -54
- package/dist/templates/mcp-server/mcp-env.d.ts +1 -1
- package/dist/templates/mcp-server/package.json +1 -2
- package/dist/templates/mcp-server/tsconfig.json +1 -1
- package/dist/utils.d.ts.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -27,8 +27,7 @@
|
|
|
27
27
|
|
|
28
28
|
| Package | Description | Version |
|
|
29
29
|
| ---------------------------------------------------------------------------------------------------------- | ----------------------- | --------------------------------------------------------------------------------------------------------------- |
|
|
30
|
-
| [mcp-use](https://github.com/mcp-use/mcp-use/tree/main/libraries/typescript/packages/
|
|
31
|
-
| [@mcp-use/cli](https://github.com/mcp-use/mcp-use/tree/main/libraries/typescript/packages/cli) | Build tool for MCP apps | [](https://www.npmjs.com/package/@mcp-use/cli) |
|
|
30
|
+
| [mcp-use](https://github.com/mcp-use/mcp-use/tree/main/libraries/typescript/packages/server) | MCP framework and CLI | [](https://www.npmjs.com/package/mcp-use) |
|
|
32
31
|
| [@mcp-use/inspector](https://github.com/mcp-use/mcp-use/tree/main/libraries/typescript/packages/inspector) | Web-based MCP inspector | [](https://www.npmjs.com/package/@mcp-use/inspector) |
|
|
33
32
|
|
|
34
33
|
---
|
|
@@ -66,16 +65,16 @@ my-mcp-server/
|
|
|
66
65
|
|
|
67
66
|
### Pre-configured Features
|
|
68
67
|
|
|
69
|
-
| Feature | Description
|
|
70
|
-
| ----------------------- |
|
|
71
|
-
| **📝 TypeScript** | Full TypeScript setup with proper types
|
|
72
|
-
| **🔥 Hot Reload** | Auto-restart on code changes during development
|
|
73
|
-
| **🔍 Auto Inspector** | Inspector UI opens automatically in dev mode
|
|
74
|
-
| **🎨 MCP Apps Views** | React views discovered and bundled by the CLI
|
|
75
|
-
| **🛠️ Example Tools** | Sample MCP tools, resources, and prompts
|
|
76
|
-
| **📦 Build Scripts** | Ready-to-use development and production scripts
|
|
68
|
+
| Feature | Description |
|
|
69
|
+
| ----------------------- | ---------------------------------------------------- |
|
|
70
|
+
| **📝 TypeScript** | Full TypeScript setup with proper types |
|
|
71
|
+
| **🔥 Hot Reload** | Auto-restart on code changes during development |
|
|
72
|
+
| **🔍 Auto Inspector** | Inspector UI opens automatically in dev mode |
|
|
73
|
+
| **🎨 MCP Apps Views** | React views discovered and bundled by the CLI |
|
|
74
|
+
| **🛠️ Example Tools** | Sample MCP tools, resources, and prompts |
|
|
75
|
+
| **📦 Build Scripts** | Ready-to-use development and production scripts |
|
|
77
76
|
| **✅ Type Checking** | Refreshes MCP view types, then runs local TypeScript |
|
|
78
|
-
| **🚀 Production Ready** | Optimized build configuration
|
|
77
|
+
| **🚀 Production Ready** | Optimized build configuration |
|
|
79
78
|
|
|
80
79
|
---
|
|
81
80
|
|
|
@@ -203,14 +202,11 @@ The scaffolded project includes these dependencies:
|
|
|
203
202
|
|
|
204
203
|
### Core Dependencies
|
|
205
204
|
|
|
206
|
-
- `mcp-use` - The MCP framework
|
|
207
|
-
- `@mcp-use/cli` - Build and development tool
|
|
208
|
-
- `@mcp-use/inspector` - Web-based debugger
|
|
205
|
+
- `mcp-use` - The MCP framework, including its CLI and built-in Inspector
|
|
209
206
|
|
|
210
207
|
### Development Dependencies
|
|
211
208
|
|
|
212
209
|
- `typescript` - TypeScript compiler
|
|
213
|
-
- `tsx` - TypeScript executor for development
|
|
214
210
|
- `@types/node` - Node.js type definitions
|
|
215
211
|
|
|
216
212
|
### Template-Specific Dependencies
|
|
@@ -510,8 +506,8 @@ See our [contributing guide](https://github.com/mcp-use/mcp-use/blob/main/CONTRI
|
|
|
510
506
|
|
|
511
507
|
- [mcp-use Documentation](https://github.com/mcp-use/mcp-use)
|
|
512
508
|
- [Model Context Protocol Spec](https://modelcontextprotocol.io)
|
|
513
|
-
- [Creating MCP Tools](https://
|
|
514
|
-
- [Building
|
|
509
|
+
- [Creating MCP Tools](https://mcp-use.com/docs/typescript/server/tools)
|
|
510
|
+
- [Building MCP App Views](https://mcp-use.com/docs/typescript/mcp-apps)
|
|
515
511
|
- [Using the Inspector](https://github.com/mcp-use/mcp-use/tree/main/libraries/typescript/packages/inspector)
|
|
516
512
|
- [Supabase Edge Functions](https://supabase.com/docs/guides/functions)
|
|
517
513
|
|
package/dist/index.js
CHANGED
|
@@ -1321,7 +1321,9 @@ function updatePackageJson(projectPath, projectName) {
|
|
|
1321
1321
|
const packageJsonPath = join2(projectPath, "package.json");
|
|
1322
1322
|
const packageJsonContent = JSON.parse(readFileSync(packageJsonPath, "utf-8"));
|
|
1323
1323
|
packageJsonContent.name = projectName;
|
|
1324
|
-
packageJsonContent.description
|
|
1324
|
+
if (!packageJsonContent.description) {
|
|
1325
|
+
packageJsonContent.description = `${projectName}: an mcp-use server`;
|
|
1326
|
+
}
|
|
1325
1327
|
writeFileSync(packageJsonPath, JSON.stringify(packageJsonContent, null, 2));
|
|
1326
1328
|
}
|
|
1327
1329
|
function updateIndexTs(projectPath, projectName) {
|
|
@@ -1334,6 +1336,35 @@ function updateIndexTs(projectPath, projectName) {
|
|
|
1334
1336
|
writeFileSync(indexPath, content);
|
|
1335
1337
|
}
|
|
1336
1338
|
|
|
1339
|
+
// src/skills-config.ts
|
|
1340
|
+
var SKILLS_REPO = "https://github.com/mcp-use/mcp-use.git";
|
|
1341
|
+
var SKILLS_SPARSE_PATH = "skills/mcp-apps-builder";
|
|
1342
|
+
var SKILLS_AGENT_DIRS = [".cursor", ".claude", ".agents"];
|
|
1343
|
+
function getDefaultDistTag(packageVersion) {
|
|
1344
|
+
return packageVersion.includes("-beta.") ? "beta" : "latest";
|
|
1345
|
+
}
|
|
1346
|
+
function getSkillsBranch(packageVersion) {
|
|
1347
|
+
return getDefaultDistTag(packageVersion) === "beta" ? "beta" : "main";
|
|
1348
|
+
}
|
|
1349
|
+
function getSkillsManualInstallCommand(packageVersion) {
|
|
1350
|
+
const branch = getSkillsBranch(packageVersion);
|
|
1351
|
+
return `npx --yes skills add mcp-use/mcp-use#${branch} --yes --skill mcp-apps-builder -a cursor -a claude-code -a codex`;
|
|
1352
|
+
}
|
|
1353
|
+
function getSkillsCloneArgs(repoDir, packageVersion) {
|
|
1354
|
+
return [
|
|
1355
|
+
"clone",
|
|
1356
|
+
"--depth",
|
|
1357
|
+
"1",
|
|
1358
|
+
"--filter=blob:none",
|
|
1359
|
+
"--sparse",
|
|
1360
|
+
"--single-branch",
|
|
1361
|
+
"--branch",
|
|
1362
|
+
getSkillsBranch(packageVersion),
|
|
1363
|
+
SKILLS_REPO,
|
|
1364
|
+
repoDir
|
|
1365
|
+
];
|
|
1366
|
+
}
|
|
1367
|
+
|
|
1337
1368
|
// src/index.ts
|
|
1338
1369
|
var __filename = fileURLToPath(import.meta.url);
|
|
1339
1370
|
var __dirname = dirname2(__filename);
|
|
@@ -1455,10 +1486,6 @@ function sendInstallTelemetryEvent(agents, skills) {
|
|
|
1455
1486
|
} catch {
|
|
1456
1487
|
}
|
|
1457
1488
|
}
|
|
1458
|
-
var SKILLS_REPO = "https://github.com/mcp-use/mcp-use.git";
|
|
1459
|
-
var SKILLS_SPARSE_PATH = "skills/mcp-apps-builder";
|
|
1460
|
-
var SKILLS_AGENT_DIRS = [".cursor", ".claude", ".agent"];
|
|
1461
|
-
var SKILLS_MANUAL_INSTALL_CMD = "npx --yes skills add mcp-use/mcp-use --yes --skill mcp-apps-builder -a cursor -a claude-code -a codex";
|
|
1462
1489
|
function isGitAvailable() {
|
|
1463
1490
|
const result = spawnSync("git", ["--version"], {
|
|
1464
1491
|
stdio: "ignore",
|
|
@@ -1469,7 +1496,11 @@ function isGitAvailable() {
|
|
|
1469
1496
|
function warnSkillsInstallFailed(missingGit) {
|
|
1470
1497
|
const reason = missingGit ? "Failed to install skills: git is not installed or not in PATH." : "Failed to install skills.";
|
|
1471
1498
|
console.log(yellow(`\u26A0\uFE0F ${reason}`));
|
|
1472
|
-
console.log(
|
|
1499
|
+
console.log(
|
|
1500
|
+
yellow(
|
|
1501
|
+
` Run manually: ${getSkillsManualInstallCommand(packageJson.version)}`
|
|
1502
|
+
)
|
|
1503
|
+
);
|
|
1473
1504
|
}
|
|
1474
1505
|
async function installSkills(projectPath) {
|
|
1475
1506
|
const tempDir = mkdtempSync(join3(tmpdir(), "mcp-use-skills-"));
|
|
@@ -1477,17 +1508,11 @@ async function installSkills(projectPath) {
|
|
|
1477
1508
|
try {
|
|
1478
1509
|
const clone = spawnSync(
|
|
1479
1510
|
"git",
|
|
1480
|
-
|
|
1481
|
-
|
|
1482
|
-
"
|
|
1483
|
-
|
|
1484
|
-
|
|
1485
|
-
"--sparse",
|
|
1486
|
-
"--single-branch",
|
|
1487
|
-
SKILLS_REPO,
|
|
1488
|
-
repoDir
|
|
1489
|
-
],
|
|
1490
|
-
{ stdio: "ignore", shell: false }
|
|
1511
|
+
getSkillsCloneArgs(repoDir, packageJson.version),
|
|
1512
|
+
{
|
|
1513
|
+
stdio: "ignore",
|
|
1514
|
+
shell: false
|
|
1515
|
+
}
|
|
1491
1516
|
);
|
|
1492
1517
|
if (clone.status !== 0 || clone.error) {
|
|
1493
1518
|
throw new Error("git clone failed");
|
|
@@ -1532,17 +1557,6 @@ function renderLogo() {
|
|
|
1532
1557
|
var packageJson = JSON.parse(
|
|
1533
1558
|
readFileSync2(join3(__dirname, "../package.json"), "utf-8")
|
|
1534
1559
|
);
|
|
1535
|
-
function getCurrentPackageVersions(isDevelopment = false, sdkVersion) {
|
|
1536
|
-
if (isDevelopment) {
|
|
1537
|
-
return {
|
|
1538
|
-
"mcp-use": "workspace:*"
|
|
1539
|
-
};
|
|
1540
|
-
}
|
|
1541
|
-
const requestedSdk = sdkVersion ?? "latest";
|
|
1542
|
-
return {
|
|
1543
|
-
"mcp-use": requestedSdk
|
|
1544
|
-
};
|
|
1545
|
-
}
|
|
1546
1560
|
function processTemplateFile(filePath, versions, isDevelopment = false) {
|
|
1547
1561
|
const content = readFileSync2(filePath, "utf-8");
|
|
1548
1562
|
let processedContent = content;
|
|
@@ -1553,7 +1567,7 @@ function processTemplateFile(filePath, versions, isDevelopment = false) {
|
|
|
1553
1567
|
version
|
|
1554
1568
|
);
|
|
1555
1569
|
}
|
|
1556
|
-
const mcpUseVersion = isDevelopment ? "workspace:*" : versions["mcp-use"]
|
|
1570
|
+
const mcpUseVersion = isDevelopment ? "workspace:*" : versions["mcp-use"];
|
|
1557
1571
|
if (isDevelopment) {
|
|
1558
1572
|
processedContent = processedContent.replace(
|
|
1559
1573
|
/"mcp-use": "\^[^"]+"/,
|
|
@@ -2026,11 +2040,38 @@ async function main() {
|
|
|
2026
2040
|
);
|
|
2027
2041
|
process.exit(1);
|
|
2028
2042
|
}
|
|
2043
|
+
}
|
|
2044
|
+
let mcpUseVersion;
|
|
2045
|
+
if (options.dev) {
|
|
2046
|
+
mcpUseVersion = "workspace:*";
|
|
2047
|
+
} else if (options.sdkVersion) {
|
|
2048
|
+
mcpUseVersion = options.sdkVersion;
|
|
2049
|
+
} else {
|
|
2050
|
+
const defaultDistTag = getDefaultDistTag(packageJson.version);
|
|
2051
|
+
const response = await fetch("https://registry.npmjs.org/mcp-use", {
|
|
2052
|
+
headers: { Accept: "application/vnd.npm.install-v1+json" },
|
|
2053
|
+
signal: AbortSignal.timeout(1e4)
|
|
2054
|
+
});
|
|
2055
|
+
if (!response.ok) {
|
|
2056
|
+
throw new Error(
|
|
2057
|
+
`Failed to resolve the mcp-use ${defaultDistTag} dist-tag from npm (${response.status})`
|
|
2058
|
+
);
|
|
2059
|
+
}
|
|
2060
|
+
const metadata = await response.json();
|
|
2061
|
+
const defaultVersion = metadata["dist-tags"]?.[defaultDistTag];
|
|
2062
|
+
if (!defaultVersion) {
|
|
2063
|
+
throw new Error(
|
|
2064
|
+
`npm did not return a ${defaultDistTag} version for mcp-use`
|
|
2065
|
+
);
|
|
2066
|
+
}
|
|
2067
|
+
mcpUseVersion = defaultVersion;
|
|
2068
|
+
}
|
|
2069
|
+
const versions = { "mcp-use": mcpUseVersion };
|
|
2070
|
+
if (!useCurrentDir) {
|
|
2029
2071
|
mkdirSync(projectPath, { recursive: true });
|
|
2030
2072
|
}
|
|
2031
2073
|
console.log(cyan(`\u{1F680} Creating MCP server "${displayName}"...`));
|
|
2032
2074
|
const validatedTemplate = validateTemplateName(selectedTemplate);
|
|
2033
|
-
const versions = getCurrentPackageVersions(options.dev, options.sdkVersion);
|
|
2034
2075
|
await copyTemplate(projectPath, validatedTemplate, versions, options.dev);
|
|
2035
2076
|
updatePackageJson(projectPath, packageName);
|
|
2036
2077
|
updateIndexTs(projectPath, packageName);
|
|
@@ -2140,7 +2181,7 @@ async function main() {
|
|
|
2140
2181
|
console.log(bold("\u{1F4C1} Project structure:"));
|
|
2141
2182
|
console.log(` ${useCurrentDir ? "." : displayName}/`);
|
|
2142
2183
|
if (skillsInstalled) {
|
|
2143
|
-
console.log(" \u251C\u2500\u2500 .
|
|
2184
|
+
console.log(" \u251C\u2500\u2500 .agents/skills/");
|
|
2144
2185
|
console.log(" \u251C\u2500\u2500 .claude/skills/");
|
|
2145
2186
|
console.log(" \u251C\u2500\u2500 .cursor/skills/");
|
|
2146
2187
|
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export declare const SKILLS_REPO = "https://github.com/mcp-use/mcp-use.git";
|
|
2
|
+
export declare const SKILLS_SPARSE_PATH = "skills/mcp-apps-builder";
|
|
3
|
+
export declare const SKILLS_AGENT_DIRS: readonly [".cursor", ".claude", ".agents"];
|
|
4
|
+
export declare function getDefaultDistTag(packageVersion: string): "beta" | "latest";
|
|
5
|
+
export declare function getSkillsBranch(packageVersion: string): "beta" | "main";
|
|
6
|
+
export declare function getSkillsManualInstallCommand(packageVersion: string): string;
|
|
7
|
+
export declare function getSkillsCloneArgs(repoDir: string, packageVersion: string): string[];
|
|
8
|
+
//# sourceMappingURL=skills-config.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"skills-config.d.ts","sourceRoot":"","sources":["../src/skills-config.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,2CAA2C,CAAC;AACpE,eAAO,MAAM,kBAAkB,4BAA4B,CAAC;AAC5D,eAAO,MAAM,iBAAiB,4CAA6C,CAAC;AAE5E,wBAAgB,iBAAiB,CAAC,cAAc,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,CAE3E;AAED,wBAAgB,eAAe,CAAC,cAAc,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAEvE;AAED,wBAAgB,6BAA6B,CAAC,cAAc,EAAE,MAAM,GAAG,MAAM,CAG5E;AAED,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,MAAM,EACf,cAAc,EAAE,MAAM,GACrB,MAAM,EAAE,CAaV"}
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
"node": ">=22.22.2"
|
|
6
6
|
},
|
|
7
7
|
"version": "1.0.0",
|
|
8
|
-
"description": "
|
|
8
|
+
"description": "a minimal mcp-use server with no tools registered, ready to add your own",
|
|
9
9
|
"author": "mcp-use",
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"homepage": "https://github.com/mcp-use/mcp-use",
|
|
@@ -18,7 +18,6 @@
|
|
|
18
18
|
"mcp-use",
|
|
19
19
|
"manufact"
|
|
20
20
|
],
|
|
21
|
-
"main": "dist/index.js",
|
|
22
21
|
"scripts": {
|
|
23
22
|
"build": "mcp-use build",
|
|
24
23
|
"dev": "mcp-use dev",
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
"node": ">=22.22.2"
|
|
6
6
|
},
|
|
7
7
|
"version": "1.0.0",
|
|
8
|
-
"description": "an mcp-use server",
|
|
8
|
+
"description": "an mcp-use server with React views for MCP Apps",
|
|
9
9
|
"author": "mcp-use",
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"homepage": "https://github.com/mcp-use/mcp-use",
|
|
@@ -18,7 +18,6 @@
|
|
|
18
18
|
"mcp-use",
|
|
19
19
|
"manufact"
|
|
20
20
|
],
|
|
21
|
-
"main": "dist/index.js",
|
|
22
21
|
"scripts": {
|
|
23
22
|
"build": "mcp-use build",
|
|
24
23
|
"dev": "mcp-use dev",
|
|
@@ -31,23 +31,6 @@ export function PipIcon() {
|
|
|
31
31
|
);
|
|
32
32
|
}
|
|
33
33
|
|
|
34
|
-
export function CloseIcon() {
|
|
35
|
-
return (
|
|
36
|
-
<svg
|
|
37
|
-
width="14"
|
|
38
|
-
height="14"
|
|
39
|
-
viewBox="0 0 24 24"
|
|
40
|
-
fill="none"
|
|
41
|
-
stroke="currentColor"
|
|
42
|
-
strokeWidth="2"
|
|
43
|
-
aria-hidden
|
|
44
|
-
>
|
|
45
|
-
<line x1="18" y1="6" x2="6" y2="18" />
|
|
46
|
-
<line x1="6" y1="6" x2="18" y2="18" />
|
|
47
|
-
</svg>
|
|
48
|
-
);
|
|
49
|
-
}
|
|
50
|
-
|
|
51
34
|
export function SunIcon() {
|
|
52
35
|
return (
|
|
53
36
|
<svg
|
|
@@ -16,7 +16,6 @@ import { useState } from "react";
|
|
|
16
16
|
import { z } from "zod";
|
|
17
17
|
|
|
18
18
|
import {
|
|
19
|
-
CloseIcon,
|
|
20
19
|
ExpandIcon,
|
|
21
20
|
ExternalLinkIcon,
|
|
22
21
|
MonitorIcon,
|
|
@@ -124,65 +123,47 @@ export default function McpApp() {
|
|
|
124
123
|
</span>
|
|
125
124
|
</Tooltip>
|
|
126
125
|
</div>
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
126
|
+
{!isPip && (
|
|
127
|
+
<div className="flex items-center gap-2">
|
|
128
|
+
{availableDisplayModes.includes("pip") && (
|
|
129
|
+
<Tooltip
|
|
130
|
+
label="MCP Apps display mode: picture-in-picture"
|
|
131
|
+
multiline
|
|
132
|
+
>
|
|
133
|
+
<button
|
|
134
|
+
type="button"
|
|
135
|
+
className="cursor-pointer rounded-full border border-neutral-300 p-2 text-neutral-900 transition-colors hover:bg-neutral-100 dark:border-neutral-600 dark:text-neutral-100 dark:hover:bg-neutral-800"
|
|
136
|
+
aria-label="Picture-in-picture"
|
|
137
|
+
onClick={() => void requestDisplayMode({ mode: "pip" })}
|
|
134
138
|
>
|
|
135
|
-
<
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
multiline
|
|
139
|
+
<PipIcon />
|
|
140
|
+
</button>
|
|
141
|
+
</Tooltip>
|
|
142
|
+
)}
|
|
143
|
+
{availableDisplayModes.includes("fullscreen") && (
|
|
144
|
+
<Tooltip label="MCP Apps display mode: fullscreen" multiline>
|
|
145
|
+
<button
|
|
146
|
+
type="button"
|
|
147
|
+
className="cursor-pointer rounded-full border border-neutral-300 p-2 text-neutral-900 transition-colors hover:bg-neutral-100 dark:border-neutral-600 dark:text-neutral-100 dark:hover:bg-neutral-800"
|
|
148
|
+
aria-label="Fullscreen"
|
|
149
|
+
onClick={() =>
|
|
150
|
+
void requestDisplayMode({ mode: "fullscreen" })
|
|
151
|
+
}
|
|
149
152
|
>
|
|
150
|
-
<
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
}
|
|
157
|
-
>
|
|
158
|
-
<ExpandIcon />
|
|
159
|
-
</button>
|
|
160
|
-
</Tooltip>
|
|
161
|
-
)}
|
|
162
|
-
</>
|
|
163
|
-
)}
|
|
164
|
-
{(isFullscreen || isPip) && (
|
|
165
|
-
<Tooltip
|
|
166
|
-
label="MCP Apps display mode: return to inline"
|
|
167
|
-
multiline
|
|
168
|
-
>
|
|
169
|
-
<button
|
|
170
|
-
type="button"
|
|
171
|
-
className="cursor-pointer rounded-full border border-neutral-300 p-2 text-neutral-900 transition-colors hover:bg-neutral-100 dark:border-neutral-600 dark:text-neutral-100 dark:hover:bg-neutral-800"
|
|
172
|
-
aria-label="Exit"
|
|
173
|
-
onClick={() => void requestDisplayMode({ mode: "inline" })}
|
|
174
|
-
>
|
|
175
|
-
<CloseIcon />
|
|
176
|
-
</button>
|
|
177
|
-
</Tooltip>
|
|
178
|
-
)}
|
|
179
|
-
</div>
|
|
153
|
+
<ExpandIcon />
|
|
154
|
+
</button>
|
|
155
|
+
</Tooltip>
|
|
156
|
+
)}
|
|
157
|
+
</div>
|
|
158
|
+
)}
|
|
180
159
|
</div>
|
|
181
160
|
)}
|
|
182
161
|
{!isMobile && (
|
|
183
162
|
<button
|
|
184
163
|
type="button"
|
|
185
|
-
className=
|
|
164
|
+
className={`absolute left-1/2 z-20 flex -translate-x-1/2 cursor-pointer flex-col items-center gap-1 border-0 bg-transparent p-0 text-neutral-900 transition-opacity hover:opacity-80 disabled:cursor-not-allowed disabled:opacity-50 ${
|
|
165
|
+
isFullscreen ? "top-6" : "bottom-6"
|
|
166
|
+
}`}
|
|
186
167
|
disabled={!canOpenExternal}
|
|
187
168
|
title="mcp-use on GitHub"
|
|
188
169
|
onClick={() =>
|
|
@@ -202,7 +183,7 @@ export default function McpApp() {
|
|
|
202
183
|
<div
|
|
203
184
|
className={`relative z-10 flex flex-col items-center text-center ${
|
|
204
185
|
isFullscreen
|
|
205
|
-
? "min-h-0 flex-1 justify-center overflow-y-auto px-6
|
|
186
|
+
? "min-h-0 flex-1 justify-center overflow-y-auto px-6 pt-24 pb-8"
|
|
206
187
|
: isMobile
|
|
207
188
|
? "px-6 py-10"
|
|
208
189
|
: "min-h-[400px] px-8 py-8 pb-16 sm:min-h-[440px] sm:px-10 sm:py-10 sm:pb-16"
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
"node": ">=22.22.2"
|
|
6
6
|
},
|
|
7
7
|
"version": "1.0.0",
|
|
8
|
-
"description": "an mcp-use server",
|
|
8
|
+
"description": "an mcp-use server with example tools and zod validated input",
|
|
9
9
|
"author": "mcp-use",
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"homepage": "https://github.com/mcp-use/mcp-use",
|
|
@@ -18,7 +18,6 @@
|
|
|
18
18
|
"mcp-use",
|
|
19
19
|
"manufact"
|
|
20
20
|
],
|
|
21
|
-
"main": "dist/index.js",
|
|
22
21
|
"scripts": {
|
|
23
22
|
"build": "mcp-use build",
|
|
24
23
|
"dev": "mcp-use dev",
|
package/dist/utils.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAoCA,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAEjD;AAID,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAIvD;AAKD,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAQvD;AAMD,KAAK,WAAW,GAAG;IACjB,aAAa,EAAE,OAAO,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,WAAW,CAiB3E;AAED,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAoCA,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAEjD;AAID,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAIvD;AAKD,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAQvD;AAMD,KAAK,WAAW,GAAG;IACjB,aAAa,EAAE,OAAO,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,WAAW,CAiB3E;AAED,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,QAYzE;AAED,wBAAgB,aAAa,CAAC,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,QAUrE"}
|