diff --git a/.gitignore b/.gitignore
index a311b0fe..85164acc 100644
--- a/.gitignore
+++ b/.gitignore
@@ -52,3 +52,5 @@ ui-debug.log
#System Files
.DS_Store
Thumbs.db
+
+/material-cn-prebuilt
diff --git a/package.json b/package.json
index db04a03e..7683c92e 100644
--- a/package.json
+++ b/package.json
@@ -66,6 +66,8 @@
"@angular-eslint/template-parser": "^13.1.0",
"@angular/cli": "^14.0.0",
"@angular/compiler-cli": "^14.0.0",
+ "@awesome-fe/prerender": "^0.0.8",
+ "@awesome-fe/translate": "^1.1.3",
"@types/imagemin": "^7.0.0",
"@types/jasmine": "^3.7.7",
"@types/node": "^14.14.22",
@@ -78,6 +80,7 @@
"eslint-plugin-jsdoc": "^32.3.0",
"eslint-plugin-prefer-arrow": "^1.2.3",
"firebase-tools": "^11.0.1",
+ "http-server-spa": "^1.3.0",
"imagemin": "^7.0.1",
"imagemin-pngquant": "^9.0.2",
"jasmine-core": "^3.7.1",
diff --git a/scenes/tslint.json b/scenes/tslint.json
new file mode 100644
index 00000000..aa7c3eeb
--- /dev/null
+++ b/scenes/tslint.json
@@ -0,0 +1,17 @@
+{
+ "extends": "../tslint.json",
+ "rules": {
+ "directive-selector": [
+ true,
+ "attribute",
+ "app",
+ "camelCase"
+ ],
+ "component-selector": [
+ true,
+ "element",
+ "app",
+ "kebab-case"
+ ]
+ }
+}
diff --git a/scripts/ci/deploy-cn.sh b/scripts/ci/deploy-cn.sh
new file mode 100755
index 00000000..0f4a94dc
--- /dev/null
+++ b/scripts/ci/deploy-cn.sh
@@ -0,0 +1,30 @@
+#!/usr/bin/env bash
+
+set -e
+set -x
+
+yarn build:content
+
+yarn prod-build
+
+npx nt mark './dist/**/*.html'
+
+commitSha=$(git rev-parse --short HEAD)
+commitMessage=$(git log --oneline -n 1)
+
+if [[ ! -d "./material-cn-prebuilt" ]]; then
+ git clone git@github.com:ng-docs/git@github.com:ng-docs/material-cn-prebuilt.git
+fi
+
+cp -r ./dist/material-angular-io/* ./material-cn-prebuilt
+
+cd ./material-cn-prebuilt
+
+cp index.html 404.html
+
+git add .
+git commit --allow-empty -am "${commitMessage}" || true
+
+git push prebuilt HEAD:master
+
+cd -
diff --git a/src/app/app-module.ts b/src/app/app-module.ts
index 161200c8..8946b403 100644
--- a/src/app/app-module.ts
+++ b/src/app/app-module.ts
@@ -1,6 +1,6 @@
import {BrowserModule} from '@angular/platform-browser';
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
-import {NgModule} from '@angular/core';
+import {APP_ID, NgModule} from '@angular/core';
import {LocationStrategy, PathLocationStrategy} from '@angular/common';
import {RouterModule} from '@angular/router';
@@ -14,18 +14,22 @@ const prefersReducedMotion = typeof matchMedia === 'function' ?
@NgModule({
imports: [
- BrowserModule,
+ BrowserModule.withServerTransition({appId: 'material-docs'}),
BrowserAnimationsModule.withConfig({disableAnimations: prefersReducedMotion}),
RouterModule.forRoot(MATERIAL_DOCS_ROUTES, {
scrollPositionRestoration: 'enabled',
anchorScrolling: 'enabled',
- relativeLinkResolution: 'corrected'
+ relativeLinkResolution: 'corrected',
}),
NavBarModule,
CookiePopupModule,
],
declarations: [MaterialDocsApp],
- providers: [{provide: LocationStrategy, useClass: PathLocationStrategy}],
+ providers: [
+ {provide: LocationStrategy, useClass: PathLocationStrategy},
+ {provide: APP_ID, useFactory: () => 'material-docs'},
+ ],
bootstrap: [MaterialDocsApp],
})
-export class AppModule {}
+export class AppModule {
+}
diff --git a/src/app/pages/component-category-list/component-category-list.html b/src/app/pages/component-category-list/component-category-list.html
index 3aa52c68..1906a439 100644
--- a/src/app/pages/component-category-list/component-category-list.html
+++ b/src/app/pages/component-category-list/component-category-list.html
@@ -15,8 +15,8 @@
alt=""
role="presentation"
aria-hidden="true">
- {{component.name}}
- {{component.summary}}
+ {{component.nameCn}} {{component.name}}
+ {{component.summaryCn}}
diff --git a/src/app/pages/component-category-list/component-category-list.ts b/src/app/pages/component-category-list/component-category-list.ts
index 5cebb8b3..3f09a4c8 100644
--- a/src/app/pages/component-category-list/component-category-list.ts
+++ b/src/app/pages/component-category-list/component-category-list.ts
@@ -39,7 +39,8 @@ export class ComponentCategoryList implements OnInit, OnDestroy {
const sectionName = params['section'];
const section = SECTIONS[sectionName];
this._componentPageTitle.title = section.name;
- this._categoryListSummary = section.summary;
+ this._componentPageTitle.titleCn = section.nameCn || '';
+ this._categoryListSummary = section.summaryCn || section.summary;
});
}
diff --git a/src/app/pages/component-page-header/component-page-header.html b/src/app/pages/component-page-header/component-page-header.html
index 550d17f5..100c61c8 100644
--- a/src/app/pages/component-page-header/component-page-header.html
+++ b/src/app/pages/component-page-header/component-page-header.html
@@ -3,5 +3,5 @@
menu
- {{getTitle()}}
+ {{getTitleCn()}} {{getTitle()}}
diff --git a/src/app/pages/component-page-header/component-page-header.ts b/src/app/pages/component-page-header/component-page-header.ts
index d7ee835a..738dc637 100644
--- a/src/app/pages/component-page-header/component-page-header.ts
+++ b/src/app/pages/component-page-header/component-page-header.ts
@@ -17,6 +17,10 @@ export class ComponentPageHeader {
getTitle() {
return this._componentPageTitle.title;
}
+
+ getTitleCn() {
+ return this._componentPageTitle.titleCn;
+ }
}
@NgModule({
diff --git a/src/app/pages/component-sidenav/component-nav.html b/src/app/pages/component-sidenav/component-nav.html
index 722819f7..ec832913 100644
--- a/src/app/pages/component-sidenav/component-nav.html
+++ b/src/app/pages/component-sidenav/component-nav.html
@@ -5,7 +5,7 @@
[routerLink]="'/' + section+ '/' + component.id"
routerLinkActive="docs-component-viewer-sidenav-item-selected"
[attr.aria-current]="currentItemId === component.id ? 'page': 'false'">
- {{component.name}}
+ {{component.nameCn}} {{component.name}}
diff --git a/src/app/pages/component-sidenav/component-nav.scss b/src/app/pages/component-sidenav/component-nav.scss
new file mode 100644
index 00000000..52a25b65
--- /dev/null
+++ b/src/app/pages/component-sidenav/component-nav.scss
@@ -0,0 +1,3 @@
+small {
+ opacity: 0.4;
+}
diff --git a/src/app/pages/component-viewer/component-api.html b/src/app/pages/component-viewer/component-api.html
index ca34c64f..fdb7bef9 100644
--- a/src/app/pages/component-viewer/component-api.html
+++ b/src/app/pages/component-viewer/component-api.html
@@ -1,6 +1,6 @@
- API for {{docItem.id}}
+ {{docItem.id}} 的 API
-
-
-
-
-
-
+
+
+
+
+
+
-
-
-
+
+
+
-
-
-
+
+
+
-
-
+
+
@@ -46,9 +50,9 @@
-
-
-
+
+
+
-
-
-
+ (function (i, s, o, g, r, a, m) {
+ i['GoogleAnalyticsObject'] = r;
+ i[r] = i[r] || function () {
+ (i[r].q = i[r].q || []).push(arguments)
+ }, i[r].l = 1 * new Date();
+ a = s.createElement(o),
+ m = s.getElementsByTagName(o)[0];
+ a.async = 1;
+ a.src = g;
+ ~i.name.indexOf('NG_DEFER_BOOTSTRAP') || // only load library if not running e2e tests
+ m.parentNode.insertBefore(a, m)
+ })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
+
+
+
+
+