Realtime Cards #70
Realtime Cards #70
Conversation
valayDave
force-pushed
the
valay/real-time-cards
branch
2 times, most recently
from
cdd6fb1 to
1be4ab0
Compare
![github-advanced-security[bot]](https://avatars.githubusercontent.com/in/57789?s=60&v=4){kind=small}
| legend: { | ||
| display: false, | ||
| const createChart = () => { | ||
| const { config, data, labels } = componentData; |
There was a problem hiding this comment.
Is this better than leaving it reactive above? Since the json loading is async, i'm not entirely sure this is ideal.
There was a problem hiding this comment.
When i tried runnning it without this code change then the charts were not getting updated. Didn't know why so I tried something like this.
There was a problem hiding this comment.
In lines that follow, there is a $ function handling some updates (Is that incorrectly done ?) I don't know the exact syntax.
There was a problem hiding this comment.
if it works, i would leave as is!
the next version of svelte will solve for this problem entirely anyway.
valayDave
force-pushed
the
valay/real-time-cards
branch
from
8911806 to
cf4cd58
Compare
valayDave
force-pushed
the
valay/real-time-cards
branch
13 times, most recently
from
068db2f to
1b73af4
Compare
valayDave
force-pushed
the
valay/real-time-cards
branch
from
1b73af4 to
38fea65
Compare
valayDave
force-pushed
the
valay/real-time-cards
branch
6 times, most recently
from
6b19add to
853d640
Compare
- cleanup the ui component code and add naive progress-bar
- Chart support within tables and anywhere across the page - Chart mutation done based on spec/data changes.
valayDave
force-pushed
the
valay/real-time-cards
branch
from
853d640 to
12abd7f
Compare
valayDave
force-pushed
the
valay/real-time-cards
branch
from
12abd7f to
7192efd
Compare
…vior - Markdown and Artifact Component made realtime. - default/blank cards made realtime - default component ids to realtime-updatable UserComponents
- Add a variable in the HTML template to enable/disable `metaflow_card_update` function
- Set options that allows disabling realtime updates for components that may have lots of data like `Image` / `Table`. This can be useful when we are calling refresh often and don't want to update data which maybe static.
- Image.update supports multi-type object - remove `disable_updates` from public api
- Server helps view realtime updates - Added a card viewer html file - Created a simple HTTP based card server that will help showcase the realtime cards from querying the server - The API response contains the task status for the data api - reload on run change : A background thread checks if there are new runs created via the latest_run file.
- Cleanup HTML template - Handles edge case where no runs are available - Shows errors when things are not working
valayDave
force-pushed
the
valay/real-time-cards
branch
from
7192efd to
36613dc
Compare
| * Setup a new card and start the watcher | ||
| */ | ||
| function handleLoadCard(name, value) { | ||
| document.getElementsByTagName("title").innerHTML = name; |
Check warning
Code scanning / CodeQL
DOM text reinterpreted as HTML Medium
| function handleLoadCard(name, value) { | ||
| document.getElementsByTagName("title").innerHTML = name; | ||
| const iframe = document.getElementById("card-frame"); | ||
| iframe.src = `/card/${value}`; |
Check warning
Code scanning / CodeQL
DOM text reinterpreted as HTML Medium
No description provided.