The "stylesheet" attribute doesn't seem to work

[vkargov]

Hi,

I've noticed that the stylesheet attribute doesn't seem to work with the extension. If I have the following 2 files:

dotty_style.css:

.vegan {
    fill: green;
}

example.dot:

digraph {
    stylesheet="dotty_style.css"
    hello [class=vegan]
}

If I place the two files in the same directory and run dotty from the command line as follows:

dot -Tsvg example.dot -o example.svg && open example.svg

I will see green text (which is expected - that means the CSS style was applied to the hello node). However, if I open the same .dot file with this extension, the text remains black.

At first I thought maybe it was a cwd problem so I tried providing the same path in a few different ways, but it doesn't seem to help.

Is this a bug? Or was it intentionally disabled?

Anyway, thanks for the extension!

[EFanZh]

@vkargov: It is not intentionally disabled. I’ll take a look at it later.

[vkargov]

Thank you for confirming!! I think it might have to do with CSP. But I'm pretty clueless about how the Internet works so I may be getting this wrong.

[EFanZh]

@vkargov: I have identified the problem and submitted a fix, a new version containing the fix will be released soon.

[netheril96]

It still doesn't work on my VSCode.

Here is the preview by the extension:

Here is the exported SVG rendered by Chrome:

[EFanZh]

@netheril96: The current implementation only supports stylesheets in the following locations:

• Open workspaces.
• The folder containing the Graphviz source file.

Additionally, the stylesheet path must be relative.

I’ll keep this issue open for now until I find a better solution.