kkeisuke/plantuml-editor

PlantUML online demo client

plantuml-editor's Issues

Would it be possible to allow for non-UML (e.g., JSON, Gantt, salt, etc.) diagrams?

https://plantuml.com/patreon/index offers a few more really useful non-UML diagrams:

@startjson @endjson
@startsalt @endsalt

Thank you kindly!

Use custom plantuml server

Can I config this project to use a custom plantuml server?

画像表示されない

メインのUML画像、履歴側のサムネイル共に表示されない

Dockerfile

Hello,

Is it possible to also release the Dockerfile used to create the images stored ?

Thanks for this great editor.

Using SKIN

Skinparam is not supported

@startuml
!define LIGHTBLUE
!includeurl https://raw.githubusercontent.com/Drakemor/RedDress-PlantUML/master/style.puml
skinparam actorStyle awesome

title Payments Testing
actor CardHolder


CardHolder -> Merchant : Payment Order Created
CardHolder <-- Merchant : Payment Order Reference


@enduml

Collaborative editing

can this be leveraged as a collaborative editor? Then it would be exactly what I am searching for ;)

Add the Shortcut syntax to the cheat sheet.

The cheat sheet does not provide any information about the shortcut syntax for the sequence diagrams. While the editor supports the feature.

Please add a description of this useful feature. More information could be found here: https://plantuml.com/sequence-diagram#35480215b426d170

Not working for me

Here is the log of my installation attempt:

curl -sL https://deb.no
mcon@black:~/projects$ git clone https://github.com/kkeisuke/plantuml-editor.git
Cloning into 'plantuml-editor'...
remote: Counting objects: 1237, done.
remote: Compressing objects: 100% (33/33), done.
remote: Total 1237 (delta 16), reused 32 (delta 9), pack-reused 1194
Receiving objects: 100% (1237/1237), 11.33 MiB | 4.94 MiB/s, done.
Resolving deltas: 100% (726/726), done.
mcon@black:~/projects$ cd plantuml-editor
mcon@black:~/projects/plantuml-editor$ npm -v
5.5.1
mcon@black:~/projects/plantuml-editor$ node -v
v9.1.0
mcon@black:~/projects/plantuml-editor$ npm install

> [email protected] install /home/mcon/projects/plantuml-editor/node_modules/phantomjs-prebuilt
> node install.js

PhantomJS not found on PATH
Download already available at /tmp/phantomjs/phantomjs-2.1.1-linux-x86_64.tar.bz2
Verified checksum of previously downloaded file
Extracting tar contents (via spawned process)
Removing /home/mcon/projects/plantuml-editor/node_modules/phantomjs-prebuilt/lib/phantom
Copying extracted folder /tmp/phantomjs/phantomjs-2.1.1-linux-x86_64.tar.bz2-extract-1510594273211/phantomjs-2.1.1-linux-x86_64 -> /home/mcon/projects/plantuml-editor/node_modules/phantomjs-prebuilt/lib/phantom
Writing location.js file
Done. Phantomjs binary available at /home/mcon/projects/plantuml-editor/node_modules/phantomjs-prebuilt/lib/phantom/bin/phantomjs
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})

added 1096 packages in 11.996s
mcon@black:~/projects/plantuml-editor$ npm run dev

> [email protected] dev /home/mcon/projects/plantuml-editor
> node build/dev-server.js

> Starting dev server...


 ERROR  Failed to compile with 4 errors                                                                                                                                                                18:32:00

These relative modules were not found:

* ./modules/plantumlEditor in ./src/store/index.js
* ./modules/histories in ./src/store/index.js
* ./modules/umlTemplate in ./src/store/index.js
* ./modules/gistApi in ./src/store/index.js
> Listening at http://localhost:8080

mcon@black:~/projects/plantuml-editor$ 

It seems the following change allows it to compile successfully (was this ever tested on a cases-sensitive filesystem?):

index 8668bbe..44d32ce 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -4,18 +4,18 @@ import Vue from 'vue'
 import Vuex from 'vuex'
 Vue.use(Vuex)
 
