Avoid running a background task in ./server, seems to be causing issues on some distros

Dockerfile

@@ -10,6 +10,6 @@ RUN pip install --no-cache-dir -r requirements.txt
 
 COPY . .
 
-EXPOSE 8000
+EXPOSE 9000
 
-ENTRYPOINT ["uvicorn", "main:app", "--reload", "--host", "0.0.0.0"]
+ENTRYPOINT ["uvicorn", "main:app", "--reload", "--host", "0.0.0.0", "--port", "9000"]

OldPortDockerfile

@@ -0,0 +1,15 @@
+FROM python:3.9
+
+RUN mkdir /app
+WORKDIR /app
+
+RUN apt update
+
+COPY requirements.txt ./
+RUN pip install --no-cache-dir -r requirements.txt
+
+COPY . .
+
+EXPOSE 8000
+
+ENTRYPOINT ["uvicorn", "old_port_main:app", "--host", "0.0.0.0", "--port", "8000"]

README.md

@@ -12,7 +12,11 @@ Two things:
 
 All the processing will happen on your computer locally, it does not transmit your prompts or process on any remote server.
 
-<img src="https://github.com/cmdr2/stable-diffusion-ui/raw/main/media/shot-v4.jpg" height="500" alt="Screenshot of tool">
+<p float="left">
+  <img src="https://github.com/cmdr2/stable-diffusion-ui/raw/main/media/shot-v3a.jpg" height="500" />
+  <img src="https://github.com/cmdr2/stable-diffusion-ui/raw/main/media/shot-v6a.jpg" height="500" />
+</p>
+
 
 # System Requirements
 1. Computer capable of running Stable Diffusion.
