NativeScriptAngularCompilerPlugin.ts

import * as path from "path";
import { PlatformFSPlugin, PlatformFSPluginOptions, mapFileSystem } from "./PlatformFSPlugin";
import * as ngToolsWebpack from "@ngtools/webpack";
module.exports = (projectDir) => {
    // During development the nativescript-dev-webpack plugin may have @ngtools/webpack installed locally as dev-dependency,
    // we want to make sure we are using the one installed in the actual app
    const ngToolsWebpackDir = path.join(projectDir, "node_modules", "@ngtools", "webpack");
    const appNgToolsWebpack: typeof ngToolsWebpack = require(ngToolsWebpackDir);
    const AngularCompilerPlugin: typeof ngToolsWebpack.AngularCompilerPlugin = appNgToolsWebpack.AngularCompilerPlugin;

    class NativeScriptAngularCompilerPlugin extends AngularCompilerPlugin {
        readonly options: NativeScriptAngularCompilerPluginOptions;
        readonly platform: string;

        get __compilerHost() {
            // Accessing private API of the AngularCompilerPlugin
            // We need this to augment at least the "resourceNameToFileName" so we can map
            // component.css to component.android.css etc. for platform specific css and html resources.
            return (<any>this)._compilerHost;
        }

        constructor(options: NativeScriptAngularCompilerPluginOptions) {
            super(options);

            this.platform = (this.options.platformOptions && this.options.platformOptions.platform) || undefined;
            const platform = this.platform;

            if (platform) {
                // https://github.com/angular/angular/blob/7bfeac746e717d02e062fe4a65c008060b8b662c/packages/compiler-cli/src/transformers/api.ts
                const resourceNameToFileName = this.__compilerHost.resourceNameToFileName || function (file, relativeTo) {
                    const resolved = path.resolve(path.dirname(relativeTo), file);
                    if (this.fileExists(resolved)) {
                        return resolved;
                    } else {
                        return null;
                    }
                };
                this.__compilerHost.resourceNameToFileName = function (file, relativeTo) {
                    const parsed = path.parse(file);
                    const platformFile = parsed.name + "." + platform + parsed.ext;
                    let resolved;
                    try {
                        resolved = resourceNameToFileName.call(this, platformFile, relativeTo);
                    } catch (e) {
                    }
                    resolved = resolved || resourceNameToFileName.call(this, file, relativeTo);
                    resolved = resolved && resolved.replace(/\\/g, "/");
                    return resolved;
                };
            }
        }

        getCompiledFile(this: NativeScriptAngularCompilerPlugin, file: string): CompiledFile {
            try {
                if (this.platform) {
                    const parsed = path.parse(file);
                    const platformFile = parsed.dir + path.sep + parsed.name + "." + this.platform + parsed.ext;
                    const result = super.getCompiledFile(platformFile);
                    return result;
                }
            } catch (e) {
            }
            return super.getCompiledFile(file);
        }

        apply(compiler) {
            super.apply(compiler);
            if (this.options.platformOptions && this.options.platformOptions.platform && this.options.platformOptions.platforms) {
                compiler.hooks.environment.tap("NativeScriptAngularCompilerPlugin", () => {
                    compiler.inputFileSystem = mapFileSystem({
                        fs: compiler.inputFileSystem,
                        context: compiler.context,
                        platform: this.options.platformOptions.platform,
                        platforms: this.options.platformOptions.platforms,
                        ignore: this.options.platformOptions.ignore
                    });

                    compiler.watchFileSystem = mapFileSystem({
                        fs: compiler.watchFileSystem,
                        context: compiler.context,
                        platform: this.options.platformOptions.platform,
                        platforms: this.options.platformOptions.platforms,
                        ignore: this.options.platformOptions.ignore
                    });
                });
            }
        }
    }

    return {
        AngularCompilerPlugin,
        NativeScriptAngularCompilerPlugin
    };
}

export interface NativeScriptAngularCompilerPluginOptions extends ngToolsWebpack.AngularCompilerPluginOptions {
    platformOptions?: PlatformFSPluginOptions;
}

export interface CompiledFile {
    outputText: string;
    sourceMap: string;
    errorDependencies: string[];
}