bxo 0.0.5-dev.80 → 0.0.5-dev.81

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.81",
   "type": "module",
   "devDependencies": {
     "@types/bun": "latest"

package/src/index.ts

@@ -196,6 +196,35 @@ function formDataToObject(fd: FormData): Record<string, any> {
 }
 
 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) {