Dynamic Mermaid in Markdown

[ctanno]

Description

This is mentioned on: https://discourse.nodered.org/t/dynamic-mermaid-in-markdown/86151

Im trying to use the dynamic Mermaid function to get our user some more information about the state of the machine.

What i'm trying to achieve looks like:

However if change the page( other page in the dashboard) or deploy i end up with

If i press then F5 i get the result i shared above.

Workflow to reproduce:

• open Dashboard
• Mermaid loads correct
• open Other Page from Menu
• open Page Home from Menu
• Mermaid fails
• Press F5
• _Mermaid loads correct

[ { "id": "ab49282181c8c397", "type": "ui-markdown", "z": "520e94a25e7b10ea", "group": "9614977e4849f0e2", "name": "", "order": 0, "width": 0, "height": 0, "content": "# Overview\n```mermaid\n{{ msg.payload }}\n```\n\n", "className": "", "x": 690, "y": 560, "wires": [ [] ] }, { "id": "563062f8a24a42bb", "type": "inject", "z": "520e94a25e7b10ea", "name": "", "props": [ { "p": "dut1", "v": "0.75", "vt": "num" }, { "p": "topic", "vt": "str" } ], "repeat": "5", "crontab": "", "once": true, "onceDelay": 0.1, "topic": "", "x": 170, "y": 560, "wires": [ [ "1c71554f81e9c2e7" ] ] }, { "id": "10029222fc7aa3b3", "type": "template", "z": "520e94a25e7b10ea", "name": "", "field": "payload", "fieldType": "msg", "format": "handlebars", "syntax": "mustache", "template": "flowchart TD\n vc(((Vacuum Chamber)))\n dut1((DUT1 <br/> U: {{global.Dut1Voltage}} ))\n dut2((DUT2 <br/> U: {{global.Dut2Voltage}} ))\n dut3((DUT3 <br/> U: {{global.Dut3Voltage}} ))\n dut4((DUT4 <br/> U: {{global.Dut4Voltage}} ))\n dut5((DUT5 <br/> U: {{global.Dut5Voltage}} ))\n mfc\n turbo((turbo))\n pendulum\n inline\n bypass\n rootPump(rootpump)\n \n dut1 --- vc\n dut2 --- vc\n dut3 --- vc\n dut4 --- vc\n dut5 --- vc\n vc --- pendulum\n pendulum --- turbo\n turbo --- inline\n inline --- rootPump\n bypass --- rootPump\n vc --- bypass\n\n vc --- mfc\n\n", "output": "str", "x": 500, "y": 560, "wires": [ [ "ab49282181c8c397" ] ] }, { "id": "1c71554f81e9c2e7", "type": "function", "z": "520e94a25e7b10ea", "name": "set Dut1", "func": "if (msg.dut1 != null){\n global.set(\"Dut1Voltage\", msg.dut1);\n return [ msg ];\n\n} \n", "outputs": 1, "timeout": 0, "noerr": 0, "initialize": "if (global.get(\"Dut1Voltage\") === undefined) {\n global.set(\"Dut1Voltage\", 0.0)\n}", "finalize": "", "libs": [], "x": 320, "y": 600, "wires": [ [ "10029222fc7aa3b3" ] ] }, { "id": "573fa16e5c889ba3", "type": "inject", "z": "520e94a25e7b10ea", "name": "", "props": [ { "p": "dut1", "v": "1.5", "vt": "num" }, { "p": "topic", "vt": "str" } ], "repeat": "", "crontab": "", "once": false, "onceDelay": 0.1, "topic": "", "x": 170, "y": 660, "wires": [ [ "1c71554f81e9c2e7" ] ] }, { "id": "9614977e4849f0e2", "type": "ui-group", "name": "Bastelbereich", "page": "f65a7107e6d35ffb", "width": "6", "height": "1", "order": -1, "showTitle": true, "className": "", "visible": "true", "disabled": "false" }, { "id": "f65a7107e6d35ffb", "type": "ui-page", "name": "Home", "ui": "9a08a70171034e49", "path": "/", "icon": "", "layout": "grid", "theme": "2f45c2be539b2d4f", "order": -1, "className": "", "visible": true, "disabled": false }, { "id": "9a08a70171034e49", "type": "ui-base", "name": "Home", "path": "/dashboard", "showPathInSidebar": true }, { "id": "2f45c2be539b2d4f", "type": "ui-theme", "name": "Default", "colors": { "surface": "#ffffff", "primary": "#294478", "bgPage": "#ffffff", "groupBg": "#f2f2f3", "groupOutline": "#cccccc" }, "sizes": { "pagePadding": "12px", "groupGap": "12px", "groupBorderRadius": "4px", "widgetGap": "12px" } } ]

Epic/Story

No response

Have you provided an initial effort estimate for this issue?

I have provided an initial effort estimate