article-json-html-render
Advanced tools
Comparing version 2.7.0 to 2.7.1
@@ -27,6 +27,2 @@ 'use strict'; | ||
var _html = require('./html'); | ||
var _html2 = _interopRequireDefault(_html); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
@@ -40,3 +36,3 @@ | ||
Embed: (0, _embed2.default)({ | ||
embeds: opts.embeds || {}, | ||
embeds: opts.embeds, | ||
customCaption: opts.customCaption, | ||
@@ -52,3 +48,2 @@ renderText: renderText | ||
setup.html = (0, _html2.default)(setup); | ||
module.exports = setup; |
@@ -7,3 +7,2 @@ import setupArticle from './components/article'; | ||
import setupParagraph from './components/paragraph'; | ||
import createHtmlRender from './html'; | ||
@@ -16,3 +15,3 @@ const setup = opts => { | ||
Embed: setupEmbed({ | ||
embeds: opts.embeds || {}, | ||
embeds: opts.embeds, | ||
customCaption: opts.customCaption, | ||
@@ -28,3 +27,2 @@ renderText | ||
setup.html = createHtmlRender(setup); | ||
module.exports = setup; |
{ | ||
"name": "article-json-html-render", | ||
"version": "2.7.0", | ||
"version": "2.7.1", | ||
"description": "Base for html-based article-json renderer, such as [article-json-to-amp](https://www.npmjs.com/package/article-json-to-amp)", | ||
"main": "dist/index.js", | ||
"scripts": { | ||
"test": "npm run lint && babel-tape-runner test.js | faucet", | ||
"test": "semistandard | snazzy && babel-tape-runner test.js | faucet", | ||
"coverage:check": "nyc babel-tape-runner test.js", | ||
"coverage:open": "npm run coverage:check && nyc report --reporter=lcov && open coverage/lcov-report/index.html", | ||
"prepublish": "npm run build", | ||
"lint": "semistandard | snazzy", | ||
"build": "mkdir -p dist && babel lib --out-dir dist", | ||
"prepublish": "mkdir -p dist && babel lib --out-dir dist", | ||
"posttest": "readme package.json > readme.md" | ||
@@ -14,0 +12,0 @@ }, |
@@ -13,27 +13,3 @@ # article-json-html-render | ||
## Usage | ||
```js | ||
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 | ||
@@ -40,0 +16,0 @@ |
25
test.js
@@ -641,26 +641,1 @@ import test from 'tape'; | ||
}); | ||
test('render plain html with no embeds', t => { | ||
t.plan(1); | ||
const htmlRender = setupArticle.html(); | ||
const items = [{ | ||
type: 'paragraph', | ||
children: [{ | ||
type: 'text', | ||
content: 'Text' | ||
}] | ||
}, { | ||
type: 'embed', | ||
embedType: 'twitter', | ||
id: 'twitter-id' | ||
}]; | ||
const expected = renderString(tree( | ||
<article><p>Text</p></article> | ||
)); | ||
const actual = htmlRender(items); | ||
t.equal(actual, expected); | ||
t.end(); | ||
}); |
16
usage.js
import setupArticle from 'article-json-html-render'; | ||
import setupArticleToHtml from 'article-json-html-render/html'; | ||
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({ | ||
@@ -17,6 +10,7 @@ embeds: { | ||
const items = [ | ||
{type: 'paragraph', children: [{content: 'foo'}]}, | ||
{type: 'embed', embedType: 'image', src: 'http://example.com/image.jpg'} | ||
]; | ||
console.log(string.render(<Article items={items} />)); | ||
// Render into html | ||
const renderHtml = setupArticleToHtml(); | ||
console.log(renderHtml(items)); |
1
41588
28
1212
46