feat(editor): add setting to disable HTML tag auto closing

src/cm/supportedModes.ts

@@ -57,6 +57,72 @@ function escapeRegExp(value: string): string {
 	return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
 
+async function shouldAutoCloseTags(): Promise<boolean> {
+	const { default: appSettings } = await import("lib/settings");
+	return appSettings.value.autoCloseTags !== false;
+}
+
+function createLanguageLoader(name: string, lang: LanguageDescription) {
+	const normalizedName = normalizeModeKey(name);
+
+	switch (normalizedName) {
+		case "html":
+			return async () => {
+				const { html } = await import("@codemirror/lang-html");
+				return html({ autoCloseTags: await shouldAutoCloseTags() });
+			};
+
+		case "xml":
+			return async () => {
+				const { xml } = await import("@codemirror/lang-xml");
+				return xml({ autoCloseTags: await shouldAutoCloseTags() });
+			};
+
+		case "vue":
+			return async () => {
+				const [{ vue }, { html }] = await Promise.all([
+					import("@codemirror/lang-vue"),
+					import("@codemirror/lang-html"),
+				]);
+				return vue({
+					base: html({ autoCloseTags: await shouldAutoCloseTags() }),
+				});
+			};
+
+		case "angular":
+			return async () => {
+				const [{ angular }, { html }] = await Promise.all([
+					import("@codemirror/lang-angular"),
+					import("@codemirror/lang-html"),
+				]);
+				return angular({
+					base: html({
+						autoCloseTags: await shouldAutoCloseTags(),
+						selfClosingTags: true,
+					}),
+				});
+			};
+
+		case "php":
+			return async () => {
+				const [{ php }, { html }] = await Promise.all([
+					import("@codemirror/lang-php"),
+					import("@codemirror/lang-html"),
+				]);
+				const htmlSupport = html({
+					autoCloseTags: await shouldAutoCloseTags(),
+					matchClosingTags: false,
+				});
+				return [
+					php({ baseLanguage: htmlSupport.language }),
+					htmlSupport.support,
+				];
+			};
+	}
+
+	return typeof lang.load === "function" ? () => lang.load!() : null;
+}
+
 // 1) Always register a plain text fallback
 addMode("Text", "txt|text|log|plain", "Plain Text", () => []);
 
@@ -106,7 +172,7 @@ for (const lang of languages as readonly LanguageDescription[]) {
 
 		// Wrap language-data loader as our modelist language provider
 		// lang.load() returns a Promise<Extension>; we let the editor handle async loading
-		const loader = typeof lang.load === "function" ? () => lang.load!() : null;
+		const loader = createLanguageLoader(name, lang);
 
 		addMode(modeId, pattern, name, loader, {
 			aliases,

src/lang/ar-ye.json

@@ -721,5 +721,7 @@
 	"close selected tabs warning": "Are you sure you want to close the selected tabs? You will lose the unsaved changes and this action cannot be reversed.",
 	"close tabs to right": "Close Right",
 	"close tabs to left": "Close Left",
-	"close other tabs": "Close Others"
+	"close other tabs": "Close Others",
+	"auto close tags": "Auto close tags",
+	"settings-info-editor-auto-close-tags": "Automatically insert closing tags in HTML, XML, Vue, Angular, and PHP template files."
 }

src/lang/be-by.json

@@ -723,5 +723,7 @@
 	"close selected tabs warning": "Are you sure you want to close the selected tabs? You will lose the unsaved changes and this action cannot be reversed.",
 	"close tabs to right": "Close Right",
 	"close tabs to left": "Close Left",
-	"close other tabs": "Close Others"
+	"close other tabs": "Close Others",
+	"auto close tags": "Auto close tags",
+	"settings-info-editor-auto-close-tags": "Automatically insert closing tags in HTML, XML, Vue, Angular, and PHP template files."
 }

src/lang/bn-bd.json

@@ -722,5 +722,7 @@
 	"close selected tabs warning": "Are you sure you want to close the selected tabs? You will lose the unsaved changes and this action cannot be reversed.",
 	"close tabs to right": "Close Right",
 	"close tabs to left": "Close Left",
-	"close other tabs": "Close Others"
+	"close other tabs": "Close Others",
+	"auto close tags": "Auto close tags",
+	"settings-info-editor-auto-close-tags": "Automatically insert closing tags in HTML, XML, Vue, Angular, and PHP template files."
 }

src/lang/cs-cz.json

@@ -722,5 +722,7 @@
 	"close selected tabs warning": "Are you sure you want to close the selected tabs? You will lose the unsaved changes and this action cannot be reversed.",
 	"close tabs to right": "Close Right",
 	"close tabs to left": "Close Left",
-	"close other tabs": "Close Others"
+	"close other tabs": "Close Others",
+	"auto close tags": "Auto close tags",
+	"settings-info-editor-auto-close-tags": "Automatically insert closing tags in HTML, XML, Vue, Angular, and PHP template files."
 }

