Cannot render multiple Mermaid diagrams to PDF

[dsbitor]

Bug description

Quarto will not render two or more Mermaid diagrams to a PDF

Works to HTML

Using Quarto 1.5.57 which had a fix for this problem identified August 2024.

Steps to reproduce

Ran the following qmd file using quarto render filename
which fails if more than one Mermaid file is included in qmd source

---
title: "Mermaid Test Diagrams"
date: last-modified

format: 
  pdf:
    documentclass: scrreprt
    papersize: letter
    monofontoptions: 
       - Scale=0.75
   
---

------------------------------------------------------------------------

# Mermaid Diagrams - Rendering Multiple Diagrams 

## Simple Flowchart

```{mermaid}
flowchart LR
   A-->B
```

### Notes

Renders correctly if only one diagram


### Second Mermaid Diagram

If a second Mermaid diagram if included Quarto does not render either diagram.


```{mermaid}
flowchart LR
   Y-->Z
```

### Notes 

The above does not render: After a long period times out with message:

```
error: Top-level await promise never resolved
    await mainRunner(async (args)=>{
    ^
    at <anonymous> (file:///Applications/quarto/bin/quarto.js:118235:5)
```

Expected behavior

Not consciously changed anything - should render two simple Mermaid flowcharts

Actual behavior

In the past this worked after upgrading to Quarto 1.5.57
now errors with

