VSCode Diff 2 Images #103

Activity

1. Chaoses-Ib

   added

   enhancementNew feature or requestNew feature or request

   uiUser interfaceUser interface

   on Mar 13, 2025
2. Chaoses-Ib commented on Mar 13, 2025

   

   Chaoses-Ib

   on Mar 13, 2025

   Owner

   More actions

   If you look into the source code of MetadataViewer, its UI part is actually very simple, especially if you know React/Vue:

   @solara.component
   def MetadataViewer(comfyui_api: str = None):
       script, set_script = solara.use_state('')
       script_source, set_script_source = solara.use_state('')
   
       def on_file(file_info: solara.file_drop.FileInfo):
           set_script(...)
       
       solara.FileDrop("Drop an image here\n(In VS Code, one need to hold Shift before drag the image, otherwise the file will be opened in VS Code)", on_file=on_file)
       # TODO: https://github.com/widgetti/solara/issues/446
       solara.Markdown(f'''```python
   {script}```''')
       if script_source != '':
           solara.Markdown(f'''```python
   {script_source}```''')

   And Solara has Image and Columns component (and you can also use the ones from ipywidgets), so it would be simple to show images and add columns.

   The difficult part is, Solara's syntax highlight still doesn't work in VS Code (widgetti/solara#446). So you can't display the diff in an very readable way, unless creating your own syntax highlither that works in VS Code (either renders in JS or Python).
3. ghostsquad commented on Mar 14, 2025

   

   ghostsquad

   on Mar 14, 2025

   Last edited by ghostsquad

   Author

   More actions

   I don't know React/Vue very well. I followed the link trail from widgetti/solara#446 and it seems the issues have all been resolved (or at least closed).
4. Chaoses-Ib commented on Mar 14, 2025

   

   Chaoses-Ib

   on Mar 14, 2025

   Owner

   More actions

   It's only resolved for math and Mermaid, as the PR titled. I've tested its latest version with the latest VS Code, syntax highlighing still doesn't work.
5. ghostsquad commented on Mar 14, 2025

   

   ghostsquad

   on Mar 14, 2025

   Author

   More actions

   ok, thanks for checking in