Dockerfiles: Install the mermaid CLI

[sameo]

In order to include mermaid diagrams that are both github and asciidoc compatible, we need to include the mermaid-cli package.

With that CLI, we can convert github mermaid diagrams on the fly, as shown in riscv-non-isa/riscv-ap-tee-io#43

[sameo]

cc @rpsene

[rpsene]

@sameo any specific reason to install version 9 instead of the latest one (10.6.1)?

[rpsene]

@sameo with the version 9 we have a problem with the Chromium dependency on arm64.

548.3 npm WARN deprecated puppeteer@16.2.0: < 19.4.0 is no longer supported 549.2 npm ERR! code 1 549.2 npm ERR! path /usr/local/lib/node_modules/@mermaid-js/mermaid-cli/node_modules/puppeteer 549.2 npm ERR! command failed 549.2 npm ERR! command sh -c node install.js 549.2 npm ERR! The chromium binary is not available for arm64. 549.2 npm ERR! If you are on Ubuntu, you can install with: 549.2 npm ERR! 549.2 npm ERR! sudo apt install chromium 549.2 npm ERR! 549.2 npm ERR! 549.2 npm ERR! sudo apt install chromium-browser 549.2 npm ERR! 549.2 npm ERR! ERROR: Failed to set up Chromium r1022525! Set "PUPPETEER_SKIP_DOWNLOAD" env variable to skip download. 549.2 npm ERR! Error 549.2 npm ERR! at handleArm64 (/usr/local/lib/node_modules/@mermaid-js/mermaid-cli/node_modules/puppeteer/lib/cjs/puppeteer/node/BrowserFetcher.js:138:11) 549.2 npm ERR! at BrowserFetcher.download (/usr/local/lib/node_modules/@mermaid-js/mermaid-cli/node_modules/puppeteer/lib/cjs/puppeteer/node/BrowserFetcher.js:285:13) 549.2 npm ERR! at async downloadBrowser (/usr/local/lib/node_modules/@mermaid-js/mermaid-cli/node_modules/puppeteer/lib/cjs/puppeteer/node/install.js:65:5) 549.2 549.2 npm ERR! A complete log of this run can be found in: 549.2 npm ERR! /root/.npm/_logs/2023-12-04T14_20_33_126Z-debug-0.log

[rpsene]

it works with the lasted version, though.

[sameo]

it works with the lasted version, though.

@rpsene Can you run mmdc --version with the latest version installed? For me it was installing fine but then would crash when invoked.

[rpsene]

@sameo is this the error you got? if so, this is caused given the LTS versions of npm and nodejs available on Ubuntu 22.04 are older than the one required by the latest version of mermaid.

`root@ea299882b049:/build# mmdc --version
file:///usr/local/lib/node_modules/@mermaid-js/mermaid-cli/src/index.js:262
const svg = container.getElementsByTagName?.('svg')?.[0]
^

SyntaxError: Unexpected token '.'
at Loader.moduleStrategy (internal/modules/esm/translators.js:133:18)`

When updating:

I will test the updated container, if we succeed bulding the docs, I will push the update to install mermaid.

[rpsene]

@sameo build is OK. I will push the changes.

`git diff
diff --git a/Dockerfiles/ubuntu2204 b/Dockerfiles/ubuntu2204
index 2f67e44..4ec04fb 100644
--- a/Dockerfiles/ubuntu2204
+++ b/Dockerfiles/ubuntu2204
@@ -55,6 +55,11 @@ RUN export DEBIAN_FRONTEND=noninteractive &&
pygments.rb
rghost
rouge \

• chromium
  ruby_dev && \

• npm install -g wavedrom-cli@2.6.8 bytefield-svg@1.8.0

• npm install -g npm@latest \
• npm cache clean -f \
• npm install -g n \
• n stable \
• npm install -g wavedrom-cli@2.6.8 bytefield-svg@1.8.0 @mermaid-js/mermaid-cli`

[rpsene]

Closing as it was implemented. e42baa5

@sameo ^

[sameo]

@rpsene It seems I still get the error. See:
https://github.com/riscv-non-isa/riscv-ap-tee-io/actions/runs/6984327830/job/19398768968

where mmdc fails with the same error you and me were seeing. Did you push your latest build?

[rpsene]

@sameo can you check the build result at https://github.com/riscv-non-isa/riscv-ap-tee-io/actions/runs/7128569198

I have updated the build process in that repo.

[rpsene]

@sameo the resolution is still pending, I hope to finish the fix by next week as I finily identified the root cause.