src/lang/de-de.json

@@ -722,5 +722,7 @@
 	"close selected tabs warning": "Are you sure you want to close the selected tabs? You will lose the unsaved changes and this action cannot be reversed.",
 	"close tabs to right": "Close Right",
 	"close tabs to left": "Close Left",
-	"close other tabs": "Close Others"
+	"close other tabs": "Close Others",
+	"auto close tags": "Auto close tags",
+	"settings-info-editor-auto-close-tags": "Automatically insert closing tags in HTML, XML, Vue, Angular, and PHP template files."
 }

src/lang/en-us.json

@@ -130,6 +130,7 @@
 	"invalid backup file": "Invalid backup file",
 	"add path": "Add path",
 	"live autocompletion": "Live autocompletion",
+	"auto close tags": "Auto close tags",
 	"file properties": "File properties",
 	"path": "Path",
 	"type": "Type",
@@ -662,6 +663,7 @@
 	"settings-info-editor-line-numbers": "Show line numbers in the gutter.",
 	"settings-info-editor-lint-gutter": "Show diagnostics and lint markers in the gutter.",
 	"settings-info-editor-live-autocomplete": "Show suggestions while you type.",
+	"settings-info-editor-auto-close-tags": "Automatically insert closing tags in HTML, XML, Vue, Angular, and PHP template files.",
 	"settings-info-editor-rainbow-brackets": "Color matching brackets by nesting depth.",
 	"settings-info-editor-relative-line-numbers": "Show distance from the current line.",
 	"settings-info-editor-rtl-text": "Switch right-to-left behavior per line.",

src/lang/es-sv.json

@@ -722,5 +722,7 @@
 	"close selected tabs warning": "Are you sure you want to close the selected tabs? You will lose the unsaved changes and this action cannot be reversed.",
 	"close tabs to right": "Close Right",
 	"close tabs to left": "Close Left",
-	"close other tabs": "Close Others"
+	"close other tabs": "Close Others",
+	"auto close tags": "Auto close tags",
+	"settings-info-editor-auto-close-tags": "Automatically insert closing tags in HTML, XML, Vue, Angular, and PHP template files."
 }

src/lang/fr-fr.json

@@ -722,5 +722,7 @@
 	"close selected tabs warning": "Are you sure you want to close the selected tabs? You will lose the unsaved changes and this action cannot be reversed.",
 	"close tabs to right": "Close Right",
 	"close tabs to left": "Close Left",
-	"close other tabs": "Close Others"
+	"close other tabs": "Close Others",
+	"auto close tags": "Auto close tags",
+	"settings-info-editor-auto-close-tags": "Automatically insert closing tags in HTML, XML, Vue, Angular, and PHP template files."
 }

src/lang/he-il.json

@@ -723,5 +723,7 @@
 	"close selected tabs warning": "Are you sure you want to close the selected tabs? You will lose the unsaved changes and this action cannot be reversed.",
 	"close tabs to right": "Close Right",
 	"close tabs to left": "Close Left",
-	"close other tabs": "Close Others"
+	"close other tabs": "Close Others",
+	"auto close tags": "Auto close tags",
+	"settings-info-editor-auto-close-tags": "Automatically insert closing tags in HTML, XML, Vue, Angular, and PHP template files."
 }

src/lang/hi-in.json

@@ -723,5 +723,7 @@
 	"close selected tabs warning": "Are you sure you want to close the selected tabs? You will lose the unsaved changes and this action cannot be reversed.",
 	"close tabs to right": "Close Right",
 	"close tabs to left": "Close Left",
-	"close other tabs": "Close Others"
+	"close other tabs": "Close Others",
+	"auto close tags": "Auto close tags",
+	"settings-info-editor-auto-close-tags": "Automatically insert closing tags in HTML, XML, Vue, Angular, and PHP template files."
 }

