Skip to content
This repository was archived by the owner on Dec 4, 2017. It is now read-only.

Commit 27032d3

Browse files
wardbellwardbell
committed
docs(cb-i18n): revamped to System.import the translation file
1 parent fa90659 commit 27032d3

File tree

13 files changed

+196
-100
lines changed

13 files changed

+196
-100
lines changed

‎public/docs/_examples/cb-i18n/ts/app/i18n-providers.ts

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
// #docplaster
2+
// #docregion
3+
import { TRANSLATIONS, TRANSLATIONS_FORMAT, LOCALE_ID } from '@angular/core';
4+
5+
export function getTranslationProviders(): Promise<{}[]> {
6+
7+
// return no providers if fail to get translation file for locale
8+
const noProviders: {}[] = [];
9+
10+
// Get the locale id from the global
11+
const locale = document['locale'] as string;
12+
13+
// No locale or English: no translation providers
14+
if (!locale || locale === 'en') {
15+
return Promise.resolve(noProviders);
16+
}
17+
18+
// Ex: 'i18n/fr/messages.fr.xlf`
19+
const translationFile = `./i18n/${locale}/messages.${locale}.xlf`;
20+
21+
return getTranslationsWithSystemJs(translationFile)
22+
.then( (translations: string ) => [
23+
{provide: TRANSLATIONS, useValue: translations},
24+
{provide: TRANSLATIONS_FORMAT, useValue: 'xlf'},
25+
{provide: LOCALE_ID, useValue: locale}
26+
])
27+
.catch(() => noProviders); // ignore if file not found
28+
}
29+
30+
// #docregion systemjs
31+
declare var System: any;
32+
33+
function getTranslationsWithSystemJs(file: string) {
34+
return System.import(file + '!text'); // relies on text plugin
35+
}
36+
// #enddocregion systemjs
37+
// #enddocregion
38+
39+
/* tslint:disable:no-unused-variable */
40+
// #docregion webpack
41+
function getTranslationsWithWebpack(file: string) {
42+
return Promise.resolve(require('raw!' + file));
43+
}
44+
// #enddocregion webpack

‎public/docs/_examples/cb-i18n/ts/app/i18n/fr/main.ts

Lines changed: 0 additions & 33 deletions
This file was deleted.

‎public/docs/_examples/cb-i18n/ts/app/i18n/fr/messages.fr.1.ts

Lines changed: 0 additions & 5 deletions
This file was deleted.

‎public/docs/_examples/cb-i18n/ts/app/i18n/fr/messages.fr.ts

Lines changed: 0 additions & 17 deletions
This file was deleted.

‎public/docs/_examples/cb-i18n/ts/app/main.1.ts

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
// #docregion
2+
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
3+
4+
import { AppModule } from './app.module';
5+
6+
platformBrowserDynamic().bootstrapModule(AppModule);

‎public/docs/_examples/cb-i18n/ts/app/main.ts

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,10 @@
11
// #docregion
22
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
3+
import { getTranslationProviders } from './i18n-providers';
34

45
import { AppModule } from './app.module';
56

6-
const platform = platformBrowserDynamic();
7-
platform.bootstrapModule(AppModule);
7+
getTranslationProviders().then(providers => {
8+
const options = { providers };
9+
platformBrowserDynamic().bootstrapModule(AppModule, options);
10+
});

‎public/docs/_examples/cb-i18n/ts/app/i18n/fr/messages.fr.xlf renamed to ‎public/docs/_examples/cb-i18n/ts/i18n/fr/messages.fr.xlf

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,10 +4,10 @@
44
<body>
55
<trans-unit id="af2ccf4b5dba59616e92cf1531505af02da8f6d2" datatype="html">
66
<source>Hello i18n!</source>
7-
<target/>
7+
<target>Bonjour i18n!</target>
88
<note priority="1" from="description">An introduction header for this sample</note>
99
<note priority="1" from="meaning">User welcome</note>
1010
</trans-unit>
1111
</body>
1212
</file>
13-
</xliff>
13+
</xliff>

