feat: FalAI integration

apps/bubble-studio/src/lib/integrations.ts

@@ -24,7 +24,9 @@ export const SERVICE_LOGOS: Readonly<Record<string, string>> = Object.freeze({
   Instagram: '/integrations/instagram.svg',
   Apify: '/integrations/apify.svg',
   GitHub: '/integrations/github.svg',
-  ElevenLabs: '/integrations/elevenlabs.png', // Placeholder path
+  ElevenLabs: '/integrations/elevenlabs.png',
+  'fal.ai': '/integrations/fal-ai.png',
+  'Fal AI': '/integrations/fal-ai.png',
   'Follow Up Boss': '/integrations/FUB.png',
   'AGI Inc': '/integrations/agi-inc.svg',
   Telegram: '/integrations/telegram.svg',
@@ -68,6 +70,7 @@ export const INTEGRATIONS: IntegrationLogo[] = [
   { name: 'Apify', file: SERVICE_LOGOS['Apify'] },
   { name: 'GitHub', file: SERVICE_LOGOS['GitHub'] },
   { name: 'ElevenLabs', file: SERVICE_LOGOS['ElevenLabs'] },
+  { name: 'Fal AI', file: SERVICE_LOGOS['Fal AI'] },
   { name: 'Follow Up Boss', file: SERVICE_LOGOS['Follow Up Boss'] },
   { name: 'Telegram', file: SERVICE_LOGOS['Telegram'] },
   { name: 'Airtable', file: SERVICE_LOGOS['Airtable'] },
@@ -124,6 +127,9 @@ const NAME_ALIASES: Readonly<Record<string, string>> = Object.freeze({
   github: 'GitHub',
   elevenlabs: 'ElevenLabs',
   'eleven-labs': 'ElevenLabs',
+  falai: 'Fal AI',
+  'fal-ai': 'Fal AI',
+  fal: 'Fal AI',
   followupboss: 'Follow Up Boss',
   fub: 'Follow Up Boss',
   'follow-up-boss': 'Follow Up Boss',
@@ -226,6 +232,7 @@ export function findLogoForBubble(
     [/\bapify\b/, 'Apify'],
     [/\bgithub\b/, 'GitHub'],
     [/\belevenlabs\b|\beleven-labs\b/, 'ElevenLabs'],
+    [/\bfal\s*\.?\s*ai\b|\bfalai\b|\bfal-ai\b/, 'Fal AI'],
     [/\bfollow\s*up\s*boss\b|\bfollowupboss\b|\bfub\b/, 'Follow Up Boss'],
     [/\bagi\s*inc\b|\bagi-inc\b|\bagiinc\b/, 'AGI Inc'],
     [/\btelegram\b/, 'Telegram'],

apps/bubble-studio/src/pages/CredentialsPage.tsx

@@ -234,6 +234,14 @@ const CREDENTIAL_TYPE_CONFIG: Record<CredentialType, CredentialConfig> = {
     namePlaceholder: 'My Airtable Token',
     credentialConfigurations: {},
   },
+  [CredentialType.FAL_AI_API_KEY]: {
+    label: 'Fal AI',
+    description:
+      'API key for Fal AI media generation services (text-to-image, image-to-image)',
+    placeholder: 'your-fal-ai-api-key',
+    namePlaceholder: 'My Fal AI Key',
+    credentialConfigurations: {},
+  },
   [CredentialType.INSFORGE_BASE_URL]: {
     label: 'InsForge Base URL',
     description:
@@ -297,6 +305,7 @@ const getServiceNameForCredentialType = (
     [CredentialType.ELEVENLABS_API_KEY]: 'ElevenLabs',
     [CredentialType.AIRTABLE_CRED]: 'Airtable',
     [CredentialType.NOTION_OAUTH_TOKEN]: 'Notion',
+    [CredentialType.FAL_AI_API_KEY]: 'Fal AI',
     [CredentialType.INSFORGE_BASE_URL]: 'InsForge',
     [CredentialType.INSFORGE_API_KEY]: 'InsForge',
   };

apps/bubblelab-api/src/services/credential-validator.ts

@@ -193,6 +193,11 @@ export class CredentialValidator {
       case CredentialType.NOTION_OAUTH_TOKEN:
         baseParams.operation = 'list_users';
         break;
+      case CredentialType.FAL_AI_API_KEY:
+        baseParams.operation = 'text_to_image';
+        baseParams.model = 'fal-ai/flux/dev';
+        baseParams.prompt = 'test';
+        break;
       default:
         break;
     }

packages/bubble-core/src/bubble-factory.ts

@@ -154,6 +154,7 @@ export class BubbleFactory {
       'agi-inc',
       'airtable',
       'notion',
+      'fal-ai',
       'firecrawl',
       'insforge-db',
     ];
@@ -276,6 +277,9 @@ export class BubbleFactory {
     const { AirtableBubble } = await import(
       './bubbles/service-bubble/airtable.js'
     );
+    const { FalAiBubble } = await import(
+      './bubbles/service-bubble/fal-ai.js'
+    );
     const { FirecrawlBubble } = await import(
       './bubbles/service-bubble/firecrawl.js'
     );
@@ -383,6 +387,7 @@ export class BubbleFactory {
     this.register('eleven-labs', ElevenLabsBubble as BubbleClassWithMetadata);
     this.register('agi-inc', AGIIncBubble as BubbleClassWithMetadata);
     this.register('airtable', AirtableBubble as BubbleClassWithMetadata);
+    this.register('fal-ai', FalAiBubble as BubbleClassWithMetadata);
     this.register('firecrawl', FirecrawlBubble as BubbleClassWithMetadata);
     this.register('insforge-db', InsForgeDbBubble as BubbleClassWithMetadata);
 
@@ -674,6 +679,7 @@ import {
   ApifyBubble, // bubble name: 'apify'
   ElevenLabsBubble, // bubble name: 'eleven-labs'
   FollowUpBossBubble, // bubble name: 'followupboss'
+  FalAiBubble, // bubble name: 'fal-ai'
 
   // Tool Bubbles (Perform useful actions)
   ResearchAgentTool, // bubble name: 'research-agent-tool'