Add resource loader

Author: irustm

main.js

@@ -6,7 +6,7 @@
     "start": "npm run build-dev && qode ./dist/src/main.js",
     "start:prod": "qode ./dist/angular-nodegui/main.js",
     "build": "ng build",
-    "build:prod": "ng build --aot",
+    "build:prod": "ng build",
     "build-dev": "ngc -p tsconfig.app.json",
     "build-ngtsc": "ngc -p tsconfig.ngtsc.json",
     "test": "ng test",

package.json

@@ -3,37 +3,7 @@ import { AspectRatioMode } from '@nodegui/nodegui';
 
 @Component({
   selector: 'app-root',
-  template: `
-    <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>
-  `
-  // templateUrl: './app.component.html'
+  templateUrl: './app.component.html'
 })
 export class AppComponent {
   public name = 'World!';

src/app/app.component.ts

@@ -14,7 +14,8 @@ export class FileSystemResourceLoader extends ResourceLoader {
   }
 
   get(url: string): Promise<string> {
-    const appDir = path.join(__dirname);
+    // TODO: Load real app dir
+    const appDir = path.join(__dirname, '../../../src/app');
     const templatePath = this.resolve(url, appDir);
 
     return new Promise((resolve, reject) => {

src/lib/file-system-resource-loader.ats src/lib/file-system-resource-loader.tssrc/lib/file-system-resource-loader.ats renamed to src/lib/file-system-resource-loader.ts

@@ -9,7 +9,7 @@ import { ElementSchemaRegistry, ResourceLoader } from '@angular/compiler';
 
 import { NodeguiElementSchemaRegistry } from './schema-registry';
 import { NodeguiSanitizer } from './sanitizer';
-// import { FileSystemResourceLoader } from './file-system-resource-loader';
+import { FileSystemResourceLoader } from './file-system-resource-loader';
 
 export const platformNodeguiDynamic = createPlatformFactory(
   platformCoreDynamic,
@@ -25,12 +25,12 @@ export const platformNodeguiDynamic = createPlatformFactory(
             provide: ElementSchemaRegistry,
             useClass: NodeguiElementSchemaRegistry,
             deps: []
+          },
+          {
+            provide: ResourceLoader,
+            useClass: FileSystemResourceLoader,
+            deps: []
           }
-          // {
-          //   provide: ResourceLoader,
-          //   useClass: FileSystemResourceLoader,
-          //   deps: []
-          // }
         ]
       },
       multi: true

src/lib/platform-dynamic.ts

@@ -2,7 +2,7 @@
   "extends": "./tsconfig.json",
   "compilerOptions": {
     "outDir": "./dist",
-    "module": "commonjs"
+    "module": "esnext"
   },
   "files": ["src/main-aot.ts"],
   "include": ["src/**/*.ts"],