src.app.shared.pipes.prettyPrint.pipe.ts Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of ui Show documentation
There is a newer version: 3.0.0
import { Pipe, PipeTransform } from '@angular/core';
import { escapeHtml } from '@shared/tools/string-utils';

@Pipe({ name: 'prettyPrint' })
export class PrettyPrintPipe implements PipeTransform {
  transform(value, escapeHtml: boolean = false): any {
    if (value instanceof Array) {
      return value.map(v => this.beautify(v, escapeHtml)).join('
');
    } else {
      return this.beautify(value, escapeHtml);
    }
  }

  beautify = (content: string, escapeHtmlP: boolean = false) => {
    let r = content;
    try {
      let json = JSON.parse(content);
      if (typeof json === 'string') {
        content = json;
        throw new Error('');
      } else if (Array.isArray(json)) {
          let b = '[';
          for (let i = 0 ; i < json.length ; i++) {
              b += this.beautify(json[i]);
              b += '\n';
          }
          return b + ']';
      }
      return JSON.stringify(json, null, '  ');
    } catch (error) {
      if (content.startsWith('data:image')) {
        return '';
      }
      if (content.startsWith('data:')) {
        return 'download information data';
      }
      if (content.startsWith('<') || content.includes(' {
    indent = indent || '\t'; //you can set/define other ident than tabs

    //PART 1: Add \n where necessary
    const xmlString = input
      .replace(/(<([a-zA-Z]+\b)[^>]*>)(?!<\/\2>|[\w\s])/g, "$1\n") //add \n after tag if not followed by the closing tag of pair or text node
      .replace(/(<\/[a-zA-Z]+[^>]*>)/g, "$1\n") //add \n after closing tag
      .replace(/>\s+(.+?)\s+<(?!\/)/g, ">\n$1\n<") //add \n between sets of angled brackets and text node between them
      .replace(/>(.+?)<([a-zA-Z])/g, ">\n$1\n<$2") //add \n between angled brackets and text node between them
      .replace(/\?>\n<") //detect a header of XML

    const xmlArr = xmlString.split('\n');  //split it into an array (for analise each line separately)

    //PART 2: indent each line appropriately
    let tabs = '';  //store the current indentation
    let start = 0;  //starting line

    if (/^<[?]xml/.test(xmlArr[0])) start++;  //if the first line is a header, ignore it

    for (let i = start; i < xmlArr.length; i++) //for each line
    {
      const line = xmlArr[i].replace(/^\s+|\s+$/g, '');  //trim it (just in case)

      if (/^<[/]/.test(line))  //if the line is a closing tag
      {
        tabs = tabs.replace(indent, '');  //remove one indent from the store
        xmlArr[i] = tabs + line;  //add the tabs at the beginning of the line
      }
      else if (/<.*>.*<\/.*>|<.*[^>]\/>/.test(line))  //if the line contains an entire node
      {
        //leave the store as is
        xmlArr[i] = tabs + line; //add the tabs at the beginning of the line
      }
      else if (/<.*>/.test(line)) //if the line starts with an opening tag and does not contain an entire node
      {
        xmlArr[i] = tabs + line;  //add the tabs at the beginning of the line
        tabs += indent;  //and add one indent to the store
      }
      else  //if the line contain a text node
      {
        xmlArr[i] = tabs + line;  // add the tabs at the beginning of the line
      }
    }

    //PART 3: return formatted string (source)
    return xmlArr.join('\n');  //rejoin the array to a string and return it
  };
}