GitHub → LaunchDarkly: Show feature flags for this repo

See feature flags tagged to this repo

🔒

https://github.com/mycompany/webshop

How does this help you?

• See your LaunchDarkly feature flags directly from your GitHub repositories
• Jump directly to each feature flag in the LaunchDarkly dashboard
• Quickly identify which flags are associated with specific repositories

tip

You can easily modify this integration to return other tagged resources or use different tag formats

Preview

How it looks in the extension

ToolJump•

Feature Flags (3 flags)

• ... Other items ...

High level approach

We query LaunchDarkly's API for feature flags tagged with the repository name (tag key repository, value matching the GitHub repo name, e.g. my-repo). We extract the last part of the repository path (after the final /) and use that as the tag value. We then render a dropdown of the first 10 flags. If there are more, a final "More…" item links to the LaunchDarkly flags page filtered by the repository tag.

Notes:

• Only the first 10 flags are shown to keep the dropdown manageable
• Each item links to the specific feature flag page in LaunchDarkly
• The "More…" link goes to the LaunchDarkly flags list with the tag filter applied

Prerequisites

For the code below to work, you need a LaunchDarkly access token with read permissions for feature flags. Provide LAUNCHDARKLY_ACCESS_TOKEN as a secret.

The LaunchDarkly access token must have the following permissions:

• read:flag - to read feature flags
• read:project - to access project information

Code

github.launchdarkly.integration.example.js

module.exports = {
    metadata: {
        name: 'github-launchdarkly',
        description: 'Show LaunchDarkly feature flags tagged with this repository as a dropdown',
        match: {
            contextType: 'github',
            context: {
                'page.repository': { startsWith: 'my-org/' }
            }
        },
        requiredSecrets: ['LAUNCHDARKLY_ACCESS_TOKEN'],
        cache: 1800
    },
    run: async function (context, secrets = {}) {
        // Extract repository name (last part after /)
        const repository = context.page.repository; // e.g., "company/webshop"
        const repoName = repository.split('/').pop(); // e.g., "webshop"
        
        const projectKey = 'your-project-key'; // Replace with your LaunchDarkly project key
        const tagKey = 'repository';
        const tagValue = repoName;

        const apiUrl = `https://app.launchdarkly.com/api/v2/flags/${projectKey}?filter=tags:${tagKey}:${tagValue}`;

        const response = await fetch(apiUrl, {
            method: 'GET',
            headers: {
                'Authorization': `Bearer ${secrets.LAUNCHDARKLY_ACCESS_TOKEN}`,
                'Content-Type': 'application/json'
            }
        });

        if (!response.ok) {
            throw new Error(`LaunchDarkly API request failed: ${response.status} ${response.statusText}`);
        }

        const data = await response.json();
        const flags = data.items || [];

        if (flags.length === 0) {
            return [];
        }

        // First 10 items
        const items = flags.slice(0, 10).map(flag => ({
            content: flag.key,
            href: `https://app.launchdarkly.com/${projectKey}/flags/${flag.key}`,
            icon: 'launchdarkly'
        }));

        // If more than 10, add a More… item linking to LaunchDarkly flags list filtered by tag
        if (flags.length > 10) {
            const moreUrl = `https://app.launchdarkly.com/${projectKey}/flags?filter=tags:${tagKey}:${tagValue}`;
            items.push({ 
                content: 'More…', 
                href: moreUrl, 
                status: 'relevant',
                icon: 'launchdarkly'
            });
        }

        return [{
            type: 'dropdown',
            content: `Feature Flags (${flags.length} flags)`,
            icon: 'launchdarkly',
            items
        }];
    }
};