import { Doc, DocListCast, Opt } from '../../fields/Doc';
import { ObjectField } from '../../fields/ObjectField';
import { RichTextField } from '../../fields/RichTextField';
import { listSpec } from '../../fields/Schema';
import { ScriptField } from '../../fields/ScriptField';
import { Cast, StrCast } from '../../fields/Types';
import { ImageField } from '../../fields/URLField';
import { Docs } from '../documents/Documents';
import { DocumentType } from '../documents/DocumentTypes';
import { ButtonType, FontIconBox } from '../views/nodes/FontIconBox/FontIconBox';
import { DragManager } from './DragManager';
import { ScriptingGlobals } from './ScriptingGlobals';

export function MakeTemplate(doc: Doc, first: boolean = true, rename: Opt<string> = undefined, templateField: string = '') {
    if (templateField) Doc.GetProto(doc).title = templateField; /// the title determines which field is being templated
    doc.isTemplateDoc = makeTemplate(doc, first, rename);
    return doc;
}
//
// converts 'doc' into a template that can be used to render other documents.
// the title of doc is used to determine which field is being templated, so
// passing a value for 'rename' allows the doc to be given a meangingful name
// after it has been converted to
function makeTemplate(doc: Doc, first: boolean = true, rename: Opt<string> = undefined): boolean {
    const layoutDoc = doc.layout instanceof Doc && doc.layout.isTemplateForField ? doc.layout : doc;
    if (layoutDoc.layout instanceof Doc) {
        // its already a template
        return true;
    }
    const layout = StrCast(layoutDoc.layout).match(/fieldKey={'[^']*'}/)![0];
    const fieldKey = layout.replace("fieldKey={'", '').replace(/'}$/, '');
    const docs = DocListCast(layoutDoc[fieldKey]);
    let any = false;
    docs.forEach(d => {
        if (!StrCast(d.title).startsWith('-')) {
            any = Doc.MakeMetadataFieldTemplate(d, Doc.GetProto(layoutDoc)) || any;
        } else if (d.type === DocumentType.COL || d.data instanceof RichTextField) {
            any = makeTemplate(d, false) || any;
        }
    });
    if (first) {
        if (!docs.length) {
            // bcz: feels hacky : if the root level document has items, it's not a field template
            any = Doc.MakeMetadataFieldTemplate(doc, Doc.GetProto(layoutDoc)) || any;
        }
    }
    if (layoutDoc[fieldKey] instanceof RichTextField || layoutDoc[fieldKey] instanceof ImageField) {
        if (!StrCast(layoutDoc.title).startsWith('-')) {
            any = Doc.MakeMetadataFieldTemplate(layoutDoc, Doc.GetProto(layoutDoc));
        }
    }
    rename && (doc.title = rename);
    return any;
}
export function convertDropDataToButtons(data: DragManager.DocumentDragData) {
    data?.draggedDocuments.map((doc, i) => {
        let dbox = doc;
        // bcz: isButtonBar is intended to allow a collection of linear buttons to be dropped and nested into another collection of buttons... it's not being used yet, and isn't very elegant
        if (doc.type === DocumentType.FONTICON || StrCast(Doc.Layout(doc).layout).includes(FontIconBox.name)) {
            if (data.dropPropertiesToRemove || dbox.dropPropertiesToRemove) {
                //dbox = Doc.MakeEmbedding(doc);  // don't need to do anything if dropping an icon doc onto an icon bar since there should be no layout data for an icon
                dbox = Doc.MakeEmbedding(dbox);
                const dragProps = Cast(dbox.dropPropertiesToRemove, listSpec('string'), []);
                const remProps = (data.dropPropertiesToRemove || []).concat(Array.from(dragProps));
                remProps.map(prop => (dbox[prop] = undefined));
            }
        } else if (!doc.onDragStart && !doc.isButtonBar) {
            const layoutDoc = doc; // doc.layout instanceof Doc && doc.layout.isTemplateForField ? doc.layout : doc;
            if (layoutDoc.type !== DocumentType.FONTICON) {
                !layoutDoc.isTemplateDoc && makeTemplate(layoutDoc);
            }
            layoutDoc.isTemplateDoc = true;
            dbox = Docs.Create.FontIconDocument({
                _nativeWidth: 100,
                _nativeHeight: 100,
                _width: 100,
                _height: 100,
                backgroundColor: StrCast(doc.backgroundColor),
                title: StrCast(layoutDoc.title),
                btnType: ButtonType.ClickButton,
                icon: 'bolt',
            });
            dbox.dragFactory = layoutDoc;
            dbox.dropPropertiesToRemove = doc.dropPropertiesToRemove instanceof ObjectField ? ObjectField.MakeCopy(doc.dropPropertiesToRemove) : undefined;
            dbox.onDragStart = ScriptField.MakeFunction('makeDelegate(this.dragFactory)');
        } else if (doc.isButtonBar) {
            dbox.ignoreClick = true;
        }
        data.droppedDocuments[i] = dbox;
    });
}
ScriptingGlobals.add(
    function convertToButtons(dragData: any) {
        convertDropDataToButtons(dragData as DragManager.DocumentDragData);
    },
    'converts the dropped data to buttons',
    '(dragData: any)'
);