|
9 | 9 | import { isValueOfStringEnum } from '$lib/helpers/types'; |
10 | 10 | import { Runtime, type Models, type Scopes } from '@appwrite.io/console'; |
11 | 11 | import Link from '$lib/elements/link.svelte'; |
12 | | - import { Alert } from '@appwrite.io/pink-svelte'; |
| 12 | + import { Alert, Icon, Tooltip } from '@appwrite.io/pink-svelte'; |
| 13 | + import { IconInfo } from '@appwrite.io/pink-icons-svelte'; |
13 | 14 | import { isStarterPlan, getChangePlanUrl } from '$lib/stores/billing'; |
14 | 15 | import { isCloud } from '$lib/system'; |
15 | 16 | import { organization } from '$lib/stores/organization'; |
|
18 | 19 | export let func: Models.Function; |
19 | 20 | export let specs: Models.SpecificationList; |
20 | 21 |
|
21 | | - let specification = func.buildSpecification; |
22 | | - let originalSpecification = func.buildSpecification; |
23 | | - $: originalSpecification = func.buildSpecification; |
| 22 | + let buildSpecification = func.buildSpecification; |
| 23 | + let runtimeSpecification = func.runtimeSpecification; |
| 24 | + let originalBuild = func.buildSpecification; |
| 25 | + let originalRuntime = func.runtimeSpecification; |
24 | 26 |
|
25 | | - async function updateLogging() { |
| 27 | + let functionId: string | undefined = undefined; |
| 28 | + $: if (func.$id !== functionId) { |
| 29 | + functionId = func.$id; |
| 30 | + buildSpecification = func.buildSpecification; |
| 31 | + runtimeSpecification = func.runtimeSpecification; |
| 32 | + } |
| 33 | + $: { |
| 34 | + originalBuild = func.buildSpecification; |
| 35 | + originalRuntime = func.runtimeSpecification; |
| 36 | + } |
| 37 | +
|
| 38 | + async function updateResourceLimits() { |
26 | 39 | try { |
27 | 40 | if (!isValueOfStringEnum(Runtime, func.runtime)) { |
28 | 41 | throw new Error(`Invalid runtime: ${func.runtime}`); |
|
45 | 58 | providerBranch: func.providerBranch || undefined, |
46 | 59 | providerSilentMode: func.providerSilentMode || undefined, |
47 | 60 | providerRootDirectory: func.providerRootDirectory || undefined, |
48 | | - buildSpecification: specification || undefined |
| 61 | + buildSpecification: buildSpecification || undefined, |
| 62 | + runtimeSpecification: runtimeSpecification || undefined |
49 | 63 | }); |
50 | 64 |
|
51 | 65 | await invalidate(Dependencies.FUNCTION); |
52 | 66 |
|
53 | | - originalSpecification = specification; |
54 | | -
|
55 | 67 | addNotification({ |
56 | 68 | type: 'success', |
57 | 69 | message: 'Resource limits have been updated' |
58 | 70 | }); |
59 | | - trackEvent(Submit.FunctionUpdateLogging); |
| 71 | + trackEvent(Submit.FunctionUpdateResourceLimits); |
60 | 72 | } catch (error) { |
61 | 73 | addNotification({ |
62 | 74 | type: 'error', |
63 | 75 | message: error.message |
64 | 76 | }); |
65 | | - trackError(error, Submit.FunctionUpdateLogging); |
| 77 | + trackError(error, Submit.FunctionUpdateResourceLimits); |
66 | 78 | } |
67 | 79 | } |
68 | 80 |
|
|
73 | 85 | })); |
74 | 86 | </script> |
75 | 87 |
|
76 | | -<Form onSubmit={updateLogging}> |
| 88 | +<Form onSubmit={updateResourceLimits}> |
77 | 89 | <CardGrid> |
78 | 90 | <svelte:fragment slot="title">Resource limits</svelte:fragment> |
79 | 91 | Define your function's compute specifications, including CPU and memory, to optimize performance |
|
84 | 96 | </Link>. |
85 | 97 | <svelte:fragment slot="aside"> |
86 | 98 | <InputSelect |
87 | | - label="CPU and memory" |
88 | | - id="resources" |
| 99 | + label="Build specification" |
| 100 | + id="build-specification" |
| 101 | + required |
| 102 | + disabled={options.length < 1} |
| 103 | + bind:value={buildSpecification} |
| 104 | + {options}> |
| 105 | + <Tooltip slot="info"> |
| 106 | + <Icon icon={IconInfo} size="s" /> |
| 107 | + <span slot="tooltip"> |
| 108 | + CPU and memory used when building and packaging your function deployment. |
| 109 | + </span> |
| 110 | + </Tooltip> |
| 111 | + </InputSelect> |
| 112 | + <InputSelect |
| 113 | + label="Runtime specification" |
| 114 | + id="runtime-specification" |
89 | 115 | required |
90 | 116 | disabled={options.length < 1} |
91 | | - bind:value={specification} |
92 | | - {options} /> |
| 117 | + bind:value={runtimeSpecification} |
| 118 | + {options}> |
| 119 | + <Tooltip slot="info"> |
| 120 | + <Icon icon={IconInfo} size="s" /> |
| 121 | + <span slot="tooltip"> |
| 122 | + CPU and memory available to each function execution at runtime. |
| 123 | + </span> |
| 124 | + </Tooltip> |
| 125 | + </InputSelect> |
93 | 126 |
|
94 | 127 | <!-- always show upgrade on starters --> |
95 | 128 | {@const isStarter = isStarterPlan($organization.billingPlanId)} |
|
104 | 137 | </svelte:fragment> |
105 | 138 |
|
106 | 139 | <svelte:fragment slot="actions"> |
107 | | - <Button disabled={originalSpecification === specification} submit>Update</Button> |
| 140 | + <Button |
| 141 | + disabled={originalBuild === buildSpecification && |
| 142 | + originalRuntime === runtimeSpecification} |
| 143 | + submit>Update</Button> |
108 | 144 | </svelte:fragment> |
109 | 145 | </CardGrid> |
110 | 146 | </Form> |
0 commit comments