mirror of
https://github.com/karl0ss/ai_image_frame_server.git
synced 2025-06-08 19:35:07 +01:00
Compare commits
30 Commits
Author | SHA1 | Date | |
---|---|---|---|
c7d71bfd03 | |||
1a0542861c | |||
0fc549c199 | |||
f7f049aacb | |||
669dad4044 | |||
c726d23707 | |||
2c9429d640 | |||
ac388b0f4e | |||
4272e1d40e | |||
4e1e240e30 | |||
3d2524c2ba | |||
52574de881 | |||
ef9bf72b84 | |||
0cd6c6c5c8 | |||
cd6b8a8d25 | |||
1aa540fa03 | |||
33bfee0220 | |||
f041a6afea | |||
336c03a888 | |||
9ce6ff25ea | |||
5be690f6c1 | |||
4da908d0da | |||
7adaaf4491 | |||
a75c7c554a | |||
2ff03fe101 | |||
4b52e5c713 | |||
2a9a226dd1 | |||
3f2c59c5bb | |||
55ccd71383 | |||
4b62b5cd07 |
@ -1,5 +1,5 @@
|
|||||||
[tool.bumpversion]
|
[tool.bumpversion]
|
||||||
current_version = "0.1.8"
|
current_version = "0.1.19"
|
||||||
parse = "(?P<major>\\d+)\\.(?P<minor>\\d+)\\.(?P<patch>\\d+)"
|
parse = "(?P<major>\\d+)\\.(?P<minor>\\d+)\\.(?P<patch>\\d+)"
|
||||||
serialize = ["{major}.{minor}.{patch}"]
|
serialize = ["{major}.{minor}.{patch}"]
|
||||||
search = "{current_version}"
|
search = "{current_version}"
|
||||||
@ -7,12 +7,12 @@ replace = "{new_version}"
|
|||||||
regex = false
|
regex = false
|
||||||
ignore_missing_version = false
|
ignore_missing_version = false
|
||||||
ignore_missing_files = false
|
ignore_missing_files = false
|
||||||
tag = false
|
tag = true
|
||||||
sign_tags = false
|
sign_tags = false
|
||||||
tag_name = "v{new_version}"
|
tag_name = "{new_version}"
|
||||||
tag_message = "Bump version: {current_version} → {new_version}"
|
tag_message = "Bump version: {current_version} → {new_version}"
|
||||||
allow_dirty = false
|
allow_dirty = false
|
||||||
commit = false
|
commit = true
|
||||||
message = "Bump version: {current_version} → {new_version}"
|
message = "Bump version: {current_version} → {new_version}"
|
||||||
moveable_tags = []
|
moveable_tags = []
|
||||||
commit_args = ""
|
commit_args = ""
|
||||||
|
25
.github/workflows/docker-publish.yml
vendored
25
.github/workflows/docker-publish.yml
vendored
@ -2,8 +2,7 @@ name: Build and Publish Docker Image
|
|||||||
|
|
||||||
on:
|
on:
|
||||||
push:
|
push:
|
||||||
branches: [main]
|
tags: ["*"] # Only triggers on tag pushes
|
||||||
tags: ["*"] # triggers on any tag push
|
|
||||||
workflow_dispatch:
|
workflow_dispatch:
|
||||||
|
|
||||||
jobs:
|
jobs:
|
||||||
@ -27,23 +26,15 @@ jobs:
|
|||||||
IMAGE_NAME="ai-frame-image-server"
|
IMAGE_NAME="ai-frame-image-server"
|
||||||
REGISTRY="${{ secrets.REGISTRY }}"
|
REGISTRY="${{ secrets.REGISTRY }}"
|
||||||
USERNAME="${{ secrets.USERNAME }}"
|
USERNAME="${{ secrets.USERNAME }}"
|
||||||
|
GIT_TAG="${GITHUB_REF#refs/tags/}"
|
||||||
|
IMAGE_TAGGED="$REGISTRY/$USERNAME/$IMAGE_NAME:$GIT_TAG"
|
||||||
IMAGE_LATEST="$REGISTRY/$USERNAME/$IMAGE_NAME:latest"
|
IMAGE_LATEST="$REGISTRY/$USERNAME/$IMAGE_NAME:latest"
|
||||||
|
|
||||||
# Always build and tag as latest
|
echo "🔧 Building $IMAGE_TAGGED and $IMAGE_LATEST"
|
||||||
echo "🔧 Building $IMAGE_LATEST"
|
docker build -t $IMAGE_LATEST -t $IMAGE_TAGGED .
|
||||||
docker build -t $IMAGE_LATEST .
|
|
||||||
|
echo "📤 Pushing $IMAGE_TAGGED"
|
||||||
|
docker push $IMAGE_TAGGED
|
||||||
|
|
||||||
echo "📤 Pushing $IMAGE_LATEST"
|
echo "📤 Pushing $IMAGE_LATEST"
|
||||||
docker push $IMAGE_LATEST
|
docker push $IMAGE_LATEST
|
||||||
|
|
||||||
# If this is a tag push, tag the image accordingly
|
|
||||||
if [[ "${GITHUB_REF}" == refs/tags/* ]]; then
|
|
||||||
GIT_TAG="${GITHUB_REF#refs/tags/}"
|
|
||||||
IMAGE_TAGGED="$REGISTRY/$USERNAME/$IMAGE_NAME:$GIT_TAG"
|
|
||||||
|
|
||||||
echo "🏷️ Also tagging as $IMAGE_TAGGED"
|
|
||||||
docker tag $IMAGE_LATEST $IMAGE_TAGGED
|
|
||||||
|
|
||||||
echo "📤 Pushing $IMAGE_TAGGED"
|
|
||||||
docker push $IMAGE_TAGGED
|
|
||||||
fi
|
|
||||||
|
1
.gitignore
vendored
1
.gitignore
vendored
@ -9,3 +9,4 @@ output/
|
|||||||
prompts_log.jsonl
|
prompts_log.jsonl
|
||||||
publish.sh
|
publish.sh
|
||||||
test.py
|
test.py
|
||||||
|
.vscode/launch.json
|
||||||
|
@ -4,22 +4,35 @@ from flask import (
|
|||||||
send_from_directory,
|
send_from_directory,
|
||||||
request,
|
request,
|
||||||
jsonify,
|
jsonify,
|
||||||
|
redirect,
|
||||||
|
url_for,
|
||||||
|
session,
|
||||||
|
render_template_string,
|
||||||
)
|
)
|
||||||
import os
|
import os
|
||||||
import time
|
import time
|
||||||
import threading
|
import threading
|
||||||
from apscheduler.schedulers.background import BackgroundScheduler
|
from apscheduler.schedulers.background import BackgroundScheduler
|
||||||
from libs.generic import load_config, load_recent_prompts, get_details_from_png, get_current_version, load_models_from_config
|
from libs.generic import (
|
||||||
from libs.comfyui import cancel_current_job, create_image
|
load_config,
|
||||||
|
load_recent_prompts,
|
||||||
|
get_details_from_png,
|
||||||
|
get_current_version,
|
||||||
|
load_models_from_config,
|
||||||
|
)
|
||||||
|
from libs.comfyui import cancel_current_job, create_image, select_model
|
||||||
from libs.ollama import create_prompt_on_openwebui
|
from libs.ollama import create_prompt_on_openwebui
|
||||||
|
|
||||||
#workflow test commit
|
# workflow test commit
|
||||||
|
|
||||||
user_config = load_config()
|
user_config = load_config()
|
||||||
|
|
||||||
app = Flask(__name__)
|
app = Flask(__name__)
|
||||||
|
app.secret_key = os.environ.get('SECRET_KEY')
|
||||||
|
|
||||||
image_folder = "./output"
|
image_folder = "./output"
|
||||||
|
|
||||||
|
|
||||||
@app.route("/", methods=["GET"])
|
@app.route("/", methods=["GET"])
|
||||||
def index() -> str:
|
def index() -> str:
|
||||||
"""
|
"""
|
||||||
@ -37,16 +50,32 @@ def index() -> str:
|
|||||||
image=image_filename,
|
image=image_filename,
|
||||||
prompt=prompt,
|
prompt=prompt,
|
||||||
reload_interval=user_config["frame"]["reload_interval"],
|
reload_interval=user_config["frame"]["reload_interval"],
|
||||||
version=version
|
version=version,
|
||||||
)
|
)
|
||||||
|
|
||||||
|
|
||||||
|
@app.route('/login', methods=['GET', 'POST'])
|
||||||
|
def login():
|
||||||
|
if request.method == 'POST':
|
||||||
|
if request.form['password'] == user_config["frame"]["password_for_auth"]:
|
||||||
|
session['authenticated'] = True
|
||||||
|
return render_template("create_image.html", models=load_models_from_config())
|
||||||
|
else:
|
||||||
|
return redirect(url_for('login'))
|
||||||
|
return render_template('login.html')
|
||||||
|
|
||||||
|
|
||||||
@app.route("/images", methods=["GET"])
|
@app.route("/images", methods=["GET"])
|
||||||
def gallery() -> str:
|
def gallery() -> str:
|
||||||
images = []
|
images = []
|
||||||
for f in os.listdir(image_folder):
|
for f in os.listdir(image_folder):
|
||||||
if f.lower().endswith(('png', 'jpg', 'jpeg', 'gif')):
|
if f.lower().endswith(("png", "jpg", "jpeg", "gif")):
|
||||||
images.append({'filename': f})
|
images.append({"filename": f})
|
||||||
images = sorted(images, key=lambda x: os.path.getmtime(os.path.join(image_folder, x['filename'])), reverse=True)
|
images = sorted(
|
||||||
|
images,
|
||||||
|
key=lambda x: os.path.getmtime(os.path.join(image_folder, x["filename"])),
|
||||||
|
reverse=True,
|
||||||
|
)
|
||||||
return render_template("gallery.html", images=images)
|
return render_template("gallery.html", images=images)
|
||||||
|
|
||||||
|
|
||||||
@ -56,15 +85,12 @@ def image_details(filename):
|
|||||||
if not os.path.exists(path):
|
if not os.path.exists(path):
|
||||||
return {"error": "File not found"}, 404
|
return {"error": "File not found"}, 404
|
||||||
details = get_details_from_png(path)
|
details = get_details_from_png(path)
|
||||||
return {
|
return {"prompt": details["p"], "model": details["m"], "date": details["d"]}
|
||||||
"prompt": details["p"],
|
|
||||||
"model": details["m"]
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
@app.route('/images/thumbnails/<path:filename>')
|
@app.route("/images/thumbnails/<path:filename>")
|
||||||
def serve_thumbnail(filename):
|
def serve_thumbnail(filename):
|
||||||
return send_from_directory('output/thumbnails', filename)
|
return send_from_directory("output/thumbnails", filename)
|
||||||
|
|
||||||
|
|
||||||
@app.route("/images/<filename>", methods=["GET"])
|
@app.route("/images/<filename>", methods=["GET"])
|
||||||
@ -92,25 +118,30 @@ def cancel_job() -> None:
|
|||||||
|
|
||||||
|
|
||||||
@app.route("/create", methods=["GET", "POST"])
|
@app.route("/create", methods=["GET", "POST"])
|
||||||
def create() -> str:
|
def create():
|
||||||
"""Handles image creation requests.
|
if request.method == "POST":
|
||||||
Args:
|
prompt = request.form.get("prompt")
|
||||||
None
|
selected_workflow, model = select_model(request.form.get("model") or "Random")
|
||||||
Returns:
|
|
||||||
str: Redirect to the main page or a JSON response.
|
if not prompt:
|
||||||
"""
|
prompt = create_prompt_on_openwebui(user_config["comfyui"]["prompt"])
|
||||||
prompt = request.form.get("prompt") if request.method == "POST" else None
|
|
||||||
model = request.form.get("model") if request.method == "POST" else "Random"
|
# Start generation in background
|
||||||
|
threading.Thread(target=lambda: create_image(prompt, model)).start()
|
||||||
|
|
||||||
|
return redirect(
|
||||||
|
url_for("image_queued", prompt=prompt, model=model.split(".")[0])
|
||||||
|
)
|
||||||
|
|
||||||
|
# For GET requests, just show the form to enter prompt
|
||||||
|
return render_template("create_image.html", models=load_models_from_config())
|
||||||
|
|
||||||
|
|
||||||
if prompt is None:
|
@app.route("/image_queued")
|
||||||
prompt = create_prompt_on_openwebui(user_config["comfyui"]["prompt"])
|
def image_queued():
|
||||||
|
prompt = request.args.get("prompt", "No prompt provided.")
|
||||||
def create_image_in_background():
|
model = request.args.get("model", "No model selected.").split(".")[0]
|
||||||
create_image(prompt, model)
|
return render_template("image_queued.html", prompt=prompt, model=model)
|
||||||
|
|
||||||
threading.Thread(target=create_image_in_background).start()
|
|
||||||
return render_template('image_queued.html', prompt=prompt)
|
|
||||||
|
|
||||||
|
|
||||||
def scheduled_task() -> None:
|
def scheduled_task() -> None:
|
||||||
@ -118,19 +149,17 @@ def scheduled_task() -> None:
|
|||||||
print(f"Executing scheduled task at {time.strftime('%Y-%m-%d %H:%M:%S')}")
|
print(f"Executing scheduled task at {time.strftime('%Y-%m-%d %H:%M:%S')}")
|
||||||
create_image(None)
|
create_image(None)
|
||||||
|
|
||||||
|
|
||||||
@app.route("/create_image", methods=["GET"])
|
@app.route("/create_image", methods=["GET"])
|
||||||
def create_image_endpoint() -> str:
|
def create_image_endpoint() -> str:
|
||||||
"""
|
"""
|
||||||
Renders the create image template with image and prompt.
|
Renders the create image template with image and prompt.
|
||||||
"""
|
"""
|
||||||
|
if user_config["frame"]["create_requires_auth"] == "True" and not session.get('authenticated'):
|
||||||
|
return redirect(url_for("login"))
|
||||||
models = load_models_from_config()
|
models = load_models_from_config()
|
||||||
models.insert(0, "Random")
|
|
||||||
|
|
||||||
return render_template(
|
|
||||||
"create_image.html", models=models
|
|
||||||
)
|
|
||||||
|
|
||||||
|
return render_template("create_image.html", models=models)
|
||||||
|
|
||||||
|
|
||||||
if user_config["frame"]["auto_regen"] == "True":
|
if user_config["frame"]["auto_regen"] == "True":
|
||||||
@ -144,10 +173,9 @@ if user_config["frame"]["auto_regen"] == "True":
|
|||||||
minute=regen_time[1],
|
minute=regen_time[1],
|
||||||
id="scheduled_task",
|
id="scheduled_task",
|
||||||
max_instances=1, # prevent overlapping
|
max_instances=1, # prevent overlapping
|
||||||
replace_existing=True # don't double-schedule
|
replace_existing=True, # don't double-schedule
|
||||||
)
|
)
|
||||||
scheduler.start()
|
scheduler.start()
|
||||||
|
|
||||||
os.makedirs(image_folder, exist_ok=True)
|
os.makedirs(image_folder, exist_ok=True)
|
||||||
app.run(host="0.0.0.0", port=user_config["frame"]["port"], debug=True)
|
app.run(host="0.0.0.0", port=user_config["frame"]["port"], debug=True)
|
||||||
|
|
||||||
|
@ -64,7 +64,7 @@ def generate_image(
|
|||||||
file_name: str,
|
file_name: str,
|
||||||
comfy_prompt: str,
|
comfy_prompt: str,
|
||||||
workflow_path: str = "./workflow_sdxl.json",
|
workflow_path: str = "./workflow_sdxl.json",
|
||||||
prompt_node: str = "CLIP Text Encode (Prompt)",
|
prompt_node: str = "Positive",
|
||||||
seed_node: str = "KSampler",
|
seed_node: str = "KSampler",
|
||||||
seed_param: str = "seed",
|
seed_param: str = "seed",
|
||||||
save_node: str = "Save Image",
|
save_node: str = "Save Image",
|
||||||
@ -122,6 +122,27 @@ def generate_image(
|
|||||||
logging.error(f"Failed to generate image for UID: {file_name}. Error: {e}")
|
logging.error(f"Failed to generate image for UID: {file_name}. Error: {e}")
|
||||||
raise
|
raise
|
||||||
|
|
||||||
|
def select_model(model: str) -> tuple[str, str]:
|
||||||
|
use_flux = json.loads(user_config["comfyui"].get("FLUX", "false").lower())
|
||||||
|
only_flux = json.loads(user_config["comfyui"].get("ONLY_FLUX", "false").lower())
|
||||||
|
|
||||||
|
if model == "Random":
|
||||||
|
selected_workflow = "FLUX" if (use_flux and (only_flux or random.choice([True, False]))) else "SDXL"
|
||||||
|
elif "flux" in model.lower():
|
||||||
|
selected_workflow = "FLUX"
|
||||||
|
else:
|
||||||
|
selected_workflow = "SDXL"
|
||||||
|
|
||||||
|
if model == "Random":
|
||||||
|
if selected_workflow == "FLUX":
|
||||||
|
valid_models = user_config["comfyui:flux"]["models"].split(",")
|
||||||
|
else: # SDXL
|
||||||
|
available_model_list = user_config["comfyui"]["models"].split(",")
|
||||||
|
valid_models = list(set(get_available_models()) & set(available_model_list))
|
||||||
|
model = random.choice(valid_models)
|
||||||
|
|
||||||
|
return selected_workflow, model
|
||||||
|
|
||||||
|
|
||||||
def create_image(prompt: str | None = None, model: str = "Random") -> None:
|
def create_image(prompt: str | None = None, model: str = "Random") -> None:
|
||||||
"""Generate an image with a chosen workflow (Random, FLUX*, or SDXL*)."""
|
"""Generate an image with a chosen workflow (Random, FLUX*, or SDXL*)."""
|
||||||
@ -134,18 +155,9 @@ def create_image(prompt: str | None = None, model: str = "Random") -> None:
|
|||||||
return
|
return
|
||||||
|
|
||||||
save_prompt(prompt)
|
save_prompt(prompt)
|
||||||
use_flux = json.loads(user_config["comfyui"].get("FLUX", "false").lower())
|
selected_workflow, model = select_model(model)
|
||||||
only_flux = json.loads(user_config["comfyui"].get("ONLY_FLUX", "false").lower())
|
|
||||||
if model == "Random":
|
|
||||||
selected_workflow = "FLUX" if (use_flux and (only_flux or random.choice([True, False]))) else "SDXL"
|
|
||||||
elif "flux" in model.lower():
|
|
||||||
selected_workflow = "FLUX"
|
|
||||||
else:
|
|
||||||
selected_workflow = "SDXL"
|
|
||||||
if selected_workflow == "FLUX":
|
if selected_workflow == "FLUX":
|
||||||
if model == "Random":
|
|
||||||
valid_models = user_config["comfyui:flux"]["models"].split(",")
|
|
||||||
model = random.choice(valid_models)
|
|
||||||
generate_image(
|
generate_image(
|
||||||
file_name="image",
|
file_name="image",
|
||||||
comfy_prompt=prompt,
|
comfy_prompt=prompt,
|
||||||
@ -155,17 +167,11 @@ def create_image(prompt: str | None = None, model: str = "Random") -> None:
|
|||||||
seed_param="seed",
|
seed_param="seed",
|
||||||
save_node="CivitAI Image Saver",
|
save_node="CivitAI Image Saver",
|
||||||
save_param="filename",
|
save_param="filename",
|
||||||
model_node="CivitAI Image Saver",
|
model_node="Unet Loader (GGUF)",
|
||||||
model_param="modelname",
|
model_param="unet_name",
|
||||||
model=model
|
model=model
|
||||||
)
|
)
|
||||||
else: # SDXL
|
else: # SDXL
|
||||||
if model == "Random":
|
|
||||||
available_model_list = user_config["comfyui"]["models"].split(",")
|
|
||||||
valid_models = list(set(get_available_models()) & set(available_model_list))
|
|
||||||
model = random.choice(valid_models)
|
|
||||||
generate_image("image", comfy_prompt=prompt, model=model)
|
generate_image("image", comfy_prompt=prompt, model=model)
|
||||||
|
|
||||||
logging.info(f"{selected_workflow} generation started with prompt: {prompt}")
|
logging.info(f"{selected_workflow} generation started with prompt: {prompt}")
|
||||||
|
|
||||||
|
|
@ -66,6 +66,7 @@ def rename_image() -> str | None:
|
|||||||
|
|
||||||
def get_details_from_png(path):
|
def get_details_from_png(path):
|
||||||
try:
|
try:
|
||||||
|
date = datetime.fromtimestamp(os.path.getctime(path)).strftime("%d-%m-%Y")
|
||||||
with Image.open(path) as img:
|
with Image.open(path) as img:
|
||||||
try:
|
try:
|
||||||
# Flux workflow
|
# Flux workflow
|
||||||
@ -77,7 +78,7 @@ def get_details_from_png(path):
|
|||||||
data = json.loads(img.info["prompt"])
|
data = json.loads(img.info["prompt"])
|
||||||
prompt = data['6']['inputs']['text']
|
prompt = data['6']['inputs']['text']
|
||||||
model = data['4']['inputs']['ckpt_name']
|
model = data['4']['inputs']['ckpt_name']
|
||||||
return {"p":prompt,"m":model} or {"p":"","m":""}
|
return {"p":prompt,"m":model,"d":date} or {"p":"","m":"","c":""}
|
||||||
except Exception as e:
|
except Exception as e:
|
||||||
print(f"Error reading metadata from {path}: {e}")
|
print(f"Error reading metadata from {path}: {e}")
|
||||||
return ""
|
return ""
|
||||||
|
@ -24,13 +24,13 @@ def create_prompt_on_openwebui(prompt: str) -> str:
|
|||||||
topic_instruction = f" Incorporate the theme of '{selected_topic}' into the new prompt."
|
topic_instruction = f" Incorporate the theme of '{selected_topic}' into the new prompt."
|
||||||
|
|
||||||
user_content = (
|
user_content = (
|
||||||
"Here are the prompts from the last 7 days:\n\n"
|
"Can you generate me a really random image idea, Do not exceed 10 words. Use clear language, not poetic metaphors.”"
|
||||||
+ "\n".join(f"{i+1}. {p}" for i, p in enumerate(recent_prompts))
|
|
||||||
+ "\n\nDo not repeat ideas, themes, or settings from the above. "
|
|
||||||
"Now generate a new, completely original Stable Diffusion prompt that hasn't been done yet."
|
|
||||||
+ topic_instruction
|
+ topic_instruction
|
||||||
|
+ "Avoid prompts similar to the following:"
|
||||||
|
+ "\n".join(f"{i+1}. {p}" for i, p in enumerate(recent_prompts))
|
||||||
)
|
)
|
||||||
|
|
||||||
|
|
||||||
model = random.choice(user_config["openwebui"]["models"].split(","))
|
model = random.choice(user_config["openwebui"]["models"].split(","))
|
||||||
response = litellm.completion(
|
response = litellm.completion(
|
||||||
api_base=user_config["openwebui"]["base_url"],
|
api_base=user_config["openwebui"]["base_url"],
|
||||||
@ -67,4 +67,4 @@ def create_prompt_on_openwebui(prompt: str) -> str:
|
|||||||
# )
|
# )
|
||||||
# prompt = response["choices"][0]["message"]["content"].strip('"')
|
# prompt = response["choices"][0]["message"]["content"].strip('"')
|
||||||
logging.debug(prompt)
|
logging.debug(prompt)
|
||||||
return prompt
|
return prompt.split(": ")[-1]
|
@ -1,12 +1,17 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>Create An Image</title>
|
<title>Create An Image</title>
|
||||||
<style>
|
<style>
|
||||||
/* ---------- reset ---------- */
|
/* ---------- reset ---------- */
|
||||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
/* ---------- layout ---------- */
|
/* ---------- layout ---------- */
|
||||||
body {
|
body {
|
||||||
@ -20,6 +25,7 @@
|
|||||||
font-family: Arial, sans-serif;
|
font-family: Arial, sans-serif;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
textarea {
|
textarea {
|
||||||
width: 80vw;
|
width: 80vw;
|
||||||
height: 200px;
|
height: 200px;
|
||||||
@ -33,12 +39,15 @@
|
|||||||
color: #eee;
|
color: #eee;
|
||||||
border: 1px solid #333;
|
border: 1px solid #333;
|
||||||
}
|
}
|
||||||
|
|
||||||
.button-group {
|
.button-group {
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: 20px;
|
gap: 20px;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
button, select {
|
|
||||||
|
button,
|
||||||
|
select {
|
||||||
background: #333;
|
background: #333;
|
||||||
color: white;
|
color: white;
|
||||||
border: none;
|
border: none;
|
||||||
@ -48,8 +57,11 @@
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
transition: background 0.3s;
|
transition: background 0.3s;
|
||||||
}
|
}
|
||||||
|
|
||||||
button:hover,
|
button:hover,
|
||||||
select:hover { background: #555; }
|
select:hover {
|
||||||
|
background: #555;
|
||||||
|
}
|
||||||
|
|
||||||
/* ---------- spinner ---------- */
|
/* ---------- spinner ---------- */
|
||||||
#spinner-overlay {
|
#spinner-overlay {
|
||||||
@ -62,6 +74,7 @@
|
|||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
z-index: 1000;
|
z-index: 1000;
|
||||||
}
|
}
|
||||||
|
|
||||||
.spinner {
|
.spinner {
|
||||||
width: 50px;
|
width: 50px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
@ -70,9 +83,39 @@
|
|||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
animation: spin 0.8s linear infinite;
|
animation: spin 0.8s linear infinite;
|
||||||
}
|
}
|
||||||
@keyframes spin { to { transform: rotate(360deg); } }
|
|
||||||
|
@keyframes spin {
|
||||||
|
to {
|
||||||
|
transform: rotate(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 600px) {
|
||||||
|
body {
|
||||||
|
min-height: 100dvh;
|
||||||
|
height: auto;
|
||||||
|
justify-content: flex-start;
|
||||||
|
padding-top: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button-group {
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: stretch;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
button,
|
||||||
|
select {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
textarea {
|
||||||
|
height: 150px;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<h1 style="margin-bottom: 20px;">Create An Image</h1>
|
<h1 style="margin-bottom: 20px;">Create An Image</h1>
|
||||||
|
|
||||||
@ -85,13 +128,21 @@
|
|||||||
|
|
||||||
<button onclick="randomPrompt()">Random Prompt</button>
|
<button onclick="randomPrompt()">Random Prompt</button>
|
||||||
|
|
||||||
|
|
||||||
<!-- new model selector -->
|
|
||||||
<select id="model-select">
|
<select id="model-select">
|
||||||
{% for m in models %}
|
<option value="" selected>Random</option>
|
||||||
<option value="{{ m }}">{{ m }}</option>
|
<!-- Group: FLUX -->
|
||||||
{% endfor %}
|
<optgroup label="FLUX">
|
||||||
</select>
|
{% for m in models if 'flux' in m|lower %}
|
||||||
|
<option value="{{ m }}">{{ m.rsplit('.', 1)[0] }}</option>
|
||||||
|
{% endfor %}
|
||||||
|
</optgroup>
|
||||||
|
<!-- Group: SDXL -->
|
||||||
|
<optgroup label="SDXL">
|
||||||
|
{% for m in models if 'flux' not in m|lower %}
|
||||||
|
<option value="{{ m }}">{{ m.rsplit('.', 1)[0] }}</option>
|
||||||
|
{% endfor %}
|
||||||
|
</optgroup>
|
||||||
|
</select>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -108,7 +159,7 @@
|
|||||||
function sendPrompt() {
|
function sendPrompt() {
|
||||||
showSpinner();
|
showSpinner();
|
||||||
const prompt = document.getElementById('prompt-box').value;
|
const prompt = document.getElementById('prompt-box').value;
|
||||||
const model = document.getElementById('model-select').value;
|
const model = document.getElementById('model-select').value;
|
||||||
|
|
||||||
const formData = new URLSearchParams();
|
const formData = new URLSearchParams();
|
||||||
formData.append('prompt', prompt);
|
formData.append('prompt', prompt);
|
||||||
@ -119,13 +170,13 @@
|
|||||||
headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
|
headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
|
||||||
body: formData.toString()
|
body: formData.toString()
|
||||||
})
|
})
|
||||||
.then(response => {
|
.then(response => {
|
||||||
window.location.href = response.redirected ? response.url : '/create';
|
window.location.href = response.redirected ? response.url : '/create';
|
||||||
})
|
})
|
||||||
.catch(error => {
|
.catch(error => {
|
||||||
overlay.style.visibility = 'hidden';
|
overlay.style.visibility = 'hidden';
|
||||||
alert("Error sending prompt: " + error);
|
alert("Error sending prompt: " + error);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
// wrapper for Random Prompt button so it also sends the model
|
// wrapper for Random Prompt button so it also sends the model
|
||||||
@ -141,14 +192,15 @@
|
|||||||
headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
|
headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
|
||||||
body: formData.toString()
|
body: formData.toString()
|
||||||
})
|
})
|
||||||
.then(response => {
|
.then(response => {
|
||||||
window.location.href = response.redirected ? response.url : '/create';
|
window.location.href = response.redirected ? response.url : '/create';
|
||||||
})
|
})
|
||||||
.catch(error => {
|
.catch(error => {
|
||||||
overlay.style.visibility = 'hidden';
|
overlay.style.visibility = 'hidden';
|
||||||
alert("Error requesting random prompt: " + error);
|
alert("Error requesting random prompt: " + error);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
@ -55,6 +55,7 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
z-index: 999;
|
z-index: 999;
|
||||||
|
padding: 20px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.lightbox img {
|
.lightbox img {
|
||||||
@ -263,7 +264,8 @@
|
|||||||
|
|
||||||
if (detailsCache[filename]) {
|
if (detailsCache[filename]) {
|
||||||
document.getElementById("lightbox-prompt").textContent =
|
document.getElementById("lightbox-prompt").textContent =
|
||||||
`Model: ${detailsCache[filename].model}\n\n${detailsCache[filename].prompt}`;
|
`Model:${detailsCache[filename].model} - Created:${detailsCache[filename].date}\n\n${detailsCache[filename].prompt}`;
|
||||||
|
|
||||||
} else {
|
} else {
|
||||||
document.getElementById("lightbox-prompt").textContent = "Loading…";
|
document.getElementById("lightbox-prompt").textContent = "Loading…";
|
||||||
|
|
||||||
@ -275,7 +277,7 @@
|
|||||||
.then(data => {
|
.then(data => {
|
||||||
detailsCache[filename] = data; // Cache the data
|
detailsCache[filename] = data; // Cache the data
|
||||||
document.getElementById("lightbox-prompt").textContent =
|
document.getElementById("lightbox-prompt").textContent =
|
||||||
`Model: ${data.model}\n\n${data.prompt}`;
|
`Model:${data.model} - Created:${data.date}\n\n${data.prompt}`;
|
||||||
})
|
})
|
||||||
.catch(() => {
|
.catch(() => {
|
||||||
document.getElementById("lightbox-prompt").textContent = "Couldn’t load details.";
|
document.getElementById("lightbox-prompt").textContent = "Couldn’t load details.";
|
||||||
@ -285,8 +287,17 @@
|
|||||||
|
|
||||||
function nextImage() {
|
function nextImage() {
|
||||||
const images = getGalleryImages();
|
const images = getGalleryImages();
|
||||||
currentIndex = (currentIndex + 1) % images.length;
|
if (currentIndex + 1 >= images.length && loadedCount < allImages.length) {
|
||||||
showImageAndLoadDetails(currentIndex);
|
loadNextBatch();
|
||||||
|
// Wait briefly to ensure DOM updates
|
||||||
|
setTimeout(() => {
|
||||||
|
currentIndex++;
|
||||||
|
showImageAndLoadDetails(currentIndex);
|
||||||
|
}, 100);
|
||||||
|
} else {
|
||||||
|
currentIndex = (currentIndex + 1) % images.length;
|
||||||
|
showImageAndLoadDetails(currentIndex);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function prevImage() {
|
function prevImage() {
|
||||||
@ -295,6 +306,7 @@
|
|||||||
showImageAndLoadDetails(currentIndex);
|
showImageAndLoadDetails(currentIndex);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
function closeLightbox() {
|
function closeLightbox() {
|
||||||
document.getElementById("lightbox").style.display = "none";
|
document.getElementById("lightbox").style.display = "none";
|
||||||
}
|
}
|
||||||
|
@ -52,10 +52,11 @@
|
|||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="message">Image will be made using prompt:</div>
|
<div class="message">Image will be made with <i>{{ model }}</i> using prompt:</div>
|
||||||
<div class="prompt-text">
|
<div class="prompt-text">
|
||||||
{{ prompt }}
|
{{ prompt }}
|
||||||
</div>
|
</div>
|
||||||
<button onclick="location.href='/'">Home</button>
|
<button onclick="location.href='/'">Home</button>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
||||||
|
@ -22,9 +22,11 @@
|
|||||||
color: white;
|
color: white;
|
||||||
font-family: Arial, sans-serif;
|
font-family: Arial, sans-serif;
|
||||||
position: relative;
|
position: relative;
|
||||||
/* So fixed elements inside work well */
|
padding-top: 20px;
|
||||||
|
padding-bottom: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.image-container {
|
.image-container {
|
||||||
max-width: 90vw;
|
max-width: 90vw;
|
||||||
max-height: 80vh;
|
max-height: 80vh;
|
||||||
@ -57,15 +59,6 @@
|
|||||||
/* NEW: allow scrolling */
|
/* NEW: allow scrolling */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Optional: Adjust height for smaller screens */
|
|
||||||
@media (max-width: 768px) {
|
|
||||||
.prompt {
|
|
||||||
max-height: 25vh;
|
|
||||||
/* even smaller on mobile */
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.button-group {
|
.button-group {
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: 20px;
|
gap: 20px;
|
||||||
@ -102,6 +95,34 @@
|
|||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
opacity: 0.6;
|
opacity: 0.6;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.image-container {
|
||||||
|
max-width: 100vw;
|
||||||
|
max-height: 50vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
max-height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prompt {
|
||||||
|
max-height: 20vh;
|
||||||
|
font-size: 14px;
|
||||||
|
padding: 10px 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button-group {
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.button-link {
|
||||||
|
font-size: 14px;
|
||||||
|
padding: 8px 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
<script>
|
<script>
|
||||||
setInterval(() => {
|
setInterval(() => {
|
||||||
|
72
templates/login.html
Normal file
72
templates/login.html
Normal file
@ -0,0 +1,72 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Login</title>
|
||||||
|
<style>
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
height: 100vh;
|
||||||
|
background: black;
|
||||||
|
color: white;
|
||||||
|
font-family: Arial, sans-serif;
|
||||||
|
padding: 20px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.message {
|
||||||
|
font-size: 22px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
.prompt-text {
|
||||||
|
font-size: 20px;
|
||||||
|
background: #111;
|
||||||
|
padding: 20px;
|
||||||
|
border-radius: 10px;
|
||||||
|
border: 1px solid #333;
|
||||||
|
max-width: 80vw;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
input[type="password"] {
|
||||||
|
padding: 10px;
|
||||||
|
border-radius: 8px;
|
||||||
|
border: 1px solid #555;
|
||||||
|
background: #222;
|
||||||
|
color: white;
|
||||||
|
font-size: 16px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
width: 250px;
|
||||||
|
}
|
||||||
|
button {
|
||||||
|
background: #333;
|
||||||
|
color: white;
|
||||||
|
border: none;
|
||||||
|
padding: 10px 20px;
|
||||||
|
border-radius: 8px;
|
||||||
|
font-size: 16px;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: background 0.3s;
|
||||||
|
}
|
||||||
|
button:hover {
|
||||||
|
background: #555;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div class="message">Please enter the password to continue:</div>
|
||||||
|
<form method="post">
|
||||||
|
<div class="prompt-text">
|
||||||
|
<input type="password" name="password" placeholder="Password" required>
|
||||||
|
</div>
|
||||||
|
<button type="submit">Login</button>
|
||||||
|
</form>
|
||||||
|
</body>
|
||||||
|
</html>
|
@ -3,6 +3,8 @@ reload_interval = 30000
|
|||||||
auto_regen = True
|
auto_regen = True
|
||||||
regen_time = 03:00
|
regen_time = 03:00
|
||||||
port = 5000
|
port = 5000
|
||||||
|
create_requires_auth = False
|
||||||
|
password_for_auth = create
|
||||||
|
|
||||||
[comfyui]
|
[comfyui]
|
||||||
comfyui_url = http://comfyui
|
comfyui_url = http://comfyui
|
||||||
|
@ -59,7 +59,7 @@
|
|||||||
},
|
},
|
||||||
"class_type": "CLIPTextEncode",
|
"class_type": "CLIPTextEncode",
|
||||||
"_meta": {
|
"_meta": {
|
||||||
"title": "CLIP Text Encode (Prompt)"
|
"title": "Positive"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"7": {
|
"7": {
|
||||||
@ -72,7 +72,7 @@
|
|||||||
},
|
},
|
||||||
"class_type": "CLIPTextEncode",
|
"class_type": "CLIPTextEncode",
|
||||||
"_meta": {
|
"_meta": {
|
||||||
"title": "CLIP Text Encode (Prompt)"
|
"title": "Negative"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"8": {
|
"8": {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user