error: Top-level await promise never resolved
    await mainRunner(async (args)=>{
    ^
    at <anonymous> (file:///Applications/quarto/bin/quarto.js:118235:5)

Your environment

Mac 

Chip Apple M1 Pro
Memory 32 GB
Startup disk Macintosh HD
Serial number W2LXJONWRR
macOS Sonoma 14.6.1

Quarto check output

quarto check
Quarto 1.5.57
[✓] Checking versions of quarto binary dependencies...
      Pandoc version 3.2.0: OK
      Dart Sass version 1.70.0: OK
      Deno version 1.41.0: OK
      Typst version 0.11.0: OK
[✓] Checking versions of quarto dependencies......OK
[✓] Checking Quarto installation......OK
      Version: 1.5.57
      Path: /Applications/quarto/bin

[✓] Checking tools....................OK
      TinyTeX: v2024.07.03
      Chromium: 869685

[✓] Checking LaTeX....................OK
      Using: TinyTex
      Path: /Users/davidbanham/Library/TinyTeX/bin/universal-darwin
      Version: 2024

[✓] Checking basic markdown render....OK

[✓] Checking Python 3 installation....OK
      Version: 3.11.4 (Conda)
      Path: /Users/davidbanham/anaconda3/bin/python
      Jupyter: 5.3.0
      Kernels: python3

[✓] Checking Jupyter engine render....OK

[✓] Checking R installation...........OK
      Version: 4.4.0
      Path: /Library/Frameworks/R.framework/Resources
      LibPaths:
        - /Library/Frameworks/R.framework/Versions/4.4-arm64/Resources/library
      knitr: 1.46
      rmarkdown: 2.27

[✓] Checking Knitr engine render......OK

[mcanouil]

Could you properly format your post using code blocks for code and terminal outputs? Thanks.
If your code contains code blocks, you need to enclose it using more backticks, i.e., usually four ````.
See https://quarto.org/bug-reports.html#formatting-make-githubs-markdown-work-for-us.

[dsbitor]

Code Bock for YAML Header and Markdown with two mermaid diagrams plus text in the test file:

title: "Mermaid Test Diagrams"
date: last-modified

format:
pdf:
documentclass: scrreprt
papersize: letter
monofontoptions:
- Scale=0.75

# Mermaid Diagrams - Rendering Multiple Diagrams 

## Simple Flowchart

```{mermaid}
flowchart LR
   A-->B
```

### Notes

Renders correctly if only one diagram


### Second Mermaid Diagram

If a second Mermaid diagram if included Quarto does not render either diagram.


```{mermaid}
flowchart LR
   Y-->Z
```

### Notes 

The above does not render: After a long period times out with message:

```
error: Top-level await promise never resolved
    await mainRunner(async (args)=>{
    ^
    at <anonymous> (file:///Applications/quarto/bin/quarto.js:118235:5)
```

[mcanouil]

@dsbitor please make an effort to properly format your code.
I provided an example and a link showing how to do it.

Please edit your original post and your follow up post.

---

If your code contains code blocks, you need to enclose it using more backticks, i.e., usually four ````.
See https://quarto.org/bug-reports.html#formatting-make-githubs-markdown-work-for-us.

[dsbitor]

Updated original report with back ticks as requested and added computer environment

[mcanouil]

I cannot reproduce with the development version using the below small example.

Could you try the 1.6 Release Candidate? https://quarto.org/docs/get-started/

---
title: "Quarto Playground"
format: pdf
---

```{mermaid}
flowchart LR
   A-->B
```

```{mermaid}
flowchart LR
   A-->B
```

[dsbitor]

Downloaded and installed Quarto 1.6.30 ran `quarto check' Output Below

Did not make any difference

quarto check
Quarto 1.6.30
[✓] Checking environment information...
      Quarto cache location: /Users/davidbanham/Library/Caches/quarto
[✓] Checking versions of quarto binary dependencies...
      Pandoc version 3.4.0: OK
      Dart Sass version 1.70.0: OK
      Deno version 1.46.3: OK
      Typst version 0.11.0: OK
[✓] Checking versions of quarto dependencies......OK
[✓] Checking Quarto installation......OK
      Version: 1.6.30
      Path: /Applications/quarto/bin

[✓] Checking tools....................OK
      TinyTeX: v2024.07.03
      Chromium: 869685

[✓] Checking LaTeX....................OK
      Using: TinyTex
      Path: /Users/davidbanham/Library/TinyTeX/bin/universal-darwin
      Version: 2024

[✓] Checking basic markdown render....OK

[✓] Checking Python 3 installation....OK
      Version: 3.11.4 (Conda)
      Path: /Users/davidbanham/anaconda3/bin/python
      Jupyter: 5.3.0
      Kernels: python3

[✓] Checking Jupyter engine render....OK

[✓] Checking R installation...........OK
      Version: 4.4.0
      Path: /Library/Frameworks/R.framework/Resources
      LibPaths:
        - /Library/Frameworks/R.framework/Versions/4.4-arm64/Resources/library
      knitr: 1.46
      rmarkdown: 2.27

[✓] Checking Knitr engine render......OK

Wiil keep 1.6.30 Installed unless you tell me to revert

[mcanouil]

Could you try reinstalling chromium via Quarto as it seems you are using it?

[snirye]

Im facing the same issue with format: pptx.
quarto version version 1.6.30

i tried to install chromium by quarto tools install chromium, but the results are the same

[dsbitor]

Deleted both Google Chrome and Chromium from Apps and Reinstalled Google Chrome. Deleted and reinstalled Quarto 1.6.30.
I cannot seer that Quarto installed Chromium (and see Chromium in Apps folder) where should it install as part of Quarto folder or as a separate App?. In addition, based on Activity Monitor monitoring of active apps Quarto Render appears to start Google Chrome, and it never completes. Note I had not activated Google Chrome

[dsbitor]

Marking needs-repro Issues that are blocked until reporter provides an adequate reproduction yesterday

The example given is a valid syntax minimal quarto document.

1. It's a well known fact that a developers system may well run a solution while a users will not.
2. The error message is clearly from the Quarto environment.
3. I am sorry [mcanouil], (https://github.com/mcanouil) butI feel you are 'Cicking the can down the road! '
4. Every request for information and activity has been promptly provided
5. You now have two users reporting.

[dsbitor]

I am sorry the last post was terse.

I really appreciate the care and attention the Posit puts into the development, update and problem resolution for their software and apps. Please do not take the comments above top be a criticism, rather just analysis of a problem!

I alos respect the employees and volunteers who provide support to the growing number of users.

I have been a user of RStudio and various other Posit tools since 2011.

David S. Banham, IT Operational Risk Ltd. Canada

[mcanouil]

Marking needs-repro Issues that are blocked until reporter provides an adequate reproduction yesterday

The example given is a valid syntax minimal quarto document.

1. It's a well known fact that a developers system may well run a solution while a users will not.
2. The error message is clearly from the Quarto environment.
3. I am sorry [mcanouil], (https://github.com/mcanouil) butI feel you are 'Cicking the can down the road! '
4. Every request for information and activity has been promptly provided
5. You now have two users reporting.

This feels inappropriate and borderline (see Code of Conduct), especially because you assume some meaning for a label that is part of an internal workflow.
I am running nearly the same environment as you beside being on Sequoia and as I said, I cannot reproduce the issue you have (see #11202 (comment)), this means "needs-repro" for the Quarto team.
Not providing a reproducible example could also be a reason for the label, but obviously this was not the reason here.

---

I asked about chromium-based install because that's a possible cause of the issue.
Installing chromium via Quarto means to install a local (to Quarto) Chromium.
Quarto can also use Chrome or Edge (automatically detected).
Since very recently (in the future 1.6.31 Release Candidate I believe), there is QUARTO_CHROMIUM environment variable allowing to use any chromium-based browser. For instance, I'm using Brave.

There are two PRs that are not part of 1.6.30:

• Better Handle new chrome #11187
• ensure that a chromium process started by Quarto is always closed #11195

The future 1.6.31 Release Candidate might be the fix you need.