328 lines
11 KiB
JavaScript
328 lines
11 KiB
JavaScript
#!/usr/bin/env node
|
|
/**
|
|
* MCP image-gen server (thin custom wrapper around OpenRouter).
|
|
*
|
|
* Tools:
|
|
* - generate_image(prompt, model, aspect) -> saves PNG to IMAGE_MCP_OUTPUT_DIR
|
|
* - list_image_models() -> 35 image-capable models (1h cache)
|
|
*
|
|
* Auth: Bearer token in Authorization header (token from env MCP_TOKEN).
|
|
* Sourceful Riverflow models branch to /api/v1/images instead of /chat/completions.
|
|
*
|
|
* Design notes (from mcp-image-generation skill, validated 2026-07):
|
|
* - Stateful StreamableHTTPServerTransport (sessionIdGenerator: crypto.randomUUID)
|
|
* - try/catch around fetch AND transport.handleRequest
|
|
* - AbortSignal.timeout(120_000) on upstream
|
|
* - process.stderr.write on every request/response (SDK swallows errors)
|
|
* - MODEL_CACHE 1h TTL
|
|
*/
|
|
|
|
import { Server } from '@modelcontextprotocol/sdk/server/index.js';
|
|
import { StreamableHTTPServerTransport } from '@modelcontextprotocol/sdk/server/streamableHttp.js';
|
|
import {
|
|
ListToolsRequestSchema,
|
|
CallToolRequestSchema,
|
|
} from '@modelcontextprotocol/sdk/types.js';
|
|
import http from 'node:http';
|
|
import crypto from 'node:crypto';
|
|
import fs from 'node:fs/promises';
|
|
import path from 'node:path';
|
|
|
|
const API_KEY = process.env.OPENROUTER_API_KEY;
|
|
const MCP_TOKEN = process.env.MCP_TOKEN;
|
|
|
|
if (!API_KEY) {
|
|
console.error('FATAL: OPENROUTER_API_KEY env not set');
|
|
process.exit(1);
|
|
}
|
|
if (!MCP_TOKEN) {
|
|
console.error('FATAL: MCP_TOKEN env not set (required to protect the endpoint)');
|
|
process.exit(1);
|
|
}
|
|
|
|
const PORT = Number(process.env.PORT || 8935);
|
|
const OUTPUT_DIR = process.env.IMAGE_MCP_OUTPUT_DIR || '/app/generated-images';
|
|
|
|
// ---------- OpenRouter model catalog (cached 1h) ----------
|
|
let MODEL_CACHE = null;
|
|
let MODEL_CACHE_TIME = 0;
|
|
const MODEL_TTL_MS = 3600_000;
|
|
|
|
async function getImageModels() {
|
|
if (MODEL_CACHE && Date.now() - MODEL_CACHE_TIME < MODEL_TTL_MS) {
|
|
return MODEL_CACHE;
|
|
}
|
|
const r = await fetch(
|
|
'https://openrouter.ai/api/v1/models?output_modalities=image',
|
|
{ headers: { Authorization: `Bearer ${API_KEY}` } },
|
|
);
|
|
if (!r.ok) throw new Error(`OpenRouter /models ${r.status}`);
|
|
const data = await r.json();
|
|
MODEL_CACHE = data.data.map((m) => m.id);
|
|
MODEL_CACHE_TIME = Date.now();
|
|
process.stderr.write(`[cache] refreshed: ${MODEL_CACHE.length} image models\n`);
|
|
return MODEL_CACHE;
|
|
}
|
|
|
|
function isRiverflow(modelId) {
|
|
return /^sourceful\/riverflow/i.test(modelId);
|
|
}
|
|
|
|
function aspectToOpenRouter(ar) {
|
|
// OpenRouter accepts 1:1 / 16:9 / 9:16 etc. via image_config.aspect_ratio (vendor-specific, optional).
|
|
// To stay safe we just include the keyword in the prompt — let the model decide when the
|
|
// vendor-specific field is unsupported.
|
|
if (ar === 'square') return '1:1';
|
|
if (ar === 'landscape') return '16:9';
|
|
if (ar === 'portrait') return '9:16';
|
|
return ar;
|
|
}
|
|
|
|
// ---------- API call router ----------
|
|
async function callOpenRouter({ prompt, model, aspect }) {
|
|
// Riverflow models: OpenRouter exposes /api/v1/images for them (chat endpoint returns 404
|
|
// even though models appear in the ?output_modalities=image list — verified 2026-07-05).
|
|
if (isRiverflow(model)) {
|
|
return await callRiverflowImages({ prompt, model, aspect });
|
|
}
|
|
return await callChatCompletions({ prompt, model, aspect });
|
|
}
|
|
|
|
async function callChatCompletions({ prompt, model, aspect }) {
|
|
const ar = aspectToOpenRouter(aspect);
|
|
const augmentedPrompt = ar ? `${prompt} (aspect ratio ${ar})` : prompt;
|
|
const resp = await fetch('https://openrouter.ai/api/v1/chat/completions', {
|
|
method: 'POST',
|
|
headers: {
|
|
Authorization: `Bearer ${API_KEY}`,
|
|
'Content-Type': 'application/json',
|
|
},
|
|
body: JSON.stringify({
|
|
model,
|
|
messages: [{ role: 'user', content: augmentedPrompt }],
|
|
modalities: ['image', 'text'],
|
|
}),
|
|
signal: AbortSignal.timeout(120_000),
|
|
});
|
|
if (!resp.ok) {
|
|
const body = await resp.text();
|
|
throw new Error(`OpenRouter chat ${resp.status}: ${body.slice(0, 600)}`);
|
|
}
|
|
const data = await resp.json();
|
|
const images = data.choices?.[0]?.message?.images;
|
|
if (!images?.length) {
|
|
const text = data.choices?.[0]?.message?.content;
|
|
throw new Error(
|
|
`No images returned. Text content: ${JSON.stringify(text).slice(0, 300)}`,
|
|
);
|
|
}
|
|
// Pick first image_url entry that has a data: URL
|
|
const imgEntry = images.find(
|
|
(e) => e?.image_url?.url?.startsWith('data:image/'),
|
|
);
|
|
if (!imgEntry) {
|
|
throw new Error('images[] has no data: URLs (unsupported shape)');
|
|
}
|
|
return {
|
|
dataUrl: imgEntry.image_url.url,
|
|
provider: 'chat_completions',
|
|
};
|
|
}
|
|
|
|
async function callRiverflowImages({ prompt, model, aspect }) {
|
|
// OpenRouter /api/v1/images accepts a Shape similar to OpenAI Images API.
|
|
// Token is sent as Bearer (same as chat completions).
|
|
const sizeMap = {
|
|
square: '1024x1024',
|
|
landscape: '1536x1024',
|
|
portrait: '1024x1536',
|
|
};
|
|
const resp = await fetch('https://openrouter.ai/api/v1/images', {
|
|
method: 'POST',
|
|
headers: {
|
|
Authorization: `Bearer ${API_KEY}`,
|
|
'Content-Type': 'application/json',
|
|
},
|
|
body: JSON.stringify({
|
|
model,
|
|
prompt,
|
|
size: sizeMap[aspect] || '1024x1024',
|
|
n: 1,
|
|
}),
|
|
signal: AbortSignal.timeout(120_000),
|
|
});
|
|
if (!resp.ok) {
|
|
const body = await resp.text();
|
|
throw new Error(`OpenRouter images ${resp.status}: ${body.slice(0, 600)}`);
|
|
}
|
|
const data = await resp.json();
|
|
// OpenAI-style response: { data: [{ url, b64_json }] }
|
|
const item = data?.data?.[0];
|
|
if (!item) throw new Error('Riverflow returned empty data[]');
|
|
// Prefer b64_json; fall back to URL fetch
|
|
if (item.b64_json) {
|
|
const mime = 'image/png';
|
|
return { dataUrl: `data:${mime};base64,${item.b64_json}`, provider: 'images_ep' };
|
|
}
|
|
if (item.url) {
|
|
const fetched = await fetch(item.url, { signal: AbortSignal.timeout(60_000) });
|
|
if (!fetched.ok) throw new Error(`Riverflow URL fetch ${fetched.status}`);
|
|
const buf = Buffer.from(await fetched.arrayBuffer());
|
|
return {
|
|
dataUrl: `data:image/png;base64,${buf.toString('base64')}`,
|
|
provider: 'images_ep',
|
|
};
|
|
}
|
|
throw new Error('Riverflow response has no url or b64_json');
|
|
}
|
|
|
|
// ---------- MCP server ----------
|
|
const server = new Server(
|
|
{ name: 'mcp-img-gen', version: '1.0.0' },
|
|
{ capabilities: { tools: {} } },
|
|
);
|
|
|
|
server.setRequestHandler(ListToolsRequestSchema, async () => {
|
|
const models = await getImageModels();
|
|
return {
|
|
tools: [
|
|
{
|
|
name: 'generate_image',
|
|
description:
|
|
'Generate an image via OpenRouter. Aspect: square|landscape|portrait. ' +
|
|
'Returns {model,filepath,bytes,provider,latency_ms}.',
|
|
inputSchema: {
|
|
type: 'object',
|
|
properties: {
|
|
prompt: { type: 'string', description: 'Text prompt' },
|
|
model: {
|
|
type: 'string',
|
|
enum: models,
|
|
default: 'google/gemini-2.5-flash-image',
|
|
},
|
|
aspect: {
|
|
type: 'string',
|
|
enum: ['square', 'landscape', 'portrait'],
|
|
default: 'square',
|
|
},
|
|
},
|
|
required: ['prompt'],
|
|
},
|
|
},
|
|
{
|
|
name: 'list_image_models',
|
|
description: 'List 35 image-capable models on OpenRouter (cached 1h).',
|
|
inputSchema: { type: 'object', properties: {} },
|
|
},
|
|
],
|
|
};
|
|
});
|
|
|
|
server.setRequestHandler(CallToolRequestSchema, async (req) => {
|
|
const { name, arguments: args } = req.params;
|
|
try {
|
|
if (name === 'list_image_models') {
|
|
const list = (await getImageModels()).join('\n');
|
|
return {
|
|
content: [{ type: 'text', text: `# OpenRouter image models (${MODEL_CACHE.length})\n\n${list}` }],
|
|
};
|
|
}
|
|
if (name === 'generate_image') {
|
|
const prompt = String(args?.prompt || '').trim();
|
|
if (!prompt) return errResp('prompt required');
|
|
const model = args?.model || 'google/gemini-2.5-flash-image';
|
|
const aspect = args?.aspect || 'square';
|
|
|
|
process.stderr.write(`[gen] req model=${model} aspect=${aspect} prompt="${prompt.slice(0, 80)}"\n`);
|
|
const t0 = Date.now();
|
|
const { dataUrl, provider } = await callOpenRouter({ prompt, model, aspect });
|
|
const base64 = dataUrl.replace(/^data:image\/\w+;base64,/, '');
|
|
const bytes = Buffer.from(base64, 'base64');
|
|
await fs.mkdir(OUTPUT_DIR, { recursive: true });
|
|
const safeModel = model.replace(/[/:]/g, '_');
|
|
const filename = `${safeModel}-${Date.now()}.png`;
|
|
const filepath = path.join(OUTPUT_DIR, filename);
|
|
await fs.writeFile(filepath, bytes);
|
|
process.stderr.write(`[gen] OK provider=${provider} ${Date.now() - t0}ms ${filepath} ${bytes.length}b\n`);
|
|
return {
|
|
content: [
|
|
{
|
|
type: 'text',
|
|
text: JSON.stringify(
|
|
{
|
|
model,
|
|
provider,
|
|
aspect,
|
|
filepath,
|
|
filename,
|
|
bytes: bytes.length,
|
|
latency_ms: Date.now() - t0,
|
|
},
|
|
null,
|
|
2,
|
|
),
|
|
},
|
|
],
|
|
};
|
|
}
|
|
return errResp(`Unknown tool: ${name}`);
|
|
} catch (e) {
|
|
process.stderr.write(`[gen-ERR] ${e.stack || e}\n`);
|
|
return {
|
|
content: [{ type: 'text', text: `Error: ${e.message}` }],
|
|
isError: true,
|
|
};
|
|
}
|
|
});
|
|
|
|
function errResp(text) {
|
|
return { content: [{ type: 'text', text }], isError: true };
|
|
}
|
|
|
|
// ---------- HTTP transport w/ Bearer auth ----------
|
|
const transport = new StreamableHTTPServerTransport({
|
|
sessionIdGenerator: () => crypto.randomUUID(),
|
|
});
|
|
await server.connect(transport);
|
|
|
|
const httpServer = http.createServer(async (req, res) => {
|
|
// Auth gate (Skips the public /health endpoint).
|
|
if (!req.url.startsWith('/health')) {
|
|
const auth = req.headers.authorization || '';
|
|
const expected = `Bearer ${MCP_TOKEN}`;
|
|
if (auth !== expected) {
|
|
process.stderr.write(`[auth] denied ${req.method} ${req.url}\n`);
|
|
res.statusCode = 401;
|
|
res.setHeader('www-authenticate', 'Bearer');
|
|
res.setHeader('content-type', 'application/json');
|
|
res.end(JSON.stringify({ error: 'invalid or missing token' }));
|
|
return;
|
|
}
|
|
}
|
|
|
|
// Lightweight /health for Coolify / Traefik probes
|
|
if (req.url === '/health') {
|
|
res.statusCode = 200;
|
|
res.setHeader('content-type', 'application/json');
|
|
res.end(JSON.stringify({ ok: true, version: '1.0.0', uptime: process.uptime() }));
|
|
return;
|
|
}
|
|
|
|
process.stderr.write(`[HTTP] ${req.method} ${req.url} -> incoming\n`);
|
|
try {
|
|
await transport.handleRequest(req, res);
|
|
process.stderr.write(`[HTTP] ${req.method} ${req.url} -> ${res.statusCode}\n`);
|
|
} catch (e) {
|
|
process.stderr.write(`[HTTP-ERR] ${e.stack || e}\n`);
|
|
if (!res.headersSent) {
|
|
res.statusCode = 500;
|
|
res.setHeader('content-type', 'application/json');
|
|
res.end(JSON.stringify({ error: e.message }));
|
|
}
|
|
}
|
|
});
|
|
|
|
httpServer.listen(PORT, '0.0.0.0', () => {
|
|
process.stderr.write(`mcp-img-gen listening on http://0.0.0.0:${PORT}\n`);
|
|
});
|