Giter Club home page Giter Club logo

Comments (11)

hakanson avatar hakanson commented on June 4, 2024

Yes. Here is a screenshot. I am using java -jar plantuml-mit-1.2023.12.jar -picoweb to run a local PlantUML server and https://marketplace.visualstudio.com/items?itemName=jebbs.plantuml for rendering.

  "plantuml.render": "PlantUMLServer",
  "plantuml.server": "http://localhost:8080/plantuml/",

Screen Shot 2023-11-09 at 17 54 44 PM

Can you try with https://github.com/awslabs/aws-icons-for-plantuml/blob/main/examples/Basic%20Usage.puml and post a screen shot?

from aws-icons-for-plantuml.

rajganeshp avatar rajganeshp commented on June 4, 2024

Appreciate the quick response. So In my current test.adoc file, I have a bunch of other diagrams and content. Only the AWS image block is giving error. I understand if you do it in a seperate file it may work.

Check this in VSCODE and you will see the error.
= this i sthe heading
tuheh

== section 1
thetuh is awesome

[plantuml,puml,svg]

@startuml

skin rose

nwdiag {
network home {
address = "192.x.x.x/24"

  venus [address = "192.x.x.1"];
  mars [address = "192.x.x.2"];

}
}
@enduml

== this is AWS diagram

[plantuml]

@startuml

!define AWSPuml https://raw.githubusercontent.com/awslabs/aws-icons-for-plantuml/v16.0/dist
!include AWSPuml/AWSCommon.puml
!include AWSPuml/MachineLearning/SageMakerModel.puml
!include AWSPuml/Robotics/RoboMaker.puml

component "$SageMakerModelIMG()" as myMLModel
database "$RoboMakerIMG()" as myRoboticService
RoboMaker(mySecondFunction, "Reinforcement Learning", "Gazebo")

rectangle "$SageMakerModelIMG()" as mySecondML

myMLModel --> myRoboticService
mySecondFunction --> mySecondML

@enduml

== this is kroki
[plantuml]

nwdiag {
network dmz {
address = "210.x.x.x/24"

web01 [address = "210.x.x.1"];
web02 [address = "210.x.x.2"];

}
network internal {
address = "172.x.x.x/24";

web01 [address = "172.x.x.1"];
web02 [address = "172.x.x.2"];
db01;
db02;

}
}

== this is mermaid
[mermaid]

sequenceDiagram
participant Alice
participant Bob
Alice->John: Hello John, how are you?
loop Healthcheck
John->John: Fight against hypochondria
end
Note right of John: Rational thoughts prevail...
John-->Alice: Great!
John->Bob: How about you?
Bob-->John: Jolly good!

== this is gantt chart
[mermaid]

gantt
title A Gantt Diagram
dateFormat YYYY-MM-DD
section Section
A task :a1, 2014-01-01, 30d
Another task :after a1, 20d
section Another
Task in sec :2014-01-12, 12d
another task :24d

[plantuml, aws-sdk-plantuml, format=png]

@startuml Hello World
'Copyright 2019 Amazon.com, Inc. or its affiliates. All Rights Reserved.
'SPDX-License-Identifier: MIT (For details, see https://github.com/awslabs/aws-icons-for-plantuml/blob/master/LICENSE)

' Uncomment the line below for "dark mode" styling
'!$AWS_DARK = true

!define AWSPuml https://raw.githubusercontent.com/awslabs/aws-icons-for-plantuml/v16.0/dist
!include AWSPuml/AWSCommon.puml
!include AWSPuml/BusinessApplications/all.puml
!include AWSPuml/Storage/SimpleStorageService.puml

actor "Person" as personAlias
WorkDocs(desktopAlias, "Label", "Technology", "Optional Description")
SimpleStorageService(storageAlias, "Label", "Technology", "Optional Description")

personAlias --> desktopAlias
desktopAlias --> storageAlias

@enduml

from aws-icons-for-plantuml.

rajganeshp avatar rajganeshp commented on June 4, 2024

2023-11-09 13_28_02-Preview test adoc - docs - Visual Studio Code

from aws-icons-for-plantuml.

hakanson avatar hakanson commented on June 4, 2024
  • What is rendering test.adoc?
  • What PlantUML version? (e.g. add title %version() to a diagram)

from aws-icons-for-plantuml.

rajganeshp avatar rajganeshp commented on June 4, 2024

test.txt

from aws-icons-for-plantuml.

rajganeshp avatar rajganeshp commented on June 4, 2024
  1. rename the above test.txt to test.adoc and open in vscode.
  2. I'm using Kroki to render
  3. if you install the asciidoc extension, you can preview the asciidoc side by side

You can see the AWS section is giving error

where should I add the version?

from aws-icons-for-plantuml.

rajganeshp avatar rajganeshp commented on June 4, 2024

error

from aws-icons-for-plantuml.

rajganeshp avatar rajganeshp commented on June 4, 2024

You can see the Error 400 for the contents in test.txt file.

from aws-icons-for-plantuml.

rajganeshp avatar rajganeshp commented on June 4, 2024

If I just use only PLANTUML code without any other Asciidoc markup, I'm able to preview using ALT+D in Windows without issues.
May be this cannot be rendered along side with ascidoc.

from aws-icons-for-plantuml.

hakanson avatar hakanson commented on June 4, 2024

I also get an error on https://kroki.io/ (which title %version() renders as 1.2023.11)

Error 400: Syntax Error? (line: 15)

Somehow it doesn't like these lines of code which official plantuml.jar does.

IoTRule(iotRule, "Action Error Rule", "error if Kinesis fails")
KinesisDataStreams(eventStream, "IoT Events", "2 shards")
SimpleQueueService(errorQueue, "Rule Error Queue", "failed Rule actions")

from aws-icons-for-plantuml.

rajganeshp avatar rajganeshp commented on June 4, 2024

ok thanks for trying. I can always render is separately and copy the image.

from aws-icons-for-plantuml.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.