src/lang/hu-hu.json

@@ -722,5 +722,7 @@
 	"close selected tabs warning": "Biztosan bezárja a kiválasztott lapokat? A nem mentett módosítások elvesznek, és ez a művelet nem vonható vissza.",
 	"close tabs to right": "Jobbra lévő lapok bezárása",
 	"close tabs to left": "Balra lévő lapok bezárása",
-	"close other tabs": "Többi lap bezárása"
+	"close other tabs": "Többi lap bezárása",
+	"auto close tags": "Auto close tags",
+	"settings-info-editor-auto-close-tags": "Automatically insert closing tags in HTML, XML, Vue, Angular, and PHP template files."
 }

src/lang/id-id.json

@@ -723,5 +723,7 @@
 	"close selected tabs warning": "Apakah Anda yakin ingin menutup tab terpilih? Anda akan kehilangan perubahan yang belum disimpan dan aksi ini tidak dapat dibatalkan.",
 	"close tabs to right": "Tutup Kanan",
 	"close tabs to left": "Tutup Kiri",
-	"close other tabs": "Tutup Lainnya"
+	"close other tabs": "Tutup Lainnya",
+	"auto close tags": "Auto close tags",
+	"settings-info-editor-auto-close-tags": "Automatically insert closing tags in HTML, XML, Vue, Angular, and PHP template files."
 }

src/lang/ir-fa.json

@@ -723,5 +723,7 @@
 	"close selected tabs warning": "Are you sure you want to close the selected tabs? You will lose the unsaved changes and this action cannot be reversed.",
 	"close tabs to right": "Close Right",
 	"close tabs to left": "Close Left",
-	"close other tabs": "Close Others"
+	"close other tabs": "Close Others",
+	"auto close tags": "Auto close tags",
+	"settings-info-editor-auto-close-tags": "Automatically insert closing tags in HTML, XML, Vue, Angular, and PHP template files."
 }

src/lang/it-it.json

@@ -722,5 +722,7 @@
 	"close selected tabs warning": "Are you sure you want to close the selected tabs? You will lose the unsaved changes and this action cannot be reversed.",
 	"close tabs to right": "Close Right",
 	"close tabs to left": "Close Left",
-	"close other tabs": "Close Others"
+	"close other tabs": "Close Others",
+	"auto close tags": "Auto close tags",
+	"settings-info-editor-auto-close-tags": "Automatically insert closing tags in HTML, XML, Vue, Angular, and PHP template files."
 }

src/lang/ja-jp.json

@@ -722,5 +722,7 @@
 	"close selected tabs warning": "Are you sure you want to close the selected tabs? You will lose the unsaved changes and this action cannot be reversed.",
 	"close tabs to right": "Close Right",
 	"close tabs to left": "Close Left",
-	"close other tabs": "Close Others"
+	"close other tabs": "Close Others",
+	"auto close tags": "Auto close tags",
+	"settings-info-editor-auto-close-tags": "Automatically insert closing tags in HTML, XML, Vue, Angular, and PHP template files."
 }

src/lang/ko-kr.json

@@ -722,5 +722,7 @@
 	"close selected tabs warning": "Are you sure you want to close the selected tabs? You will lose the unsaved changes and this action cannot be reversed.",
 	"close tabs to right": "Close Right",
 	"close tabs to left": "Close Left",
-	"close other tabs": "Close Others"
+	"close other tabs": "Close Others",
+	"auto close tags": "Auto close tags",
+	"settings-info-editor-auto-close-tags": "Automatically insert closing tags in HTML, XML, Vue, Angular, and PHP template files."
 }

src/lang/ml-in.json

@@ -722,5 +722,7 @@
 	"close selected tabs warning": "Are you sure you want to close the selected tabs? You will lose the unsaved changes and this action cannot be reversed.",
 	"close tabs to right": "Close Right",
 	"close tabs to left": "Close Left",
-	"close other tabs": "Close Others"
+	"close other tabs": "Close Others",
+	"auto close tags": "Auto close tags",
+	"settings-info-editor-auto-close-tags": "Automatically insert closing tags in HTML, XML, Vue, Angular, and PHP template files."
 }

src/lang/mm-unicode.json

