[3.2][DEV] Mermaid Diagrams

A place for Extension Authors to post and receive feedback on Extensions still in development. No Extensions within this forum should be used within a live environment!
Get Involved
Forum rules
READ: phpBB.com Board-Wide Rules and Regulations

IMPORTANT: Extensions Development rules

IMPORTANT FOR NEEDED EVENTS!!!
If you need an event for your extension please read this for the steps to follow to request the event(s)
Post Reply
User avatar
AbaddonOrmuz
Registered User
Posts: 717
Joined: Wed Dec 25, 2013 9:06 pm
Location: /dev/null
Name: Alfredo Ramos
Contact:

[3.2][DEV] Mermaid Diagrams

Post by AbaddonOrmuz » Sat Oct 26, 2019 3:39 am

Extension Name: Mermaid Diagrams
Author: Alfredo Ramos (Abaddon Ormruz)

Extension Description:

Generate diagrams and flowcharts from text in a similar manner as markdown.

It uses the mermaid library to transform text into SVG diagrams and charts.

Wrap the diagram or chart code in the [mermaid][/mermaid] BBCode.

Image Image

Extension Version: 0.1.0-dev

Requirements:
  • PHP 5.6 or greater
  • phpBB 3.2 or greater
Features:
  • Posting button for the [mermaid] BBCode
  • Generate SVG diagrams from text
  • Supports all diagrams and charts available in the library, currently:
    • Flowchart
    • Sequence diagram
    • Class diagram
    • State diagram
    • Gantt diagram
    • Git graph
    • Pie chart
  • Compatible with Markdown extension
  • It doesn't require extra configuration
Screenshots:

Image Image Image Image

Image Image Image

(Click to see in full size)

Extension Download: alfredoramos_mermaid_0.1.0-dev.zip
GitHub repository: AlfredoRamos/phpbb-ext-mermaid
Last edited by AbaddonOrmuz on Wed Nov 06, 2019 7:20 am, edited 1 time in total.
Some of my phpBB extensions: [ Imgur | SEO Metadata | Markdown ]
Check out all my extensions
Arch Linux user

User avatar
3Di
Former Team Member
Posts: 14358
Joined: Mon Apr 04, 2005 11:09 pm
Location: Milan (IT) Frankfurt (DE)
Name: Marco
Contact:

Re: [3.2][DEV] Mermaid Diagrams

Post by 3Di » Sat Oct 26, 2019 7:25 am

Looks good. Very useful.
Please PM me only to request paid works. Thx.
Want to compensate me for my interest? Donate
My development's activity º PhpStorm's proud user
Extensions, Scripts, MOD porting, Update/Upgrades
👨‍🏫 | Take a tour to | The Studio | 👨‍🏫

User avatar
david63
Registered User
Posts: 16681
Joined: Thu Dec 19, 2002 8:08 am
Location: Lancashire, UK
Name: David Wood
Contact:

Re: [3.2][DEV] Mermaid Diagrams

Post by david63 » Sat Oct 26, 2019 7:45 am

Looks interesting - although I was disappointed when there were no female sea creatures :lol: :lol:
David
Remember: You only know what you know and - you don't know what you don't know!
My CDB Contributions | How to install an extension
I will not be accepting translations for any of my extensions in Github - please post any translations in the appropriate topic.
No support requests via PM or email as they will be ignored

nou nou
Registered User
Posts: 385
Joined: Sat Oct 29, 2016 8:08 pm

Re: [3.2][DEV] Mermaid Diagrams

Post by nou nou » Sat Oct 26, 2019 5:29 pm

Mermaids aren't uniquely female you know ;)

User avatar
3Di
Former Team Member
Posts: 14358
Joined: Mon Apr 04, 2005 11:09 pm
Location: Milan (IT) Frankfurt (DE)
Name: Marco
Contact:

Re: [3.2][DEV] Mermaid Diagrams

