feat(liferay-cli): add UrlResolver to application

This gives the application an opportunity to map static resource URLs
(mainly HTML files) to Portal URLs so that the developer can decide where
to deploy things.

Author: izaera

projects/js-toolkit/packages/liferay-cli/src/new/facet-angular/index.ts

@@ -55,6 +55,8 @@ const facet: Facet = {
 		await renderer.render('src/app/app.component.ts', context);
 		await renderer.render('src/app/app.dynamic.loader.ts', context);
 		await renderer.render('src/app/app.module.ts', context);
+		await renderer.render('src/app/app.url.resolver.ts', context);
+		await renderer.render('src/types/base.url.map.ts', context);
 		await renderer.render('src/types/liferay.params.ts', context);
 		await renderer.render('src/polyfills.ts', context);
 		await renderer.render('src/index.ts', context);

projects/js-toolkit/packages/liferay-cli/src/new/facet-angular/templates/src/app/app.component.ts.ejs

@@ -5,9 +5,7 @@ import { LiferayParams } from '../types/liferay.params';
 declare const Liferay: any;
 
 @Component({
-	templateUrl: 
-		Liferay.ThemeDisplay.getPathContext() + 
-		'/o/<%= pkgJson.name %>-<%= pkgJson.version %>/app/app.component.html'
+	templateUrl: './app.component.html'
 })
 export class AppComponent {
 	params?: LiferayParams;

projects/js-toolkit/packages/liferay-cli/src/new/facet-angular/templates/src/app/app.url.resolver.ts.ejs

@@ -0,0 +1,40 @@
+import { UrlResolver } from '@angular/compiler';
+
+import { BaseURLMap } from '../types/base.url.map';
+import { LiferayParams } from '../types/liferay.params';
+
+declare const Liferay: any;
+
+/**
+ * This is a map from `baseUrl`s to server URLs so that the Angular Compiler
+ * knows the place from where templates must be downloaded
+ */
+const BASE_URL_MAP: BaseURLMap = {
+	'./AppComponent': '/app'
+};
+
+export class AppUrlResolver implements UrlResolver {
+	/* Initial LiferayParams object (injected from index.ts) */
+	static params: LiferayParams;
+
+	resolve(baseUrl: string, url: string): string {
+		if (url.startsWith('.')) {
+			url = url.substring(1);
+		}
+
+		if (!url.startsWith('/')) {
+			url = '/' + url;
+		}
+
+		const mappedBaseUrl = BASE_URL_MAP[baseUrl];
+
+		if (!mappedBaseUrl) {
+			throw new Error(`Unknown baseUrl: ${baseUrl}`);
+		}
+
+		return Liferay.ThemeDisplay.getPathContext() + 
+			AppUrlResolver.params.contextPath +
+			mappedBaseUrl + 
+			url;
+	}
+}

projects/js-toolkit/packages/liferay-cli/src/new/facet-angular/templates/src/index.ts.ejs

@@ -1,10 +1,12 @@
 import './polyfills';
 
+import { UrlResolver } from '@angular/compiler';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
 import { AppComponent } from './app/app.component';
 import { AppDynamicLoader } from './app/app.dynamic.loader';
 import { AppModule } from './app/app.module';
+import { AppUrlResolver } from './app/app.url.resolver';
 import { LiferayParams } from './types/liferay.params';
 
 /**
@@ -14,8 +16,21 @@ import { LiferayParams } from './types/liferay.params';
  * @param params an object with values of interest to the portlet
  */
 export default function(params: LiferayParams) {
+	AppUrlResolver.params = params;
+
 	platformBrowserDynamic()
-		.bootstrapModule(AppModule)
+		.bootstrapModule(
+			AppModule, 
+			{
+				providers:[
+					// Inject custom AppUrlResolver to resolve static resources
+					{
+						deps: [],
+						provide: UrlResolver, 
+						useClass: AppUrlResolver,
+					},
+				],
+			})
 		.then((injector: any) => {
 			// Load the bootstrap component dinamically so that we can attach it
 			// to the portlet's DOM, which is different for each portlet
@@ -24,5 +39,6 @@ export default function(params: LiferayParams) {
 			const dynamicLoader = new AppDynamicLoader(injector);
 
 			dynamicLoader.loadComponent(AppComponent, params);
-		});
+		})
+		.catch(err => console.error(err));
 }

projects/js-toolkit/packages/liferay-cli/src/new/facet-angular/templates/src/types/base.url.map.ts.ejs

@@ -0,0 +1,6 @@
+/**
+ * Map from `baseUrl`s to server URLs
+ */
+export interface BaseURLMap {
+	[baseUrl: string]: string;
+}