diff --git a/packages/web-app-text-editor/src/index.ts b/packages/web-app-text-editor/src/index.ts
index f0f29665e9..f4a88f640c 100644
--- a/packages/web-app-text-editor/src/index.ts
+++ b/packages/web-app-text-editor/src/index.ts
@@ -2,10 +2,10 @@ import { useGettext } from 'vue3-gettext'
 import translations from '../l10n/translations.json'
 import TextEditor from './App.vue'
 import {
-  AppMenuItemExtension,
-  AppWrapperRoute,
   ApplicationFileExtension,
   ApplicationInformation,
+  AppMenuItemExtension,
+  AppWrapperRoute,
   defineWebApplication,
   useOpenEmptyEditor,
   useUserStore
@@ -23,42 +23,42 @@ export default defineWebApplication({
 
     const fileExtensions = () => {
       const extensions: ApplicationFileExtension[] = [
-        {
-          extension: 'txt',
-          label: () => $gettext('Plain text file')
-        },
-        {
-          extension: 'md',
-          label: () => $gettext('Markdown file')
-        },
-        {
-          extension: 'markdown',
-          label: () => $gettext('Markdown file')
-        },
-        {
-          extension: 'js',
-          label: () => $gettext('JavaScript file')
-        },
-        {
-          extension: 'json',
-          label: () => $gettext('JSON file')
-        },
-        {
-          extension: 'xml',
-          label: () => $gettext('XML file')
-        },
-        {
-          extension: 'py',
-          label: () => $gettext('Python file')
-        },
-        {
-          extension: 'php',
-          label: () => $gettext('PHP file')
-        },
-        {
-          extension: 'yaml',
-          label: () => $gettext('YAML file')
-        }
+        { extension: 'txt', label: () => $gettext('Plain text file') },
+        { extension: 'md', label: () => $gettext('Markdown file') },
+        { extension: 'markdown', label: () => $gettext('Markdown file') },
+        { extension: 'js', label: () => $gettext('JavaScript file') },
+        { extension: 'jsx', label: () => $gettext('JSX file') },
+        { extension: 'ts', label: () => $gettext('TypeScript file') },
+        { extension: 'tsx', label: () => $gettext('TSX (TypeScript + JSX) file') },
+        { extension: 'vue', label: () => $gettext('Vue component file') },
+        { extension: 'json', label: () => $gettext('JSON file') },
+        { extension: 'xml', label: () => $gettext('XML file') },
+        { extension: 'yml', label: () => $gettext('YAML file') },
+        { extension: 'yaml', label: () => $gettext('YAML file') },
+        { extension: 'toml', label: () => $gettext('TOML config file') },
+        { extension: 'ini', label: () => $gettext('INI config file') },
+        { extension: 'conf', label: () => $gettext('Configuration file') },
+        { extension: 'env', label: () => $gettext('Environment variables file') },
+        { extension: 'py', label: () => $gettext('Python file') },
+        { extension: 'php', label: () => $gettext('PHP file') },
+        { extension: 'html', label: () => $gettext('HTML file') },
+        { extension: 'css', label: () => $gettext('CSS file') },
+        { extension: 'scss', label: () => $gettext('SCSS file') },
+        { extension: 'sass', label: () => $gettext('Sass file') },
+        { extension: 'less', label: () => $gettext('LESS CSS file') },
+        { extension: 'csv', label: () => $gettext('CSV file') },
+        { extension: 'tsv', label: () => $gettext('Tab-separated values file') },
+        { extension: 'c', label: () => $gettext('C source file') },
+        { extension: 'cpp', label: () => $gettext('C++ source file') },
+        { extension: 'java', label: () => $gettext('Java source file') },
+        { extension: 'sh', label: () => $gettext('Shell script') },
+        { extension: 'bat', label: () => $gettext('Batch script') },
+        { extension: 'asm', label: () => $gettext('Assembler source file') },
+        { extension: 'log', label: () => $gettext('Log file') },
+        { extension: 'ics', label: () => $gettext('Calendar file') },
+        { extension: 'rtf', label: () => $gettext('Rich Text Format file') },
+        { extension: 'dockerfile', label: () => $gettext('Dockerfile') },
+        { extension: 'makefile', label: () => $gettext('Makefile') }
       ]
 
       const config = applicationConfig || {}