Implement proper case conversion for list names

Add comprehensive case utilities to handle naming conventions:
- Config list names: PascalCase (AuthUser, BlogPost)
- Prisma models: PascalCase (AuthUser, BlogPost)
- Prisma client properties: camelCase (authUser, blogPost)
- Context db properties: camelCase (authUser, blogPost)
- URLs: kebab-case (auth-user, blog-post)

This fixes the bug where multi-word list names like "AuthUser" would
become "authuser" instead of "authUser" when accessing the database.

Changes:
- Add case-utils.ts with conversion utilities
- Update context to use getDbKey() for camelCase conversion
- Update UI components to use getDbKey() instead of toLowerCase()
- Export case utilities from @opensaas/core

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: borisno2

packages/core/src/context/index.ts

@@ -16,6 +16,7 @@ import {
   ValidationError,
 } from "../hooks/index.js";
 import { processNestedOperations } from "./nested-operations.js";
+import { getDbKey } from "../lib/case-utils.js";
 
 /**
  * Prisma-like client type
@@ -46,9 +47,9 @@ export async function getContext<TPrisma extends PrismaClientLike = any>(
 
   // Create access-controlled operations for each list
   for (const [listName, listConfig] of Object.entries(config.lists)) {
-    const lowerListName = listName.toLowerCase();
+    const dbKey = getDbKey(listName);
 
-    db[lowerListName] = {
+    db[dbKey] = {
       findUnique: createFindUnique(listName, listConfig, prisma, context, config),
       findMany: createFindMany(listName, listConfig, prisma, context, config),
       create: createCreate(listName, listConfig, prisma, context, config),
@@ -65,7 +66,7 @@ export async function getContext<TPrisma extends PrismaClientLike = any>(
     data?: Record<string, any>;
     id?: string;
   }) {
-    const dbKey = props.listKey.toLowerCase();
+    const dbKey = getDbKey(props.listKey);
 
     if (props.action === "create") {
       return await db[dbKey].create({ data: props.data });
@@ -133,7 +134,7 @@ function createFindUnique<TPrisma extends PrismaClientLike>(
     const include = args.include || accessControlledInclude;
 
     // Execute query with optimized includes
-    const model = (prisma as any)[listName.toLowerCase()];
+    const model = (prisma as any)[getDbKey(listName)];
     const item = await model.findFirst({
       where,
       include,
@@ -205,7 +206,7 @@ function createFindMany<TPrisma extends PrismaClientLike>(
     const include = args?.include || accessControlledInclude;
 
     // Execute query with optimized includes
-    const model = (prisma as any)[listName.toLowerCase()];
+    const model = (prisma as any)[getDbKey(listName)];
     const items = await model.findMany({
       where,
       take: args?.take,
@@ -305,7 +306,7 @@ function createCreate<TPrisma extends PrismaClientLike>(
     });
 
     // 7. Execute database create
-    const model = (prisma as any)[listName.toLowerCase()];
+    const model = (prisma as any)[getDbKey(listName)];
     const item = await model.create({
       data,
     });
@@ -344,7 +345,7 @@ function createUpdate<TPrisma extends PrismaClientLike>(
 ) {
   return async (args: { where: { id: string }; data: any }) => {
     // 1. Fetch the item to pass to access control and hooks
-    const model = (prisma as any)[listName.toLowerCase()];
+    const model = (prisma as any)[getDbKey(listName)];
     const item = await model.findUnique({
       where: args.where,
     });
@@ -470,7 +471,7 @@ function createDelete<TPrisma extends PrismaClientLike>(
 ) {
   return async (args: { where: { id: string } }) => {
     // 1. Fetch the item to pass to access control and hooks
-    const model = (prisma as any)[listName.toLowerCase()];
+    const model = (prisma as any)[getDbKey(listName)];
     const item = await model.findUnique({
       where: args.where,
     });
@@ -554,7 +555,7 @@ function createCount<TPrisma extends PrismaClientLike>(
     }
 
     // Execute count
-    const model = (prisma as any)[listName.toLowerCase()];
+    const model = (prisma as any)[getDbKey(listName)];
     const count = await model.count({
       where,
     });

packages/core/src/context/nested-operations.ts

@@ -11,6 +11,7 @@ import {
   validateFieldRules,
   ValidationError,
 } from "../hooks/index.js";
+import { getDbKey } from "../lib/case-utils.js";
 
 /**
  * Check if a field config is a relationship field
@@ -108,7 +109,7 @@ async function processNestedConnect(
 
   // Check update access for each item being connected
   for (const connection of connectionsArray) {
-    const model = prisma[relatedListName.toLowerCase()];
+    const model = prisma[getDbKey(relatedListName)];
 
     // Fetch the item to check access
     const item = await model.findUnique({
@@ -165,7 +166,7 @@ async function processNestedUpdate(
 
   const processedUpdates = await Promise.all(
     updatesArray.map(async (update) => {
-      const model = prisma[relatedListName.toLowerCase()];
+      const model = prisma[getDbKey(relatedListName)];
 
       // Fetch the existing item
       const item = await model.findUnique({
@@ -270,7 +271,7 @@ async function processNestedConnectOrCreate(
 
       // Check access for the connect portion (try to find existing item)
       try {
-        const model = prisma[relatedListName.toLowerCase()];
+        const model = prisma[getDbKey(relatedListName)];
         const existingItem = await model.findUnique({
           where: op.where,
         });

packages/core/src/index.ts

@@ -31,6 +31,9 @@ export type {
 export { getContext } from "./context/index.js";
 export type { PrismaClientLike } from "./context/index.js";
 
+// Utilities
+export { getDbKey, getUrlKey, getListKeyFromUrl, pascalToCamel, pascalToKebab, kebabToPascal, kebabToCamel } from "./lib/case-utils.js";
+
 // Hooks
 export { ValidationError } from "./hooks/index.js";
 

packages/core/src/lib/case-utils.ts

@@ -0,0 +1,74 @@
+/**
+ * Case conversion utilities for consistent naming across the framework
+ *
+ * - Config list names: PascalCase (e.g., "AuthUser", "BlogPost")
+ * - Prisma models: PascalCase (e.g., "AuthUser", "BlogPost")
+ * - Prisma client properties: camelCase (e.g., "authUser", "blogPost")
+ * - Context db properties: camelCase (e.g., "authUser", "blogPost")
+ * - URLs: kebab-case (e.g., "auth-user", "blog-post")
+ */
+
+/**
+ * Convert PascalCase to camelCase
+ * AuthUser -> authUser
+ * BlogPost -> blogPost
+ */
+export function pascalToCamel(str: string): string {
+  return str.charAt(0).toLowerCase() + str.slice(1);
+}
+
+/**
+ * Convert PascalCase to kebab-case
+ * AuthUser -> auth-user
+ * BlogPost -> blog-post
+ */
+export function pascalToKebab(str: string): string {
+  return str.replace(/([A-Z])/g, (match, p1, offset) => {
+    return offset > 0 ? `-${p1.toLowerCase()}` : p1.toLowerCase();
+  });
+}
+
+/**
+ * Convert kebab-case to PascalCase
+ * auth-user -> AuthUser
+ * blog-post -> BlogPost
+ */
+export function kebabToPascal(str: string): string {
+  return str
+    .split('-')
+    .map(word => word.charAt(0).toUpperCase() + word.slice(1))
+    .join('');
+}
+
+/**
+ * Convert kebab-case to camelCase
+ * auth-user -> authUser
+ * blog-post -> blogPost
+ */
+export function kebabToCamel(str: string): string {
+  return str.replace(/-([a-z])/g, (match, p1) => p1.toUpperCase());
+}
+
+/**
+ * Get the database key for a list (camelCase)
+ * Used for accessing context.db and prisma client
+ */
+export function getDbKey(listKey: string): string {
+  return pascalToCamel(listKey);
+}
+
+/**
+ * Get the URL segment for a list (kebab-case)
+ * Used for constructing admin URLs
+ */
+export function getUrlKey(listKey: string): string {
+  return pascalToKebab(listKey);
+}
+
+/**
+ * Get the list key from a URL segment (PascalCase)
+ * Used for parsing admin URLs
+ */
+export function getListKeyFromUrl(urlSegment: string): string {
+  return kebabToPascal(urlSegment);
+}