@@ -722,5 +722,7 @@
 	"close selected tabs warning": "Are you sure you want to close the selected tabs? You will lose the unsaved changes and this action cannot be reversed.",
 	"close tabs to right": "Close Right",
 	"close tabs to left": "Close Left",
-	"close other tabs": "Close Others"
+	"close other tabs": "Close Others",
+	"auto close tags": "Auto close tags",
+	"settings-info-editor-auto-close-tags": "Automatically insert closing tags in HTML, XML, Vue, Angular, and PHP template files."
 }

src/lang/mm-zawgyi.json

@@ -722,5 +722,7 @@
 	"close selected tabs warning": "Are you sure you want to close the selected tabs? You will lose the unsaved changes and this action cannot be reversed.",
 	"close tabs to right": "Close Right",
 	"close tabs to left": "Close Left",
-	"close other tabs": "Close Others"
+	"close other tabs": "Close Others",
+	"auto close tags": "Auto close tags",
+	"settings-info-editor-auto-close-tags": "Automatically insert closing tags in HTML, XML, Vue, Angular, and PHP template files."
 }

src/lang/pl-pl.json

@@ -722,5 +722,7 @@
 	"close selected tabs warning": "Are you sure you want to close the selected tabs? You will lose the unsaved changes and this action cannot be reversed.",
 	"close tabs to right": "Close Right",
 	"close tabs to left": "Close Left",
-	"close other tabs": "Close Others"
+	"close other tabs": "Close Others",
+	"auto close tags": "Auto close tags",
+	"settings-info-editor-auto-close-tags": "Automatically insert closing tags in HTML, XML, Vue, Angular, and PHP template files."
 }

src/lang/pt-br.json

@@ -722,5 +722,7 @@
 	"close selected tabs warning": "Are you sure you want to close the selected tabs? You will lose the unsaved changes and this action cannot be reversed.",
 	"close tabs to right": "Close Right",
 	"close tabs to left": "Close Left",
-	"close other tabs": "Close Others"
+	"close other tabs": "Close Others",
+	"auto close tags": "Auto close tags",
+	"settings-info-editor-auto-close-tags": "Automatically insert closing tags in HTML, XML, Vue, Angular, and PHP template files."
 }

src/lang/pu-in.json

@@ -722,5 +722,7 @@
 	"close selected tabs warning": "Are you sure you want to close the selected tabs? You will lose the unsaved changes and this action cannot be reversed.",
 	"close tabs to right": "Close Right",
 	"close tabs to left": "Close Left",
-	"close other tabs": "Close Others"
+	"close other tabs": "Close Others",
+	"auto close tags": "Auto close tags",
+	"settings-info-editor-auto-close-tags": "Automatically insert closing tags in HTML, XML, Vue, Angular, and PHP template files."
 }

src/lang/ru-ru.json

@@ -722,5 +722,7 @@
 	"close selected tabs warning": "Are you sure you want to close the selected tabs? You will lose the unsaved changes and this action cannot be reversed.",
 	"close tabs to right": "Close Right",
 	"close tabs to left": "Close Left",
-	"close other tabs": "Close Others"
+	"close other tabs": "Close Others",
+	"auto close tags": "Auto close tags",
+	"settings-info-editor-auto-close-tags": "Automatically insert closing tags in HTML, XML, Vue, Angular, and PHP template files."
 }

src/lang/tl-ph.json

@@ -722,5 +722,7 @@
 	"close selected tabs warning": "Are you sure you want to close the selected tabs? You will lose the unsaved changes and this action cannot be reversed.",
 	"close tabs to right": "Close Right",
 	"close tabs to left": "Close Left",
-	"close other tabs": "Close Others"
+	"close other tabs": "Close Others",
+	"auto close tags": "Auto close tags",
+	"settings-info-editor-auto-close-tags": "Automatically insert closing tags in HTML, XML, Vue, Angular, and PHP template files."
 }

src/lang/tr-tr.json

@@ -722,5 +722,7 @@
 	"close selected tabs warning": "Are you sure you want to close the selected tabs? You will lose the unsaved changes and this action cannot be reversed.",
 	"close tabs to right": "Close Right",
 	"close tabs to left": "Close Left",
-	"close other tabs": "Close Others"
+	"close other tabs": "Close Others",
+	"auto close tags": "Auto close tags",
+	"settings-info-editor-auto-close-tags": "Automatically insert closing tags in HTML, XML, Vue, Angular, and PHP template files."
 }

