redoc/lib/utils/pipes.js

118 lines
3.1 KiB
JavaScript
Raw Normal View History

2015-10-08 20:16:45 +03:00
'use strict';
2015-12-14 19:31:17 +03:00
import {Pipe} from 'angular2/core';
import {isString, stringify, isBlank} from 'angular2/src/facade/lang';
import {BaseException} from 'angular2/src/facade/exceptions';
2015-10-08 20:16:45 +03:00
import {JsonPointer} from './JsonPointer';
import Prism from '../../prismjs-bundle';
2016-01-31 20:37:35 +03:00
import 'prismjs/themes/prism-dark.css!css';
import 'hint.css/hint.base.css!css';
import marked from 'marked';
2016-04-07 18:44:41 +03:00
// in gfm mode marked doesn't parse #Heading (without space after #) as heading
// https://github.com/chjj/marked/issues/642
marked.Lexer.rules.gfm.heading = marked.Lexer.rules.normal.heading;
marked.Lexer.rules.tables.heading = marked.Lexer.rules.normal.heading;
marked.setOptions({
renderer: new marked.Renderer(),
gfm: true,
tables: true,
breaks: false,
pedantic: false,
smartLists: true,
smartypants: false
});
2015-12-14 19:31:17 +03:00
class InvalidPipeArgumentException extends BaseException {
constructor(type, value) {
super(`Invalid argument '${value}' for pipe '${stringify(type)}'`);
}
}
2015-10-08 20:16:45 +03:00
2015-12-14 19:14:14 +03:00
@Pipe({ name: 'keys' })
2015-10-08 20:16:45 +03:00
export class KeysPipe {
2015-12-14 19:31:17 +03:00
transform(value) {
if (isBlank(value)) return value;
if (typeof value !== 'object') {
throw new InvalidPipeArgumentException(ValuesPipe, value);
2015-12-14 19:14:14 +03:00
}
2015-12-14 19:31:17 +03:00
return Object.keys(value);
2015-10-08 20:16:45 +03:00
}
}
2015-12-14 19:14:14 +03:00
@Pipe({ name: 'values' })
2015-10-08 20:16:45 +03:00
export class ValuesPipe {
2015-12-14 19:14:14 +03:00
transform(value) {
2015-12-14 19:31:17 +03:00
if (isBlank(value)) return value;
2015-12-14 19:14:14 +03:00
if (typeof value !== 'object') {
throw new InvalidPipeArgumentException(ValuesPipe, value);
}
return Object.keys(value).map(key => value[key]);
2015-10-08 20:16:45 +03:00
}
}
2015-12-14 19:14:14 +03:00
@Pipe({ name: 'jsonPointerEscape' })
2015-10-08 20:16:45 +03:00
export class JsonPointerEscapePipe {
2015-12-14 19:14:14 +03:00
transform(value) {
2015-12-14 19:31:17 +03:00
if (isBlank(value)) return value;
2015-12-14 19:14:14 +03:00
if (!isString(value)) {
throw new InvalidPipeArgumentException(JsonPointerEscapePipe, value);
}
return JsonPointer.escape(value);
2015-10-08 20:16:45 +03:00
}
}
2015-12-14 19:14:14 +03:00
@Pipe({ name: 'marked' })
export class MarkedPipe {
2015-12-14 19:14:14 +03:00
transform(value) {
2015-12-14 19:31:17 +03:00
if (isBlank(value)) return value;
2015-12-14 19:14:14 +03:00
if (!isString(value)) {
throw new InvalidPipeArgumentException(JsonPointerEscapePipe, value);
}
return `<span class="redoc-markdown-block">${marked(value)}</span>`;
}
}
2016-01-31 20:37:35 +03:00
const langMap = {
'c++': 'cpp',
'c#': 'csharp',
'objective-c': 'objectivec',
'shell': 'bash',
'viml': 'vim'
};
@Pipe({ name: 'prism' })
export class PrismPipe {
transform(value, args) {
if (isBlank(args) || args.length === 0) {
throw new BaseException('Prism pipe requires one argument');
}
if (isBlank(value)) return value;
if (!isString(value)) {
throw new InvalidPipeArgumentException(JsonPointerEscapePipe, value);
}
let lang = args[0].toString().trim().toLowerCase();
if (langMap[lang]) lang = langMap[lang];
let grammar = Prism.languages[lang];
//fallback to clike
if (!grammar) grammar = Prism.languages.clike;
return Prism.highlight(value, grammar);
}
}
2016-03-09 21:44:20 +03:00
@Pipe({ name: 'encodeURIComponent' })
export class EncodeURIComponentPipe {
transform(value) {
if (isBlank(value)) return value;
if (!isString(value)) {
throw new InvalidPipeArgumentException(EncodeURIComponentPipe, value);
}
return encodeURIComponent(value);
}
}