Add aot

Author: irustm

angular.json

@@ -21,10 +21,8 @@
             "index": "src/index.html",
             "main": "src/main.ts",
             "polyfills": "src/polyfills.ts",
-            "tsConfig": "tsconfig.app.json",
+            "tsConfig": "tsconfig.aot.json",
             "aot": false,
-            "assets": ["src/favicon.ico", "src/assets"],
-            "styles": ["src/styles.scss"],
             "scripts": []
           },
           "configurations": {
@@ -83,8 +81,6 @@
             "polyfills": "src/polyfills.ts",
             "tsConfig": "tsconfig.spec.json",
             "karmaConfig": "karma.conf.js",
-            "assets": ["src/favicon.ico", "src/assets"],
-            "styles": ["src/styles.scss"],
             "scripts": []
           }
         },

main.js

@@ -0,0 +1,9 @@
+require('zone.js/dist/zone-node');
+require('reflect-metadata');
+
+window = {};
+
+require('./runtime-es5');
+require('./polyfills-es5');
+require('./vendor-es5');
+require('./main-es5');

package-lock.json

@@ -3,9 +3,12 @@
   "version": "0.0.0",
   "scripts": {
     "ng": "ng",
-    "start": "npm run build-app && qode ./dist/src/main.js",
+    "start": "npm run build-dev && qode ./dist/src/main.js",
+    "start:prod": "qode ./dist/angular-nodegui/main.js",
     "build": "ng build",
-    "build-app": "ngc -p tsconfig.app.json",
+    "build:prod": "ng build --aot",
+    "build-dev": "ngc -p tsconfig.app.json",
+    "build-ngtsc": "ngc -p tsconfig.ngtsc.json",
     "test": "ng test",
     "lint": "ng lint",
     "e2e": "ng e2e"

package.json

@@ -0,0 +1,28 @@
+<window title="Angular app in window!">
+  <view>
+    <image
+      [src]="'C:/temp/angular.png'"
+      [aspectRatioMode]="aspectRatioMode"
+    ></image>
+    <text [style.font-size.px]="45">Hello, {{ name }}</text>
+    <checkbox [checked]="true"></checkbox>
+    <checkbox [checked]="true" [enabled]="false"></checkbox>
+    <button [style.background-color]="'green'" (clicked)="setName()">
+      Green button
+    </button>
+    <linedit
+      [text]="name"
+      [placeholderText]="'Insert your name'"
+      (textChanged)="textChanged($event)"
+    ></linedit>
+    <progressbar [value]="40" [minimum]="0" [maximum]="100"></progressbar>
+    <spinbox
+      [prefix]="'aa'"
+      [suffix]="'bb'"
+      [singleStep]="10"
+      [range]="{ minimum: 0, maximum: 50 }"
+      [value]="20"
+    >
+    </spinbox>
+  </view>
+</window>

src/app/app.component.html

@@ -28,10 +28,12 @@ import { AspectRatioMode } from '@nodegui/nodegui';
           [singleStep]="10"
           [range]="{ minimum: 0, maximum: 50 }"
           [value]="20"
-        ></spinbox>
+        >
+        </spinbox>
       </view>
     </window>
   `
+  // templateUrl: './app.component.html'
 })
 export class AppComponent {
   public name = 'World!';

src/app/app.component.ts

@@ -0,0 +1,30 @@
+import * as path from 'path';
+import * as fs from 'fs';
+import { ResourceLoader } from '@angular/compiler';
+
+export class FileSystemResourceLoader extends ResourceLoader {
+  resolve(url: string, baseUrl: string): string {
+    // Angular assembles absolute URL's and prefixes them with //
+    if (url.indexOf('/') !== 0) {
+      // Resolve relative URL's based on the app root.
+      return path.join(baseUrl, url);
+    } else {
+      return url;
+    }
+  }
+
+  get(url: string): Promise<string> {
+    const appDir = path.join(__dirname);
+    const templatePath = this.resolve(url, appDir);
+
+    return new Promise((resolve, reject) => {
+      fs.readFile(templatePath, 'utf8', (err, data) => {
+        if (err) {
+          reject(err);
+        } else {
+          resolve(data);
+        }
+      });
+    });
+  }
+}

src/lib/file-system-resource-loader.ats

@@ -0,0 +1,39 @@
+import {
+  COMPILER_OPTIONS,
+  createPlatformFactory,
+  Sanitizer
+} from '@angular/core';
+import { ɵplatformCoreDynamic as platformCoreDynamic } from '@angular/platform-browser-dynamic';
+import { DOCUMENT } from '@angular/common';
+import { ElementSchemaRegistry, ResourceLoader } from '@angular/compiler';
+
+import { NodeguiElementSchemaRegistry } from './schema-registry';
+import { NodeguiSanitizer } from './sanitizer';
+// import { FileSystemResourceLoader } from './file-system-resource-loader';
+
+export const platformNodeguiDynamic = createPlatformFactory(
+  platformCoreDynamic,
+  'NodeguiDynamic',
+  [
+    { provide: DOCUMENT, useValue: {} },
+    { provide: Sanitizer, useClass: NodeguiSanitizer, deps: [] },
+    {
+      provide: COMPILER_OPTIONS,
+      useValue: {
+        providers: [
+          {
+            provide: ElementSchemaRegistry,
+            useClass: NodeguiElementSchemaRegistry,
+            deps: []
+          }
+          // {
+          //   provide: ResourceLoader,
+          //   useClass: FileSystemResourceLoader,
+          //   deps: []
+          // }
+        ]
+      },
+      multi: true
+    }
+  ]
+);

src/lib/platform-dynamic.ts

@@ -1,18 +1,18 @@
 import {
   COMPILER_OPTIONS,
+  platformCore,
   createPlatformFactory,
   Sanitizer
 } from '@angular/core';
-import { ɵplatformCoreDynamic as platformCoreDynamic } from '@angular/platform-browser-dynamic';
 import { DOCUMENT } from '@angular/common';
 import { ElementSchemaRegistry } from '@angular/compiler';
 
 import { NodeguiElementSchemaRegistry } from './schema-registry';
 import { NodeguiSanitizer } from './sanitizer';
 
-export const platformNodeguiDynamic = createPlatformFactory(
-  platformCoreDynamic,
-  'NodeguiDynamic',
+export const platformNodeguiStatic = createPlatformFactory(
+  platformCore,
+  'NodeguiStatic',
   [
     { provide: DOCUMENT, useValue: {} },
     { provide: Sanitizer, useClass: NodeguiSanitizer, deps: [] },

src/lib/platform.ts src/lib/platform-static.tssrc/lib/platform.ts renamed to src/lib/platform-static.ts

@@ -0,0 +1,16 @@
+import './lib/reflect';
+import 'zone.js/dist/zone-node';
+
+import { enableProdMode } from '@angular/core';
+
+import { AppModule } from './app/app.module';
+import { environment } from './environments/environment';
+import { platformNodeguiStatic } from './lib/platform-static';
+
+if (environment.production) {
+  enableProdMode();
+}
+
+platformNodeguiStatic()
+  .bootstrapModuleFactory(AppModule as any)
+  .catch(err => console.error(err));