Appwrite/console
1
0
Fork 0
mirror of https://github.com/appwrite/console.git synced 2026-06-06 19:27:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix things

Browse Source
This commit is contained in:
Torsten Dittmann
2025-02-20 19:07:39 +01:00
parent fba9be0ae4
commit bbf65a036a
13 changed files with 49 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files
package.json
+2 -2
View File
@@ -21,9 +21,9 @@
"dependencies": {
"@appwrite.io/console": "https://pkg.pr.new/appwrite-labs/cloud/@appwrite.io/console@53cae2d",
"@appwrite.io/pink-icons": "0.25.0",
"@appwrite.io/pink-icons-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@011c2131",
"@appwrite.io/pink-icons-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@3d1b4ab4",
"@appwrite.io/pink-legacy": "^1.0.1",
"@appwrite.io/pink-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@e87d552",
"@appwrite.io/pink-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@3d1b4ab4",
"@popperjs/core": "^2.11.8",
"@sentry/sveltekit": "^8.38.0",
"@stripe/stripe-js": "^3.5.0",
pnpm-lock.yaml
Generated
+14 -14
View File
@@ -15,14 +15,14 @@ importers:
specifier: 0.25.0
version: 0.25.0
'@appwrite.io/pink-icons-svelte':
specifier: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@011c2131
version: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@011c2131(svelte@4.2.19)
specifier: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@3d1b4ab4
version: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@3d1b4ab4(svelte@4.2.19)
'@appwrite.io/pink-legacy':
specifier: ^1.0.1
version: 1.0.1
'@appwrite.io/pink-svelte':
specifier: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@e87d552
version: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@e87d552(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19)
specifier: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@3d1b4ab4
version: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@3d1b4ab4(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19)
'@popperjs/core':
specifier: ^2.11.8
version: 2.11.8
@@ -215,14 +215,14 @@ packages:
resolution: {tarball: https://pkg.pr.new/appwrite-labs/cloud/@appwrite.io/console@53cae2d}
version: 1.4.1
'@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@011c2131':
resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@011c2131}
'@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@3d1b4ab4':
resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@3d1b4ab4}
version: 1.0.0-next.7
peerDependencies:
svelte: ^4.0.0
'@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@e87d5523b50e063bfe0d3b846d5db171a24b0792':
resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@e87d5523b50e063bfe0d3b846d5db171a24b0792}
'@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@3d1b4ab464ebb8d3f24b420698d259c08a876c36':
resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@3d1b4ab464ebb8d3f24b420698d259c08a876c36}
version: 1.0.0-next.7
peerDependencies:
svelte: ^4.0.0
@@ -236,8 +236,8 @@ packages:
'@appwrite.io/pink-legacy@1.0.1':
resolution: {integrity: sha512-e5IZx2drqSxgl2WXvmr0eLfg/WiOCzuqQE8oksD+9GoFBkcL9HWvXul5GjFni3RBAN9XFRL3nUExGk4T0H8sFw==}
'@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@e87d552':
resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@e87d552}
'@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@3d1b4ab4':
resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@3d1b4ab4}
version: 1.0.0-next.85
peerDependencies:
react-dom: ^18.0.0
@@ -4099,11 +4099,11 @@ snapshots:
'@appwrite.io/console@https://pkg.pr.new/appwrite-labs/cloud/@appwrite.io/console@53cae2d': {}
'@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@011c2131(svelte@4.2.19)':
'@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@3d1b4ab4(svelte@4.2.19)':
dependencies:
svelte: 4.2.19
'@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@e87d5523b50e063bfe0d3b846d5db171a24b0792(svelte@4.2.19)':
'@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@3d1b4ab464ebb8d3f24b420698d259c08a876c36(svelte@4.2.19)':
dependencies:
svelte: 4.2.19
@@ -4116,9 +4116,9 @@ snapshots:
'@appwrite.io/pink-icons': 1.0.0
the-new-css-reset: 1.11.3
'@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@e87d552(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19)':
'@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@3d1b4ab4(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19)':
dependencies:
'@appwrite.io/pink-icons-svelte': https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@e87d5523b50e063bfe0d3b846d5db171a24b0792(svelte@4.2.19)
'@appwrite.io/pink-icons-svelte': https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@3d1b4ab464ebb8d3f24b420698d259c08a876c36(svelte@4.2.19)
'@floating-ui/dom': 1.6.13
'@melt-ui/pp': 0.3.2(@melt-ui/svelte@0.86.3(svelte@4.2.19))(svelte@4.2.19)
'@melt-ui/svelte': 0.86.3(svelte@4.2.19)
src/lib/components/filters/filters.svelte
+12 -14
View File
@@ -117,19 +117,17 @@
</script>
<div class="is-not-mobile">
<Drop bind:show={showFiltersDesktop} noArrow>
<slot {disabled} toggle={toggleDropdown}>
<Button secondary on:click={toggleDropdown} {disabled}>
<Icon icon={IconFilter} slot="start" size="s" />
Filters
{#if applied > 0}
<span class="inline-tag">
{applied}
</span>
{/if}
</Button>
</slot>
<svelte:fragment slot="list">
<Popover let:toggle placement="bottom-start">
<Button secondary on:click={toggle} {disabled}>
<Icon icon={IconFilter} slot="start" size="s" />
Filters
{#if applied > 0}
<span class="inline-tag">
{applied}
</span>
{/if}
</Button>
<svelte:fragment slot="tooltip">
<div class="dropped card">
{#if displayQuickFilters}
<slot name="quick" />
@@ -171,7 +169,7 @@
</div>
</div>
</svelte:fragment>
</Drop>
</Popover>
</div>
<div class="is-only-mobile">
src/lib/components/id.svelte
+1 -1
View File
@@ -50,7 +50,7 @@
<Copy {value} {event}>
<Tag size="xs" variant="code">
<Icon icon={IconDuplicate} size="s" />
<Icon icon={IconDuplicate} size="s" slot="start" />
<span
style:white-space="nowrap"
style:overflow="hidden"
src/lib/components/labelCard.svelte
+1 -1
View File
@@ -25,7 +25,7 @@
let slotTitle: HTMLSpanElement;
</script>
<Tooltip disabled={!tooltipText || !tooltipShow} inline={false}>
<Tooltip disabled={!tooltipText || !tooltipShow}>
<Card.Selector
{src}
{alt}
src/lib/components/navbar.svelte
+1 -5
View File
@@ -182,7 +182,7 @@
</DropList>
</Layout.Stack>
<Layout.Stack direction="row">
<Tooltip inline={false}>
<Tooltip>
<Button.Button
variant="text"
aria-label="Toggle Command Center"
@@ -375,10 +375,6 @@
}
}
:global(.icons div:first-of-type:not(:has(.progress-card))) {
height: 20px;
}
.account-container {
position: absolute;
right: var(--space-7);
src/lib/components/sidebar.svelte
+5 -5
View File
@@ -108,7 +108,7 @@
</div>
<div slot="middle" class:icons={state === 'icons'}>
{#if progressCard}
<Tooltip inline={false} placement="right" disabled={state !== 'icons'}>
<Tooltip placement="right" disabled={state !== 'icons'}>
<a
class="progress-card"
href={`/console/project-${project.$id}/get-started`}
@@ -135,7 +135,7 @@
{/if}
{#if project}
<Layout.Stack direction="column" gap="s">
<Tooltip inline={false} placement="right" disabled={state !== 'icons'}>
<Tooltip placement="right" disabled={state !== 'icons'}>
<a
href={`/console/project-${project.$id}/overview`}
class="link"
@@ -163,7 +163,7 @@
></span>
</div>
{#each projectOptions as projectOption}
<Tooltip inline={false} placement="right" disabled={state !== 'icons'}>
<Tooltip placement="right" disabled={state !== 'icons'}>
<a
href={`/console/project-${project.$id}/${projectOption.slug}`}
class="link"
@@ -186,7 +186,7 @@
<Divider />
</div>
<div class="only-mobile">
<Tooltip inline={false} placement="right" disabled={state !== 'icons'}>
<Tooltip placement="right" disabled={state !== 'icons'}>
<a
href={`/console/project-${project.$id}/settings`}
on:click={() => {
@@ -244,7 +244,7 @@
<div slot="bottom" class="bottom" class:icons={state === 'icons'}>
{#if project}
<div class="only-desktop">
<Tooltip inline={false} placement="right" disabled={state !== 'icons'}>
<Tooltip placement="right" disabled={state !== 'icons'}>
<a
href={`/console/project-${project.$id}/settings`}
class="link"
src/lib/components/trim.svelte
+1 -1
View File
@@ -5,7 +5,7 @@
let container: HTMLSpanElement | null;
</script>
<Tooltip maxWidth="auto" inline={false}>
<Tooltip maxWidth="auto">
<span class={`text ${alternativeTrim ? 'u-trim-1' : 'u-trim'}`} bind:this={container}>
<slot />
</span>
src/lib/components/viewSelector.svelte
+1 -1
View File
@@ -86,7 +86,7 @@
{#if !hideColumns && view === View.Table}
{#if $columns?.length}
<Popover let:toggle>
<Popover let:toggle placement="bottom-end">
<Button.Button
size="s"
variant="secondary"
src/lib/elements/forms/button.svelte
+2 -4
View File
@@ -86,8 +86,7 @@
target={external ? '_blank' : ''}
rel={external ? 'noopener noreferrer' : ''}
class={resolvedClasses}
aria-label={ariaLabel}
--button-width={fullWidth ? '100%' : 'max-content'}>
aria-label={ariaLabel}>
<slot name="start" slot="start" />
<slot />
<slot slot="end" name="end" />
@@ -104,8 +103,7 @@
{variant}
class={resolvedClasses}
aria-label={ariaLabel}
type={submit ? 'submit' : 'button'}
--button-width={fullWidth ? '100%' : 'max-content'}>
type={submit ? 'submit' : 'button'}>
<slot name="start" slot="start" />
{#if ($isSubmitting && submissionLoader) || (forceShowLoader && submissionLoader)}
<span
src/routes/(console)/project-[project]/auth/+page.svelte
+1 -1
View File
@@ -78,7 +78,7 @@
<Table.Cell width={column.width + 'px'}>
<Copy value={user.$id} event="user">
<Tag size="xs" variant="code">
<Icon size="s" icon={IconDuplicate} />
<Icon size="s" icon={IconDuplicate} slot="start" />
{user.$id}
</Tag>
</Copy>
src/routes/(console)/project-[project]/overview/keys/create/+page.svelte
+1 -4
View File
@@ -1,7 +1,6 @@
<script lang="ts">
import { base } from '$app/paths';
import { page } from '$app/stores';
import Card from '$lib/components/card.svelte';
import { InputText } from '$lib/elements/forms/index.js';
import { Wizard } from '$lib/layout';
import { Fieldset, Layout, Typography } from '@appwrite.io/pink-svelte';
@@ -17,8 +16,6 @@
import { addNotification } from '$lib/stores/notifications';
import { writable } from 'svelte/store';
export let data;
let showExitModal = false;
let formComponent: Form;
let isSubmitting = writable(false);
@@ -65,7 +62,7 @@
confirmExit>
<Form bind:this={formComponent} onSubmit={create} bind:isSubmitting>
<Layout.Stack gap="xxl">
<Fieldset legend="Step 1">
<Fieldset legend="Settings">
<Layout.Stack>
<InputText
id="name"
src/routes/(console)/project-[project]/overview/keys/scopes.svelte
+7 -7
View File
@@ -41,7 +41,7 @@
}
}
function categoryState(category: string, s: string[]): boolean | null {
function categoryState(category: string, s: string[]): boolean | 'indeterminate' {
const scopesByCategory = allScopes.filter((n) => n.category === category);
const filtered = scopesByCategory.filter((n) => s.includes(n.scope));
if (filtered.length === 0) {
@@ -49,16 +49,15 @@
} else if (filtered.length === scopesByCategory.length) {
return true;
} else {
return null;
return 'indeterminate';
}
}
function onCategoryChange(event: Event, category: Category) {
function onCategoryChange(event: CustomEvent<boolean | 'indeterminate'>, category: Category) {
if (event.detail === 'indeterminate') return;
allScopes.forEach((s) => {
if (s.category === category) {
activeScopes[s.scope] = (
event.currentTarget as EventTarget & HTMLInputElement
).checked;
activeScopes[s.scope] = event.detail;
}
});
}
@@ -100,7 +99,8 @@
selectable
title={category}
badge={`${scopesLength} ${scopesLength === 1 ? 'Scope' : 'Scopes'}`}
{checked}>
{checked}
on:change={(event) => onCategoryChange(event, category)}>
<Layout.Stack>
{#each allScopes.filter((s) => s.category === category) as scope}
<Selector.Checkbox