feat: add build before start. this one is for you, vibe coders ;)

Author: QuantGeekDev

README.md

@@ -46,8 +46,17 @@ The framework provides a powerful CLI for managing your MCP server projects:
 ```bash
 # Create a new project
 mcp create <your project name here>
+
+# Create a new project with the new EXPERIMENTAL HTTP transport
+Heads up: This will set cors allowed origin to "*", modify it in the index if you wish
+mcp create <your project name here> --http --port 3000 --cors
 ```
 
+# Options:
+# --http: Use HTTP transport instead of default stdio
+# --port <number>: Specify HTTP port (default: 8080)
+# --cors: Enable CORS with wildcard (*) access
+
 ### Adding a Tool
 
 ```bash
@@ -250,47 +259,9 @@ const server = new MCPServer({
 });
 ```
 
-#### CORS Configuration
-
-The SSE transport supports flexible CORS configuration. By default, it uses permissive settings suitable for development. For production, you should configure CORS according to your security requirements:
-
-```typescript
-const server = new MCPServer({
-  transport: {
-    type: "sse",
-    options: {
-      // Restrict to specific origin
-      cors: {
-        allowOrigin: "https://myapp.com",
-        allowMethods: "GET, POST",
-        allowHeaders: "Content-Type, Authorization",
-        exposeHeaders: "Content-Type, Authorization",
-        maxAge: "3600"
-      }
-    }
-  }
-});
-
-// Or with multiple allowed origins
-const server = new MCPServer({
-  transport: {
-    type: "sse",
-    options: {
-      cors: {
-        allowOrigin: "https://app1.com, https://app2.com",
-        allowMethods: "GET, POST, OPTIONS",
-        allowHeaders: "Content-Type, Authorization, Custom-Header",
-        exposeHeaders: "Content-Type, Authorization",
-        maxAge: "86400"
-      }
-    }
-  }
-});
-```
-
-### HTTP Stream Transport (New!)
+### HTTP Stream Transport
 
-The HTTP Stream transport provides a streamable JSON-RPC interface over HTTP with support for batch and streaming response modes:
+To use HTTP Stream transport:
 
 ```typescript
 const server = new MCPServer({
@@ -316,13 +287,9 @@ const server = new MCPServer({
         historyDuration: 300000, // Optional (default: 300000ms = 5min) - how long to keep message history
       },
       
-      // CORS configuration (same as SSE transport)
+      // CORS configuration
       cors: {
-        allowOrigin: "*",
-        allowMethods: "GET, POST, DELETE, OPTIONS",
-        allowHeaders: "Content-Type, Accept, Authorization, x-api-key, Mcp-Session-Id, Last-Event-ID",
-        exposeHeaders: "Content-Type, Authorization, x-api-key, Mcp-Session-Id",
-        maxAge: "86400"
+        allowOrigin: "*"         // Other CORS options use defaults
       }
     }
   }

package.json

@@ -1,6 +1,7 @@
 {
   "name": "mcp-framework",
-  "version": "0.2.1",
+  "version": "0.2.2-beta.1",
+
   "description": "Framework for building Model Context Protocol (MCP) servers in Typescript",
   "type": "module",
   "author": "Alex Andru <[email protected]>",

src/cli/index.ts

@@ -11,7 +11,7 @@ const program = new Command();
 program
   .name("mcp")
   .description("CLI for managing MCP server projects")
-  .version("0.2.0");
+  .version("0.2.2");
 
 program
   .command("build")
@@ -22,6 +22,9 @@ program
   .command("create")
   .description("Create a new MCP server project")
   .argument("[name]", "project name")
+  .option("--http", "use HTTP transport instead of default stdio")
+  .option("--cors", "enable CORS with wildcard (*) access")
+  .option("--port <number>", "specify HTTP port (only valid with --http)", (val) => parseInt(val, 10))
   .action(createProject);
 
 program

src/cli/project/create.ts

@@ -5,7 +5,7 @@ import prompts from "prompts";
 import { generateReadme } from "../templates/readme.js";
 import { execa } from "execa";
 
-export async function createProject(name?: string) {
+export async function createProject(name?: string, options?: { http?: boolean, cors?: boolean, port?: number }) {
   let projectName: string;
 
   if (!name) {
@@ -57,7 +57,7 @@ export async function createProject(name?: string) {
       scripts: {
         build: "tsc && mcp-build",
         watch: "tsc --watch",
-        start: "node dist/index.js"
+        start: "npm run build && node dist/index.js"
       },
       dependencies: {
         "mcp-framework": "^0.2.1"
@@ -84,11 +84,38 @@ export async function createProject(name?: string) {
       exclude: ["node_modules"],
     };
 
-    const indexTs = `import { MCPServer } from "mcp-framework";
+    let indexTs = "";
+    
+    if (options?.http) {
+      const port = options.port || 8080;
+      let transportConfig = `\n  transport: {
+    type: "http-stream",
+    options: {
+      port: ${port}`;
+      
+      if (options.cors) {
+        transportConfig += `,
+      cors: {
+        allowOrigin: "*"
+      }`;
+      }
+      
+      transportConfig += `
+    }
+  }`;
+      
+      indexTs = `import { MCPServer } from "mcp-framework";
+
+const server = new MCPServer({${transportConfig}});
+
+server.start();`;
+    } else {
+      indexTs = `import { MCPServer } from "mcp-framework";
 
 const server = new MCPServer();
 
 server.start();`;
+    }
 
     const exampleToolTs = `import { MCPTool } from "mcp-framework";
 import { z } from "zod";
@@ -175,7 +202,7 @@ Project ${projectName} created and built successfully!
 You can now:
 1. cd ${projectName}
 2. Add more tools using:
-   mcp add tool <name>
+   mcp add tool <n>
     `);
   } catch (error) {
     console.error("Error creating project:", error);