@dmitryvim/form-builder 0.1.16 → 0.1.18

package/dist/form-builder.js

@@ -87,35 +87,52 @@ function validateSchema(schema) {
 
 // Form rendering
 function renderForm(schema, prefill) {
+    console.log('🔧 FormBuilder.renderForm called with:', { schema, prefill });
+    console.log('🔧 Prefill keys:', Object.keys(prefill || {}));
+    console.log('🔧 Schema element keys:', schema.elements?.map(e => e.key));
+    
     const errors = validateSchema(schema);
     if (errors.length > 0) {
         console.error('Schema validation errors:', errors);
         return;
     }
+    console.log('✅ Schema validation passed');
     
     state.schema = schema;
     if (!state.formRoot) {
         console.error('No form root element set. Call setFormRoot() first.');
         return;
     }
+    console.log('✅ FormRoot is set:', state.formRoot);
     
     clear(state.formRoot);
     
     const formEl = document.createElement('div');
     formEl.className = 'space-y-6';
     
-    schema.elements.forEach(element => {
+    console.log(`🔧 Processing ${schema.elements.length} schema elements`);
+    schema.elements.forEach((element, index) => {
+        console.log(`🔧 Rendering element ${index}:`, element);
         const block = renderElement(element, { 
             path: '', 
             prefill: prefill || {} 
         });
+        console.log(`✅ Element ${index} rendered:`, block);
         formEl.appendChild(block);
     });
 
     state.formRoot.appendChild(formEl);
+    console.log(`✅ Form rendered with ${schema.elements.length} elements`);
 }
 
 function renderElement(element, ctx) {
+    console.log(`🔧 renderElement called for '${element.key}':`, { 
+        elementKey: element.key, 
+        prefillKeys: Object.keys(ctx.prefill || {}),
+        prefillValue: ctx.prefill?.[element.key],
+        ctx 
+    });
+    
     const wrapper = document.createElement('div');
     wrapper.className = 'mb-6';
     
@@ -180,17 +197,21 @@ function renderElement(element, ctx) {
 
         case 'file':
             // TODO: Extract to renderFileElement() function
+            console.log(`🔧 Rendering file element '${element.key}':`, { readonly: state.config.readonly, prefill: ctx.prefill[element.key], element });
             if (state.config.readonly) {
                 // Readonly mode: use common preview function
                 const initial = ctx.prefill[element.key] || element.default;
+                console.log(`🔧 File initial value:`, initial);
                 if (initial) {
                     const filePreview = renderFilePreviewReadonly(initial);
                     wrapper.appendChild(filePreview);
+                    console.log(`✅ File preview rendered for '${element.key}'`);
                 } else {
                     const emptyState = document.createElement('div');
                     emptyState.className = 'aspect-video bg-gray-100 rounded-lg flex items-center justify-center text-gray-500';
                     emptyState.innerHTML = '<div class="text-center">Нет файла</div>';
                     wrapper.appendChild(emptyState);
+                    console.log(`❌ No file data for '${element.key}' - showing empty state`);
                 }
             } else {
                 // Edit mode: normal file input

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.1.16",
+  "version": "0.1.18",
   "description": "A reusable JSON schema form builder library",
   "main": "dist/form-builder.js",
   "files": [