Merge branch 'develop' into open_new_tab

Author: eliandoran

.github/workflows/main-docker.yml

@@ -56,7 +56,7 @@ jobs:
         run: npx playwright install --with-deps
 
       - name: Run the TypeScript build
-        run: npm nx run server:build
+        run: pnpm run server:build
 
       - name: Build and export to Docker
         uses: docker/build-push-action@v6
@@ -183,7 +183,7 @@ jobs:
         id: build
         uses: docker/build-push-action@v6
         with:
-          context: .
+          context: apps/server
           file: ${{ matrix.dockerfile }}
           platforms: ${{ matrix.platform }}
           labels: ${{ steps.meta.outputs.labels }}

.gitignore

@@ -40,4 +40,7 @@ test-output
 
 apps/*/data
 apps/*/out
-upload
+upload
+
+.rollup.cache
+*.tsbuildinfo

.mailmap

@@ -0,0 +1,2 @@
+Adam Zivner <[email protected]>
+Adam Zivner <[email protected]>

apps/client/src/libraries/ckeditor/ckeditor-content.css renamed to _regroup/ckeditor5-build-trilium/ckeditor-content.css

@@ -1,48 +1,3 @@
-/* !!!!!! TRILIUM CUSTOM CHANGES !!!!!! */
-
-.printed-content .ck-widget__selection-handle, .printed-content .ck-widget__type-around { /* gets rid of triangles: https://github.com/zadam/trilium/issues/1129 */
-    display: none;
-}
-
-.page-break {
-    page-break-after: always;
-}
-
-.printed-content .page-break:after,
-.printed-content .page-break > * {
-    display: none !important;
-}
-
-.ck-content li p {
-    margin: 0 !important;
-}
-
-.admonition {
-    --accent-color: var(--card-border-color);
-    border: 1px solid var(--accent-color);
-    box-shadow: var(--card-box-shadow);
-    background: var(--card-background-color);
-    border-radius: 0.5em;
-    padding: 1em;
-    margin: 1.25em 0;
-    position: relative;
-    overflow: hidden;
-}
-
-.admonition p:last-child {
-    margin-bottom: 0;
-}
-
-.admonition p, h2 {
-    margin-top: 0;
-}
-
-.admonition.note { --accent-color: #69c7ff; }
-.admonition.tip { --accent-color: #40c025; }
-.admonition.important { --accent-color: #9839f7; }
-.admonition.caution { --accent-color: #ff2e2e; }
-.admonition.warning { --accent-color: #e2aa03; }
-
 /*
  * CKEditor 5 (v41.0.0) content styles.
  * Generated on Fri, 26 Jan 2024 10:23:49 GMT.

_regroup/ckeditor5-file-upload/theme/fileupload.css

@@ -0,0 +1,30 @@
+.ck.ck-sticky-panel > .ck-progress-bar {
+	display: flex;
+	flex-direction: row;
+	justify-content: space-between;
+
+	border-left: 1px solid var(--ck-color-base-border);
+	border-top: 1px solid var(--ck-color-base-border);
+	border-right: 1px solid var(--ck-color-base-border);
+}
+
+.ck.ck-sticky-panel > .ck-progress-bar > .ck-uploading-progress {
+	align-self: center;
+	padding: 3px 5px;
+	font-weight: bold;
+
+	color: var(--ck-color-base-foreground);
+	background-color: var(--ck-color-base-border);
+
+	transition-property: width;
+	transition-duration: .5s;
+	transition-timing-function: linear;
+
+}
+
+.ck.ck-sticky-panel > .ck-progress-bar > .ck-uploading-cancel {
+	align-self: flex-end;
+	padding: 0 5px;
+	font-weight: bold;
+	color: var(--ck-color-base-error);
+}

_regroup/package.json

@@ -38,10 +38,10 @@
     "@playwright/test": "1.52.0",
     "@stylistic/eslint-plugin": "4.2.0",        
     "@types/express": "5.0.1",    
-    "@types/node": "22.15.3",    
+    "@types/node": "22.15.17",    
     "@types/yargs": "17.0.33",
-    "@vitest/coverage-v8": "3.1.2",
-    "eslint": "9.24.0",
+    "@vitest/coverage-v8": "3.1.3",
+    "eslint": "9.26.0",
     "eslint-plugin-simple-import-sort": "12.1.1",
     "esm": "3.2.25",
     "jsdoc": "4.0.4",

apps/client/package.json

@@ -10,7 +10,7 @@
     "url": "https://github.com/TriliumNext/Notes"
   },
   "dependencies": {
-    "@eslint/js": "9.25.0",
+    "@eslint/js": "9.26.0",
     "@excalidraw/excalidraw": "0.18.0",
     "@fullcalendar/core": "6.1.17",
     "@fullcalendar/daygrid": "6.1.17",
@@ -21,16 +21,17 @@
     "@mermaid-js/layout-elk": "0.1.7",
     "@mind-elixir/node-menu": "1.0.5",
     "@popperjs/core": "2.11.8",
+    "@triliumnext/ckeditor5": "workspace:*",
     "@triliumnext/commons": "workspace:*",
-    "bootstrap": "5.3.5",
+    "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.0.0",
-    "i18next": "25.0.2",
+    "globals": "16.1.0",
+    "i18next": "25.1.2",
     "i18next-http-backend": "3.0.2",
     "jquery": "3.7.1",
     "jquery-hotkeys": "0.2.2",
@@ -44,19 +45,21 @@
     "mermaid": "11.6.0",
     "mind-elixir": "4.5.2",
     "panzoom": "9.4.3",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
     "split.js": "1.6.5",
     "svg-pan-zoom": "3.6.2",
     "vanilla-js-wheel-zoom": "9.0.4"
   },
   "devDependencies": {
+    "@ckeditor/ckeditor5-inspector": "4.1.0",
     "@types/bootstrap": "5.2.10",
     "@types/jquery": "3.5.32",
     "@types/leaflet": "1.9.17",
     "@types/leaflet-gpx": "1.3.7",
-    "@types/react": "18.3.20",
-    "@types/react-dom": "18.3.6",
+    "@types/react": "19.1.3",
+    "@types/react-dom": "19.1.3",
+    "copy-webpack-plugin": "13.0.0",
     "happy-dom": "17.4.6",
     "script-loader": "0.7.2"
   },

apps/client/src/components/app_context.ts

@@ -26,6 +26,7 @@ import type TypeWidget from "../widgets/type_widgets/type_widget.js";
 import type EditableTextTypeWidget from "../widgets/type_widgets/editable_text.js";
 import type { NativeImage, TouchBar } from "electron";
 import TouchBarComponent from "./touch_bar.js";
+import type { CKTextEditor } from "@triliumnext/ckeditor5";
 
 interface Layout {
     getRootWidget: (appContext: AppContext) => RootWidget;
@@ -187,7 +188,7 @@ export type CommandMappings = {
         callback: (value: NoteDetailWidget | PromiseLike<NoteDetailWidget>) => void;
     };
     executeWithTextEditor: CommandData &
-    ExecuteCommandData<TextEditor> & {
+    ExecuteCommandData<CKTextEditor> & {
         callback?: GetTextEditorCallback;
     };
     executeWithCodeEditor: CommandData & ExecuteCommandData<CodeMirrorInstance>;

apps/client/src/components/note_context.ts

@@ -10,13 +10,14 @@ import options from "../services/options.js";
 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";
 
 export interface SetNoteOpts {
     triggerSwitchEvent?: unknown;
     viewScope?: ViewScope;
 }
 
-export type GetTextEditorCallback = (editor: TextEditor) => void;
+export type GetTextEditorCallback = (editor: CKTextEditor) => void;
 
 class NoteContext extends Component implements EventListener<"entitiesReloaded"> {
     ntxId: string | null;
@@ -298,7 +299,7 @@ class NoteContext extends Component implements EventListener<"entitiesReloaded">
     }
 
     async getTextEditor(callback?: GetTextEditorCallback) {
-        return this.timeout<TextEditor>(
+        return this.timeout<CKTextEditor>(
             new Promise((resolve) =>
                 appContext.triggerCommand("executeWithTextEditor", {
                     callback,