sveltekit-admin 0.2.1 → 0.5.3

package/dist/server/views/theme.js

@@ -0,0 +1,537 @@
+import { adjustColor } from './html.js';
+export function styles(primaryColor) {
+    return `
+    :root {
+      --ska-primary: ${primaryColor};
+      --ska-primary-hover: ${adjustColor(primaryColor, -15)};
+    }
+
+    * { box-sizing: border-box; margin: 0; padding: 0; }
+
+    body {
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
+      background: #f8fafc;
+      color: #1e293b;
+      line-height: 1.5;
+    }
+
+    .ska-layout {
+      display: flex;
+      min-height: 100vh;
+    }
+
+    .ska-sidebar {
+      width: 260px;
+      background: white;
+      border-right: 1px solid #e2e8f0;
+      padding: 1.5rem;
+      position: fixed;
+      height: 100vh;
+      overflow-y: auto;
+      display: flex;
+      flex-direction: column;
+    }
+
+    .ska-logo {
+      font-size: 1.25rem;
+      font-weight: 700;
+      color: var(--ska-primary);
+      text-decoration: none;
+      display: block;
+      margin-bottom: 2rem;
+    }
+
+    .ska-nav { list-style: none; }
+
+    .ska-nav__item {
+      margin-bottom: 0.25rem;
+    }
+
+    .ska-nav__link {
+      display: flex;
+      align-items: center;
+      gap: 0.75rem;
+      padding: 0.625rem 0.875rem;
+      color: #64748b;
+      text-decoration: none;
+      border-radius: 0.375rem;
+      font-size: 0.875rem;
+      transition: all 0.15s;
+    }
+
+    .ska-nav__link:hover {
+      background: #f1f5f9;
+      color: #1e293b;
+    }
+
+    .ska-nav__link--active {
+      background: #eef2ff;
+      color: var(--ska-primary);
+      font-weight: 500;
+    }
+
+    .ska-logout {
+      margin-top: auto;
+      padding-top: 1rem;
+    }
+
+    .ska-logout__btn {
+      display: flex;
+      align-items: center;
+      gap: 0.75rem;
+      width: 100%;
+      padding: 0.625rem 0.875rem;
+      background: none;
+      border: none;
+      color: #64748b;
+      font-size: 0.875rem;
+      font-family: inherit;
+      border-radius: 0.375rem;
+      cursor: pointer;
+      transition: all 0.15s;
+      text-align: left;
+    }
+
+    .ska-logout__btn:hover {
+      background: #fef2f2;
+      color: #dc2626;
+    }
+
+    .ska-main {
+      flex: 1;
+      margin-left: 260px;
+      padding: 2rem;
+    }
+
+    .ska-card {
+      background: white;
+      border: 1px solid #e2e8f0;
+      border-radius: 0.5rem;
+      padding: 1.5rem;
+    }
+
+    .ska-btn {
+      display: inline-flex;
+      align-items: center;
+      gap: 0.5rem;
+      padding: 0.5rem 1rem;
+      font-size: 0.875rem;
+      font-weight: 500;
+      border-radius: 0.375rem;
+      border: none;
+      cursor: pointer;
+      text-decoration: none;
+      transition: all 0.15s;
+    }
+
+    .ska-btn--primary {
+      background: var(--ska-primary);
+      color: white;
+    }
+
+    .ska-btn--primary:hover {
+      background: var(--ska-primary-hover);
+    }
+
+    .ska-btn--secondary {
+      background: #f1f5f9;
+      color: #475569;
+    }
+
+    .ska-btn--secondary:hover {
+      background: #e2e8f0;
+    }
+
+    .ska-btn--danger {
+      background: #fef2f2;
+      color: #dc2626;
+    }
+
+    .ska-btn--danger:hover {
+      background: #fee2e2;
+    }
+
+    .ska-btn--sm {
+      padding: 0.375rem 0.75rem;
+      font-size: 0.75rem;
+    }
+
+    h1 { font-size: 1.5rem; font-weight: 700; margin-bottom: 0.5rem; }
+    h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 1rem; }
+
+    .ska-subtitle { color: #64748b; font-size: 0.875rem; margin-bottom: 1.5rem; }
+
+    /* Table styles */
+    .ska-table-wrap { overflow-x: auto; }
+
+    .ska-table {
+      width: 100%;
+      border-collapse: collapse;
+      font-size: 0.875rem;
+    }
+
+    .ska-table th {
+      text-align: left;
+      padding: 0.75rem 1rem;
+      background: #f8fafc;
+      border-bottom: 1px solid #e2e8f0;
+      font-weight: 600;
+      color: #64748b;
+      font-size: 0.75rem;
+      text-transform: uppercase;
+      letter-spacing: 0.05em;
+    }
+
+    .ska-table td {
+      padding: 0.75rem 1rem;
+      border-bottom: 1px solid #e2e8f0;
+    }
+
+    .ska-table tr:hover {
+      background: #f8fafc;
+    }
+
+    .ska-table__actions {
+      display: flex;
+      gap: 0.5rem;
+    }
+
+    /* Form styles */
+    .ska-form { max-width: 600px; }
+
+    .ska-field {
+      margin-bottom: 1.25rem;
+    }
+
+    .ska-label {
+      display: block;
+      font-size: 0.875rem;
+      font-weight: 500;
+      color: #374151;
+      margin-bottom: 0.375rem;
+    }
+
+    .ska-input {
+      width: 100%;
+      padding: 0.625rem 0.875rem;
+      font-size: 0.875rem;
+      border: 1px solid #d1d5db;
+      border-radius: 0.375rem;
+      transition: all 0.15s;
+    }
+
+    .ska-input:focus {
+      outline: none;
+      border-color: var(--ska-primary);
+      box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
+    }
+
+    .ska-input[readonly] {
+      background: #f9fafb;
+      color: #6b7280;
+    }
+
+    .ska-checkbox-wrap {
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+    }
+
+    .ska-checkbox {
+      width: 1rem;
+      height: 1rem;
+    }
+
+    .ska-checkbox-group {
+      border: 1px solid #e2e8f0;
+      border-radius: 0.5rem;
+      padding: 0.75rem;
+      max-height: 220px;
+      overflow-y: auto;
+      display: flex;
+      flex-direction: column;
+      gap: 0.375rem;
+    }
+
+    .ska-related-row {
+      display: flex;
+      align-items: center;
+      gap: 0.75rem;
+      padding: 0.625rem 0;
+      border-bottom: 1px solid #f1f5f9;
+    }
+    .ska-related-row:last-child { border-bottom: none; }
+
+    .ska-form__actions {
+      display: flex;
+      gap: 0.75rem;
+      margin-top: 1.5rem;
+      padding-top: 1.5rem;
+      border-top: 1px solid #e2e8f0;
+    }
+
+    /* Stats grid */
+    .ska-stats {
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+      gap: 1rem;
+      margin-bottom: 2rem;
+    }
+
+    .ska-stat {
+      background: white;
+      border: 1px solid #e2e8f0;
+      border-radius: 0.5rem;
+      padding: 1.25rem;
+      display: flex;
+      align-items: center;
+      gap: 1rem;
+    }
+
+    .ska-stat__icon {
+      width: 3rem;
+      height: 3rem;
+      background: #eef2ff;
+      border-radius: 0.5rem;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: var(--ska-primary);
+    }
+
+    .ska-stat__value {
+      font-size: 1.5rem;
+      font-weight: 700;
+    }
+
+    .ska-stat__label {
+      font-size: 0.875rem;
+      color: #64748b;
+    }
+
+    /* Models grid */
+    .ska-models {
+      display: grid;
+      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+      gap: 1rem;
+    }
+
+    .ska-model-card {
+      background: white;
+      border: 1px solid #e2e8f0;
+      border-radius: 0.5rem;
+      padding: 1.25rem;
+      text-decoration: none;
+      transition: all 0.15s;
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      min-height: 100px;
+    }
+
+    .ska-model-card:hover {
+      border-color: var(--ska-primary);
+      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
+    }
+
+    .ska-model-card__name {
+      font-weight: 600;
+      color: #1e293b;
+      margin-bottom: 0.25rem;
+    }
+
+    .ska-model-card__count {
+      font-size: 0.75rem;
+      color: #64748b;
+    }
+
+    .ska-model-card__footer {
+      color: var(--ska-primary);
+      font-size: 0.875rem;
+      font-weight: 500;
+    }
+
+    /* Header with actions */
+    .ska-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: flex-start;
+      margin-bottom: 1.5rem;
+    }
+
+    /* Pagination */
+    .ska-pagination {
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+      margin-top: 1rem;
+      padding-top: 1rem;
+      border-top: 1px solid #e2e8f0;
+    }
+
+    .ska-pagination__info {
+      font-size: 0.875rem;
+      color: #64748b;
+      margin-right: auto;
+    }
+
+    /* Search */
+    .ska-search {
+      margin-bottom: 1rem;
+    }
+
+    .ska-search__input {
+      padding: 0.5rem 1rem;
+      border: 1px solid #e2e8f0;
+      border-radius: 0.375rem;
+      font-size: 0.875rem;
+      width: 300px;
+    }
+
+    /* Filter sidebar */
+    .ska-filters {
+      margin-bottom: 1.5rem;
+      display: flex;
+      flex-direction: column;
+      gap: 0.75rem;
+    }
+
+    .ska-filters__group {
+      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.6875rem;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.05em;
+      color: #94a3b8;
+      min-width: 88px;
+      flex-shrink: 0;
+    }
+
+    .ska-filters__list {
+      list-style: none;
+      display: flex;
+      flex-wrap: wrap;
+      gap: 0.375rem;
+    }
+
+    .ska-filters__link {
+      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.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: var(--ska-primary);
+      border-color: var(--ska-primary);
+      color: white;
+      font-weight: 500;
+    }
+
+    .ska-filters__range,
+    .ska-filters__select {
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+    }
+
+    .ska-filters__range-input {
+      padding: 0.25rem 0.5rem;
+      border: 1px solid #e2e8f0;
+      border-radius: 0.25rem;
+      font-size: 0.8125rem;
+      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 */
+    .ska-back {
+      display: inline-flex;
+      align-items: center;
+      gap: 0.25rem;
+      color: #64748b;
+      text-decoration: none;
+      font-size: 0.875rem;
+      margin-bottom: 0.5rem;
+    }
+
+    .ska-back:hover { color: #475569; }
+
+    /* Alert */
+    .ska-alert {
+      padding: 1rem;
+      border-radius: 0.375rem;
+      margin-bottom: 1rem;
+    }
+
+    .ska-alert--error {
+      background: #fef2f2;
+      color: #dc2626;
+      border: 1px solid #fecaca;
+    }
+
+    .ska-alert--success {
+      background: #f0fdf4;
+      color: #16a34a;
+      border: 1px solid #bbf7d0;
+    }
+  `;
+}

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

