From eeb6753eec9c5be944fe9865f31a591c047de427 Mon Sep 17 00:00:00 2001
From: arausly <arausid@yahoo.com>
Date: Wed, 13 Aug 2025 21:41:00 +0100
Subject: [PATCH] added v6 codemirror pkg support for html

---
 package.json                                                  | 1 +
 .../codemirror/hooks/useCodemirrorModeExtension.hooks.ts      | 4 ++++
 2 files changed, 5 insertions(+)

diff --git a/package.json b/package.json
index 1a73b18be..1e5fd0445 100644
--- a/package.json
+++ b/package.json
@@ -79,6 +79,7 @@
         "@codemirror/lang-sql": "^6.8.0",
         "@codemirror/lang-xml": "^6.1.0",
         "@codemirror/lang-yaml": "^6.1.2",
+        "@codemirror/lang-html": "^6.4.9",
         "@codemirror/legacy-modes": "^6.5.0",
         "@mavrin/remark-typograf": "^2.2.0",
         "@xyflow/react": "^12.6.0",
diff --git a/src/extensions/codemirror/hooks/useCodemirrorModeExtension.hooks.ts b/src/extensions/codemirror/hooks/useCodemirrorModeExtension.hooks.ts
index 8a429ae56..ad057c6bd 100644
--- a/src/extensions/codemirror/hooks/useCodemirrorModeExtension.hooks.ts
+++ b/src/extensions/codemirror/hooks/useCodemirrorModeExtension.hooks.ts
@@ -5,6 +5,8 @@ import { markdown } from "@codemirror/lang-markdown";
 import { sql } from "@codemirror/lang-sql";
 import { xml } from "@codemirror/lang-xml";
 import { yaml } from "@codemirror/lang-yaml";
+import {html} from "@codemirror/lang-html"
+
 import { defaultHighlightStyle, LanguageSupport, StreamLanguage, StreamParser } from "@codemirror/language";
 //legacy mode imports
 import { jinja2 } from "@codemirror/legacy-modes/mode/jinja2";
@@ -30,6 +32,7 @@ const supportedModes = {
     mathematica,
     sql,
     javascript,
+    html
 } as const;
 
 export const supportedCodeEditorModes = Object.keys(supportedModes) as Array<keyof typeof supportedModes>;
@@ -42,6 +45,7 @@ const v6AdaptedModes: ReadonlyMap<SupportedCodeEditorModes, boolean> = new Map([
     ["sql", true],
     ["yaml", true],
     ["javascript", true],
+    ["html", true]
 ]);
 
 export const useCodeMirrorModeExtension = (mode?: SupportedCodeEditorModes) => {