bxo 0.0.5-dev.80 → 0.0.5-dev.82

package/README.md

@@ -320,9 +320,35 @@ app.post("/items", async (ctx) => {
 });
 ```
 
+### Deep Nested Array Objects
+Form fields like `workspace_items[0][id]`, `workspace_items[0][type]` are automatically converted to arrays of objects:
+
+```typescript
+const WorkspaceSchema = z.object({
+  id: z.string(),
+  workspace_items: z.array(z.object({
+    id: z.string(),
+    type: z.string(),
+    value: z.string(),
+    options: z.string(),
+    label: z.string()
+  }))
+});
+
+app.post("/workspace", async (ctx) => {
+  // Form data: workspace_items[0][id]="item1", workspace_items[0][type]="Link" 
+  // becomes { workspace_items: [{ id: "item1", type: "Link", ... }] }
+  console.log(ctx.body); // { id: "...", workspace_items: [{ id: "item1", type: "Link", ... }] }
+  return ctx.json({ success: true, data: ctx.body });
+}, {
+  body: WorkspaceSchema
+});
+```
+
 ### Supported Patterns
 - **Nested objects**: `profile[name]`, `settings[theme]` → `{ profile: { name: "..." }, settings: { theme: "..." } }`
 - **Arrays**: `items[0]`, `items[1]` → `{ items: ["...", "..."] }`
+- **Deep nested array objects**: `workspace_items[0][id]`, `workspace_items[0][type]` → `{ workspace_items: [{ id: "...", type: "..." }] }`
 - **Duplicate keys**: Multiple values with same key → `{ tags: ["tag1", "tag2"] }`
 
 ## Running

package/example/multipart-example.ts

@@ -63,6 +63,46 @@ app.post("/items", async (ctx) => {
   }
 });
 
+// Example with deep nested array objects (like workspace_items[0][id])
+const WorkspaceFormSchema = z.object({
+  id: z.string(),
+  created_at: z.string(),
+  updated_at: z.string(),
+  updated_by: z.string(),
+  doc_status: z.string().transform(val => parseInt(val, 10)),
+  idx: z.string().transform(val => parseInt(val, 10)),
+  workspace_items: z.array(z.object({
+    id: z.string(),
+    type: z.string(),
+    value: z.string(),
+    options: z.string(),
+    workspaceId: z.string(),
+    owner: z.string(),
+    created_at: z.string(),
+    updated_at: z.string(),
+    created_by: z.string(),
+    updated_by: z.string(),
+    doc_status: z.string().transform(val => parseInt(val, 10)),
+    label: z.string()
+  }))
+});
+
+app.post("/workspace", async (ctx) => {
+  console.log("Parsed workspace form data:", ctx.body);
+  
+  return ctx.json({
+    message: "Workspace processed successfully",
+    data: ctx.body
+  });
+}, {
+  body: WorkspaceFormSchema,
+  detail: {
+    summary: "Process workspace with deep nested array objects",
+    description: "Handles form data like workspace_items[0][id], workspace_items[0][type]",
+    tags: ["Workspace"]
+  }
+});
+
 // Test route to show how the parsing works
 app.get("/test-parsing", async (ctx) => {
   const html = `
