import { isNull, mixin } from "@implab/core-amd/safe";
import { isPlainObject, DojoNodePosition, Rendition, isDocumentFragmentNode, placeAt, collectNodes, autostartWidgets } from "./traits";

import { IScope } from "./Scope";
import { getScope } from "./render";

export abstract class RenditionBase<TNode extends Node> implements Rendition<TNode> {
    private _attrs = {};

    private _children = new Array();

    private _created: boolean = false;

    visitNext(v: any) {
        if (this._created)
            throw new Error("The Element is already created");

        if (isNull(v) || typeof v === "boolean")
            // skip null, undefined, booleans ( this will work:  {value && <span>{value}</span>} )
            return;

        if (isPlainObject(v)) {
            mixin(this._attrs, v);
        } else if (v instanceof Array) {
            v.forEach(x => this.visitNext(x));
        } else {
            this._children.push(v);
        }
    }

    ensureCreated(scope: IScope) {
        if (!this._created) {
            this._create(this._attrs, this._children, scope);
            this._children = [];
            this._attrs = {};
            this._created = true;
        }
    }

    /** Is rendition was instantiated to the DOM node */
    isCreated() {
        return this._created;
    }

    /** Creates DOM node if not created. No additional actions are taken. */
    getDomNode(scope?: IScope) {
        this.ensureCreated(scope || getScope());
        return this._getDomNode();
    }

    /** Creates DOM node if not created, places it to the specified position
     * and calls startup() method for all widgets contained by this node.
     *
     * @param {string | Node} refNode The reference node where the created
     *   DOM should be placed.
     * @param {DojoNodePosition} position Optional parameter, specifies the
     *   position relative to refNode. Default is "last" (i.e. last child).
     */
    placeAt(refNode: string | Node, position: DojoNodePosition = "last") {
        const domNode = this.getDomNode();

        const startupPending = isDocumentFragmentNode(domNode) ? collectNodes(domNode.children) : [domNode];

        placeAt(domNode, refNode, position);

        startupPending.forEach(autostartWidgets);

    }

    protected abstract _create(attrs: object, children: unknown[], scope: IScope): void;

    protected abstract _getDomNode(): TNode;
}