@dmitryvim/form-builder 0.1.19 → 0.1.21

package/dist/form-builder.js

@@ -87,54 +87,36 @@ function validateSchema(schema) {
 
 // Form rendering
 function renderForm(schema, prefill) {
-    console.log('🔧 FormBuilder.renderForm called with:', { schema, prefill });
-    console.log('🔧 Arguments length:', arguments.length);
-    console.log('🔧 Argument 0 (schema):', typeof schema, schema?.title);
-    console.log('🔧 Argument 1 (prefill):', typeof prefill, 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';
     
-    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';
@@ -200,21 +182,17 @@ 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
@@ -236,6 +214,24 @@ function renderElement(element, ctx) {
                 
                 const initial = ctx.prefill[element.key] || element.default;
                 if (initial) {
+                    // Add prefill data to resourceIndex so renderFilePreview can use it
+                    if (!state.resourceIndex.has(initial)) {
+                        // Extract filename from URL/path
+                        const filename = initial.split('/').pop() || 'file';
+                        // Determine file type from extension
+                        const extension = filename.split('.').pop()?.toLowerCase();
+                        const fileType = extension && ['jpg', 'jpeg', 'png', 'gif', 'webp'].includes(extension) 
+                            ? `image/${extension === 'jpg' ? 'jpeg' : extension}`
+                            : 'application/octet-stream';
+                            
+                        state.resourceIndex.set(initial, {
+                            name: filename,
+                            type: fileType,
+                            size: 0,
+                            file: null // No local file for prefill data
+                        });
+                        console.log(`🔧 Added prefill file '${element.key}' to resourceIndex:`, initial);
+                    }
                     renderFilePreview(fileContainer, initial, initial, '', false).catch(console.error);
                 } else {
                     fileContainer.innerHTML = `
@@ -325,6 +321,29 @@ function renderElement(element, ctx) {
                 
                 const initialFiles = ctx.prefill[element.key] || [];
                 
+                // Add prefill files to resourceIndex so renderResourcePills can use them
+                if (initialFiles.length > 0) {
+                    initialFiles.forEach(resourceId => {
+                        if (!state.resourceIndex.has(resourceId)) {
+                            // Extract filename from URL/path
+                            const filename = resourceId.split('/').pop() || 'file';
+                            // Determine file type from extension
+                            const extension = filename.split('.').pop()?.toLowerCase();
+                            const fileType = extension && ['jpg', 'jpeg', 'png', 'gif', 'webp'].includes(extension) 
+                                ? `image/${extension === 'jpg' ? 'jpeg' : extension}`
+                                : 'application/octet-stream';
+                                
+                            state.resourceIndex.set(resourceId, {
+                                name: filename,
+                                type: fileType,
+                                size: 0,
+                                file: null // No local file for prefill data
+                            });
+                            console.log(`🔧 Added prefill file to resourceIndex:`, resourceId);
+                        }
+                    });
+                }
+                
                 function updateFilesList() {
                     renderResourcePills(list, initialFiles, (ridToRemove) => {
                         const index = initialFiles.indexOf(ridToRemove);
@@ -577,7 +596,9 @@ async function renderFilePreview(container, resourceId, fileName, fileType, isRe
     
     // Use stored file from resourceIndex if available, or try getThumbnail
     const meta = state.resourceIndex.get(resourceId);
+    console.log(`🔧 renderFilePreview debug:`, { resourceId, meta, hasGetThumbnail: !!state.config.getThumbnail });
     if (meta && meta.file && meta.file instanceof File) {
+        console.log(`🔧 Using local file branch`);
         // For local files, use FileReader to display preview
         if (meta.type && meta.type.startsWith('image/')) {
             const reader = new FileReader();
@@ -613,9 +634,11 @@ async function renderFilePreview(container, resourceId, fileName, fileType, isRe
             });
         }
     } else if (state.config.getThumbnail) {
+        console.log(`🔧 Using getThumbnail branch for resourceId:`, resourceId);
         // Try to get thumbnail from config for uploaded files
         try {
             const thumbnailUrl = await state.config.getThumbnail(resourceId);
+            console.log(`📸 getThumbnail called with result:`, { resourceId, thumbnailUrl });
             if (thumbnailUrl) {
                 img.src = thumbnailUrl;
                 container.appendChild(img);

package/package.json

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