🐛 Make sure there are no special characters in the project name when creating one

CosmoMyzrailGorynych · CosmoMyzrailGorynych · commit a9c2c71e9378 · 2024-11-04T00:33:52.000+12:00
Closes #543
diff --git a/app/data/i18n/English.json b/app/data/i18n/English.json
@@ -798,7 +798,7 @@
             "projectName": "Name:",
             "language": "Coding language:",
             "saveFolder": "Project's folder:",
-            "input": "(letters and digits only)",
+            "input": "(latin letters, underscore, and digits only)",
             "selectProjectFolder": "Select a folder in which to store your project",
             "nameError": "Wrong project name",
             "languageError": "You must specify a programming language"
diff --git a/app/data/i18n/Russian.json b/app/data/i18n/Russian.json
@@ -678,7 +678,7 @@
         "loading": "Подождите, коты набирают скорость света…",
         "loadingProject": "Загрузка проекта…",
         "newProject": {
-            "input": "Имя проекта, латиница и цифры…",
+            "input": "Латиница, нижний пробел и цифры…",
             "selectProjectFolder": "Выберите папку, в которой сохранить проект",
             "nameError": "Ошибка в имени проекта",
             "header": "Создать новый",
diff --git a/src/riotTags/project-selector.tag b/src/riotTags/project-selector.tag
@@ -70,6 +70,7 @@ project-selector
                             placeholder="{voc.newProject.input}"
                             pattern="[a-zA-Z_0-9]\\{1,\\}"
                             oninput="{setProjectName}"
+                            value="{projectName}"
                             width="20"
                             maxlength="64"
                         )
@@ -408,11 +409,13 @@ project-selector
         };
         this.setProjectName = e => {
             this.projectName = e.target.value.trim();
+            this.projectName = this.projectName.replace(/[^a-zA-Z_0-9]/g, '');
+            e.target.value = this.projectName;
         };
         /** A button listener for triggering a project creation process. */
         this.createProject = () => {
             const codename = this.projectName;
-            if (codename.length === 0) {
+            if (codename.length === 0 || /[^a-zA-Z_0-9]/.test(codename)) {
                 alertify.error(this.voc.newProject.nameError);
                 return;
             }
