Merge remote-tracking branch 'origin/develop' into share-fix

2025-08-10 18:39:22 +08:00 · 2025-01-17 23:19:53 +02:00 · 2025-01-17 23:19:53 +02:00 · 59d8def2c5
commit 59d8def2c5
parent b8f15d2fe3 f96ab6da57
47 changed files with 2043 additions and 1472 deletions
--- a/.github/workflows/main.yml
+++ b/.github/workflows/main.yml
@ -72,9 +72,18 @@ jobs:
        with:
          name: TriliumNextNotes ${{ matrix.os.name }} ${{ matrix.arch }}.${{matrix.os.extension}}
          path: upload/*.${{ matrix.os.extension }}
-  build_linux_server-x64:
-    name: Build Linux Server x86_64
-    runs-on: ubuntu-latest
+  build_linux_server:
+    name: Build Linux Server
+    strategy:
+      fail-fast: false
+      matrix:
+        arch: [x64, arm64]
+        include:
+          - arch: x64
+            runs-on: ubuntu-latest
+          - arch: arm64
+            runs-on: ubuntu-24.04-arm
+    runs-on: ${{ matrix.runs-on }}
    steps:
      - uses: actions/checkout@v4
      - name: Set up node & dependencies
@ -84,17 +93,18 @@ jobs:
          cache: "npm"
      - name: Install dependencies
        run: npm ci
-      - name: Run Linux server build (x86_64)
+      - name: Run Linux server build
+        env:
+          MATRIX_ARCH: ${{ matrix.arch }}
        run: |
          npm run update-build-info
          ./bin/build-server.sh
      - name: Prepare artifacts
-        if: runner.os != 'windows'
        run: |
          mkdir -p upload
          file=$(find dist -name '*.tar.xz' -print -quit)
-          cp "$file" "upload/TriliumNextNotes-linux-x64-${{ github.ref_name }}.tar.xz"
+          cp "$file" "upload/TriliumNextNotes-linux-${{ matrix.arch }}-${{ github.ref_name }}.tar.xz"
      - uses: actions/upload-artifact@v4
        with:
-          name: TriliumNextNotes linux server x64
-          path: upload/TriliumNextNotes-linux-x64-${{ github.ref_name }}.tar.xz
+          name: TriliumNextNotes linux server ${{ matrix.arch }}
+          path: upload/TriliumNextNotes-linux-${{ matrix.arch }}-${{ github.ref_name }}.tar.xz
--- a/.gitignore
+++ b/.gitignore
@ -2,6 +2,7 @@
 node_modules/
 dist/
 build/
+coverage/
 src/public/app-dist/
 npm-debug.log
 yarn-error.log
--- a/bin/build-server.sh
+++ b/bin/build-server.sh
@ -2,21 +2,57 @@

 set -e  # Fail on any command error

-PKG_DIR=dist/trilium-linux-x64-server
+# Debug output
+echo "Matrix Arch: $MATRIX_ARCH"
+
+# Detect architecture from matrix input, fallback to system architecture
+if [ -n "$MATRIX_ARCH" ]; then
+    ARCH=$MATRIX_ARCH
+else
+    ARCH=$(uname -m)
+    # Convert system architecture to our naming convention
+    case $ARCH in
+        x86_64) ARCH="x64" ;;
+        aarch64) ARCH="arm64" ;;
+    esac
+fi
+
+# Debug output
+echo "Selected Arch: $ARCH"
+
+# Set Node.js version and architecture-specific filename
 NODE_VERSION=20.15.1
+NODE_ARCH=$ARCH
+
+# Debug output
+echo "Node arch: $NODE_ARCH"
+
+# Special case for x64 in Node.js downloads
+if [ "$NODE_ARCH" = "x64" ]; then
+    NODE_FILENAME="x64"
+elif [ "$NODE_ARCH" = "arm64" ]; then
+    NODE_FILENAME="arm64"
+fi
+
+# Debug output
+echo "Node filename: $NODE_FILENAME"
+
+PKG_DIR=dist/trilium-linux-${ARCH}-server
+echo "Package directory: $PKG_DIR"

 if [ "$1" != "DONTCOPY" ]
 then
-    ./bin/copy-trilium.sh $PKG_DIR
+    # Need to modify copy-trilium.sh to accept the target directory
+    ./bin/copy-trilium.sh "$PKG_DIR"
 fi

 cd dist
-wget https://nodejs.org/dist/v${NODE_VERSION}/node-v${NODE_VERSION}-linux-x64.tar.xz
-tar xfJ node-v${NODE_VERSION}-linux-x64.tar.xz
-rm node-v${NODE_VERSION}-linux-x64.tar.xz
+wget https://nodejs.org/dist/v${NODE_VERSION}/node-v${NODE_VERSION}-linux-${NODE_FILENAME}.tar.xz
+tar xfJ node-v${NODE_VERSION}-linux-${NODE_FILENAME}.tar.xz
+rm node-v${NODE_VERSION}-linux-${NODE_FILENAME}.tar.xz
 cd ..

-mv dist/node-v${NODE_VERSION}-linux-x64 $PKG_DIR/node
+mv dist/node-v${NODE_VERSION}-linux-${NODE_FILENAME} $PKG_DIR/node

 rm -r $PKG_DIR/node/lib/node_modules/npm
 rm -r $PKG_DIR/node/include/node
@ -37,4 +73,4 @@ VERSION=`jq -r ".version" package.json`

 cd dist

-tar cJf trilium-linux-x64-server-${VERSION}.tar.xz trilium-linux-x64-server
+tar cJf trilium-linux-${ARCH}-server-${VERSION}.tar.xz trilium-linux-${ARCH}-server
--- a/bin/copy-dist.ts
+++ b/bin/copy-dist.ts
@ -76,7 +76,6 @@ const copy = async () => {
        "node_modules/@excalidraw/excalidraw/dist/",
        "node_modules/katex/dist/",
        "node_modules/dayjs/",
-        "node_modules/force-graph/dist/",
        "node_modules/boxicons/css/",
        "node_modules/boxicons/fonts/",
        "node_modules/mermaid/dist/",
--- a/dump-db/inc/data_key.ts
+++ b/dump-db/inc/data_key.ts
@ -12,7 +12,7 @@ function getDataKey(password: any) {

        const encryptedDataKey = getOption("encryptedDataKey");

-        const decryptedDataKey = decryptService.decrypt(passwordDerivedKey, encryptedDataKey, 16);
+        const decryptedDataKey = decryptService.decrypt(passwordDerivedKey, encryptedDataKey);

        return decryptedDataKey;
    } catch (e: any) {
--- a/dump-db/inc/decrypt.ts
+++ b/dump-db/inc/decrypt.ts
@ -16,7 +16,7 @@ function decryptString(dataKey: any, cipherText: any) {
    return str;
 }

-function decrypt(key: any, cipherText: any, ivLength = 13) {
+function decrypt(key: any, cipherText: any) {
    if (cipherText === null) {
        return null;
    }
@ -27,6 +27,8 @@ function decrypt(key: any, cipherText: any, ivLength = 13) {

    try {
        const cipherTextBufferWithIv = Buffer.from(cipherText.toString(), "base64");
+        // old encrypted data can have IV of length 13, see some details here: https://github.com/zadam/trilium/issues/3017
+        const ivLength = cipherTextBufferWithIv.length % 16 === 0 ? 16 : 13;
        const iv = cipherTextBufferWithIv.slice(0, ivLength);

        const cipherTextBuffer = cipherTextBufferWithIv.slice(ivLength);
--- a/e2e/help.spec.ts
+++ b/e2e/help.spec.ts
@ -0,0 +1,27 @@
+import { test, expect, Page } from "@playwright/test";
+import App from "./support/app";
+
+test("Help popup", async ({ page, context }) => {
+    page.setDefaultTimeout(15_000);
+
+    const app = new App(page, context);
+    await app.goto();
+
+    const popupPromise = page.waitForEvent("popup");
+    await app.currentNoteSplit.press("F1");
+    await page.getByRole("link", { name: "online↗" }).click();
+    const popup = await popupPromise;
+    expect(popup.url()).toBe("https://triliumnext.github.io/Docs/");
+});
+
+test("Complete help in search", async ({ page, context }) => {
+    const app = new App(page, context);
+    await app.goto();
+
+    await app.launcherBar.locator(".bx-search").first().click();
+    await app.currentNoteSplit.locator(".search-settings .bx-help-circle").click();
+    const popupPromise = page.waitForEvent("popup");
+    await page.getByRole("link", { name: "complete help on search syntax" }).click();
+    const popup = await popupPromise;
+    expect(popup.url()).toBe("https://triliumnext.github.io/Docs/Wiki/search.html");
+});
--- a/e2e/note_types/mermaid.spec.ts
+++ b/e2e/note_types/mermaid.spec.ts
@ -0,0 +1,67 @@
+import { test, expect, Page, BrowserContext } from "@playwright/test";
+import App from "../support/app";
+
+test("renders ELK flowchart", async ({ page, context }) => {
+    await testAriaSnapshot({
+        page, context,
+        noteTitle: "Flowchart ELK on",
+        snapshot: `
+            - document:
+                - paragraph: A
+                - paragraph: B
+                - paragraph: C
+                - paragraph: Guarantee
+                - paragraph: User attributes
+                - paragraph: Master data
+                - paragraph: Exchange Rate
+                - paragraph: Profit Centers
+                - paragraph: Vendor Partners
+                - paragraph: Work Situation
+                - paragraph: Customer
+                - paragraph: Profit Centers
+                - paragraph: Guarantee
+                - text: Interfaces for B
+        `
+    })
+});
+
+test("renders standard flowchart", async ({ page, context }) => {
+    await testAriaSnapshot({
+        page, context,
+        noteTitle: "Flowchart ELK off",
+        snapshot: `
+            - document:
+                - paragraph: Guarantee
+                - paragraph: User attributes
+                - paragraph: Master data
+                - paragraph: Exchange Rate
+                - paragraph: Profit Centers
+                - paragraph: Vendor Partners
+                - paragraph: Work Situation
+                - paragraph: Customer
+                - paragraph: Profit Centers
+                - paragraph: Guarantee
+                - paragraph: A
+                - paragraph: B
+                - paragraph: C
+                - text: Interfaces for B
+        `
+    })
+});
+
+interface AriaTestOpts {
+    page: Page;
+    context: BrowserContext;
+    noteTitle: string;
+    snapshot: string;
+}
+
+async function testAriaSnapshot({ page, context, noteTitle, snapshot }: AriaTestOpts) {
+    const app = new App(page, context);
+    await app.goto();
+    await app.goToNoteInNewTab(noteTitle);
+
+    const svgData = app.currentNoteSplit.locator(".mermaid-render svg");
+    await expect(svgData).toBeVisible();
+    await expect(svgData).toMatchAriaSnapshot(snapshot);
+}
--- a/e2e/note_types/mindmap.spec.ts
+++ b/e2e/note_types/mindmap.spec.ts
@ -1,4 +1,4 @@
-import { test, expect, Page } from "@playwright/test";
+import { test, expect } from "@playwright/test";
 import App from "../support/app";

 test("displays simple map", async ({ page, context }) => {
--- a/e2e/note_types/note_map.spec.ts
+++ b/e2e/note_types/note_map.spec.ts
@ -0,0 +1,9 @@
+import { test, expect } from "@playwright/test";
+import App from "../support/app";
+
+test("renders global map", async ({ page, context }) => {
+    const app = new App(page, context);
+    await app.goto();
+    await app.launcherBar.locator(".launcher-button.bx-map-alt").click();
+    await expect(app.currentNoteSplit.locator(".force-graph-container canvas")).toBeVisible();
+});
--- a/e2e/note_types/text.spec.ts
+++ b/e2e/note_types/text.spec.ts
@ -49,3 +49,20 @@ test("Highlights list is displayed", async ({ page, context }) => {
        await expect(rootList.locator("li").nth(index++)).toContainText(highlightedEl);
    }
 });
+
+test("Displays math popup", async ({ page, context }) => {
+    const app = new App(page, context);
+    await app.goto();
+    await app.goToNoteInNewTab("Empty text");
+    const noteContent = app.currentNoteSplit.locator(".note-detail-editable-text-editor")
+    await noteContent.fill("Hello world");
+    await noteContent.press("ControlOrMeta+M");
+
+    const mathForm = page.locator(".ck-math-form");
+    await expect(mathForm).toBeVisible();
+
+    await mathForm.locator(".ck-input").first().fill("e=mc^2");
+
+    const preview = page.locator('[id^="math-preview"]');
+    await expect(preview).toMatchAriaSnapshot("- math: e = m c 2");
+});
--- a/e2e/support/app.ts
+++ b/e2e/support/app.ts
@ -13,6 +13,7 @@ export default class App {

    readonly tabBar: Locator;
    readonly noteTree: Locator;
+    readonly launcherBar: Locator;
    readonly currentNoteSplit: Locator;
    readonly sidebar: Locator;

@ -22,6 +23,7 @@ export default class App {

        this.tabBar = page.locator(".tab-row-widget-container");
        this.noteTree = page.locator(".tree-wrapper");
+        this.launcherBar = page.locator("#launcher-container");
        this.currentNoteSplit = page.locator(".note-split:not(.hidden-ext)")
        this.sidebar = page.locator("#right-pane");
    }
--- a/integration-tests/db/document.db
+++ b/integration-tests/db/document.db
--- a/integration-tests/help.spec.ts
+++ b/integration-tests/help.spec.ts
@ -1,23 +0,0 @@
-import test, { expect } from "@playwright/test";
-
-test("Help popup", async ({ page }) => {
-    await page.goto("http://localhost:8082");
-    await page.getByText("Trilium Integration Test DB").click();
-
-    await page.locator("body").press("F1");
-    await page.getByRole("link", { name: "online↗" }).click();
-    expect((await page.waitForEvent("popup")).url()).toBe("https://triliumnext.github.io/Docs/");
-});
-
-test("Complete help in search", async ({ page }) => {
-    await page.goto("http://localhost:8082");
-
-    // Clear all tabs
-    await page.locator(".note-tab:first-of-type").locator("div").nth(1).click({ button: "right" });
-    await page.getByText("Close all tabs").click();
-
-    await page.locator("#launcher-container").getByRole("button", { name: "" }).first().click();
-    await page.getByRole("cell", { name: " " }).locator("span").first().click();
-    await page.getByRole("button", { name: "complete help on search syntax" }).click();
-    expect((await page.waitForEvent("popup")).url()).toBe("https://triliumnext.github.io/Docs/Wiki/search.html");
-});
--- a/integration-tests/katex.disabled.ts
+++ b/integration-tests/katex.disabled.ts
@ -1,17 +0,0 @@
-import { test, expect } from "@playwright/test";
-
-const ROOT_URL = "http://localhost:8080";
-const LOGIN_PASSWORD = "eliandoran";
-
-test("Can insert equations", async ({ page }) => {
-    await page.setDefaultTimeout(60_000);
-    await page.setDefaultNavigationTimeout(60_000);
-
-    // Create a new note
-    // await page.locator("button.button-widget.bx-file-blank")
-    //     .click();
-
-    const activeNote = page.locator(".component.note-split:visible");
-    const noteContent = activeNote.locator(".note-detail-editable-text-editor");
-    await noteContent.press("Ctrl+M");
-});
--- a/libraries/mermaid-elk/elk.min.js
+++ b/libraries/mermaid-elk/elk.min.js
--- a/libraries/mermaid-elk/package-lock.json
+++ b/libraries/mermaid-elk/package-lock.json
@ -1,13 +0,0 @@
-{
-  "name": "mermaid-elk",
-  "version": "1.0.0",
-  "lockfileVersion": 3,
-  "requires": true,
-  "packages": {
-    "": {
-      "name": "mermaid-elk",
-      "version": "1.0.0",
-      "license": "ISC"
-    }
-  }
-}
--- a/libraries/mermaid-elk/package.json
+++ b/libraries/mermaid-elk/package.json
@ -1,13 +0,0 @@
-{
-  "name": "mermaid-elk",
-  "version": "1.0.0",
-  "main": "index.js",
-  "scripts": {
-    "build": "cross-env node --import ../../loader-register.js ../../node_modules/webpack/bin/webpack.js -c webpack.config.cjs"
-  },
-  "keywords": [],
-  "author": "",
-  "license": "ISC",
-  "description": "",
-  "dependencies": {}
-}
--- a/libraries/mermaid-elk/webpack.config.cjs
+++ b/libraries/mermaid-elk/webpack.config.cjs
@ -1,19 +0,0 @@
-const path = require("path");
-const webpack = require("webpack");
-
-module.exports = {
-    mode: "production",
-    entry: "../../node_modules/@mermaid-js/layout-elk/dist/mermaid-layout-elk.esm.min.mjs",
-    output: {
-        library: "MERMAID_ELK",
-        filename: "elk.min.js",
-        path: path.resolve(__dirname),
-        libraryTarget: "umd",
-        libraryExport: "default"
-    },
-    plugins: [
-        new webpack.optimize.LimitChunkCountPlugin({
-            maxChunks: 1
-        })
-    ]
-}
--- a/loader-register.js
+++ b/loader-register.js
@ -1,10 +0,0 @@
-// Used to register the loader with Node.js
-// This is used to avoid the warning message when using the loader
-// Can be removed if this PR is merged:
-// https://github.com/TypeStrong/ts-node/pull/2073
-// Then probably can change webpack comand to
-// "webpack": "cross-env NODE_OPTIONS=--import=ts-node/esm webpack -c webpack.config.ts",
-
-import { register } from "node:module";
-import { pathToFileURL } from "node:url";
-register("ts-node/esm", pathToFileURL("./"));
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -35,11 +35,10 @@
    "build-backend-docs": "rimraf ./docs/backend_api && typedoc ./docs/backend_api src/becca/entities/*.ts src/services/backend_script_api.ts src/services/sql.ts",
    "build-frontend-docs": "rimraf ./docs/frontend_api && jsdoc -c jsdoc-conf.json -d ./docs/frontend_api src/public/app/entities/*.js src/public/app/services/frontend_script_api.js src/public/app/widgets/basic_widget.js src/public/app/widgets/note_context_aware_widget.js src/public/app/widgets/right_panel_widget.js",
    "build-docs": "npm run build-backend-docs && npm run build-frontend-docs",
-    "webpack": "cross-env node --import ./loader-register.js node_modules/webpack/bin/webpack.js -c webpack.config.ts",
+    "webpack": "tsx node_modules/webpack/bin/webpack.js -c webpack.config.ts",
    "test-playwright": "playwright test",
-    "test-jasmine": "cross-env TRILIUM_DATA_DIR=./data-test tsx ./node_modules/jasmine/bin/jasmine.js",
-    "test-es6": "tsx -r esm spec-es6/attribute_parser.spec.ts",
-    "test": "npm run test-jasmine && npm run test-es6",
+    "test": "cross-env TRILIUM_DATA_DIR=./data-test vitest",
+    "test-coverage": "cross-env TRILIUM_DATA_DIR=./data-test vitest --coverage",
    "start-electron-forge": "npm run prepare-dist && electron-forge start",
    "make-electron": "npm run webpack && npm run prepare-dist && electron-forge make",
    "package-electron": "electron-forge package",
@ -89,8 +88,8 @@
    "express": "4.21.2",
    "express-rate-limit": "7.5.0",
    "express-session": "1.18.1",
-    "force-graph": "1.47.2",
-    "fs-extra": "11.2.0",
+    "force-graph": "1.49.0",
+    "fs-extra": "11.3.0",
    "helmet": "8.0.0",
    "html": "1.0.0",
    "html2plaintext": "2.1.4",
@ -110,7 +109,7 @@
    "jquery.fancytree": "2.38.4",
    "jsdom": "26.0.0",
    "jsplumb": "2.15.6",
-    "katex": "0.16.19",
+    "katex": "0.16.20",
    "knockout": "3.5.1",
    "mark.js": "8.11.1",
    "marked": "15.0.6",
@ -189,10 +188,10 @@
    "@types/ws": "8.5.13",
    "@types/xml2js": "0.4.14",
    "@types/yargs": "17.0.33",
+    "@vitest/coverage-v8": "3.0.2",
    "cross-env": "7.0.3",
    "electron": "34.0.0",
    "esm": "3.2.25",
-    "iconsur": "1.7.0",
    "jasmine": "5.5.0",
    "jsdoc": "4.0.4",
    "lorem-ipsum": "2.0.8",
@ -200,11 +199,11 @@
    "prettier": "3.4.2",
    "rcedit": "4.0.1",
    "rimraf": "6.0.1",
-    "ts-node": "10.9.2",
    "tslib": "2.8.1",
    "tsx": "4.19.2",
    "typedoc": "0.27.6",
    "typescript": "5.7.3",
+    "vitest": "3.0.2",
    "webpack": "5.97.1",
    "webpack-cli": "6.0.1",
    "webpack-dev-middleware": "7.4.2"
--- a/spec-es6/attribute_parser.spec.ts
+++ b/spec-es6/attribute_parser.spec.ts
@ -1,6 +1,6 @@
-import * as attributeParser from "../src/public/app/services/attribute_parser.js";
+import { describe, it, expect } from "vitest";
+import attributeParser from "../src/public/app/services/attribute_parser.ts";

-import { describe, it, expect, execute } from "./mini_test.js";

 describe("Lexing", () => {
    it("simple label", () => {
@ -40,7 +40,7 @@ describe("Lexing", () => {
    });
 });

-describe("Parser", () => {
+describe.todo("Parser", () => {
    it("simple label", () => {
        const attrs = attributeParser.parse(["#token"].map((t: any) => ({ text: t })));

@ -96,5 +96,3 @@ describe("error cases", () => {
        expect(() => attributeParser.lexAndParse("#")).toThrow(`Attribute name is empty, please fill the name.`);
    });
 });
-
-execute();
--- a/spec-es6/data_dir.spec.ts
+++ b/spec-es6/data_dir.spec.ts
@ -1,9 +1,8 @@
-import { describe, it, execute, expect } from "./mini_test.ts";
+import { describe, it, expect } from "vitest";

 import { getPlatformAppDataDir, getDataDirs} from "../src/services/data_dir.ts"


-
 describe("data_dir.ts unit tests", () => {

  describe("#getPlatformAppDataDir()", () => {
@ -65,7 +64,7 @@ describe("data_dir.ts unit tests", () => {

  })

-  describe("#getTriliumDataDir", () => {
+  describe.todo("#getTriliumDataDir", () => {
    // TODO
  })

@ -121,18 +120,37 @@ describe("data_dir.ts unit tests", () => {
      // make sure values are undefined
      setMockedEnv(null);

-      const mockDataDir = "/home/test/MOCK_TRILIUM_DATA_DIR"
-      const result = getDataDirs(mockDataDir);
+      const mockDataDirBase = "/home/test/MOCK_TRILIUM_DATA_DIR"
+      const result = getDataDirs(mockDataDirBase);

-      //@ts-expect-error - attempt to change value of readonly property
-      result.BACKUP_DIR = "attempt to change";
+      // as per MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze#description
+      // Any attempt to change a frozen object will, either silently be ignored or
+      // throw a TypeError exception (most commonly, but not exclusively, when in strict mode).
+      // so be safe and check for both, even though it looks weird

-      for (const key in result) {
-        expect(result[key].startsWith(mockDataDir)).toBeTruthy()
+      const getChangeAttemptResult = () => {
+        try {
+          //@ts-expect-error - attempt to change value of readonly property
+          result.BACKUP_DIR = "attempt to change";
+          return result.BACKUP_DIR;
+        }
+        catch(error) {
+          return error
+        }
      }
+
+      const changeAttemptResult = getChangeAttemptResult();
+
+      if (typeof changeAttemptResult === "string") {
+        // if it didn't throw above: assert that it did not change the value of it or any other keys of the object
+        for (const key in result) {
+          expect(result[key].startsWith(mockDataDirBase)).toBeTruthy()
+        }
+      } else {
+        expect(changeAttemptResult).toBeInstanceOf(TypeError)
+      }
+
    })
  })

 });
-
-execute()
--- a/spec-es6/mini_test.ts
+++ b/spec-es6/mini_test.ts
@ -1,79 +0,0 @@
-export function describe(name: string, cb: () => any) {
-    console.log(`Running ${name}`);
-
-    cb();
-}
-
-export async function it(name: string, cb: () => any) {
-    console.log(`      Running ${name}`);
-
-    cb();
-}
-
-let errorCount = 0;
-
-export function expect(val: any) {
-    return {
-        toEqual: (comparedVal: any) => {
-            const jsonVal = JSON.stringify(val);
-            const comparedJsonVal = JSON.stringify(comparedVal);
-
-            if (jsonVal !== comparedJsonVal) {
-                console.trace("toEqual check failed.");
-                console.error(`expected: ${comparedJsonVal}`);
-                console.error(`got:      ${jsonVal}`);
-
-                errorCount++;
-            }
-        },
-        toBeTruthy: () => {
-            if (!val) {
-                console.trace("toBeTruthy failed.");
-                console.error(`expected: truthy value`);
-                console.error(`got:      ${val}`);
-
-                errorCount++;
-            }
-        },
-        toBeFalsy: () => {
-            if (!!val) {
-                console.trace("toBeFalsy failed.");
-                console.error(`expected: null, false, undefined, 0 or empty string`);
-                console.error(`got:      ${val}`);
-
-                errorCount++;
-            }
-        },
-        toThrow: (errorMessage: any) => {
-            try {
-                val();
-            } catch (e: any) {
-                if (e.message !== errorMessage) {
-                    console.trace("toThrow caught exception, but messages differ");
-                    console.error(`expected: ${errorMessage}`);
-                    console.error(`got:      ${e.message}`);
-                    console.error(`${e.stack}`);
-
-                    errorCount++;
-                }
-
-                return;
-            }
-
-            console.trace("toThrow did not catch any exception.");
-            console.error(`expected: ${errorMessage}`);
-            console.error(`got:      [none]`);
-            errorCount++;
-        }
-    };
-}
-
-export function execute() {
-    console.log("");
-
-    if (errorCount) {
-        console.log(`!!!${errorCount} tests failed!!!`);
-    } else {
-        console.log("All tests passed!");
-    }
-}
--- a/spec-es6/sanitize_attribute_name.spec.ts
+++ b/spec-es6/sanitize_attribute_name.spec.ts
@ -1,5 +1,5 @@
+import { expect, describe, it } from "vitest";
 import sanitizeAttributeName from "../src/services/sanitize_attribute_name";
-import { describe, it, execute, expect } from "./mini_test";

 // fn value, expected value
 const testCases: [fnValue: string, expectedValue: string][] = [
@ -31,9 +31,7 @@ describe("sanitizeAttributeName unit tests", () => {
        return it(`'${testCase[0]}' should return '${testCase[1]}'`, () => {
            const [value, expected] = testCase;
            const actual = sanitizeAttributeName(value);
-            expect(actual).toEqual(expected);
+            expect(actual).toStrictEqual(expected);
        });
    });
 });
-
-execute();
--- a/spec-es6/utils/formatDownloadTitle.spec.ts
+++ b/spec-es6/utils/formatDownloadTitle.spec.ts
@ -1,5 +1,5 @@
+import { expect, describe, it } from "vitest";
 import { formatDownloadTitle } from "../../src/services/utils.ts";
-import { describe, it, execute, expect } from "../mini_test.ts";

 const testCases: [fnValue: Parameters<typeof formatDownloadTitle>, expectedValue: ReturnType<typeof formatDownloadTitle>][] = [
    // empty fileName tests
@ -55,9 +55,7 @@ describe("utils/formatDownloadTitle unit tests", () => {
        return it(`With args '${JSON.stringify(testCase[0])}' it should return '${testCase[1]}'`, () => {
            const [value, expected] = testCase;
            const actual = formatDownloadTitle(...value);
-            expect(actual).toEqual(expected);
+            expect(actual).toStrictEqual(expected);
        });
    });
 });
-
-execute();
--- a/spec/etapi/notes.spec.ts
+++ b/spec/etapi/notes.spec.ts
@ -1,3 +1,5 @@
-describe("Notes", () => {
+import { describe, it } from "vitest";
+
+describe.todo("Notes", () => {
    it("zzz", () => {});
 });
--- a/spec/search/lexer.spec.ts
+++ b/spec/search/lexer.spec.ts
@ -1,3 +1,4 @@
+import { describe, it, expect } from "vitest";
 import lex from "../../src/services/search/services/lex.js";

 describe("Lexer fulltext", () => {
--- a/spec/search/parens.spec.ts
+++ b/spec/search/parens.spec.ts
@ -1,3 +1,4 @@
+import { describe, it, expect } from "vitest";
 import handleParens from "../../src/services/search/services/handle_parens.js";
 import type { TokenStructure } from "../../src/services/search/services/types.js";

--- a/spec/search/parser.spec.ts
+++ b/spec/search/parser.spec.ts
@ -1,3 +1,4 @@
+import { describe, it, expect } from "vitest";
 import AndExp from "../../src/services/search/expressions/and.js";
 import AttributeExistsExp from "../../src/services/search/expressions/attribute_exists.js";
 import type Expression from "../../src/services/search/expressions/expression.js";
--- a/spec/search/search.spec.ts
+++ b/spec/search/search.spec.ts
@ -1,3 +1,4 @@
+import { describe, it, expect, beforeEach,  } from "vitest";
 import searchService from "../../src/services/search/services/search.js";
 import BNote from "../../src/becca/entities/bnote.js";
 import BBranch from "../../src/becca/entities/bbranch.js";
@ -21,7 +22,7 @@ describe("Search", () => {
        });
    });

-    xit("simple path match", () => {
+    it.skip("simple path match", () => {
        rootNote.child(becca_mocking.note("Europe").child(becca_mocking.note("Austria")));

        const searchContext = new SearchContext();
@ -31,7 +32,7 @@ describe("Search", () => {
        expect(becca_mocking.findNoteByTitle(searchResults, "Austria")).toBeTruthy();
    });

-    xit("normal search looks also at attributes", () => {
+    it.skip("normal search looks also at attributes", () => {
        const austria = becca_mocking.note("Austria");
        const vienna = becca_mocking.note("Vienna");

@ -49,7 +50,7 @@ describe("Search", () => {
        expect(becca_mocking.findNoteByTitle(searchResults, "Vienna")).toBeTruthy();
    });

-    xit("normal search looks also at type and mime", () => {
+    it.skip("normal search looks also at type and mime", () => {
        rootNote.child(becca_mocking.note("Effective Java", { type: "book", mime: "" })).child(becca_mocking.note("Hello World.java", { type: "code", mime: "text/x-java" }));

        const searchContext = new SearchContext();
@ -68,7 +69,7 @@ describe("Search", () => {
        expect(searchResults.length).toEqual(2);
    });

-    xit("only end leafs are results", () => {
+    it.skip("only end leafs are results", () => {
        rootNote.child(becca_mocking.note("Europe").child(becca_mocking.note("Austria")));

        const searchContext = new SearchContext();
@ -78,7 +79,7 @@ describe("Search", () => {
        expect(becca_mocking.findNoteByTitle(searchResults, "Europe")).toBeTruthy();
    });

-    xit("only end leafs are results", () => {
+    it.skip("only end leafs are results", () => {
        rootNote.child(becca_mocking.note("Europe").child(becca_mocking.note("Austria").label("capital", "Vienna")));

        const searchContext = new SearchContext();
@ -133,7 +134,7 @@ describe("Search", () => {
        expect(becca_mocking.findNoteByTitle(searchResults, "Czech Republic")).toBeTruthy();
    });

-    xit("inherited label comparison", () => {
+    it.skip("inherited label comparison", () => {
        rootNote.child(becca_mocking.note("Europe").label("country", "", true).child(becca_mocking.note("Austria")).child(becca_mocking.note("Czech Republic")));

        const searchContext = new SearchContext();
@ -183,8 +184,7 @@ describe("Search", () => {

        function test(query: string, expectedResultCount: number) {
            const searchResults = searchService.findResultsWithQuery(query, searchContext);
-            expect(searchResults.length)
-                .withContext(`While searching for ${query} got unexpected result: [${searchResults.join(", ")}]`)
+            expect(searchResults.length, `While searching for ${query} got unexpected result: [${searchResults.join(", ")}]`)
                .toEqual(expectedResultCount);

            if (expectedResultCount === 1) {
@ -549,7 +549,7 @@ describe("Search", () => {
        expect(becca.notes[searchResults[0].noteId].title).toEqual("Europe");
    });

-    xit("test note.text *=* something", () => {
+    it.skip("test note.text *=* something", () => {
        const italy = becca_mocking.note("Italy").label("capital", "Rome");
        const slovakia = becca_mocking.note("Slovakia").label("capital", "Bratislava");

@ -562,7 +562,7 @@ describe("Search", () => {
        expect(becca.notes[searchResults[0].noteId].title).toEqual("Slovakia");
    });

-    xit("test that fulltext does not match archived notes", () => {
+    it.skip("test that fulltext does not match archived notes", () => {
        const italy = becca_mocking.note("Italy").label("capital", "Rome");
        const slovakia = becca_mocking.note("Slovakia").label("capital", "Bratislava");

--- a/spec/search/value_extractor.spec.ts
+++ b/spec/search/value_extractor.spec.ts
@ -1,3 +1,4 @@
+import { describe, it, expect, beforeEach } from "vitest";
 import becca_mocking from "./becca_mocking.js";
 import ValueExtractor from "../../src/services/search/value_extractor.js";
 import becca from "../../src/becca/becca.js";
--- a/spec/support/jasmine.json
+++ b/spec/support/jasmine.json
@ -1,10 +0,0 @@
-{
-  "spec_dir": "",
-  "spec_files": [
-    "spec/**/*.spec.ts",
-    "src/**/*.spec.ts"
-  ],
-  "helpers": ["helpers/**/*.js"],
-  "stopSpecOnExpectationFailure": false,
-  "random": true
-}
--- a/spec/support/utils.spec.ts
+++ b/spec/support/utils.spec.ts
@ -1,3 +1,4 @@
+import { describe, it, expect } from "vitest";
 import { trimIndentation } from "./utils.js";

 describe("Utils", () => {
--- a/src/public/app/components/note_context.ts
+++ b/src/public/app/components/note_context.ts
@ -24,7 +24,7 @@ class NoteContext extends Component implements EventListener<"entitiesReloaded">

    notePath?: string | null;
    noteId?: string | null;
-    private parentNoteId?: string | null;
+    parentNoteId?: string | null;
    viewScope?: ViewScope;

    constructor(ntxId: string | null = null, hoistedNoteId: string = "root", mainNtxId: string | null = null) {
--- a/src/public/app/menus/link_context_menu.ts
+++ b/src/public/app/menus/link_context_menu.ts
@ -3,7 +3,7 @@ import contextMenu from "./context_menu.js";
 import appContext from "../components/app_context.js";
 import type { ViewScope } from "../services/link.js";

-function openContextMenu(notePath: string, e: PointerEvent | JQuery.ContextMenuEvent, viewScope: ViewScope = {}, hoistedNoteId: string | null = null) {
+function openContextMenu(notePath: string, e: PointerEvent | MouseEvent | JQuery.ContextMenuEvent, viewScope: ViewScope = {}, hoistedNoteId: string | null = null) {
    contextMenu.show({
        x: e.pageX,
        y: e.pageY,
--- a/src/public/app/services/library_loader.ts
+++ b/src/public/app/services/library_loader.ts
@ -68,22 +68,10 @@ const WHEEL_ZOOM: Library = {
    js: ["node_modules/vanilla-js-wheel-zoom/dist/wheel-zoom.min.js"]
 };

-const FORCE_GRAPH: Library = {
-    js: ["node_modules/force-graph/dist/force-graph.min.js"]
-};
-
 const MERMAID: Library = {
    js: ["node_modules/mermaid/dist/mermaid.min.js"]
 };

-/**
- * The ELK extension of Mermaid.js, which supports more advanced layouts.
- * See https://www.npmjs.com/package/@mermaid-js/layout-elk for more information.
- */
-const MERMAID_ELK: Library = {
-    js: ["libraries/mermaid-elk/elk.min.js"]
-};
-
 const EXCALIDRAW: Library = {
    js: ["node_modules/react/umd/react.production.min.js", "node_modules/react-dom/umd/react-dom.production.min.js", "node_modules/@excalidraw/excalidraw/dist/excalidraw.production.min.js"]
 };
@ -209,9 +197,7 @@ export default {
    CALENDAR_WIDGET,
    KATEX,
    WHEEL_ZOOM,
-    FORCE_GRAPH,
    MERMAID,
-    MERMAID_ELK,
    EXCALIDRAW,
    MARKJS,
    I18NEXT,
--- a/src/public/app/services/mermaid.ts
+++ b/src/public/app/services/mermaid.ts
@ -1,5 +1,3 @@
-import library_loader from "./library_loader.js";
-
 let elkLoaded = false;

 /**
@ -22,7 +20,6 @@ export async function loadElkIfNeeded(mermaidContent: string) {
    });
    if (parsedContent?.config?.layout === "elk") {
        elkLoaded = true;
-        await library_loader.requireLibrary(library_loader.MERMAID_ELK);
-        mermaid.registerLayoutLoaders(MERMAID_ELK);
+        mermaid.registerLayoutLoaders((await import("@mermaid-js/layout-elk")).default);
    }
 }
--- a/src/public/app/types.d.ts
+++ b/src/public/app/types.d.ts
@ -155,13 +155,12 @@ declare global {
        registerLayoutLoaders(loader: MermaidLoader);
        parse(content: string, opts: {
            suppressErrors: true
-        }): {
+        }): Promise<{
            config: {
                layout: string;
            }
-        }
+        }>
    };
-    var MERMAID_ELK: MermaidLoader;

    var CKEditor: {
        BalloonEditor: {
--- a/src/public/app/widgets/note_map.ts
+++ b/src/public/app/widgets/note_map.ts
@ -1,12 +1,14 @@
-import libraryLoader from "../services/library_loader.js";
 import server from "../services/server.js";
 import attributeService from "../services/attributes.js";
 import hoistedNoteService from "../services/hoisted_note.js";
-import appContext from "../components/app_context.js";
+import appContext, { type EventData } from "../components/app_context.js";
 import NoteContextAwareWidget from "./note_context_aware_widget.js";
 import linkContextMenuService from "../menus/link_context_menu.js";
 import utils from "../services/utils.js";
 import { t } from "../services/i18n.js";
+import type ForceGraph from "force-graph";
+import type { GraphData, LinkObject, NodeObject } from "force-graph";
+import type FNote from "../entities/fnote.js";

 const esc = utils.escapeHtml;

@ -93,8 +95,80 @@ const TPL = `<div class="note-map-widget" style="position: relative;">
    <div class="note-map-container"></div>
 </div>`;

+type WidgetMode = "type" | "ribbon";
+type MapType = "tree" | "link";
+type Data = GraphData<NodeObject, LinkObject<NodeObject>>;
+
+interface Node extends NodeObject {
+    id: string;
+    name: string;
+    type: string;
+    color: string;
+}
+
+interface Link extends LinkObject<NodeObject> {
+    id: string;
+    name: string;
+
+    x: number;
+    y: number;
+    source: Node;
+    target: Node;
+}
+
+interface NotesAndRelationsData {
+    nodes: Node[];
+    links: {
+        id: string;
+        source: string;
+        target: string;
+        name: string;
+    }[]
+}
+
+// Replace
+interface ResponseLink {
+    key: string;
+    sourceNoteId: string;
+    targetNoteId: string;
+    name: string;
+}
+
+interface PostNotesMapResponse {
+    notes: string[];
+    links: ResponseLink[],
+    noteIdToDescendantCountMap: Record<string, number>;
+}
+
+interface GroupedLink {
+    id: string;
+    sourceNoteId: string;
+    targetNoteId: string;
+    names: string[]
+}
+
+interface CssData {
+    fontFamily: string;
+    textColor: string;
+    mutedTextColor: string;
+}
+
 export default class NoteMapWidget extends NoteContextAwareWidget {
-    constructor(widgetMode) {
+
+    private fixNodes: boolean;
+    private widgetMode: WidgetMode;
+    private mapType?: MapType;
+    private cssData!: CssData;
+
+    private themeStyle!: string;
+    private $container!: JQuery<HTMLElement>;
+    private $styleResolver!: JQuery<HTMLElement>;
+    private graph!: ForceGraph;
+    private noteIdToSizeMap!: Record<string, number>;
+    private zoomLevel!: number;
+    private nodes!: Node[];
+
+    constructor(widgetMode: WidgetMode) {
        super();
        this.fixNodes = false; // needed to save the status of the UI element. Is set later in the code
        this.widgetMode = widgetMode; // 'type' or 'ribbon'
@ -114,7 +188,7 @@ export default class NoteMapWidget extends NoteContextAwareWidget {
        this.$widget.find(".map-type-switcher button").on("click", async (e) => {
            const type = $(e.target).closest("button").attr("data-type");

-            await attributeService.setLabel(this.noteId, "mapType", type);
+            await attributeService.setLabel(this.noteId ?? "", "mapType", type);
        });

        // Reading the status of the Drag nodes Ui element. Changing it´s color when activated. Reading Force value of the link distance.
@ -135,31 +209,32 @@ export default class NoteMapWidget extends NoteContextAwareWidget {

        const $parent = this.$widget.parent();

-        this.graph.height($parent.height()).width($parent.width());
+        this.graph
+            .height($parent.height() || 0)
+            .width($parent.width() || 0);
    }

-    async refreshWithNote(note) {
+    async refreshWithNote(note: FNote) {
        this.$widget.show();

-        this.css = {
+        this.cssData = {
            fontFamily: this.$container.css("font-family"),
            textColor: this.rgb2hex(this.$container.css("color")),
            mutedTextColor: this.rgb2hex(this.$styleResolver.css("color"))
        };

-        this.mapType = this.note.getLabelValue("mapType") === "tree" ? "tree" : "link";
-
-        await libraryLoader.requireLibrary(libraryLoader.FORCE_GRAPH);
+        this.mapType = note.getLabelValue("mapType") === "tree" ? "tree" : "link";

        //variables for the hover effekt. We have to save the neighbours of a hovered node in a set. Also we need to save the links as well as the hovered node itself

-        let hoverNode = null;
+        let hoverNode: NodeObject | null = null;
        const highlightLinks = new Set();
        const neighbours = new Set();

-        this.graph = ForceGraph()(this.$container[0])
-            .width(this.$container.width())
-            .height(this.$container.height())
+        const ForceGraph = (await import("force-graph")).default;
+        this.graph = new ForceGraph(this.$container[0])
+            .width(this.$container.width() || 0)
+            .height(this.$container.height() || 0)
            .onZoom((zoom) => this.setZoomLevel(zoom.k))
            .d3AlphaDecay(0.01)
            .d3VelocityDecay(0.08)
@ -170,8 +245,8 @@ export default class NoteMapWidget extends NoteContextAwareWidget {
                    node.fx = node.x;
                    node.fy = node.y;
                } else {
-                    node.fx = null;
-                    node.fy = null;
+                    node.fx = undefined;
+                    node.fy = undefined;
                }
            })
            //check if hovered and set the hovernode variable, saving the hovered node object into it. Clear links variable everytime you hover. Without clearing links will stay highlighted
@ -182,17 +257,19 @@ export default class NoteMapWidget extends NoteContextAwareWidget {

            // set link width to immitate a highlight effekt. Checking the condition if any links are saved in the previous defined set highlightlinks
            .linkWidth((link) => (highlightLinks.has(link) ? 3 : 0.4))
-            .linkColor((link) => (highlightLinks.has(link) ? "white" : this.css.mutedTextColor))
+            .linkColor((link) => (highlightLinks.has(link) ? "white" : this.cssData.mutedTextColor))
            .linkDirectionalArrowLength(4)
            .linkDirectionalArrowRelPos(0.95)

            // main code for highlighting hovered nodes and neighbours. here we "style" the nodes. the nodes are rendered several hundred times per second.
-            .nodeCanvasObject((node, ctx) => {
+            .nodeCanvasObject((_node, ctx) => {
+                const node = _node as Node;
                if (hoverNode == node) {
                    //paint only hovered node
                    this.paintNode(node, "#661822", ctx);
                    neighbours.clear(); //clearing neighbours or the effect would be maintained after hovering is over
-                    for (const link of data.links) {
+                    for (const _link of data.links) {
+                        const link = _link as unknown as Link;
                        //check if node is part of a link in the canvas, if so add it´s neighbours and related links to the previous defined variables to paint the nodes
                        if (link.source.id == node.id || link.target.id == node.id) {
                            neighbours.add(link.source);
@ -209,23 +286,39 @@ export default class NoteMapWidget extends NoteContextAwareWidget {
                }
            })

-            .nodePointerAreaPaint((node, ctx) => this.paintNode(node, this.getColorForNode(node), ctx))
+            .nodePointerAreaPaint((node, _, ctx) => this.paintNode(node as Node, this.getColorForNode(node as Node), ctx))
            .nodePointerAreaPaint((node, color, ctx) => {
+                if (!node.id) {
+                    return;
+                }
+
                ctx.fillStyle = color;
                ctx.beginPath();
-                ctx.arc(node.x, node.y, this.noteIdToSizeMap[node.id], 0, 2 * Math.PI, false);
+                if (node.x && node.y) {
+                    ctx.arc(node.x, node.y,
+                        this.noteIdToSizeMap[node.id], 0,
+                        2 * Math.PI, false);
+                }
                ctx.fill();
            })
-            .nodeLabel((node) => esc(node.name))
+            .nodeLabel((node) => esc((node as Node).name))
            .maxZoom(7)
            .warmupTicks(30)
-            .onNodeClick((node) => appContext.tabManager.getActiveContext().setNote(node.id))
-            .onNodeRightClick((node, e) => linkContextMenuService.openContextMenu(node.id, e));
+            .onNodeClick((node) => {
+                if (node.id) {
+                    appContext.tabManager.getActiveContext().setNote((node as Node).id);
+                }
+            })
+            .onNodeRightClick((node, e) => {
+                if (node.id) {
+                    linkContextMenuService.openContextMenu((node as Node).id, e);
+                }
+            });

        if (this.mapType === "link") {
            this.graph
-                .linkLabel((l) => `${esc(l.source.name)} - <strong>${esc(l.name)}</strong> - ${esc(l.target.name)}`)
-                .linkCanvasObject((link, ctx) => this.paintLink(link, ctx))
+                .linkLabel((l) => `${esc((l as Link).source.name)} - <strong>${esc((l as Link).name)}</strong> - ${esc((l as Link).target.name)}`)
+                .linkCanvasObject((link, ctx) => this.paintLink(link as Link, ctx))
                .linkCanvasObjectMode(() => "after");
        }

@ -239,25 +332,25 @@ export default class NoteMapWidget extends NoteContextAwareWidget {
        let distancevalue = 40; // default value for the link force of the nodes

        this.$widget.find(".fixnodes-type-switcher input").on("change", async (e) => {
-            distancevalue = e.target.closest("input").value;
-            this.graph.d3Force("link").distance(distancevalue);
+            distancevalue = parseInt(e.target.closest("input")?.value ?? "0");
+            this.graph.d3Force("link")?.distance(distancevalue);

            this.renderData(data);
        });

-        this.graph.d3Force("center").strength(0.2);
-        this.graph.d3Force("charge").strength(boundedCharge);
-        this.graph.d3Force("charge").distanceMax(1000);
+        this.graph.d3Force("center")?.strength(0.2);
+        this.graph.d3Force("charge")?.strength(boundedCharge);
+        this.graph.d3Force("charge")?.distanceMax(1000);

        this.renderData(data);
    }

-    getMapRootNoteId() {
-        if (this.widgetMode === "ribbon") {
+    getMapRootNoteId(): string {
+        if (this.noteId && this.widgetMode === "ribbon") {
            return this.noteId;
        }

-        let mapRootNoteId = this.note.getLabelValue("mapRootNoteId");
+        let mapRootNoteId = this.note?.getLabelValue("mapRootNoteId");

        if (mapRootNoteId === "hoisted") {
            mapRootNoteId = hoistedNoteService.getHoistedNoteId();
@ -265,10 +358,10 @@ export default class NoteMapWidget extends NoteContextAwareWidget {
            mapRootNoteId = appContext.tabManager.getActiveContext().parentNoteId;
        }

-        return mapRootNoteId;
+        return mapRootNoteId ?? "";
    }

-    getColorForNode(node) {
+    getColorForNode(node: Node) {
        if (node.color) {
            return node.color;
        } else if (this.widgetMode === "ribbon" && node.id === this.noteId) {
@ -278,7 +371,7 @@ export default class NoteMapWidget extends NoteContextAwareWidget {
        }
    }

-    generateColorFromString(str) {
+    generateColorFromString(str: string) {
        if (this.themeStyle === "dark") {
            str = `0${str}`; // magic lightning modifier
        }
@ -297,20 +390,22 @@ export default class NoteMapWidget extends NoteContextAwareWidget {
        return color;
    }

-    rgb2hex(rgb) {
-        return `#${rgb
-            .match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/)
+    rgb2hex(rgb: string) {
+        return `#${(rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/) || [])
            .slice(1)
            .map((n) => parseInt(n, 10).toString(16).padStart(2, "0"))
            .join("")}`;
    }

-    setZoomLevel(level) {
+    setZoomLevel(level: number) {
        this.zoomLevel = level;
    }

-    paintNode(node, color, ctx) {
+    paintNode(node: Node, color: string, ctx: CanvasRenderingContext2D) {
        const { x, y } = node;
+        if (!x || !y) {
+            return;
+        }
        const size = this.noteIdToSizeMap[node.id];

        ctx.fillStyle = color;
@ -324,8 +419,8 @@ export default class NoteMapWidget extends NoteContextAwareWidget {
            return;
        }

-        ctx.fillStyle = this.css.textColor;
-        ctx.font = `${size}px ${this.css.fontFamily}`;
+        ctx.fillStyle = this.cssData.textColor;
+        ctx.font = `${size}px ${this.cssData.fontFamily}`;
        ctx.textAlign = "center";
        ctx.textBaseline = "middle";

@ -338,42 +433,47 @@ export default class NoteMapWidget extends NoteContextAwareWidget {
        ctx.fillText(title, x, y + Math.round(size * 1.5));
    }

-    paintLink(link, ctx) {
+    paintLink(link: Link, ctx: CanvasRenderingContext2D) {
        if (this.zoomLevel < 5) {
            return;
        }

-        ctx.font = `3px ${this.css.fontFamily}`;
+        ctx.font = `3px ${this.cssData.fontFamily}`;
        ctx.textAlign = "center";
        ctx.textBaseline = "middle";
-        ctx.fillStyle = this.css.mutedTextColor;
+        ctx.fillStyle = this.cssData.mutedTextColor;

        const { source, target } = link;
-
-        const x = (source.x + target.x) / 2;
-        const y = (source.y + target.y) / 2;
-
-        ctx.save();
-        ctx.translate(x, y);
-
-        const deltaY = source.y - target.y;
-        const deltaX = source.x - target.x;
-
-        let angle = Math.atan2(deltaY, deltaX);
-        let moveY = 2;
-
-        if (angle < -Math.PI / 2 || angle > Math.PI / 2) {
-            angle += Math.PI;
-            moveY = -2;
+        if (typeof source !== "object" || typeof target !== "object") {
+            return;
+        }
+
+        if (source.x && source.y && target.x && target.y) {
+            const x = ((source.x) + (target.x)) / 2;
+            const y = ((source.y) + (target.y)) / 2;
+            ctx.save();
+            ctx.translate(x, y);
+
+            const deltaY = (source.y) - (target.y);
+            const deltaX = (source.x) - (target.x);
+
+            let angle = Math.atan2(deltaY, deltaX);
+            let moveY = 2;
+
+            if (angle < -Math.PI / 2 || angle > Math.PI / 2) {
+                angle += Math.PI;
+                moveY = -2;
+            }
+
+            ctx.rotate(angle);
+            ctx.fillText(link.name, 0, moveY);
        }

-        ctx.rotate(angle);
-        ctx.fillText(link.name, 0, moveY);
        ctx.restore();
    }

-    async loadNotesAndRelations(mapRootNoteId) {
-        const resp = await server.post(`note-map/${mapRootNoteId}/${this.mapType}`);
+    async loadNotesAndRelations(mapRootNoteId: string): Promise<NotesAndRelationsData> {
+        const resp = await server.post<PostNotesMapResponse>(`note-map/${mapRootNoteId}/${this.mapType}`);

        this.calculateNodeSizes(resp);

@ -397,8 +497,8 @@ export default class NoteMapWidget extends NoteContextAwareWidget {
        };
    }

-    getGroupedLinks(links) {
-        const linksGroupedBySourceTarget = {};
+    getGroupedLinks(links: ResponseLink[]): GroupedLink[] {
+        const linksGroupedBySourceTarget: Record<string, GroupedLink> = {};

        for (const link of links) {
            const key = `${link.sourceNoteId}-${link.targetNoteId}`;
@ -420,7 +520,7 @@ export default class NoteMapWidget extends NoteContextAwareWidget {
        return Object.values(linksGroupedBySourceTarget);
    }

-    calculateNodeSizes(resp) {
+    calculateNodeSizes(resp: PostNotesMapResponse) {
        this.noteIdToSizeMap = {};

        if (this.mapType === "tree") {
@ -436,7 +536,7 @@ export default class NoteMapWidget extends NoteContextAwareWidget {
                }
            }
        } else if (this.mapType === "link") {
-            const noteIdToLinkCount = {};
+            const noteIdToLinkCount: Record<string, number> = {};

            for (const link of resp.links) {
                noteIdToLinkCount[link.targetNoteId] = 1 + (noteIdToLinkCount[link.targetNoteId] || 0);
@ -452,7 +552,7 @@ export default class NoteMapWidget extends NoteContextAwareWidget {
        }
    }

-    renderData(data) {
+    renderData(data: Data) {
        this.graph.graphData(data);

        if (this.widgetMode === "ribbon" && this.note?.type !== "search") {
@ -475,7 +575,7 @@ export default class NoteMapWidget extends NoteContextAwareWidget {
                    const noteIdsWithLinks = this.getNoteIdsWithLinks(data);

                    if (noteIdsWithLinks.size > 0) {
-                        this.graph.zoomToFit(400, 30, (node) => noteIdsWithLinks.has(node.id));
+                        this.graph.zoomToFit(400, 30, (node) => noteIdsWithLinks.has(node.id ?? ""));
                    }

                    if (noteIdsWithLinks.size < 30) {
@ -486,25 +586,35 @@ export default class NoteMapWidget extends NoteContextAwareWidget {
        }
    }

-    getNoteIdsWithLinks(data) {
-        const noteIds = new Set();
+    getNoteIdsWithLinks(data: Data) {
+        const noteIds = new Set<string | number>();

        for (const link of data.links) {
-            noteIds.add(link.source.id);
-            noteIds.add(link.target.id);
+            if (typeof link.source === "object" && link.source.id) {
+                noteIds.add(link.source.id);
+            }
+            if (typeof link.target === "object" && link.target.id) {
+                noteIds.add(link.target.id);
+            }
        }

        return noteIds;
    }

-    getSubGraphConnectedToCurrentNote(data) {
-        function getGroupedLinks(links, type) {
-            const map = {};
+    getSubGraphConnectedToCurrentNote(data: Data) {
+        function getGroupedLinks(links: LinkObject<NodeObject>[], type: "source" | "target") {
+            const map: Record<string | number, LinkObject<NodeObject>[]> = {};

            for (const link of links) {
+                if (typeof link[type] !== "object") {
+                    continue;
+                }
+
                const key = link[type].id;
-                map[key] = map[key] || [];
-                map[key].push(link);
+                if (key) {
+                    map[key] = map[key] || [];
+                    map[key].push(link);
+                }
            }

            return map;
@ -515,19 +625,23 @@ export default class NoteMapWidget extends NoteContextAwareWidget {

        const subGraphNoteIds = new Set();

-        function traverseGraph(noteId) {
-            if (subGraphNoteIds.has(noteId)) {
+        function traverseGraph(noteId?: string | number) {
+            if (!noteId || subGraphNoteIds.has(noteId)) {
                return;
            }

            subGraphNoteIds.add(noteId);

            for (const link of linksBySource[noteId] || []) {
-                traverseGraph(link.target.id);
+                if (typeof link.target === "object") {
+                    traverseGraph(link.target?.id);
+                }
            }

            for (const link of linksByTarget[noteId] || []) {
-                traverseGraph(link.source.id);
+                if (typeof link.source === "object") {
+                    traverseGraph(link.source?.id);
+                }
            }
        }

@ -539,8 +653,9 @@ export default class NoteMapWidget extends NoteContextAwareWidget {
        this.$container.html("");
    }

-    entitiesReloadedEvent({ loadResults }) {
-        if (loadResults.getAttributeRows(this.componentId).find((attr) => attr.type === "label" && ["mapType", "mapRootNoteId"].includes(attr.name) && attributeService.isAffecting(attr, this.note))) {
+    entitiesReloadedEvent({ loadResults }: EventData<"entitiesReloaded">) {
+        if (loadResults.getAttributeRows(this.componentId)
+                .find((attr) => attr.type === "label" && ["mapType", "mapRootNoteId"].includes(attr.name || "") && attributeService.isAffecting(attr, this.note))) {
            this.refresh();
        }
    }
--- a/src/routes/assets.ts
+++ b/src/routes/assets.ts
@ -63,7 +63,6 @@ async function register(app: express.Application) {
    app.use(`/${assetPath}/node_modules/katex/dist/`, persistentCacheStatic(path.join(srcRoot, "..", "node_modules/katex/dist/")));

    app.use(`/${assetPath}/node_modules/dayjs/`, persistentCacheStatic(path.join(srcRoot, "..", "node_modules/dayjs/")));
-    app.use(`/${assetPath}/node_modules/force-graph/dist/`, persistentCacheStatic(path.join(srcRoot, "..", "node_modules/force-graph/dist/")));

    app.use(`/${assetPath}/node_modules/boxicons/css/`, persistentCacheStatic(path.join(srcRoot, "..", "node_modules/boxicons/css/")));
    app.use(`/${assetPath}/node_modules/boxicons/fonts/`, persistentCacheStatic(path.join(srcRoot, "..", "node_modules/boxicons/fonts/")));
--- a/src/routes/csrf_protection.ts
+++ b/src/routes/csrf_protection.ts
@ -1,5 +1,6 @@
 import { doubleCsrf } from "csrf-csrf";
 import sessionSecret from "../services/session_secret.js";
+import { isElectron } from "../services/utils.js";

 const doubleCsrfUtilities = doubleCsrf({
    getSecret: () => sessionSecret,
@ -7,7 +8,7 @@ const doubleCsrfUtilities = doubleCsrf({
        path: "", // empty, so cookie is valid only for the current path
        secure: false,
        sameSite: "strict",
-        httpOnly: true
+        httpOnly: !isElectron() // set to false for Electron, see https://github.com/TriliumNext/Notes/pull/966
    },
    cookieName: "_csrf"
 });
--- a/src/services/export/md.spec.ts
+++ b/src/services/export/md.spec.ts
@ -1,3 +1,4 @@
+import { describe, it, expect } from "vitest";
 import markdownExportService from "./md.js";
 import { trimIndentation } from "../../../spec/support/utils.js";

--- a/src/services/import/markdown.spec.ts
+++ b/src/services/import/markdown.spec.ts
@ -1,3 +1,4 @@
+import { describe, it, expect } from "vitest";
 import { trimIndentation } from "../../../spec/support/utils.js";
 import markdownService from "./markdown.js";

--- a/src/share/content_renderer.spec.ts
+++ b/src/share/content_renderer.spec.ts
@ -1,3 +1,4 @@
+import { describe, it, expect } from "vitest";
 import { renderCode, type Result } from "./content_renderer.js";

 describe("content_renderer", () => {
@ -8,7 +9,7 @@ describe("content_renderer", () => {
                content: "   "
            };
            renderCode(emptyResult);
-            expect(emptyResult.isEmpty).toBeTrue();
+            expect(emptyResult.isEmpty).toBeTruthy();
        });

        it("identifies unsupported content type", () => {
@ -17,7 +18,7 @@ describe("content_renderer", () => {
                content: Buffer.from("Hello world")
            };
            renderCode(emptyResult);
-            expect(emptyResult.isEmpty).toBeTrue();
+            expect(emptyResult.isEmpty).toBeTruthy();
        });

        it("wraps code in <pre>", () => {
--- a/vitest.config.ts
+++ b/vitest.config.ts
@ -0,0 +1,24 @@
+import { defineConfig } from "vitest/config";
+import { configDefaults, coverageConfigDefaults } from "vitest/config";
+
+const customExcludes = [
+    "build/**",
+    "e2e/**",
+    "integration-tests/**",
+    "tests-examples/**",
+    "node_modules/**",
+    "src/public/app-dist/**",
+    "libraries/**",
+    "docs/**",
+    "out/**",
+    "*.config.[jt]s" // playwright.config.ts and similar
+];
+
+export default defineConfig({
+    test: {
+        exclude: [...configDefaults.exclude, ...customExcludes],
+        coverage: {
+            exclude: [...coverageConfigDefaults.exclude, ...customExcludes]
+        }
+    }
+});