‎public/docs/_examples/cb-i18n/ts/app/i18n/fr/messages.fr.xlf.html renamed to ‎public/docs/_examples/cb-i18n/ts/i18n/fr/messages.fr.xlf.html

File renamed without changes.

‎public/docs/_examples/cb-i18n/ts/app/i18n/trans-unit.html renamed to ‎public/docs/_examples/cb-i18n/ts/i18n/trans-unit.html

File renamed without changes.

‎public/docs/_examples/cb-i18n/ts/index.html

Lines changed: 17 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -7,39 +7,35 @@
77
<meta name="viewport" content="width=device-width, initial-scale=1">
88
<link rel="stylesheet" href="styles.css">
99

10-
<!-- 1. Load libraries -->
11-
<!-- #docregion libraries -->
12-
<!-- #docregion polyfills -->
13-
<!-- Polyfill(s) for older browsers -->
1410
<script src="node_modules/core-js/client/shim.min.js"></script>
15-
<!-- #enddocregion polyfills -->
1611

1712
<script src="node_modules/zone.js/dist/zone.js"></script>
1813
<script src="node_modules/reflect-metadata/Reflect.js"></script>
1914
<script src="node_modules/systemjs/dist/system.src.js"></script>
20-
<!-- #enddocregion libraries -->
2115

22-
<!-- 2. Configure SystemJS -->
23-
<!-- #docregion systemjs -->
2416
<script src="systemjs.config.js"></script>
25-
<!-- #docregion main -->
17+
18+
<!-- #docregion i18n -->
19+
<script>
20+
// Map to the text plugin
21+
System.config({
22+
map: {
23+
text: 'systemjs-text-plugin.js'
24+
}
25+
});
26+
27+
// Get the locale id somehow
28+
document.locale = 'fr';
29+
</script>
30+
<!-- #enddocregion i18n -->
31+
<!-- #docregion launch -->
2632
<script>
27-
var lang = 'fr';
28-
var main;
29-
switch (lang) {
30-
case 'fr': main = 'app/i18n/fr/main'; break;
31-
default: main = 'app'; break;
32-
}
33-
System.import(main).catch(function(err){ console.error(err); });
33+
System.import('app').catch(function(err){ console.error(err); });
3434
</script>
35-
<!-- #enddocregion main -->
36-
<!-- #enddocregion systemjs -->
35+
<!-- #enddocregion launch -->
3736
</head>
3837

39-
<!-- 3. Display the application -->
40-
<!-- #docregion my-app -->
4138
<body>
4239
<my-app>Loading...</my-app>
4340
</body>
44-
<!-- #enddocregion my-app -->
4541
</html>

‎public/docs/_examples/cb-i18n/ts/plnkr.json

Lines changed: 11 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,17 @@
11
{
22
"description": "i18n",
33
"files": [
4-
"!**/*.d.ts",
5-
"!**/*.js",
4+
"app/**/*.css",
5+
"app/**/*.html",
6+
"app/**/*.ts",
7+
"i18n/messages.xlf",
8+
"i18n/fr/messages.fr.xlf",
9+
610
"!**/*.[1].*",
7-
"!**/*.metadata.json"
11+
12+
"styles.css",
13+
"systemjs-text-plugin.js",
14+
"index.html"
815
],
916
"tags": ["i18n"]
10-
}
17+
}

‎public/docs/_examples/cb-i18n/ts/systemjs-text-plugin.js

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
// #docregion
2+
/*
3+
SystemJS Text plugin from
4+
https://github.com/systemjs/plugin-text/blob/master/text.js
5+
*/
6+
exports.translate = function(load) {
7+
if (this.builder && this.transpiler) {
8+
load.metadata.format = 'esm';
9+
return 'exp' + 'ort var __useDefault = true; exp' + 'ort default ' + JSON.stringify(load.source) + ';';
10+
}
11+
12+
load.metadata.format = 'amd';
13+
return 'def' + 'ine(function() {\nreturn ' + JSON.stringify(load.source) + ';\n});';
14+
}

0 commit comments

Comments
 (0)