create-mcp-use-app 2.0.0-beta.8 → 2.0.0-beta.9

package/README.md

@@ -57,7 +57,7 @@ my-mcp-server/
 ├── index.ts                              # MCP server entry point
 ├── package.json                          # Scripts and dependencies
 ├── tsconfig.json                         # TypeScript configuration
-├── mcp-env.d.ts                          # Generated view typing bridge
+├── mcp-env.d.ts                          # Managed view typing bridge
 ├── public/                               # Static assets
 └── views/                                # Included by the mcp-apps template
     └── product-search-result/
@@ -74,6 +74,7 @@ my-mcp-server/
 | **🎨 MCP Apps Views**   | React views discovered and bundled by the CLI      |
 | **🛠️ Example Tools**    | Sample MCP tools, resources, and prompts          |
 | **📦 Build Scripts**    | Ready-to-use development and production scripts   |
+| **✅ Type Checking**    | Refreshes MCP view types, then runs local TypeScript |
 | **🚀 Production Ready** | Optimized build configuration                     |
 
 ---
@@ -285,7 +286,7 @@ The inspector automatically opens at `http://localhost:3000/mcp/inspector` where
 Bind a tool to a view with the tool definition's `view` field:
 
 ```typescript
-server.tool(
+export const showAnalytics = server.tool(
   {
     name: "show-analytics",
     description: "Show analytics for a reporting period",
@@ -316,9 +317,7 @@ interface Analytics {
 
 export default function AnalyticsDashboard() {
   const view = useToolContext();
-  const refresh = useCallTool<{ period: string }, Analytics>(
-    "show-analytics"
-  );
+  const refresh = useCallTool("show-analytics");
 
   if (view.status === "pending") return <p>Loading analytics…</p>;
   if (view.status === "error") return <p>{view.error.message}</p>;

package/dist/index.js

@@ -2146,6 +2146,7 @@ async function main() {
   }
   if (validatedTemplate === "blank") {
     console.log("   \u251C\u2500\u2500 public/");
+    console.log("   \u251C\u2500\u2500 mcp-env.d.ts");
     console.log("   \u251C\u2500\u2500 index.ts (server entry point)");
     console.log("   \u251C\u2500\u2500 package.json");
     console.log("   \u251C\u2500\u2500 tsconfig.json");
@@ -2167,6 +2168,7 @@ async function main() {
     console.log("   \u251C\u2500\u2500 tsconfig.json");
     console.log("   \u2514\u2500\u2500 README.md");
   } else if (validatedTemplate === "mcp-server") {
+    console.log("   \u251C\u2500\u2500 mcp-env.d.ts");
     console.log("   \u251C\u2500\u2500 index.ts (server entry point)");
     console.log("   \u251C\u2500\u2500 package.json");
     console.log("   \u251C\u2500\u2500 tsconfig.json");

package/dist/templates/blank/README.md

@@ -15,6 +15,8 @@ Open [http://localhost:3000/mcp/inspector](http://localhost:3000/mcp/inspector)
 
 You can start building by editing the entry file. Add tools, resources, and prompts — the server auto-reloads as you edit.
 
+Run `npm run typecheck` to refresh MCP view types and check the project with its local TypeScript compiler.
+
 ## Learn More
 
 To learn more about mcp-use and MCP:

package/dist/templates/blank/mcp-env.d.ts

@@ -0,0 +1,10 @@
+// Generated by mcp-use. Do not edit.
+declare module "*.css";
+
+declare module "mcp-use/react" {
+  interface Register {
+    tools: typeof import("./index.js");
+  }
+}
+
+export {};

package/dist/templates/blank/package.json

@@ -24,7 +24,7 @@
     "dev": "mcp-use dev",
     "start": "mcp-use start",
     "deploy": "mcp-use deploy",
-    "typecheck": "tsc --noEmit"
+    "typecheck": "mcp-use typecheck"
   },
   "dependencies": {
     "mcp-use": "workspace:*"

package/dist/templates/mcp-apps/README.md

@@ -15,6 +15,8 @@ Open [http://localhost:3000/mcp/inspector](http://localhost:3000/mcp/inspector)
 
 You can start building by editing the entry file. Add tools, resources, and prompts — the server auto-reloads as you edit.
 
+Run `npm run typecheck` to refresh MCP view types and check the project with its local TypeScript compiler. Statically declared tools used by views must be assigned to exported constants.
+
 ## Learn More
 
 To learn more about mcp-use and MCP:

package/dist/templates/mcp-apps/mcp-env.d.ts

@@ -1,4 +1,4 @@
-// mcp-use auto-generated typing
+// Generated by mcp-use. Do not edit.
 declare module "*.css";
 
 declare module "mcp-use/react" {

package/dist/templates/mcp-apps/package.json

@@ -24,7 +24,7 @@
     "dev": "mcp-use dev",
     "start": "mcp-use start",
     "deploy": "mcp-use deploy",
-    "typecheck": "tsc --noEmit"
+    "typecheck": "mcp-use typecheck"
   },
   "dependencies": {
     "mcp-use": "workspace:*",

package/dist/templates/mcp-server/README.md

@@ -15,6 +15,8 @@ Open [http://localhost:3000/mcp/inspector](http://localhost:3000/mcp/inspector)
 
 You can start building by editing the entry file. Add tools and prompts — the server auto-reloads as you edit.
 
+Run `npm run typecheck` to refresh MCP view types and check the project with its local TypeScript compiler.
+
 ## Learn More
 
 To learn more about mcp-use and MCP:

package/dist/templates/mcp-server/index.ts

@@ -8,7 +8,7 @@ const server = new MCPServer({
   description: "An MCP server built with mcp-use",
 });
 
-server.tool(
+export const fetchWeather = server.tool(
   {
     name: "fetch-weather",
     description: "Return demo weather for a city",

package/dist/templates/mcp-server/mcp-env.d.ts

@@ -0,0 +1,10 @@
+// Generated by mcp-use. Do not edit.
+declare module "*.css";
+
+declare module "mcp-use/react" {
+  interface Register {
+    tools: typeof import("./index.js");
+  }
+}
+
+export {};

package/dist/templates/mcp-server/package.json

@@ -24,7 +24,7 @@
     "dev": "mcp-use dev",
     "start": "mcp-use start",
     "deploy": "mcp-use deploy",
-    "typecheck": "tsc --noEmit"
+    "typecheck": "mcp-use typecheck"
   },
   "dependencies": {
     "mcp-use": "workspace:*",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-mcp-use-app",
-  "version": "2.0.0-beta.8",
+  "version": "2.0.0-beta.9",
   "type": "module",
   "description": "Create MCP-Use apps with one command",
   "author": "mcp-use, Inc.",