@hypersonic-js/admin 0.2.0

package/dist/mount.js

@@ -0,0 +1,21 @@
+import { createAdminAuthMiddleware } from './middleware/auth.js';
+import { createAdminRouter } from './crud/router.js';
+const DEFAULT_HIDDEN_MODELS = ['Session', 'Account', 'Verification', 'JwksKey'];
+const DEFAULT_PREFIX = '/admin';
+export function mountAdmin(app, prisma, options) {
+    const prefix = options.prefix ?? DEFAULT_PREFIX;
+    const hidden = new Set([
+        ...(options.showAuthModels === true ? [] : DEFAULT_HIDDEN_MODELS),
+        ...(options.hiddenModels ?? []),
+    ]);
+    const models = options.meta.filter((m) => !hidden.has(m.name));
+    const authMiddleware = createAdminAuthMiddleware(options.auth);
+    const router = createAdminRouter(prisma, models, prefix, {
+        allMeta: options.meta,
+        logger: options.logger,
+        auth: options.auth,
+        betterAuthUserModel: options.betterAuthUserModel,
+    });
+    app.use(prefix, authMiddleware, router);
+}
+//# sourceMappingURL=mount.js.map

package/dist/mount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mount.js","sourceRoot":"","sources":["../src/mount.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAA;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD,MAAM,qBAAqB,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,SAAS,CAAC,CAAA;AAC/E,MAAM,cAAc,GAAG,QAAQ,CAAA;AAE/B,MAAM,UAAU,UAAU,CACxB,GAAgB,EAChB,MAAwB,EACxB,OAAqB;IAErB,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,IAAI,cAAc,CAAA;IAE/C,MAAM,MAAM,GAAG,IAAI,GAAG,CAAS;QAC7B,GAAG,CAAC,OAAO,CAAC,cAAc,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAqB,CAAC;QACjE,GAAG,CAAC,OAAO,CAAC,YAAY,IAAI,EAAE,CAAC;KAChC,CAAC,CAAA;IACF,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAA;IAE9D,MAAM,cAAc,GAAG,yBAAyB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;IAC9D,MAAM,MAAM,GAAG,iBAAiB,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE;QACvD,OAAO,EAAE,OAAO,CAAC,IAAI;QACrB,MAAM,EAAE,OAAO,CAAC,MAAM;QACtB,IAAI,EAAE,OAAO,CAAC,IAAI;QAClB,mBAAmB,EAAE,OAAO,CAAC,mBAAmB;KACjD,CAAC,CAAA;IAEF,GAAG,CAAC,GAAG,CAAC,MAAM,EAAE,cAAc,EAAE,MAAM,CAAC,CAAA;AACzC,CAAC"}

package/dist/scaffold/index.d.ts

@@ -0,0 +1,14 @@
+import type { ScaffoldOptions, ScaffoldResult } from '../types.js';
+/**
+ * Copies the admin page components into the user's project.
+ * These components are schema-driven and stay in sync with Prisma model changes
+ * automatically — no regeneration needed after schema updates.
+ *
+ * @example
+ * ```ts
+ * import { scaffoldAdmin } from '@hypersonic-js/admin'
+ * await scaffoldAdmin({ targetDir: 'resources/js/Pages', force: false })
+ * ```
+ */
+export declare function scaffoldAdmin(options?: ScaffoldOptions): Promise<ScaffoldResult>;
+//# sourceMappingURL=index.d.ts.map

package/dist/scaffold/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/scaffold/index.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAMlE;;;;;;;;;;GAUG;AACH,wBAAsB,aAAa,CAAC,OAAO,GAAE,eAAoB,GAAG,OAAO,CAAC,cAAc,CAAC,CAuB1F"}

package/dist/scaffold/index.js

