@thecodeblogs/blog 0.20.0 → 0.20.1

package/fesm2022/thecodeblogs-blog.mjs

@@ -5,11 +5,15 @@ import * as i1 from '@angular/common/http';
 import { HttpParams } from '@angular/common/http';
 import { map, debounceTime } from 'rxjs/operators';
 import { Subject, of, Subscription } from 'rxjs';
-import { Utility } from '@blog/services/utility';
+import { Utility as Utility$1 } from '@blog/services/utility';
 import * as i6 from '@angular/common';
 import { isPlatformBrowser, NgIf, CommonModule } from '@angular/common';
 import * as i2 from 'ngx-device-detector';
 import * as i1$1 from '@angular/platform-browser';
+import { Entry as Entry$1 } from '@blog/data/entry';
+import { Section as Section$1 } from '@blog/data/section';
+import { Content as Content$1 } from '@blog/data/content';
+import { ContentType as ContentType$1 } from '@blog/data/content-type';
 import { ENTER, COMMA, TAB } from '@angular/cdk/keycodes';
 import * as i1$2 from '@angular/material/dialog';
 import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
@@ -354,10 +358,10 @@ class EntryService extends DjangoRestFrameworkEndpointService {
         return this.http.delete(this.adminEndpoint + entity.id + '/').pipe(map((val) => this.triggerCoreEvent(val, CoreEventType.DELETE)), map(this.handleResponse.bind(this)));
     }
     convertHtmlToBlogFormat(entry, html) {
-        return Utility.convertHtmlToBlogFormat(entry, html);
+        return Utility$1.convertHtmlToBlogFormat(entry, html);
     }
     convertBlogToHtmlFormat(entry) {
-        return Utility.convertBlogToHtml(entry);
+        return Utility$1.convertBlogToHtml(entry);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: EntryService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: EntryService, providedIn: 'root' }); }
@@ -573,6 +577,167 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImpor
                 }]
         }], ctorParameters: () => [{ type: i1.HttpClient }] });
 
