TriliumNext · eliandoran · May 13, 2025 · May 10, 2025 · May 10, 2025 · May 10, 2025
diff --git a/apps/client/package.json b/apps/client/package.json
@@ -23,12 +23,12 @@
     "@popperjs/core": "2.11.8",
     "@triliumnext/ckeditor5": "workspace:*",
     "@triliumnext/commons": "workspace:*",
+    "@triliumnext/codemirror": "workspace:*",
     "bootstrap": "5.3.6",
     "dayjs": "1.11.13",
     "dayjs-plugin-utc": "0.1.2",
     "debounce": "2.2.0",
     "draggabilly": "3.0.0",
-    "eslint-linter-browserify": "9.26.0",
     "force-graph": "1.49.5",
     "globals": "16.1.0",
     "i18next": "25.1.2",

diff --git a/apps/client/src/components/note_context.ts b/apps/client/src/components/note_context.ts
@@ -11,6 +11,7 @@ import type { ViewScope } from "../services/link.js";
 import type FNote from "../entities/fnote.js";
 import type TypeWidget from "../widgets/type_widgets/type_widget.js";
 import type { CKTextEditor } from "@triliumnext/ckeditor5";
+import type CodeMirror from "@triliumnext/codemirror";
 
 export interface SetNoteOpts {
     triggerSwitchEvent?: unknown;
@@ -312,7 +313,7 @@ class NoteContext extends Component implements EventListener<"entitiesReloaded">
 
     async getCodeEditor() {
         return this.timeout(
-            new Promise<CodeMirrorInstance>((resolve) =>
+            new Promise<CodeMirror>((resolve) =>
                 appContext.triggerCommand("executeWithCodeEditor", {
                     resolve,
                     ntxId: this.ntxId

diff --git a/apps/client/src/libraries/codemirror/eslint.js b/apps/client/src/libraries/codemirror/eslint.js
diff --git a/apps/client/src/services/glob.ts b/apps/client/src/services/glob.ts
@@ -5,7 +5,6 @@ import libraryLoader from "./library_loader.js";
 import ws from "./ws.js";
 import froca from "./froca.js";
 import linkService from "./link.js";
-import { lint } from "./eslint.js";
 
 function setupGlobs() {
     window.glob.isDesktop = utils.isDesktop;
@@ -19,7 +18,6 @@ function setupGlobs() {
     // required for ESLint plugin and CKEditor
     window.glob.getActiveContextNote = () => appContext.tabManager.getActiveContextNote();
     window.glob.requireLibrary = libraryLoader.requireLibrary;
-    window.glob.linter = lint;
     window.glob.appContext = appContext; // for debugging
     window.glob.froca = froca;
     window.glob.treeCache = froca; // compatibility for CKEditor builds for a while

diff --git a/apps/client/src/services/library_loader.ts b/apps/client/src/services/library_loader.ts
@@ -7,37 +7,6 @@ export interface Library {
     css?: string[];
 }
 
-const CODE_MIRROR: Library = {
-    js: () => {
-        const scriptsToLoad = [
-            "node_modules/codemirror/lib/codemirror.js",
-            "node_modules/codemirror/addon/display/placeholder.js",
-            "node_modules/codemirror/addon/edit/matchbrackets.js",
-            "node_modules/codemirror/addon/edit/matchtags.js",
-            "node_modules/codemirror/addon/fold/xml-fold.js",
-            "node_modules/codemirror/addon/lint/lint.js",
-            "node_modules/codemirror/addon/mode/loadmode.js",
-            "node_modules/codemirror/addon/mode/multiplex.js",
-            "node_modules/codemirror/addon/mode/overlay.js",
-            "node_modules/codemirror/addon/mode/simple.js",
-            "node_modules/codemirror/addon/search/match-highlighter.js",
-            "node_modules/codemirror/mode/meta.js",
-            "node_modules/codemirror/keymap/vim.js",
-            "libraries/codemirror/eslint.js"
-        ];
-
-        const mimeTypes = mimeTypesService.getMimeTypes();
-        for (const mimeType of mimeTypes) {
-            if (mimeType.enabled && mimeType.codeMirrorSource) {
-                scriptsToLoad.push(mimeType.codeMirrorSource);
-            }
-        }
-
-        return scriptsToLoad;
-    },
-    css: ["node_modules/codemirror/lib/codemirror.css", "node_modules/codemirror/addon/lint/lint.css"]
-};
-
 const KATEX: Library = {
     js: ["node_modules/katex/dist/katex.min.js", "node_modules/katex/dist/contrib/mhchem.min.js", "node_modules/katex/dist/contrib/auto-render.min.js"],
     css: ["node_modules/katex/dist/katex.min.css"]
@@ -152,7 +121,6 @@ export default {
     requireCss,
     requireLibrary,
     loadHighlightingTheme,
-    CODE_MIRROR,
     KATEX,
     HIGHLIGHT_JS
 };
diff --git a/apps/client/src/services/mime_type_definitions.ts b/apps/client/src/services/mime_type_definitions.ts
@@ -68,6 +68,7 @@ export const MIME_TYPES_DICT: readonly MimeTypeDefinition[] = Object.freeze([
     { title: "Forth", mime: "text/x-forth" },
     { title: "Fortran", mime: "text/x-fortran", highlightJs: "fortran" },
     { title: "Gas", mime: "text/x-gas" },
+    { title: "GDScript (Godot)", mime: "text/x-gdscript" },
     { title: "Gherkin", mime: "text/x-feature", highlightJs: "gherkin" },
     { title: "GitHub Flavored Markdown", mime: "text/x-gfm", highlightJs: "markdown" },
     { title: "Go", mime: "text/x-go", highlightJs: "go", default: true },
@@ -106,6 +107,7 @@ export const MIME_TYPES_DICT: readonly MimeTypeDefinition[] = Object.freeze([
     { title: "msgenny", mime: "text/x-msgenny" },
     { title: "MUMPS", mime: "text/x-mumps" },
     { title: "MySQL", mime: "text/x-mysql", highlightJs: "sql" },
+    { title: "Nix", mime: "text/x-nix", highlightJs: "nix" },
     { title: "Nginx", mime: "text/x-nginx-conf", highlightJs: "nginx" },
     { title: "NSIS", mime: "text/x-nsis", highlightJs: "nsis" },
     { title: "NTriples", mime: "application/n-triples" },

diff --git a/apps/client/src/stylesheets/style.css b/apps/client/src/stylesheets/style.css
@@ -420,33 +420,24 @@ body.desktop #context-menu-container .dropdown-item > span {
     width: 100%;
 }
 
-.CodeMirror {
+.cm-editor {
     height: 100%;
-    background: inherit;
+    outline: none !important;
+    border-radius: 6px;
+    overflow: hidden;
+    margin: 4px;
 }
 
-body .CodeMirror {
+body .cm-editor {
     font-size: var(--monospace-font-size);
 }
 
-.CodeMirror-gutters {
+body .cm-editor .cm-gutters {
     background-color: inherit !important;
     border-right: none;
 }
 
-.cm-matchhighlight {
-    background-color: #eeeeee;
-}
-
-.cm-matchhighlight.ck-find-result{
-    background: var(--ck-color-highlight-background);
-}
-
-.cm-matchhighlight.ck-find-result_selected {
-    background-color: #ff9633;
-}
-
-.CodeMirror pre.CodeMirror-placeholder {
+body .cm-editor .cm-placeholder {
     color: #999 !important;
 }
 
@@ -457,11 +448,11 @@ body .CodeMirror {
     margin-bottom: 10px;
 }
 
-#sql-console-query .CodeMirror {
+#sql-console-query .cm-editor {
     height: 150px;
 }
 
-#sql-console-query .CodeMirror-scroll {
+#sql-console-query .cm-editor .cm-scroller {
     min-height: inherit !important;
 }
 
@@ -524,7 +515,7 @@ button.btn-sm {
     padding: 0;
 }
 
-pre:not(.CodeMirror-line):not(.hljs) {
+pre:not(.hljs) {
     color: var(--main-text-color) !important;
     white-space: pre-wrap;
     font-size: 100%;

diff --git a/apps/client/src/stylesheets/theme-dark.css b/apps/client/src/stylesheets/theme-dark.css
@@ -81,10 +81,6 @@ body ::-webkit-calendar-picker-indicator {
     filter: invert(1);
 }
 
-body .CodeMirror {
-    filter: invert(90%) hue-rotate(180deg);
-}
-
 .excalidraw.theme--dark {
     --theme-filter: invert(80%) hue-rotate(180deg) !important;
 }

diff --git a/apps/client/src/stylesheets/theme-next-dark.css b/apps/client/src/stylesheets/theme-next-dark.css
@@ -244,10 +244,6 @@ body ::-webkit-calendar-picker-indicator {
     filter: invert(1);
 }
 
-body .CodeMirror {
-    filter: invert(90%) hue-rotate(180deg);
-}
-
 .excalidraw.theme--dark {
     --theme-filter: invert(80%) hue-rotate(180deg) !important;
 }

diff --git a/apps/client/src/translations/cn/translation.json b/apps/client/src/translations/cn/translation.json
@@ -1616,7 +1616,7 @@
     "auto-detect-language": "自动检测"
   },
   "highlighting": {
-    "title": "文本笔记的代码语法高亮",
+    "title": "",
     "description": "控制文本笔记中代码块的语法高亮，代码笔记不会受到影响。",
     "color-scheme": "颜色方案"
   },

diff --git a/apps/client/src/translations/de/translation.json b/apps/client/src/translations/de/translation.json
@@ -1568,7 +1568,7 @@
     "auto-detect-language": "Automatisch erkannt"
   },
   "highlighting": {
-    "title": "Code-Syntax-Hervorhebung für Textnotizen",
+    "title": "",
     "description": "Steuert die Syntaxhervorhebung für Codeblöcke in Textnotizen, Code-Notizen sind nicht betroffen.",
     "color-scheme": "Farbschema"
   },

diff --git a/apps/client/src/translations/en/translation.json b/apps/client/src/translations/en/translation.json
@@ -1247,13 +1247,11 @@
     "reprocessing_embeddings": "Reprocessing...",
     "reprocess_started": "Embedding reprocessing started in the background",
     "reprocess_error": "Error starting embedding reprocessing",
-
     "reprocess_index": "Rebuild Search Index",
     "reprocess_index_description": "Optimize the search index for better performance. This uses existing embeddings without regenerating them (much faster than reprocessing all embeddings).",
     "reprocessing_index": "Rebuilding...",
     "reprocess_index_started": "Search index optimization started in the background",
     "reprocess_index_error": "Error rebuilding search index",
-
     "index_rebuild_progress": "Index Rebuild Progress",
     "index_rebuilding": "Optimizing index ({{percentage}}%)",
     "index_rebuild_complete": "Index optimization complete",
@@ -1824,7 +1822,7 @@
     "auto-detect-language": "Auto-detected"
   },
   "highlighting": {
-    "title": "Code Syntax Highlighting for Text Notes",
+    "title": "Code Blocks",
     "description": "Controls the syntax highlighting for code blocks inside text notes, code notes will not be affected.",
     "color-scheme": "Color Scheme"
   },
@@ -1953,5 +1951,10 @@
   },
   "svg": {
     "export_to_png": "The diagram could not be exported to PNG."
+  },
+  "code_theme": {
+    "title": "Appearance",
+    "word_wrapping": "Word wrapping",
+    "color-scheme": "Color scheme"
   }
 }
diff --git a/apps/client/src/translations/es/translation.json b/apps/client/src/translations/es/translation.json
@@ -1584,7 +1584,7 @@
     "auto-detect-language": "Detectado automáticamente"
   },
   "highlighting": {
-    "title": "Resaltado de sintaxis de de código para Notas de Texto",
+    "title": "",
     "description": "Controla el resaltado de sintaxis para bloques de código dentro de las notas de texto, las notas de código no serán afectadas.",
     "color-scheme": "Esquema de color"
   },

diff --git a/apps/client/src/translations/fr/translation.json b/apps/client/src/translations/fr/translation.json
@@ -1574,7 +1574,7 @@
     "auto-detect-language": "Détecté automatiquement"
   },
   "highlighting": {
-    "title": "Coloration syntaxique du code pour les notes texte",
+    "title": "",
     "description": "Contrôle la coloration syntaxique des blocs de code à l'intérieur des notes texte, les notes de code ne seront pas affectées.",
     "color-scheme": "Jeu de couleurs"
   },

diff --git a/apps/client/src/translations/ro/translation.json b/apps/client/src/translations/ro/translation.json
@@ -1581,7 +1581,7 @@
   },
   "highlighting": {
     "color-scheme": "Temă de culori",
-    "title": "Evidențiere de sintaxă pentru notițele de tip text",
+    "title": "",
     "description": "Controlează evidențierea de sintaxă pentru blocurile de cod în interiorul notițelor text, notițele de tip cod nu vor fi afectate de aceste setări."
   },
   "code_block": {

diff --git a/apps/client/src/translations/tw/translation.json b/apps/client/src/translations/tw/translation.json
@@ -1514,7 +1514,7 @@
     "auto-detect-language": "自動檢測"
   },
   "highlighting": {
-    "title": "文字筆記的程式碼語法高亮",
+    "title": "",
     "description": "控制文字筆記中程式碼塊的語法高亮，程式碼筆記不會受到影響。",
     "color-scheme": "顏色方案"
   },