-import plantumlEditor from './modules/plantumlEditor'
+import PlantumlEditor from './modules/PlantumlEditor'
 import Layout from './modules/Layout'
-import histories from './modules/histories'
-import umlTemplate from './modules/umlTemplate'
-import gistApi from './modules/gistApi'
+import Histories from './modules/Histories'
+import UmlTemplate from './modules/UmlTemplate'
+import GistApi from './modules/GistApi'
 
 export default new Vuex.Store({
   modules: {
-    plantumlEditor,
+    PlantumlEditor,
     Layout,
-    histories,
-    umlTemplate,
-    gistApi
+    Histories,
+    UmlTemplate,
+    GistApi
   }
 })

... but I'm not really sure this is the right fix because the program doesn't seem to work too well:

What am I missing?
Please advise.

Load plantUML from image link

Thanks for doing this the editor it looks great!

If I create a diagram say for github but then I want to edit it, is there a way to load the diagram back into the editor?

Say I have:

<img src="https://plantuml-server.kkeisuke.app/svg/[encoded-plantuml-code].svg"/>

How can I load this into the editor? I can't seem to find a way to do it.

Perhaps it would be good to make a route where it is possible to pass in the image url to load it into localStorage in the editor? Eg.

https://plantuml-editor.kkeisuke.com?img=https://plantuml-server.kkeisuke.app/svg/SyfFKj2rKt3CoKnELR1Io4ZDoSa700.svg

Then this could become a dialog that accepts a url?

---

I found a python script to decode the string perhaps it could be ported over to JS?

https://gist.github.com/ryardley/64816f5097003a35f9726aab676920d0

editor shows nothing after change

Hi. I've encountered this problem many times before, where I modify something, and click on refresh, just to get a blank screen as response. Usually I close the browsers (I try on both, Edge and Chrome), and the problem is fixed, it shows the diagram, no problem.
Today, it's with the same problem again, but this time, I just can't get it to "wake up". Tried 2 browsers, closing and reopening, even reboot my laptop... Still a blank screen.
It's not syntax error (those show up)...
I use .com URL since .DEV also does nothing when I press ctrl-Enter.
Any help?
Thanks,

Failed to compile with 2 errors

ERROR Failed to compile with 2 errors 09:44:01

one is in ./src/components/Editor.vue (Module build failed: TypeError: Cannot read property 'type' of undefined)

the next error in ./src/directive/modules/clipboard.js(Module build failed: TypeError: Cannot read property 'type' of undefined)

and the page look like this .

my node version is 9.4.0 and npm version is 5.6.0

Wrong bounds calculation for alt block when section split is used

Hi,

SVG/PNG is generated incorrectly for alt blocks if section split line "===" is used in sequence diagram.
Example:

autonumber
alt Secondary attach
Device <- "Server": HTTPS 200 OK: Show page
Device -> "Server": HTTPS POST /success: Accept
Device <- Device: JS verify pending status
"Server" -> "SM": HTTPS POST: confirm1
"Server" <- "SM": HTTPS 200 OK: deploy page
"Server" -> "SM": HTTPS POST: confirm2
"Server" <- "SM": HTTPS 200 OK: [matchingID] = confirm2()
====
"Server" -> "SS": provision(params...)
"Server" <- "SS": success = provision()
alt On success
Device <- "Server": HTTPS 200 OK: JS callback) // Show success page
====
Device -> "SS": "initAuth"
else On error
Device <- "Server": HTTPS 200 OK: Show error / failure page
end
Device <- Device: done // completed flow ends
end
@enduml

Feature: plantuml-parser integration

Hi awesome project!

I maintain the plantuml-parser project and wanted to ask if you would be interested in collaborating?

I could see the following use cases for the parser in the editor:

• syntax error detection (currently the editor just renders an empty square)
• better syntax highlighting
• write diagram as JSON

Tell me if you are interested. Looking forward hearing from you.

Change text/diagram window size

Could you please do it possible to change text/diagram view size? Thanks in advance