@@ -24,14 +28,14 @@ All the processing will happen on your computer locally, it does not transmit yo
 # Installation
 1. Clone this repository: `git clone https://github.com/cmdr2/stable-diffusion-ui.git` or [download the zip file](https://github.com/cmdr2/stable-diffusion-ui/archive/refs/heads/main.zip) and unzip.
 2. Open your terminal, and in the project directory run: `./server` (warning: this will take some time during the first run, since it'll download Stable Diffusion's [docker image](https://replicate.com/stability-ai/stable-diffusion), nearly 17 GiB)
-3. Open http://localhost:8000 in your browser. That's it!
+3. Open http://localhost:9000 in your browser. That's it!
 
-If you're getting errors, please check the [Troubleshooting](#troubleshooting) section below.
+If you're getting errors, please check the [Troubleshooting](https://github.com/cmdr2/stable-diffusion-ui/wiki/Troubleshooting) page.
 
 To stop the server, please run `./server stop`
 
 # Usage
-Open http://localhost:8000 in your browser (after running `./server` from step 2 previously).
+Open http://localhost:9000 in your browser (after running `./server` from step 2 previously).
 
 ## With a text description
 1. Enter a text prompt, like `a photograph of an astronaut riding a horse` in the textbox.
@@ -60,21 +64,7 @@ Use the same `seed` number to get the same image for a certain prompt. This is u
 ![Screenshot of advanced settings](media/config-v2.jpg?raw=true)
 
 # Troubleshooting
-## './docker-compose.yml' is invalid:
-> ERROR: The Compose file './docker-compose.yml' is invalid because:
-> services.stability-ai.deploy.resources.reservations value Additional properties are not allowed ('devices' was unexpected)
-
-Please ensure you have `docker-compose` version 1.29 or higher. Check `docker-compose --version`, and if required [update it to 1.29](https://docs.docker.com/compose/install/). (Thanks [HVRyan](https://github.com/HVRyan))
-
-## RuntimeError: Found no NVIDIA driver on your system:
-If you have an NVIDIA GPU and the latest [NVIDIA driver](http://www.nvidia.com/Download/index.aspx), please ensure that you've installed [nvidia-container-toolkit](https://stackoverflow.com/a/58432877). (Thanks [u/exintrovert420](https://www.reddit.com/user/exintrovert420/))
-
-## Some other process is already running at port 8000 / port 8000 could not be bound
-You can override the port used. Please change `docker-compose.yml` inside the project directory, and update the line `8000:8000` to `1337:8000` (or where 1337 is whichever port number you want).
-
-After doing this, please restart your server, by running `./server restart`.
-
-After this, you can access the server at `http://localhost:1337` (where 1337 is the new port you specified earlier).
+The [Troubleshooting wiki page](https://github.com/cmdr2/stable-diffusion-ui/wiki/Troubleshooting) contains some common errors and their solutions. Please check that, and if it doesn't work, feel free to [file an issue](https://github.com/cmdr2/stable-diffusion-ui/issues).
 
 # Behind the scenes
 This project is a quick way to get started with Stable Diffusion. You do not need to have Stable Diffusion already installed, and do not need any API keys. This project will automatically download Stable Diffusion's docker image, the first time it is run.

docker-compose.yml

@@ -5,7 +5,7 @@ services:
     container_name: sd
     ports:
       - '5000:5000'
-    image: 'r8.im/stability-ai/stable-diffusion@sha256:3080f37ef32771c9984d65033cbe71caa96c69680008bae64cf691724a6df04c'
+    image: 'r8.im/stability-ai/stable-diffusion@sha256:be04660a5b93ef2aff61e3668dedb4cbeb14941e62a3fd5998364a32d613e35e'
     deploy:
       resources:
         reservations:
@@ -15,7 +15,7 @@ services:
   stable-diffusion-ui:
     container_name: sd-ui
     ports:
-      - '8000:8000'
+      - '9000:9000'
     build:
       context: .
       dockerfile: Dockerfile
@@ -24,5 +24,15 @@ services:
     depends_on:
       - stability-ai
 
+  stable-diffusion-old-port-redirect:
+    container_name: sd-old-port-redirect
+    ports:
+      - '8000:8000'
+    build:
+      context: .
+      dockerfile: OldPortDockerfile
+    volumes:
+      - .:/app
+
 networks:
   default:

index.html

@@ -72,6 +72,12 @@
         margin-top: 5pt;
         margin-left: -5pt;
     }
+    .imgSaveBtn {
+        position: absolute;
+        transform: translateX(-100%);
+        margin-top: 30pt;
+        margin-left: -5pt;
+    }
     .imgItem {
         display: inline;
         padding-right: 10px;
@@ -328,8 +334,13 @@ async function makeImage() {
         imgUseBtn.className = 'imgUseBtn'
         imgUseBtn.innerHTML = 'Use as Input'
 
+        let imgSaveBtn = document.createElement('button')
+        imgSaveBtn.className = 'imgSaveBtn'
+        imgSaveBtn.innerHTML = 'Download'
+
         imgItem.appendChild(img)
         imgItem.appendChild(imgUseBtn)
+        imgItem.appendChild(imgSaveBtn)
         imagesContainer.appendChild(imgItem)
 
         imgUseBtn.addEventListener('click', function() {
@@ -345,6 +356,13 @@ async function makeImage() {
             seedField.value = seed
             seedField.disabled = false
         })
+
+        imgSaveBtn.addEventListener('click', function() {
+            let imgDownload = document.createElement('a')
+            imgDownload.download = generateUUID() + '.png'
+            imgDownload.href = imgBody
+            imgDownload.click()
+        })
     }
 
     setStatus('request', 'done', 'success')
@@ -354,6 +372,22 @@ async function makeImage() {
     }
 }
 
+function generateUUID() { // Public Domain/MIT
+    var d = new Date().getTime();//Timestamp
+    var d2 = ((typeof performance !== 'undefined') && performance.now && (performance.now()*1000)) || 0;//Time in microseconds since page-load or 0 if unsupported
+    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
+        var r = Math.random() * 16;//random number between 0 and 16
+        if(d > 0){//Use timestamp until depleted
+            r = (d + r)%16 | 0;
+            d = Math.floor(d/16);
+        } else {//Use microseconds since page-load if supported
+            r = (d2 + r)%16 | 0;
+            d2 = Math.floor(d2/16);
+        }
+        return (c === 'x' ? r : (r & 0x3 | 0x8)).toString(16);
+    });
+}
+
 function handleAudioEnabledChange(e) {
     localStorage.setItem(SOUND_ENABLED_KEY, e.target.checked.toString())
 }

old_port_main.py

@@ -0,0 +1,38 @@
+from fastapi import FastAPI
+from fastapi.responses import HTMLResponse
+
+app = FastAPI()
+
+@app.get('/', response_class=HTMLResponse)
+def read_root():
+    return '''
+    <style>
+    body {
+        font-family: Arial;
+        font-size: 11pt;
+    }
+    pre {
+        display: inline;
+        background: #aaa;
+        padding: 2px;
+        border: 1px solid #777;
+        border-radius: 3px;
+    }
+    @media (prefers-color-scheme: dark) {
+        body {
+            background-color: rgb(32, 33, 36);
+            color: #eee;
+        }
+        pre {
+            background: #444;
+        }
+    }
+    </style>
+    <h4>The UI has moved to <a href="http://localhost:9000">http://localhost:9000</a>. The current address that you used (ending with :8000) will be removed in the future, so please use <a href="http://localhost:9000">http://localhost:9000</a> going ahead (and in any bookmarks you've saved).</h4>
+
+    <h4>Also, please use <pre>./server</pre> instead of <pre>docker-compose up &amp;</pre>. To stop, please use <pre>./server stop</pre>. This will help the project better manage the startup process in the future.</h4>
+
+    <h3>Why has the address changed?</h3>
+    <p>The previously used port (8000) is often used by other servers, which results in port conflicts. So the project's port number has been changed, while the project is still young. Otherwise port-conflicts with 8000 will be a common source of new-user issues in the future.</p>
+    <p>Sorry about this, and apologies for the inconvenience :)</p>
+    '''

server

@@ -6,7 +6,8 @@ if [ -z "$1" ]; then
 fi
 
 start_server() {
-  docker-compose up &
+  docker-compose up -d stable-diffusion-old-port-redirect # old port 8000 server, show redirect notice
+  docker-compose up stability-ai stable-diffusion-ui
 }
 
 stop_server() {