experiments in a post-browser web
fix(editor): restore vim mode toggle in toolbar
+23
+23
extensions/editor/editor-layout.js
+23
extensions/editor/editor-layout.js
···
90
90
91
91
this.toolbar.appendChild(sidebarToggles);
92
92
93
+
// Vim mode toggle
94
+
this.vimToggle = document.createElement('label');
95
+
this.vimToggle.className = 'vim-toggle';
96
+
this.vimToggle.title = 'Toggle vim keybindings';
97
+
98
+
this.vimCheckbox = document.createElement('input');
99
+
this.vimCheckbox.type = 'checkbox';
100
+
this.vimCheckbox.checked = this.vimMode;
101
+
this.vimCheckbox.addEventListener('change', () => {
102
+
this.updateVimModeState(this.vimCheckbox.checked);
103
+
});
104
+
105
+
const vimLabel = document.createElement('span');
106
+
vimLabel.textContent = 'Vim';
107
+
108
+
this.vimToggle.appendChild(this.vimCheckbox);
109
+
this.vimToggle.appendChild(vimLabel);
110
+
this.toolbar.appendChild(this.vimToggle);
111
+
93
112
// Save status indicator (shown when editing datastore items)
94
113
this.saveStatus = document.createElement('span');
95
114
this.saveStatus.id = 'save-status';
···
458
477
*/
459
478
setVimMode(enabled) {
460
479
this.updateVimModeState(enabled);
480
+
// Keep checkbox in sync with programmatic changes
481
+
if (this.vimCheckbox) {
482
+
this.vimCheckbox.checked = enabled;
483
+
}
461
484
}
462
485
463
486
/**