solver.js

import { StyleMatrix, Style, StyleProp } from './Types';
import { addIndex, assoc, concat, keys, map, prop, reduce } from 'ramda';

const reduceIndexed = addIndex(reduce);

function product([head, ...tail]) {
  if (head === undefined) { return [[]]; }

  const prod = product(tail);

  return reduce((mem, x) => {
    return concat(mem, map((p: Array<any>) => {
      return [x, ...p];
    }, prod));
  }, [], head);
}

export default function solve(matrix: StyleMatrix): Array<Style> {
  const ks = keys(matrix);
  const vs = map((key: string) => prop(key, matrix), ks);

  console.log(ks, vs);

  return map((prodResult: Array<StyleProp>) => {
    return reduceIndexed((memo: Object, k: StyleProp, i: number) => {
      return assoc(k, prodResult[i], memo);
    }, {}, ks);
  }, product(vs));
}