@@ -0,0 +1,35 @@
+import { readFileSync, writeFileSync, mkdirSync, existsSync } from 'node:fs';
+import { join, dirname } from 'node:path';
+import { fileURLToPath } from 'node:url';
+const TEMPLATES_DIR = join(dirname(fileURLToPath(import.meta.url)), '../../templates');
+const SCAFFOLD_FILES = ['Dashboard.tsx', 'ModelIndex.tsx', 'ModelForm.tsx', 'UserCreate.tsx'];
+/**
+ * Copies the admin page components into the user's project.
+ * These components are schema-driven and stay in sync with Prisma model changes
+ * automatically — no regeneration needed after schema updates.
+ *
+ * @example
+ * ```ts
+ * import { scaffoldAdmin } from '@hypersonic-js/admin'
+ * await scaffoldAdmin({ targetDir: 'resources/js/Pages', force: false })
+ * ```
+ */
+export async function scaffoldAdmin(options = {}) {
+    const { targetDir = 'resources/js/Pages', force = false } = options;
+    const adminDir = join(targetDir, 'Admin');
+    mkdirSync(adminDir, { recursive: true });
+    const written = [];
+    const skipped = [];
+    for (const name of SCAFFOLD_FILES) {
+        const filePath = join(adminDir, name);
+        if (existsSync(filePath) && !force) {
+            skipped.push(name);
+            continue;
+        }
+        const content = readFileSync(join(TEMPLATES_DIR, name), 'utf-8');
+        writeFileSync(filePath, content, 'utf-8');
+        written.push(name);
+    }
+    return { written, skipped };
+}
+//# sourceMappingURL=index.js.map

package/dist/scaffold/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/scaffold/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAC5E,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAGxC,MAAM,aAAa,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAA;AAEtF,MAAM,cAAc,GAAG,CAAC,eAAe,EAAE,gBAAgB,EAAE,eAAe,EAAE,gBAAgB,CAAU,CAAA;AAEtG;;;;;;;;;;GAUG;AACH,MAAM,CAAC,KAAK,UAAU,aAAa,CAAC,UAA2B,EAAE;IAC/D,MAAM,EAAE,SAAS,GAAG,oBAAoB,EAAE,KAAK,GAAG,KAAK,EAAE,GAAG,OAAO,CAAA;IACnE,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,CAAA;IAEzC,SAAS,CAAC,QAAQ,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAA;IAExC,MAAM,OAAO,GAAa,EAAE,CAAA;IAC5B,MAAM,OAAO,GAAa,EAAE,CAAA;IAE5B,KAAK,MAAM,IAAI,IAAI,cAAc,EAAE,CAAC;QAClC,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAA;QAErC,IAAI,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YACnC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YAClB,SAAQ;QACV,CAAC;QAED,MAAM,OAAO,GAAG,YAAY,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,EAAE,OAAO,CAAC,CAAA;QAChE,aAAa,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,CAAC,CAAA;QACzC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IACpB,CAAC;IAED,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,CAAA;AAC7B,CAAC"}

