chore: Add Flutter feature flags snippets

cypress/e2e/featureFlags.cy.ts

@@ -28,7 +28,7 @@ describe('Feature Flags', () => {
         cy.get('[data-attr=feature-flag-doc-link]').should(
             'have.attr',
             'href',
-            'https://posthog.com/docs/integrations/php-integration?utm_medium=in-product&utm_campaign=feature-flag#feature-flags'
+            'https://posthog.com/docs/libraries/php?utm_medium=in-product&utm_campaign=feature-flag#feature-flags'
         )
 
         // select "add filter" and "property"

frontend/src/scenes/feature-flags/FeatureFlagCodeOptions.tsx

@@ -4,6 +4,7 @@ import {
     AndroidSnippet,
     APISnippet,
     FeatureFlagSnippet,
+    FlutterSnippet,
     GolangSnippet,
     iOSSnippet,
     JSBootstrappingSnippet,
@@ -39,28 +40,28 @@ export enum LibraryType {
 export const OPTIONS: InstructionOption[] = [
     {
         value: 'JavaScript',
-        documentationLink: `${DOC_BASE_URL}integrations/js-integration${UTM_TAGS}`,
+        documentationLink: `${DOC_BASE_URL}libraries/js${UTM_TAGS}`,
         Snippet: JSSnippet,
         type: LibraryType.Client,
         key: SDKKey.JS_WEB,
     },
     {
         value: 'Android',
-        documentationLink: `${DOC_BASE_URL}integrate/client/android${UTM_TAGS}`,
+        documentationLink: `${DOC_BASE_URL}libraries/android${UTM_TAGS}`,
         Snippet: AndroidSnippet,
         type: LibraryType.Client,
         key: SDKKey.ANDROID,
     },
     {
         value: 'iOS',
-        documentationLink: `${DOC_BASE_URL}integrate/client/ios${UTM_TAGS}`,
+        documentationLink: `${DOC_BASE_URL}libraries/ios${UTM_TAGS}`,
         Snippet: iOSSnippet,
         type: LibraryType.Client,
         key: SDKKey.IOS,
     },
     {
         value: 'React Native',
-        documentationLink: `${DOC_BASE_URL}integrate/client/react-native${UTM_TAGS}`,
+        documentationLink: `${DOC_BASE_URL}libraries/react-native${UTM_TAGS}`,
         Snippet: ReactNativeSnippet,
         type: LibraryType.Client,
         key: SDKKey.REACT_NATIVE,
@@ -74,21 +75,21 @@ export const OPTIONS: InstructionOption[] = [
     },
     {
         value: 'Node.js',
-        documentationLink: `${DOC_BASE_URL}integrations/node-integration${UTM_TAGS}`,
+        documentationLink: `${DOC_BASE_URL}libraries/node${UTM_TAGS}`,
         Snippet: NodeJSSnippet,
         type: LibraryType.Server,
         key: SDKKey.NODE_JS,
     },
     {
         value: 'Python',
-        documentationLink: `${DOC_BASE_URL}integrations/python-integration${UTM_TAGS}`,
+        documentationLink: `${DOC_BASE_URL}libraries/python${UTM_TAGS}`,
         Snippet: PythonSnippet,
         type: LibraryType.Server,
         key: SDKKey.PYTHON,
     },
     {
         value: 'Ruby',
-        documentationLink: `${DOC_BASE_URL}integrations/ruby-integration${UTM_TAGS}`,
+        documentationLink: `${DOC_BASE_URL}libraries/ruby${UTM_TAGS}`,
         Snippet: RubySnippet,
         type: LibraryType.Server,
         key: SDKKey.RUBY,
@@ -102,18 +103,25 @@ export const OPTIONS: InstructionOption[] = [
     },
     {
         value: 'PHP',
-        documentationLink: `${DOC_BASE_URL}integrations/php-integration${UTM_TAGS}`,
+        documentationLink: `${DOC_BASE_URL}libraries/php${UTM_TAGS}`,
         Snippet: PHPSnippet,
         type: LibraryType.Server,
         key: SDKKey.PHP,
     },
     {
         value: 'Go',
-        documentationLink: `${DOC_BASE_URL}integrations/go-integration${UTM_TAGS}`,
+        documentationLink: `${DOC_BASE_URL}libraries/go${UTM_TAGS}`,
         Snippet: GolangSnippet,
         type: LibraryType.Server,
         key: SDKKey.GO,
     },
+    {
+        value: 'Flutter',
+        documentationLink: `${DOC_BASE_URL}libraries/flutter${UTM_TAGS}`,
+        Snippet: FlutterSnippet,
+        type: LibraryType.Client,
+        key: SDKKey.FLUTTER,
+    },
 ]
 
 export const LOCAL_EVALUATION_LIBRARIES: string[] = [SDKKey.NODE_JS, SDKKey.PYTHON, SDKKey.RUBY, SDKKey.PHP, SDKKey.GO]

frontend/src/scenes/feature-flags/FeatureFlagSnippets.tsx

@@ -336,6 +336,17 @@ export function AndroidSnippet({ flagKey, multivariant, payload }: FeatureFlagSn
     )
 }
 
+export function FlutterSnippet({ flagKey }: FeatureFlagSnippet): JSX.Element {
+    return (
+        <CodeSnippet language={Language.Dart} wrap>
+            {`if (await Posthog().isFeatureEnabled('${flagKey}') ?? false) {
+    // do something
+}
+            `}
+        </CodeSnippet>
+    )
+}
+
 export function iOSSnippet({ flagKey, multivariant, payload }: FeatureFlagSnippet): JSX.Element {
     const clientSuffix = 'posthog.'
 

frontend/src/scenes/onboarding/sdks/feature-flags/FeatureFlagsSDKInstructions.tsx

@@ -3,6 +3,7 @@ import { SDKInstructionsMap, SDKKey } from '~/types'
 import {
     FeatureFlagsAndroidInstructions,
     FeatureFlagsAPIInstructions,
+    FeatureFlagsFlutterInstructions,
     FeatureFlagsGoInstructions,
     FeatureFlagsIOSInstructions,
     FeatureFlagsJSWebInstructions,
@@ -22,11 +23,12 @@ export const FeatureFlagsSDKInstructions: SDKInstructionsMap = {
     [SDKKey.IOS]: FeatureFlagsIOSInstructions,
     [SDKKey.REACT_NATIVE]: FeatureFlagsRNInstructions,
     [SDKKey.ANDROID]: FeatureFlagsAndroidInstructions,
+    [SDKKey.FLUTTER]: FeatureFlagsFlutterInstructions,
     [SDKKey.NODE_JS]: FeatureFlagsNodeInstructions,
     [SDKKey.PYTHON]: FeatureFlagsPythonInstructions,
     [SDKKey.RUBY]: FeatureFlagsRubyInstructions,
     [SDKKey.PHP]: FeatureFlagsPHPInstructions,
     [SDKKey.GO]: FeatureFlagsGoInstructions,
     [SDKKey.API]: FeatureFlagsAPIInstructions,
-    // add flutter, rust, gatsby, nuxt, vue, svelte, and others here
+    // add rust, gatsby, nuxt, vue, svelte, and others here
 }

frontend/src/scenes/onboarding/sdks/feature-flags/flutter.tsx

@@ -0,0 +1,13 @@
+import { SDKKey } from '~/types'
+
+import { SDKInstallFlutterInstructions } from '../sdk-install-instructions'
+import { FlagImplementationSnippet } from './flagImplementationSnippet'
+
+export function FeatureFlagsFlutterInstructions(): JSX.Element {
+    return (
+        <>
+            <SDKInstallFlutterInstructions />
+            <FlagImplementationSnippet sdkKey={SDKKey.FLUTTER} />
+        </>
+    )
+}

frontend/src/scenes/onboarding/sdks/feature-flags/index.tsx

@@ -1,5 +1,6 @@
 export * from './android'
 export * from './api'
+export * from './flutter'
 export * from './go'
 export * from './ios'
 export * from './js-web'

frontend/src/scenes/onboarding/sdks/sdk-install-instructions/flutter.tsx

@@ -31,7 +31,7 @@ function FlutterIOSSetupSnippet(): JSX.Element {
                 currentTeam?.api_token +
                 '</string>\n\t<key>com.posthog.posthog.POSTHOG_HOST</key>\n\t<string>' +
                 url +
-                '</string>\n\t<key>com.posthog.posthog.TRACK_APPLICATION_LIFECYCLE_EVENTS</key>\n\t<false/>\n\t[...]\n</dict>'}
+                '</string>\n\t<key>com.posthog.posthog.CAPTURE_APPLICATION_LIFECYCLE_EVENTS</key>\n\t<false/>\n\t[...]\n</dict>'}
         </CodeSnippet>
     )
 }