@kematjaya/crud-ui-generator 0.1.0 → 0.1.1

package/README.md

@@ -55,8 +55,7 @@ Appended to (multi-entity, idempotent — each entity gets one marker-guarded bl
 
 ## Assumptions / caveats
 
-- **Ids are UUID strings.** `validId()` in the generated `[id]/route.ts` checks a 36-char
-  hex-with-dashes pattern. Adjust by hand if an entity uses a different id type.
+- **Id type comes from the spec's `idType`** (`uuid`/`int`/`string`, written by `ApiCrudRenderer::detectIdType()` off the entity's actual id column) — `validId()` in the generated `[id]/route.ts` and the `is{Entity}` type guard in `api-shapes.ts` are generated to match. Older spec files without `idType` default to `uuid`.
 - **The list search box only searches one field.** If more than one field is marked
   `searchable` in the spec, the list view (backed by ApiPlatform's `SearchFilter`, one query
   param per property) only wires up the first one. The export endpoint ORs across all of them.

package/dist/cli.js

@@ -100,7 +100,7 @@ function main() {
     if (searchableFields(spec).length > 1) {
         console.log(`  4. Note: multiple searchable fields were configured (${searchableFields(spec).join(', ')}); the list view's single search box only queries by "${searchField(spec)}" (ApiPlatform SearchFilter's per-property param convention doesn't support one box matching several properties). The export endpoint does OR across all of them.`);
     }
-    console.log(`  Assumes UUID-shaped ids (matches this boilerplate's convention) — see validId() in the generated app/api/${names.entitiesKebab}/[id]/route.ts if this entity uses a different id type.`);
+    console.log(`  Id type: "${spec.idType}" (from the spec's "idType") — validId() in the generated app/api/${names.entitiesKebab}/[id]/route.ts was generated to match.`);
     console.log(`  Run "npm run format" afterwards — generated files aren't pre-formatted to this project's Prettier config.`);
 }
 main();

package/dist/spec.js

@@ -37,11 +37,13 @@ export function loadSpec(specPath) {
     if (!Array.isArray(spec.fields) || !spec.fields.every(isFieldSpec)) {
         throw new Error(`Spec file "fields" is missing or malformed: ${specPath}`);
     }
+    const idType = spec.idType === 'int' || spec.idType === 'string' || spec.idType === 'uuid' ? spec.idType : 'uuid';
     return {
         entity: spec.entity,
         permissionPrefix: spec.permissionPrefix,
         ownerProperty: typeof spec.ownerProperty === 'string' ? spec.ownerProperty : null,
         timestampField: typeof spec.timestampField === 'string' ? spec.timestampField : null,
+        idType,
         fields: spec.fields,
     };
 }

package/dist/templates/apiShapes.js

@@ -18,7 +18,8 @@ export function apiShapesImport(names) {
 }
 export function apiShapesBlock(spec, names) {
     const { entityPascal, entitiesPascal } = names;
-    const checks = ['isRecord(value)', "typeof value.id === 'string'"];
+    const idJsType = 'int' === spec.idType ? 'number' : 'string';
+    const checks = ['isRecord(value)', `typeof value.id === '${idJsType}'`];
     for (const field of spec.fields) {
         checks.push(`typeof value.${field.name} === '${tsType(field)}'`);
     }

package/dist/templates/bffRoutes.js

@@ -35,7 +35,14 @@ export const dynamic = 'force-dynamic';
 export const revalidate = 0;
 `;
 }
-export function itemRoute(_spec, names) {
+function validIdCheck(idType) {
+    if (idType === 'int')
+        return 'return /^[1-9][0-9]*$/.test(id);';
+    if (idType === 'string')
+        return "return id.length > 0;";
+    return "return /^[0-9a-fA-F-]{36}$/.test(id);";
+}
+export function itemRoute(spec, names) {
     const { entityCamel, entitiesKebab } = names;
     return `import type { NextRequest } from 'next/server';
 import { authedBackend } from '@/lib/bff';
@@ -45,7 +52,7 @@ import { ${entityCamel}Schema } from '@/lib/schemas';
 type Params = { params: Promise<{ id: string }> };
 
 function validId(id: string) {
-    return /^[0-9a-fA-F-]{36}$/.test(id);
+    ${validIdCheck(spec.idType)}
 }
 
 export async function GET(_request: NextRequest, context: Params) {

package/dist/templates/table.js

@@ -79,7 +79,7 @@ export function ${entityPascal}Table() {
     const [error, setError] = useState('');
     const [deleteTarget, setDeleteTarget] = useState<${entityPascal} | null>(null);
     const [deleting, setDeleting] = useState(false);
-    const [selectedIds, setSelectedIds] = useState<Set<string>>(new Set());
+    const [selectedIds, setSelectedIds] = useState<Set<${entityPascal}['id']>>(new Set());
     const [bulkDeleteConfirming, setBulkDeleteConfirming] = useState(false);
     const [bulkDeleting, setBulkDeleting] = useState(false);
     const [toastMessage, setToastMessage] = useState(
@@ -188,7 +188,7 @@ ${hasTitleFilterLine}    const trueEmpty = !loading && !error && !hasSearch && t
         }
     }, [someOnPageSelected, allOnPageSelected]);
 
-    function toggleSelect(id: string) {
+    function toggleSelect(id: ${entityPascal}['id']) {
         setSelectedIds((prev) => {
             const next = new Set(prev);
             if (next.has(id)) next.delete(id);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@kematjaya/crud-ui-generator",
-    "version": "0.1.0",
+    "version": "0.1.1",
     "description": "Next.js CRUD frontend generator that reads crud-specs/{Entity}.json sidecars written by kematjaya/crud-maker-bundle's make:kmj-api-crud and generates pages, components, and BFF routes matching the boilerplate's hand-written Notes feature.",
     "type": "module",
     "license": "MIT",