update

.gitignore

@@ -42,4 +42,5 @@ testem.log
 Thumbs.db
 
 ideas.md
-/.vscode
+/.vscode
+serveAll.bat

src/app/app.module.ts

@@ -58,6 +58,7 @@ import { HashLocationStrategy, LocationStrategy } from '@angular/common';
 import { AddFileComponent } from './user-input/add-file/add-file.component';
 import { NotificationComponent } from './notification/notification.component';
 import { DeploySpecComponent } from './user-input/deploy-spec/deploy-spec.component';
+import { HeadingComponent } from './heading/heading.component';
 @NgModule({
   declarations: [
     AppComponent,
@@ -110,6 +111,7 @@ import { DeploySpecComponent } from './user-input/deploy-spec/deploy-spec.compon
     AddFileComponent,
     NotificationComponent,
     DeploySpecComponent,
+    HeadingComponent,
   ],
   imports: [
     BrowserModule,

src/app/heading/heading.component.html

@@ -0,0 +1,10 @@
+<div class="heading" *ngIf="heading != ''">
+  <h1 *ngIf="level == 1">{{ heading }}</h1>
+  <h2 *ngIf="level == 2">{{ heading }}</h2>
+  <h3 *ngIf="level == 3">{{ heading }}</h3>
+  <h4 *ngIf="level == 4">{{ heading }}</h4>
+  <h5 *ngIf="level == 5">{{ heading }}</h5>
+  <h5 *ngIf="level == 6">{{ heading }}</h5>
+  <h5 *ngIf="level == 7">{{ heading }}</h5>
+  <h5 *ngIf="level == 8">{{ heading }}</h5>
+</div>

src/app/heading/heading.component.spec.ts

@@ -0,0 +1,21 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { HeadingComponent } from './heading.component';
+
+describe('HeadingComponent', () => {
+  let component: HeadingComponent;
+  let fixture: ComponentFixture<HeadingComponent>;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      declarations: [HeadingComponent]
+    });
+    fixture = TestBed.createComponent(HeadingComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/heading/heading.component.ts

@@ -0,0 +1,11 @@
+import { Component, Input } from '@angular/core';
+
+@Component({
+  selector: 'app-heading',
+  templateUrl: './heading.component.html',
+  styleUrls: ['./heading.component.sass'],
+})
+export class HeadingComponent {
+  @Input() heading: string = '';
+  @Input() level: number = 1;
+}

src/app/markdown-content/markdown-content.component.ts

@@ -98,6 +98,40 @@ export class MarkdownContentComponent {
           language: style,
           title: name,
         });
+      } else if (lines[i].trim().startsWith('#')) {
+        //image
+        let name = lines[i].split('[')[1].split(']')[0];
+        let url = lines[i].split('(')[1].split(')')[0];
+        let style = '';
+        if (lines[i].split(')')[1].includes('{')) {
+          style = lines[i].split('{')[1].split('}')[0];
+        }
+        if (lines[i].startsWith('?[')) {
+          let urlToImage =
+            'http://' +
+            IrisinterfaceService.host +
+            ':' +
+            IrisinterfaceService.port +
+            '/woop/image/get/' +
+            url;
+          let newURL = await this.http
+            .get(urlToImage, { responseType: 'text' })
+            .toPromise()
+            .then((res) => {
+              return res;
+            });
+          if (newURL != undefined) {
+            url = newURL;
+          } else {
+            console.log('error getting image');
+          }
+        }
+        this.blocks.push({
+          type: 'image',
+          code: url,
+          language: style,
+          title: name,
+        });
       } else if (lines[i].startsWith('$$$[')) {
         //image
         let name = lines[i].split('[')[1].split(']')[0];
@@ -123,6 +157,7 @@ export class MarkdownContentComponent {
           !lines[i].startsWith('~~~') &&
           !lines[i].startsWith('![') &&
           !lines[i].startsWith('$$$[') &&
+          !lines[i].startsWith('#') &&
           !lines[i].startsWith('?[')
         ) {
           if (lines[i].startsWith('```')) {

src/utils/MarkdownCompiler.ts

@@ -0,0 +1,5 @@
+export default class MarkdownCompiler {
+  static compileMarkdown(markdown: string): any[] {
+    return [];
+  }
+}