[digdag-ui]Workflow Page bloats memory usage of browser

[snagasawa]

WorkflowVIew uses ReactInterval to fetch the project's archive file every few seconds in order to display the workflow definition and task files.

digdag/digdag-ui/console.jsx

Line 1023 in 060c9a0

<WorkflowFilesView workflow={wf} projectArchive={this.state.projectArchive} />

digdag/digdag-ui/console.jsx

Line 1025 in ea9d73c

<ReactInterval timeout={refreshIntervalMillis} enabled={Boolean(true)} callback={() => this.fetch()} />

digdag/digdag-ui/model.js

Line 329 in 060c9a0

fetchProjectArchiveWithRevision (projectId: string, revisionName: string): Promise<ProjectArchive> {

But, fetching the project's archive file bloats memory usage of the browser. Some of archive files of my Digdag projects over 10MB.

This is a capture of the Task Manager in Google Chrome.
As long as the Workflow Page is open, the number of Dedicated Workers will continue to grow like this.

And here is the list of requests in the network tab of devtools.

It seems too heavy to fetch the archive file every few seconds.

Any feedback would be much appreciated.
Thanks.

[seiyab]

I wonder that garbage collection doesn't work.

[snagasawa]

@seiyab
Thanks for replying.
I created PR fix this issue. #1741