Microdata generator

Более подробно на русском языке

Generate an html markup from an entity (js object). Update a DOM element with current state of an entity.

Install

npm install --save-dev ivanrave/microdata-generator

Build a page markup

const rootEntity = {}; // use computed-state
const rootSchema = 'Person'; // schema.org
const rootStyle  = 'body { color: green; }'; // css for a page
const config = {
  APP_LANG: 'en',
  APP_DOMAIN: 'https://mysite.com',
  IS_ANALYTICS: false
};

const dom = microdateGenerator.buildPage(rootEntity, rootSchema, rootStyle, config);

Usage

main.js

var generator = require('microdata-generator');

/**
 * @param {Object} elemRow A DOM element (container) for an entity
 * @param {String[]} entityPathLevels Base levels for an entity
 *        eg: second membership in a group: [group, memberships, 2]
 *        no path levels for a root element only.
 * @param {String} entitySchema Schema.org itemtype, like 'Person'
 * @param {Object} entity An object in computed-state format
 *        https://github.com/ivanrave/computed-state
 *        like 'student', 'person', 'thing', 'membership'
 * @param {Boolean} isGlobalDisplayOnly Read mode (no write mode)
 * @returns {Object} Fulfilled DOM element for this entity
 */
 var updatedContainer = gen.buildEntityElement(...);

 // or
 var entirePage = gen.buildPage(...);

Style usage

Attach default styles using postcss-import

main.css

@import "microdata-generator/index.css";

body {
  ...
}