@@ -0,0 +1,57 @@
+import type { PrismaField } from '../introspection/parser.js';
+import type { RelationGraph } from '../introspection/relations.js';
+export interface RelationOption {
+    id: string | number;
+    label: string;
+}
+export interface RelationMeta {
+    /** true si la cible dépasse le seuil dur — rendre un raw-id, pas un select */
+    tooMany: boolean;
+    options: RelationOption[];
+    /** N-N uniquement : IDs actuellement liés (absent en création) */
+    selectedIds?: (string | number)[];
+}
+export interface ViewModel {
+    name: string;
+    label: string;
+    fields: PrismaField[];
+    primaryKey: 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>;
+}
+/**
+ * Résolution async d'un filtre FK (kind 'fk' dans ResolvedFilterField) :
+ * options scopées pour la sidebar + label du chip actif scopé lui aussi
+ * (docs/design/list-search-filters.md §6.3). Chargé par requête, jamais
+ * auto-détecté (contrairement à Boolean/enum dont le domaine est statique).
+ */
+export interface FkFilterMeta {
+    /** Nom du scalaire FK, ex: `authorId`. */
+    field: string;
+    label: string;
+    /** Nom du champ relation owning, ex: `author`. */
+    relationField: string;
+    /** Nom du modèle cible, ex: `User`. */
+    targetModel: string;
+    /** Options résolues et scopées (vide si tooMany). */
+    options: RelationOption[];
+    /** Décision de rendu par cardinalité : liens ≤ 20, select ≤ 200, raw-id au-delà. */
+    mode: 'links' | 'select' | 'raw-id';
+    /** true si la cible dépasse selectThreshold : rendre un raw-id, pas une liste. */
+    tooMany: boolean;
+    /**
+     * Label du chip actif, résolu via findFirst SCOPÉ (§6.3.b) — undefined
+     * si l'ID actif est hors scope (le composant affiche alors l'ID brut,
+     * jamais le label, sinon c'est un oracle inter-tenants).
+     */
+    activeLabel?: string;
+    /**
+     * Lien vers la fiche de la cible pour le chip actif, seulement si le modèle
+     * cible est visible dans l'admin. Absent pour une cible exclue/masquée :
+     * aucun lien mort vers une page inaccessible (§6.4).
+     */
+    activeHref?: string;
+}

