NanoGPT: Add to image generation extension

public/scripts/extensions/stable-diffusion/index.js

@@ -54,6 +54,7 @@ const sources = {
     stability: 'stability',
     blockentropy: 'blockentropy',
     huggingface: 'huggingface',
+    nanogpt: 'nanogpt',
 };
 
 const initiators = {
@@ -1236,6 +1237,7 @@ async function onModelChange() {
         sources.stability,
         sources.blockentropy,
         sources.huggingface,
+        sources.nanogpt,
     ];
 
     if (cloudSources.includes(extension_settings.sd.source)) {
@@ -1454,6 +1456,9 @@ async function loadSamplers() {
         case sources.huggingface:
             samplers = ['N/A'];
             break;
+        case sources.nanogpt:
+            samplers = ['N/A'];
+            break;
     }
 
     for (const sampler of samplers) {
@@ -1646,6 +1651,9 @@ async function loadModels() {
         case sources.huggingface:
             models = [{ value: '', text: '<Enter Model ID above>' }];
             break;
+        case sources.nanogpt:
+            models = await loadNanoGPTModels();
+            break;
     }
 
     for (const model of models) {
@@ -1725,6 +1733,25 @@ async function loadBlockEntropyModels() {
     return [];
 }
 
+async function loadNanoGPTModels() {
+    if (!secret_state[SECRET_KEYS.NANOGPT]) {
+        console.debug('NanoGPT API key is not set.');
+        return [];
+    }
+
+    const result = await fetch('/api/sd/nanogpt/models', {
+        method: 'POST',
+        headers: getRequestHeaders(),
+    });
+
+    if (result.ok) {
+        const data = await result.json();
+        return data;
+    }
+
+    return [];
+}
+
 async function loadHordeModels() {
     const result = await fetch('/api/horde/sd-models', {
         method: 'POST',
@@ -1997,6 +2024,9 @@ async function loadSchedulers() {
         case sources.huggingface:
             schedulers = ['N/A'];
             break;
+        case sources.nanogpt:
+            schedulers = ['N/A'];
+            break;
     }
 
     for (const scheduler of schedulers) {
@@ -2079,6 +2109,9 @@ async function loadVaes() {
         case sources.huggingface:
             vaes = ['N/A'];
             break;
+        case sources.nanogpt:
+            vaes = ['N/A'];
+            break;
     }
 
     for (const vae of vaes) {
@@ -2631,6 +2664,8 @@ async function sendGenerationRequest(generationType, prompt, additionalNegativeP
             case sources.huggingface:
                 result = await generateHuggingFaceImage(prefixedPrompt, signal);
                 break;
+            case sources.nanogpt:
+                result = await generateNanoGPTImage(prefixedPrompt, negativePrompt, signal);
         }
 
         if (!result.data) {
@@ -3308,6 +3343,40 @@ async function generateHuggingFaceImage(prompt, signal) {
     }
 }
 
+/**
+ * Generates an image using the NanoGPT API.
+ * @param {string} prompt - The main instruction used to guide the image generation.
+ * @param {string} negativePrompt - The instruction used to restrict the image generation.
+ * @param {AbortSignal} signal - An AbortSignal object that can be used to cancel the request.
+ * @returns {Promise<{format: string, data: string}>} - A promise that resolves when the image generation and processing are complete.
+ */
+async function generateNanoGPTImage(prompt, negativePrompt, signal) {
+    const result = await fetch('/api/sd/nanogpt/generate', {
+        method: 'POST',
+        headers: getRequestHeaders(),
+        signal: signal,
+        body: JSON.stringify({
+            model: extension_settings.sd.model,
+            prompt: prompt,
+            negative_prompt: negativePrompt,
+            num_steps: parseInt(extension_settings.sd.steps),
+            scale: parseFloat(extension_settings.sd.scale),
+            width: parseInt(extension_settings.sd.width),
+            height: parseInt(extension_settings.sd.height),
+            resolution: `${extension_settings.sd.width}x${extension_settings.sd.height}`,
+            showExplicitContent:  true,
+            nImages: 1,
+        }),
+    });
+
+    if (result.ok) {
+        const data = await result.json();
+        return { format: 'jpg', data: data.image };
+    } else {
+        const text = await result.text();
+        throw new Error(text);
+    }
+}
 
 async function onComfyOpenWorkflowEditorClick() {
     let workflow = await (await fetch('/api/sd/comfy/workflow', {
@@ -3591,6 +3660,8 @@ function isValidState() {
             return secret_state[SECRET_KEYS.BLOCKENTROPY];
         case sources.huggingface:
             return secret_state[SECRET_KEYS.HUGGINGFACE];
+        case sources.nanogpt:
+            return secret_state[SECRET_KEYS.NANOGPT];
     }
 }
 

public/scripts/extensions/stable-diffusion/settings.html

@@ -42,6 +42,7 @@
                 <option value="drawthings">DrawThings HTTP API</option>
                 <option value="extras">Extras API (local / remote)</option>
                 <option value="huggingface">HuggingFace Inference API (serverless)</option>
+                <option value="nanogpt">NanoGPT</option>
                 <option value="novel">NovelAI Diffusion</option>
                 <option value="openai">OpenAI (DALL-E)</option>
                 <option value="pollinations">Pollinations</option>
@@ -88,6 +89,9 @@
                 <label for="sd_huggingface_model_id" data-i18n="Model ID">Model ID</label>
                 <input id="sd_huggingface_model_id" type="text" class="text_pole"  data-i18n="[placeholder]e.g. black-forest-labs/FLUX.1-dev" placeholder="e.g. black-forest-labs/FLUX.1-dev" value="" />
             </div>
+            <div data-sd-source="nanogpt">
+                <i>Hint: Save an API key in the NanoGPT (Chat Completion) API settings to use it here.</i>
+            </div>
             <div data-sd-source="vlad">
                 <label for="sd_vlad_url">SD.Next API URL</label>
                 <div class="flex-container flexnowrap">

src/endpoints/stable-diffusion.js

@@ -1001,6 +1001,89 @@ huggingface.post('/generate', jsonParser, async (request, response) => {
     }
 });
 
+const nanogpt = express.Router();
+
+nanogpt.post('/models', jsonParser, async (request, response) => {
+    try {
+        const key = readSecret(request.user.directories, SECRET_KEYS.NANOGPT);
+
+        if (!key) {
+            console.log('NanoGPT key not found.');
+            return response.sendStatus(400);
+        }
+
+        const modelsResponse = await fetch('https://nano-gpt.com/api/models', {
+            method: 'GET',
+            headers: {
+                'x-api-key': key,
+                'Content-Type': 'application/json',
+            },
+        });
+
+        if (!modelsResponse.ok) {
+            console.log('NanoGPT returned an error.');
+            return response.sendStatus(500);
+        }
+
+        /** @type {any} */
+        const data = await modelsResponse.json();
+        const imageModels = data?.models?.image;
+
+        if (!imageModels || typeof imageModels !== 'object') {
+            console.log('NanoGPT returned invalid data.');
+            return response.sendStatus(500);
+        }
+
+        const models = Object.values(imageModels).map(x => ({ value: x.model, text: x.name }));
+        return response.send(models);
+    }
+    catch (error) {
+        console.log(error);
+        return response.sendStatus(500);
+    }
+});
+
+nanogpt.post('/generate', jsonParser, async (request, response) => {
+    try {
+        const key = readSecret(request.user.directories, SECRET_KEYS.NANOGPT);
+
+        if (!key) {
+            console.log('NanoGPT key not found.');
+            return response.sendStatus(400);
+        }
+
+        console.log('NanoGPT request:', request.body);
+
+        const result = await fetch('https://nano-gpt.com/api/generate-image', {
+            method: 'POST',
+            body: JSON.stringify(request.body),
+            headers: {
+                'x-api-key': key,
+                'Content-Type': 'application/json',
+            },
+        });
+
+        if (!result.ok) {
+            console.log('NanoGPT returned an error.');
+            return response.sendStatus(500);
+        }
+
+        /** @type {any} */
+        const data = await result.json();
+
+        const image = data?.data?.[0]?.b64_json;
+        if (!image) {
+            console.log('NanoGPT returned invalid data.');
+            return response.sendStatus(500);
+        }
+
+        return response.send({ image });
+    }
+    catch (error) {
+        console.log(error);
+        return response.sendStatus(500);
+    }
+});
 
 router.use('/comfy', comfy);
 router.use('/together', together);
@@ -1009,3 +1092,4 @@ router.use('/pollinations', pollinations);
 router.use('/stability', stability);
 router.use('/blockentropy', blockentropy);
 router.use('/huggingface', huggingface);
+router.use('/nanogpt', nanogpt);