+class Utility {
+    static replaceNbsps(str) {
+        var re = new RegExp(String.fromCharCode(160), "g");
+        return str.replace(re, " ");
+    }
+    static convertHTMLToType(el) {
+        var value = "";
+        var contentType = "";
+        // First test for custom objects
+        var testValue = el.innerText;
+        try {
+            var obj = JSON.parse(testValue);
+            return obj;
+        }
+        catch (error) {
+            //console.error(error);
+        }
+        //console.log(el.tagName);
+        switch (el.tagName.toLowerCase()) {
+            case "p":
+                if (el.children.length > 0) {
+                    var child = el.children[0];
+                    if (child.tagName.toLowerCase() === "a") {
+                        var c = new Content$1();
+                        value = child.href;
+                        c.value = value;
+                        c.title = Utility.replaceNbsps(child.innerText);
+                        c.type = ContentType$1.URL;
+                        return c;
+                    }
+                    else if (child.tagName.toLowerCase() === 'img') {
+                        var c = new Content$1();
+                        value = child.src;
+                        c.value = value;
+                        c.type = ContentType$1.IMAGE;
+                        return c;
+                    }
+                }
+                else {
+                    var c = new Content$1();
+                    value = Utility.replaceNbsps(el.innerText);
+                    c.value = value;
+                    c.type = ContentType$1.TEXT;
+                    return c;
+                }
+                break;
+            case "a":
+                var c = new Content$1();
+                value = el.href;
+                c.value = value;
+                c.title = Utility.replaceNbsps(el.innerText);
+                c.type = ContentType$1.URL;
+                return c;
+                break;
+            case "h4":
+                var s = new Section$1();
+                value = Utility.replaceNbsps(el.innerText);
+                s.subheading = Utility.replaceNbsps(value);
+                return s;
+                break;
+            case "blockquote":
+                var c = new Content$1();
+                value = el.innerHTML;
+                c.value = "<blockquote>" + value + "</blockquote>";
+                c.type = ContentType$1.HTML;
+                return c;
+                break;
+            default:
+                var c = new Content$1();
+                value = el.innerHTML;
+                c.value = value;
+                c.type = ContentType$1.HTML;
+                return c;
+                break;
+        }
+    }
+    static convertHtmlToBlogFormat(entry, html) {
+        entry.sections = [];
+        var newEntry = new Entry$1(entry);
+        var el = document.createElement('html');
+        el.innerHTML = html;
+        // Creating the HTML element adds a head and body
+        // We hardcode to 1 to reference the body, and its
+        // child elements
+        var children = el.children[1].children;
+        ;
+        var section = new Section$1();
+        section.subheading = "";
+        for (let i = 0; i < children.length; i++) {
+            var child = children[i];
+            var thing = Utility.convertHTMLToType(child);
+            //console.log('Thing: ' + JSON.stringify(thing));
+            //console.log('Typeof: ' + JSON.stringify(typeof(thing)));
+            if (thing instanceof Section$1) {
+                section = thing;
+                section.order = i * 10;
+                entry.sections.push(section);
+            }
+            else if (thing instanceof Content$1) {
+                if (entry.sections.length === 0) {
+                    thing.order = i * 10;
+                    section.contents.push(thing);
+                    entry.sections.push(section);
+                    section.order = i * 10;
+                }
+                else {
+                    thing.order = i * 10;
+                    section.contents.push(thing);
+                }
+            }
+            else {
+                if (thing !== null && typeof (thing) !== 'undefined') {
+                    thing.order = i * 10;
+                    section.contents.push(thing);
+                }
+            }
+        }
+        //console.log('E: ' + JSON.stringify(entry));
+        return entry;
+    }
+    static convertTypeToHTML(content) {
+        switch (content.type) {
+            case ContentType$1.CODE:
+                return '<pre><code class="language-ts">' + content?.value + '</code></pre>';
+                break;
+            case ContentType$1.IMAGE:
+                return '<img src="' + content?.value + '"/>';
+                break;
+            case ContentType$1.MEDIA:
+                return '<pre>' + JSON.stringify(content) + '</pre>';
+                break;
+            case ContentType$1.HTML:
+                return content.value;
+                break;
+            case ContentType$1.URL:
+                return '<a target="_blank" href="' + content.value + '">' + content.title + '</a><br>';
+                break;
+            case ContentType$1.TEXT:
+                return '<p>' + content.value + '</p>';
+                break;
+            default:
+                return '<pre>' + JSON.stringify(content) + '</pre>';
+                break;
+        }
+    }
+    static convertBlogToHtml(blog) {
+        var html = "";
+        var sections = blog.sections;
+        for (var i = 0; i < sections.length; i++) {
+            var section = sections[i];
+            html = html + '<h4>' + section.subheading + '</h4>';
+            var contents = section.contents;
+            for (var j = 0; j < contents.length; j++) {
+                var content = contents[j];
+                html = html + Utility.convertTypeToHTML(content);
+            }
+        }
+        return html;
+    }
+}
+
 class EntrySelectorDialogData {
 }
 
@@ -2072,5 +2237,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { Base, CommentService, Content, ContentType, CoreEvent, CoreEventType, CoreModule, DjangoRestFrameworkEndpointService, Entry, EntryCreatorComponent, EntryRendererComponent, EntryRendererWrapperComponent, EntrySelectorDialogComponent, EntryService, EntrySummaryComponent, Guid, IdentityService, Interaction, InteractionService, JsonRendererComponent, LandingPageComponent, LinkyPipe, ListResponse, MainComponent, MediaUploadModalComponent, OutlineViewComponent, PrismService, Routes, Section, SideNavigationComponent, StaticHtmlComponent, StaticHtmlService, TagService, TimeAgoPipe, Upload, UploadService, View, ViewService, VisitorProfile, VisitorProfileService };
+export { Base, CommentService, Content, ContentType, CoreEvent, CoreEventType, CoreModule, DjangoRestFrameworkEndpointService, Entry, EntryCreatorComponent, EntryRendererComponent, EntryRendererWrapperComponent, EntrySelectorDialogComponent, EntryService, EntrySummaryComponent, Guid, IdentityService, Interaction, InteractionService, JsonRendererComponent, LandingPageComponent, LinkyPipe, ListResponse, MainComponent, MediaUploadModalComponent, OutlineViewComponent, PrismService, Routes, Section, SideNavigationComponent, StaticHtmlComponent, StaticHtmlService, TagService, TimeAgoPipe, Upload, UploadService, Utility, View, ViewService, VisitorProfile, VisitorProfileService };
 //# sourceMappingURL=thecodeblogs-blog.mjs.map