🐳 10/02 - 14:12 - still broken

script.js

@@ -1,4 +1,4 @@
-document.addEventListener('DOMContentLoaded', function() {
+=======
     ======= Sample JSON data
     const sampleJSON = {
         "name": "John Doe",
@@ -489,7 +489,7 @@ document.addEventListener('DOMContentLoaded', function() {
         const currentValue = type === 'key' ? key : getValue(parentKey, key);
         
         // Handle undefined/null values gracefully
-        if (currentValue === undefined) {
+        if (currentValue === undefined && type !== 'value') {
             return;
         }
         
@@ -641,46 +641,43 @@ document.addEventListener('DOMContentLoaded', function() {
         if (parentKey === 'root') {
             const keys = Object.keys(jsonData);
             const index = keys.indexOf(key);
-            const newData = {};
             
             if (index === -1 || index === keys.length - 1) {
                 // Append at the end
-                Object.assign(newData, jsonData);
-                newData[newKey] = '';
+                jsonData[newKey] = '';
             } else {
-                // Insert after current
+                // Insert after current - need to reconstruct
+                const newData = {};
                 keys.forEach((k, i) => {
                     newData[k] = jsonData[k];
                     if (i === index) {
                         newData[newKey] = '';
                     }
                 });
+                Object.keys(jsonData).forEach(k => delete jsonData[k]);
+                Object.assign(jsonData, newData);
             }
-            
-            jsonData = newData;
         } else {
             const parent = findElementByKey(jsonData, parentKey);
             if (parent && typeof parent === 'object' && !Array.isArray(parent)) {
                 const keys = Object.keys(parent);
                 const index = keys.indexOf(key);
-                const newData = {};
                 
                 if (index === -1 || index === keys.length - 1) {
                     // Append at the end
-                    Object.assign(newData, parent);
-                    newData[newKey] = '';
+                    parent[newKey] = '';
                 } else {
-                    // Insert after current
+                    // Insert after current - need to reconstruct
+                    const newData = {};
                     keys.forEach((k, i) => {
                         newData[k] = parent[k];
                         if (i === index) {
                             newData[newKey] = '';
                         }
                     });
+                    Object.keys(parent).forEach(k => delete parent[k]);
+                    Object.assign(parent, newData);
                 }
-                
-                Object.keys(parent).forEach(k => delete parent[k]);
-                Object.assign(parent, newData);
             } else if (parent && Array.isArray(parent)) {
                 // For arrays, push new empty string
                 parent.push('');