Skip to content

toutjavascript/Fooocus-Log-Viewer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

38 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Fooocus Log Viewer

Fooocus Log Viewer is an add-on to https://github.com/lllyasviel/Fooocus. It creates a powerfull view of all your generated images and how you made them. Capture d’écran 2024-01-08 à 12 10 14

Click to Zoom an image Capture d’écran 2024-01-08 à 12 10 27

New search box, search all your fooocus images by text, models and styles. It works well with over 10k images on SSD Capture d’écran 2024-01-24 à 11 25 15

What you can do with Fooocus Log Viewer

Fooocus Log Viewer can be integrated in UI with auto resize to fully fill the usable screen space.

You will be able to :

  • Search all your images by prompts/models/styles
  • Browse all your images by dates and batches
  • Choose the grid size
  • View prompts differences
  • Click an image to view it bigger with all prompt details
  • Copy the prompt datas (seed, models, styles, loras, ...)

Installation of Fooocus Log Viewer

Installation is very easy. No npm nor pip install. Files are in archive and load extra JS and CSS from CDN.

1/ First step

Copy the archive files (viewer.html and viewer.js) in /Fooocus/outputs/ directory

You could directly open viewer.html with Fooocus localhost server Adress looks like http://localhost:7865/file=outputs/viewer.html Check the port number on Fooocus UI webpage

2/ Deep integration in Fooocus UI

A new deep integration is available. Quite easy to config, with only one file to modify. You open /modules/ui_gradio_extensions.py file. At line 43, add :

head += f'<script type="text/javascript" src="file=outputs/viewer.js"></script>\n'

Quit Fooocus if started and restart run.bat to reinit Fooocus

You will see new link [🎥 Image Log Viewer (iframe)] in bottom of [Setting] tab

Click on it to display the Log Viewer over the same UI

This integration will be overwritten every time Fooocus is autoupdated at start.

To avoid update, you can create a new run-no-update.bat with :

.\python_embeded\python.exe -s Fooocus\launch.py --theme=dark
pause

The dark theme offers a better experience.

Fooocus Version Compability

This add-on is validated from V2.1.852 to V2.3.1 Fooocus version.

Each Fooocus update is at risk to break the proper functionning of this script.

Please contact when broken.

Original idea and work

The idea and initial work is inspired by @sngazm at lllyasviel/Fooocus#693

Update log

1.5.6 Fix issue on search

  • Close issue #21

1.5.5 Fix issue on row parsing log.html with .jpeg generated images

1.5.4 Fix issue on row parsing in viewer.html

1.5.3 Fix issue on generated image with input image

  • Close issue #16

1.5.2 Fix issue opened and solved by friendly user

  • Close issue #13

1.5.1 Fix issues opened by friendly users

  • Close issues #11
  • Close issues #10
  • Close issues #9

1.5.0 New search box

  • Search for all images with prompt/models/styles
  • Auto-refresh with new generated images

1.4.0

  • Hide images deleted on folder
  • Show number of images deleted

1.3.0 (thanks @ItsNoted for some of these ideas)

  • Images of style are displayed on batch details
  • Click on image thumbnail open zoomed image without targeting the magnifying glass
  • Check for new image on today today's folder
  • Could play sound when a new image is detected on today's folder
  • Remember configuration choices (grid size, autoreload, sound on, display details, display metadata, ...)

1.2.0 Calendar Release

  • View all the working day with images
  • Reduce the size of batch details

1.1.0 New Year Release

  • Next/Previous button to navigate between images history on zoom page
  • Download Image button
  • A very simple "Metadata: copy to Clipboard" button. Paste the datas in Generate Textarea to get the same image

1.0.0 Initial public release

  • Inline Fooocus UI one click integration

Next 1.x will be a more advanced version with :

  • Search for text in prompt history
  • Liked images listing
  • Better UI integration in Fooocus UI (work on CSS to optimize size and position)
  • Download Image button with metadata EXIF prompt auto added
  • Download alls images of a batch in one click

Please share your ideas here by opening discussion.