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

updated with suggestions added helpers and fixed errors

Browse Source
This commit is contained in:
Your Name
2026-01-21 21:18:09 +05:30
parent 2be1ce6083
commit c323c01e7b
3 changed files with 66 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/helpers/prefs.ts
+29
View File
@@ -0,0 +1,29 @@
export type PrefRow = { key: string; value: string };
export function normalizePrefs(entries: [string, string][] | PrefRow[]): [string, string][] {
return entries
.map((item): [string, string] =>
Array.isArray(item)
? [item[0], item[1]]
: [item.key, item.value]
)
.filter(([k, v]) => k.trim() && v.trim())
.sort(([a], [b]) => a.localeCompare(b));
}
export function createPrefRow(key = '', value = ''): PrefRow {
return { key, value };
}
export function isAddDisabled(prefs: PrefRow[] | null): boolean {
return (
!!prefs &&
prefs.length > 0 &&
!(prefs[prefs.length - 1].key && prefs[prefs.length - 1].value)
);
}
export function sanitizePrefs(prefs: PrefRow[]) {
return prefs.filter((p) => p.key.trim() && p.value.trim());
}
src/routes/(console)/project-[region]-[project]/auth/teams/team-[team]/updatePrefs.svelte
+20 -32
View File
@@ -12,19 +12,15 @@
import { IconPlus } from '@appwrite.io/pink-icons-svelte';
import { page } from '$app/state';
import deepEqual from 'deep-equal';
import type { PrefRow } from '$lib/helpers/prefs';
import { normalizePrefs, createPrefRow, isAddDisabled, sanitizePrefs } from '$lib/helpers/prefs';
type PrefRow = { key: string; value: string };
function normalize(entries: [string, string][] | PrefRow[]): [string, string][] {
return entries
.map(item => Array.isArray(item) ? item : [item.key, item.value])
.filter(([k, v]: [string, string]) => k.trim() && v.trim())
.sort(([a]: [string, string], [b]: [string, string]) => a.localeCompare(b));
}
$: if (prefs) {
const currentNormalized = normalize(prefs);
const originalNormalized = normalize(Object.entries($team.prefs as Record<string, string>));
const currentNormalized = normalizePrefs(prefs);
const originalNormalized = normalizePrefs(
Object.entries($team.prefs as Record<string, string>)
);
arePrefsDisabled = deepEqual(currentNormalized, originalNormalized);
}
@@ -32,26 +28,22 @@
let prefs: PrefRow[] = null;
let arePrefsDisabled = true;
function createPrefRow(key = '', value = ''): PrefRow {
return {key, value };
}
onMount(async () => {
const entries = Object.entries($team.prefs as Record<string, string>);
prefs = entries.length > 0
? entries.map(([key, value]) => createPrefRow(key, value))
: [createPrefRow()];
prefs =
entries.length > 0
? entries.map(([key, value]) => createPrefRow(key, value))
: [createPrefRow()];
});
async function updatePrefs() {
try {
const sanitizedPrefs = prefs.filter(
pref => pref.key.trim() !== '' && pref.value.trim() !== ''
);
const sanitizedPrefs = sanitizePrefs(prefs);
const updatedPrefs = sanitizedPrefs.length === 0
? {}
: Object.fromEntries(sanitizedPrefs.map(pref => [pref.key, pref.value]));
const updatedPrefs =
sanitizedPrefs.length === 0
? {}
: Object.fromEntries(sanitizedPrefs.map((pref) => [pref.key, pref.value]));
await sdk
.forProject(page.params.region, page.params.project)
@@ -87,7 +79,7 @@
id={`key-${index}`}
value={pref.key}
on:input={(e) => {
prefs[index].key = e.target.value;
prefs[index].key = (e.target as HTMLInputElement).value;
prefs = [...prefs];
}}
placeholder="Enter key"
@@ -98,7 +90,7 @@
id={`value-${index}`}
value={pref.value}
on:input={(e) => {
prefs[index].value = e.target.value;
prefs[index].value = (e.target as HTMLInputElement).value;
prefs = [...prefs];
}}
placeholder="Enter value"
@@ -109,7 +101,7 @@
compact
disabled={(!pref.key || !pref.value) && index === 0}
on:click={() => {
prefs.splice(index, 1);
prefs.splice(index, 1);
prefs = [...prefs];
}}>
<span class="icon-x" aria-hidden="true"></span>
@@ -121,12 +113,8 @@
<div>
<Button
secondary
disabled={
!!prefs &&
prefs.length > 0 &&
!(prefs[prefs.length - 1].key && prefs[prefs.length - 1].value)
}
on:click={() => {
disabled={isAddDisabled(prefs)}
on:click={() => {
if (!prefs) return;
prefs = [...prefs, createPrefRow()];
}}>
src/routes/(console)/project-[region]-[project]/auth/user-[user]/updatePrefs.svelte
+17 -31
View File
@@ -12,19 +12,13 @@
import { IconPlus } from '@appwrite.io/pink-icons-svelte';
import { page } from '$app/state';
import deepEqual from 'deep-equal';
import type { PrefRow } from '$lib/helpers/prefs';
import { normalizePrefs, createPrefRow, isAddDisabled, sanitizePrefs } from '$lib/helpers/prefs';
type PrefRow = { key: string; value: string };
function normalize(entries: [string, string][] | PrefRow[]): [string, string][] {
return entries
.map(item => Array.isArray(item) ? item : [item.key, item.value])
.filter(([k, v]: [string, string]) => k.trim() && v.trim())
.sort(([a]: [string, string], [b]: [string, string]) => a.localeCompare(b));
}
$: if (prefs) {
const currentNormalized = normalize(prefs);
const originalNormalized = normalize(Object.entries($user.prefs));
const currentNormalized = normalizePrefs(prefs);
const originalNormalized = normalizePrefs(Object.entries($user.prefs));
arePrefsDisabled = deepEqual(currentNormalized, originalNormalized);
}
@@ -32,26 +26,22 @@
let prefs: PrefRow[] = null;
let arePrefsDisabled = true;
function createPrefRow(key = '', value = ''): PrefRow {
return { key, value };
}
onMount(async () => {
const entries = Object.entries($user.prefs);
prefs = entries.length > 0
? entries.map(([key, value]) => createPrefRow(key, value))
: [createPrefRow()];
prefs =
entries.length > 0
? entries.map(([key, value]) => createPrefRow(key, value))
: [createPrefRow()];
});
async function updatePrefs() {
try {
const sanitizedPrefs = prefs.filter(
pref => pref.key.trim() !== '' && pref.value.trim() !== ''
);
const sanitizedPrefs = sanitizePrefs(prefs);
const updatedPrefs = sanitizedPrefs.length === 0
? {}
: Object.fromEntries(sanitizedPrefs.map(pref => [pref.key, pref.value]));
const updatedPrefs =
sanitizedPrefs.length === 0
? {}
: Object.fromEntries(sanitizedPrefs.map((pref) => [pref.key, pref.value]));
await sdk
.forProject(page.params.region, page.params.project)
@@ -86,7 +76,7 @@
id={`key-${index}`}
value={pref.key}
on:input={(e) => {
prefs[index].key = e.target.value;
prefs[index].key = (e.target as HTMLInputElement).value;
prefs = [...prefs];
}}
placeholder="Enter key"
@@ -97,7 +87,7 @@
id={`value-${index}`}
value={pref.value}
on:input={(e) => {
prefs[index].value = e.target.value;
prefs[index].value = (e.target as HTMLInputElement).value;
prefs = [...prefs];
}}
placeholder="Enter value"
@@ -120,12 +110,8 @@
<div>
<Button
secondary
disabled={
!!prefs &&
prefs.length > 0 &&
!(prefs[prefs.length - 1].key && prefs[prefs.length - 1].value)
}
on:click={() => {
disabled={isAddDisabled(prefs)}
on:click={() => {
if (!prefs) return;
prefs = [...prefs, createPrefRow()];
}}>