expose ngc i18n options

packages/angular-cli/commands/build.ts

@@ -11,6 +11,9 @@ export interface BuildOptions {
   supressSizes: boolean;
   baseHref?: string;
   aot?: boolean;
+  i18nFile?: string;
+  i18nFormat?: string;
+  locale?: string;
 }
 
 const BuildCommand = Command.extend({
@@ -31,7 +34,10 @@ const BuildCommand = Command.extend({
     { name: 'watcher',        type: String },
     { name: 'suppress-sizes', type: Boolean, default: false },
     { name: 'base-href',      type: String,  default: null, aliases: ['bh'] },
-    { name: 'aot',            type: Boolean, default: false }
+    { name: 'aot',            type: Boolean, default: false },
+    { name: 'i18n-file',       type: String, default: null },
+    { name: 'i18n-format',     type: String, default: null },
+    { name: 'locale',         type: String, default: null }
   ],
 
   run: function (commandOptions: BuildOptions) {

packages/angular-cli/commands/serve.ts

@@ -27,6 +27,9 @@ export interface ServeTaskOptions {
   sslCert?: string;
   aot?: boolean;
   open?: boolean;
+  i18nFile?: string;
+  i18nFormat?: string;
+  locale?: string;
 }
 
 const ServeCommand = Command.extend({
@@ -88,6 +91,9 @@ const ServeCommand = Command.extend({
       aliases: ['o'],
       description: 'Opens the url in default browser',
     },
+    { name: 'i18n-file',       type: String, default: null },
+    { name: 'i18n-format',     type: String, default: null },
+    { name: 'locale',         type: String, default: null }
   ],
 
   run: function(commandOptions: ServeTaskOptions) {

packages/angular-cli/models/webpack-build-typescript.ts

@@ -47,7 +47,8 @@ export const getWebpackNonAotConfigPartial = function(projectRoot: string, appCo
   };
 };
 
-export const getWebpackAotConfigPartial = function(projectRoot: string, appConfig: any) {
+export const getWebpackAotConfigPartial = function(projectRoot: string, appConfig: any,
+  i18nFile: string, i18nFormat: string, locale: string) {
   return {
     module: {
       rules: [
@@ -61,7 +62,10 @@ export const getWebpackAotConfigPartial = function(projectRoot: string, appConfi
     plugins: [
       new AotPlugin({
         tsConfigPath: path.resolve(projectRoot, appConfig.root, appConfig.tsconfig),
-        mainPath: path.join(projectRoot, appConfig.root, appConfig.main)
+        mainPath: path.join(projectRoot, appConfig.root, appConfig.main),
+        i18nFile: i18nFile,
+        i18nFormat: i18nFormat,
+        locale: locale
       }),
     ]
   };

packages/angular-cli/models/webpack-config.ts

@@ -23,7 +23,10 @@ export class NgCliWebpackConfig {
     public environment: string,
     outputDir?: string,
     baseHref?: string,
-    isAoT = false
+    isAoT = false,
+    i18nFile?: string,
+    i18nFormat?: string,
+    locale?: string
   ) {
     const config: CliConfig = CliConfig.fromProject();
     const appConfig = config.config.apps[0];
@@ -38,7 +41,7 @@ export class NgCliWebpackConfig {
     );
     let targetConfigPartial = this.getTargetConfig(this.ngCliProject.root, appConfig);
     const typescriptConfigPartial = isAoT
-      ? getWebpackAotConfigPartial(this.ngCliProject.root, appConfig)
+      ? getWebpackAotConfigPartial(this.ngCliProject.root, appConfig, i18nFile, i18nFormat, locale)
       : getWebpackNonAotConfigPartial(this.ngCliProject.root, appConfig);
 
     if (appConfig.mobile) {

packages/angular-cli/tasks/build-webpack-watch.ts

@@ -24,7 +24,10 @@ export default Task.extend({
       runTaskOptions.environment,
       outputDir,
       runTaskOptions.baseHref,
-      runTaskOptions.aot
+      runTaskOptions.aot,
+      runTaskOptions.i18nFile,
+      runTaskOptions.i18nFormat,
+      runTaskOptions.locale
     ).config;
     const webpackCompiler: any = webpack(config);
 

packages/angular-cli/tasks/build-webpack.ts

@@ -23,7 +23,10 @@ export default <any>Task.extend({
       runTaskOptions.environment,
       outputDir,
       runTaskOptions.baseHref,
-      runTaskOptions.aot
+      runTaskOptions.aot,
+      runTaskOptions.i18nFile,
+      runTaskOptions.i18nFormat,
+      runTaskOptions.locale
     ).config;
 
     const webpackCompiler: any = webpack(config);

packages/angular-cli/tasks/serve-webpack.ts

@@ -26,7 +26,10 @@ export default Task.extend({
       commandOptions.environment,
       undefined,
       undefined,
-      commandOptions.aot
+      commandOptions.aot,
+      commandOptions.i18nFile,
+      commandOptions.i18nFormat,
+      commandOptions.locale
     ).config;
 
     // This allows for live reload of page when changes are made to repo.

packages/angular-cli/utilities/completion.sh

@@ -8,13 +8,13 @@
 
 ng_opts='b build completion doc e2e g generate get github-pages:deploy gh-pages:deploy h help i init install lint make-this-awesome new s serve server set t test v version -h --help'
 
-build_opts='--aot --base-href --environment --output-path --suppress-sizes --target --watch --watcher -bh -dev -e -o -prod -t -w'
+build_opts='--aot --base-href --environment --i18n-file --i18n-format --locale --output-path --suppress-sizes --target --watch --watcher -bh -dev -e -o -prod -t -w'
 generate_opts='class component directive enum module pipe route service c cl d e m p r s --help'
 github_pages_deploy_opts='--base-href --environment --gh-token --gh-username --message --skip-build --target --user-page -bh -e -t'
 help_opts='--json --verbose -v'
 init_opts='--dry-run inline-style inline-template --link-cli --mobile --name --prefix --routing --skip-bower --skip-npm --source-dir --style --verbose -d -is -it -lc -n -p -sb -sd -sn -v'
 new_opts='--directory --dry-run inline-style inline-template --link-cli --mobile --prefix --routing --skip-bower --skip-git --skip-npm --source-dir --style --verbose -d -dir -is -it -lc -p -sb -sd -sg -sn -v'
-serve_opts='--aot --environment --host --live-reload --live-reload-base-url --live-reload-host --live-reload-live-css --live-reload-port --open --port --proxy-config --ssl --ssl-cert --ssl-key --target --watcher -H -e -lr -lrbu -lrh -lrp -o -p -pc -t -w'
+serve_opts='--aot --environment --host --i18n-file --i18n-format --live-reload --live-reload-base-url --live-reload-host --live-reload-live-css --live-reload-port --locale --open --port --proxy-config --ssl --ssl-cert --ssl-key --target --watcher -H -e -lr -lrbu -lrh -lrp -o -p -pc -t -w'
 set_opts='--global -g'
 test_opts='--browsers --build --code-coverage --colors --lint --log-level --port --reporters --watch -cc -l -w'
 

packages/webpack/src/plugin.ts

@@ -23,6 +23,9 @@ export interface AotPluginOptions {
   entryModule?: string;
   mainPath?: string;
   typeChecking?: boolean;
+  i18nFile?: string;
+  i18nFormat?: string;
+  locale?: string;
 }
 
 
@@ -72,6 +75,9 @@ export class AotPlugin {
   private _basePath: string;
   private _genDir: string;
 
+  private _i18nFile: string;
+  private _i18nFormat: string;
+  private _locale: string;
 
   constructor(options: AotPluginOptions) {
     this._setupOptions(options);
@@ -85,6 +91,9 @@ export class AotPlugin {
   get genDir() { return this._genDir; }
   get program() { return this._program; }
   get typeCheck() { return this._typeCheck; }
+  get i18nFile() { return this._i18nFile; }
+  get i18nFormat() { return this._i18nFormat; }
+  get locale() { return this._locale; }
 
   private _setupOptions(options: AotPluginOptions) {
     // Fill in the missing options.
@@ -139,6 +148,16 @@ export class AotPlugin {
     this._reflectorHost = new ngCompiler.ReflectorHost(
       this._program, this._compilerHost, this._angularCompilerOptions);
     this._reflector = new ngCompiler.StaticReflector(this._reflectorHost);
+
+    if (options.hasOwnProperty('i18nFile')) {
+      this._i18nFile = options.i18nFile;
+    }
+    if (options.hasOwnProperty('i18nFormat')) {
+      this._i18nFormat = options.i18nFormat;
+    }
+    if (options.hasOwnProperty('locale')) {
+      this._locale = options.locale;
+    }
   }
 
   // registration hook for webpack plugin
@@ -202,9 +221,9 @@ export class AotPlugin {
     this._resourceLoader = new WebpackResourceLoader(compilation);
 
     const i18nOptions: ngCompiler.NgcCliOptions = {
-      i18nFile: undefined,
-      i18nFormat: undefined,
-      locale: undefined,
+      i18nFile: this.i18nFile,
+      i18nFormat: this.i18nFormat,
+      locale: this.locale,
       basePath: this.basePath
     };
 

tests/e2e/tests/build/aot-i18n.ts

@@ -0,0 +1,25 @@
+import {ng} from '../../utils/process';
+import {expectFileToMatch, writeFile, createDir, appendToFile} from '../../utils/fs';
+
+export default function() {
+  return Promise.resolve()
+    .then(() => createDir('src/locale'))
+    .then(() => writeFile('src/locale/messages.fr.xlf', `
+      <?xml version="1.0" encoding="UTF-8" ?>
+        <xliff version="1.2" xmlns="urn:oasis:names:tc:xliff:document:1.2">
+         <file source-language="en" datatype="plaintext" original="ng2.template">
+           <body>
+             <trans-unit id="8def8481e91291a52f9baa31cbdb313e6a6ca02b" datatype="html">
+               <source>Hello i18n!</source>
+               <target>Bonjour i18n!</target>
+               <note priority="1" from="description">An introduction header for this sample</note>
+             </trans-unit>
+           </body>
+         </file>
+        </xliff>`))
+    .then(() => appendToFile('src/app/app.component.html',
+      '<h1 i18n="An introduction header for this sample">Hello i18n!</h1>'))
+    .then(() => ng('build', '--aot', '--i18n-file', 'src/locale/messages.fr.xlf', '--i18n-format',
+      'xlf', '--locale', 'fr'))
+    .then(() => expectFileToMatch('dist/main.bundle.js', /Bonjour i18n!/));
+}