directus-extension-ai-sdk-bundle/src/stable-diffusion-operation/app.js

A small bundle of Flow Operations which enable interaction with the [OpenAI](https://beta.openai.com/overview) and [Stability](https://stability.ai/) API's.

import { defineOperationApp } from '@directus/extensions-sdk';
import { STABILITY_ENGINES } from '../lib/constants.js';

export default defineOperationApp({
	id: 'stable-diffusion-operation',
	name: 'Stable Diffusion Image Generator',
	icon: 'image',
	description: 'Stable Diffusion Image Generator',
	overview: ({ prompt, negative='blurry, bad', style="cinematic", engine='stable-diffusion-512-v2-1' }) => ([
		{
			label: 'Prompt',
			text: prompt,
		},
		{
			label: 'Negative Prompt',
			text: negative,
		},		
        {
			label: "Style",
			text: style,
		},
		{
			label: 'Engine',
			text: engine,
		},
	]),
	options: [
		{
			field: 'prompt',
			name: 'Prompt',
			type: 'string',
			meta: {
				width: 'full',
				interface: 'input',
			},
		},
		{
			field: 'style',
			name: 'Style',
			type: 'string',
			meta: {
					width: 'full',
					interface: 'input',
			},
			schema: {
				default_value: 'cinematic',
			},
		},
		{
			field: "width",
			name: "Width",
			type: "integer",
			meta: {
				width: 'half',
				interface: 'slider',
				options: {
					minValue: 512,
					maxValue: 1024,
					stepInterval: 64,
					alwaysShowValue: true
				},
				group: 'advanced',
			},
			schema: {
				default_value: 512
			},
		},
		{
			field: "height",
			name: "Height",
			type: "integer",
			meta: {
				width: 'half',
				interface: 'slider',
				options: {
					minValue: 512,
					maxValue: 1024,
					stepInterval: 64,
					alwaysShowValue: true
				},
				group: 'advanced',
			},
			schema: {
				default_value: 512
			},
		},
		{
			field: "cfg_scale",
			name: "CFG Scale",
			type: "integer",
			meta: {
				width: 'half',
				interface: 'slider',
				options: {
					minValue: 0,
					maxValue: 20,
					stepInterval: 1,
					alwaysShowValue: true
				},
				group: 'advanced',
			},
			schema: {
				default_value: 7
			},
		},
		{
			field: "steps",
			name: "Steps",
			type: "integer",
			meta: {
				width: 'half',
				interface: 'slider',
				options: {
					minValue: 10,
					maxValue: 150,
					stepInterval: 1,
					alwaysShowValue: true
				},
				group: 'advanced',
			},
			schema: {
				default_value: 50
			},
		},
		{
			field: 'engine',
			name: 'Engine',
			type: 'string',
			schema: {
				default_value: 'stable-diffusion-512-v2-1',
			},
			meta: {
				width: 'full',
				interface: 'select-dropdown',
				options: {
					choices: STABILITY_ENGINES
				},
				group: 'advanced',
			},
		},
		{
			field: 'negative',
			name: 'Negative Prompt',
			type: 'string',
			meta: {
				width: 'full',
				interface: 'input',
				group: 'advanced',
			},
			schema: {
				default_value: 'blurry, bad',
			},
		},
		{
                        field: 'location',
                        name: 'Storage Location',
                        type: 'string',
                        meta: {
                                width: 'full',
                                interface: 'input',
                                group: 'advanced',
                        },
                        schema: {
                                default_value: 'local',
                        },
                }, 
		{
			field: 'api_key',
			name: 'Stable Diffusion API Key Override',
			type: 'string',
			meta: {
				width: 'full',
				interface: 'input',
				special: null,
				options: { 
					masked: true,
                    placeholder: 'Use globally set key...',
				},
				group: 'advanced',
			},
		},
		{
			field: 'advanced',
			name: 'Advanced Settings',
			type: 'alias',
			meta: {
				field: 'advanced',
				special: ['alias', 'no-data', 'group'],
				interface: 'group-detail',
				options: {
					start: 'closed',
				},
				width: 'full',
			},
		},
	],
});