tonytoponi/project-lvl2-s479

import { isObject, flatten } from 'lodash';

const step = '  ';

const stringlifyLine = (key, value, depth, sign = ' ') => `${step.repeat(depth)}${sign} ${key}: ${value}`;

const stringifyNode = (nodekey, value, depth, sign) => {
  if (!isObject(value)) {
    const stringifiedNode = stringlifyLine(nodekey, value, depth + 1, sign);
    return stringifiedNode;
  }
  const keys = Object.keys(value);
  const nodeData = keys.map((key) => stringlifyLine(key, value[key], depth + 3)).join('\n');
  const stringlifiedNodeData = `{\n${nodeData}\n${step.repeat(depth + 2)}}`;
  const stringifiedNode = stringlifyLine(nodekey, stringlifiedNodeData, depth + 1, sign);
  return stringifiedNode;
};

const renderActionsByStatus = {
  nested: ({ key, children }, depth, render) => `${step.repeat(depth + 2)}${key}: ${render(children, depth + 2)}`,
  added: ({ key, newValue }, depth) => stringifyNode(key, newValue, depth, '+'),
  removed: ({ key, oldValue }, depth) => stringifyNode(key, oldValue, depth, '-'),
  unchanged: ({ key, value }, depth) => stringifyNode(key, value, depth, ' '),
  updated: ({ key, oldValue, newValue }, depth) => {
    const oldLine = stringifyNode(key, oldValue, depth, '-');
    const newLine = stringifyNode(key, newValue, depth, '+');
    return [oldLine, newLine];
  },
};

const render = (diff, depth = 0) => {
  const renderNode = (node) => renderActionsByStatus[node.status](node, depth, render);
  const renderedNodes = flatten(diff.map(renderNode)).join('\n');
  const renderedDiff = `{\n${renderedNodes}\n${step.repeat(depth)}}`;
  return renderedDiff;
};


export default render;