sveltekit-admin 0.6.0 → 0.9.0

package/dist/server/views/theme.js

@@ -182,6 +182,45 @@ export function styles(primaryColor) {
       letter-spacing: 0.05em;
     }
 
+    .ska-pagination__pages {
+      display: flex;
+      align-items: center;
+      gap: 0.25rem;
+      flex-wrap: wrap;
+    }
+    .ska-pagination__gap { padding: 0 0.25rem; color: #64748b; }
+    .ska-bulk { margin-bottom: 0.75rem; }
+    .ska-table__select { width: 2.5rem; text-align: center; }
+    .ska-alert--success {
+      background: #f0fdf4;
+      border-color: #bbf7d0;
+      color: #166534;
+    }
+    .ska-pagination__sizes {
+      display: flex;
+      align-items: center;
+      gap: 0.25rem;
+      flex-wrap: wrap;
+    }
+    .ska-pagination__current {
+      background: var(--ska-primary);
+      color: #fff;
+      border-color: var(--ska-primary);
+      cursor: default;
+    }
+    .ska-table th a.ska-th-sort {
+      color: inherit;
+      text-decoration: none;
+      display: inline-flex;
+      align-items: center;
+      gap: 0.25rem;
+    }
+    .ska-table th a.ska-th-sort:hover { text-decoration: underline; }
+    .ska-table th a.ska-th-sort:focus-visible {
+      outline: 2px solid var(--ska-primary);
+      outline-offset: 2px;
+      border-radius: 2px;
+    }
     .ska-table td {
       padding: 0.75rem 1rem;
       border-bottom: 1px solid #e2e8f0;
@@ -220,10 +259,15 @@ export function styles(primaryColor) {
       transition: all 0.15s;
     }
 
-    .ska-input:focus {
-      outline: none;
+    /* 'outline: none' remplacé par un box-shadow à 10 % d'opacité donnait un
+       contraste d'environ 1,1:1 contre le fond blanc — soit, en pratique, aucun
+       indicateur de focus. Le contour reprend la couleur de marque, qui est
+       elle contrastée, et le box-shadow ne fait plus que l'accompagner. */
+    .ska-input:focus-visible {
+      outline: 2px solid var(--ska-primary);
+      outline-offset: 1px;
       border-color: var(--ska-primary);
-      box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
+      box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.15);
     }
 
     .ska-input[readonly] {
@@ -231,6 +275,25 @@ export function styles(primaryColor) {
       color: #6b7280;
     }
 
+    /* Sélecteur d'attribut et non une classe : aria-invalid est déjà la source
+       de vérité pour les lecteurs d'écran, une classe parallèle finirait par en
+       diverger. */
+    .ska-input[aria-invalid='true'] {
+      border-color: #dc2626;
+    }
+
+    .ska-input[aria-invalid='true']:focus-visible {
+      outline-color: #dc2626;
+      border-color: #dc2626;
+      box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.15);
+    }
+
+    .ska-field__error {
+      margin-top: 0.375rem;
+      font-size: 0.8125rem;
+      color: #b91c1c;
+    }
+
     .ska-checkbox-wrap {
       display: flex;
       align-items: center;
@@ -533,5 +596,86 @@ export function styles(primaryColor) {
       color: #16a34a;
       border: 1px solid #bbf7d0;
     }
+
+    /* Hors flux tant qu'il n'est pas ciblé : 'display: none' le retirerait de
+       l'ordre de tabulation, ce qui le rendrait inatteignable — donc inutile. */
+    .ska-skip {
+      position: absolute;
+      left: -9999px;
+      top: 0;
+      background: var(--ska-primary);
+      color: #fff;
+      padding: 0.625rem 1rem;
+      border-radius: 0 0 0.375rem 0;
+      z-index: 100;
+    }
+
+    .ska-skip:focus {
+      left: 0;
+    }
+
+    /* Un seul contour, de la couleur de marque, sur tout ce qui prend le focus.
+       'focus-visible' et non 'focus' : le contour apparaît au clavier sans
+       s'afficher au clic à la souris. La cible du lien d'évitement porte
+       tabindex="-1" pour être focusable par programme, mais elle ne doit pas
+       dessiner de contour pour autant. */
+    .ska-btn:focus-visible,
+    .ska-nav__link:focus-visible,
+    .ska-logo:focus-visible,
+    .ska-back:focus-visible,
+    .ska-checkbox:focus-visible,
+    .ska-logout__btn:focus-visible,
+    .ska-skip:focus-visible {
+      outline: 2px solid var(--ska-primary);
+      outline-offset: 2px;
+    }
+
+    .ska-main:focus-visible { outline: none; }
+
+    /* La sidebar était fixe à 260px et le contenu décalé d'autant : sur un
+       écran de 375px il restait 115px utilisables. Elle repasse dans le flux et
+       la navigation devient horizontale. */
+    @media (max-width: 900px) {
+      .ska-layout { flex-direction: column; }
+
+      .ska-sidebar {
+        position: static;
+        width: auto;
+        height: auto;
+        border-right: none;
+        border-bottom: 1px solid #e2e8f0;
+        padding: 1rem;
+      }
+
+      .ska-nav {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 0.25rem;
+      }
+
+      .ska-nav__item { margin-bottom: 0; }
+
+      .ska-main {
+        margin-left: 0;
+        padding: 1rem;
+      }
+
+      .ska-header {
+        flex-direction: column;
+        gap: 0.75rem;
+      }
+
+      .ska-form { max-width: none; }
+    }
+
+    /* Cinq 'transition: all' vivent dans cette feuille. Le réglage système est
+       une demande explicite, pas une préférence esthétique. */
+    @media (prefers-reduced-motion: reduce) {
+      * {
+        transition-duration: 0.01ms !important;
+        animation-duration: 0.01ms !important;
+        scroll-behavior: auto !important;
+      }
+    }
   `;
 }

package/dist/server/views/types.d.ts

@@ -16,12 +16,27 @@ export interface ViewModel {
     label: string;
     fields: PrismaField[];
     primaryKey: string;
+    /**
+     * Valeurs déclarées de chaque enum du schéma, indexées par nom de type.
+     * Portées par le ViewModel plutôt que passées à part comme le fait
+     * `filterDetection` : le formulaire résout un enum champ par champ, et un
+     * second chemin d'acheminement vers les mêmes valeurs finirait par diverger.
+     */
+    enums?: Map<string, string[]>;
     relationGraph?: RelationGraph;
     /** Options résolues pour chaque arête to-one-owning, indexées par "Model.field" */
     relationOptions?: Map<string, RelationMeta>;
     /** Compteurs des relations inverses (1-N, 1-1), indexés par "Model.field" */
     relatedCounts?: Map<string, number>;
 }
+export interface RecordAction {
+    label: string;
+    href: string;
+}
+export interface ListRecordAction {
+    label: string;
+    hrefFor: (id: string | number) => string;
+}
 /**
  * Résolution async d'un filtre FK (kind 'fk' dans ResolvedFilterField) :
  * options scopées pour la sidebar + label du chip actif scopé lui aussi

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sveltekit-admin",
-  "version": "0.6.0",
+  "version": "0.9.0",
   "description": "Django-like admin panel for SvelteKit + Prisma",
   "type": "module",
   "svelte": "./dist/index.js",
@@ -22,23 +22,8 @@
     "!dist/**/*.test.*",
     "!dist/**/*.spec.*"
   ],
-  "scripts": {
-    "dev": "vite dev",
-    "build": "npm run package",
-    "package": "svelte-kit sync && svelte-package -o dist && echo 'Package size:' && bun pm pack --dry-run 2>&1 | grep -E 'Total files|Unpacked size'",
-    "prepublishOnly": "npm run package",
-    "size": "bun run package && node scripts/package-size.mjs",
-    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-    "test:gen": "prisma generate --schema tests/fixtures/prisma/schema.prisma",
-    "test": "svelte-kit sync && npm run test:gen && vitest run",
-    "test:watch": "svelte-kit sync && npm run test:gen && vitest",
-    "test:coverage": "svelte-kit sync && npm run test:gen && vitest run --coverage",
-    "lint": "svelte-kit sync && eslint .",
-    "format": "prettier --write .",
-    "changeset": "changeset",
-    "version-packages": "changeset version",
-    "release": "npm run package && changeset publish"
+  "publishConfig": {
+    "provenance": true
   },
   "peerDependencies": {
     "@prisma/client": ">=5.0.0",
@@ -55,7 +40,7 @@
     }
   },
   "devDependencies": {
-    "@changesets/cli": "^3.0.0",
+    "@changesets/cli": "^3.0.1",
     "@eslint/js": "9",
     "@prisma/client": "^6.19.3",
     "@sveltejs/adapter-auto": "^7.0.1",
@@ -98,5 +83,23 @@
   "bugs": {
     "url": "https://github.com/dotNacer/sveltekit-admin/issues"
   },
-  "author": "dotNacer"
-}
+  "author": "dotNacer",
+  "scripts": {
+    "dev": "vite dev",
+    "build": "pnpm run package",
+    "package": "svelte-kit sync && svelte-package -o dist",
+    "size": "pnpm run package && node scripts/package-size.mjs",
+    "smoke:packaged": "node scripts/consumer-smoke.mjs",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+    "test:gen": "prisma generate --schema tests/fixtures/prisma/schema.prisma",
+    "test": "svelte-kit sync && pnpm run test:gen && vitest run",
+    "test:watch": "svelte-kit sync && pnpm run test:gen && vitest",
+    "test:coverage": "svelte-kit sync && pnpm run test:gen && vitest run --coverage",
+    "lint": "svelte-kit sync && eslint .",
+    "format": "prettier --write .",
+    "changeset": "changeset",
+    "version-packages": "changeset version",
+    "release": "pnpm run package && changeset publish"
+  }
+}