package/dist/server/views/types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sveltekit-admin",
-  "version": "0.2.1",
-  "description": "Django-like admin panel for SvelteKit + Prisma + better-auth",
+  "version": "0.5.3",
+  "description": "Django-like admin panel for SvelteKit + Prisma",
   "type": "module",
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -10,15 +10,6 @@
       "types": "./dist/index.d.ts",
       "svelte": "./dist/index.js",
       "default": "./dist/index.js"
-    },
-    "./components": {
-      "types": "./dist/components/index.d.ts",
-      "svelte": "./dist/components/index.js",
-      "default": "./dist/components/index.js"
-    },
-    "./admin": {
-      "types": "./dist/admin.d.ts",
-      "default": "./dist/admin.js"
     }
   },
   "files": [
@@ -29,34 +20,42 @@
   "scripts": {
     "dev": "vite dev",
     "build": "npm run package",
-    "package": "svelte-kit sync && svelte-package -o dist",
+    "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": "vitest",
-    "lint": "eslint .",
+    "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 ."
   },
   "peerDependencies": {
     "@prisma/client": ">=5.0.0",
-    "svelte": ">=5.0.0",
-    "@sveltejs/kit": ">=2.0.0"
-  },
-  "peerDependenciesMeta": {
-    "better-auth": {
-      "optional": true
-    }
+    "@sveltejs/kit": ">=2.0.0",
+    "svelte": ">=5.0.0"
   },
   "devDependencies": {
+    "@eslint/js": "9",
+    "@prisma/client": "^6.19.3",
     "@sveltejs/adapter-auto": "^7.0.1",
     "@sveltejs/kit": "^2.0.0",
     "@sveltejs/package": "^2.5.8",
     "@sveltejs/vite-plugin-svelte": "^4.0.0",
     "@types/node": "^22.0.0",
+    "@vitest/coverage-v8": "^3.2.7",
+    "eslint": "9",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-svelte": "^3.22.0",
+    "globals": "^17.9.0",
     "prettier": "^3.0.0",
+    "prisma": "^6.19.3",
     "svelte": "^5.0.0",
     "svelte-check": "^4.0.0",
     "typescript": "^5.0.0",
+    "typescript-eslint": "8",
     "vite": "^6.0.0",
     "vitest": "^3.0.0"
   },
@@ -65,7 +64,6 @@
     "sveltekit",
     "admin",
     "prisma",
-    "better-auth",
     "crud",
     "dashboard",
     "admin-panel"
@@ -73,11 +71,11 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/pmusic-music/sveltekit-admin.git"
+    "url": "git+https://github.com/dotNacer/sveltekit-admin.git"
   },
-  "homepage": "https://github.com/pmusic-music/sveltekit-admin#readme",
+  "homepage": "https://github.com/dotNacer/sveltekit-admin#readme",
   "bugs": {
-    "url": "https://github.com/pmusic-music/sveltekit-admin/issues"
+    "url": "https://github.com/dotNacer/sveltekit-admin/issues"
   },
-  "author": "pMusic"
+  "author": "dotNacer"
 }