Function createView

src/js/app/frame/createView.js:13–326

({
        // element definition
        tag = 'div',
        name = null,
        attributes = {},

        // view interaction
        read = () => {},
        write = () => {},
        create = () => {},
        destroy = () => {},

        // hooks
        filterFrameActionsForChild = (child, actions) => actions,
        didCreateView = () => {},
        didWriteView = () => {},

        // rect related
        ignoreRect = false,
        ignoreRectUpdate = false,

        // mixins
        mixins = []
    } = {})

export const createView =
    // default view definition
    ({
        // element definition
        tag = 'div',
        name = null,
        attributes = {},

        // view interaction
        read = () => {},
        write = () => {},
        create = () => {},
        destroy = () => {},

        // hooks
        filterFrameActionsForChild = (child, actions) => actions,
        didCreateView = () => {},
        didWriteView = () => {},

        // rect related
        ignoreRect = false,
        ignoreRectUpdate = false,

        // mixins
        mixins = []
    } = {}) => (
        // each view requires reference to store
        store,
        // specific properties for this view
        props = {}
    ) => {
            // root element should not be changed
            const element = createElement(tag, `filepond--${name}`, attributes);

            // style reference should also not be changed
            const style = window.getComputedStyle(element, null);

            // element rectangle
            const rect = updateRect();
            let frameRect = null;

            // rest state
            let isResting = false;

            // pretty self explanatory
            const childViews = [];

            // loaded mixins
            const activeMixins = [];

            // references to created children
            const ref = {};

            // state used for each instance
            const state = {};

            // list of writers that will be called to update this view
            const writers = [
                write // default writer
            ];