abapMermaid
An ABAP package that renders Mermaid diagrams inside an SAP GUI container through the Edge Chromium Control, from a diagram's own text syntax passed at runtime.
Showing a Mermaid diagram in SAP GUI needs running mermaid.js somewhere the classic Internet Explorer browser control cannot execute it. abapMermaid packages a Mermaid release as an SMW0 object and renders it through the Edge Chromium Control instead, so a zcl_wd_gui_mermaid_js_diagram created against a GUI container can display a diagram from a plain source-code string set with set_source_code_string. It needs SAP GUI 7.70 or higher and the corrections from SAP Note 3002961 for the container's background colour to render correctly, and font colour and type are not yet supported. The maintainer marks it a work in progress with known bugs.
Facts
Where it sits
Who is behind it
In the atlas: maintains 3, contributes to 10@WegnerDanmaintainerEnnoContributes to this
In the atlas: contributes to 8@EnnowulffYurii SychovContributes to this
In the atlas: maintains 9, contributes to 10@ysichov2 contributors
What it declares
Every artifact
- Type
- Package
- Origin
- Independently maintained
As a package
- Where it runs
- does not say
- Distributed through
- does not say
Connections
Building screens, lists and interactive controls for the SAP GUI
Download
README
quoted from WegnerDan/abapMermaid under MIT, readabapMermaid
Integrate Mermaid Diagrams in SAP GUI Containers
Source Code of mermaid release 11.12.0 is included as SMW0 Object (downloaded from https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js)
Disclaimer
This is a work in progress, there are bugs. The background color of the HTML container is determined with cl_gui_resources, but this might not work correctly if corrections described in SAP Note 3002961 are not applied in the System. The font color and type are on the todo list (doesn't work yet).
Prerequisites
Mermaid does not work in the Internet Explorer Browser Control, so the Edge Chromium Control has to be used. More info in SAP Note 2913405
And SAP GUI version should be from 7.70 or higher.
Preview
DATA(diagram) = NEW zcl_wd_gui_mermaid_js_diagram( parent = some_instance_of_cl_gui_container ).
diagram->set_source_code_string( |graph TD\n|
&& |A[Client] --> B[Load Balancer]\n|
&& |B --> C[Server01]\n|
&& |B --> D[Server02]\n| ).
diagram->display( ).
Sample Programs
Program ZWD_MERMAID_SAMPLE_1
Simplest possible example, basically the code that is mentioned in the preview section.
Program ZWD_MERMAID_SAMPLE_2
Example in a classic screen, with a couple of different diagrams.
Program ZWD_MERMAID_TEST
Use this to test how a diagram looks in SAP GUI after designing with Mermaid Live Editor. Includes basic error handling (parse errors are displayed in the bottom left corner) and configuration editable as JSON.
abapMermaidDocflow
Others providing
Compare all 10 on the SAP GUI screens and lists page →- abeljohny/ZAPabeljohny/ZAPA tiny DSL included into an ABAP report that replaces a SELECT and an ALV call with a pair of macros, _select to read a table and _display to show the result as an ALV list.independent, abapMacro DSL turning a one-line select into an ALV list
- abap-ui-toolboxabap-ui-toolboxA collection of ABAP classes for classic SAP GUI development: an enhanced, editable ALV grid, a single-container screen framework, and a tree wrapper.independent, abapABAP classes for classic SAP GUI development: ALV, screens, trees
- alv_utilitiesalv_utilitiesA single ABAP class that wraps the SALV framework so a report, dynpro or popup listing sets column text, colour, alignment, layout and sorting in single method calls, built against ABAP 7.0.independent, abapABAP class wrapping SALV to set column properties in one call
- abap-alv-struc-viewerabap-alv-struc-viewerAn ABAP tool that generates an ALV table view straight from a DDIC structure, as a control-driven substitute for classic dynpro fields, with search help, validation and formatting from the structure.independent, abapALV table view generated from a DDIC structure
- abap-ui-toolsabap-ui-toolsA helper class for the classic ABAP dynpro UI: hiding, disabling and requiring screen fields, setting dropdown values, and asking yes/no questions, in single calls.independent, abapHelper class for classic ABAP dynpro field handling and popups
- abapEasyALVabapEasyALVWrapper classes over the classic ALV and SALV frameworks that collect commonly used reporting actions behind fewer method calls, so a report displays a table with set_data and display_data.independent, abapWrapper classes over classic ALV and SALV reporting
- cds2alvcds2alvAn ABAP tool that generates an ALV list report directly from a CDS view's own field definitions, maintained on SAP_ABA 750 SP26, with further extensions shipped from a separate repository.independent, abapGenerator for ALV list reports from a CDS view's field definitions
- guidrasilguidrasilA visual designer for classic SAP GUI screens that wraps containers and controls in a generic shell and generates the ABAP program that displays the layout it places.independent, abapVisual designer generating ABAP code for classic SAP GUI screens
- ZwdDynscreenZwdDynscreenAn ABAP library that generates a selection screen or a popup for a handful of parameters from objects typed by DDIC elements, without a dynpro created in the program.independent, abapSelection screens and popups generated from ABAP objects, no dynpro
Details
Sources
Sources are graph entities: the same page may back several entries, and an unreachable source flags every row that rests on it.
Compatibility and provenance
abaplint
Contributors
History in the atlas
- First seen.
For your agent
- Ref
artifact:wegnerdan-abapmermaid- JSON
- /artifacts/wegnerdan-abapmermaid.json
- MCP
- Connecting an agent