import { imageUrlToBase64 } from '../../../ClientUtils';
import { Doc, DocListCast, StrListCast } from '../../../fields/Doc';
import { DocData } from '../../../fields/DocSymbols';
import { List } from '../../../fields/List';
import { DocCast, ImageCast, NumCast } from '../../../fields/Types';
import { ImageField } from '../../../fields/URLField';
import { Upload } from '../../../server/SharedMediaTypes';
import { gptDescribeImage } from '../../apis/gpt/GPT';
import { Docs } from '../../documents/Documents';
import { Networking } from '../../Network';
import { DocCreatorMenu } from '../nodes/DataVizBox/DocCreatorMenu/DocCreatorMenu';
import { DocumentView, DocumentViewInternal } from '../nodes/DocumentView';
import { OpenWhere } from '../nodes/OpenWhere';
import { AspectRatioLimits, FireflyDimensionsMap, FireflyImageDimensions, FireflyStylePresets } from './FireflyConstants';

const DashDropboxId = '2m86iveqdr9vzsa';
export class DrawingFillHandler {
    static drawingToImage = async (drawing: Doc, strength: number, user_prompt: string, styleDoc?: Doc, fromDocCreator?: DocCreatorMenu) => {
        const docData = drawing[DocData];
        const tags = StrListCast(docData.tags).map(tag => tag.slice(1));
        const styles = tags.filter(tag => FireflyStylePresets.has(tag));
        const styleDocs = !Doc.Links(drawing).length
            ? styleDoc && !tags.length
                ? [styleDoc]
                : []
            : Doc.Links(drawing)
                  .map(link => Doc.getOppositeAnchor(link, drawing))
                  .map(anchor => anchor && DocCast(anchor.embedContainer));
        const styleUrl = await DocumentView.GetDocImage(styleDocs.filter(doc => doc?.data instanceof ImageField).lastElement())?.then(styleImg => {
            const hrefParts = ImageCast(styleImg).url.href.split('.');
            return `${hrefParts.slice(0, -1).join('.')}_o.${hrefParts.lastElement()}`;
        });
        return DocumentView.GetDocImage(drawing)?.then(imageField => {
            if (imageField) {
                const aspectRatio = (drawing.width as number) / (drawing.height as number);
                const dims = (() => {
                    if (aspectRatio > AspectRatioLimits[FireflyImageDimensions.Widescreen]) return FireflyDimensionsMap[FireflyImageDimensions.Widescreen];
                    if (aspectRatio > AspectRatioLimits[FireflyImageDimensions.Landscape]) return FireflyDimensionsMap[FireflyImageDimensions.Landscape];
                    if (aspectRatio < AspectRatioLimits[FireflyImageDimensions.Portrait]) return FireflyDimensionsMap[FireflyImageDimensions.Portrait];
                    return FireflyDimensionsMap[FireflyImageDimensions.Square];
                })();
                const { href } = ImageCast(imageField).url;
                const hrefParts = href.split('.');
                const structureUrl = `${hrefParts.slice(0, -1).join('.')}_o.${hrefParts.lastElement()}`;
                return imageUrlToBase64(structureUrl)
                    .then(gptDescribeImage)
                    .then((prompt, newPrompt = user_prompt || prompt) =>
                        Networking.PostToServer('/queryFireflyImageFromStructure', { prompt: `${newPrompt}`, width: dims.width, height: dims.height, structureUrl, strength, presets: styles, styleUrl })
                            .then(res => {
                                console.log('res is: ', res)
                                const genratedDocs = DocCast(drawing.ai_firefly_generatedDocs) ?? Docs.Create.MasonryDocument([], { _width: 400, _height: 400 });
                                drawing[DocData].ai_firefly_generatedDocs = genratedDocs;
                                (res as Upload.ImageInformation[]).map(info => {
                                    if (!fromDocCreator) {
                                        const doc = Docs.Create.ImageDocument(info.accessPaths.agnostic.client, {
                                            ai: 'firefly',
                                            tags: new List<string>(['@ai']),
                                            title: newPrompt,
                                            _data_usePath: 'alternate:hover',
                                            data_alternates: new List<Doc>([drawing]),
                                            ai_firefly_prompt: newPrompt,
                                            _width: 500,
                                            data_nativeWidth: info.nativeWidth,
                                            data_nativeHeight: info.nativeHeight,
                                        })
                                        Doc.AddDocToList(
                                            genratedDocs,
                                            undefined,
                                            doc,
                                            undefined,
                                            undefined,
                                            true
                                        );
                                    } else {
                                        fromDocCreator.addVariation(info.accessPaths.agnostic.client);
                                    }
                                });
                                if (!DocumentView.getFirstDocumentView(genratedDocs) && !fromDocCreator) {
                                    DocumentViewInternal.addDocTabFunc(genratedDocs, OpenWhere.addRight);
                                } 
                            })
                            .catch(e => {
                                if (e.toString().includes('Dropbox') && confirm('Create image failed. Try authorizing DropBox?\r\n' + e.toString().replace(/^[^"]*/, ''))) {
                                    window.open(`https://www.dropbox.com/oauth2/authorize?client_id=${DashDropboxId}&response_type=code&token_access_type=offline&redirect_uri=http://localhost:1050/refreshDropbox`, '_blank')?.focus();
                                } else alert(e.toString());
                            })
                    ); // prettier-ignore:q
            }
        });
    };
}
