Fooocus Gallery

V2 Update!

• It works again!
• Updated to parse the new format of the private log html file.
• Now displays info on loras, sampler, scheduler etc...
• Will now detect the log when opened from the link inside Fooocus.
• Support for multiple styles and the V2 expansion.
• Update style bank with all current styles in Fooocus.
• Fixed issue with upscaled images not adhering to the screen size - they now scale to fit and don't need to be scrolled.

How To update

Simply use Tampermonkey to check for updates on this script. In theory, it should auto update if you have that checked, but for me I haven't seen this working so I just open the script and go File->Check for updates.

---

This is a Tampermonkey script that converts the Fooocus daily log file into a more useable gallery for your images. Built with Svelte and Tailwind.

Features

• Display images from the log in a grid for easier viewing/comparison.

• Adjustable image size.

• View all image generation parameters including the style used.

  

• Quick expanded preview for images.

• Buttons to copy the prompts and seed.

• Or copy the prompt... with style! 😎

Usage

• Once installed (see below), you can simply open the log.html file that Fooocus creates in the folder with all your images. The script should auto detect and convert the page from plaintext into the gallery.

Installation

1. Use Google Chrome. It allows Tampermonkey access to the log and image files - I haven't been able to get this to work in Firefox and I've not tried others. If anyone else would like to test and report on other browsers then you are encouraged to do so!
2. Install the Tampermonkey browser extension
3. Enable the "Allow access to file URL's" setting in the chrome extension settings for tampermonkey.

4. Click the Tampermonkey extension -> Dashboard -> Utilities

5. Copy and paste this into the Import URL input box, and press Install.

https://raw.githubusercontent.com/mattmarkwick/fooocus-gallery/main/dist/bundle.js

Credits

• Thanks to lllyasviel for their massive contributions to the Stable Diffusion community including Fooocus and Control Net
• Thanks to lpshanley for the Tampermonkey Svelte template that I used to kick start this project.

Dev

I suggest skimming the readme on Tampermonkey Svelte template for a quick overview on how I set this up, but essentially just clone the repo and run

npm install
npm run dev

Then copy the header of dist/bundle.js into a new script in Tampermonkey.

To build run npm run build.