@@ -476,15 +476,12 @@
noMedia
--card-bg-color="transparent"
--shadow-small="none"
- --color-border="var(--color-neutral-15)">
+ --border="var(--color-neutral-15)">
-
diff --git a/src/routes/(console)/project-[project]/sites/create-site/productionBranch.svelte b/src/lib/components/git/productionBranchFieldset.svelte
similarity index 92%
rename from src/routes/(console)/project-[project]/sites/create-site/productionBranch.svelte
rename to src/lib/components/git/productionBranchFieldset.svelte
index 6d344d04e..3be6c89f3 100644
--- a/src/routes/(console)/project-[project]/sites/create-site/productionBranch.svelte
+++ b/src/lib/components/git/productionBranchFieldset.svelte
@@ -1,7 +1,7 @@
-
-
-
diff --git a/src/lib/components/heading.svelte b/src/lib/components/heading.svelte
deleted file mode 100644
index 9ef0315f6..000000000
--- a/src/lib/components/heading.svelte
+++ /dev/null
@@ -1,23 +0,0 @@
-
-
-
-
diff --git a/src/lib/components/index.ts b/src/lib/components/index.ts
index 6717c215e..10ef82cd3 100644
--- a/src/lib/components/index.ts
+++ b/src/lib/components/index.ts
@@ -46,7 +46,6 @@ export { default as Tabs } from './tabs.svelte';
export { default as Tab } from './tab.svelte';
export { default as EventModal } from './eventModal.svelte';
export { default as Status } from './status.svelte';
-export { default as Heading } from './heading.svelte';
export { default as Output } from './output.svelte';
export { default as Support } from './support.svelte';
export { default as ViewSelector } from './viewSelector.svelte';
diff --git a/src/lib/components/mfaChallengeFormList.svelte b/src/lib/components/mfaChallengeFormList.svelte
index e04952d95..65b55acea 100644
--- a/src/lib/components/mfaChallengeFormList.svelte
+++ b/src/lib/components/mfaChallengeFormList.svelte
@@ -33,7 +33,6 @@
export let factors: Models.MfaFactors & { recoveryCode: boolean };
/** If true, the form will be submitted automatically when the code is entered. */
- export let autoSubmit: boolean = true;
export let showVerifyButton: boolean = true;
export let disabled: boolean = false;
export let challenge: Models.MfaChallenge;
diff --git a/src/lib/components/modal.svelte b/src/lib/components/modal.svelte
index ad51b11c8..ebb4da472 100644
--- a/src/lib/components/modal.svelte
+++ b/src/lib/components/modal.svelte
@@ -8,7 +8,6 @@
export let show = false;
export let error: string = null;
- export let closable = true;
export let dismissible = true;
export let onSubmit: (e: SubmitEvent) => Promise | void = function () {
return;
diff --git a/src/lib/components/navbar.svelte b/src/lib/components/navbar.svelte
index 8f73da3f7..3f7f5fe86 100644
--- a/src/lib/components/navbar.svelte
+++ b/src/lib/components/navbar.svelte
@@ -94,12 +94,14 @@
export let showAccountMenu = false;
let activeTheme = $app.theme;
+ let shouldAnimateThemeToggle = false;
$: {
if (activeTheme) {
updateTheme(activeTheme);
}
}
+
$: currentOrg = organizations.find((org) => org.isSelected);
$: selectedProject = currentOrg?.projects.find((project) => project.isSelected);
@@ -120,7 +122,7 @@
+ {
+ trackEvent(`click_menu_${projectOption.slug}`);
+ sideBarIsOpen = false;
+ }}
+ >{projectOption.name}
+ {projectOption.name}
+
+ {/each}
+
{#if showHeader}
- Support
{/if}
{#each supportOptions as option, index}
{#if showCloudSupport(index)}
+ class="support-option-card "
+ style="border-radius: var(--border-radius-small, 8px); --gap-xl: 16px">
uploader.close()} />
+ {
+ return {
+ name: file.name,
+ size: file.size,
+ status: file.status
+ };
+ })}
+ on:close={() => uploader.close()} />
{/if}
diff --git a/src/lib/components/usageCard.svelte b/src/lib/components/usageCard.svelte
index fc4888741..1fd9a03aa 100644
--- a/src/lib/components/usageCard.svelte
+++ b/src/lib/components/usageCard.svelte
@@ -8,12 +8,12 @@
-
+
{description}
{#if value !== null && value !== undefined}
- {value}
{:else}
-
diff --git a/src/lib/elements/forms/inputSelectSearch.svelte b/src/lib/elements/forms/inputSelectSearch.svelte
index 260e7ac02..0ca641f95 100644
--- a/src/lib/elements/forms/inputSelectSearch.svelte
+++ b/src/lib/elements/forms/inputSelectSearch.svelte
@@ -144,15 +144,3 @@
{error}
{/if}
-->
-
-
diff --git a/src/lib/elements/selectSearchCheckbox.svelte b/src/lib/elements/selectSearchCheckbox.svelte
index e54a4fd33..b7d854c88 100644
--- a/src/lib/elements/selectSearchCheckbox.svelte
+++ b/src/lib/elements/selectSearchCheckbox.svelte
@@ -3,7 +3,6 @@
import InputCheckbox from './forms/inputCheckbox.svelte';
export let value = false;
- export let padding: number | null = null;
diff --git a/src/lib/helpers/load.ts b/src/lib/helpers/load.ts
index 88cd98c38..3dd28f126 100644
--- a/src/lib/helpers/load.ts
+++ b/src/lib/helpers/load.ts
@@ -18,10 +18,14 @@ export enum View {
Grid = 'grid'
}
-export function getView(url: URL, route: Page['route'], fallback: View): View {
- return (url.searchParams.get('view') ?? preferences.get(route).view) === View.Grid
+export function getView(url: URL, route: Page['route'], fallback: View, overwrite?: View): View {
+ const view = url.searchParams.get('view') ?? preferences.get(route).view;
+
+ return view === View.Grid
? View.Grid
- : (View.Table ?? fallback);
+ : view === View.Table
+ ? View.Table
+ : (overwrite ?? View.Table ?? fallback);
}
export function getColumns(route: Page['route'], fallback: string[]): string[] {
diff --git a/src/lib/layout/container.svelte b/src/lib/layout/container.svelte
index 8f6099b0a..abe25a4a9 100644
--- a/src/lib/layout/container.svelte
+++ b/src/lib/layout/container.svelte
@@ -28,7 +28,7 @@
}
@media (min-width: 1024px) {
margin-inline: auto;
- max-width: min(944px, calc(944px - 5rem));
+ max-width: calc(944px - 11rem);
}
@media (min-width: 1280px) {
margin-inline: auto;
diff --git a/src/lib/layout/containerHeader.svelte b/src/lib/layout/containerHeader.svelte
index a989113f1..7294e8550 100644
--- a/src/lib/layout/containerHeader.svelte
+++ b/src/lib/layout/containerHeader.svelte
@@ -1,5 +1,5 @@
- {title}
+ {title}
import { hoursToDays, timeFromNow, toLocaleDateTime } from '$lib/helpers/date';
import { log } from '$lib/stores/logs';
- import { Alert, Card, Code, Copy, Heading, Id, SvgIcon, Tab, Tabs } from '../components';
+ import { Alert, Card, Code, Copy, Id, SvgIcon, Tab, Tabs } from '../components';
import { calculateTime } from '$lib/helpers/timeConversion';
import {
TableBody,
@@ -18,7 +18,7 @@
import { organization } from '$lib/stores/organization';
import { Button } from '$lib/elements/forms';
import { BillingPlan } from '$lib/constants';
- import { Tooltip } from '@appwrite.io/pink-svelte';
+ import { Tooltip, Typography } from '@appwrite.io/pink-svelte';
let selectedRequest = 'parameters';
let selectedResponse = 'logs';
@@ -201,7 +201,7 @@
-
+
No files found within this bucket.
-
+
-
-
diff --git a/src/lib/components/git/connectGit.svelte b/src/lib/components/git/connectGit.svelte
index 66e613267..0d04da858 100644
--- a/src/lib/components/git/connectGit.svelte
+++ b/src/lib/components/git/connectGit.svelte
@@ -45,8 +45,8 @@
title="No installation was added to the project yet"
description="Add an installation to connect repositories">
-
+
+
+
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
-
+
+
-
- -
+
+
+
+ on:click={toggleCommandCenter}
+ icon>
{
showAccountMenu = !showAccountMenu;
+ shouldAnimateThemeToggle = false;
if (showAccountMenu) {
trackEvent('click_menu_dropdown');
}
@@ -234,17 +238,31 @@
direction="row"
alignItems="center">
Theme
-
@@ -356,8 +374,8 @@
align-items: center;
gap: var(--space-4, 8px);
border-radius: var(--border-radius-xs, 6px);
- border: var(--border-width-s, 1px) solid var(--color-border-neutral-strong, #d8d8db);
- background: var(--color-bgcolor-neutral-primary, #fff);
+ border: var(--border-width-s, 1px) solid var(--border-neutral-strong, #d8d8db);
+ background: var(--bgcolor-neutral-primary, #fff);
cursor: pointer;
}
@@ -404,4 +422,8 @@
/* `desltop` is not a typo—it comes from the `pink2/legacy` module! */
inline-size: var(--p-drop-width-size-desltop);
}
+
+ :global(.keepTransformTransition span) {
+ transition: transform 0.2s ease-out !important;
+ }
diff --git a/src/lib/components/paginator.svelte b/src/lib/components/paginator.svelte
index 983b49580..ef951d58e 100644
--- a/src/lib/components/paginator.svelte
+++ b/src/lib/components/paginator.svelte
@@ -17,7 +17,7 @@
{#if !hideFooter}
-
+
Total results: {total}
{#if state !== 'icons'}
+ {
+ shouldAnimateThemeToggle = true;
+ }}
+ buttons={[
+ {
+ id: 'light',
+ label: 'Light',
+ icon: IconSun
+ },
+ {
+ id: 'dark',
+ label: 'Dark',
+ icon: IconMoon
+ },
+ {
+ id: 'auto',
+ label: 'System',
+ icon: IconMode
+ }
+ ]}>
+
diff --git a/src/lib/components/permissions/roles.svelte b/src/lib/components/permissions/roles.svelte
index 02b06f4e1..7af6f9e8c 100644
--- a/src/lib/components/permissions/roles.svelte
+++ b/src/lib/components/permissions/roles.svelte
@@ -1,22 +1,14 @@
{#if [...$groups.keys()]?.length}
-
-
+
+
+ Role
+
+ {#each [...$groups.keys()].sort(sortRoles) as role}
+
+
+ |
+
+
+
+
+
+
+
+ {/each}
+
- import { tooltip } from '$lib/actions/tooltip';
import { sdk } from '$lib/stores/sdk';
import type { Models } from '@appwrite.io/console';
- import { tick } from 'svelte';
import { AvatarInitials } from '../';
- import Output from '../output.svelte';
+ import {
+ Button,
+ Divider,
+ Icon,
+ Layout,
+ Link,
+ Popover,
+ Spinner,
+ Typography
+ } from '@appwrite.io/pink-svelte';
+ import Avatar from '../avatar.svelte';
+ import { IconAnonymous, IconExternalLink, IconMinusSm } from '@appwrite.io/pink-icons-svelte';
+ import { base } from '$app/paths';
+ import { page } from '$app/stores';
export let role: string;
- let content: HTMLDivElement;
- let data = null;
- let isFetching = false;
-
async function getData(
permission: string
): Promise<
@@ -20,139 +27,85 @@
const role = permission.split(':')[0];
const id = permission.split(':')[1].split('/')[0];
if (role === 'user') {
- const user = await sdk.forProject.users.get(id);
- return user;
+ return await sdk.forProject.users.get(id);
}
if (role === 'team') {
- const team = await sdk.forProject.teams.get(id);
- return team;
+ return await sdk.forProject.teams.get(id);
}
}
-
- Text
+ {team.name}
- Secondary Text
+ color="--fgcolor-neutral-tertiary">
+ {team.$id}
-
-
{/each}
diff --git a/src/lib/components/permissions/user.svelte b/src/lib/components/permissions/user.svelte
index 4f2407cba..c31f58d9f 100644
--- a/src/lib/components/permissions/user.svelte
+++ b/src/lib/components/permissions/user.svelte
@@ -17,13 +17,7 @@
Table,
Typography
} from '@appwrite.io/pink-svelte';
- import {
- IconAnonymous,
- IconChartSquareBar,
- IconCheck,
- IconMinus,
- IconMinusSm
- } from '@appwrite.io/pink-icons-svelte';
+ import { IconAnonymous, IconMinusSm } from '@appwrite.io/pink-icons-svelte';
export let show: boolean;
export let groups: Writable>;
@@ -105,7 +99,7 @@
>{user.name}
+ color="--fgcolor-neutral-tertiary">
{user.$id}
@@ -120,7 +114,7 @@
: user.phone}
+ color="--fgcolor-neutral-tertiary">
{user.$id}
@@ -134,7 +128,7 @@
>{user.name ? user.name : '-'}
+ color="--fgcolor-neutral-tertiary">
{user.$id}
diff --git a/src/lib/components/searchQuery.svelte b/src/lib/components/searchQuery.svelte
index 7add96a1a..360d11da0 100644
--- a/src/lib/components/searchQuery.svelte
+++ b/src/lib/components/searchQuery.svelte
@@ -63,9 +63,8 @@
{placeholder}
{disabled}
{required}
- type="search"
bind:value={search}
- --color-bgcolor-neutral-default="var(--color-bgcolor-neutral-primary)">
+ --bgcolor-neutral-default="var(--bgcolor-neutral-primary)">
diff --git a/src/lib/components/sidebar.svelte b/src/lib/components/sidebar.svelte
index cdfacfb81..bfebc14ca 100644
--- a/src/lib/components/sidebar.svelte
+++ b/src/lib/components/sidebar.svelte
@@ -70,12 +70,12 @@
$: isOnProjectSettings = /^\/console\/project-[a-zA-Z0-9-]+\/settings$/.test(pathname);
const projectOptions = [
- { name: 'Auth', icon: IconUserGroup, slug: 'auth' },
- { name: 'Databases', icon: IconDatabase, slug: 'databases' },
- { name: 'Functions', icon: IconLightningBolt, slug: 'functions' },
- { name: 'Messaging', icon: IconChatBubble, slug: 'messaging' },
- { name: 'Sites', icon: IconGlobeAlt, slug: 'sites' },
- { name: 'Storage', icon: IconFolder, slug: 'storage' }
+ { name: 'Auth', icon: IconUserGroup, slug: 'auth', category: 'build' },
+ { name: 'Databases', icon: IconDatabase, slug: 'databases', category: 'build' },
+ { name: 'Functions', icon: IconLightningBolt, slug: 'functions', category: 'build' },
+ { name: 'Messaging', icon: IconChatBubble, slug: 'messaging', category: 'build' },
+ { name: 'Storage', icon: IconFolder, slug: 'storage', category: 'build' },
+ { name: 'Sites', icon: IconGlobeAlt, slug: 'sites', category: 'deploy' }
];
@@ -95,7 +95,7 @@
state = 'closed';
sideBarIsOpen = false;
}}>
-
- Phone: {data?.phone}
+ {/if}
+ Members: {data?.total}
+
+
+{/if}
diff --git a/src/lib/components/permissions/team.svelte b/src/lib/components/permissions/team.svelte
index c1a39f9ba..340d1961d 100644
--- a/src/lib/components/permissions/team.svelte
+++ b/src/lib/components/permissions/team.svelte
@@ -93,23 +93,14 @@
- {#if role === 'users'}
-
-
-
-
+ {#if data?.phone}
+ Users
- {:else if role === 'guests'}
- Guests
- {:else if role === 'any'}
- Any
- {:else}
- {
- data = n;
- })
- .finally(() => {
- tick().then(() => {
- instance.setContent(content);
- });
- });
- }
- }}>
- {role}
-
-
-
-
- {#if data}
- {@const isUser = role.startsWith('user')}
- {@const isTeam = role.startsWith('team')}
- {@const isAnonymous = !data.email && !data.phone && isUser}
-
-
- {/if}
-
+
+ View user
+
+
+ {:else if isTeam}
+
+
+ View team
+
+
+ {/if}
+
+ {/await}
+ {/key}
+
- {progressCard.title}
- {progressCard.percentage}% complete
{/if}
@@ -157,12 +155,45 @@
- Products
+ Build
- {#each projectOptions as projectOption}
+ {@const buildProjectOptions = projectOptions.filter(
+ (projectOption) => projectOption.category === 'build'
+ )}
+ {#each buildProjectOptions as projectOption}
+
+
+
+ Deploy
+
+
+ {@const deployProjectOptions = projectOptions.filter(
+ (projectOption) => projectOption.category === 'deploy'
+ )}
+ {#each deployProjectOptions as projectOption}
Support
+
- {option.label}
+ {option.description}
{#if option.showSupport}
@@ -177,12 +175,12 @@
:global(.theme-dark .support-option-card) {
/* override required due to the card's background color */
- background: var(--color-bgcolor-neutral-default, #19191c) !important;
+ background: var(--bgcolor-neutral-default, #19191c) !important;
}
:global(.theme-light .support-option-card) {
- border: 1px solid var(--color-border-neutral, #ededf0);
+ border: 1px solid var(--border-neutral, #ededf0);
/* override required due to the card's background color */
- background: var(--color-bgcolor-neutral-default, #fafafb) !important;
+ background: var(--bgcolor-neutral-default, #fafafb) !important;
}
diff --git a/src/lib/components/uploadBox.svelte b/src/lib/components/uploadBox.svelte
index 9520cd3c7..721917ca1 100644
--- a/src/lib/components/uploadBox.svelte
+++ b/src/lib/components/uploadBox.svelte
@@ -4,5 +4,13 @@
{#if $uploader?.isOpen}
- {option.label}
- -- {option.description} -
+
- Request
+ Request
- Response
+ Request
import { base } from '$app/paths';
- import { Avatar, AvatarInitials, Card, Heading } from '$lib/components';
+ import { Avatar, AvatarInitials, Card } from '$lib/components';
import AppwriteLogoDark from '$lib/images/appwrite-logo-dark.svg';
import AppwriteLogoLight from '$lib/images/appwrite-logo-light.svg';
import LoginDark from '$lib/images/login/login-dark-mode.png';
@@ -93,26 +93,7 @@
alt="promo" />
- {generateTitle()}
-
- {generateTitle()}
-
-
-
-
- {generateTitle()}
-
-
+ {generateDesc()}
@@ -122,26 +103,7 @@
- {generateTitle()}
-
- {generateTitle()}
-
-
-
-
- {generateTitle()}
-
-
+ {generateDesc()}
diff --git a/src/lib/layout/usage.svelte b/src/lib/layout/usage.svelte index d6b71fc91..71d376898 100644 --- a/src/lib/layout/usage.svelte +++ b/src/lib/layout/usage.svelte @@ -84,7 +84,7 @@
+ style:--input-background-color="var(--bgcolor-neutral-primary)">
goto(`${path}/${e.detail}`)}
id="period"
diff --git a/src/lib/layout/usageMultiple.svelte b/src/lib/layout/usageMultiple.svelte
index c2756141b..cf42b1bbb 100644
--- a/src/lib/layout/usageMultiple.svelte
+++ b/src/lib/layout/usageMultiple.svelte
@@ -2,7 +2,7 @@
import { Container } from '$lib/layout';
import { BarChart, Legend, type LegendData } from '$lib/charts';
import { accumulateFromEndingTotal } from '$lib/layout/usage.svelte';
- import { Card, Heading, SecondaryTabs, SecondaryTabsItem } from '$lib/components';
+ import { Card, SecondaryTabs, SecondaryTabsItem } from '$lib/components';
import { page } from '$app/stores';
import { type Models } from '@appwrite.io/console';
import { formatNumberWithCommas } from '$lib/helpers/numbers';
@@ -20,7 +20,7 @@
{#if showHeader}
- {title}
+ {title}
{#if path}
diff --git a/src/lib/layout/wizardCover.svelte b/src/lib/layout/wizardCover.svelte
index 4e40a3b7b..ee6ccd7f9 100644
--- a/src/lib/layout/wizardCover.svelte
+++ b/src/lib/layout/wizardCover.svelte
@@ -60,6 +60,6 @@
height: 100%;
max-height: 100vh;
overflow-y: auto;
- background: var(--color-bgcolor-neutral-primary);
+ background: var(--bgcolor-neutral-primary);
}
diff --git a/src/lib/layout/wizardSecondaryContainer.svelte b/src/lib/layout/wizardSecondaryContainer.svelte
index f6b8f6908..167fbba6c 100644
--- a/src/lib/layout/wizardSecondaryContainer.svelte
+++ b/src/lib/layout/wizardSecondaryContainer.svelte
@@ -1,9 +1,9 @@
-
-{#if hasInstallations}
- {#await loadInstallations()}
-
- {
- return {
- label: entry.organization,
- value: entry.$id
- };
- })}
- on:change={() => {
- search = '';
- installation.set(
- installations.find((entry) => entry.$id === selectedInstallation)
- );
- }}
- bind:value={selectedInstallation} />
-
- {/await}
-
-
- {:else}
-
- Create function
-
-
-
diff --git a/src/lib/wizards/functions/createGit.svelte b/src/lib/wizards/functions/createGit.svelte
deleted file mode 100644
index 751487c0e..000000000
--- a/src/lib/wizards/functions/createGit.svelte
+++ /dev/null
@@ -1,91 +0,0 @@
-
-
-
- Repository
-
- Select a Git repository that will trigger your function deployments when updated.
-
-
- {#if $templateConfig.repositoryBehaviour === 'existing'}
-
- {
- return {
- label: entry.organization,
- value: entry.$id
- };
- })}
- on:change={() => {
- $installation = installations.find(
- (entry) => entry.$id === selectedInstallationId
- );
- }}
- bind:value={selectedInstallationId} />
-
- {:else}
-
-
- {/if}
- {/await}
- {/if}
-
diff --git a/src/lib/wizards/functions/steps/executeAccess.svelte b/src/lib/wizards/functions/steps/executeAccess.svelte
deleted file mode 100644
index 64f2ec6d9..000000000
--- a/src/lib/wizards/functions/steps/executeAccess.svelte
+++ /dev/null
@@ -1,21 +0,0 @@
-
-
-
- Permissions
-
- Choose who can execute this function using the client API. For more information, visit our
-
- Permissions guide.
-
-
-
diff --git a/src/lib/wizards/functions/steps/functionConfiguration.svelte b/src/lib/wizards/functions/steps/functionConfiguration.svelte
deleted file mode 100644
index cafa196af..000000000
--- a/src/lib/wizards/functions/steps/functionConfiguration.svelte
+++ /dev/null
@@ -1,120 +0,0 @@
-
-
-
- Configuration
-
- Set your deployment configuration and any build commands here.
-
-
-
-
- Build commands
- (optional)
-
-
-
-
-
-
diff --git a/src/lib/wizards/functions/steps/gitConfiguration.svelte b/src/lib/wizards/functions/steps/gitConfiguration.svelte
deleted file mode 100644
index 8788b50cc..000000000
--- a/src/lib/wizards/functions/steps/gitConfiguration.svelte
+++ /dev/null
@@ -1,94 +0,0 @@
-
-
-
- Branch
-
- Choose the Git branch that will trigger your function deployments when updated.
-
-
-
-
-
diff --git a/src/lib/wizards/functions/steps/manualConfiguration.svelte b/src/lib/wizards/functions/steps/manualConfiguration.svelte
deleted file mode 100644
index 11e86decb..000000000
--- a/src/lib/wizards/functions/steps/manualConfiguration.svelte
+++ /dev/null
@@ -1,42 +0,0 @@
-
-
-
- Configuration
-
- Set your deployment configuration and any build commands here.
-
-
-
-
- Build commands
- (optional)
-
-
-
-
-
-
diff --git a/src/lib/wizards/functions/steps/manualDetails.svelte b/src/lib/wizards/functions/steps/manualDetails.svelte
deleted file mode 100644
index 9167474d0..000000000
--- a/src/lib/wizards/functions/steps/manualDetails.svelte
+++ /dev/null
@@ -1,84 +0,0 @@
-
-
-
- Details
- Create and deploy your function manually.
-
-
-
diff --git a/src/lib/wizards/functions/steps/selectRepository.svelte b/src/lib/wizards/functions/steps/selectRepository.svelte
deleted file mode 100644
index 8ae8a1b14..000000000
--- a/src/lib/wizards/functions/steps/selectRepository.svelte
+++ /dev/null
@@ -1,23 +0,0 @@
-
-
-
- Repository
-
- Select a Git repository that will trigger your function deployments when updated.
-
-
diff --git a/src/lib/wizards/functions/steps/templateConfiguration.svelte b/src/lib/wizards/functions/steps/templateConfiguration.svelte
deleted file mode 100644
index 190e338e0..000000000
--- a/src/lib/wizards/functions/steps/templateConfiguration.svelte
+++ /dev/null
@@ -1,128 +0,0 @@
-
-
-
- {$template.name}
-
- {$template.tagline}
-
-
-
-
diff --git a/src/lib/wizards/functions/steps/templateDeployment.svelte b/src/lib/wizards/functions/steps/templateDeployment.svelte
deleted file mode 100644
index 524ce1272..000000000
--- a/src/lib/wizards/functions/steps/templateDeployment.svelte
+++ /dev/null
@@ -1,62 +0,0 @@
-
-
-
- Deployment
-
-
-
- Create a new repository
- Clone the template to a newly created repository in your organization.
-
-
- Add to existing repository
- Clone the template to an existing repository in your organization.
-
-
-
- Connect later
- Deploy now and continue development via CLI, or connect Git from your function settings.
-
-
-
diff --git a/src/lib/wizards/functions/steps/templatePermissions.svelte b/src/lib/wizards/functions/steps/templatePermissions.svelte
deleted file mode 100644
index 42a4474f1..000000000
--- a/src/lib/wizards/functions/steps/templatePermissions.svelte
+++ /dev/null
@@ -1,90 +0,0 @@
-
-
-
- Permissions
-
- Enable recommended scopes and execute access for when your function is deployed.
-
-
-
-
- {#if templateScopes.length > 0}
-
- {#each templateScopes as scope, i}
-
- {#if i < templateScopes.length - 1}
-
- {/if}
- {/each}
-
- {/if}
-
diff --git a/src/lib/wizards/functions/steps/templateVariables.svelte b/src/lib/wizards/functions/steps/templateVariables.svelte
deleted file mode 100644
index c7db15bd4..000000000
--- a/src/lib/wizards/functions/steps/templateVariables.svelte
+++ /dev/null
@@ -1,124 +0,0 @@
-
-
-
- Variables
-
- Edit the values of the environment variables that will be passed to your function at
- runtime.
-
- {#if $template?.variables?.length}
- {#if requiredVariables?.length}
-
-
- Required variables
-
- {requiredVariables.length}
-
-
-
- {#each requiredVariables as variable}
-
-
-
- {/if}
-
- {#if optionalVariables?.length}
-
-
- Optional variables
-
- {optionalVariables.length}
-
-
-
- {#each optionalVariables as variable}
-
-
-
- {/if}
- {:else}
-
-
- {/if}
-
diff --git a/src/lib/wizards/functions/store.ts b/src/lib/wizards/functions/store.ts
deleted file mode 100644
index 6613438a2..000000000
--- a/src/lib/wizards/functions/store.ts
+++ /dev/null
@@ -1,64 +0,0 @@
-import { page } from '$app/stores';
-import type { WizardStepsType } from '$lib/layout/wizardWithSteps.svelte';
-import type { Models } from '@appwrite.io/console';
-import { derived, writable, type Writable } from 'svelte/store';
-
-export const template = writable();
-export const templateConfig = writable<{
- $id: string;
- name: string;
- runtime: string;
- variables: { [key: string]: unknown };
- repositoryBehaviour: 'new' | 'existing' | 'manual';
- repositoryName?: string;
- repositoryPrivate?: boolean;
- repositoryId: string;
- execute?: boolean;
- scopes?: string[];
- specification?: string;
-}>();
-export const repository = writable();
-export const installation = writable();
-export const choices = writable<{
- branch: string;
- rootDir: string;
- silentMode: boolean;
-}>({
- branch: null,
- rootDir: null,
- silentMode: null
-});
-
-export const installations = derived(
- page,
- ($page) => $page.data.installations as Models.InstallationList
-);
-
-const initialCreateFunction: Partial = {
- $id: null,
- name: null,
- entrypoint: null,
- execute: [],
- runtime: null,
- commands: null
-};
-
-function createFunctionStore() {
- const store = writable>({
- ...initialCreateFunction
- });
-
- const reset = () => {
- store.set({ ...initialCreateFunction });
- };
-
- return {
- ...store,
- reset
- };
-}
-export const createFunction = createFunctionStore();
-
-export const createFunctionDeployment = writable();
-
-export const templateStepsComponents: Writable = writable(new Map());
diff --git a/src/routes/(console)/(migration-wizard)/resource-form.svelte b/src/routes/(console)/(migration-wizard)/resource-form.svelte
index 5ddae52fa..ac2327914 100644
--- a/src/routes/(console)/(migration-wizard)/resource-form.svelte
+++ b/src/routes/(console)/(migration-wizard)/resource-form.svelte
@@ -418,7 +418,7 @@
height: 1.5rem;
flex-shrink: 0;
border-radius: 100%;
- border: 1px solid hsl(var(--color-border));
+ border: 1px solid hsl(var(--border));
position: relative;
i {
@@ -431,7 +431,7 @@
}
.buttons-list {
- border-block-end: 1px solid hsl(var(--color-border));
+ border-block-end: 1px solid hsl(var(--border));
padding-block-end: 0.625rem;
}
diff --git a/src/routes/(console)/+error.svelte b/src/routes/(console)/+error.svelte
index 6b71031bd..075ff3d8f 100644
--- a/src/routes/(console)/+error.svelte
+++ b/src/routes/(console)/+error.svelte
@@ -1,15 +1,17 @@
-
-
- {:then installations}
- -
-
-
-
- Manage organization configuration in your project settings. -
- {#if selectedInstallation} - {#await loadRepositories(selectedInstallation, search)} -
-
-
- {:then response}
- {#if response?.length}
- -
- {#each response as repo, i}
-
-
- --- {#if action === 'select'} - repository.set(repo)} - value={repo.id} /> - {/if} --- {#if repo.runtime} --
- {/if} -
- {repo.name} - {#if repo.private} - - {/if} - -- {#if action === 'button'} -- -- {/if} -
- {/each}
-
-
-
- Sorry we couldn't find "{search}"
-
- There are no repositories that match your search.
-
-
-
-
-
-
-
-
-
-{/if}
-
-
diff --git a/src/lib/wizards/functions/components/specificationsTooltip.svelte b/src/lib/wizards/functions/components/specificationsTooltip.svelte
deleted file mode 100644
index 279f5a0f1..000000000
--- a/src/lib/wizards/functions/components/specificationsTooltip.svelte
+++ /dev/null
@@ -1,24 +0,0 @@
-
-
-
-
-
-
diff --git a/src/lib/wizards/functions/connectExisting.svelte b/src/lib/wizards/functions/connectExisting.svelte
deleted file mode 100644
index a619870d2..000000000
--- a/src/lib/wizards/functions/connectExisting.svelte
+++ /dev/null
@@ -1,81 +0,0 @@
-
-
-Additional CPU and RAM are available for Pro and Scale teams.
-
- Learn more
-
-
-
-
-
-
-
-
-
- Connect Git repository
-
-
- - Create and deploy a function with a connected git repository. -
-
-
- {#if isSelfHosted && !isVcsEnabled}
-
- {/if}
-
-
- Quick start
-
-
-
-
-
- Templates
-
-
-
- Use a starter template.
--
- {#await Promise.all([$baseRuntimesList, $starterTemplate])}
- {#each Array(6) as _i}
-
- - - - {/each} - {:then [response, quickStart]} - {@const runtimes = new Map( - response.runtimes.map((r) => [r.$id, r]) - )} - {@const templates = quickStart.runtimes.filter((template) => - runtimes.has(template.name) - )} - {#each templates.slice(0, 6) as template} - {@const runtimeDetail = runtimes.get(template.name)} -
- - - - {/each} - - {#if templates.length < 6} -
-
-
- --
- More runtimes coming soon
-
- Find the right template for your use case. -
- --
- {#await $featuredTemplatesList}
- {#each Array(3) as _i}
-
- - - - {/each} - {:then templatesListWithoutStarter} - {#each templatesListWithoutStarter.templates as template} -
- - - - {/each} - {/await} -
- You can also create a function - or using the CLI. - Learn more. -
-
-
-
- {:then installations}
- {#if hasInstallations}
-
-
-
-
-
-
- {/if}
- {#if $installation}
-
-
-
-
-
-
-
- - {$installation.organization}/{$templateConfig.repositoryName} -
-
-
-
-
-
- (showCustomId = !showCustomId)}>
-
- Function ID
-
-
- {:else}
-
-
- {#await loadBranches()}
- {$installation.organization}/{$repository.name}
-
-
-
- {:then branches}
- {@const options =
- branches
- ?.map((branch) => {
- return {
- value: branch.name,
- label: branch.name
- };
- })
- ?.sort((a, b) => {
- return a.label > b.label ? 1 : -1;
- }) ?? []}
-
-
- {
- $choices.branch = event.detail.value;
- }}
- interactiveOutput
- name="branches"
- {options} />
-
-
- {/await}
- - Visit your repository on GitHub. -
-
- (showCustomId = !showCustomId)}>
-
- Function ID
-
-
- {:else}
-
- (showCustomId = !showCustomId)}>
-
- Function ID
-
-
- {:else}
- Connect with Git Recommended
-Quick start
-Execute permissions
-Function scopes
-
-
- {@html variable.description}
-
-
- {/each}
-
-
- {@html variable.description}
-
-
- {/each}
- There are no environment variables to configure.
-
- {$page.error.status || 'Invalid Argument'}
- {$page.error.message}
+
diff --git a/src/routes/(console)/account/organizations/+page.svelte b/src/routes/(console)/account/organizations/+page.svelte
index 5ea70ddb9..b5286b08d 100644
--- a/src/routes/(console)/account/organizations/+page.svelte
+++ b/src/routes/(console)/account/organizations/+page.svelte
@@ -5,7 +5,6 @@
Empty,
AvatarGroup,
CardContainer,
- Heading,
PaginationWithLimit
} from '$lib/components';
import { Button } from '$lib/elements/forms';
@@ -21,7 +20,7 @@
import { toLocaleDate } from '$lib/helpers/date';
import { BillingPlan } from '$lib/constants';
import { goto } from '$app/navigation';
- import { Icon, Tooltip } from '@appwrite.io/pink-svelte';
+ import { Icon, Tooltip, Typography } from '@appwrite.io/pink-svelte';
import { IconPlus } from '@appwrite.io/pink-icons-svelte';
export let data: PageData;
@@ -47,7 +46,7 @@
+ {$page.error.status || 'Invalid Argument'}
+ {$page.error.message}
+
+
- Organizations
+ Organizations