Post by 3Di » Sat Oct 26, 2019 10:28 pm

Any chance to provide a page with a live editor?
Using preview mode is quite tedious, you know :)
Please PM me only to request paid works. Thx.
Want to compensate me for my interest? Donate
My development's activity º PhpStorm's proud user
Extensions, Scripts, MOD porting, Update/Upgrades
👨‍🏫 | Take a tour to | The Studio | 👨‍🏫

User avatar
AbaddonOrmuz
Registered User
Posts: 717
Joined: Wed Dec 25, 2013 9:06 pm
Location: /dev/null
Name: Alfredo Ramos
Contact:

Re: [3.2][DEV] Mermaid Diagrams

Post by AbaddonOrmuz » Sun Oct 27, 2019 12:44 am

3Di wrote:
Sat Oct 26, 2019 10:28 pm
Any chance to provide a page with a live editor?
Yeah, that's in my TODO list.

I'll need to look into it deeper, the live editor is a standalone React application, I'll try to extract what's needed to use it on phpBB.

Otherwise I'll try to do it on my own with the API :|
Some of my phpBB extensions: [ Imgur | SEO Metadata | Markdown ]
Check out all my extensions
Arch Linux user

1024KBUser
Registered User
Posts: 41
Joined: Mon Dec 23, 2013 1:18 pm

Re: [3.2][DEV] Mermaid Diagrams

Post by 1024KBUser » Sun Oct 27, 2019 1:06 am

nou nou wrote:
Sat Oct 26, 2019 5:29 pm
Mermaids aren't uniquely female you know ;)
https://www.youtube.com/watch?v=EoQW03UFqQw

It's mer Man *cough *cough*

Image

User avatar
3Di
Former Team Member
Posts: 14358
Joined: Mon Apr 04, 2005 11:09 pm
Location: Milan (IT) Frankfurt (DE)
Name: Marco
Contact:

Re: [3.2][DEV] Mermaid Diagrams

Post by 3Di » Sun Oct 27, 2019 3:13 am

AbaddonOrmuz wrote:
Sun Oct 27, 2019 12:44 am
3Di wrote:
Sat Oct 26, 2019 10:28 pm
Any chance to provide a page with a live editor?
Yeah, that's in my TODO list.

I'll need to look into it deeper, the live editor is a standalone React application, I'll try to extract what's needed to use it on phpBB.

Otherwise I'll try to do it on my own with the API :|
Yeah, I looked at it and searched for alternatives, to no avail.
It is indeed a tricky job, thanks for your interest.
Please PM me only to request paid works. Thx.
Want to compensate me for my interest? Donate
My development's activity º PhpStorm's proud user
Extensions, Scripts, MOD porting, Update/Upgrades
👨‍🏫 | Take a tour to | The Studio | 👨‍🏫

User avatar
donsenilo
Registered User
Posts: 305
Joined: Wed Oct 08, 2014 6:23 pm
Name: Markus
Contact:

Re: [3.2][DEV] Mermaid Diagrams

Post by donsenilo » Wed Nov 06, 2019 5:25 am

Hi

Nice ext ! But it does not work with Advanced BBCode Box ...

User avatar
AbaddonOrmuz
Registered User
Posts: 717
Joined: Wed Dec 25, 2013 9:06 pm
Location: /dev/null
Name: Alfredo Ramos
Contact:

Re: [3.2][DEV] Mermaid Diagrams

Post by AbaddonOrmuz » Wed Nov 06, 2019 7:26 am

donsenilo wrote:
Wed Nov 06, 2019 5:25 am
it does not work with Advanced BBCode Box
Yes it does.

Image

If you really meant "it does not show a BBCode button in the Advanced BBCode Box toolbar", that's another matter ;)
Some of my phpBB extensions: [ Imgur | SEO Metadata | Markdown ]
Check out all my extensions
Arch Linux user

Post Reply

Return to “Extensions in Development”