vite-plugin-automock 1.1.3 → 1.1.4

package/dist/inspector-template.html

@@ -1257,6 +1257,75 @@
       attachTreeEventListeners();
     }
 
+    // Collect all mock keys affected by a checkbox toggle (from DOM)
+    function collectAffectedKeys(nodeEl) {
+      const deleteBtn = nodeEl.querySelector('.tree-node-delete');
+      // File node: has data-mock-key
+      if (deleteBtn && deleteBtn.dataset.mockKey) {
+        return [deleteBtn.dataset.mockKey];
+      }
+      // Folder node: has data-mock-keys (JSON array)
+      if (deleteBtn && deleteBtn.dataset.mockKeys) {
+        try { return JSON.parse(deleteBtn.dataset.mockKeys); } catch { return []; }
+      }
+      // Fallback: collect from all child file nodes
+      const keys = [];
+      nodeEl.querySelectorAll('.tree-node-delete[data-is-folder="false"]').forEach(btn => {
+        if (btn.dataset.mockKey) keys.push(btn.dataset.mockKey);
+      });
+      return keys;
+    }
+
+    // Incremental DOM update for checkbox state changes
+    function updateCheckboxStatesInDOM(nodeEl, checked) {
+      // Update all descendant checkboxes
+      nodeEl.querySelectorAll('.tree-node-checkbox').forEach(cb => {
+        cb.checked = checked;
+        cb.indeterminate = false;
+        cb.removeAttribute('data-indeterminate');
+      });
+      // Update the clicked checkbox itself (it may not be a descendant selector match)
+      const selfCb = nodeEl.querySelector(':scope > .tree-node-content > .tree-node-checkbox');
+      if (selfCb) {
+        selfCb.checked = checked;
+        selfCb.indeterminate = false;
+        selfCb.removeAttribute('data-indeterminate');
+      }
+
+      // Update parent chain (indeterminate state)
+      let current = nodeEl.parentElement;
+      while (current) {
+        const parentNode = current.closest('.tree-node');
+        if (!parentNode) break;
+
+        const childContainer = parentNode.querySelector(':scope > .tree-children');
+        if (!childContainer) break;
+
+        const childCheckboxes = childContainer.querySelectorAll(':scope > .tree-node > .tree-node-content > .tree-node-checkbox');
+        if (childCheckboxes.length === 0) break;
+
+        let allChecked = true;
+        let someChecked = false;
+        childCheckboxes.forEach(cb => {
+          if (cb.checked || cb.indeterminate) someChecked = true;
+          if (!cb.checked || cb.indeterminate) allChecked = false;
+        });
+
+        const parentCb = parentNode.querySelector(':scope > .tree-node-content > .tree-node-checkbox');
+        if (parentCb) {
+          parentCb.checked = allChecked;
+          parentCb.indeterminate = !allChecked && someChecked;
+          if (parentCb.indeterminate) {
+            parentCb.setAttribute('data-indeterminate', 'true');
+          } else {
+            parentCb.removeAttribute('data-indeterminate');
+          }
+        }
+
+        current = parentNode.parentElement;
+      }
+    }
+
     // Attach event listeners for tree interactions
     function attachTreeEventListeners() {
       const list = document.getElementById('mock-list');
@@ -1282,27 +1351,16 @@
           if (!nodeEl) return;
 
           const nodeId = nodeEl.dataset.nodeId;
-          const nodeType = nodeEl.dataset.nodeType;
           const checked = checkbox.checked;
 
-          // Get current tree data
-          const tree = buildMockTree(currentMocks);
+          // Collect affected keys from DOM
+          const affectedKeys = collectAffectedKeys(nodeEl);
 
-          // Find and update node
-          const node = findNodeById(tree, nodeId);
-          if (node) {
-            // Update children
-            updateTreeNodeState(node, checked, true);
-            // Update parents
-            updateParentNodeState(node, tree);
+          // Send batch API request
+          await batchToggleMockEnable(affectedKeys, checked);
 
-            // Apply changes to all affected file nodes
-            const affectedKeys = getAllFileKeys(node);
-            await batchToggleMockEnable(affectedKeys, checked);
-
-            // Re-render tree with preserved expanded state
-            renderMockList(currentMocks, true);
-          }
+          // Incremental DOM update (no full re-render)
+          updateCheckboxStatesInDOM(nodeEl, checked);
         });
       });
 
@@ -1485,7 +1543,7 @@
         '  <h3>Response Data</h3>',
         '  ' + renderDataSection(mock),
         '</div>'
-      ].join('\\n');
+      ].join('');
 
       const descriptionInput = document.getElementById('description-input');
       if (descriptionInput) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-automock",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {