croco-html 0.1.1 → 0.1.3

package/src/lib/extensions/BootstrapTableMethods.ts

@@ -1,87 +0,0 @@
-import { InterfaceBlock } from "./InterfaceBlock";
-import { FileImageTag, FileImageTagDataConsts } from './ImageMethods';
-import { TableData, TableHeaderData, TableRowData } from './TableMethods';
-import { SimpleTextTag, TextTag } from './TextSimpleMethods';
-
-export class BootstrapTableMethods {
-
-    static BuildTable(data: TableData): string {
-        let result = `<table class="table table-bordered">`;
-        result += this.BuildHeader(data.header);
-        result += this.BuildBody(data.rows);
-        result += "</table>";
-
-        return result;
-    }
-
-    static BuildHeader(data: TableHeaderData) {
-        if (data === null) {
-            return "";
-        }
-
-        let result = "<thead>";
-        result += "<tr>";
-        for (let index = 0; index < data.columns.length; index++) {
-            result += `<th>${data.columns[index]}</th>`;
-        }
-        result += "</tr>";
-
-        result += "</thead>";
-
-        return result;
-    }
-
-    static BuildBody(rows: TableRowData[]) {
-        let result = "<tbody>";
-
-        for (let i = 0; i < rows.length; i++) {
-            const row = rows[i];
-
-            result += "<tr>";
-            for (let j = 0; j < row.columns.length; j++) {
-                const col = row.columns[j];
-
-                result += `<td class="align-middle">${this.BuildInnerTags(col.data.children)}</td>`;
-            }
-            result += "</tr>";
-        }
-
-        result += "</tbody>";
-        return result;
-    }
-
-    static BuildInnerTags(tags: InterfaceBlock[]) {
-        let result = "";
-        for (let i = 0; i < tags.length; i++) {
-            result += this.BuildInnerTag(tags[i]);
-        }
-
-        return result;
-    }
-
-    static BuildInnerTag(data: InterfaceBlock): string {
-        if (data.type === FileImageTagDataConsts.TagName) {
-            let fileImageTag = data as FileImageTag;
-            return `<img src=${fileImageTag.data.src} class="mx-auto d-block img-fluid" />`;
-        }
-        else if(data.type === TextTag){
-
-            let simpleTextTag = data as SimpleTextTag;
-
-            var map = {
-                ["left"]: "text-start",
-                ["center"]: "text-center",
-                ["right"]: "text-end"
-            };
-
-            if(!simpleTextTag.data.validationResult.isSucceeded){
-                return `<span>Ошибка в тексте ${simpleTextTag.data.validationResult.message}</span>`;
-            }
-
-            return `<div class="${map[simpleTextTag.data.horizontalAlignment]}"><span>${simpleTextTag.data.html}</span></div>`;
-        }
-        else {
-            return `<p>Тег ${data.type} не поддерживается</p>`;
-        }
-    }
-}

package/src/lib/extensions/HtmlExtractionMethods.ts

@@ -1,78 +0,0 @@
-import { ImageMethods } from "./ImageMethods";
-import { InterfaceBlock } from "./InterfaceBlock";
-import { TableMethods } from "./TableMethods";
-import { TextMethods } from "./TextMethods";
-import { GenericTextTag, TextSimpleMethods } from "./TextSimpleMethods";
-import { ExternalVideoTagDataConsts, VideoMethods } from "./VideoMethods";
-
-export class HtmlExtractionMethods {
-
-
-  static ExtractHeaderTag(elem: HTMLElement, tagName: string): GenericTextTag {
-
-    var data: GenericTextTag = TextSimpleMethods.ExtractTextTag(elem);
-    data.type = tagName;
-
-    return data;
-  }
-
-  static Extractors = {
-    ["TEXT"]: (elem: HTMLElement) => TextSimpleMethods.ExtractTextTag(elem),
-    ["FILE-IMAGE"]: (elem: HTMLElement) => ImageMethods.ExtractImage(elem),
-    ["TABLE"]: (elem: HTMLElement) => TableMethods.getTableFromHtmlTag(elem as HTMLTableElement),
-    ["RICH-TEXT"]: (elem: HTMLElement) => TextMethods.ExtractRichTextData(elem),
-    ["HTML-RAW"]: (elem: HTMLElement) => ({
-      type: "html-raw",
-      data: {
-        innerHTML: elem.innerHTML
-      }
-    }),
-    ["H1"]: (elem: HTMLElement) => HtmlExtractionMethods.ExtractHeaderTag(elem, "h1"),
-    ["H2"]: (elem: HTMLElement) => HtmlExtractionMethods.ExtractHeaderTag(elem, "h2"),
-    ["H3"]: (elem: HTMLElement) => HtmlExtractionMethods.ExtractHeaderTag(elem, "h3"),
-    ["H4"]: (elem: HTMLElement) => HtmlExtractionMethods.ExtractHeaderTag(elem, "h4"),
-    ["H5"]: (elem: HTMLElement) => HtmlExtractionMethods.ExtractHeaderTag(elem, "h5"),
-    ["H6"]: (elem: HTMLElement) => HtmlExtractionMethods.ExtractHeaderTag(elem, "h6"),
-    [ExternalVideoTagDataConsts.TagName.toUpperCase()]: (elem: HTMLElement) => VideoMethods.ExtractExternalVideoTag(elem)
-  };
-
-  static transformHtmlElementToBlocks(element: HTMLElement): InterfaceBlock[] {
-    var data: InterfaceBlock[] = [];
-
-    for (let i = 0; i < element.children.length; i++) {
-      var elem = element.children.item(i) as HTMLElement;
-
-      if (!HtmlExtractionMethods.Extractors.hasOwnProperty(elem.tagName)) {
-        data.push({
-          type: "unsupported-tag",
-          data: {
-            tagString: elem.outerHTML
-          }
-        });
-      }
-      else {
-        var extractor = HtmlExtractionMethods.Extractors[elem.tagName];
-        var result = extractor(elem);
-        data.push(result);
-      }
-    }
-
-    return data;
-  }
-
-  static transformHtmlStringToBlocks(value: string): InterfaceBlock[] {
-
-    if (value === undefined) {
-      return [];
-    }
-
-    value = value
-      .replace('\n', '')
-      .replace('\t', '');
-
-    var div = document.createElement("div");
-    div.innerHTML = value;
-
-    return this.transformHtmlElementToBlocks(div);
-  }
-}

package/src/lib/extensions/HtmlRawTagDataConsts.ts

@@ -1,3 +0,0 @@
-export class HtmlRawTagDataConsts {
-    static TagName = "html-raw";
-}

package/src/lib/extensions/ImageMethods.ts

@@ -1,37 +0,0 @@
-export class FileImageTagDataConsts {
-    static TagName = "file-image";
-    static FileIdAttrName = "file-id";
-}
-
-export interface FileImageTag{
-    type: string;
-    data: FileImageTagData;
-}
-
-export interface FileImageTagData{
-    src: string;
-    fileId: number;
-}
-
-export class ImageMethods {
-
-    public static buildUrl(fileId: number):string{
-        return `/FileCopies/Images/Medium/${fileId}.jpg`;
-    }
-
-    public static buildSmallUrl(fileId: number):string{
-        return `/FileCopies/Images/Small/${fileId}.jpg`;
-    }
-
-    public static ExtractImage(elem: HTMLElement): FileImageTag {
-        let fileId = +elem.getAttribute(FileImageTagDataConsts.FileIdAttrName);
-        let src = ImageMethods.buildUrl(fileId);
-        return {
-            type: FileImageTagDataConsts.TagName,
-            data: {
-                src,
-                fileId: fileId,
-            }
-        };
-    }
-}

package/src/lib/extensions/InterfaceBlock.ts

@@ -1,5 +0,0 @@
-
-export interface InterfaceBlock {
-  type: string;
-  data: any;
-}

package/src/lib/extensions/TableBuilder.ts

@@ -1,50 +0,0 @@
-import { XmlExtensions } from './XmlExtensions';
-
-export class TableBuilder {
-    static getTableMarkUp(rows: number, cols: number, generateHeaders: boolean): string {
-        rows = +rows;
-        cols = +cols;
-
-        let result = "<table>";
-        
-        if(generateHeaders){
-            result += TableBuilder.getTableHeaderMarkUp(cols);
-        }
-        
-        result += TableBuilder.getTableBodyMarkUp(cols, rows);
-        result += "</table>";
-
-        return XmlExtensions.formatXml(result);
-    }
-
-    static getTableHeaderMarkUp(cols: number): string {
-
-        let result = "<thead><tr>";
-
-        for (let i = 0; i < cols; i++) {
-            result += `<th>Колонка #${i + 1}</th>`;
-        }
-
-        result += "</tr></thead>";
-
-        return result;
-    }
-
-    static getTableBodyMarkUp(cols: number, rows: number): string {
-
-        let result = "<tbody>";
-
-        for (let row = 0; row < rows; row++) {
-            result += "<tr>";
-            for (let i = 0; i < cols; i++) {
-
-                result += `<td>Ряд№${row + 1} Колонка #${i + 1}</td>`;
-            }
-            result += "</tr>";
-        }
-
-        result += "</tbody>";
-
-        return result;
-    }
-}

package/src/lib/extensions/TableMethods.ts

@@ -1,175 +0,0 @@
-import { AngularMaterialTableMethods } from './AngularMaterialTableMethods';
-import { BootstrapTableMethods } from './BootstrapTableMethods';
-import { HtmlExtractionMethods } from './HtmlExtractionMethods';
-import { InterfaceBlock } from "./InterfaceBlock";
-import { TextSimpleMethods } from './TextSimpleMethods';
-
-export interface BaseApiResponse {
-    isSucceeded: boolean;
-    message: string;
-}
-
-export interface TableHeaderData{
-    type: "table-header";
-    columns: string[];
-}
-
-export interface TableRowColumnData {
-    type: "table-row-column-data";
-    data: {
-        text: string;
-        children: InterfaceBlock[];
-    }
-}
-
-export interface TableRowData {
-    type: "table-row-column";
-    columns: TableRowColumnData[];
-}
-
-export interface TableData{
-    header: TableHeaderData,
-    rows: TableRowData[]
-}
-
-export interface TableTagData{
-    type: "table";
-    data: TableData;
-}
-
-export class TableTypes{
-    static readonly TableRowColumnData = "table-row-column-data";
-    static readonly Table = "table";
-    static readonly TableRowColumn = "table-row-column";
-}
-
-export class TableMethods {
-
-    static getTableFromHtmlTag(tableTag: HTMLTableElement) {
-        let tableData : TableData = {
-            header: TableMethods.getHeader(tableTag),
-            rows: TableMethods.getTableRows(tableTag)
-        };
-
-        var result = {
-            type: TableTypes.Table,
-            data: tableData,
-            validationResult: this.checkTable(tableData),
-            bootstrapHtml: ""
-        }
-
-        if(!result.validationResult){
-            return result;
-        }
-        result.bootstrapHtml = BootstrapTableMethods.BuildTable(result.data);
-
-        var angularMaterialTableDataCheck = AngularMaterialTableMethods.checkAngularMaterialTableData(tableData);
-
-        if (!angularMaterialTableDataCheck.isSucceeded) {
-            return {
-                ...result,
-                angularMaterialTableDataCheck
-            };
-        }
-
-        return {
-            ...result,
-            angularMaterialTableDataCheck,
-            html: tableTag.outerHTML,
-            angularMaterialTableData: AngularMaterialTableMethods.getAngularMaterialTableData(tableData.header.columns, tableData.rows),
-        };
-    }
-
-    static checkTable(tableData: TableData) : BaseApiResponse{
-
-        let rows = tableData.rows;
-
-        let prevRowCount = -1;
-        for (let i = 0; i < rows.length; i++) {
-            const row = rows[i];
-
-            if (row.columns.length !== prevRowCount && prevRowCount != -1) {
-                return {
-                    isSucceeded: false,
-                    message: `Ошибка при обработке разметки таблицы. `
-                        + `Количество колонок в каждой строке таблицы должно соотвествовать друг другу. `
-                        + `В строке таблицы №${i + 1} количество колонок = ${row.columns.length}, а в строке выше ${prevRowCount}.`
-                };
-            }
-            prevRowCount = row.columns.length;
-        }
-
-        return {
-            isSucceeded: true,
-            message: "Ok"
-        }
-    }
-
-
-    static getHeader(tableTag: HTMLTableElement) : TableHeaderData {
-        let header = tableTag.tHead;
-
-        if(header === null){
-            return null;
-        }
-
-        let tr = header.children.item(0);
-
-        let headerColumns: string[] = [];
-
-        for (let j = 0; j < tr.children.length; j++) {
-            const jElement = tr.children.item(j) as HTMLElement;
-
-            headerColumns.push(jElement.innerHTML);
-        }
-
-        return {
-            type: "table-header",
-            columns: headerColumns
-        };
-    }
-
-    static getTableRows(tableTag: HTMLTableElement): Array<TableRowData> {
-        let tBody = tableTag.tBodies.item(0);
-
-        let rows: TableRowData[] = [];
-
-        for (let i = 0; i < tBody.children.length; i++) {
-            const iElement = tBody.children.item(i);
-
-            let rowColumns: TableRowColumnData[] = [];
-
-            for (let j = 0; j < iElement.children.length; j++) {
-                const jElement = iElement.children.item(j) as HTMLElement;
-
-                let children = HtmlExtractionMethods.transformHtmlElementToBlocks(jElement);
-
-                if(children.length === 0){
-                    var textTag = document.createElement("p");
-                    textTag.innerHTML = jElement.innerHTML;
-
-                    var textElem = TextSimpleMethods.ExtractTextTag(textTag);
-
-                    children.push(textElem);
-                }
-
-                var result:TableRowColumnData = {
-                    type: TableTypes.TableRowColumnData,
-                    data: {
-                        text: jElement.innerHTML,
-                        children
-                    }
-                };
-
-                rowColumns.push(result);
-            }
-
-            rows.push({
-                type: TableTypes.TableRowColumn,
-                columns: rowColumns
-            });
-        }
-
-        return rows;
-    }
-}

package/src/lib/extensions/TextMethods.ts

@@ -1,51 +0,0 @@
-export interface TextBlock{
-    type: "text-block" | "text-sup-block" | "text-sub-block";
-    data: {
-      text: string;
-    }
-  }
-  
-  export interface LineBreakBlock {
-    type: "line-break";
-  }
-  
-  export interface RichTextData{
-    type: "rich-text"
-    data: {
-      children: Array<TextBlock | LineBreakBlock>;
-    }
-  }
-
-export class TextMethods {
-
-  static textTags = ["text", "h1", "h2", "h3", "h4", "h5", "h6"];
-
-  static ExtractRichTextData(elem: HTMLElement): RichTextData {
-
-    let children: Array<TextBlock | LineBreakBlock> = [];
-    for (let i = 0; i < elem.children.length; i++) {
-      const child = elem.children.item(i);
-
-      if (child.tagName === "text-block".toUpperCase()) {
-        children.push({
-          type: "text-block",
-          data: {
-            text: child.innerHTML
-          }
-        });
-      }
-      else if (child.tagName === "line-break".toUpperCase()) {
-        children.push({
-          type: "line-break"
-        });
-      }
-    }
-
-    return {
-      type: "rich-text",
-      data: {
-        children
-      }
-    };
-  }
-}

package/src/lib/extensions/TextSimpleMethods.ts

@@ -1,120 +0,0 @@
-import { BaseApiResponse } from "./TableMethods";
-
-export const TextTag = "text";
-
-export interface SimpleTextTag {
-    type: "text",
-    data: SimpleTextTagData
-}
-
-export interface GenericTextTag {
-    type: string,
-    data: SimpleTextTagData
-}
-
-export interface SimpleTextTagData {
-    textTagName: string;
-    text: string,
-    html: string,
-    horizontalAlignment: "left" | "right" | "center",
-    validationResult: BaseApiResponse
-}
-
-export class TextSimpleMethods {
-
-    static supportedTags = ["sup", "sub", "strong", "b", "i"];
-
-    static ExtractTextTag(elem: HTMLElement): SimpleTextTag {
-        var hAlignValue = elem.getAttribute("h-align") ?? "left" as any;
-
-        var data: SimpleTextTagData = {
-            textTagName: elem.tagName.toLowerCase(),
-            text: elem.innerText.trim().replace('\n\t', ''),
-            html: elem.innerHTML.trim().replace('\n\t', ''),
-            horizontalAlignment: hAlignValue,
-            validationResult: {
-                isSucceeded: true,
-                message: "Ok"
-            }
-        };
-
-        let result: SimpleTextTag = {
-            type: TextTag,
-            data: data
-        };
-
-        if(result.data.text === '\n'){
-            result.data.text = '';
-        }
-        if(result.data.html === '\n'){
-            result.data.html = '';
-        }
-
-        var alignmentVals = ["left", "right", "center"];
-
-        if (alignmentVals.indexOf(hAlignValue) < 0) {
-
-            result.data.validationResult = {
-                isSucceeded: false,
-                message: `Недопустимое значение атрибута h-align. Допустимые значения: ${alignmentVals.join(', ')}. `
-                    + 'Данный тег можно не указывать, по-умолчанию будет применено выравнивание слева.'
-            };
-        }
-
-        var html = result.data.html;
-        var htmlValidation = this.ValidateTextHtml(html);
-
-        if(!htmlValidation.isSucceeded){
-            result.data.validationResult = htmlValidation;
-        }
-
-        return result;
-    }
-
-    static ValidateTextHtml(html: string) : BaseApiResponse{
-
-        var p = document.createElement("p");
-        p.innerHTML = html;
-
-        for (let i = 0; i < p.children.length; i++) {
-            const element = p.children.item(i);
-
-            var validationResult = this.ValidateTag(element);
-
-            if(!validationResult.isSucceeded){
-                return validationResult;
-            }
-        }
-
-        return {
-            isSucceeded:true,
-            message: `Ok`
-        }
-    }
-
-    static ValidateTag(element : Element): BaseApiResponse{
-        let lowerTag = element.tagName.toLowerCase();
-
-        if(!this.supportedTags.includes(lowerTag)){
-            return {
-                isSucceeded: false,
-                message: `Тег <${lowerTag}> не поддерживается внутри тега <text>`
-            }
-        }
-
-        for (let i = 0; i < element.children.length; i++) {
-            const nElement = element.children.item(i);
-
-            var innerValidationResult = this.ValidateTag(nElement);
-
-            if(!innerValidationResult.isSucceeded){
-                return innerValidationResult;
-            }
-        }
-
-        return {
-            isSucceeded: true,
-            message: "Ok"
-        };
-    }
-}

