mirror of
				https://github.com/Redocly/redoc.git
				synced 2025-11-04 01:37:32 +03:00 
			
		
		
		
	
		
			
				
	
	
		
			130 lines
		
	
	
		
			3.6 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
			
		
		
	
	
			130 lines
		
	
	
		
			3.6 KiB
		
	
	
	
		
			TypeScript
		
	
	
	
	
	
'use strict';
 | 
						|
 | 
						|
import { Pipe, PipeTransform } from '@angular/core';
 | 
						|
import { DomSanitizer } from '@angular/platform-browser';
 | 
						|
import { isString, stringify, isBlank } from '@angular/core/src/facade/lang';
 | 
						|
import JsonPointer from './JsonPointer';
 | 
						|
import { renderMd } from './helpers';
 | 
						|
import { JsonFormatter } from './JsonFormatterPipe';
 | 
						|
 | 
						|
declare var Prism: any;
 | 
						|
 | 
						|
 | 
						|
class BaseException {
 | 
						|
  message: string;
 | 
						|
  constructor(message) {
 | 
						|
    this.message = message;
 | 
						|
  }
 | 
						|
}
 | 
						|
 | 
						|
class InvalidPipeArgumentException extends BaseException {
 | 
						|
  constructor(type, value) {
 | 
						|
    super(`Invalid argument '${value}' for pipe '${stringify(type)}'`);
 | 
						|
  }
 | 
						|
}
 | 
						|
 | 
						|
@Pipe({ name: 'keys' })
 | 
						|
export class KeysPipe implements PipeTransform {
 | 
						|
  transform(value) {
 | 
						|
    if (isBlank(value)) return value;
 | 
						|
    if (typeof value !== 'object') {
 | 
						|
      throw new InvalidPipeArgumentException(ValuesPipe, value);
 | 
						|
    }
 | 
						|
    return Object.keys(value);
 | 
						|
  }
 | 
						|
}
 | 
						|
 | 
						|
@Pipe({ name: 'values' })
 | 
						|
export class ValuesPipe implements PipeTransform {
 | 
						|
  transform(value) {
 | 
						|
    if (isBlank(value)) return value;
 | 
						|
    if (typeof value !== 'object') {
 | 
						|
      throw new InvalidPipeArgumentException(ValuesPipe, value);
 | 
						|
    }
 | 
						|
    return Object.keys(value).map(key => value[key]);
 | 
						|
  }
 | 
						|
}
 | 
						|
 | 
						|
@Pipe({ name: 'jsonPointerEscape' })
 | 
						|
export class JsonPointerEscapePipe implements PipeTransform {
 | 
						|
  transform(value:string) {
 | 
						|
    if (isBlank(value)) return value;
 | 
						|
    if (!isString(value)) {
 | 
						|
      throw new InvalidPipeArgumentException(JsonPointerEscapePipe, value);
 | 
						|
    }
 | 
						|
    return JsonPointer.escape(value);
 | 
						|
  }
 | 
						|
}
 | 
						|
 | 
						|
@Pipe({ name: 'marked' })
 | 
						|
export class MarkedPipe implements PipeTransform {
 | 
						|
  constructor(private sanitizer: DomSanitizer) {}
 | 
						|
  transform(value:string) {
 | 
						|
    if (isBlank(value)) return value;
 | 
						|
    if (!isString(value)) {
 | 
						|
      throw new InvalidPipeArgumentException(JsonPointerEscapePipe, value);
 | 
						|
    }
 | 
						|
 | 
						|
    return this.sanitizer.bypassSecurityTrustHtml(
 | 
						|
      `<span class="redoc-markdown-block">${renderMd(value)}</span>`
 | 
						|
    );
 | 
						|
  }
 | 
						|
}
 | 
						|
 | 
						|
@Pipe({ name: 'safe' })
 | 
						|
export class SafePipe implements PipeTransform {
 | 
						|
  constructor(private sanitizer: DomSanitizer) {}
 | 
						|
  transform(value:string) {
 | 
						|
    if (isBlank(value)) return value;
 | 
						|
    if (!isString(value)) {
 | 
						|
      throw new InvalidPipeArgumentException(JsonPointerEscapePipe, value);
 | 
						|
    }
 | 
						|
 | 
						|
    return this.sanitizer.bypassSecurityTrustHtml(value);
 | 
						|
  }
 | 
						|
}
 | 
						|
 | 
						|
const langMap = {
 | 
						|
  'c++': 'cpp',
 | 
						|
  'c#': 'csharp',
 | 
						|
  'objective-c': 'objectivec',
 | 
						|
  'shell': 'bash',
 | 
						|
  'viml': 'vim'
 | 
						|
};
 | 
						|
 | 
						|
@Pipe({ name: 'prism' })
 | 
						|
export class PrismPipe implements PipeTransform {
 | 
						|
  constructor(private sanitizer: DomSanitizer) {}
 | 
						|
  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 this.sanitizer.bypassSecurityTrustHtml(Prism.highlight(value, grammar));
 | 
						|
  }
 | 
						|
}
 | 
						|
 | 
						|
@Pipe({ name: 'encodeURIComponent' })
 | 
						|
export class EncodeURIComponentPipe implements PipeTransform {
 | 
						|
  transform(value:string) {
 | 
						|
    if (isBlank(value)) return value;
 | 
						|
    if (!isString(value)) {
 | 
						|
      throw new InvalidPipeArgumentException(EncodeURIComponentPipe, value);
 | 
						|
    }
 | 
						|
    return encodeURIComponent(value);
 | 
						|
  }
 | 
						|
}
 | 
						|
 | 
						|
export const REDOC_PIPES = [
 | 
						|
  JsonPointerEscapePipe, MarkedPipe, SafePipe, PrismPipe, EncodeURIComponentPipe, JsonFormatter
 | 
						|
];
 |