Topic on Extension talk:Flex Diagrams

We've included Flex Diagrams and it worked out of the box at a first glance, i.e. I can create any of the four diagram types and embed them in Wiki pages. However I can't edit the diagrams anymore, because the toolbar / Tabs are missing (not displayed?). Opening the Diagram page just shows the diagram as a picture, without any buttons to edit it. If I manually append the URL with "&action=editdiagram", the next page hasn't got any content, i.e. there's an empty box (which should probably contain the diagram in edit mode) and below that another box for the comments / summary for the changes. It does also show a "save changes" button at the bottom...

we're running MediaWiki 1.31.10, php 7.3.11, BlueSpice 3.1.12 in an Univention environment. Our Skin is Calumma 3.1.12, if that helps.

Interestingly, when going to the Diagram page there's already a warning in the browser console that says that our skin is not compatible with the Visual editor, but that shouldn't have any consequence at this stage, could it?

When I append the URL as described above, a warning is added:

VM1417:33

      Uncaught TypeError: OO.ui.MessageWidget is not a constructor

   at Object.success (<anonymous>:33:17)

   at fire (load.php?debug=false&lang=de&modules=jquery%2Cmediawiki&only=scripts&skin=bluespicecalumma&version=04z7l8m:46:617)

   at Object.fireWith [as resolveWith] (load.php?debug=false&lang=de&modules=jquery%2Cmediawiki&only=scripts&skin=bluespicecalumma&version=04z7l8m:47:824)

   at done (load.php?debug=false&lang=de&modules=jquery%2Cmediawiki&only=scripts&skin=bluespicecalumma&version=04z7l8m:126:174)

   at XMLHttpRequest.<anonymous> (load.php?debug=false&lang=de&modules=jquery%2Cmediawiki&only=scripts&skin=bluespicecalumma&version=04z7l8m:129:568)

again, this also includes information about the skin, but at this stage I'm lost unfortunately :-(

OK, after having created an user account and some more testing, I can be a bit more specific. The Tabs not being visible is a question of the visual representation in the skin. Ours (Calumma) displays the menu items in a collapsible side-bar.

I can create all 4 diagram types, However, I can only edit BPMN and Gantt diagrams. When trying to edit Drawio Diagrams, the canvas remains empty as I said before. Apart from the error VM1417:33 cited above are are no other meaningful errors or warnings, apart from ones that are already present before going into edit mode. When inspecting the elements of the webpage (I'm using Edge for that purpose), the canvas just is empty, whilst for the other diagram types this section is full of content.

When trying to edit Mermaid diagrams, I'm getting the following Error message in the Canvas itself:

[72c36dbfb6210cf7eeb9c18b] /bluespice/index.php?title=Mermaid:Testseite&action=editdiagram Error from line 59 of /var/www/bluespice/extensions/FlexDiagrams/includes/FD_SpecialEditDiagram.php: Class 'MediaWiki\Revision\SlotRecord' not found.

For me currently the Drawio diagrams would be the most important feature of FlexDiagrams, which unfortunately isn't working in our configuration. Does somebody have any idea what might be causing the problem?

Best regards

Matthias

Hi - I'm sorry for the long delay. A number of things could be going wrong here, but my strong guess is that at least one problem is the MediaWiki version you are using: 1.31, which is very old. I know Flex Diagrams is billed as supporting MW 1.31 and higher, but it appears that that's not correct: it looks like Mermaid handling has required MW 1.32 or higher since FD version 0.4. I'll have to fix that in the documentation. As for that JavaScript problem you're seeing with Drawio, I wouldn't be surprised if the MediaWiki version is the cause of that one as well.

Thanks Yaron, I feared that might be the answer. I've asked our IT guys to plan an update to our Wiki, but so far haven't got a commitment date yet. I'll give an update once that's sorted.

Matthias