flutterflow-mcp 0.2.2 → 0.2.5

package/build/index.js

@@ -21,6 +21,12 @@ import { registerModifyComponentPrompt } from "./prompts/modify-component.js";
 import { registerInspectProjectPrompt } from "./prompts/inspect-project.js";
 import { registerDevWorkflowPrompt } from "./prompts/dev-workflow.js";
 import { registerGetYamlDocsTool } from "./tools/get-yaml-docs.js";
+import { registerGetAppStateTool } from "./tools/get-app-state.js";
+import { registerGetApiEndpointsTool } from "./tools/get-api-endpoints.js";
+import { registerGetDataModelsTool } from "./tools/get-data-models.js";
+import { registerGetCustomCodeTool } from "./tools/get-custom-code.js";
+import { registerGetProjectConfigTool } from "./tools/get-project-config.js";
+import { registerGetThemeTool } from "./tools/get-theme.js";
 const server = new McpServer({
     name: "ff-mcp",
     version: "0.1.0",
@@ -40,6 +46,12 @@ registerGetComponentSummaryTool(server);
 registerFindComponentUsagesTool(server);
 registerFindPageNavigationsTool(server);
 registerGetYamlDocsTool(server);
+registerGetAppStateTool(server);
+registerGetApiEndpointsTool(server);
+registerGetDataModelsTool(server);
+registerGetCustomCodeTool(server);
+registerGetProjectConfigTool(server);
+registerGetThemeTool(server);
 // Register resources
 registerResources(server, client);
 registerDocsResources(server);

package/build/tools/find-component-usages.d.ts

@@ -4,4 +4,18 @@
  * Zero API calls: everything comes from the local .ff-cache.
  */
 import { McpServer } from "@modelcontextprotocol/sdk/server/mcp.js";
+/**
+ * Resolve the value of a parameter pass to a readable string.
+ */
+export declare function resolveParamValue(paramObj: Record<string, unknown>): string;
+/**
+ * Extract parent context (page or component name + ID) from a file key path.
+ * Examples:
+ *   "page/id-Scaffold_xxx/page-widget-tree-outline/node/id-Widget_yyy"
+ *   "component/id-Container_xxx/component-widget-tree-outline/node/id-Widget_yyy"
+ */
+export declare function parseParentFromKey(fileKey: string): {
+    type: "page" | "component";
+    id: string;
+} | null;
 export declare function registerFindComponentUsagesTool(server: McpServer): void;

package/build/tools/find-component-usages.js

@@ -2,23 +2,14 @@ import { z } from "zod";
 import YAML from "yaml";
 import { cacheRead, cacheMeta, listCachedKeys, } from "../utils/cache.js";
 import { resolveComponent } from "./get-component-summary.js";
+import { batchProcess } from "../utils/batch-process.js";
 // ---------------------------------------------------------------------------
 // Helpers
 // ---------------------------------------------------------------------------
-/** Batch-process items in groups to avoid overwhelming the file system. */
-async function batchProcess(items, batchSize, fn) {
-    const results = [];
-    for (let i = 0; i < items.length; i += batchSize) {
-        const batch = items.slice(i, i + batchSize);
-        const batchResults = await Promise.all(batch.map(fn));
-        results.push(...batchResults);
-    }
-    return results;
-}
 /**
  * Resolve the value of a parameter pass to a readable string.
  */
-function resolveParamValue(paramObj) {
+export function resolveParamValue(paramObj) {
     // Check for variable source (e.g. INTERNATIONALIZATION)
     const variable = paramObj.variable;
     if (variable) {
@@ -60,7 +51,7 @@ function resolveParamValue(paramObj) {
  *   "page/id-Scaffold_xxx/page-widget-tree-outline/node/id-Widget_yyy"
  *   "component/id-Container_xxx/component-widget-tree-outline/node/id-Widget_yyy"
  */
-function parseParentFromKey(fileKey) {
+export function parseParentFromKey(fileKey) {
     const pageMatch = fileKey.match(/^page\/id-(Scaffold_\w+)\//);
     if (pageMatch)
         return { type: "page", id: pageMatch[1] };

package/build/tools/find-page-navigations.d.ts

@@ -4,4 +4,23 @@
  * Zero API calls: everything comes from the local .ff-cache.
  */
 import { McpServer } from "@modelcontextprotocol/sdk/server/mcp.js";
+/**
+ * Parse parent context from an action file key.
+ * Example: "page/id-Scaffold_XXX/page-widget-tree-outline/node/id-Widget_YYY/trigger_actions/id-ON_TAP/action/id-zzz"
+ */
+export declare function parseActionContext(fileKey: string): {
+    parentType: "page" | "component";
+    parentId: string;
+    widgetKey: string;
+    trigger: string;
+} | null;
+/**
+ * Recursively search an object for a navigate action targeting the given scaffold ID.
+ * Returns navigate details if found, including whether it's inside a disableAction.
+ */
+export declare function findNavigateAction(obj: unknown, targetScaffoldId: string, isDisabled: boolean, depth: number): {
+    disabled: boolean;
+    allowBack: boolean;
+    passedParams: string[];
+} | null;
 export declare function registerFindPageNavigationsTool(server: McpServer): void;

package/build/tools/find-page-navigations.js

@@ -2,23 +2,15 @@ import { z } from "zod";
 import YAML from "yaml";
 import { cacheRead, cacheMeta, listCachedKeys, } from "../utils/cache.js";
 import { resolvePage } from "./get-page-summary.js";
+import { batchProcess } from "../utils/batch-process.js";
 // ---------------------------------------------------------------------------
 // Helpers
 // ---------------------------------------------------------------------------
-async function batchProcess(items, batchSize, fn) {
-    const results = [];
-    for (let i = 0; i < items.length; i += batchSize) {
-        const batch = items.slice(i, i + batchSize);
-        const batchResults = await Promise.all(batch.map(fn));
-        results.push(...batchResults);
-    }
-    return results;
-}
 /**
  * Parse parent context from an action file key.
  * Example: "page/id-Scaffold_XXX/page-widget-tree-outline/node/id-Widget_YYY/trigger_actions/id-ON_TAP/action/id-zzz"
  */
-function parseActionContext(fileKey) {
+export function parseActionContext(fileKey) {
     // Page action
     const pageMatch = fileKey.match(/^page\/id-(Scaffold_\w+)\/.*\/node\/id-(\w+)\/trigger_actions\/id-([^/]+)\/action\//);
     if (pageMatch) {
@@ -45,7 +37,7 @@ function parseActionContext(fileKey) {
  * Recursively search an object for a navigate action targeting the given scaffold ID.
  * Returns navigate details if found, including whether it's inside a disableAction.
  */
-function findNavigateAction(obj, targetScaffoldId, isDisabled, depth) {
+export function findNavigateAction(obj, targetScaffoldId, isDisabled, depth) {
     if (!obj || typeof obj !== "object" || depth > 12)
         return null;
     const o = obj;

package/build/tools/get-api-endpoints.d.ts

@@ -0,0 +1,2 @@
+import { McpServer } from "@modelcontextprotocol/sdk/server/mcp.js";
+export declare function registerGetApiEndpointsTool(server: McpServer): void;

package/build/tools/get-api-endpoints.js

@@ -0,0 +1,126 @@
+import { z } from "zod";
+import YAML from "yaml";
+import { cacheRead, cacheMeta, listCachedKeys } from "../utils/cache.js";
+import { batchProcess } from "../utils/batch-process.js";
+function parseEndpoint(content) {
+    const doc = YAML.parse(content);
+    if (!doc)
+        return null;
+    const identifier = doc.identifier;
+    const name = identifier?.name || "Unknown";
+    const method = doc.callType || "GET";
+    const url = doc.url || "";
+    const bodyType = doc.bodyType;
+    const body = doc.body;
+    const variables = [];
+    const rawVars = doc.variables;
+    if (Array.isArray(rawVars)) {
+        for (const v of rawVars) {
+            const vid = v.identifier;
+            const vName = vid?.name || "unknown";
+            const vType = v.type || "String";
+            variables.push({ name: vName, type: vType });
+        }
+    }
+    const headers = [];
+    const rawHeaders = doc.headers;
+    if (Array.isArray(rawHeaders)) {
+        headers.push(...rawHeaders);
+    }
+    const responseFields = [];
+    const rawJsonPaths = doc.jsonPathDefinitions;
+    if (Array.isArray(rawJsonPaths)) {
+        for (const jp of rawJsonPaths) {
+            const jpId = jp.identifier;
+            const jpName = jpId?.name || "unknown";
+            const jpDef = jp.jsonPath;
+            const path = jpDef?.jsonPath || "";
+            const returnParam = jpDef?.returnParameter;
+            const dt = returnParam?.dataType;
+            const scalarType = dt?.scalarType || "String";
+            responseFields.push({ name: jpName, type: scalarType, jsonPath: path });
+        }
+    }
+    return { name, method, url, bodyType, body, variables, headers, responseFields };
+}
+function formatEndpoints(endpoints) {
+    if (endpoints.length === 0)
+        return "No API endpoints found in cache.";
+    const lines = [`# API Endpoints (${endpoints.length})`];
+    for (const ep of endpoints) {
+        lines.push("");
+        lines.push(`## ${ep.name}`);
+        lines.push(`Method: ${ep.method}`);
+        lines.push(`URL: ${ep.url}`);
+        if (ep.bodyType)
+            lines.push(`Body type: ${ep.bodyType}`);
+        if (ep.variables.length > 0) {
+            lines.push("Variables:");
+            for (const v of ep.variables) {
+                lines.push(`  - ${v.name}: ${v.type}`);
+            }
+        }
+        if (ep.headers.length > 0) {
+            lines.push("Headers:");
+            for (const h of ep.headers) {
+                lines.push(`  - ${h}`);
+            }
+        }
+        if (ep.responseFields.length > 0) {
+            lines.push("Response fields:");
+            for (const rf of ep.responseFields) {
+                lines.push(`  - ${rf.name}: ${rf.type} (${rf.jsonPath})`);
+            }
+        }
+    }
+    return lines.join("\n");
+}
+export function registerGetApiEndpointsTool(server) {
+    server.tool("get_api_endpoints", "Get API endpoint definitions from local cache — method, URL, variables, headers, response fields. No API calls. Run sync_project first if not cached.", {
+        projectId: z.string().describe("The FlutterFlow project ID"),
+        name: z
+            .string()
+            .optional()
+            .describe("Case-insensitive filter on endpoint name"),
+    }, async ({ projectId, name }) => {
+        const meta = await cacheMeta(projectId);
+        if (!meta) {
+            return {
+                content: [
+                    {
+                        type: "text",
+                        text: `No cache found for project "${projectId}". Run sync_project first to download the project YAML files.`,
+                    },
+                ],
+            };
+        }
+        const allKeys = await listCachedKeys(projectId, "api-endpoint/id-");
+        const topLevelKeys = allKeys.filter((k) => /^api-endpoint\/id-[a-z0-9]+$/i.test(k));
+        const parsed = await batchProcess(topLevelKeys, 10, async (key) => {
+            const content = await cacheRead(projectId, key);
+            if (!content)
+                return null;
+            return parseEndpoint(content);
+        });
+        let endpoints = parsed.filter((ep) => ep !== null);
+        if (name) {
+            const lower = name.toLowerCase();
+            const filtered = endpoints.filter((ep) => ep.name.toLowerCase().includes(lower));
+            if (filtered.length === 0) {
+                const available = endpoints.map((ep) => ep.name).join(", ");
+                return {
+                    content: [
+                        {
+                            type: "text",
+                            text: `No API endpoints matching '${name}' found. Available: ${available}`,
+                        },
+                    ],
+                };
+            }
+            endpoints = filtered;
+        }
+        return {
+            content: [{ type: "text", text: formatEndpoints(endpoints) }],
+        };
+    });
+}

package/build/tools/get-app-state.d.ts

@@ -0,0 +1,2 @@
+import { McpServer } from "@modelcontextprotocol/sdk/server/mcp.js";
+export declare function registerGetAppStateTool(server: McpServer): void;

package/build/tools/get-app-state.js

@@ -0,0 +1,96 @@
+import { z } from "zod";
+import YAML from "yaml";
+import { cacheRead, cacheMeta } from "../utils/cache.js";
+import { resolveDataType } from "../utils/resolve-data-type.js";
+export function registerGetAppStateTool(server) {
+    server.tool("get_app_state", "Get app state variables, constants, and environment settings from local cache. No API calls. Run sync_project first if not cached.", {
+        projectId: z.string().describe("The FlutterFlow project ID"),
+    }, async ({ projectId }) => {
+        const meta = await cacheMeta(projectId);
+        if (!meta) {
+            return {
+                content: [
+                    {
+                        type: "text",
+                        text: `No cache found for project "${projectId}". Run sync_project first.`,
+                    },
+                ],
+            };
+        }
+        const sections = ["# App State"];
+        // --- State Variables ---
+        const appStateYaml = await cacheRead(projectId, "app-state");
+        if (appStateYaml) {
+            const doc = YAML.parse(appStateYaml);
+            const fields = doc.fields || [];
+            const lines = [];
+            for (const field of fields) {
+                const name = field.parameter?.identifier?.name || "unknown";
+                const dt = resolveDataType(field.parameter?.dataType || {});
+                const parts = [`- ${name}: ${dt}`];
+                if (field.persisted)
+                    parts.push("(persisted)");
+                if (field.serializedDefaultValue && field.serializedDefaultValue.length > 0) {
+                    const joined = field.serializedDefaultValue
+                        .map((v) => `"${v}"`)
+                        .join(", ");
+                    parts.push(`[default: ${joined}]`);
+                }
+                lines.push(parts.join(" "));
+            }
+            sections.push("\n## State Variables");
+            if (lines.length > 0) {
+                sections.push(lines.join("\n"));
+            }
+            const secure = doc.securePersistedValues ?? false;
+            sections.push(`\nSecure persisted values: ${secure ? "Yes" : "No"}`);
+        }
+        // --- Constants ---
+        const constantsYaml = await cacheRead(projectId, "app-constants");
+        if (constantsYaml) {
+            const doc = YAML.parse(constantsYaml);
+            const fields = doc.fields || [];
+            const lines = [];
+            for (const field of fields) {
+                const name = field.parameter?.identifier?.name || "unknown";
+                const dt = resolveDataType(field.parameter?.dataType || {});
+                const vals = field.serializedValue || [];
+                const formatted = vals.map((v) => `"${v}"`).join(", ");
+                lines.push(`- ${name}: ${dt} = [${formatted}]`);
+            }
+            sections.push("\n## Constants");
+            if (lines.length > 0) {
+                sections.push(lines.join("\n"));
+            }
+        }
+        // --- Environment Settings ---
+        const envYaml = await cacheRead(projectId, "environment-settings");
+        if (envYaml) {
+            const doc = YAML.parse(envYaml);
+            const currentEnv = doc.currentEnvironment;
+            const envValues = doc.environmentValues || [];
+            sections.push("\n## Environment Settings");
+            if (currentEnv) {
+                sections.push(`Current: ${currentEnv.name || "unknown"} (${currentEnv.key || "?"})`);
+            }
+            const lines = [];
+            for (const ev of envValues) {
+                const name = ev.parameter?.identifier?.name || "unknown";
+                const dt = resolveDataType(ev.parameter?.dataType || {});
+                const privateTag = ev.isPrivate ? " (private)" : "";
+                lines.push(`- ${name}: ${dt}${privateTag}`);
+                const valuesMap = ev.valuesMap || {};
+                for (const [envKey, envVal] of Object.entries(valuesMap)) {
+                    const display = ev.isPrivate ? "****" : (envVal.serializedValue ?? "");
+                    lines.push(`  ${envKey}: ${display}`);
+                }
+            }
+            if (lines.length > 0) {
+                sections.push(lines.join("\n"));
+            }
+        }
+        return {
+            content: [{ type: "text", text: sections.join("\n") }],
+        };
+    });
+}

package/build/tools/get-component-summary.js

@@ -110,6 +110,8 @@ outline) {
         name: nodeInfo.name,
         slot: outline.slot,
         detail: nodeInfo.detail,
+        componentRef: nodeInfo.componentRef,
+        componentId: nodeInfo.componentId,
         triggers,
         children,
     };
@@ -118,7 +120,7 @@ outline) {
 // Tool registration
 // ---------------------------------------------------------------------------
 export function registerGetComponentSummaryTool(server) {
-    server.tool("get_component_summary", "Get a readable summary of a FlutterFlow component from local cache — widget tree, actions, params. No API calls. Run sync_project first if not cached.", {
+    server.tool("get_component_summary", "Get a readable summary of a FlutterFlow component from local cache — widget tree, actions, params. Nested component references are resolved to show [ComponentName] (ComponentId). No API calls. Run sync_project first if not cached.", {
         projectId: z.string().describe("The FlutterFlow project ID"),
         componentName: z
             .string()

package/build/tools/get-custom-code.d.ts

@@ -0,0 +1,2 @@
+import { McpServer } from "@modelcontextprotocol/sdk/server/mcp.js";
+export declare function registerGetCustomCodeTool(server: McpServer): void;