Link to the file of the provider function in the visualization.

[YooSunYoung]

It's not so easy to jump between the functions that are used in a Pipeline to see what's actually done in that step.
It'll be useful to have a link in the visualization block and in the html table that can pop up a window in IDE or jupyternotebook panel of the file.
It'll be even better if it goes to the lines of the code.

[YooSunYoung]

I just tried setting link to the node in the graph.

from graphviz import Digraph

gr = Digraph('G', filename='example.gv', engine='dot')

gr.node('A', label='Node A', href='file:///Users/sunyoungyoo/ESS/scitiff/README.md')
gr.node('B', label='<<TABLE><TR><TD HREF="file:///Users/sunyoungyoo/ESS/scitiff/README.md#19">README</TD></TR></TABLE>>')
gr.node('C', label=' file:///Users/sunyoungyoo/ESS/scitiff/README.md ')

display(gr)

This is the example code snippet I used in jupyter notebook.
It looks like it's saving it as svg and then jupyter output shows it as an image.

Jupyter Lab

It rendered as an image and the link is not even activated and couldn't even copy the text.

VS Code

In the VS code, I could at least block the text and copy it and click the link but nothing happened...

Conclusion (so far)

Looks like it's not as simple as just putting the file path link to the node.

[YooSunYoung]

We should at least at it to the html repr of the provider list

from IPython.display import FileLink

FileLink("../pixi.toml")

[nvaytet]

In JupyterLab, the example is indeed just displayed as an image.
However, right-clicking on the image and showing in a new tab, we get the raw SVG and I can then click the links on nodes A and B.
Maybe there is a way to display the SVG instead of an image repr inline in JupyterLab?

[nvaytet]

Doing

from IPython.display import HTML
HTML(gr._repr_image_svg_xml())

works for me 😎

Edit: while it works, clicking the link takes me away from my notebook. I have not yet found a way to open the link in a new tab...

Edit2: Adding target="_blank" in the node appears to work:

gr.node('A', label='Node A', href='https://github.com/scipp/sciline/blob/main/src/sciline/data_graph.py#L13', target="_blank")

[nvaytet]

I guess it would be nice to be able to link to the online code on github, but that may not always be possible. For example, if the user made a custom provider that is defined locally.
This means we have to link to a local file.

Unfortuantely, the method suggested above does not seem to work with local files 😞