working UX for inode name with invalid characters

Author: jrief

client/admin/Item.tsx

@@ -152,6 +152,7 @@ export function ListItem(props) {
 			props.folderTabsRef.current.setFavoriteFolders(body.favorite_folders);
 		} else if (response.status === 409) {
 			alert(await response.text());
+			props.elementRef.current.querySelector('.inode-name').innerText = props.name;
 		} else {
 			console.error(response);
 		}

finder/admin/folder.py

@@ -13,7 +13,7 @@
 
 from finder.models.file import InodeModel, FileModel
 from finder.models.folder import FolderModel, PinnedFolder
-from finder.models.inode import DiscardedInode, InodeManager
+from finder.models.inode import DiscardedInode, InodeManager, filename_validator
 from finder.models.label import Label
 
 from .inode import InodeAdmin
@@ -228,9 +228,14 @@ def update_inode(self, request, folder_id):
         except (InodeModel.DoesNotExist, KeyError):
             return HttpResponseNotFound(f"Inode(id={body.get('id', '<missing>')}) not found.")
         current_folder = self.get_object(request, folder_id)
-        if current_folder.listdir(name=body['name'], is_folder=True).exists():
+        inode_name = body['name']
+        try:
+            filename_validator(inode_name)
+        except ValidationError as exc:
+            return HttpResponseBadRequest(exc.message, status=409)
+        if current_folder.listdir(name=inode_name, is_folder=True).exists():
             msg = gettext("A folder named “{name}” already exists.")
-            return HttpResponseBadRequest(msg.format(name=body['name']), status=409)
+            return HttpResponseBadRequest(msg.format(name=inode_name), status=409)
         update_values = {}
         for field in self.get_fields(request, obj):
             if field in body and body[field] != getattr(obj, field):

finder/models/inode.py

@@ -166,8 +166,9 @@ def get_queryset(self):
         return queryset.filter(self.model.mime_types_query())
 
 
+
 def filename_validator(value):
-    pattern = re.compile(r"^[\w\d &%!/\\()\[\]{}._#~+-]+$")
+    pattern = re.compile(r"^[\w\d\s\.&%!_#~+-]+$")
     if not pattern.match(value):
         msg = "'{filename}' is not a valid filename."
         raise ValidationError(msg.format(filename=value))