Add build trigger filters

src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/+page.svelte

@@ -17,6 +17,7 @@
     import { Button } from '$lib/elements/forms';
     import { Click, trackEvent } from '$lib/actions/analytics';
     import UpdateRepository from './updateRepository.svelte';
+    import UpdateBuildTriggers from './updateBuildTriggers.svelte';
     import UpdateBuildCommand from './updateBuildCommand.svelte';
     import UpdateResourceLimits from './updateResourceLimits.svelte';
     import UpdateDeploymentRetention from './updateDeploymentRetention.svelte';
@@ -105,6 +106,7 @@
     <UpdateRuntime runtimesList={data.runtimesList} />
     {#key data.function.providerRepositoryId}
         <UpdateRepository func={data.function} installations={data.installations} />
+        <UpdateBuildTriggers func={data.function} />
     {/key}
 
     <UpdateVariables

src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/updateBuildTriggers.svelte

@@ -0,0 +1,119 @@
+<script lang="ts">
+    import { invalidate } from '$app/navigation';
+    import { page } from '$app/state';
+    import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
+    import { CardGrid } from '$lib/components';
+    import { Dependencies } from '$lib/constants';
+    import { Button, Form, InputTags } from '$lib/elements/forms';
+    import { symmetricDifference } from '$lib/helpers/array';
+    import { addNotification } from '$lib/stores/notifications';
+    import { sdk } from '$lib/stores/sdk';
+    import { type Models, Runtime, type Scopes } from '@appwrite.io/console';
+    import { Input, Layout } from '@appwrite.io/pink-svelte';
+
+    export let func: Models.Function;
+
+    type FuncWithTriggers = Models.Function & {
+        providerBranches?: string[];
+        providerPaths?: string[];
+    };
+
+    function normalizeTriggerPatterns(patterns: string[] = []) {
+        return [...new Set(patterns.map((pattern) => pattern.trim()).filter(Boolean))];
+    }
+
+    let providerBranches: string[] = normalizeTriggerPatterns(
+        (func as FuncWithTriggers).providerBranches
+    );
+    let providerPaths: string[] = normalizeTriggerPatterns(
+        (func as FuncWithTriggers).providerPaths
+    );
+    let savedBranches = normalizeTriggerPatterns((func as FuncWithTriggers).providerBranches);
+    let savedPaths = normalizeTriggerPatterns((func as FuncWithTriggers).providerPaths);
+
+    async function update() {
+        providerBranches = normalizeTriggerPatterns(providerBranches);
+        providerPaths = normalizeTriggerPatterns(providerPaths);
+
+        try {
+            await sdk.forProject(page.params.region, page.params.project).functions.update({
+                functionId: func.$id,
+                name: func.name,
+                runtime: func.runtime as Runtime,
+                execute: func.execute?.length ? (func.execute as string[]) : undefined,
+                events: func.events?.length ? (func.events as string[]) : undefined,
+                schedule: func.schedule ?? undefined,
+                timeout: func.timeout ?? undefined,
+                enabled: func.enabled ?? undefined,
+                logging: func.logging ?? undefined,
+                entrypoint: func.entrypoint ?? undefined,
+                commands: func.commands ?? undefined,
+                scopes: func.scopes?.length ? (func.scopes as Scopes[]) : undefined,
+                installationId: func.installationId ?? undefined,
+                providerRepositoryId: func.providerRepositoryId ?? undefined,
+                providerBranch: func.providerBranch ?? undefined,
+                providerSilentMode: func.providerSilentMode ?? undefined,
+                providerRootDirectory: func.providerRootDirectory ?? undefined,
+                buildSpecification: func.buildSpecification ?? undefined,
+                providerBranches,
+                providerPaths
+            });
+            savedBranches = [...providerBranches];
+            savedPaths = [...providerPaths];
+            await invalidate(Dependencies.FUNCTION);
+            addNotification({
+                type: 'success',
+                message: 'Build triggers have been updated successfully'
+            });
+            trackEvent(Submit.FunctionUpdateConfiguration);
+        } catch (error) {
+            addNotification({
+                type: 'error',
+                message: error.message
+            });
+            trackError(error, Submit.FunctionUpdateConfiguration);
+        }
+    }
+
+    $: isDisabled =
+        !symmetricDifference(providerBranches, savedBranches).length &&
+        !symmetricDifference(providerPaths, savedPaths).length;
+</script>
+
+{#if func.providerRepositoryId}
+    <Form onSubmit={update}>
+        <CardGrid>
+            <svelte:fragment slot="title">Build triggers</svelte:fragment>
+            Control which branch pushes and file changes trigger automatic deployments. Use glob patterns
+            to include or exclude specific branches and paths.
+            <svelte:fragment slot="aside">
+                <Layout.Stack gap="xl">
+                    <Layout.Stack gap="s">
+                        <InputTags
+                            id="providerBranches"
+                            label="Branch filters"
+                            placeholder={providerBranches.length
+                                ? ''
+                                : 'e.g. main, feat/*, !hotfix/*'}
+                            bind:tags={providerBranches} />
+                        <Input.Helper state="default"
+                            >Leave empty to deploy on all branches. Prefix with <code>!</code> to exclude.</Input.Helper>
+                    </Layout.Stack>
+                    <Layout.Stack gap="s">
+                        <InputTags
+                            id="providerPaths"
+                            label="Path filters"
+                            placeholder={providerPaths.length ? '' : 'e.g. src/**, !docs/**'}
+                            bind:tags={providerPaths} />
+                        <Input.Helper state="default"
+                            >Leave empty to deploy on all file changes. Prefix with <code>!</code>
+                            to exclude.</Input.Helper>
+                    </Layout.Stack>
+                </Layout.Stack>
+            </svelte:fragment>
+            <svelte:fragment slot="actions">
+                <Button disabled={isDisabled} submit>Update</Button>
+            </svelte:fragment>
+        </CardGrid>
+    </Form>
+{/if}

src/routes/(console)/project-[region]-[project]/sites/site-[site]/settings/+page.svelte

@@ -10,6 +10,7 @@
     import UpdateTimeout from './updateTimeout.svelte';
     import UpdateRuntimeSettings from './updateRuntimeSettings.svelte';
     import UpdateRepository from './updateRepository.svelte';
+    import UpdateBuildTriggers from './updateBuildTriggers.svelte';
     import { onMount } from 'svelte';
     import { showConnectRepo } from './store';
     import { isCloud } from '$lib/system';
@@ -71,6 +72,7 @@
     <UpdateName site={data.site} />
     {#key data.site.providerRepositoryId}
         <UpdateRepository site={data.site} installations={data.installations} />
+        <UpdateBuildTriggers site={data.site} />
     {/key}
     <UpdateBuildSettings
         site={data.site}

src/routes/(console)/project-[region]-[project]/sites/site-[site]/settings/updateBuildTriggers.svelte

@@ -0,0 +1,117 @@
+<script lang="ts">
+    import { invalidate } from '$app/navigation';
+    import { page } from '$app/state';
+    import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
+    import { CardGrid } from '$lib/components';
+    import { Dependencies } from '$lib/constants';
+    import { Button, Form, InputTags } from '$lib/elements/forms';
+    import { symmetricDifference } from '$lib/helpers/array';
+    import { addNotification } from '$lib/stores/notifications';
+    import { sdk } from '$lib/stores/sdk';
+    import { Adapter, BuildRuntime, Framework, type Models } from '@appwrite.io/console';
+    import { Input, Layout } from '@appwrite.io/pink-svelte';
+
+    export let site: Models.Site;
+
+    type SiteWithTriggers = Models.Site & { providerBranches?: string[]; providerPaths?: string[] };
+
+    function normalizeTriggerPatterns(patterns: string[] = []) {
+        return [...new Set(patterns.map((pattern) => pattern.trim()).filter(Boolean))];
+    }
+
+    let providerBranches: string[] = normalizeTriggerPatterns(
+        (site as SiteWithTriggers).providerBranches
+    );
+    let providerPaths: string[] = normalizeTriggerPatterns(
+        (site as SiteWithTriggers).providerPaths
+    );
+    let savedBranches = normalizeTriggerPatterns((site as SiteWithTriggers).providerBranches);
+    let savedPaths = normalizeTriggerPatterns((site as SiteWithTriggers).providerPaths);
+
+    async function update() {
+        providerBranches = normalizeTriggerPatterns(providerBranches);
+        providerPaths = normalizeTriggerPatterns(providerPaths);
+
+        try {
+            await sdk.forProject(page.params.region, page.params.project).sites.update({
+                siteId: site.$id,
+                name: site.name,
+                framework: site.framework as Framework,
+                enabled: site.enabled ?? undefined,
+                logging: site.logging ?? undefined,
+                timeout: site.timeout ?? undefined,
+                installCommand: site.installCommand ?? undefined,
+                buildCommand: site.buildCommand ?? undefined,
+                startCommand: site.startCommand ?? undefined,
+                outputDirectory: site.outputDirectory ?? undefined,
+                buildRuntime: (site.buildRuntime as BuildRuntime) ?? undefined,
+                adapter: (site.adapter as Adapter) ?? undefined,
+                fallbackFile: site.fallbackFile ?? undefined,
+                installationId: site.installationId ?? undefined,
+                providerRepositoryId: site.providerRepositoryId ?? undefined,
+                providerBranch: site.providerBranch ?? undefined,
+                providerSilentMode: site.providerSilentMode ?? undefined,
+                providerRootDirectory: site.providerRootDirectory ?? undefined,
+                buildSpecification: site.buildSpecification ?? undefined,
+                providerBranches,
+                providerPaths
+            });
+            savedBranches = [...providerBranches];
+            savedPaths = [...providerPaths];
+            await invalidate(Dependencies.SITE);
+            addNotification({
+                type: 'success',
+                message: 'Build triggers have been updated successfully'
+            });
+            trackEvent(Submit.SiteUpdateConfiguration);
+        } catch (error) {
+            addNotification({
+                type: 'error',
+                message: error.message
+            });
+            trackError(error, Submit.SiteUpdateConfiguration);
+        }
+    }
+
+    $: isDisabled =
+        !symmetricDifference(providerBranches, savedBranches).length &&
+        !symmetricDifference(providerPaths, savedPaths).length;
+</script>
+
+{#if site.providerRepositoryId}
+    <Form onSubmit={update}>
+        <CardGrid>
+            <svelte:fragment slot="title">Build triggers</svelte:fragment>
+            Control which branch pushes and file changes trigger automatic deployments. Use glob patterns
+            to include or exclude specific branches and paths.
+            <svelte:fragment slot="aside">
+                <Layout.Stack gap="xl">
+                    <Layout.Stack gap="s">
+                        <InputTags
+                            id="providerBranches"
+                            label="Branch filters"
+                            placeholder={providerBranches.length
+                                ? ''
+                                : 'e.g. main, feat/*, !hotfix/*'}
+                            bind:tags={providerBranches} />
+                        <Input.Helper state="default"
+                            >Leave empty to deploy on all branches. Prefix with <code>!</code> to exclude.</Input.Helper>
+                    </Layout.Stack>
+                    <Layout.Stack gap="s">
+                        <InputTags
+                            id="providerPaths"
+                            label="Path filters"
+                            placeholder={providerPaths.length ? '' : 'e.g. src/**, !docs/**'}
+                            bind:tags={providerPaths} />
+                        <Input.Helper state="default"
+                            >Leave empty to deploy on all file changes. Prefix with <code>!</code>
+                            to exclude.</Input.Helper>
+                    </Layout.Stack>
+                </Layout.Stack>
+            </svelte:fragment>
+            <svelte:fragment slot="actions">
+                <Button disabled={isDisabled} submit>Update</Button>
+            </svelte:fragment>
+        </CardGrid>
+    </Form>
+{/if}