shd101wyy · shd101wyy · Sep 7, 2024 · Sep 7, 2024 · Sep 7, 2024 · Sep 7, 2024
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -4,6 +4,21 @@ Please visit https://github.com/shd101wyy/vscode-markdown-preview-enhanced/relea
 
 ## [Unreleased]
 
+## [0.9.10] - 2024-09-07
+
+### Changes
+
+- Added `.mdx` to the default `markdownFileExtensions`.
+
+### Updates
+
+- Updated `mermaid` version to the latest `11.1.1`.
+- Updated `katex` version to the latest `v0.16.11`.
+
+### Bug fixes
+
+- Fixed a scroll sync bug.
+
 ## [0.9.9] - 2024-03-11
 
 ### Bug fixes

diff --git a/README.md b/README.md
@@ -80,7 +80,7 @@ main();
 ```js
 const config = {
   // File of extensions to be included in the notebook
-  markdownFileExtensions: [".md", ".markdown", ".mdown", ".mkdn", ".mkd", ".rmd", ".qmd"],
+  markdownFileExtensions: [".md", ".markdown", ".mdown", ".mkdn", ".mkd", ".rmd", ".qmd", ".mdx"],
 
   // The content to be included in HTML `<head>` tag.
   // This is useful for adding custom styles or scripts.

diff --git a/dependencies/README.md b/dependencies/README.md
@@ -6,8 +6,8 @@ I managed some of the libraries by myself instead of through npm to reduce the o
 {
   "font-awesome": "6.4.2", // Download from here: https://fontawesome.com/download
   // Fontawesome cheatsheet is available here: https://kapeli.com/cheat_sheets/Font_Awesome.docset/Contents/Resources/Documents/index
-  "katex": "v0.16.9", // Only keep the css and fonts files.
-  "mermaid": "10.9.0", // https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js
+  "katex": "v0.16.11", // Only keep the css and fonts files.
+  "mermaid": "11.1.1", // https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js
   "reveal": "4.6.0",
 
   // NOTE: Don't forget to update `dependentLibraryMaterials` in `markdown-engine/index.ts`

diff --git a/dependencies/katex/katex.min.css b/dependencies/katex/katex.min.css
diff --git a/dependencies/mermaid/mermaid.min.js b/dependencies/mermaid/mermaid.min.js
diff --git a/flake.lock b/flake.lock
diff --git a/flake.nix b/flake.nix
@@ -3,7 +3,7 @@
 
   inputs = {
     nixpkgs = {
-      url = "github:NixOS/nixpkgs/nixos-23.11";
+      url = "github:NixOS/nixpkgs/nixos-24.05";
       inputs.nixpkgs.follows = "nixpkgs";
     };
     flake-utils = { url = "github:numtide/flake-utils"; };

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "crossnote",
-  "version": "0.9.9",
+  "version": "0.9.10",
   "description": "A powerful markdown notebook tool",
   "keywords": [
     "markdown"
@@ -81,7 +81,7 @@
     "html-to-image": "^1.11.11",
     "imagemagick-cli": "^0.5.0",
     "jquery": "^3.7.1",
-    "katex": "^0.16.9",
+    "katex": "^0.16.11",
     "less": "^4.2.0",
     "markdown-it": "^13.0.1",
     "markdown-it-abbr": "^1.0.4",
@@ -93,7 +93,7 @@
     "markdown-it-sub": "^1.0.0",
     "markdown-it-sup": "^1.0.0",
     "md5": "^2.3.0",
-    "mermaid": "^10.9.0",
+    "mermaid": "^11.1.1",
     "minisearch": "^6.1.0",
     "mkdirp": "^3.0.1",
     "monaco-editor": "^0.43.0",

diff --git a/src/markdown-engine/index.ts b/src/markdown-engine/index.ts
@@ -783,7 +783,7 @@ window["initRevealPresentation"] = async function() {
           './dependencies/katex/katex.min.css',
         )}">`;
       } else {
-        mathStyle = `<link rel="stylesheet" href="https://${this.notebook.config.jsdelivrCdnHost}/npm/[email protected].9/dist/katex.min.css">`;
+        mathStyle = `<link rel="stylesheet" href="https://${this.notebook.config.jsdelivrCdnHost}/npm/[email protected].11/dist/katex.min.css">`;
       }
     } else {
       mathStyle = '';
@@ -812,7 +812,7 @@ window["initRevealPresentation"] = async function() {
           './dependencies/mermaid/mermaid.min.js',
         )}" charset="UTF-8"></script>`;
       } else {
-        mermaidScript = `<script src="https://${this.notebook.config.jsdelivrCdnHost}/npm/mermaid@10.9.0/dist/mermaid.min.js"></script>`;
+        mermaidScript = `<script src="https://${this.notebook.config.jsdelivrCdnHost}/npm/mermaid@11.1.1/dist/mermaid.min.js"></script>`;
       }
 
       mermaidInitScript += `<script type="module">
@@ -1730,7 +1730,7 @@ sidebarTOCBtn.addEventListener('click', function(event) {
         ebookConfig['html'] &&
         ebookConfig['html'].cdn
       ) {
-        mathStyle = `<link rel="stylesheet" href="https://${this.notebook.config.jsdelivrCdnHost}/npm/[email protected].9/dist/katex.min.css">`;
+        mathStyle = `<link rel="stylesheet" href="https://${this.notebook.config.jsdelivrCdnHost}/npm/[email protected].11/dist/katex.min.css">`;
       } else {
         mathStyle = `<link rel="stylesheet" href="file:///${path.resolve(
           utility.getCrossnoteBuildDirectory(),

diff --git a/src/notebook/types.ts b/src/notebook/types.ts
@@ -130,7 +130,7 @@ export type WikiLinkTargetFileNameChangeCase =
 export interface NotebookConfig {
   /**
    * The files of extensions to be included in the notebook
-   * @default [".md", ".markdown", ".mdown", ".mkdn", ".mkd", ".rmd", ".qmd"]
+   * @default [".md", ".markdown", ".mdown", ".mkdn", ".mkd", ".rmd", ".qmd", ".mdx"]
    */
   markdownFileExtensions: string[];
   /**
@@ -533,6 +533,7 @@ export function getDefaultNotebookConfig(): NotebookConfig {
       '.mkd',
       '.rmd',
       '.qmd',
+      '.mdx',
     ],
     globalCss: '',
     includeInHeader: '',

diff --git a/src/webview/containers/preview.ts b/src/webview/containers/preview.ts
@@ -262,15 +262,16 @@ const PreviewContainer = createContainer(() => {
       if (t < nonEmptyList[nonEmptyList.length - 1]) {
         el.removeAttribute('data-source-line');
       } else {
-        nonEmptyList.push(t);
-
         let offsetTop = 0;
         while (el && el !== previewElement.current) {
           offsetTop += el.offsetTop;
           el = el.offsetParent as HTMLElement;
         }
 
-        newScrollMap[t] = Math.round(offsetTop);
+        if (offsetTop > 0) {
+          nonEmptyList.push(t);
+          newScrollMap[t] = Math.round(offsetTop);
+        }
       }
     }