package/dist/scaffold/templates.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Template source for resources/js/Pages/Admin/Dashboard.tsx.
+ * Shows all admin-managed models with record counts and navigation links.
+ */
+export declare const DASHBOARD_TEMPLATE = "import { Link } from '@inertiajs/react'\n\ninterface ModelCard {\n  name: string\n  urlSlug: string\n  recordCount: number\n}\n\ninterface Props {\n  models: ModelCard[]\n  prefix: string\n}\n\nexport default function AdminDashboard({ models, prefix }: Props) {\n  return (\n    <div className=\"min-h-screen bg-gray-50 p-8\">\n      <div className=\"max-w-5xl mx-auto\">\n        <h1 className=\"text-3xl font-bold text-gray-900 mb-8\">Admin Dashboard</h1>\n\n        {models.length === 0 && (\n          <p className=\"text-gray-500\">No models are visible. Check your mountAdmin configuration.</p>\n        )}\n\n        <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4\">\n          {models.map((model) => (\n            <Link\n              key={model.urlSlug}\n              href={`${prefix}/${model.urlSlug}`}\n              className=\"block bg-white rounded-lg border border-gray-200 p-6 hover:border-blue-500 transition-colors\"\n            >\n              <h2 className=\"text-lg font-semibold text-gray-800\">{model.name}</h2>\n              <p className=\"text-3xl font-bold text-blue-600 mt-2\">{model.recordCount}</p>\n              <p className=\"text-sm text-gray-500 mt-1\">records</p>\n            </Link>\n          ))}\n        </div>\n      </div>\n    </div>\n  )\n}\n";
+/**
+ * Template source for resources/js/Pages/Admin/ModelIndex.tsx.
+ * Renders a paginated table for any model, driven entirely by the model metadata
+ * passed as Inertia props — no per-model customisation needed.
+ */
+export declare const MODEL_INDEX_TEMPLATE = "import { Link, router } from '@inertiajs/react'\n\ninterface FieldMeta {\n  name: string\n  isId: boolean\n}\n\ninterface ModelMeta {\n  name: string\n  urlSlug: string\n  displayName: string\n  idField: string\n  listFields: FieldMeta[]\n}\n\ninterface PaginationMeta {\n  page: number\n  perPage: number\n  total: number\n  totalPages: number\n}\n\ninterface Props {\n  model: ModelMeta\n  records: Record<string, unknown>[]\n  pagination: PaginationMeta\n  models: Array<{ name: string; urlSlug: string }>\n  prefix: string\n}\n\nfunction displayValue(value: unknown): string {\n  if (value === null || value === undefined) return '\u2014'\n  if (value instanceof Date) return value.toLocaleDateString()\n  if (typeof value === 'object') return JSON.stringify(value)\n  return String(value)\n}\n\nexport default function AdminModelIndex({ model, records, pagination, models, prefix }: Props) {\n  function handleDelete(id: unknown) {\n    if (window.confirm(`Delete this ${model.name}?`)) {\n      router.delete(`${prefix}/${model.urlSlug}/${String(id)}`)\n    }\n  }\n\n  return (\n    <div className=\"min-h-screen bg-gray-50 p-8\">\n      <div className=\"max-w-6xl mx-auto\">\n        <div className=\"flex items-center justify-between mb-6\">\n          <div className=\"flex items-center gap-4\">\n            <Link href={prefix} className=\"text-blue-600 hover:underline text-sm\">\n              \u2190 Dashboard\n            </Link>\n            <h1 className=\"text-2xl font-bold text-gray-900\">{model.displayName}</h1>\n          </div>\n          <Link\n            href={`${prefix}/${model.urlSlug}/new`}\n            className=\"bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700\"\n          >\n            New {model.name}\n          </Link>\n        </div>\n\n        {records.length === 0 ? (\n          <div className=\"bg-white rounded-lg border border-gray-200 p-12 text-center\">\n            <p className=\"text-gray-500\">No {model.displayName.toLowerCase()} yet.</p>\n          </div>\n        ) : (\n          <div className=\"bg-white rounded-lg border border-gray-200 overflow-hidden\">\n            <table className=\"w-full text-sm\">\n              <thead className=\"bg-gray-50 border-b border-gray-200\">\n                <tr>\n                  {model.listFields.map((f) => (\n                    <th key={f.name} className=\"px-4 py-3 text-left font-medium text-gray-600\">\n                      {f.name}\n                    </th>\n                  ))}\n                  <th className=\"px-4 py-3 text-right font-medium text-gray-600\">Actions</th>\n                </tr>\n              </thead>\n              <tbody className=\"divide-y divide-gray-100\">\n                {records.map((record, i) => (\n                  <tr key={i} className=\"hover:bg-gray-50\">\n                    {model.listFields.map((f) => (\n                      <td key={f.name} className=\"px-4 py-3 text-gray-800\">\n                        {displayValue(record[f.name])}\n                      </td>\n                    ))}\n                    <td className=\"px-4 py-3 text-right space-x-2\">\n                      <Link\n                        href={`${prefix}/${model.urlSlug}/${String(record[model.idField])}`}\n                        className=\"text-blue-600 hover:underline\"\n                      >\n                        Edit\n                      </Link>\n                      <button\n                        onClick={() => handleDelete(record[model.idField])}\n                        className=\"text-red-600 hover:underline\"\n                      >\n                        Delete\n                      </button>\n                    </td>\n                  </tr>\n                ))}\n              </tbody>\n            </table>\n          </div>\n        )}\n\n        {pagination.totalPages > 1 && (\n          <div className=\"flex items-center justify-between mt-4 text-sm text-gray-600\">\n            <span>\n              Page {pagination.page} of {pagination.totalPages} ({pagination.total} total)\n            </span>\n            <div className=\"flex gap-2\">\n              {pagination.page > 1 && (\n                <Link\n                  href={`${prefix}/${model.urlSlug}?page=${pagination.page - 1}`}\n                  className=\"px-3 py-1 border rounded hover:bg-gray-50\"\n                >\n                  Previous\n                </Link>\n              )}\n              {pagination.page < pagination.totalPages && (\n                <Link\n                  href={`${prefix}/${model.urlSlug}?page=${pagination.page + 1}`}\n                  className=\"px-3 py-1 border rounded hover:bg-gray-50\"\n                >\n                  Next\n                </Link>\n              )}\n            </div>\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n";
+/**
+ * Template source for resources/js/Pages/Admin/ModelForm.tsx.
+ * Renders a create or edit form for any model using Inertia's useForm hook.
+ * The mode (create vs edit) is determined by whether 'record' is null.
+ * FK scalar fields are rendered as <select> dropdowns populated from relatedOptions.
+ */
+export declare const MODEL_FORM_TEMPLATE = "import { useForm } from '@inertiajs/react'\nimport { Link } from '@inertiajs/react'\n\ntype FieldKind = 'scalar' | 'relation' | 'enum'\n\ninterface FieldMeta {\n  name: string\n  prismaType: string\n  kind: FieldKind\n  isRequired: boolean\n  isForeignKey: boolean\n  relatedModelName?: string\n  enumValues?: string[]\n}\n\ninterface ModelMeta {\n  name: string\n  urlSlug: string\n  displayName: string\n  idField: string\n  formFields: FieldMeta[]\n}\n\ninterface Props {\n  model: ModelMeta\n  record: Record<string, unknown> | null\n  models: Array<{ name: string; urlSlug: string }>\n  errors: Record<string, string>\n  prefix: string\n  relatedOptions: Record<string, Array<{ id: string; label: string }>>\n}\n\nfunction buildInitialData(\n  formFields: FieldMeta[],\n  record: Record<string, unknown> | null,\n): Record<string, string> {\n  return Object.fromEntries(\n    formFields.map((f) => {\n      const value = record?.[f.name]\n      if (value instanceof Date) return [f.name, value.toISOString().slice(0, 16)]\n      return [f.name, value !== null && value !== undefined ? String(value) : '']\n    }),\n  )\n}\n\nexport default function AdminModelForm({ model, record, models, errors, prefix, relatedOptions }: Props) {\n  const isEdit = record !== null\n  const { data, setData, post, patch, processing } = useForm(\n    buildInitialData(model.formFields, record),\n  )\n\n  function handleSubmit(e: React.FormEvent) {\n    e.preventDefault()\n    if (isEdit) {\n      patch(`${prefix}/${model.urlSlug}/${String(record![model.idField])}`)\n    } else {\n      post(`${prefix}/${model.urlSlug}`)\n    }\n  }\n\n  function renderInput(field: FieldMeta) {\n    const value = data[field.name] ?? ''\n    const error = errors[field.name]\n    const baseClass = 'w-full border rounded-md px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500'\n    const errorClass = error ? ' border-red-500' : ' border-gray-300'\n\n    if (field.isForeignKey) {\n      const options = relatedOptions[field.name] ?? []\n      return (\n        <select\n          value={value}\n          onChange={(e) => setData(field.name, e.target.value)}\n          className={baseClass + errorClass}\n        >\n          {!field.isRequired && <option value=\"\">\u2014 select \u2014</option>}\n          {options.map((opt) => (\n            <option key={opt.id} value={opt.id}>{opt.label}</option>\n          ))}\n        </select>\n      )\n    }\n\n    if (field.kind === 'enum' && field.enumValues) {\n      return (\n        <select\n          value={value}\n          onChange={(e) => setData(field.name, e.target.value)}\n          className={baseClass + errorClass}\n        >\n          {!field.isRequired && <option value=\"\">\u2014 select \u2014</option>}\n          {field.enumValues.map((v) => (\n            <option key={v} value={v}>{v}</option>\n          ))}\n        </select>\n      )\n    }\n\n    if (field.prismaType === 'Boolean') {\n      return (\n        <input\n          type=\"checkbox\"\n          checked={value === 'true'}\n          onChange={(e) => setData(field.name, String(e.target.checked))}\n          className=\"h-4 w-4 text-blue-600 border-gray-300 rounded\"\n        />\n      )\n    }\n\n    const inputType =\n      field.prismaType === 'Int' || field.prismaType === 'Float'\n        ? 'number'\n        : field.prismaType === 'DateTime'\n          ? 'datetime-local'\n          : 'text'\n\n    return (\n      <input\n        type={inputType}\n        value={value}\n        onChange={(e) => setData(field.name, e.target.value)}\n        required={field.isRequired}\n        className={baseClass + errorClass}\n      />\n    )\n  }\n\n  return (\n    <div className=\"min-h-screen bg-gray-50 p-8\">\n      <div className=\"max-w-2xl mx-auto\">\n        <div className=\"flex items-center gap-4 mb-6\">\n          <Link\n            href={`${prefix}/${model.urlSlug}`}\n            className=\"text-blue-600 hover:underline text-sm\"\n          >\n            \u2190 {model.displayName}\n          </Link>\n          <h1 className=\"text-2xl font-bold text-gray-900\">\n            {isEdit ? `Edit ${model.name}` : `New ${model.name}`}\n          </h1>\n        </div>\n\n        <form onSubmit={handleSubmit} className=\"bg-white rounded-lg border border-gray-200 p-6 space-y-5\">\n          {model.formFields.map((field) => (\n            <div key={field.name}>\n              <label className=\"block text-sm font-medium text-gray-700 mb-1\">\n                {field.name}\n                {field.isRequired && <span className=\"text-red-500 ml-1\">*</span>}\n              </label>\n              {renderInput(field)}\n              {errors[field.name] && (\n                <p className=\"mt-1 text-xs text-red-600\">{errors[field.name]}</p>\n              )}\n            </div>\n          ))}\n\n          <div className=\"flex items-center gap-3 pt-2\">\n            <button\n              type=\"submit\"\n              disabled={processing}\n              className=\"bg-blue-600 text-white px-5 py-2 rounded-md hover:bg-blue-700 disabled:opacity-50\"\n            >\n              {processing ? 'Saving\u2026' : isEdit ? 'Update' : 'Create'}\n            </button>\n            <Link\n              href={`${prefix}/${model.urlSlug}`}\n              className=\"text-gray-600 hover:underline text-sm\"\n            >\n              Cancel\n            </Link>\n          </div>\n        </form>\n      </div>\n    </div>\n  )\n}\n";
+//# sourceMappingURL=templates.d.ts.map

