"use strict";

import m from "mithril";
import * as components from "../components";
import * as store from "../store";
import * as expression from "../../lib/common/expression";
import memoize from "../../lib/common/memoize";

const memoizedParse = memoize(expression.parse);

const component = {
  view: vnode => {
    if (vnode.attrs.filter) {
      const filter = memoizedParse(vnode.attrs.filter);
      if (!store.evaluateExpression(filter, vnode.attrs.device)) return null;
    }

    const children = Object.values(vnode.attrs.components).map(c => {
      if (typeof c !== "object") return `${c}`;
      const attrs = Object.assign({}, vnode.attrs, c);
      return m(components.get(attrs.type), attrs);
    });
    if (vnode.attrs.element) return m(vnode.attrs.element, children);
    else return children;
  }
};

export default component;