package/src/lib/extensions/VideoMethods.ts

@@ -1,31 +0,0 @@
-export class ExternalVideoTagDataConsts {
-    static TagName = "external-video";
-    static VideoTypeAttrName = "type";
-    static LinkAttrName = "link";
-}
-
-export class ExternalVideoSupportedTypes{
-    static Youtube = "youtube"
-}
-
-export interface ExternalVideoTag{
-    type: string;
-    data: ExternalVideoTagData;
-}
-
-export interface ExternalVideoTagData{
-    type: string;
-    link: string;
-}
-
-export class VideoMethods {
-    static ExtractExternalVideoTag(elem: HTMLElement): ExternalVideoTag{
-        return {
-            type: ExternalVideoTagDataConsts.TagName,
-            data:{
-                type: elem.getAttribute(ExternalVideoTagDataConsts.VideoTypeAttrName),
-                link: elem.getAttribute(ExternalVideoTagDataConsts.LinkAttrName)
-            }
-        };
-    }
-}

package/src/lib/extensions/XmlExtensions.ts

@@ -1,26 +0,0 @@
-export class XmlExtensions{
-    public static formatXml(xml:string, tab:string = '\t'):string { // tab = optional indent value, default is tab (\t)
-        var formatted = '', indent= '';
-        tab = tab || '\t';
-        xml.split(/>\s*</).forEach(function(node) {
-            if (node.match( /^\/\w/ )) indent = indent.substring(tab.length); // decrease indent by one 'tab'
-            formatted += indent + '<' + node + '>\r\n';
-            if (node.match( /^<?\w[^>]*[^\/]$/ )) indent += tab;              // increase indent
-        });
-        return formatted.substring(1, formatted.length-3);
-    }
-
-    public static tagsToLower(xml: string): string{
-        xml = this.replaceTagToLower(xml, "Body");
-        xml = this.replaceTagToLower(xml, "Image");
-        xml = this.replaceTagToLower(xml, "Text");
-
-        return xml;
-    }
-
-    static replaceTagToLower(xml: string, tag: string) : string{
-        return xml
-            .replace(new RegExp(`<${tag}`, 'g'), `<${tag.toLowerCase()}`)
-            .replace(new RegExp(`</${tag}>`, 'g'), `</${tag.toLowerCase()}>`);
-    }
-}

package/src/lib/extensions/index.ts

@@ -1,12 +0,0 @@
-export * from './AngularMaterialTableMethods'
-export * from './BodyTagsExtensions'
-export * from './BootstrapTableMethods'
-// export * from './HtmlExtractionMethods'
-// export * from './HtmlRawTagDataConsts'
-export * from './ImageMethods'
-export * from './TableBuilder'
-export * from './TableMethods'
-export * from './TextMethods'
-export * from './TextSimpleMethods'
-export * from './VideoMethods'
-export * from './XmlExtensions'