Render HTML file outputs in the Outputs preview

[anna-geller]

Feature description

Adding this inside an iframe with good restrictions will allow us to add it without compromising security

id: html
namespace: company.team
tasks:
  - id: get
    type: io.kestra.plugin.core.http.Download
    uri: https://huggingface.co/datasets/kestra/datasets/resolve/main/html/forecast.html

[MilosPaunovic]

The problem here is that the link form uri example, when opened on itself in the browser, renders raw html text instead of content. Example of plotly chart from here renders in both browser by itself and in the iframe. Is there any specific to the file stored here?

[Chhaya-g]

@anna-geller can I work on this feature?

[MilosPaunovic]

Go for it @Chhaya-g! 🚀

[Chhaya-g]

@MilosPaunovic @anna-geller I am sorry but I have a doubt that I am expected to render the HTML, so that it looks like a webpage, right?
Also can you tell me the dedicated output preview file or section in the repository from where the task outputs would be rendered ,where I can add my vue.js code. I am a beginner with open source so could you mind clearing my doubt and helping you out?

[MilosPaunovic]

You have the example flow in the description of this issue which you can use for providing the output to render. The component for outputs is in this file kestra/ui/src/components/executions/outputs/Wrapper.vue so that is where to start your search.

[Ben8t]

@Chhaya-g did you succeed to make any progress on this :) ?

[Chhaya-g]

@Chhaya-g did you succeed to make any progress on this :) ?
Hey @Ben8t, Thank you for following up. I’ve been tied up with my 7th semester practical exams all week, but I’ve reviewed everything and now have a clear understanding of how to move forward. I plan to begin working on it this weekend.