flutterflow-mcp 0.2.3 → 0.3.0

package/build/index.js

@@ -21,6 +21,18 @@ 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 { registerGetThemeTool } from "./tools/get-theme.js";
+import { registerGetEditingGuideTool } from "./tools/get-editing-guide.js";
+import { registerSearchProjectFilesTool } from "./tools/search-project-files.js";
+import { registerGetGeneralSettingsTool } from "./tools/get-general-settings.js";
+import { registerGetProjectSetupTool } from "./tools/get-project-setup.js";
+import { registerGetAppSettingsTool } from "./tools/get-app-settings.js";
+import { registerGetInAppPurchasesTool } from "./tools/get-in-app-purchases.js";
+import { registerGetIntegrationsTool } from "./tools/get-integrations.js";
 const server = new McpServer({
     name: "ff-mcp",
     version: "0.1.0",
@@ -40,6 +52,18 @@ registerGetComponentSummaryTool(server);
 registerFindComponentUsagesTool(server);
 registerFindPageNavigationsTool(server);
 registerGetYamlDocsTool(server);
+registerGetAppStateTool(server);
+registerGetApiEndpointsTool(server);
+registerGetDataModelsTool(server);
+registerGetCustomCodeTool(server);
+registerGetThemeTool(server);
+registerGetEditingGuideTool(server);
+registerSearchProjectFilesTool(server);
+registerGetGeneralSettingsTool(server);
+registerGetProjectSetupTool(server);
+registerGetAppSettingsTool(server);
+registerGetInAppPurchasesTool(server);
+registerGetIntegrationsTool(server);
 // Register resources
 registerResources(server, client);
 registerDocsResources(server);

package/build/prompts/generate-page.js

@@ -16,14 +16,15 @@ export function registerGeneratePagePrompt(server) {
 ## Instructions
 
 1. First, use the list_project_files tool with projectId "${projectId}" to understand the existing project structure.
-2. Then, use get_project_yaml to read a few existing pages to understand the YAML schema and conventions used in this project.
-3. Based on the following description, generate valid FlutterFlow YAML for a new page:
+2. Use \`get_editing_guide\` with a description of the page you want to create to get the correct YAML schemas, workflow steps, and critical rules.
+3. Then, use get_project_yaml to read a few existing pages to understand the YAML schema and conventions used in this project.
+4. Based on the following description, generate valid FlutterFlow YAML for a new page:
 
 **Page Description:** ${description}
 
-4. Use validate_yaml to check your generated YAML is valid.
-5. If validation passes, use update_project_yaml to push the new page to the project.
-6. If validation fails, fix the errors and try again.
+5. Use validate_yaml to check your generated YAML is valid.
+6. If validation passes, use update_project_yaml to push the new page to the project.
+7. If validation fails, fix the errors and try again.
 
 ## Important
 - Follow the exact YAML structure you observed in existing pages.

package/build/prompts/modify-component.js

@@ -19,14 +19,15 @@ export function registerModifyComponentPrompt(server) {
 ## Instructions
 
 1. Use get_project_yaml with projectId "${projectId}" and fileName "${fileName}" to read the current component YAML.
-2. Understand the current structure and widget tree.
-3. Apply the following changes:
+2. Use \`get_editing_guide\` with a description of the changes you want to make to get the correct YAML schemas and critical rules.
+3. Understand the current structure and widget tree.
+4. Apply the following changes:
 
 **Requested Changes:** ${changes}
 
-4. Use validate_yaml to verify your modified YAML is valid.
-5. If validation passes, use update_project_yaml to push the changes.
-6. If validation fails, fix the errors and try again.
+5. Use validate_yaml to verify your modified YAML is valid.
+6. If validation passes, use update_project_yaml to push the changes.
+7. If validation fails, fix the errors and try again.
 
 ## Important
 - Preserve all existing structure you are not modifying.

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

@@ -2,19 +2,10 @@ 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.
  */

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

@@ -2,18 +2,10 @@ 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"

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-settings.d.ts

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

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

@@ -0,0 +1,169 @@
+import { z } from "zod";
+import YAML from "yaml";
+import { cacheRead, cacheMeta } from "../utils/cache.js";
+async function resolvePageName(projectId, scaffoldId) {
+    const content = await cacheRead(projectId, `page/id-${scaffoldId}`);
+    if (!content)
+        return scaffoldId;
+    const nameMatch = content.match(/^name:\s*(.+)$/m);
+    return nameMatch ? nameMatch[1].trim() : scaffoldId;
+}
+export function registerGetAppSettingsTool(server) {
+    server.tool("get_app_settings", "Get App Settings — Authentication, Push Notifications, Mobile Deployment (version, build, stores), Web Deployment (SEO, title). Mirrors the FlutterFlow 'App Settings' section. Cache-based, no API calls. Run sync_project first.", {
+        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 [authRaw, appDetailsRaw, pushRaw, mobileRaw, webRaw] = await Promise.all([
+            cacheRead(projectId, "authentication"),
+            cacheRead(projectId, "app-details"),
+            cacheRead(projectId, "push-notifications"),
+            cacheRead(projectId, "mobile-deployment"),
+            cacheRead(projectId, "web-publishing"),
+        ]);
+        const sections = ["# App Settings"];
+        // --- Authentication ---
+        sections.push(`\n## Authentication`);
+        if (authRaw) {
+            const auth = YAML.parse(authRaw);
+            const active = auth.active === true;
+            if (active) {
+                let provider = "Unknown";
+                const firebaseConfigs = auth.firebaseConfigFileInfos;
+                const supabase = auth.supabase;
+                if (firebaseConfigs && firebaseConfigs.length > 0) {
+                    provider = "Firebase";
+                }
+                else if (supabase && Object.keys(supabase).length > 0) {
+                    provider = "Supabase";
+                }
+                sections.push(`Status: Active`, `Provider: ${provider}`);
+            }
+            else {
+                sections.push(`Status: Inactive`);
+            }
+        }
+        else {
+            sections.push(`Status: Inactive`);
+        }
+        // Auth page info from app-details
+        if (appDetailsRaw) {
+            const appDetails = YAML.parse(appDetailsRaw);
+            const authPageInfo = appDetails.authPageInfo;
+            if (authPageInfo) {
+                const homeRef = authPageInfo.homePageNodeKeyRef?.key;
+                const signInRef = authPageInfo.signInPageNodeKeyRef?.key;
+                if (homeRef) {
+                    const name = await resolvePageName(projectId, homeRef);
+                    sections.push(`Home page: ${name} (${homeRef})`);
+                }
+                if (signInRef) {
+                    const name = await resolvePageName(projectId, signInRef);
+                    sections.push(`Sign-in page: ${name} (${signInRef})`);
+                }
+            }
+        }
+        // --- Push Notifications ---
+        sections.push(`\n## Push Notifications`);
+        if (pushRaw) {
+            const push = YAML.parse(pushRaw);
+            const enabled = push.enabled === true;
+            const allowScheduled = push.allowScheduledNotifications === true;
+            const autoPrompt = push.autoPromptUsersForNotificationsPermission === true;
+            sections.push(`Enabled: ${enabled ? "Yes" : "No"}`, `Scheduled notifications: ${allowScheduled ? "Yes" : "No"}`, `Auto-prompt permission: ${autoPrompt ? "Yes" : "No"}`);
+            const lastNotif = push.lastNotificationSent;
+            if (lastNotif) {
+                const title = lastNotif.notificationTitle || "(untitled)";
+                const status = lastNotif.status || "unknown";
+                sections.push(`Last notification: "${title}" (${status})`);
+            }
+        }
+        else {
+            sections.push(`(not configured)`);
+        }
+        // --- Mobile Deployment ---
+        sections.push(`\n## Mobile Deployment`);
+        if (mobileRaw) {
+            const mobile = YAML.parse(mobileRaw);
+            const settingsMap = mobile.codemagicSettingsMap;
+            if (settingsMap && Object.keys(settingsMap).length > 0) {
+                // Prefer PROD, fall back to first key
+                const envKey = settingsMap.PROD
+                    ? "PROD"
+                    : Object.keys(settingsMap)[0];
+                const envSettings = settingsMap[envKey];
+                sections.push(`Environment: ${envKey}`);
+                // Build version
+                const buildVersion = envSettings.buildVersion;
+                if (buildVersion) {
+                    if (buildVersion.buildVersion) {
+                        sections.push(`Version: ${buildVersion.buildVersion}`);
+                    }
+                    if (buildVersion.buildNumber != null) {
+                        sections.push(`Build number: ${buildVersion.buildNumber}`);
+                    }
+                    if (buildVersion.lastSubmitted) {
+                        sections.push(`Last submitted: ${buildVersion.lastSubmitted}`);
+                    }
+                }
+                // Play Store
+                const playStore = envSettings.playStoreSettings;
+                if (playStore?.playTrack) {
+                    sections.push(`Play Store track: ${playStore.playTrack}`);
+                }
+                // App Store — NEVER output private keys
+                const appStore = envSettings.appStoreSettings;
+                if (appStore?.ascAppId) {
+                    sections.push(`App Store ID: ${appStore.ascAppId}`);
+                }
+            }
+            else {
+                sections.push(`(not configured)`);
+            }
+        }
+        else {
+            sections.push(`(not configured)`);
+        }
+        // --- Web Deployment ---
+        sections.push(`\n## Web Deployment`);
+        if (webRaw) {
+            const web = YAML.parse(webRaw);
+            const webSettings = web.webSettings;
+            if (webSettings && Object.keys(webSettings).length > 0) {
+                // Prefer PROD, fall back to first key
+                const envKey = webSettings.PROD
+                    ? "PROD"
+                    : Object.keys(webSettings)[0];
+                const envData = webSettings[envKey];
+                sections.push(`Environment: ${envKey}`);
+                if (envData.pageTitle) {
+                    sections.push(`Page title: ${envData.pageTitle}`);
+                }
+                if (envData.seoDescription) {
+                    sections.push(`SEO description: ${envData.seoDescription}`);
+                }
+                if (envData.orientation) {
+                    sections.push(`Orientation: ${envData.orientation}`);
+                }
+            }
+            else {
+                sections.push(`(not configured)`);
+            }
+        }
+        else {
+            sections.push(`(not configured)`);
+        }
+        return {
+            content: [{ type: "text", text: sections.join("\n") }],
+        };
+    });
+}

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-custom-code.d.ts

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