@netpad/mcp-server 2.3.1 → 2.4.1

package/dist/index.js

@@ -22053,7 +22053,7 @@ See the full source code in \`packages/demo-node/src/index.ts\` for complete imp
   );
   server.tool(
     "generate_form",
-    "Generate a complete NetPad form configuration from a description. Returns validated TypeScript code by default (can optionally return JSON). The TypeScript output includes inline types, form config, and API functions - ready to run with `npx tsx`.",
+    "Generate a complete NetPad form configuration from a description. IMPORTANT: The output includes a direct import link that users should click to import the form into NetPad - always present this link prominently to users. Also returns TypeScript code for programmatic use.",
     {
       description: external_exports.string().describe("Natural language description of the form to generate"),
       formName: external_exports.string().describe("Name of the form"),
@@ -22167,21 +22167,158 @@ async function main() {
         functionsCode,
         mainCode
       });
+      const importConfig = {
+        name: schema.name,
+        description: schema.description,
+        fieldConfigs: schema.fieldConfigs,
+        multiPage: schema.multiPage,
+        theme: schema.theme
+      };
+      const base64Config = Buffer.from(JSON.stringify(importConfig)).toString("base64");
+      const baseUrl = process.env.NETPAD_URL || "https://netpad.io";
+      const importUrl = `${baseUrl}/api/forms/import?config=${base64Config}&source=claude-mcp`;
       const output = createToolOutput({
         code,
         filename: `${slug}.ts`,
         envVars: STANDARD_ENV_VARS
       });
+      const outputWithImport = `# ${schema.name}
+
+${schema.description || ""}
+
+## \u{1F680} Import to NetPad (Recommended)
+
+Click this link to import the form directly into your NetPad account:
+
+**[\u27A1\uFE0F Import "${schema.name}" to NetPad](${importUrl})**
+
+This will open NetPad where you can:
+1. Select a project to import into
+2. Preview and customize the form
+3. Save and deploy
+
+---
+
+## Alternative: TypeScript Code
+
+If you prefer to work with code, here's the complete TypeScript implementation:
+
+${formatToolOutput(output)}`;
       return {
         content: [
           {
             type: "text",
-            text: formatToolOutput(output)
+            text: outputWithImport
           }
         ]
       };
     }
   );
+  server.tool(
+    "create_import_link",
+    "Create a shareable import link for a NetPad form configuration. Use this to generate a short, reliable import URL that users can click to import the form directly into their NetPad account. Recommended for complex forms or when the base64 URL would be too long.",
+    {
+      config: external_exports.object({
+        name: external_exports.string().describe("Form name"),
+        description: external_exports.string().optional().describe("Form description"),
+        fieldConfigs: external_exports.array(external_exports.object({
+          path: external_exports.string(),
+          label: external_exports.string(),
+          type: external_exports.string(),
+          included: external_exports.boolean(),
+          required: external_exports.boolean().optional(),
+          placeholder: external_exports.string().optional(),
+          options: external_exports.array(external_exports.any()).optional(),
+          validation: external_exports.any().optional(),
+          conditionalLogic: external_exports.any().optional()
+        })).describe("Array of field configurations"),
+        multiPage: external_exports.any().optional().describe("Multi-page configuration"),
+        theme: external_exports.any().optional().describe("Theme configuration")
+      }).describe("Form configuration object"),
+      projectId: external_exports.string().optional().describe("Target project ID (user will pick if not specified)"),
+      expiresIn: external_exports.number().optional().describe("Expiry time in seconds (default: 24 hours, max: 7 days)")
+    },
+    async ({ config: config2, projectId, expiresIn }) => {
+      const baseUrl = process.env.NETPAD_URL || "https://netpad.io";
+      try {
+        const response = await fetch(`${baseUrl}/api/forms/import`, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json"
+          },
+          body: JSON.stringify({
+            config: config2,
+            projectId,
+            source: "claude-mcp",
+            expiresIn: expiresIn || 86400,
+            // Default 24 hours
+            mcpVersion: "2.3.0"
+          })
+        });
+        if (!response.ok) {
+          const error48 = await response.json().catch(() => ({}));
+          return {
+            content: [
+              {
+                type: "text",
+                text: `\u274C Failed to create import link: ${error48.error || response.statusText}
+
+Fallback: Use the generate_form tool with outputFormat: "json" and manually import the config.`
+              }
+            ]
+          };
+        }
+        const result = await response.json();
+        return {
+          content: [
+            {
+              type: "text",
+              text: `\u2705 **Import Link Created!**
+
+**Form:** ${config2.name}
+**Fields:** ${config2.fieldConfigs.length}
+**Expires:** ${new Date(result.expiresAt).toLocaleString()}
+
+---
+
+## Click to Import
+
+[**\u2192 Import "${config2.name}" to NetPad**](${result.importUrl})
+
+---
+
+**Import ID:** \`${result.importId}\`
+**Direct URL:** ${result.importUrl}
+
+The user will be prompted to log in (if needed) and select a project before importing.`
+            }
+          ]
+        };
+      } catch (error48) {
+        const base64Config = Buffer.from(JSON.stringify(config2)).toString("base64");
+        const fallbackUrl = `${baseUrl}/api/forms/import?config=${base64Config}&source=claude-mcp`;
+        return {
+          content: [
+            {
+              type: "text",
+              text: `\u26A0\uFE0F Could not create short import link (API unavailable). Using fallback URL.
+
+**Form:** ${config2.name}
+**Fields:** ${config2.fieldConfigs.length}
+
+---
+
+## Fallback Import Link
+
+[**\u2192 Import "${config2.name}" to NetPad**](${fallbackUrl})
+
+Note: This URL may be long. If it doesn't work, ask the user to use the NetPad form builder directly.`
+            }
+          ]
+        };
+      }
+    }
+  );
   server.tool(
     "generate_field",
     "Generate a single field configuration for a NetPad form. Use this when you need to add a specific field to an existing form.",