Add view component

Author: irustm

src/app/app.component.ts

@@ -4,11 +4,13 @@ import { Component } from '@angular/core';
   selector: 'app-root',
   template: `
     <window title="Angular app in window!">
-      <text [style.font-size.px]="45">Hello, {{ name }}</text>
+      <view>
+        <text [style.font-size.px]="45">Hello, {{ name }}</text>
 
-      <button [style.background-color]="'green'" (clicked)="setName()">
-        Green button
-      </button>
+        <button [style.background-color]="'green'" (clicked)="setName()">
+          Green button
+        </button>
+      </view>
     </window>
   `
 })

src/lib/components/components-map.ts

@@ -3,6 +3,7 @@ import { NgButton } from './button';
 import { NgComponent } from './component';
 import { NgWindow } from './window';
 import { NgText } from './text';
+import { NgView } from './view';
 
 export type Constructable<T> = new () => T;
 export type NgComponentClass = Constructable<NgComponent>;
@@ -18,5 +19,6 @@ export class ComponentsMap {
     this.map.set(NgButton.nodeName, NgButton);
     this.map.set(NgWindow.nodeName, NgWindow);
     this.map.set(NgText.nodeName, NgText);
+    this.map.set(NgView.nodeName, NgView);
   }
 }

src/lib/components/view.ts

@@ -0,0 +1,65 @@
+import { QWidget, FlexLayout } from '@nodegui/nodegui';
+import { NgComponent } from './component';
+import { RendererStyleFlags2 } from '@angular/core';
+
+export class NgView extends QWidget implements NgComponent {
+  public static nodeName = 'view';
+  public parent: any;
+
+  public appendChild(newChild: any): void {
+    if (!newChild) {
+      return;
+    }
+    if (!this.layout) {
+      const flexLayout = new FlexLayout();
+      flexLayout.setFlexNode(this.getFlexNode());
+      this.setLayout(flexLayout);
+      this.layout = flexLayout;
+    }
+
+    this.layout.addWidget(newChild);
+  }
+
+  public insertBefore(newChild: any, refChild: any) {
+    if (!this.layout) {
+      console.warn('parent has no layout to insert child before another child');
+      return;
+    }
+    (this.layout as FlexLayout).insertChildBefore(newChild, this);
+  }
+
+  public setNgAttribute(
+    name: string,
+    value: string,
+    namespace?: string | null
+  ): void {}
+
+  public setProperty(name: string, value: any): void {
+    throw new Error('Method not implemented.');
+  }
+
+  public setStyle(
+    style: string,
+    value: any,
+    flags?: RendererStyleFlags2
+  ): void {
+    this.setInlineStyle(`${style}:${value}`);
+  }
+
+  public setValue(value: string): void {
+    throw new Error('Method not implemented.');
+  }
+
+  removeAttribute(name: string, namespace?: string): void {
+    throw new Error('Method not implemented.');
+  }
+  removeChild(oldChild: any): void {
+    throw new Error('Method not implemented.');
+  }
+  removeClass(name: string): void {
+    throw new Error('Method not implemented.');
+  }
+  removeStyle(style: string, flags?: RendererStyleFlags2): void {
+    throw new Error('Method not implemented.');
+  }
+}