cedr/index.js at master · antitim/cedr · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
'use strict';

const Mustache = require('mustache');

/**
 * Шаблон блока по умолчанию
 *
 * @type {string}
 */
const defaultBlockTemplate = '<{{tagName}} class="{{className}}"{{{attrs}}}>{{{ content }}}</{{tagName}}>';

/**
 * Список имеющихся блоков
 *
 * @type {Object[]}
 */
let library;

/**
 * Класс контента для переопределения метода toString у Array
 */
class Contents extends Array {
  toString () {
    return this.join('');
  }
}

/**
 * Функция рекурсивно рендерит узлы страницы
 *
 * @param node {Object} Корневой узел
 * @returns {String} html узлов
 */
function renderNode (node) {
  // Узел отсутствует
  if (node === undefined) {
    return '';
  }

  // Текстовый узел
  if (typeof node === 'string') {
    return node;
  }

  // Блок
  if (node.constructor === Object && node.block) {
    // Формируем контекст
    let context = Object.assign({}, node, {
      tagName: node.tagName || 'div',
      content: renderNode(node.content),
      className: () => {
        let baseName = node.block;

        if (node.element) {
          baseName = baseName + '__' + node.element;
        }

        let className = baseName;

        if (node.mods) {
          for (let key in node.mods) {
            let value = node.mods[key];

            if (typeof value === 'boolean') {
              className = className + ' ' + baseName + '_' + key;
            } else {
              className = className + ' ' + baseName + '_' + key + '_' + value;
            }
          }
        }

        if (node.className) {
          className = className + ' ' + node.className;
        }

        return className;
      },
      attrs: () => {
        let attrs;

        if (node.attrs) {
          attrs = '';

          for (let key in node.attrs) {
            let value = node.attrs[key];
            attrs = attrs + ' ' + key + '="' + value + '"';
          }
        }

        return attrs;
      }
    });

    // Если в библиотеке для этого блока присутсвует шаблон, то загружаем его.
    let template;

    if (library[node.block] && library[node.block].templates) {
      var libTemplate = library[node.block].templates;

      if (node.element) {
        template = libTemplate['__' + node.element];
      } else {
        template = libTemplate[node.block];
      }
    }

    return Mustache.render(template || defaultBlockTemplate, context);
  }

  // Список узлов
  if (node.constructor === Array) {
    var html = new Contents();
    for (let i in node) {
      html.push(renderNode(node[i]));
    }

    return html;
  }
}

/**
 * Рендерит страницу
 *
 * @param page {Object} Объект страницы
 * @param userlibrary {Object} Объект библиотеки
 * @return {string} Html страницы
 */
module.exports = function (page, userlibrary) {
  library = userlibrary || {};

  return renderNode(page);
};