@@ -156,6 +196,80 @@ app.get("/test-parsing", async (ctx) => {
         <button type="submit">Submit Items Form</button>
     </form>
     
+    <h2>Test 3: Deep Nested Array Objects (workspace_items[0][id])</h2>
+    <form id="workspaceForm" enctype="multipart/form-data">
+        <div class="form-group">
+            <label>ID:</label>
+            <input type="text" name="id" value="01993f54-758e-7000-9f98-4533a7cf8ce9">
+        </div>
+        <div class="form-group">
+            <label>Created At:</label>
+            <input type="text" name="created_at" value="2025-09-13 02:08:43">
+        </div>
+        <div class="form-group">
+            <label>Updated At:</label>
+            <input type="text" name="updated_at" value="2025-09-13 02:08:43">
+        </div>
+        <div class="form-group">
+            <label>Updated By:</label>
+            <input type="text" name="updated_by" value="01995120-fae9-7000-8d46-8f3502e901b6">
+        </div>
+        <div class="form-group">
+            <label>Doc Status:</label>
+            <input type="text" name="doc_status" value="0">
+        </div>
+        <div class="form-group">
+            <label>Index:</label>
+            <input type="text" name="idx" value="0">
+        </div>
+        
+        <h3>Workspace Item 1:</h3>
+        <div class="form-group">
+            <label>Item ID:</label>
+            <input type="text" name="workspace_items[0][id]" value="temp_1758097169599">
+        </div>
+        <div class="form-group">
+            <label>Item Type:</label>
+            <input type="text" name="workspace_items[0][type]" value="Link - URL">
+        </div>
+        <div class="form-group">
+            <label>Item Value:</label>
+            <input type="text" name="workspace_items[0][value]" value="asd">
+        </div>
+        <div class="form-group">
+            <label>Item Options:</label>
+            <input type="text" name="workspace_items[0][options]" value="asdasd">
+        </div>
+        <div class="form-group">
+            <label>Item Label:</label>
+            <input type="text" name="workspace_items[0][label]" value="asdasd">
+        </div>
+        
+        <h3>Workspace Item 2:</h3>
+        <div class="form-group">
+            <label>Item ID:</label>
+            <input type="text" name="workspace_items[1][id]" value="temp_1758097169600">
+        </div>
+        <div class="form-group">
+            <label>Item Type:</label>
+            <input type="text" name="workspace_items[1][type]" value="Text">
+        </div>
+        <div class="form-group">
+            <label>Item Value:</label>
+            <input type="text" name="workspace_items[1][value]" value="Another item">
+        </div>
+        <div class="form-group">
+            <label>Item Options:</label>
+            <input type="text" name="workspace_items[1][options]" value="More options">
+        </div>
+        <div class="form-group">
+            <label>Item Label:</label>
+            <input type="text" name="workspace_items[1][label]" value="Second item">
+        </div>
+        
+        <button type="submit">Submit Workspace Form</button>
+    </form>
+    
     <div id="result" class="result" style="display: none;">
         <h3>Result:</h3>
         <pre id="resultContent"></pre>
@@ -187,6 +301,11 @@ app.get("/test-parsing", async (ctx) => {
             e.preventDefault();
             submitForm(e.target, '/items');
         });
+        
+        document.getElementById('workspaceForm').addEventListener('submit', (e) => {
+            e.preventDefault();
+            submitForm(e.target, '/workspace');
+        });
     </script>
 </body>
 </html>

package/package.json

@@ -5,7 +5,7 @@
     ".": "./src/index.ts",
     "./plugins": "./plugins/index.ts"
   },
-  "version": "0.0.5-dev.80",
+  "version": "0.0.5-dev.82",
   "type": "module",
   "devDependencies": {
     "@types/bun": "latest"

package/src/index.ts

@@ -1,3 +1,4 @@
+import type { BunFile } from "bun";
 import { z } from "zod";
 
 type Method =
@@ -75,7 +76,7 @@ export type Context<P extends string = string, S extends RouteSchema | undefined
     headers: S extends RouteSchema ? InferOr<S["headers"], HeaderObject> : HeaderObject;
     cookies: S extends RouteSchema ? InferOr<S["cookies"], CookieObject> : CookieObject;
     body: S extends RouteSchema ? InferOr<S["body"], unknown> : unknown;
-    set: { 
+    set: {
         headers: Record<string, string | string[]>;
         cookie: (name: string, value: string, options?: CookieOptions) => void;
     };
@@ -88,7 +89,7 @@ type AnyHandler = (ctx: Context<any, any>, app: BXO) => Response | string | Prom
 type Handler<P extends string, S extends RouteSchema | undefined = undefined> = (
     ctx: Context<P, S>,
     app: BXO
-) => Response | string | Promise<Response | string>;
+) => Response | string | Promise<Response | string> | BunFile | Promise<BunFile>
 
 // WebSocket handler types
 export type WebSocketHandler<T = any> = {
@@ -134,37 +135,37 @@ function parseCookies(cookieHeader: string | null): CookieObject {
 
 function serializeCookie(name: string, value: string, options: CookieOptions = {}): string {
     let cookie = `${name}=${encodeURIComponent(value)}`;
-    
+
     if (options.domain) {
         cookie += `; Domain=${options.domain}`;
     }
-    
+
     if (options.path) {
         cookie += `; Path=${options.path}`;
     } else {
         cookie += `; Path=/`;
     }
-    
+
     if (options.expires) {
         cookie += `; Expires=${options.expires.toUTCString()}`;
     }
-    
+
     if (options.maxAge !== undefined) {
         cookie += `; Max-Age=${options.maxAge}`;
     }
-    
+
     if (options.httpOnly) {
         cookie += `; HttpOnly`;
     }
-    
+
     if (options.secure) {
         cookie += `; Secure`;
     }
-    
+
     if (options.sameSite) {
         cookie += `; SameSite=${options.sameSite}`;
     }
-    
+
     return cookie;
 }
 
@@ -187,53 +188,82 @@ function parseQuery(searchParams: URLSearchParams, schema?: z.ZodTypeAny): any {
 
 function formDataToObject(fd: FormData): Record<string, any> {
     const obj: Record<string, any> = {};
-    
+
     for (const [key, value] of fd.entries()) {
         setNestedValue(obj, key, value);
     }
-    
+
     return obj;
 }
 
 function setNestedValue(obj: Record<string, any>, key: string, value: any): void {
+    // Handle deeply nested array objects like workspace_items[0][id], workspace_items[0][type]
+    const deepArrayMatch = key.match(/^(.+)\[(\d+)\]\[([^\]]+)\]$/);
+    if (deepArrayMatch) {
+        const [, arrayKey, index, propertyKey] = deepArrayMatch;
+        const arrayIndex = parseInt(index, 10);
+
+        if (!obj[arrayKey]) {
+            obj[arrayKey] = [];
+        }
+
+        // Ensure it's an array
+        if (!Array.isArray(obj[arrayKey])) {
+            obj[arrayKey] = [];
+        }
+
+        // Ensure the object at the index exists
+        if (!obj[arrayKey][arrayIndex]) {
+            obj[arrayKey][arrayIndex] = {};
+        }
+
+        // Ensure it's an object
+        if (typeof obj[arrayKey][arrayIndex] !== 'object' || Array.isArray(obj[arrayKey][arrayIndex])) {
+            obj[arrayKey][arrayIndex] = {};
+        }
+
+        obj[arrayKey][arrayIndex][propertyKey] = value;
+        return;
+    }
+
     // Handle array notation like items[0], items[1]
     const arrayMatch = key.match(/^(.+)\[(\d+)\]$/);
     if (arrayMatch) {
         const [, arrayKey, index] = arrayMatch;
         const arrayIndex = parseInt(index, 10);
-        
+
         if (!obj[arrayKey]) {
             obj[arrayKey] = [];
         }
-        
+
         // Ensure it's an array
         if (!Array.isArray(obj[arrayKey])) {
             obj[arrayKey] = [];
         }
-        
+
         // Set the value at the specific index
         obj[arrayKey][arrayIndex] = value;
         return;
     }
-    
+
     // Handle nested object notation like profile[name], profile[age]
     const nestedMatch = key.match(/^(.+)\[([^\]]+)\]$/);
     if (nestedMatch) {
         const [, parentKey, nestedKey] = nestedMatch;
-        
+
         if (!obj[parentKey]) {
             obj[parentKey] = {};
         }
-        
+
         // Ensure it's an object
         if (typeof obj[parentKey] !== 'object' || Array.isArray(obj[parentKey])) {
             obj[parentKey] = {};
         }
-        
+
         obj[parentKey][nestedKey] = value;
         return;
     }
-    
+
     // Handle simple keys - check for duplicates to convert to arrays
     if (key in obj) {
         const existing = obj[key];
@@ -382,7 +412,7 @@ export default class BXO {
     start(): void {
         // Check if we have any WebSocket routes
         const hasWebSocketRoutes = this.routes.some(r => r.method === "WS");
-        
+
         // Build a basic routes map for Bun's native routes (exact paths only)
         const nativeRoutes: Record<string, Record<string, (req: Request) => Promise<Response> | Response>> = {};
 
@@ -444,7 +474,7 @@ export default class BXO {
                             }
                         }
                     }
-                    
+
                     // Handle regular HTTP requests
                     return this.dispatchAny(req, nativeRoutes);
                 }
@@ -673,7 +703,7 @@ export default class BXO {
             headers: headerObj,
             cookies: cookieObj,
             body: bodyObj,
-            set: { 
+            set: {
                 headers: {},
                 cookie: (name: string, value: string, options: CookieOptions = {}) => {
                     const cookieString = serializeCookie(name, value, options);
@@ -698,9 +728,9 @@ export default class BXO {
                         return new Response(JSON.stringify({ error: "Invalid response", issues: res.error?.issues ?? [] }), { status: 500, headers: { "Content-Type": "application/json" } });
                     }
                 }
-                return new Response(JSON.stringify(data), { 
-                    status, 
-                    headers: { "Content-Type": "application/json" } 
+                return new Response(JSON.stringify(data), {
+                    status,
+                    headers: { "Content-Type": "application/json" }
                 });
             },
             text: (data, status = 200) => {
@@ -711,9 +741,9 @@ export default class BXO {
                         return new Response(JSON.stringify({ error: "Invalid response", issues: res.error?.issues ?? [] }), { status: 500, headers: { "Content-Type": "application/json" } });
                     }
                 }
-                return new Response(String(data), { 
-                    status, 
-                    headers: { "Content-Type": "text/plain" } 
+                return new Response(String(data), {
+                    status,
+                    headers: { "Content-Type": "text/plain" }
                 });
             },
             status: (status, data) => {

package/test-url-encoding.ts

@@ -18,3 +18,4 @@ app.start();
 console.log(`Test server running on http://localhost:${app.server?.port}`);
 console.log(`Test URL: http://localhost:${app.server?.port}/api/resources/Doctype%20Permission/01992af8-1c69-7000-9219-9b83c2feb2d6`);
 
+