fix: improve extension validation

Author: r0b1n

packages/pluggableWidgets/file-uploader-web/CHANGELOG.md

@@ -6,6 +6,12 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
+### Fixed
+
+- We improved the file extension validation to allow special characters like dashes and plus signs (e.g., '.tar-gz', '.c++').
+
+- We clarified error messages for invalid file extensions to better explain the expected format.
+
 ## [2.2.2] - 2025-07-01
 
 ### Fixed

packages/pluggableWidgets/file-uploader-web/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@mendix/file-uploader-web",
     "widgetName": "FileUploader",
-    "version": "2.2.2",
+    "version": "2.2.3",
     "description": "",
     "copyright": "© Mendix Technology BV 2025. All rights reserved.",
     "license": "Apache-2.0",

packages/pluggableWidgets/file-uploader-web/src/package.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8" ?>
 <package xmlns="http://www.mendix.com/package/1.0/">
-    <clientModule name="FileUploader" version="2.2.2" xmlns="http://www.mendix.com/clientModule/1.0/">
+    <clientModule name="FileUploader" version="2.2.3" xmlns="http://www.mendix.com/clientModule/1.0/">
         <widgetFiles>
             <widgetFile path="FileUploader.xml" />
         </widgetFiles>

packages/pluggableWidgets/file-uploader-web/src/utils/__tests__/parseAllowedFormats.spec.ts

@@ -95,6 +95,40 @@ describe("parseAllowedFormats", () => {
             "Value 'application-pdf' is not recognized. Accepted format: 'image/jpeg'"
         );
     });
+    test("handles extensions with special characters like dashes and plus signs", () => {
+        const input: AllowedFileFormatsType[] = [
+            {
+                configMode: "advanced",
+                typeFormatDescription: dynamicValue("special-extensions"),
+                predefinedType: "pdfFile",
+                mimeType: "application/x-custom",
+                extensions: ".tar-gz,.js-map,.c++"
+            }
+        ];
+
+        expect(parseAllowedFormats(input)).toEqual([
+            {
+                description: "special-extensions",
+                entries: [["application/x-custom", [".tar-gz", ".js-map", ".c++"]]]
+            }
+        ]);
+    });
+    test("throws on extension without leading dot", () => {
+        const input: AllowedFileFormatsType[] = [
+            {
+                configMode: "advanced",
+                typeFormatDescription: dynamicValue("test"),
+                predefinedType: "pdfFile",
+                mimeType: "text/*",
+                extensions: ".txt,pdf"
+            }
+        ];
+
+        expect(() => parseAllowedFormats(input)).toThrow(
+            "Value 'pdf' is not recognized. Extension must start with a dot and contain only valid filename characters"
+        );
+    });
+
     test("throws on incorrect extension format", () => {
         const input: AllowedFileFormatsType[] = [
             {
@@ -106,6 +140,24 @@ describe("parseAllowedFormats", () => {
             }
         ];
 
-        expect(() => parseAllowedFormats(input)).toThrow("Value 'abc' is not recognized. Accepted format: '.pdf'");
+        expect(() => parseAllowedFormats(input)).toThrow(
+            "Value 'abc' is not recognized. Extension must start with a dot and contain only valid filename characters"
+        );
+    });
+
+    test("throws on extension with dot in the middle", () => {
+        const input: AllowedFileFormatsType[] = [
+            {
+                configMode: "advanced",
+                typeFormatDescription: dynamicValue("test"),
+                predefinedType: "pdfFile",
+                mimeType: "text/*",
+                extensions: ".txt,.config.json"
+            }
+        ];
+
+        expect(() => parseAllowedFormats(input)).toThrow(
+            "Value '.config.json' is not recognized. Extension must start with a dot and contain only valid filename characters"
+        );
     });
 });

packages/pluggableWidgets/file-uploader-web/src/utils/parseAllowedFormats.ts

@@ -59,11 +59,13 @@ function parseExtensionsList(config: string): string[] {
         .map(c => c.trim())
         .filter(c => c)
         .map(c => {
-            if (/^\.\w+$/.test(c)) {
-                // ".ext" string
+            if (/^\.[^/\\?*<>|:".]+$/.test(c)) {
+                // ".ext" string - allowing most characters except those invalid in filenames
                 return c;
             }
 
-            throw new Error(`Value '${c}' is not recognized. Accepted format: '.pdf'`);
+            throw new Error(
+                `Value '${c}' is not recognized. Extension must start with a dot and contain only valid filename characters (e.g. '.pdf', '.doc', '.tar-gz')`
+            );
         });
 }