sveltekit-admin 0.5.0 → 0.5.3

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 dotNacer
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/server/handler.js

@@ -141,17 +141,22 @@ export function createAdminHandler(config) {
      * charger 10k lignes pour découvrir qu'il y en a 10k.
      */
     const loadRelationOptions = async (model, ctx, currentId) => {
-        const out = new Map();
-        for (const edge of relationGraph.edges.values()) {
+        const edges = [...relationGraph.edges.values()].filter((edge) => {
             if (edge.model !== model.name)
-                continue;
+                return false;
             if (edge.kind !== 'to-one-owning' && edge.kind !== 'm2m-implicit')
-                continue;
+                return false;
             if (edge.unsupported)
-                continue;
+                return false;
+            const relConfig = modelsConfig[model.name]?.relations?.[edge.field];
+            return relConfig?.widget !== 'hidden';
+        });
+        // Une relation ne dépend pas de l'autre : chargées en parallèle plutôt
+        // qu'en série (un modèle avec N relations ne doit pas payer N
+        // aller-retours DB empilés pour afficher un seul formulaire).
+        const entries = await Promise.all(edges.map(async (edge) => {
+            const key = `${edge.model}.${edge.field}`;
             const relConfig = modelsConfig[model.name]?.relations?.[edge.field];
-            if (relConfig?.widget === 'hidden')
-                continue;
             const targetModel = schema.models.find((m) => m.name === edge.target);
             const where = relConfig?.where ? relConfig.where(ctx) : undefined;
             const prismaKey = toPrismaModel(edge.target);
@@ -161,8 +166,7 @@ export function createAdminHandler(config) {
                     const selectedIds = edge.kind === 'm2m-implicit' && currentId
                         ? await loadSelectedIds(model, edge, currentId, targetModel)
                         : undefined;
-                    out.set(`${edge.model}.${edge.field}`, { tooMany: true, options: [], selectedIds });
-                    continue;
+                    return [key, { tooMany: true, options: [], selectedIds }];
                 }
                 const rows = await prisma[prismaKey].findMany({
                     where,
@@ -175,15 +179,15 @@ export function createAdminHandler(config) {
                 const selectedIds = edge.kind === 'm2m-implicit' && currentId
                     ? await loadSelectedIds(model, edge, currentId, targetModel)
                     : undefined;
-                out.set(`${edge.model}.${edge.field}`, { tooMany: false, options, selectedIds });
+                return [key, { tooMany: false, options, selectedIds }];
             }
             catch {
                 // Cible absente de la base ou client incomplet : repli raw-id pour
                 // garder le champ éditable plutôt que de faire échouer tout le form.
-                out.set(`${edge.model}.${edge.field}`, { tooMany: true, options: [] });
+                return [key, { tooMany: true, options: [] }];
             }
-        }
-        return out;
+        }));
+        return new Map(entries);
     };
     /**
      * Options d'un filtre FK : charge et scope les valeurs possibles pour la
@@ -206,43 +210,48 @@ export function createAdminHandler(config) {
         const relConfig = modelsConfig[model.name]?.relations?.[edge.field];
         const scope = relConfig?.where ? relConfig.where(ctx) : undefined;
         const prismaKey = toPrismaModel(edge.target);
-        // Options de la sidebar : scopées, comptées puis chargées si sous le seuil.
-        let options = [];
-        let tooMany = false;
-        try {
-            const total = await prisma[prismaKey].count({ where: scope });
-            if (total > selectThreshold) {
-                tooMany = true;
-            }
-            else {
+        // Options de la sidebar (comptées puis chargées si sous le seuil) et
+        // label du chip actif (§6.3.b) sont deux requêtes indépendantes — l'une
+        // ne dépend pas du résultat de l'autre — donc en parallèle plutôt qu'en
+        // série.
+        const loadOptions = async () => {
+            try {
+                const total = await prisma[prismaKey].count({ where: scope });
+                if (total > selectThreshold) {
+                    return { options: [], tooMany: true };
+                }
                 const rows = await prisma[prismaKey].findMany({
                     where: scope,
                     orderBy: relConfig?.orderBy
                 });
-                options = rows.map((row) => ({
+                const options = rows.map((row) => ({
                     id: row[primaryKeyOf(targetModel)],
                     label: resolveLabel(targetModel, row, relConfig?.labelTemplate)
                 }));
+                return { options, tooMany: false };
             }
-        }
-        catch {
-            tooMany = true;
-        }
-        // Label du chip actif : résolu via findFirst scopé (§6.3.b). Un ID hors
-        // scope retourne null ici → le composant affiche l'ID brut, pas de label.
-        let activeLabel;
-        if (activeRawValue !== undefined) {
+            catch {
+                return { options: [], tooMany: true };
+            }
+        };
+        // Un ID hors scope retourne null ici → le composant affiche l'ID brut,
+        // jamais le label (sinon c'est un oracle sur le nom d'un enregistrement
+        // d'un autre tenant).
+        const loadActiveLabel = async () => {
+            if (activeRawValue === undefined)
+                return undefined;
             const activeId = coerceId(activeRawValue, targetModel);
             try {
                 const row = await prisma[prismaKey].findFirst({
                     where: scope ? { AND: [{ [primaryKeyOf(targetModel)]: activeId }, scope] } : { [primaryKeyOf(targetModel)]: activeId }
                 });
-                activeLabel = row ? resolveLabel(targetModel, row, relConfig?.labelTemplate) : undefined;
+                return row ? resolveLabel(targetModel, row, relConfig?.labelTemplate) : undefined;
             }
             catch {
-                activeLabel = undefined;
+                return undefined;
             }
-        }
+        };
+        const [{ options, tooMany }, activeLabel] = await Promise.all([loadOptions(), loadActiveLabel()]);
         return {
             field: fkFieldName,
             label,
@@ -280,27 +289,26 @@ export function createAdminHandler(config) {
      * le rendu du formulaire.
      */
     const loadRelatedCounts = async (model, currentId) => {
-        const out = new Map();
-        for (const edge of relationGraph.edges.values()) {
-            if (edge.model !== model.name)
-                continue;
-            if (edge.kind !== 'to-many-inverse' && edge.kind !== 'to-one-inverse')
-                continue;
+        const edges = [...relationGraph.edges.values()].filter((edge) => edge.model === model.name && (edge.kind === 'to-many-inverse' || edge.kind === 'to-one-inverse'));
+        // Un count par relation inverse, indépendants entre eux : en parallèle
+        // plutôt qu'empilés un par un (même raisonnement que loadRelationOptions).
+        const entries = await Promise.all(edges.map(async (edge) => {
             const owning = [...relationGraph.edges.values()].find((o) => o.model === edge.target && o.kind === 'to-one-owning' && o.relationName === edge.relationName);
             if (!owning || owning.unsupported)
-                continue;
+                return undefined;
             const scalarName = owning.scalarFields[0];
+            const key = `${edge.model}.${edge.field}`;
             try {
                 const count = await prisma[toPrismaModel(edge.target)].count({
                     where: { [scalarName]: coerceId(currentId, model) }
                 });
-                out.set(`${edge.model}.${edge.field}`, count);
+                return [key, count];
             }
             catch {
-                out.set(`${edge.model}.${edge.field}`, 0);
+                return [key, 0];
             }
-        }
-        return out;
+        }));
+        return new Map(entries.filter((e) => e !== undefined));
     };
     /**
      * Endpoint de recherche `GET {basePath}/_search?rel=Model.field&q=...&page=N`.
@@ -588,14 +596,16 @@ export function createAdminHandler(config) {
                     const where = buildWhere(listQuery, listScope, caseInsensitiveSearch, model);
                     const { items, total } = await listRecords(prisma, model, page, PER_PAGE, where);
                     const listFilters = resolveListFilters(model, schema.enums, modelsConfig[model.name]?.listFilter, toLabel, relationGraph, hiddenFieldsOf(model), config.listFilterDefaults?.autoDetect ?? true);
-                    const fkFilterMeta = new Map();
-                    for (const filter of listFilters) {
-                        if (filter.kind !== 'fk')
-                            continue;
+                    // Un filtre FK ne dépend pas de l'autre : résolus en parallèle
+                    // plutôt qu'un par un (même raisonnement que loadRelationOptions).
+                    const fkFilterEntries = await Promise.all(listFilters
+                        .filter((filter) => filter.kind === 'fk')
+                        .map(async (filter) => {
                         const activeRawValue = listQuery.filters.find((f) => f.field === filter.field && f.op === 'equals')?.raw;
                         const meta = await resolveFkFilterOptions(model, filter.field, filter.label, { locals: event.locals }, activeRawValue);
-                        fkFilterMeta.set(filter.field, meta);
-                    }
+                        return [filter.field, meta];
+                    }));
+                    const fkFilterMeta = new Map(fkFilterEntries);
                     content = render(List, {
                         props: {
                             model: viewModel(model),

package/dist/server/query/listQuery.d.ts

@@ -32,7 +32,10 @@ export interface ListQuery {
     filters: ActiveFilter[];
     ignored: IgnoredFilter[];
 }
-/** Field-name candidates used both for relation labels and for the default search heuristic (§2.1). */
+/**
+ * Field-name candidates for the default search heuristic (§2.1). Relation-label
+ * resolution (handler.ts) keeps its own separate list — the two are not shared.
+ */
 export declare const DEFAULT_LABEL_FIELDS: string[];
 /**
  * Fields eligible for the free-text search box.

package/dist/server/query/listQuery.js

@@ -14,8 +14,22 @@
 import { isSensitiveFieldName } from '../introspection/parser.js';
 /** Max length accepted for the free-text search term. Longer input is truncated. */
 const MAX_SEARCH_LENGTH = 200;
-/** Field-name candidates used both for relation labels and for the default search heuristic (§2.1). */
-export const DEFAULT_LABEL_FIELDS = ['name', 'title', 'label', 'email', 'username', 'slug'];
+/**
+ * Field-name candidates for the default search heuristic (§2.1). Relation-label
+ * resolution (handler.ts) keeps its own separate list — the two are not shared.
+ */
+export const DEFAULT_LABEL_FIELDS = [
+    'name',
+    'title',
+    'label',
+    'email',
+    'username',
+    'slug',
+    'description',
+    'content',
+    'body',
+    'text'
+];
 /** Types eligible for the free-text search heuristic (String only, see §2.1). */
 function isSearchableByHeuristic(field) {
     return (field.type === 'String' &&

package/dist/server/views/theme.js

@@ -392,61 +392,114 @@ export function styles(primaryColor) {
     .ska-filters {
       margin-bottom: 1.5rem;
       display: flex;
-      flex-wrap: wrap;
-      gap: 1.5rem;
+      flex-direction: column;
+      gap: 0.75rem;
     }
 
     .ska-filters__group {
-      min-width: 140px;
+      display: flex;
+      align-items: center;
+      flex-wrap: wrap;
+      gap: 0.625rem;
+    }
+
+    .ska-filters__group + .ska-filters__group {
+      padding-top: 0.75rem;
+      border-top: 1px solid #f1f5f9;
     }
 
     .ska-filters__title {
-      font-size: 0.75rem;
+      font-size: 0.6875rem;
       font-weight: 600;
       text-transform: uppercase;
       letter-spacing: 0.05em;
-      color: #64748b;
-      margin-bottom: 0.5rem;
+      color: #94a3b8;
+      min-width: 88px;
+      flex-shrink: 0;
     }
 
     .ska-filters__list {
       list-style: none;
       display: flex;
-      flex-direction: column;
-      gap: 0.25rem;
+      flex-wrap: wrap;
+      gap: 0.375rem;
     }
 
     .ska-filters__link {
-      display: block;
-      padding: 0.25rem 0.5rem;
-      border-radius: 0.25rem;
+      display: inline-flex;
+      align-items: center;
+      padding: 0.25rem 0.625rem;
+      border-radius: 999px;
+      border: 1px solid #e2e8f0;
       color: #475569;
       text-decoration: none;
-      font-size: 0.875rem;
+      font-size: 0.8125rem;
+      line-height: 1.25rem;
+      white-space: nowrap;
+      transition: all 0.15s;
     }
 
     .ska-filters__link:hover {
       background: #f1f5f9;
+      border-color: #cbd5e1;
     }
 
     .ska-filters__link--active {
-      background: #eef2ff;
-      color: var(--ska-primary);
+      background: var(--ska-primary);
+      border-color: var(--ska-primary);
+      color: white;
       font-weight: 500;
     }
 
-    .ska-filters__range {
+    .ska-filters__range,
+    .ska-filters__select {
       display: flex;
-      flex-direction: column;
-      gap: 0.375rem;
+      align-items: center;
+      gap: 0.5rem;
     }
 
     .ska-filters__range-input {
-      padding: 0.375rem 0.5rem;
+      padding: 0.25rem 0.5rem;
       border: 1px solid #e2e8f0;
       border-radius: 0.25rem;
       font-size: 0.8125rem;
-      width: 100%;
+      width: 6.5rem;
+    }
+
+    .ska-filters__select-input {
+      padding: 0.25rem 0.625rem;
+      border: 1px solid #e2e8f0;
+      border-radius: 0.25rem;
+      font-size: 0.8125rem;
+      color: #475569;
+      background: white;
+      max-width: 220px;
+    }
+
+    .ska-filters__chip {
+      display: inline-flex;
+      align-items: center;
+      gap: 0.375rem;
+      padding: 0.25rem 0.5rem 0.25rem 0.625rem;
+      border-radius: 999px;
+      background: #eef2ff;
+      color: var(--ska-primary);
+      font-size: 0.8125rem;
+    }
+
+    .ska-filters__chip a {
+      color: inherit;
+      text-decoration: none;
+    }
+
+    .ska-filters__chip-clear {
+      color: #64748b;
+      text-decoration: none;
+      line-height: 1;
+    }
+
+    .ska-filters__chip-clear:hover {
+      color: #dc2626;
     }
 
     /* Back link */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sveltekit-admin",
-  "version": "0.5.0",
+  "version": "0.5.3",
   "description": "Django-like admin panel for SvelteKit + Prisma",
   "type": "module",
   "svelte": "./dist/index.js",
@@ -71,7 +71,7 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/dotNacer/sveltekit-admin.git"
+    "url": "git+https://github.com/dotNacer/sveltekit-admin.git"
   },
   "homepage": "https://github.com/dotNacer/sveltekit-admin#readme",
   "bugs": {