src/lang/uk-ua.json

@@ -722,5 +722,7 @@
 	"close selected tabs warning": "Are you sure you want to close the selected tabs? You will lose the unsaved changes and this action cannot be reversed.",
 	"close tabs to right": "Close Right",
 	"close tabs to left": "Close Left",
-	"close other tabs": "Close Others"
+	"close other tabs": "Close Others",
+	"auto close tags": "Auto close tags",
+	"settings-info-editor-auto-close-tags": "Automatically insert closing tags in HTML, XML, Vue, Angular, and PHP template files."
 }

src/lang/uz-uz.json

@@ -722,5 +722,7 @@
 	"close selected tabs warning": "Are you sure you want to close the selected tabs? You will lose the unsaved changes and this action cannot be reversed.",
 	"close tabs to right": "Close Right",
 	"close tabs to left": "Close Left",
-	"close other tabs": "Close Others"
+	"close other tabs": "Close Others",
+	"auto close tags": "Auto close tags",
+	"settings-info-editor-auto-close-tags": "Automatically insert closing tags in HTML, XML, Vue, Angular, and PHP template files."
 }

src/lang/vi-vn.json

@@ -723,5 +723,7 @@
 	"close selected tabs warning": "Are you sure you want to close the selected tabs? You will lose the unsaved changes and this action cannot be reversed.",
 	"close tabs to right": "Close Right",
 	"close tabs to left": "Close Left",
-	"close other tabs": "Close Others"
+	"close other tabs": "Close Others",
+	"auto close tags": "Auto close tags",
+	"settings-info-editor-auto-close-tags": "Automatically insert closing tags in HTML, XML, Vue, Angular, and PHP template files."
 }

src/lang/zh-cn.json

@@ -722,5 +722,7 @@
 	"close selected tabs warning": "确定要关闭选中的标签页吗？未保存的更改将丢失且无法恢复。",
 	"close tabs to right": "关闭右侧标签页",
 	"close tabs to left": "关闭左侧标签页",
-	"close other tabs": "关闭其他标签页"
+	"close other tabs": "关闭其他标签页",
+	"auto close tags": "Auto close tags",
+	"settings-info-editor-auto-close-tags": "Automatically insert closing tags in HTML, XML, Vue, Angular, and PHP template files."
 }

src/lang/zh-hant.json

@@ -722,5 +722,7 @@
 	"close selected tabs warning": "確定要關閉選取的標籤頁嗎？未保存的變更將會遺失且無法恢復。",
 	"close tabs to right": "關閉右側標籤頁",
 	"close tabs to left": "關閉左側標籤頁",
-	"close other tabs": "關閉其他標籤頁"
+	"close other tabs": "關閉其他標籤頁",
+	"auto close tags": "Auto close tags",
+	"settings-info-editor-auto-close-tags": "Automatically insert closing tags in HTML, XML, Vue, Angular, and PHP template files."
 }

src/lang/zh-tw.json

@@ -722,5 +722,7 @@
 	"close selected tabs warning": "Are you sure you want to close the selected tabs? You will lose the unsaved changes and this action cannot be reversed.",
 	"close tabs to right": "Close Right",
 	"close tabs to left": "Close Left",
-	"close other tabs": "Close Others"
+	"close other tabs": "Close Others",
+	"auto close tags": "Auto close tags",
+	"settings-info-editor-auto-close-tags": "Automatically insert closing tags in HTML, XML, Vue, Angular, and PHP template files."
 }

src/lib/editorManager.js

@@ -1575,6 +1575,11 @@ async function EditorManager($header, $body) {
 		applyOptions(["liveAutoCompletion"]);
 	});
 
+	appSettings.on("update:autoCloseTags", function () {
+		const file = manager.activeFile;
+		if (file?.type === "editor") applyFileToEditor(file);
+	});
+
 	appSettings.on("update:linenumbers", function () {
 		updateMargin(true);
 		updateEditorLineNumbersFromSettings();

src/lib/settings.js

@@ -143,6 +143,7 @@ class Settings {
 			fullscreen: false,
 			floatingButton: !this.#IS_TABLET,
 			liveAutoCompletion: true,
+			autoCloseTags: true,
 			showPrintMargin: false,
 			printMargin: 80,
 			scrollbarSize: 20,