[1.21.0] Mermaid on Wiki no longer working

[scara]

Description

Hello Everyone,
just updated from 1.20.5 to 1.21.0 and the mermaid git diagram on a Wiki page breaks with the following error Qa(...).catch is not a function and nothing in JS console, just the plain source text of the diagram below the error.

Same error if starting from a fresh 1.21.0 installation.

The error cannot be reproduced on the Gitea demo site, 1.22.0+dev-350-g2d9b91aa2.

https://blog.gitea.com/release-of-1.21.0/ doesn't provide any hint/advice about Mermaid diagrams.

Thanks in advance,
Matteo

Gitea Version

1.21.0

Can you reproduce the bug on the Gitea demo site?

No

Log Gist

No response

Screenshots

No response

Git Version

No response

Operating System

Docker Rootless Image

How are you running Gitea?

Using the Docker rootless image, docker.io/gitea/gitea:1.21.0-rootless, by means of a quite standard compose.

Database

MySQL/MariaDB

[silverwind]

I can not reproduce this on my 1.21 instance. What browser are you using and did you try others? Got a full error stack trace and ideally a screenshot of devtools where the error occured in the minified JS?

[wxiaoguang]

Unable to reproduce either. I have started a fresh instance by image: gitea/gitea:1.21.0-rootless:

[scara]

Hi @silverwind and @wxiaoguang,
I'm using both Chrome 119.0.6045.160 (Official Build) (64-bit) and Edge 119.0.2151.72 (Official build) (64-bit), on Windows 11, and the issue is there on both of them.

Give this diagram a try:

---
title: "Mermaid Git Diagram on v1.21.0"
---
%%{
  init: {
    'theme': 'base'
  }
}%%
gitGraph
    commit
    commit
    branch develop
    checkout develop
    commit
    commit
    checkout main
    merge develop
    commit
    commit

Maybe it is a Docker image related issue.

DevTools doesn't give any hint since there's no JS error in the console (neither 404s): AFAIK it's a managed exception.

TIA,
Matteo

[wxiaoguang]

OK, reproduced by your sample.

It's really strange. share my findings:

1. It could be reproduced by the sample above (both Gitea docker root/rootless images).
2. There is no console log, because the displayError in markup/common.js doesn't output the details.
3. I can't reproduce it on 1.21 branch or main branch (strange)

[silverwind]

I can reproduce, not just on wiki with this mermaid source:

gitGraph
    commit
    commit

Likely a bug in mermaid itself and we should upgrade the dependency.

[silverwind]

I guess we need to upgrade mermaid in v1.21 branch. v1.21 uses mermaid v10.5.0, while main branch has v10.6.1.

[wxiaoguang]

I guess we need to upgrade mermaid in v1.21 branch. v1.21 uses mermaid v10.5.0, while main branch has v10.6.1.

Could you reproduce on 1.21 branch (which uses mermaid 10.5.0)? I can't on my side ..... I can only reproduce it by the docker images.

[silverwind]

It reproduces with my from-source compiled 1.21.0+8-gf8c5f202b non-docker instance, have not tried locally yet.

[scara]

Thanks for your repros!
Guessing that gitea 1.20.5 is working due to mermaid v10.2.3.

I'm actually new to gitea - great software! - so thanks @wxiaoguang even for your hint:

gitea/web_src/js/markup/mermaid.js

Line 71 in 37ed92d

displayError(pre, err);

HTH,
Matteo

[scara]

Hello Everyone,
any ETA for a resolution on v1.21?

Will this issue be just "automagically" resolved using v1.22 when it will be released?

TIA,
Matteo