article-json-html-render

article-json-html-render

Base for html-based article-json renderer, such as article-json-to-amp

Installation

Download node at nodejs.org and install it, if you haven't already.

npm install article-json-html-render --save

Usage

import setupArticle from 'article-json-html-render';
import {element, string} from 'deku';

const items = [
  {type: 'paragraph', children: [{content: 'foo'}]},
  {type: 'embed', embedType: 'image', src: 'http://example.com/image.jpg'}
];

// Render into Deku component tree
const Article = setupArticle({
  embeds: {
    image: embed => <img src={embed.src} />
  }
});

console.log(string.render(<Article items={items} />));

// Render into html
const renderHtml = setupArticle.html();
console.log(renderHtml(items));

Tests

npm install
npm test

Dependencies

• lodash.startswith: The lodash method _.startsWith exported as a module.
• magic-virtual-element: Build virtual tree elements with magic attributes

Dev Dependencies

• babel-cli: Babel command line.
• babel-core: Babel compiler core.
• babel-plugin-transform-react-jsx: Turn JSX into React function calls
• babel-preset-es2015: Babel preset for all es2015 plugins.
• babel-tape-runner: Babel + Tape for running your ES Next tests
• deku: Create view components using a virtual DOM
• faucet: human-readable TAP summarizer
• package-json-to-readme: Generate a README.md from package.json contents
• semistandard-deku: All the goodness of feross/standard with semicolons sprinkled on top. Adapted for deku
• snazzy: Format JavaScript Standard Style as Stylish (i.e. snazzy) output
• tape: tap-producing test harness for node and browsers

License

MIT

Generated by package-json-to-readme