refactor(server): remove dependency on codemirror project

apps/client/src/widgets/type_widgets/options/code_notes/code_theme.ts

@@ -4,6 +4,7 @@ import server from "../../../../services/server";
 import CodeMirror, { getThemeById } from "@triliumnext/codemirror";
 import { DEFAULT_PREFIX } from "../../abstract_code_type_widget";
 import { t } from "../../../../services/i18n";
+import { ColorThemes } from "@triliumnext/codemirror";
 
 // TODO: Deduplicate
 interface Theme {
@@ -129,6 +130,15 @@ export default class CodeTheme extends OptionsWidget {
             const newTheme = String(this.$themeSelect.val());
             await server.put(`options/codeNoteTheme/${newTheme}`);
         });
+
+        // Populate the list of themes.
+        for (const theme of ColorThemes) {
+            const option = $("<option>")
+                .attr("value", `default:${theme.id}`)
+                .text(theme.name);
+            this.$themeSelect.append(option);
+        }
+
         this.$sampleEl = this.$widget.find(".note-detail-readonly-code-content");
         this.$lineWrapEnabled = this.$widget.find(".word-wrap");
         this.$lineWrapEnabled.on("change", () => this.updateCheckboxOption("codeLineWrapEnabled", this.$lineWrapEnabled));
@@ -155,14 +165,6 @@ export default class CodeTheme extends OptionsWidget {
     }
 
     async optionsLoaded(options: OptionMap) {
-        const themes = await server.get<Response>("options/codenote-themes");
-        this.$themeSelect.empty();
-
-        for (const theme of themes) {
-            const option = $("<option>").attr("value", theme.val).text(theme.title);
-            this.$themeSelect.append(option);
-        }
-
         this.$themeSelect.val(options.codeNoteTheme);
         this.#setupPreview(options);
         this.setCheckboxState(this.$lineWrapEnabled, options.codeLineWrapEnabled);

apps/server/src/routes/api/options.ts

@@ -8,7 +8,6 @@ import type { Request } from "express";
 import { changeLanguage, getLocales } from "../../services/i18n.js";
 import { listSyntaxHighlightingThemes } from "../../services/code_block_theme.js";
 import type { OptionNames } from "@triliumnext/commons";
-import { ColorThemes } from "@triliumnext/codemirror";
 
 // options allowed to be updated directly in the Options dialog
 const ALLOWED_OPTIONS = new Set<OptionNames>([
@@ -195,13 +194,6 @@ function getSyntaxHighlightingThemes() {
     return listSyntaxHighlightingThemes();
 }
 
-function getCodeNoteThemes() {
-    return ColorThemes.map((theme) => ({
-        val: `default:${theme.id}`,
-        title: theme.name
-    }));
-}
-
 function getSupportedLocales() {
     return getLocales();
 }
@@ -219,6 +211,5 @@ export default {
     updateOptions,
     getUserThemes,
     getSyntaxHighlightingThemes,
-    getCodeNoteThemes,
     getSupportedLocales
 };

apps/server/src/routes/routes.ts

@@ -245,7 +245,6 @@ function register(app: express.Application) {
     apiRoute(PUT, "/api/options", optionsApiRoute.updateOptions);
     apiRoute(GET, "/api/options/user-themes", optionsApiRoute.getUserThemes);
     apiRoute(GET, "/api/options/codeblock-themes", optionsApiRoute.getSyntaxHighlightingThemes);
-    apiRoute(GET, "/api/options/codenote-themes", optionsApiRoute.getCodeNoteThemes)
     apiRoute(GET, "/api/options/locales", optionsApiRoute.getSupportedLocales);
 
     apiRoute(PST, "/api/password/change", passwordApiRoute.changePassword);

apps/server/tsconfig.app.json

@@ -36,9 +36,6 @@
     {
       "path": "../../packages/ckeditor5/tsconfig.lib.json"
     },
-    {
-      "path": "../../packages/codemirror/tsconfig.lib.json"
-    },
     {
       "path": "../../packages/turndown-plugin-gfm/tsconfig.lib.json"
     },

apps/server/tsconfig.json

@@ -6,9 +6,6 @@
     {
       "path": "../../packages/ckeditor5"
     },
-    {
-      "path": "../../packages/codemirror"
-    },
     {
       "path": "../../packages/turndown-plugin-gfm"
     },