package/dist/scaffold/templates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"templates.d.ts","sourceRoot":"","sources":["../../src/scaffold/templates.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,kBAAkB,uyCAwC9B,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,qwJAyIhC,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,o3KA+K/B,CAAA"}

package/dist/scaffold/templates.js

@@ -0,0 +1,371 @@
+/**
+ * Template source for resources/js/Pages/Admin/Dashboard.tsx.
+ * Shows all admin-managed models with record counts and navigation links.
+ */
+export const DASHBOARD_TEMPLATE = `import { Link } from '@inertiajs/react'
+
+interface ModelCard {
+  name: string
+  urlSlug: string
+  recordCount: number
+}
+
+interface Props {
+  models: ModelCard[]
+  prefix: string
+}
+
+export default function AdminDashboard({ models, prefix }: Props) {
+  return (
+    <div className="min-h-screen bg-gray-50 p-8">
+      <div className="max-w-5xl mx-auto">
+        <h1 className="text-3xl font-bold text-gray-900 mb-8">Admin Dashboard</h1>
+
+        {models.length === 0 && (
+          <p className="text-gray-500">No models are visible. Check your mountAdmin configuration.</p>
+        )}
+
+        <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
+          {models.map((model) => (
+            <Link
+              key={model.urlSlug}
+              href={\`\${prefix}/\${model.urlSlug}\`}
+              className="block bg-white rounded-lg border border-gray-200 p-6 hover:border-blue-500 transition-colors"
+            >
+              <h2 className="text-lg font-semibold text-gray-800">{model.name}</h2>
+              <p className="text-3xl font-bold text-blue-600 mt-2">{model.recordCount}</p>
+              <p className="text-sm text-gray-500 mt-1">records</p>
+            </Link>
+          ))}
+        </div>
+      </div>
+    </div>
+  )
+}
+`;
+/**
+ * Template source for resources/js/Pages/Admin/ModelIndex.tsx.
+ * Renders a paginated table for any model, driven entirely by the model metadata
+ * passed as Inertia props — no per-model customisation needed.
+ */
+export const MODEL_INDEX_TEMPLATE = `import { Link, router } from '@inertiajs/react'
+
+interface FieldMeta {
+  name: string
+  isId: boolean
+}
+
+interface ModelMeta {
+  name: string
+  urlSlug: string
+  displayName: string
+  idField: string
+  listFields: FieldMeta[]
+}
+
+interface PaginationMeta {
+  page: number
+  perPage: number
+  total: number
+  totalPages: number
+}
+
+interface Props {
+  model: ModelMeta
+  records: Record<string, unknown>[]
+  pagination: PaginationMeta
+  models: Array<{ name: string; urlSlug: string }>
+  prefix: string
+}
+
+function displayValue(value: unknown): string {
+  if (value === null || value === undefined) return '—'
+  if (value instanceof Date) return value.toLocaleDateString()
+  if (typeof value === 'object') return JSON.stringify(value)
+  return String(value)
+}
+
+export default function AdminModelIndex({ model, records, pagination, models, prefix }: Props) {
+  function handleDelete(id: unknown) {
+    if (window.confirm(\`Delete this \${model.name}?\`)) {
+      router.delete(\`\${prefix}/\${model.urlSlug}/\${String(id)}\`)
+    }
+  }
+
+  return (
+    <div className="min-h-screen bg-gray-50 p-8">
+      <div className="max-w-6xl mx-auto">
+        <div className="flex items-center justify-between mb-6">
+          <div className="flex items-center gap-4">
+            <Link href={prefix} className="text-blue-600 hover:underline text-sm">
+              ← Dashboard
+            </Link>
+            <h1 className="text-2xl font-bold text-gray-900">{model.displayName}</h1>
+          </div>
+          <Link
+            href={\`\${prefix}/\${model.urlSlug}/new\`}
+            className="bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700"
+          >
+            New {model.name}
+          </Link>
+        </div>
+
+        {records.length === 0 ? (
+          <div className="bg-white rounded-lg border border-gray-200 p-12 text-center">
+            <p className="text-gray-500">No {model.displayName.toLowerCase()} yet.</p>
+          </div>
+        ) : (
+          <div className="bg-white rounded-lg border border-gray-200 overflow-hidden">
+            <table className="w-full text-sm">
+              <thead className="bg-gray-50 border-b border-gray-200">
+                <tr>
+                  {model.listFields.map((f) => (
+                    <th key={f.name} className="px-4 py-3 text-left font-medium text-gray-600">
+                      {f.name}
+                    </th>
+                  ))}
+                  <th className="px-4 py-3 text-right font-medium text-gray-600">Actions</th>
+                </tr>
+              </thead>
+              <tbody className="divide-y divide-gray-100">
+                {records.map((record, i) => (
+                  <tr key={i} className="hover:bg-gray-50">
+                    {model.listFields.map((f) => (
+                      <td key={f.name} className="px-4 py-3 text-gray-800">
+                        {displayValue(record[f.name])}
+                      </td>
+                    ))}
+                    <td className="px-4 py-3 text-right space-x-2">
+                      <Link
+                        href={\`\${prefix}/\${model.urlSlug}/\${String(record[model.idField])}\`}
+                        className="text-blue-600 hover:underline"
+                      >
+                        Edit
+                      </Link>
+                      <button
+                        onClick={() => handleDelete(record[model.idField])}
+                        className="text-red-600 hover:underline"
+                      >
+                        Delete
+                      </button>
+                    </td>
+                  </tr>
+                ))}
+              </tbody>
+            </table>
+          </div>
+        )}
+
+        {pagination.totalPages > 1 && (
+          <div className="flex items-center justify-between mt-4 text-sm text-gray-600">
+            <span>
+              Page {pagination.page} of {pagination.totalPages} ({pagination.total} total)
+            </span>
+            <div className="flex gap-2">
+              {pagination.page > 1 && (
+                <Link
+                  href={\`\${prefix}/\${model.urlSlug}?page=\${pagination.page - 1}\`}
+                  className="px-3 py-1 border rounded hover:bg-gray-50"
+                >
+                  Previous
+                </Link>
+              )}
+              {pagination.page < pagination.totalPages && (
+                <Link
+                  href={\`\${prefix}/\${model.urlSlug}?page=\${pagination.page + 1}\`}
+                  className="px-3 py-1 border rounded hover:bg-gray-50"
+                >
+                  Next
+                </Link>
+              )}
+            </div>
+          </div>
+        )}
+      </div>
+    </div>
+  )
+}
+`;
+/**
+ * Template source for resources/js/Pages/Admin/ModelForm.tsx.
+ * Renders a create or edit form for any model using Inertia's useForm hook.
+ * The mode (create vs edit) is determined by whether 'record' is null.
+ * FK scalar fields are rendered as <select> dropdowns populated from relatedOptions.
+ */
+export const MODEL_FORM_TEMPLATE = `import { useForm } from '@inertiajs/react'
+import { Link } from '@inertiajs/react'
+
+type FieldKind = 'scalar' | 'relation' | 'enum'
+
+interface FieldMeta {
+  name: string
+  prismaType: string
+  kind: FieldKind
+  isRequired: boolean
+  isForeignKey: boolean
+  relatedModelName?: string
+  enumValues?: string[]
+}
+
+interface ModelMeta {
+  name: string
+  urlSlug: string
+  displayName: string
+  idField: string
+  formFields: FieldMeta[]
+}
+
+interface Props {
+  model: ModelMeta
+  record: Record<string, unknown> | null
+  models: Array<{ name: string; urlSlug: string }>
+  errors: Record<string, string>
+  prefix: string
+  relatedOptions: Record<string, Array<{ id: string; label: string }>>
+}
+
+function buildInitialData(
+  formFields: FieldMeta[],
+  record: Record<string, unknown> | null,
+): Record<string, string> {
+  return Object.fromEntries(
+    formFields.map((f) => {
+      const value = record?.[f.name]
+      if (value instanceof Date) return [f.name, value.toISOString().slice(0, 16)]
+      return [f.name, value !== null && value !== undefined ? String(value) : '']
+    }),
+  )
+}
+
+export default function AdminModelForm({ model, record, models, errors, prefix, relatedOptions }: Props) {
+  const isEdit = record !== null
+  const { data, setData, post, patch, processing } = useForm(
+    buildInitialData(model.formFields, record),
+  )
+
+  function handleSubmit(e: React.FormEvent) {
+    e.preventDefault()
+    if (isEdit) {
+      patch(\`\${prefix}/\${model.urlSlug}/\${String(record![model.idField])}\`)
+    } else {
+      post(\`\${prefix}/\${model.urlSlug}\`)
+    }
+  }
+
+  function renderInput(field: FieldMeta) {
+    const value = data[field.name] ?? ''
+    const error = errors[field.name]
+    const baseClass = 'w-full border rounded-md px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500'
+    const errorClass = error ? ' border-red-500' : ' border-gray-300'
+
+    if (field.isForeignKey) {
+      const options = relatedOptions[field.name] ?? []
+      return (
+        <select
+          value={value}
+          onChange={(e) => setData(field.name, e.target.value)}
+          className={baseClass + errorClass}
+        >
+          {!field.isRequired && <option value="">— select —</option>}
+          {options.map((opt) => (
+            <option key={opt.id} value={opt.id}>{opt.label}</option>
+          ))}
+        </select>
+      )
+    }
+
+    if (field.kind === 'enum' && field.enumValues) {
+      return (
+        <select
+          value={value}
+          onChange={(e) => setData(field.name, e.target.value)}
+          className={baseClass + errorClass}
+        >
+          {!field.isRequired && <option value="">— select —</option>}
+          {field.enumValues.map((v) => (
+            <option key={v} value={v}>{v}</option>
+          ))}
+        </select>
+      )
+    }
+
+    if (field.prismaType === 'Boolean') {
+      return (
+        <input
+          type="checkbox"
+          checked={value === 'true'}
+          onChange={(e) => setData(field.name, String(e.target.checked))}
+          className="h-4 w-4 text-blue-600 border-gray-300 rounded"
+        />
+      )
+    }
+
+    const inputType =
+      field.prismaType === 'Int' || field.prismaType === 'Float'
+        ? 'number'
+        : field.prismaType === 'DateTime'
+          ? 'datetime-local'
+          : 'text'
+
+    return (
+      <input
+        type={inputType}
+        value={value}
+        onChange={(e) => setData(field.name, e.target.value)}
+        required={field.isRequired}
+        className={baseClass + errorClass}
+      />
+    )
+  }
+
+  return (
+    <div className="min-h-screen bg-gray-50 p-8">
+      <div className="max-w-2xl mx-auto">
+        <div className="flex items-center gap-4 mb-6">
+          <Link
+            href={\`\${prefix}/\${model.urlSlug}\`}
+            className="text-blue-600 hover:underline text-sm"
+          >
+            ← {model.displayName}
+          </Link>
+          <h1 className="text-2xl font-bold text-gray-900">
+            {isEdit ? \`Edit \${model.name}\` : \`New \${model.name}\`}
+          </h1>
+        </div>
+
+        <form onSubmit={handleSubmit} className="bg-white rounded-lg border border-gray-200 p-6 space-y-5">
+          {model.formFields.map((field) => (
+            <div key={field.name}>
+              <label className="block text-sm font-medium text-gray-700 mb-1">
+                {field.name}
+                {field.isRequired && <span className="text-red-500 ml-1">*</span>}
+              </label>
+              {renderInput(field)}
+              {errors[field.name] && (
+                <p className="mt-1 text-xs text-red-600">{errors[field.name]}</p>
+              )}
+            </div>
+          ))}
+
+          <div className="flex items-center gap-3 pt-2">
+            <button
+              type="submit"
+              disabled={processing}
+              className="bg-blue-600 text-white px-5 py-2 rounded-md hover:bg-blue-700 disabled:opacity-50"
+            >
+              {processing ? 'Saving…' : isEdit ? 'Update' : 'Create'}
+            </button>
+            <Link
+              href={\`\${prefix}/\${model.urlSlug}\`}
+              className="text-gray-600 hover:underline text-sm"
+            >
+              Cancel
+            </Link>
+          </div>
+        </form>
+      </div>
+    </div>
+  )
+}
+`;
+//# sourceMappingURL=templates.js.map

