Add a check for leading or trailing spaces in the parent directory on the "Add New File" page.

Author: charles7668

web_src/js/features/repo-editor.js

@@ -76,6 +76,7 @@ export function initRepoEditor() {
   filenameInput.addEventListener('input', function () {
     const parts = filenameInput.value.split('/');
     if (parts.length > 1) {
+      let containSpace = false;
       for (let i = 0; i < parts.length; ++i) {
         const value = parts[i];
         if (i < parts.length - 1) {
@@ -87,6 +88,24 @@ export function initRepoEditor() {
           filenameInput.value = value;
         }
         this.setSelectionRange(0, 0);
+        containSpace |= value.trim() !== value;
+      }
+      let warningDiv = document.querySelector('.ui.warning.message.flash-message.flash-warning');
+      containSpace |= Array.from(links).some((link) => {
+        const value = link.querySelector('a').textContent;
+        return value.trim() !== value;
+      });
+      if (containSpace) {
+        if (!warningDiv) {
+          warningDiv = document.createElement('div');
+          warningDiv.classList.add('ui', 'warning', 'message', 'flash-message', 'flash-warning');
+          warningDiv.innerHTML = '<p>Parent directory contains leading or trailing whitespace.</p>';
+          const inputContainer = document.querySelector('.repo-editor-header');
+          inputContainer.insertAdjacentElement('beforebegin', warningDiv);
+        }
+        warningDiv.style.display = 'block';
+      } else if (warningDiv) {
+        warningDiv.style.display = 'none';
       }
     }
     joinTreePath();