packages/ui/src/components/Dashboard.tsx

@@ -1,6 +1,7 @@
 import Link from "next/link";
 import { formatListName } from "../lib/utils.js";
 import type { AdminContext } from "../server/types.js";
+import { getDbKey } from "@opensaas/core";
 
 export interface DashboardProps {
   context: AdminContext;
@@ -22,7 +23,7 @@ export async function Dashboard({
     lists.map(async (listKey) => {
       try {
         const dbContext = context.context as any;
-        const count = await dbContext.db[listKey.toLowerCase()]?.count();
+        const count = await dbContext.db[getDbKey(listKey)]?.count();
         return { listKey, count: count || 0 };
       } catch (error) {
         console.error(`Failed to get count for ${listKey}:`, error);

packages/ui/src/components/ItemForm.tsx

@@ -2,6 +2,7 @@ import Link from "next/link";
 import { ItemFormClient } from "./ItemFormClient.js";
 import { formatListName } from "../lib/utils.js";
 import type { AdminContext, ServerActionInput } from "../server/types.js";
+import { getDbKey } from "@opensaas/core";
 
 export interface ItemFormProps {
   context: AdminContext;
@@ -43,7 +44,7 @@ export async function ItemForm({
   if (mode === "edit" && itemId) {
     try {
       const dbContext = context.context as any;
-      itemData = await dbContext.db[listKey.toLowerCase()].findUnique({
+      itemData = await dbContext.db[getDbKey(listKey)].findUnique({
         where: { id: itemId },
       });
 
@@ -92,7 +93,7 @@ export async function ItemForm({
         if (relatedListConfig) {
           try {
             const dbContext = context.context as any;
-            const relatedItems = await dbContext.db[relatedListName.toLowerCase()].findMany({});
+            const relatedItems = await dbContext.db[getDbKey(relatedListName)].findMany({});
 
             // Use 'name' field as label if it exists, otherwise use 'id'
             relationshipData[fieldName] = relatedItems.map((item: any) => ({

packages/ui/src/components/ListView.tsx

@@ -2,6 +2,7 @@ import Link from "next/link";
 import { ListViewClient } from "./ListViewClient.js";
 import { formatListName } from "../lib/utils.js";
 import type { AdminContext } from "../server/types.js";
+import { getDbKey } from "@opensaas/core";
 
 export interface ListViewProps {
   context: AdminContext;
@@ -24,7 +25,7 @@ export async function ListView({
   page = 1,
   pageSize = 50,
 }: ListViewProps) {
-  const key = listKey.toLowerCase();
+  const key = getDbKey(listKey);
   const listConfig = context.config.lists[listKey];
 
   if (!listConfig) {