package/dist/scaffold/templates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"templates.js","sourceRoot":"","sources":["../../src/scaffold/templates.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCjC,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyInC,CAAA;AAED;;;;;GAKG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+KlC,CAAA"}

package/dist/templates/Dashboard.tsx

@@ -0,0 +1,40 @@
+import { Link } from '@inertiajs/react'
+
+interface ModelCard {
+  name: string
+  urlSlug: string
+  recordCount: number
+}
+
+interface Props {
+  models: ModelCard[]
+  prefix: string
+}
+
+export default function AdminDashboard({ models, prefix }: Props) {
+  return (
+    <div className="min-h-screen bg-gray-50 p-8">
+      <div className="max-w-5xl mx-auto">
+        <h1 className="text-3xl font-bold text-gray-900 mb-8">Admin Dashboard</h1>
+
+        {models.length === 0 && (
+          <p className="text-gray-500">No models are visible. Check your mountAdmin configuration.</p>
+        )}
+
+        <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
+          {models.map((model) => (
+            <Link
+              key={model.urlSlug}
+              href={`${prefix}/${model.urlSlug}`}
+              className="block bg-white rounded-lg border border-gray-200 p-6 hover:border-blue-500 transition-colors"
+            >
+              <h2 className="text-lg font-semibold text-gray-800">{model.name}</h2>
+              <p className="text-3xl font-bold text-blue-600 mt-2">{model.recordCount}</p>
+              <p className="text-sm text-gray-500 mt-1">records</p>
+            </Link>
+          ))}
+        </div>
+      </div>
+    </div>
+  )
+}