Compare commits
101 Commits
Author | SHA1 | Date | |
---|---|---|---|
91f7aa3b15 | |||
58b8091097 | |||
0fde7ecd0f | |||
d25cd244af | |||
e00de0c606 | |||
205103bdaa | |||
0528dcb9dc | |||
6f7ed32154 | |||
1bd8ba80a7 | |||
adb17fed98 | |||
3067ce6eb4 | |||
e102cd4757 | |||
db00ba7ae7 | |||
5a8f116687 | |||
02a862f8af | |||
7578d8573b | |||
de56e31cf0 | |||
eb85a7709a | |||
c99ef4938f | |||
7395400066 | |||
d985cc0253 | |||
aca117ac56 | |||
2c3825f2c8 | |||
ea6defcf11 | |||
975aca95bb | |||
5cb78566c2 | |||
9bacb32ec5 | |||
6970991546 | |||
bd012efcc4 | |||
2dd399658d | |||
d0dea574cb | |||
f7864edd4b | |||
9cc0a4ed10 | |||
3ee8c75eff | |||
b39d3a173e | |||
a4af1561b7 | |||
0851238e78 | |||
d2d98dad61 | |||
826c98e50c | |||
830e6352dd | |||
5911c3bd43 | |||
51e1994af0 | |||
faf5d90bf6 | |||
7e5413da89 | |||
e82a78e641 | |||
c13e55c8c3 | |||
a153504212 | |||
b8a75818ee | |||
f633826e99 | |||
0a8887240a | |||
6d606dd02b | |||
5c4215ccb4 | |||
85489a166e | |||
cf750e17ed | |||
712d1a7c37 | |||
16601f9359 | |||
b81e2e7a31 | |||
98fac36706 | |||
3e780c032e | |||
e09882180e | |||
0e18c57a17 | |||
51e2b9c073 | |||
f218e240d3 | |||
af6b219f8e | |||
20addf5f9f | |||
2860418a3c | |||
39e251eea7 | |||
d7d716d5db | |||
a95d65241c | |||
fdb22bd185 | |||
51d73d3e4e | |||
bf81b06a28 | |||
0621f07a2c | |||
1225ecfb14 | |||
5509453e72 | |||
70488ed382 | |||
03aedbe54b | |||
8395aab25d | |||
0dc15eb64a | |||
cba885a1fb | |||
fa4723a208 | |||
5bf08b886f | |||
89802316b9 | |||
2300c23332 | |||
fa39965a37 | |||
115f0fa842 | |||
734b8b8c13 | |||
54b41f57be | |||
df4254ae89 | |||
14ee75924b | |||
bd4045b6e7 | |||
255099aa61 | |||
1c24096650 | |||
32aeb1052d | |||
838d4bbf6c | |||
c4114c2f66 | |||
37b8691c8c | |||
93054d4e3d | |||
cfc12c6539 | |||
c0bdd89b5d | |||
d5515473bf |
14
.github/ISSUE_TEMPLATE.md
vendored
14
.github/ISSUE_TEMPLATE.md
vendored
@ -1,3 +1,7 @@
|
|||||||
|
<!--
|
||||||
|
IF YOU DON'T FILL OUT THE FOLLOWING INFORMATION WE MIGHT CLOSE YOUR ISSUE WITHOUT INVESTIGATING
|
||||||
|
-->
|
||||||
|
|
||||||
**I'm submitting a ...** (check one with "x")
|
**I'm submitting a ...** (check one with "x")
|
||||||
```
|
```
|
||||||
[ ] bug report => search github for a similar issue or PR before submitting
|
[ ] bug report => search github for a similar issue or PR before submitting
|
||||||
@ -11,8 +15,12 @@
|
|||||||
**Expected behavior**
|
**Expected behavior**
|
||||||
<!-- Describe what the behavior would be without the bug. -->
|
<!-- Describe what the behavior would be without the bug. -->
|
||||||
|
|
||||||
**Reproduction of the problem**
|
**Minimal reproduction of the problem with instructions**
|
||||||
<!-- If the current behavior is a bug or you can illustrate your feature request better with an example, please provide the steps to reproduce and if possible a minimal demo of the problem via https://plnkr.co or similar (you can use this template as a starting point: http://plnkr.co/edit/tpl:AvJOMERrnz94ekVua0u5). -->
|
<!--
|
||||||
|
If the current behavior is a bug or you can illustrate your feature request better with an example,
|
||||||
|
please provide the *STEPS TO REPRODUCE* and if possible a *MINIMAL DEMO* of the problem via
|
||||||
|
https://plnkr.co or similar (you can use this template as a starting point: http://plnkr.co/edit/tpl:AvJOMERrnz94ekVua0u5).
|
||||||
|
-->
|
||||||
|
|
||||||
**What is the motivation / use case for changing the behavior?**
|
**What is the motivation / use case for changing the behavior?**
|
||||||
<!-- Describe the motivation or the concrete use case -->
|
<!-- Describe the motivation or the concrete use case -->
|
||||||
@ -20,7 +28,7 @@
|
|||||||
**Please tell us about your environment:**
|
**Please tell us about your environment:**
|
||||||
<!-- Operating system, IDE, package manager, HTTP server, ... -->
|
<!-- Operating system, IDE, package manager, HTTP server, ... -->
|
||||||
|
|
||||||
* **Angular version:** 2.0.0-rc.X
|
* **Angular version:** 2.0.X
|
||||||
<!-- Check whether this is still an issue in the most recent Angular version -->
|
<!-- Check whether this is still an issue in the most recent Angular version -->
|
||||||
|
|
||||||
* **Browser:** [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]
|
* **Browser:** [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]
|
||||||
|
148
.travis.yml
148
.travis.yml
@ -1,7 +1,7 @@
|
|||||||
language: node_js
|
language: node_js
|
||||||
sudo: false
|
sudo: false
|
||||||
node_js:
|
node_js:
|
||||||
- '5.4.1'
|
- '6.6.0'
|
||||||
|
|
||||||
addons:
|
addons:
|
||||||
# firefox: "38.0"
|
# firefox: "38.0"
|
||||||
@ -20,20 +20,9 @@ cache:
|
|||||||
directories:
|
directories:
|
||||||
- ./node_modules
|
- ./node_modules
|
||||||
- ./.chrome/chromium
|
- ./.chrome/chromium
|
||||||
# - $HOME/.pub-cache
|
|
||||||
|
|
||||||
|
|
||||||
#before_cache:
|
|
||||||
# # Undo the pollution of the typescript_next build before the cache is primed for future use
|
|
||||||
# - if [[ "$MODE" == "typescript_next" ]]; then npm install typescript; fi
|
|
||||||
|
|
||||||
env:
|
env:
|
||||||
global:
|
global:
|
||||||
# - KARMA_JS_BROWSERS=ChromeNoSandbox
|
|
||||||
# - E2E_BROWSERS=ChromeOnTravis
|
|
||||||
# - LOGS_DIR=/tmp/angular-build/logs
|
|
||||||
# - ARCH=linux-x64
|
|
||||||
|
|
||||||
# GITHUB_TOKEN_ANGULAR
|
# GITHUB_TOKEN_ANGULAR
|
||||||
# This is needed for the e2e Travis matrix task to publish packages to github for continuous packages delivery.
|
# This is needed for the e2e Travis matrix task to publish packages to github for continuous packages delivery.
|
||||||
- secure: "fq/U7VDMWO8O8SnAQkdbkoSe2X92PVqg4d044HmRYVmcf6YbO48+xeGJ8yOk0pCBwl3ISO4Q2ot0x546kxfiYBuHkZetlngZxZCtQiFT9kyId8ZKcYdXaIW9OVdw3Gh3tQyUwDucfkVhqcs52D6NZjyE2aWZ4/d1V4kWRO/LMgo="
|
- secure: "fq/U7VDMWO8O8SnAQkdbkoSe2X92PVqg4d044HmRYVmcf6YbO48+xeGJ8yOk0pCBwl3ISO4Q2ot0x546kxfiYBuHkZetlngZxZCtQiFT9kyId8ZKcYdXaIW9OVdw3Gh3tQyUwDucfkVhqcs52D6NZjyE2aWZ4/d1V4kWRO/LMgo="
|
||||||
@ -52,146 +41,11 @@ matrix:
|
|||||||
- env: "CI_MODE=saucelabs_optional"
|
- env: "CI_MODE=saucelabs_optional"
|
||||||
- env: "CI_MODE=browserstack_optional"
|
- env: "CI_MODE=browserstack_optional"
|
||||||
|
|
||||||
|
|
||||||
install:
|
install:
|
||||||
- ./scripts/ci-lite/install.sh
|
- ./scripts/ci-lite/install.sh
|
||||||
|
|
||||||
before_script:
|
|
||||||
|
|
||||||
|
|
||||||
script:
|
script:
|
||||||
- ./scripts/ci-lite/build.sh && ./scripts/ci-lite/test.sh
|
- ./scripts/ci-lite/build.sh && ./scripts/ci-lite/test.sh
|
||||||
|
|
||||||
after_script:
|
after_script:
|
||||||
- ./scripts/ci-lite/cleanup.sh
|
- ./scripts/ci-lite/cleanup.sh
|
||||||
|
|
||||||
|
|
||||||
#branches:
|
|
||||||
# except:
|
|
||||||
# - g3_v2_0
|
|
||||||
#
|
|
||||||
#cache:
|
|
||||||
# directories:
|
|
||||||
# - $HOME/.pub-cache
|
|
||||||
# - $HOME/.chrome/chromium
|
|
||||||
#
|
|
||||||
#before_cache:
|
|
||||||
# # Undo the pollution of the typescript_next build before the cache is primed for future use
|
|
||||||
# - if [[ "$MODE" == "typescript_next" ]]; then npm install typescript; fi
|
|
||||||
#
|
|
||||||
#env:
|
|
||||||
# global:
|
|
||||||
# # Use newer verison of GCC to that is required to compile native npm modules for Node v4+ on Ubuntu Precise
|
|
||||||
# # more info: https://docs.travis-ci.com/user/languages/javascript-with-nodejs#Node.js-v4-(or-io.js-v3)-compiler-requirements
|
|
||||||
# - CXX=g++-4.8
|
|
||||||
# - KARMA_DART_BROWSERS=DartiumWithWebPlatform
|
|
||||||
# # No sandbox mode is needed for Chromium in Travis, it crashes otherwise: https://sites.google.com/a/chromium.org/chromedriver/help/chrome-doesn-t-start
|
|
||||||
# - KARMA_JS_BROWSERS=ChromeNoSandbox
|
|
||||||
# - E2E_BROWSERS=ChromeOnTravis
|
|
||||||
# - LOGS_DIR=/tmp/angular-build/logs
|
|
||||||
# - SAUCE_USERNAME=angular-ci
|
|
||||||
# - SAUCE_ACCESS_KEY=9b988f434ff8-fbca-8aa4-4ae3-35442987
|
|
||||||
# - BROWSER_STACK_USERNAME=angularteam1
|
|
||||||
# - BROWSER_STACK_ACCESS_KEY=BWCd4SynLzdDcv8xtzsB
|
|
||||||
# - ARCH=linux-x64
|
|
||||||
# - DART_DEV_VERSION=latest
|
|
||||||
# - DART_STABLE_VERSION=latest
|
|
||||||
# - DART_CHANNEL=stable
|
|
||||||
# - DART_VERSION=$DART_STABLE_VERSION
|
|
||||||
# # Token for tsd to increase github rate limit
|
|
||||||
# # See https://github.com/DefinitelyTyped/tsd#tsdrc
|
|
||||||
# # This does not use http://docs.travis-ci.com/user/environment-variables/#Secure-Variables
|
|
||||||
# # because those are not visible for pull requests, and those should also be reliable.
|
|
||||||
# # This SSO token belongs to github account angular-github-ratelimit-token which has no access
|
|
||||||
# # (password is in Valentine)
|
|
||||||
# - TSDRC='{"token":"ef474500309daea53d5991b3079159a29520a40b"}'
|
|
||||||
# # GITHUB_TOKEN_ANGULAR
|
|
||||||
# - secure: "fq/U7VDMWO8O8SnAQkdbkoSe2X92PVqg4d044HmRYVmcf6YbO48+xeGJ8yOk0pCBwl3ISO4Q2ot0x546kxfiYBuHkZetlngZxZCtQiFT9kyId8ZKcYdXaIW9OVdw3Gh3tQyUwDucfkVhqcs52D6NZjyE2aWZ4/d1V4kWRO/LMgo="
|
|
||||||
# matrix:
|
|
||||||
# # Order: a slower build first, so that we don't occupy an idle travis worker waiting for others to complete.
|
|
||||||
# - MODE=dart
|
|
||||||
# - MODE=dart DART_CHANNEL=dev
|
|
||||||
# - MODE=saucelabs_required
|
|
||||||
# - MODE=browserstack_required
|
|
||||||
# - MODE=saucelabs_optional
|
|
||||||
# - MODE=browserstack_optional
|
|
||||||
# - MODE=dart_ddc
|
|
||||||
# - MODE=js
|
|
||||||
# - MODE=router
|
|
||||||
# - MODE=build_only
|
|
||||||
# - MODE=typescript_next
|
|
||||||
# - MODE=lint
|
|
||||||
#
|
|
||||||
#matrix:
|
|
||||||
# allow_failures:
|
|
||||||
# - env: "MODE=saucelabs_optional"
|
|
||||||
# - env: "MODE=browserstack_optional"
|
|
||||||
#
|
|
||||||
#addons:
|
|
||||||
# firefox: "38.0"
|
|
||||||
# apt:
|
|
||||||
# sources:
|
|
||||||
# - ubuntu-toolchain-r-test
|
|
||||||
# packages:
|
|
||||||
# - g++-4.8
|
|
||||||
#
|
|
||||||
#before_install:
|
|
||||||
# - node tools/analytics/build-analytics start ci job
|
|
||||||
# - node tools/analytics/build-analytics start ci before_install
|
|
||||||
# - echo ${TSDRC} > .tsdrc
|
|
||||||
# - export CHROME_BIN=$HOME/.chrome/chromium/chrome-linux/chrome
|
|
||||||
# - export DISPLAY=:99.0
|
|
||||||
# - export GIT_SHA=$(git rev-parse HEAD)
|
|
||||||
# - ./scripts/ci/init_android.sh
|
|
||||||
# - sh -e /etc/init.d/xvfb start
|
|
||||||
# # Use a separate SauseLabs account for upstream/master builds in order for Sauce to create a badge representing the status of just upstream/master
|
|
||||||
# - '[ "${TRAVIS_PULL_REQUEST}" = "false" ] && [ "${TRAVIS_BRANCH}" = "master" ] && SAUCE_USERNAME="angular2-ci" && SAUCE_ACCESS_KEY="693ebc16208a-0b5b-1614-8d66-a2662f4e" || true'
|
|
||||||
# - node tools/analytics/build-analytics success ci before_install
|
|
||||||
#
|
|
||||||
#install:
|
|
||||||
# - node tools/analytics/build-analytics start ci install
|
|
||||||
# # Install version of npm that we are locked against
|
|
||||||
# - npm install -g npm@3.5.3
|
|
||||||
# # Install version of Chromium that we are locked against
|
|
||||||
# - ./scripts/ci/install_chromium.sh
|
|
||||||
# # Install version of Dart based on the matrix build variables
|
|
||||||
# - ./scripts/ci/install_dart.sh ${DART_CHANNEL} ${DART_VERSION} ${ARCH}
|
|
||||||
# # Print the size of caches to ease debugging
|
|
||||||
# - du -sh ./node_modules || true
|
|
||||||
# # Install npm dependecies
|
|
||||||
# # check-node-modules will exit(1) if we don't need to install
|
|
||||||
# # we need to manually kick off the postinstall script if check-node-modules exit(0)s
|
|
||||||
# - node tools/npm/check-node-modules --purge && npm install || npm run postinstall
|
|
||||||
# - node tools/analytics/build-analytics success ci install
|
|
||||||
#
|
|
||||||
#before_script:
|
|
||||||
# - node tools/analytics/build-analytics start ci before_script
|
|
||||||
# - mkdir -p $LOGS_DIR
|
|
||||||
# - ./scripts/ci/presubmit-queue-setup.sh
|
|
||||||
# - node tools/analytics/build-analytics success ci before_script
|
|
||||||
#
|
|
||||||
#script:
|
|
||||||
# - node tools/analytics/build-analytics start ci script
|
|
||||||
# - ./scripts/ci/build_and_test.sh ${MODE}
|
|
||||||
# - node tools/analytics/build-analytics success ci script
|
|
||||||
#
|
|
||||||
#after_script:
|
|
||||||
# - node tools/analytics/build-analytics start ci after_script
|
|
||||||
# - ./scripts/ci/print-logs.sh
|
|
||||||
# - ./scripts/ci/after-script.sh
|
|
||||||
# - ./scripts/publish/publish-build-artifacts.sh
|
|
||||||
# - node tools/analytics/build-analytics success ci after_script
|
|
||||||
# - tools/analytics/build-analytics $TRAVIS_TEST_RESULT ci job
|
|
||||||
#
|
|
||||||
#notifications:
|
|
||||||
# webhooks:
|
|
||||||
# urls:
|
|
||||||
# - https://webhooks.gitter.im/e/1ef62e23078036f9cee4
|
|
||||||
# # trigger Buildtime Trend Service to parse Travis CI log
|
|
||||||
# - https://buildtimetrend.herokuapp.com/travis
|
|
||||||
# - http://104.197.9.155:8484/hubot/travis/activity
|
|
||||||
# on_success: always # options: [always|never|change] default: always
|
|
||||||
# on_failure: always # options: [always|never|change] default: always
|
|
||||||
# on_start: never # default: never
|
|
||||||
# slack:
|
|
||||||
# secure: EP4MzZ8JMyNQJ4S3cd5LEPWSMjC7ZRdzt3veelDiOeorJ6GwZfCDHncR+4BahDzQAuqyE/yNpZqaLbwRWloDi15qIUsm09vgl/1IyNky1Sqc6lEknhzIXpWSalo4/T9ZP8w870EoDvM/UO+LCV99R3wS8Nm9o99eLoWVb2HIUu0=
|
|
||||||
|
42
CHANGELOG.md
42
CHANGELOG.md
@ -1,3 +1,45 @@
|
|||||||
|
<a name="2.0.2"></a>
|
||||||
|
## [2.0.2](https://github.com/angular/angular/compare/2.0.1...2.0.2) (2016-10-05)
|
||||||
|
|
||||||
|
|
||||||
|
### Bug Fixes
|
||||||
|
|
||||||
|
* **common:** correctly removes styles on IE ([#11953](https://github.com/angular/angular/pull/11953)), closes [#7916](https://github.com/angular/angular/issues/7916)
|
||||||
|
* **compiler:** do not embed templateUrl in view factories in non-debug mode. ([#11818](https://github.com/angular/angular/issues/11818)) ([51e1994](https://github.com/angular/angular/commit/51e1994)), closes [#11117](https://github.com/angular/angular/issues/11117)
|
||||||
|
* **compiler:** move detection of unsafe properties for binding to ElementSchemaRegistry ([#11378](https://github.com/angular/angular/issues/11378)) ([5911c3b](https://github.com/angular/angular/commit/5911c3b))
|
||||||
|
* **forms:** properly validate empty strings with patterns ([#11450](https://github.com/angular/angular/issues/11450)) ([e00de0c](https://github.com/angular/angular/commit/e00de0c))
|
||||||
|
* **http:** preserve case of the first init, `set()` or `append()` ([#12023](https://github.com/angular/angular/issues/12023)) ([adb17fe](https://github.com/angular/angular/commit/adb17fe)), closes [#11624](https://github.com/angular/angular/issues/11624)
|
||||||
|
* **compiler-cli:** allow ReflectorHost passed as argument to CodeGenerator#create ([#11951](https://github.com/angular/angular/issues/11951)) ([826c98e](https://github.com/angular/angular/commit/826c98e))
|
||||||
|
* **router:** do not reset the router state when updating the component ([#11867](https://github.com/angular/angular/issues/11867)) ([cf750e1](https://github.com/angular/angular/commit/cf750e1))
|
||||||
|
* **compiler:** fix `:host(tag)` and `:host-context(tag)` ([a6bb84e0](https://github.com/angular/angular/commit/a6bb84e02b7579f8d957ef6ba5b10d83482ed756)), closes [#11972](https://github.com/angular/angular/issues/11972)
|
||||||
|
* **compiler:** fix attribute selectors in :host and :host-context ([#12056](https://github.com/angular/angular/issues/12056)) ([6f7ed32](https://github.com/angular/angular/commit/6f7ed32)), closes [#11917](https://github.com/angular/angular/issues/11917)
|
||||||
|
* **compiler:** support `[@page](https://github.com/page)` and `[@document](https://github.com/document)` CSS rules ([#11878](https://github.com/angular/angular/issues/11878)) ([c99ef49](https://github.com/angular/angular/commit/c99ef49)), closes [#11860](https://github.com/angular/angular/issues/11860)
|
||||||
|
* **compiler:** support `[attr="value with space"]` ([bd012ef](https://github.com/angular/angular/commit/bd012ef)), closes [#6249](https://github.com/angular/angular/issues/6249)
|
||||||
|
* **compiler:** support quoted attribute values ([7395400](https://github.com/angular/angular/commit/7395400)), closes [#6085](https://github.com/angular/angular/issues/6085)
|
||||||
|
* **upgrade:** bind optional properties when upgrading from ng1 ([#11411](https://github.com/angular/angular/issues/11411)) ([0851238](https://github.com/angular/angular/commit/0851238)), closes [#10181](https://github.com/angular/angular/issues/10181)
|
||||||
|
* **http:** change a behavior when a param value is null or undefined ([#11990](https://github.com/angular/angular/issues/11990)) ([9cc0a4e](https://github.com/angular/angular/commit/9cc0a4e))
|
||||||
|
* **compiler:** fix `<x>` ctype names ([7578d85](https://github.com/angular/angular/commit/7578d85)), closes [#12000](https://github.com/angular/angular/issues/12000)
|
||||||
|
|
||||||
|
|
||||||
|
<a name="2.0.1"></a>
|
||||||
|
## [2.0.1](https://github.com/angular/angular/compare/2.0.0...2.0.1) (2016-09-23)
|
||||||
|
|
||||||
|
|
||||||
|
### Bug Fixes
|
||||||
|
|
||||||
|
* **common:** fix ngOnChanges signature of NgTemplateOutlet directive ([14ee759](https://github.com/angular/angular/commit/14ee759))
|
||||||
|
* **compiler:** `[attribute~=value]` selector ([#11696](https://github.com/angular/angular/issues/11696)) ([734b8b8](https://github.com/angular/angular/commit/734b8b8)), closes [#9644](https://github.com/angular/angular/issues/9644)
|
||||||
|
* **compiler:** safe property access expressions work in event bindings ([#11724](https://github.com/angular/angular/issues/11724)) ([a95d652](https://github.com/angular/angular/commit/a95d652))
|
||||||
|
* **compiler:** throw when Component.moduleId is not a string ([bd4045b](https://github.com/angular/angular/commit/bd4045b)), closes [#11590](https://github.com/angular/angular/issues/11590)
|
||||||
|
* **compiler:** do not provide I18N values when they're not specified ([03aedbe](https://github.com/angular/angular/commit/03aedbe)), closes [#11643](https://github.com/angular/angular/issues/11643)
|
||||||
|
* **core:** ContentChild descendants should be queried by default ([0dc15eb](https://github.com/angular/angular/commit/0dc15eb)), closes [#11645](https://github.com/angular/angular/issues/11645)
|
||||||
|
* **forms:** disable all radios with disable() ([2860418](https://github.com/angular/angular/commit/2860418))
|
||||||
|
* **forms:** make setDisabledState optional for reactive form directives ([#11731](https://github.com/angular/angular/issues/11731)) ([51d73d3](https://github.com/angular/angular/commit/51d73d3)), closes [#11719](https://github.com/angular/angular/issues/11719)
|
||||||
|
* **forms:** support unbound disabled in ngModel ([#11736](https://github.com/angular/angular/issues/11736)) ([39e251e](https://github.com/angular/angular/commit/39e251e))
|
||||||
|
* **upgrade:** allow attribute selectors for components in ng2 which are not part of upgrade ([#11808](https://github.com/angular/angular/issues/11808)) ([b81e2e7](https://github.com/angular/angular/commit/b81e2e7)), closes [#11280](https://github.com/angular/angular/issues/11280)
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a name="2.0.0"></a>
|
<a name="2.0.0"></a>
|
||||||
# [2.0.0](https://github.com/angular/angular/compare/2.0.0-rc.7...2.0.0) (2016-09-14)
|
# [2.0.0](https://github.com/angular/angular/compare/2.0.0-rc.7...2.0.0) (2016-09-14)
|
||||||
|
|
||||||
|
@ -18,7 +18,7 @@ Help us keep Angular open and inclusive. Please read and follow our [Code of Con
|
|||||||
## <a name="question"></a> Got a Question or Problem?
|
## <a name="question"></a> Got a Question or Problem?
|
||||||
|
|
||||||
If you have questions about how to *use* Angular, please direct them to the [Google Group][angular-group]
|
If you have questions about how to *use* Angular, please direct them to the [Google Group][angular-group]
|
||||||
discussion list or [StackOverflow][stackoverflow]. Please note that Angular 2 is still in early developer preview, and the core team's capacity to answer usage questions is limited. We are also available on [Gitter][gitter].
|
discussion list or [StackOverflow][stackoverflow]. Please note that the Angular team's capacity to answer usage questions is limited. We are also available on [Gitter][gitter].
|
||||||
|
|
||||||
## <a name="issue"></a> Found an Issue?
|
## <a name="issue"></a> Found an Issue?
|
||||||
If you find a bug in the source code, you can help us by
|
If you find a bug in the source code, you can help us by
|
||||||
@ -28,8 +28,7 @@ If you find a bug in the source code, you can help us by
|
|||||||
## <a name="feature"></a> Want a Feature?
|
## <a name="feature"></a> Want a Feature?
|
||||||
You can *request* a new feature by [submitting an issue](#submit-issue) to our [GitHub
|
You can *request* a new feature by [submitting an issue](#submit-issue) to our [GitHub
|
||||||
Repository][github]. If you would like to *implement* a new feature, please submit an issue with
|
Repository][github]. If you would like to *implement* a new feature, please submit an issue with
|
||||||
a proposal for your work first, to be sure that we can use it. Angular 2 is in developer preview
|
a proposal for your work first, to be sure that we can use it.
|
||||||
and we are not ready to accept major contributions ahead of the full release.
|
|
||||||
Please consider what kind of change it is:
|
Please consider what kind of change it is:
|
||||||
|
|
||||||
* For a **Major Feature**, first open an issue and outline your proposal so that it can be
|
* For a **Major Feature**, first open an issue and outline your proposal so that it can be
|
||||||
|
@ -114,7 +114,7 @@ You should execute the 3 test suites before submitting a PR to github.
|
|||||||
All the tests are executed on our Continuous Integration infrastructure and a PR could only be merged once the tests pass.
|
All the tests are executed on our Continuous Integration infrastructure and a PR could only be merged once the tests pass.
|
||||||
|
|
||||||
- CircleCI fails if your code is not formatted properly,
|
- CircleCI fails if your code is not formatted properly,
|
||||||
- Travis CI fails if any of the test suite describe above fails.
|
- Travis CI fails if any of the test suites described above fails.
|
||||||
|
|
||||||
## Update the public API tests
|
## Update the public API tests
|
||||||
|
|
||||||
|
@ -4,7 +4,6 @@
|
|||||||
[](http://issuestats.com/github/angular/angular)
|
[](http://issuestats.com/github/angular/angular)
|
||||||
[](http://issuestats.com/github/angular/angular)
|
[](http://issuestats.com/github/angular/angular)
|
||||||
[](https://badge.fury.io/js/%40angular%2Fcore)
|
[](https://badge.fury.io/js/%40angular%2Fcore)
|
||||||
[](https://npmjs.org/package/angular2)
|
|
||||||
|
|
||||||
[](https://saucelabs.com/u/angular2-ci)
|
[](https://saucelabs.com/u/angular2-ci)
|
||||||
*Safari (7+), iOS (7+), Edge (14) and IE mobile (11) are tested on [BrowserStack][browserstack].*
|
*Safari (7+), iOS (7+), Edge (14) and IE mobile (11) are tested on [BrowserStack][browserstack].*
|
||||||
@ -17,7 +16,6 @@ repository for [Angular 2][ng2] Typescript/JavaScript (JS).
|
|||||||
|
|
||||||
Angular2 for [Dart][dart] can be found at [dart-lang/angular2][ng2dart].
|
Angular2 for [Dart][dart] can be found at [dart-lang/angular2][ng2dart].
|
||||||
|
|
||||||
Angular 2 is currently in **Release Candidate**.
|
|
||||||
|
|
||||||
## Quickstart
|
## Quickstart
|
||||||
|
|
||||||
@ -32,7 +30,6 @@ guidelines for [contributing][contributing] and then check out one of our issues
|
|||||||
[browserstack]: https://www.browserstack.com/
|
[browserstack]: https://www.browserstack.com/
|
||||||
[contributing]: http://github.com/angular/angular/blob/master/CONTRIBUTING.md
|
[contributing]: http://github.com/angular/angular/blob/master/CONTRIBUTING.md
|
||||||
[dart]: http://www.dartlang.org
|
[dart]: http://www.dartlang.org
|
||||||
[dartium]: http://www.dartlang.org/tools/dartium
|
|
||||||
[quickstart]: https://angular.io/docs/ts/latest/quickstart.html
|
[quickstart]: https://angular.io/docs/ts/latest/quickstart.html
|
||||||
[ng2]: http://angular.io
|
[ng2]: http://angular.io
|
||||||
[ngDart]: http://angulardart.org
|
[ngDart]: http://angulardart.org
|
||||||
|
@ -17,9 +17,9 @@ with it.
|
|||||||
|
|
||||||
* `comp: animations`: `@matsko`
|
* `comp: animations`: `@matsko`
|
||||||
* `comp: benchpress`: `@tbosch`
|
* `comp: benchpress`: `@tbosch`
|
||||||
* `comp: build/ci`: `@IgorMinar` -- All build and CI scripts
|
* `comp: build & ci`: `@IgorMinar` -- All build and CI scripts
|
||||||
* `comp: common`: `@mhevery` -- This includes core components / pipes.
|
* `comp: common`: `@mhevery` -- This includes core components / pipes.
|
||||||
* `comp: core/compiler`: `@tbosch` -- Because core and compiler are very
|
* `comp: core & compiler`: `@tbosch` -- Because core and compiler are very
|
||||||
intertwined, we will be treating them as one.
|
intertwined, we will be treating them as one.
|
||||||
* `comp: forms`: `@kara`
|
* `comp: forms`: `@kara`
|
||||||
* `comp: http`: `@jeffbcross`
|
* `comp: http`: `@jeffbcross`
|
||||||
@ -29,14 +29,14 @@ with it.
|
|||||||
* `comp: testing`: `@juliemr`
|
* `comp: testing`: `@juliemr`
|
||||||
* `comp: upgrade`: `@mhevery`
|
* `comp: upgrade`: `@mhevery`
|
||||||
* `comp: web-worker`: `@vicb`
|
* `comp: web-worker`: `@vicb`
|
||||||
* `comp: zone`: `@mhevery`
|
* `comp: zones`: `@mhevery`
|
||||||
|
|
||||||
There are few components which are cross-cutting. They don't have
|
There are few components which are cross-cutting. They don't have
|
||||||
a clear location in the source tree. We will treat them as a component
|
a clear location in the source tree. We will treat them as a component
|
||||||
even thought no specific source tree is associated with them.
|
even thought no specific source tree is associated with them.
|
||||||
|
|
||||||
* `comp: documentation`: `@naomiblack`
|
* `comp: documentation`: `@naomiblack`
|
||||||
* `comp: packaging`: `@mhevery`
|
* `comp: packaging`: `@IgorMinar`
|
||||||
* `comp: performance`: `@tbosch`
|
* `comp: performance`: `@tbosch`
|
||||||
* `comp: security`: `@IgorMinar`
|
* `comp: security`: `@IgorMinar`
|
||||||
|
|
||||||
|
@ -1,216 +1,98 @@
|
|||||||
// Unique place to configure the browsers which are used in the different CI jobs in Sauce Labs (SL) and BrowserStack (BS).
|
/**
|
||||||
|
* @license
|
||||||
|
* Copyright Google Inc. All Rights Reserved.
|
||||||
|
*
|
||||||
|
* Use of this source code is governed by an MIT-style license that can be
|
||||||
|
* found in the LICENSE file at https://angular.io/license
|
||||||
|
*/
|
||||||
|
|
||||||
|
// Unique place to configure the browsers which are used in the different CI jobs in Sauce Labs (SL)
|
||||||
|
// and BrowserStack (BS).
|
||||||
// If the target is set to null, then the browser is not run anywhere during CI.
|
// If the target is set to null, then the browser is not run anywhere during CI.
|
||||||
// If a category becomes empty (e.g. BS and required), then the corresponding job must be commented out in Travis configuration.
|
// If a category becomes empty (e.g. BS and required), then the corresponding job must be commented
|
||||||
|
// out in Travis configuration.
|
||||||
var CIconfiguration = {
|
var CIconfiguration = {
|
||||||
'Chrome': { unitTest: {target: 'SL', required: true}, e2e: {target: null, required: true}},
|
'Chrome': {unitTest: {target: 'SL', required: true}, e2e: {target: null, required: true}},
|
||||||
'Firefox': { unitTest: {target: 'SL', required: true}, e2e: {target: null, required: true}},
|
'Firefox': {unitTest: {target: 'SL', required: true}, e2e: {target: null, required: true}},
|
||||||
// FirefoxBeta and ChromeBeta should be target:'BS' or target:'SL', and required:true
|
// FirefoxBeta and ChromeBeta should be target:'BS' or target:'SL', and required:true
|
||||||
// Currently deactivated due to https://github.com/angular/angular/issues/7560
|
// Currently deactivated due to https://github.com/angular/angular/issues/7560
|
||||||
'ChromeBeta': { unitTest: {target: null, required: true}, e2e: {target: null, required: false}},
|
'ChromeBeta': {unitTest: {target: null, required: true}, e2e: {target: null, required: false}},
|
||||||
'FirefoxBeta': { unitTest: {target: null, required: false}, e2e: {target: null, required: false}},
|
'FirefoxBeta': {unitTest: {target: null, required: false}, e2e: {target: null, required: false}},
|
||||||
'ChromeDev': { unitTest: {target: null, required: true}, e2e: {target: null, required: true}},
|
'ChromeDev': {unitTest: {target: null, required: true}, e2e: {target: null, required: true}},
|
||||||
'FirefoxDev': { unitTest: {target: null, required: true}, e2e: {target: null, required: true}},
|
'FirefoxDev': {unitTest: {target: null, required: true}, e2e: {target: null, required: true}},
|
||||||
'IE9': { unitTest: {target: 'SL', required: false}, e2e: {target: null, required: true}},
|
'IE9': {unitTest: {target: 'SL', required: false}, e2e: {target: null, required: true}},
|
||||||
'IE10': { unitTest: {target: 'SL', required: true}, e2e: {target: null, required: true}},
|
'IE10': {unitTest: {target: 'SL', required: true}, e2e: {target: null, required: true}},
|
||||||
'IE11': { unitTest: {target: 'SL', required: true}, e2e: {target: null, required: true}},
|
'IE11': {unitTest: {target: 'SL', required: true}, e2e: {target: null, required: true}},
|
||||||
'Edge': { unitTest: {target: 'BS', required: false}, e2e: {target: null, required: true}},
|
'Edge': {unitTest: {target: 'BS', required: false}, e2e: {target: null, required: true}},
|
||||||
'Android4.1': { unitTest: {target: 'SL', required: false}, e2e: {target: null, required: true}},
|
'Android4.1': {unitTest: {target: 'SL', required: false}, e2e: {target: null, required: true}},
|
||||||
'Android4.2': { unitTest: {target: 'SL', required: false}, e2e: {target: null, required: true}},
|
'Android4.2': {unitTest: {target: 'SL', required: false}, e2e: {target: null, required: true}},
|
||||||
'Android4.3': { unitTest: {target: 'SL', required: false}, e2e: {target: null, required: true}},
|
'Android4.3': {unitTest: {target: 'SL', required: false}, e2e: {target: null, required: true}},
|
||||||
'Android4.4': { unitTest: {target: 'SL', required: false}, e2e: {target: null, required: true}},
|
'Android4.4': {unitTest: {target: 'SL', required: false}, e2e: {target: null, required: true}},
|
||||||
'Android5': { unitTest: {target: 'SL', required: false}, e2e: {target: null, required: true}},
|
'Android5': {unitTest: {target: 'SL', required: false}, e2e: {target: null, required: true}},
|
||||||
'Safari7': { unitTest: {target: 'BS', required: false}, e2e: {target: null, required: true}},
|
'Safari7': {unitTest: {target: 'BS', required: false}, e2e: {target: null, required: true}},
|
||||||
'Safari8': { unitTest: {target: 'BS', required: false}, e2e: {target: null, required: true}},
|
'Safari8': {unitTest: {target: 'BS', required: false}, e2e: {target: null, required: true}},
|
||||||
'Safari9': { unitTest: {target: 'BS', required: false}, e2e: {target: null, required: true}},
|
'Safari9': {unitTest: {target: 'BS', required: false}, e2e: {target: null, required: true}},
|
||||||
'iOS7': { unitTest: {target: 'BS', required: true}, e2e: {target: null, required: true}},
|
'Safari10': {unitTest: {target: 'BS', required: false}, e2e: {target: null, required: true}},
|
||||||
'iOS8': { unitTest: {target: 'BS', required: false}, e2e: {target: null, required: true}},
|
'iOS7': {unitTest: {target: 'BS', required: true}, e2e: {target: null, required: true}},
|
||||||
'iOS9': { unitTest: {target: 'BS', required: false}, e2e: {target: null, required: true}},
|
'iOS8': {unitTest: {target: 'BS', required: false}, e2e: {target: null, required: true}},
|
||||||
'WindowsPhone': { unitTest: {target: 'BS', required: false}, e2e: {target: null, required: true}}
|
'iOS9': {unitTest: {target: 'BS', required: false}, e2e: {target: null, required: true}},
|
||||||
|
'iOS10': {unitTest: {target: 'BS', required: false}, e2e: {target: null, required: true}},
|
||||||
|
'WindowsPhone': {unitTest: {target: 'BS', required: false}, e2e: {target: null, required: true}}
|
||||||
};
|
};
|
||||||
|
|
||||||
var customLaunchers = {
|
var customLaunchers = {
|
||||||
'DartiumWithWebPlatform': {
|
'DartiumWithWebPlatform':
|
||||||
base: 'Dartium',
|
{base: 'Dartium', flags: ['--enable-experimental-web-platform-features']},
|
||||||
flags: ['--enable-experimental-web-platform-features'] },
|
'ChromeNoSandbox': {base: 'Chrome', flags: ['--no-sandbox']},
|
||||||
'ChromeNoSandbox': {
|
'SL_CHROME': {base: 'SauceLabs', browserName: 'chrome', version: '52'},
|
||||||
base: 'Chrome',
|
'SL_CHROMEBETA': {base: 'SauceLabs', browserName: 'chrome', version: 'beta'},
|
||||||
flags: ['--no-sandbox'] },
|
'SL_CHROMEDEV': {base: 'SauceLabs', browserName: 'chrome', version: 'dev'},
|
||||||
'SL_CHROME': {
|
'SL_FIREFOX': {base: 'SauceLabs', browserName: 'firefox', version: '46'},
|
||||||
base: 'SauceLabs',
|
'SL_FIREFOXBETA': {base: 'SauceLabs', browserName: 'firefox', version: 'beta'},
|
||||||
browserName: 'chrome',
|
'SL_FIREFOXDEV': {base: 'SauceLabs', browserName: 'firefox', version: 'dev'},
|
||||||
version: '52'
|
'SL_SAFARI7': {base: 'SauceLabs', browserName: 'safari', platform: 'OS X 10.9', version: '7.0'},
|
||||||
},
|
'SL_SAFARI8': {base: 'SauceLabs', browserName: 'safari', platform: 'OS X 10.10', version: '8.0'},
|
||||||
'SL_CHROMEBETA': {
|
'SL_SAFARI9': {base: 'SauceLabs', browserName: 'safari', platform: 'OS X 10.11', version: '9.0'},
|
||||||
base: 'SauceLabs',
|
'SL_SAFARI10':
|
||||||
browserName: 'chrome',
|
{base: 'SauceLabs', browserName: 'safari', platform: 'OS X 10.12', version: '10.0'},
|
||||||
version: 'beta'
|
'SL_IOS7': {base: 'SauceLabs', browserName: 'iphone', platform: 'OS X 10.10', version: '7.1'},
|
||||||
},
|
'SL_IOS8': {base: 'SauceLabs', browserName: 'iphone', platform: 'OS X 10.10', version: '8.4'},
|
||||||
'SL_CHROMEDEV': {
|
'SL_IOS9': {base: 'SauceLabs', browserName: 'iphone', platform: 'OS X 10.10', version: '9.3'},
|
||||||
base: 'SauceLabs',
|
'SL_IOS10': {base: 'SauceLabs', browserName: 'iphone', platform: 'OS X 10.10', version: '10.0'},
|
||||||
browserName: 'chrome',
|
'SL_IE9':
|
||||||
version: 'dev'
|
{base: 'SauceLabs', browserName: 'internet explorer', platform: 'Windows 2008', version: '9'},
|
||||||
},
|
|
||||||
'SL_FIREFOX': {
|
|
||||||
base: 'SauceLabs',
|
|
||||||
browserName: 'firefox',
|
|
||||||
version: '46'
|
|
||||||
},
|
|
||||||
'SL_FIREFOXBETA': {
|
|
||||||
base: 'SauceLabs',
|
|
||||||
browserName: 'firefox',
|
|
||||||
version: 'beta'
|
|
||||||
},
|
|
||||||
'SL_FIREFOXDEV': {
|
|
||||||
base: 'SauceLabs',
|
|
||||||
browserName: 'firefox',
|
|
||||||
version: 'dev'
|
|
||||||
},
|
|
||||||
'SL_SAFARI7': {
|
|
||||||
base: 'SauceLabs',
|
|
||||||
browserName: 'safari',
|
|
||||||
platform: 'OS X 10.9',
|
|
||||||
version: '7.0'
|
|
||||||
},
|
|
||||||
'SL_SAFARI8': {
|
|
||||||
base: 'SauceLabs',
|
|
||||||
browserName: 'safari',
|
|
||||||
platform: 'OS X 10.10',
|
|
||||||
version: '8.0'
|
|
||||||
},
|
|
||||||
'SL_SAFARI9': {
|
|
||||||
base: 'SauceLabs',
|
|
||||||
browserName: 'safari',
|
|
||||||
platform: 'OS X 10.11',
|
|
||||||
version: '9.0'
|
|
||||||
},
|
|
||||||
'SL_IOS7': {
|
|
||||||
base: 'SauceLabs',
|
|
||||||
browserName: 'iphone',
|
|
||||||
platform: 'OS X 10.10',
|
|
||||||
version: '7.1'
|
|
||||||
},
|
|
||||||
'SL_IOS8': {
|
|
||||||
base: 'SauceLabs',
|
|
||||||
browserName: 'iphone',
|
|
||||||
platform: 'OS X 10.10',
|
|
||||||
version: '8.4'
|
|
||||||
},
|
|
||||||
'SL_IOS9': {
|
|
||||||
base: 'SauceLabs',
|
|
||||||
browserName: 'iphone',
|
|
||||||
platform: 'OS X 10.10',
|
|
||||||
version: '9.3'
|
|
||||||
},
|
|
||||||
'SL_IE9': {
|
|
||||||
base: 'SauceLabs',
|
|
||||||
browserName: 'internet explorer',
|
|
||||||
platform: 'Windows 2008',
|
|
||||||
version: '9'
|
|
||||||
},
|
|
||||||
'SL_IE10': {
|
'SL_IE10': {
|
||||||
base: 'SauceLabs',
|
base: 'SauceLabs',
|
||||||
browserName: 'internet explorer',
|
browserName: 'internet explorer',
|
||||||
platform: 'Windows 2012',
|
platform: 'Windows 2012',
|
||||||
version: '10'
|
version: '10'
|
||||||
},
|
},
|
||||||
'SL_IE11': {
|
'SL_IE11':
|
||||||
base: 'SauceLabs',
|
{base: 'SauceLabs', browserName: 'internet explorer', platform: 'Windows 8.1', version: '11'},
|
||||||
browserName: 'internet explorer',
|
|
||||||
platform: 'Windows 8.1',
|
|
||||||
version: '11'
|
|
||||||
},
|
|
||||||
'SL_EDGE': {
|
'SL_EDGE': {
|
||||||
base: 'SauceLabs',
|
base: 'SauceLabs',
|
||||||
browserName: 'MicrosoftEdge',
|
browserName: 'MicrosoftEdge',
|
||||||
platform: 'Windows 10',
|
platform: 'Windows 10',
|
||||||
version: '13.10586'
|
version: '13.10586'
|
||||||
},
|
},
|
||||||
'SL_ANDROID4.1': {
|
'SL_ANDROID4.1': {base: 'SauceLabs', browserName: 'android', platform: 'Linux', version: '4.1'},
|
||||||
base: 'SauceLabs',
|
'SL_ANDROID4.2': {base: 'SauceLabs', browserName: 'android', platform: 'Linux', version: '4.2'},
|
||||||
browserName: 'android',
|
'SL_ANDROID4.3': {base: 'SauceLabs', browserName: 'android', platform: 'Linux', version: '4.3'},
|
||||||
platform: 'Linux',
|
'SL_ANDROID4.4': {base: 'SauceLabs', browserName: 'android', platform: 'Linux', version: '4.4'},
|
||||||
version: '4.1'
|
'SL_ANDROID5': {base: 'SauceLabs', browserName: 'android', platform: 'Linux', version: '5.1'},
|
||||||
},
|
|
||||||
'SL_ANDROID4.2': {
|
|
||||||
base: 'SauceLabs',
|
|
||||||
browserName: 'android',
|
|
||||||
platform: 'Linux',
|
|
||||||
version: '4.2'
|
|
||||||
},
|
|
||||||
'SL_ANDROID4.3': {
|
|
||||||
base: 'SauceLabs',
|
|
||||||
browserName: 'android',
|
|
||||||
platform: 'Linux',
|
|
||||||
version: '4.3'
|
|
||||||
},
|
|
||||||
'SL_ANDROID4.4': {
|
|
||||||
base: 'SauceLabs',
|
|
||||||
browserName: 'android',
|
|
||||||
platform: 'Linux',
|
|
||||||
version: '4.4'
|
|
||||||
},
|
|
||||||
'SL_ANDROID5': {
|
|
||||||
base: 'SauceLabs',
|
|
||||||
browserName: 'android',
|
|
||||||
platform: 'Linux',
|
|
||||||
version: '5.1'
|
|
||||||
},
|
|
||||||
|
|
||||||
'BS_CHROME': {
|
'BS_CHROME': {base: 'BrowserStack', browser: 'chrome', os: 'OS X', os_version: 'Yosemite'},
|
||||||
base: 'BrowserStack',
|
'BS_FIREFOX': {base: 'BrowserStack', browser: 'firefox', os: 'Windows', os_version: '10'},
|
||||||
browser: 'chrome',
|
'BS_SAFARI7': {base: 'BrowserStack', browser: 'safari', os: 'OS X', os_version: 'Mavericks'},
|
||||||
os: 'OS X',
|
'BS_SAFARI8': {base: 'BrowserStack', browser: 'safari', os: 'OS X', os_version: 'Yosemite'},
|
||||||
os_version: 'Yosemite'
|
'BS_SAFARI9': {base: 'BrowserStack', browser: 'safari', os: 'OS X', os_version: 'El Capitan'},
|
||||||
},
|
'BS_SAFARI10': {base: 'BrowserStack', browser: 'safari', os: 'OS X', os_version: 'Sierra'},
|
||||||
'BS_FIREFOX': {
|
'BS_IOS7': {base: 'BrowserStack', device: 'iPhone 5S', os: 'ios', os_version: '7.0'},
|
||||||
base: 'BrowserStack',
|
'BS_IOS8': {base: 'BrowserStack', device: 'iPhone 6', os: 'ios', os_version: '8.3'},
|
||||||
browser: 'firefox',
|
'BS_IOS9': {base: 'BrowserStack', device: 'iPhone 6S', os: 'ios', os_version: '9.1'},
|
||||||
os: 'Windows',
|
'BS_IOS10': {base: 'BrowserStack', device: 'iPhone SE', os: 'ios', os_version: '10.0'},
|
||||||
os_version: '10'
|
'BS_IE9':
|
||||||
},
|
{base: 'BrowserStack', browser: 'ie', browser_version: '9.0', os: 'Windows', os_version: '7'},
|
||||||
'BS_SAFARI7': {
|
|
||||||
base: 'BrowserStack',
|
|
||||||
browser: 'safari',
|
|
||||||
os: 'OS X',
|
|
||||||
os_version: 'Mavericks'
|
|
||||||
},
|
|
||||||
'BS_SAFARI8': {
|
|
||||||
base: 'BrowserStack',
|
|
||||||
browser: 'safari',
|
|
||||||
os: 'OS X',
|
|
||||||
os_version: 'Yosemite'
|
|
||||||
},
|
|
||||||
'BS_SAFARI9': {
|
|
||||||
base: 'BrowserStack',
|
|
||||||
browser: 'safari',
|
|
||||||
os: 'OS X',
|
|
||||||
os_version: 'El Capitan'
|
|
||||||
},
|
|
||||||
'BS_IOS7': {
|
|
||||||
base: 'BrowserStack',
|
|
||||||
device: 'iPhone 5S',
|
|
||||||
os: 'ios',
|
|
||||||
os_version: '7.0'
|
|
||||||
},
|
|
||||||
'BS_IOS8': {
|
|
||||||
base: 'BrowserStack',
|
|
||||||
device: 'iPhone 6',
|
|
||||||
os: 'ios',
|
|
||||||
os_version: '8.3'
|
|
||||||
},
|
|
||||||
'BS_IOS9': {
|
|
||||||
base: 'BrowserStack',
|
|
||||||
device: 'iPhone 6S',
|
|
||||||
os: 'ios',
|
|
||||||
os_version: '9.1'
|
|
||||||
},
|
|
||||||
'BS_IE9': {
|
|
||||||
base: 'BrowserStack',
|
|
||||||
browser: 'ie',
|
|
||||||
browser_version: '9.0',
|
|
||||||
os: 'Windows',
|
|
||||||
os_version: '7'
|
|
||||||
},
|
|
||||||
'BS_IE10': {
|
'BS_IE10': {
|
||||||
base: 'BrowserStack',
|
base: 'BrowserStack',
|
||||||
browser: 'ie',
|
browser: 'ie',
|
||||||
@ -225,58 +107,35 @@ var customLaunchers = {
|
|||||||
os: 'Windows',
|
os: 'Windows',
|
||||||
os_version: '10'
|
os_version: '10'
|
||||||
},
|
},
|
||||||
'BS_EDGE': {
|
'BS_EDGE': {base: 'BrowserStack', browser: 'edge', os: 'Windows', os_version: '10'},
|
||||||
base: 'BrowserStack',
|
'BS_WINDOWSPHONE':
|
||||||
browser: 'edge',
|
{base: 'BrowserStack', device: 'Nokia Lumia 930', os: 'winphone', os_version: '8.1'},
|
||||||
os: 'Windows',
|
'BS_ANDROID5': {base: 'BrowserStack', device: 'Google Nexus 5', os: 'android', os_version: '5.0'},
|
||||||
os_version: '10'
|
'BS_ANDROID4.4': {base: 'BrowserStack', device: 'HTC One M8', os: 'android', os_version: '4.4'},
|
||||||
},
|
'BS_ANDROID4.3':
|
||||||
'BS_WINDOWSPHONE' : {
|
{base: 'BrowserStack', device: 'Samsung Galaxy S4', os: 'android', os_version: '4.3'},
|
||||||
base: 'BrowserStack',
|
'BS_ANDROID4.2':
|
||||||
device: 'Nokia Lumia 930',
|
{base: 'BrowserStack', device: 'Google Nexus 4', os: 'android', os_version: '4.2'},
|
||||||
os: 'winphone',
|
'BS_ANDROID4.1':
|
||||||
os_version: '8.1'
|
{base: 'BrowserStack', device: 'Google Nexus 7', os: 'android', os_version: '4.1'}
|
||||||
},
|
|
||||||
'BS_ANDROID5': {
|
|
||||||
base: 'BrowserStack',
|
|
||||||
device: 'Google Nexus 5',
|
|
||||||
os: 'android',
|
|
||||||
os_version: '5.0'
|
|
||||||
},
|
|
||||||
'BS_ANDROID4.4': {
|
|
||||||
base: 'BrowserStack',
|
|
||||||
device: 'HTC One M8',
|
|
||||||
os: 'android',
|
|
||||||
os_version: '4.4'
|
|
||||||
},
|
|
||||||
'BS_ANDROID4.3': {
|
|
||||||
base: 'BrowserStack',
|
|
||||||
device: 'Samsung Galaxy S4',
|
|
||||||
os: 'android',
|
|
||||||
os_version: '4.3'
|
|
||||||
},
|
|
||||||
'BS_ANDROID4.2': {
|
|
||||||
base: 'BrowserStack',
|
|
||||||
device: 'Google Nexus 4',
|
|
||||||
os: 'android',
|
|
||||||
os_version: '4.2'
|
|
||||||
},
|
|
||||||
'BS_ANDROID4.1': {
|
|
||||||
base: 'BrowserStack',
|
|
||||||
device: 'Google Nexus 7',
|
|
||||||
os: 'android',
|
|
||||||
os_version: '4.1'
|
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
var sauceAliases = {
|
var sauceAliases = {
|
||||||
'ALL': Object.keys(customLaunchers).filter(function(item) {return customLaunchers[item].base == 'SauceLabs';}),
|
'ALL': Object.keys(customLaunchers).filter(function(item) {
|
||||||
'DESKTOP': ['SL_CHROME', 'SL_FIREFOX', 'SL_IE9', 'SL_IE10', 'SL_IE11', 'SL_EDGE', 'SL_SAFARI7', 'SL_SAFARI8', 'SL_SAFARI9'],
|
return customLaunchers[item].base == 'SauceLabs';
|
||||||
'MOBILE': ['SL_ANDROID4.1', 'SL_ANDROID4.2', 'SL_ANDROID4.3', 'SL_ANDROID4.4', 'SL_ANDROID5', 'SL_IOS7', 'SL_IOS8', 'SL_IOS9'],
|
}),
|
||||||
|
'DESKTOP': [
|
||||||
|
'SL_CHROME', 'SL_FIREFOX', 'SL_IE9', 'SL_IE10', 'SL_IE11', 'SL_EDGE', 'SL_SAFARI7',
|
||||||
|
'SL_SAFARI8', 'SL_SAFARI9', 'SL_SAFARI10'
|
||||||
|
],
|
||||||
|
'MOBILE': [
|
||||||
|
'SL_ANDROID4.1', 'SL_ANDROID4.2', 'SL_ANDROID4.3', 'SL_ANDROID4.4', 'SL_ANDROID5', 'SL_IOS7',
|
||||||
|
'SL_IOS8', 'SL_IOS9', 'SL_IOS10'
|
||||||
|
],
|
||||||
'ANDROID': ['SL_ANDROID4.1', 'SL_ANDROID4.2', 'SL_ANDROID4.3', 'SL_ANDROID4.4', 'SL_ANDROID5'],
|
'ANDROID': ['SL_ANDROID4.1', 'SL_ANDROID4.2', 'SL_ANDROID4.3', 'SL_ANDROID4.4', 'SL_ANDROID5'],
|
||||||
'IE': ['SL_IE9', 'SL_IE10', 'SL_IE11'],
|
'IE': ['SL_IE9', 'SL_IE10', 'SL_IE11'],
|
||||||
'IOS': ['SL_IOS7', 'SL_IOS8', 'SL_IOS9'],
|
'IOS': ['SL_IOS7', 'SL_IOS8', 'SL_IOS9', 'SL_IOS10'],
|
||||||
'SAFARI': ['SL_SAFARI7', 'SL_SAFARI8', 'SL_SAFARI9'],
|
'SAFARI': ['SL_SAFARI7', 'SL_SAFARI8', 'SL_SAFARI9', 'SL_SAFARI10'],
|
||||||
'BETA': ['SL_CHROMEBETA', 'SL_FIREFOXBETA'],
|
'BETA': ['SL_CHROMEBETA', 'SL_FIREFOXBETA'],
|
||||||
'DEV': ['SL_CHROMEDEV', 'SL_FIREFOXDEV'],
|
'DEV': ['SL_CHROMEDEV', 'SL_FIREFOXDEV'],
|
||||||
'CI_REQUIRED': buildConfiguration('unitTest', 'SL', true),
|
'CI_REQUIRED': buildConfiguration('unitTest', 'SL', true),
|
||||||
@ -284,13 +143,20 @@ var sauceAliases = {
|
|||||||
};
|
};
|
||||||
|
|
||||||
var browserstackAliases = {
|
var browserstackAliases = {
|
||||||
'ALL': Object.keys(customLaunchers).filter(function(item) {return customLaunchers[item].base == 'BrowserStack';}),
|
'ALL': Object.keys(customLaunchers).filter(function(item) {
|
||||||
'DESKTOP': ['BS_CHROME', 'BS_FIREFOX', 'BS_IE9', 'BS_IE10', 'BS_IE11', 'BS_EDGE', 'BS_SAFARI7', 'BS_SAFARI8', 'BS_SAFARI9'],
|
return customLaunchers[item].base == 'BrowserStack';
|
||||||
'MOBILE': ['BS_ANDROID4.3', 'BS_ANDROID4.4', 'BS_IOS7', 'BS_IOS8', 'BS_IOS9', 'BS_WINDOWSPHONE'],
|
}),
|
||||||
|
'DESKTOP': [
|
||||||
|
'BS_CHROME', 'BS_FIREFOX', 'BS_IE9', 'BS_IE10', 'BS_IE11', 'BS_EDGE', 'BS_SAFARI7',
|
||||||
|
'BS_SAFARI8', 'BS_SAFARI9', 'BS_SAFARI10'
|
||||||
|
],
|
||||||
|
'MOBILE': [
|
||||||
|
'BS_ANDROID4.3', 'BS_ANDROID4.4', 'BS_IOS7', 'BS_IOS8', 'BS_IOS9', 'BS_IOS10', 'BS_WINDOWSPHONE'
|
||||||
|
],
|
||||||
'ANDROID': ['BS_ANDROID4.3', 'BS_ANDROID4.4'],
|
'ANDROID': ['BS_ANDROID4.3', 'BS_ANDROID4.4'],
|
||||||
'IE': ['BS_IE9', 'BS_IE10', 'BS_IE11'],
|
'IE': ['BS_IE9', 'BS_IE10', 'BS_IE11'],
|
||||||
'IOS': ['BS_IOS7', 'BS_IOS8', 'BS_IOS9'],
|
'IOS': ['BS_IOS7', 'BS_IOS8', 'BS_IOS9', 'BS_IOS10'],
|
||||||
'SAFARI': ['BS_SAFARI7', 'BS_SAFARI8', 'BS_SAFARI9'],
|
'SAFARI': ['BS_SAFARI7', 'BS_SAFARI8', 'BS_SAFARI9', 'BS_SAFARI10'],
|
||||||
'CI_REQUIRED': buildConfiguration('unitTest', 'BS', true),
|
'CI_REQUIRED': buildConfiguration('unitTest', 'BS', true),
|
||||||
'CI_OPTIONAL': buildConfiguration('unitTest', 'BS', false)
|
'CI_OPTIONAL': buildConfiguration('unitTest', 'BS', false)
|
||||||
};
|
};
|
||||||
@ -303,11 +169,9 @@ module.exports = {
|
|||||||
|
|
||||||
function buildConfiguration(type, target, required) {
|
function buildConfiguration(type, target, required) {
|
||||||
return Object.keys(CIconfiguration)
|
return Object.keys(CIconfiguration)
|
||||||
.filter((item) => {
|
.filter((item) => {
|
||||||
var conf = CIconfiguration[item][type];
|
var conf = CIconfiguration[item][type];
|
||||||
return conf.required === required && conf.target === target;
|
return conf.required === required && conf.target === target;
|
||||||
})
|
})
|
||||||
.map((item) => {
|
.map((item) => target + '_' + item.toUpperCase());
|
||||||
return target + '_' + item.toUpperCase();
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
|
1
build.sh
1
build.sh
@ -110,6 +110,7 @@ do
|
|||||||
$TSC -p ${SRCDIR}/tsconfig-build.json
|
$TSC -p ${SRCDIR}/tsconfig-build.json
|
||||||
|
|
||||||
cp ${SRCDIR}/package.json ${DESTDIR}/
|
cp ${SRCDIR}/package.json ${DESTDIR}/
|
||||||
|
cp ${PWD}/modules/@angular/README.md ${DESTDIR}/
|
||||||
|
|
||||||
if [[ -e ${SRCDIR}/tsconfig-testing.json ]]; then
|
if [[ -e ${SRCDIR}/tsconfig-testing.json ]]; then
|
||||||
echo "====== COMPILING TESTING: ${TSC} -p ${SRCDIR}/tsconfig-testing.json"
|
echo "====== COMPILING TESTING: ${TSC} -p ${SRCDIR}/tsconfig-testing.json"
|
||||||
|
192
gulpfile.js
192
gulpfile.js
@ -1,31 +1,51 @@
|
|||||||
|
/**
|
||||||
|
* @license
|
||||||
|
* Copyright Google Inc. All Rights Reserved.
|
||||||
|
*
|
||||||
|
* Use of this source code is governed by an MIT-style license that can be
|
||||||
|
* found in the LICENSE file at https://angular.io/license
|
||||||
|
*/
|
||||||
|
|
||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
// THIS CHECK SHOULD BE THE FIRST THING IN THIS FILE
|
// THIS CHECK SHOULD BE THE FIRST THING IN THIS FILE
|
||||||
// This is to ensure that we catch env issues before we error while requiring other dependencies.
|
// This is to ensure that we catch env issues before we error while requiring other dependencies.
|
||||||
require('./tools/check-environment')(
|
require('./tools/check-environment')({
|
||||||
{requiredNpmVersion: '>=3.5.3 <4.0.0', requiredNodeVersion: '>=5.4.1 <6.0.0'});
|
requiredNpmVersion: '>=3.5.3 <4.0.0',
|
||||||
|
requiredNodeVersion: '>=5.4.1 <7.0.0',
|
||||||
|
});
|
||||||
|
|
||||||
const gulp = require('gulp');
|
const gulp = require('gulp');
|
||||||
const path = require('path');
|
const path = require('path');
|
||||||
const os = require('os');
|
const os = require('os');
|
||||||
|
|
||||||
const srcsToFmt =
|
// clang-format entry points
|
||||||
['tools/**/*.ts', 'modules/@angular/**/*.ts', '!tools/public_api_guard/**/*.d.ts',
|
const srcsToFmt = [
|
||||||
'modules/playground/**/*.ts', 'modules/benchmarks/**/*.ts', 'modules/e2e_util/**/*.ts'];
|
'modules/@angular/**/*.{js,ts}',
|
||||||
|
'modules/benchmarks/**/*.{js,ts}',
|
||||||
|
'modules/e2e_util/**/*.{js,ts}',
|
||||||
|
'modules/playground/**/*.{js,ts}',
|
||||||
|
'tools/**/*.{js,ts}',
|
||||||
|
'!tools/public_api_guard/**/*.d.ts',
|
||||||
|
'./*.{js,ts}',
|
||||||
|
'!shims_for_IE.js',
|
||||||
|
];
|
||||||
|
|
||||||
|
// Check source code for formatting errors (clang-format)
|
||||||
gulp.task('format:enforce', () => {
|
gulp.task('format:enforce', () => {
|
||||||
const format = require('gulp-clang-format');
|
const format = require('gulp-clang-format');
|
||||||
const clangFormat = require('clang-format');
|
const clangFormat = require('clang-format');
|
||||||
return gulp.src(srcsToFmt).pipe(
|
return gulp.src(srcsToFmt).pipe(
|
||||||
format.checkFormat('file', clangFormat, {verbose: true, fail: true}));
|
format.checkFormat('file', clangFormat, {verbose: true, fail: true}));
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// Format the source code with clang-format (see .clang-format)
|
||||||
gulp.task('format', () => {
|
gulp.task('format', () => {
|
||||||
const format = require('gulp-clang-format');
|
const format = require('gulp-clang-format');
|
||||||
const clangFormat = require('clang-format');
|
const clangFormat = require('clang-format');
|
||||||
return gulp.src(srcsToFmt, { base: '.' }).pipe(
|
return gulp.src(srcsToFmt, {base: '.'})
|
||||||
format.format('file', clangFormat)).pipe(gulp.dest('.'));
|
.pipe(format.format('file', clangFormat))
|
||||||
|
.pipe(gulp.dest('.'));
|
||||||
});
|
});
|
||||||
|
|
||||||
const entrypoints = [
|
const entrypoints = [
|
||||||
@ -49,78 +69,110 @@ const entrypoints = [
|
|||||||
'dist/packages-dist/http/index.d.ts',
|
'dist/packages-dist/http/index.d.ts',
|
||||||
'dist/packages-dist/http/testing/index.d.ts',
|
'dist/packages-dist/http/testing/index.d.ts',
|
||||||
'dist/packages-dist/forms/index.d.ts',
|
'dist/packages-dist/forms/index.d.ts',
|
||||||
'dist/packages-dist/router/index.d.ts'
|
'dist/packages-dist/router/index.d.ts',
|
||||||
];
|
];
|
||||||
const publicApiDir = path.normalize('tools/public_api_guard');
|
const publicApiDir = path.normalize('tools/public_api_guard');
|
||||||
const publicApiArgs = [
|
const publicApiArgs = [
|
||||||
'--rootDir', 'dist/packages-dist',
|
'--rootDir',
|
||||||
'--stripExportPattern', '^__',
|
'dist/packages-dist',
|
||||||
'--allowModuleIdentifiers', 'jasmine',
|
'--stripExportPattern',
|
||||||
'--allowModuleIdentifiers', 'protractor',
|
'^__',
|
||||||
'--allowModuleIdentifiers', 'angular',
|
'--allowModuleIdentifiers',
|
||||||
'--onStabilityMissing', 'error'
|
'jasmine',
|
||||||
|
'--allowModuleIdentifiers',
|
||||||
|
'protractor',
|
||||||
|
'--allowModuleIdentifiers',
|
||||||
|
'angular',
|
||||||
|
'--onStabilityMissing',
|
||||||
|
'error',
|
||||||
].concat(entrypoints);
|
].concat(entrypoints);
|
||||||
|
|
||||||
|
// Build angular
|
||||||
gulp.task('build.sh', (done) => {
|
gulp.task('build.sh', (done) => {
|
||||||
const childProcess = require('child_process');
|
const childProcess = require('child_process');
|
||||||
|
|
||||||
childProcess.exec(path.join(__dirname, 'build.sh'), error => done(error));
|
childProcess.exec(path.join(__dirname, 'build.sh'), done);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// Enforce that the public API matches the golden files
|
||||||
// Note that these two commands work on built d.ts files instead of the source
|
// Note that these two commands work on built d.ts files instead of the source
|
||||||
gulp.task('public-api:enforce', (done) => {
|
gulp.task('public-api:enforce', (done) => {
|
||||||
const childProcess = require('child_process');
|
const childProcess = require('child_process');
|
||||||
|
|
||||||
childProcess
|
childProcess
|
||||||
.spawn(
|
.spawn(
|
||||||
path.join(__dirname, `/node_modules/.bin/ts-api-guardian${/^win/.test(os.platform()) ? '.cmd' : ''}`),
|
path.join(__dirname, platformScriptPath(`/node_modules/.bin/ts-api-guardian`)),
|
||||||
['--verifyDir', publicApiDir].concat(publicApiArgs), {stdio: 'inherit'})
|
['--verifyDir', publicApiDir].concat(publicApiArgs), {stdio: 'inherit'})
|
||||||
.on('close', (errorCode) => {
|
.on('close', (errorCode) => {
|
||||||
if (errorCode !== 0) {
|
if (errorCode !== 0) {
|
||||||
done(new Error(
|
done(new Error(
|
||||||
'Public API differs from golden file. Please run `gulp public-api:update`.'));
|
'Public API differs from golden file. Please run `gulp public-api:update`.'));
|
||||||
} else {
|
} else {
|
||||||
done();
|
done();
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// Generate the public API golden files
|
||||||
gulp.task('public-api:update', ['build.sh'], (done) => {
|
gulp.task('public-api:update', ['build.sh'], (done) => {
|
||||||
const childProcess = require('child_process');
|
const childProcess = require('child_process');
|
||||||
|
|
||||||
childProcess
|
childProcess
|
||||||
.spawn(
|
.spawn(
|
||||||
path.join(__dirname, `/node_modules/.bin/ts-api-guardian${/^win/.test(os.platform()) ? '.cmd' : ''}`),
|
path.join(__dirname, platformScriptPath(`/node_modules/.bin/ts-api-guardian`)),
|
||||||
['--outDir', publicApiDir].concat(publicApiArgs), {stdio: 'inherit'})
|
['--outDir', publicApiDir].concat(publicApiArgs), {stdio: 'inherit'})
|
||||||
.on('close', (errorCode) => done(errorCode));
|
.on('close', done);
|
||||||
});
|
});
|
||||||
|
|
||||||
gulp.task('lint', ['format:enforce', 'tools:build'], () => {
|
// Checks tests for presence of ddescribe, fdescribe, fit, iit and fails the build if one of the
|
||||||
|
// focused tests is found.
|
||||||
|
// Currently xdescribe and xit are _not_ reported as errors since there are a couple of excluded
|
||||||
|
// tests in our code base.
|
||||||
|
gulp.task('check-tests', function() {
|
||||||
|
const ddescribeIit = require('gulp-ddescribe-iit');
|
||||||
|
return gulp
|
||||||
|
.src([
|
||||||
|
'modules/**/*.spec.ts',
|
||||||
|
'modules/**/*_spec.ts',
|
||||||
|
])
|
||||||
|
.pipe(ddescribeIit({allowDisabledTests: true}));
|
||||||
|
});
|
||||||
|
|
||||||
|
// Check the coding standards and programming errors
|
||||||
|
gulp.task('lint', ['check-tests', 'format:enforce', 'tools:build'], () => {
|
||||||
const tslint = require('gulp-tslint');
|
const tslint = require('gulp-tslint');
|
||||||
// Built-in rules are at
|
// Built-in rules are at
|
||||||
// https://github.com/palantir/tslint#supported-rules
|
// https://github.com/palantir/tslint#supported-rules
|
||||||
const tslintConfig = require('./tslint.json');
|
const tslintConfig = require('./tslint.json');
|
||||||
return gulp.src(['modules/@angular/**/*.ts', 'modules/benchpress/**/*.ts'])
|
return gulp
|
||||||
.pipe(tslint({
|
.src([
|
||||||
tslint: require('tslint').default,
|
// todo(vicb): add .js files when supported
|
||||||
configuration: tslintConfig,
|
// see https://github.com/palantir/tslint/pull/1515
|
||||||
rulesDirectory: 'dist/tools/tslint',
|
'modules/@angular/**/*.ts',
|
||||||
formatter: 'prose'
|
'modules/benchpress/**/*.ts',
|
||||||
}))
|
'./*.ts',
|
||||||
.pipe(tslint.report({emitError: true}));
|
])
|
||||||
|
.pipe(tslint({
|
||||||
|
tslint: require('tslint').default,
|
||||||
|
configuration: tslintConfig,
|
||||||
|
rulesDirectory: 'dist/tools/tslint',
|
||||||
|
formatter: 'prose',
|
||||||
|
}))
|
||||||
|
.pipe(tslint.report({emitError: true}));
|
||||||
});
|
});
|
||||||
|
|
||||||
gulp.task('tools:build', (done) => { tsc('tools/', done); });
|
gulp.task('tools:build', (done) => { tsc('tools/', done); });
|
||||||
|
|
||||||
|
// Check for circular dependency in the source code
|
||||||
gulp.task('check-cycle', (done) => {
|
gulp.task('check-cycle', (done) => {
|
||||||
const madge = require('madge');
|
const madge = require('madge');
|
||||||
|
|
||||||
var dependencyObject = madge(['dist/all/'], {
|
const dependencyObject = madge(['dist/all/'], {
|
||||||
format: 'cjs',
|
format: 'cjs',
|
||||||
extensions: ['.js'],
|
extensions: ['.js'],
|
||||||
onParseFile: function(data) { data.src = data.src.replace(/\/\* circular \*\//g, "//"); }
|
onParseFile: function(data) { data.src = data.src.replace(/\/\* circular \*\//g, '//'); }
|
||||||
});
|
});
|
||||||
var circularDependencies = dependencyObject.circular().getArray();
|
const circularDependencies = dependencyObject.circular().getArray();
|
||||||
if (circularDependencies.length > 0) {
|
if (circularDependencies.length > 0) {
|
||||||
console.log('Found circular dependencies!');
|
console.log('Found circular dependencies!');
|
||||||
console.log(circularDependencies);
|
console.log(circularDependencies);
|
||||||
@ -129,47 +181,47 @@ gulp.task('check-cycle', (done) => {
|
|||||||
done();
|
done();
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// Serve the built files
|
||||||
gulp.task('serve', () => {
|
gulp.task('serve', () => {
|
||||||
let connect = require('gulp-connect');
|
const connect = require('gulp-connect');
|
||||||
let cors = require('cors');
|
const cors = require('cors');
|
||||||
|
|
||||||
connect.server({
|
connect.server({
|
||||||
root: `${__dirname}/dist`,
|
root: `${__dirname}/dist`,
|
||||||
port: 8000,
|
port: 8000,
|
||||||
livereload: false,
|
livereload: false,
|
||||||
open: false,
|
open: false,
|
||||||
middleware: (connect, opt) => [cors()]
|
middleware: (connect, opt) => [cors()],
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// Serve the examples
|
||||||
gulp.task('serve-examples', () => {
|
gulp.task('serve-examples', () => {
|
||||||
let connect = require('gulp-connect');
|
const connect = require('gulp-connect');
|
||||||
let cors = require('cors');
|
const cors = require('cors');
|
||||||
|
|
||||||
connect.server({
|
connect.server({
|
||||||
root: `${__dirname}/dist/examples`,
|
root: `${__dirname}/dist/examples`,
|
||||||
port: 8001,
|
port: 8001,
|
||||||
livereload: false,
|
livereload: false,
|
||||||
open: false,
|
open: false,
|
||||||
middleware: (connect, opt) => [cors()]
|
middleware: (connect, opt) => [cors()],
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
// Update the changelog with the latest changes
|
||||||
gulp.task('changelog', () => {
|
gulp.task('changelog', () => {
|
||||||
const conventionalChangelog = require('gulp-conventional-changelog');
|
const conventionalChangelog = require('gulp-conventional-changelog');
|
||||||
|
|
||||||
return gulp.src('CHANGELOG.md')
|
return gulp.src('CHANGELOG.md')
|
||||||
.pipe(conventionalChangelog({
|
.pipe(conventionalChangelog({preset: 'angular', releaseCount: 1}, {
|
||||||
preset: 'angular',
|
// Conventional Changelog Context
|
||||||
releaseCount: 1
|
// We have to manually set version number so it doesn't get prefixed with `v`
|
||||||
}, {
|
// See https://github.com/conventional-changelog/conventional-changelog-core/issues/10
|
||||||
// Conventional Changelog Context
|
currentTag: require('./package.json').version
|
||||||
// We have to manually set version number so it doesn't get prefixed with `v`
|
}))
|
||||||
// See https://github.com/conventional-changelog/conventional-changelog-core/issues/10
|
.pipe(gulp.dest('./'));
|
||||||
currentTag: require('./package.json').version
|
|
||||||
}))
|
|
||||||
.pipe(gulp.dest('./'));
|
|
||||||
});
|
});
|
||||||
|
|
||||||
function tsc(projectPath, done) {
|
function tsc(projectPath, done) {
|
||||||
@ -177,8 +229,12 @@ function tsc(projectPath, done) {
|
|||||||
|
|
||||||
childProcess
|
childProcess
|
||||||
.spawn(
|
.spawn(
|
||||||
path.normalize(`${__dirname}/node_modules/.bin/tsc`) + (/^win/.test(os.platform()) ? '.cmd' : ''),
|
path.normalize(platformScriptPath(`${__dirname}/node_modules/.bin/tsc`)),
|
||||||
['-p', path.join(__dirname, projectPath)],
|
['-p', path.join(__dirname, projectPath)], {stdio: 'inherit'})
|
||||||
{stdio: 'inherit'})
|
.on('close', done);
|
||||||
.on('close', (errorCode) => done(errorCode));
|
}
|
||||||
|
|
||||||
|
// returns the script path for the current platform
|
||||||
|
function platformScriptPath(path) {
|
||||||
|
return /^win/.test(os.platform()) ? `${path}.cmd` : path;
|
||||||
}
|
}
|
||||||
|
@ -1,3 +1,11 @@
|
|||||||
|
/**
|
||||||
|
* @license
|
||||||
|
* Copyright Google Inc. All Rights Reserved.
|
||||||
|
*
|
||||||
|
* Use of this source code is governed by an MIT-style license that can be
|
||||||
|
* found in the LICENSE file at https://angular.io/license
|
||||||
|
*/
|
||||||
|
|
||||||
var browserProvidersConf = require('./browser-providers.conf.js');
|
var browserProvidersConf = require('./browser-providers.conf.js');
|
||||||
var internalAngularReporter = require('./tools/karma/reporter.js');
|
var internalAngularReporter = require('./tools/karma/reporter.js');
|
||||||
|
|
||||||
@ -17,24 +25,25 @@ module.exports = function(config) {
|
|||||||
// include Angular v1 for upgrade module testing
|
// include Angular v1 for upgrade module testing
|
||||||
'node_modules/angular/angular.min.js',
|
'node_modules/angular/angular.min.js',
|
||||||
|
|
||||||
'node_modules/zone.js/dist/zone.js',
|
'node_modules/zone.js/dist/zone.js', 'node_modules/zone.js/dist/long-stack-trace-zone.js',
|
||||||
'node_modules/zone.js/dist/long-stack-trace-zone.js',
|
'node_modules/zone.js/dist/proxy.js', 'node_modules/zone.js/dist/sync-test.js',
|
||||||
'node_modules/zone.js/dist/proxy.js',
|
'node_modules/zone.js/dist/jasmine-patch.js', 'node_modules/zone.js/dist/async-test.js',
|
||||||
'node_modules/zone.js/dist/sync-test.js',
|
|
||||||
'node_modules/zone.js/dist/jasmine-patch.js',
|
|
||||||
'node_modules/zone.js/dist/async-test.js',
|
|
||||||
'node_modules/zone.js/dist/fake-async-test.js',
|
'node_modules/zone.js/dist/fake-async-test.js',
|
||||||
|
|
||||||
// Including systemjs because it defines `__eval`, which produces correct stack traces.
|
// Including systemjs because it defines `__eval`, which produces correct stack traces.
|
||||||
'shims_for_IE.js',
|
'shims_for_IE.js', 'node_modules/systemjs/dist/system.src.js',
|
||||||
'node_modules/systemjs/dist/system.src.js',
|
|
||||||
{pattern: 'node_modules/rxjs/**', included: false, watched: false, served: true},
|
{pattern: 'node_modules/rxjs/**', included: false, watched: false, served: true},
|
||||||
'node_modules/reflect-metadata/Reflect.js',
|
'node_modules/reflect-metadata/Reflect.js', 'tools/build/file2modulename.js', 'test-main.js',
|
||||||
'tools/build/file2modulename.js',
|
{pattern: 'dist/all/empty.*', included: false, watched: false}, {
|
||||||
'test-main.js',
|
pattern: 'modules/@angular/platform-browser/test/static_assets/**',
|
||||||
{pattern: 'dist/all/empty.*', included: false, watched: false},
|
included: false,
|
||||||
{pattern: 'modules/@angular/platform-browser/test/static_assets/**', included: false, watched: false},
|
watched: false
|
||||||
{pattern: 'modules/@angular/platform-browser/test/browser/static_assets/**', included: false, watched: false}
|
},
|
||||||
|
{
|
||||||
|
pattern: 'modules/@angular/platform-browser/test/browser/static_assets/**',
|
||||||
|
included: false,
|
||||||
|
watched: false,
|
||||||
|
}
|
||||||
],
|
],
|
||||||
|
|
||||||
exclude: [
|
exclude: [
|
||||||
@ -44,7 +53,7 @@ module.exports = function(config) {
|
|||||||
'dist/all/@angular/benchpress/**',
|
'dist/all/@angular/benchpress/**',
|
||||||
'dist/all/angular1_router.js',
|
'dist/all/angular1_router.js',
|
||||||
'dist/all/@angular/platform-browser/testing/e2e_util.js',
|
'dist/all/@angular/platform-browser/testing/e2e_util.js',
|
||||||
'dist/examples/**/e2e_test/**'
|
'dist/examples/**/e2e_test/**',
|
||||||
],
|
],
|
||||||
|
|
||||||
customLaunchers: browserProvidersConf.customLaunchers,
|
customLaunchers: browserProvidersConf.customLaunchers,
|
||||||
@ -55,11 +64,11 @@ module.exports = function(config) {
|
|||||||
'karma-sauce-launcher',
|
'karma-sauce-launcher',
|
||||||
'karma-chrome-launcher',
|
'karma-chrome-launcher',
|
||||||
'karma-sourcemap-loader',
|
'karma-sourcemap-loader',
|
||||||
internalAngularReporter
|
internalAngularReporter,
|
||||||
],
|
],
|
||||||
|
|
||||||
preprocessors: {
|
preprocessors: {
|
||||||
'**/*.js': ['sourcemap']
|
'**/*.js': ['sourcemap'],
|
||||||
},
|
},
|
||||||
|
|
||||||
reporters: ['internal-angular'],
|
reporters: ['internal-angular'],
|
||||||
@ -73,7 +82,7 @@ module.exports = function(config) {
|
|||||||
'selenium-version': '2.53.0',
|
'selenium-version': '2.53.0',
|
||||||
'command-timeout': 600,
|
'command-timeout': 600,
|
||||||
'idle-timeout': 600,
|
'idle-timeout': 600,
|
||||||
'max-duration': 5400
|
'max-duration': 5400,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
@ -82,20 +91,21 @@ module.exports = function(config) {
|
|||||||
startTunnel: false,
|
startTunnel: false,
|
||||||
retryLimit: 3,
|
retryLimit: 3,
|
||||||
timeout: 600,
|
timeout: 600,
|
||||||
pollingTimeout: 10000
|
pollingTimeout: 10000,
|
||||||
},
|
},
|
||||||
|
|
||||||
browsers: ['Chrome'],
|
browsers: ['Chrome'],
|
||||||
|
|
||||||
port: 9876,
|
port: 9876,
|
||||||
captureTimeout: 60000,
|
captureTimeout: 60000,
|
||||||
browserDisconnectTimeout : 60000,
|
browserDisconnectTimeout: 60000,
|
||||||
browserDisconnectTolerance : 3,
|
browserDisconnectTolerance: 3,
|
||||||
browserNoActivityTimeout : 60000,
|
browserNoActivityTimeout: 60000,
|
||||||
});
|
});
|
||||||
|
|
||||||
if (process.env.TRAVIS) {
|
if (process.env.TRAVIS) {
|
||||||
var buildId = 'TRAVIS #' + process.env.TRAVIS_BUILD_NUMBER + ' (' + process.env.TRAVIS_BUILD_ID + ')';
|
var buildId =
|
||||||
|
'TRAVIS #' + process.env.TRAVIS_BUILD_NUMBER + ' (' + process.env.TRAVIS_BUILD_ID + ')';
|
||||||
if (process.env.CI_MODE.startsWith('saucelabs')) {
|
if (process.env.CI_MODE.startsWith('saucelabs')) {
|
||||||
config.sauceLabs.build = buildId;
|
config.sauceLabs.build = buildId;
|
||||||
config.sauceLabs.tunnelIdentifier = process.env.TRAVIS_JOB_NUMBER;
|
config.sauceLabs.tunnelIdentifier = process.env.TRAVIS_JOB_NUMBER;
|
||||||
|
@ -1,15 +0,0 @@
|
|||||||
Angular2
|
|
||||||
=========
|
|
||||||
|
|
||||||
The sources for this package are in the main [Angular2](https://github.com/angular/angular) repo. Please file issues and pull requests against that repo. This is the repository for the upcoming 2.0 version. If you're looking for the current official version of Angular you should go to [angular/angular.js](https://github.com/angular/angular.js)
|
|
||||||
|
|
||||||
This package contains different sources for different users:
|
|
||||||
|
|
||||||
1. The files located in the root folder can be consumed using CommonJS.
|
|
||||||
2. The files under `/es6` are es6 compatible files that can be transpiled to
|
|
||||||
es5 using any transpiler. This contains:
|
|
||||||
* `dev/`: a development version that includes runtime type assertions
|
|
||||||
* `prod/`: a production version that does not include runtime type assertions
|
|
||||||
3. The files under `/ts` are the TypeScript source files.
|
|
||||||
|
|
||||||
License: Apache MIT 2.0
|
|
6
modules/@angular/README.md
Normal file
6
modules/@angular/README.md
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
Angular
|
||||||
|
=======
|
||||||
|
|
||||||
|
The sources for this package are in the main [Angular](https://github.com/angular/angular) repo. Please file issues and pull requests against that repo.
|
||||||
|
|
||||||
|
License: MIT
|
@ -9,8 +9,6 @@
|
|||||||
import {OpaqueToken} from '@angular/core';
|
import {OpaqueToken} from '@angular/core';
|
||||||
import * as fs from 'fs';
|
import * as fs from 'fs';
|
||||||
|
|
||||||
import {DateWrapper} from './facade/lang';
|
|
||||||
|
|
||||||
export class Options {
|
export class Options {
|
||||||
static SAMPLE_ID = new OpaqueToken('Options.sampleId');
|
static SAMPLE_ID = new OpaqueToken('Options.sampleId');
|
||||||
static DEFAULT_DESCRIPTION = new OpaqueToken('Options.defaultDescription');
|
static DEFAULT_DESCRIPTION = new OpaqueToken('Options.defaultDescription');
|
||||||
@ -34,7 +32,7 @@ export class Options {
|
|||||||
{provide: Options.FORCE_GC, useValue: false},
|
{provide: Options.FORCE_GC, useValue: false},
|
||||||
{provide: Options.PREPARE, useValue: Options.NO_PREPARE},
|
{provide: Options.PREPARE, useValue: Options.NO_PREPARE},
|
||||||
{provide: Options.MICRO_METRICS, useValue: {}}, {provide: Options.USER_METRICS, useValue: {}},
|
{provide: Options.MICRO_METRICS, useValue: {}}, {provide: Options.USER_METRICS, useValue: {}},
|
||||||
{provide: Options.NOW, useValue: () => DateWrapper.now()},
|
{provide: Options.NOW, useValue: () => new Date()},
|
||||||
{provide: Options.RECEIVED_DATA, useValue: false},
|
{provide: Options.RECEIVED_DATA, useValue: false},
|
||||||
{provide: Options.REQUEST_COUNT, useValue: false},
|
{provide: Options.REQUEST_COUNT, useValue: false},
|
||||||
{provide: Options.CAPTURE_FRAMES, useValue: false},
|
{provide: Options.CAPTURE_FRAMES, useValue: false},
|
||||||
|
@ -42,11 +42,11 @@ class Profiler {
|
|||||||
}
|
}
|
||||||
|
|
||||||
addStartEvent(name: string, timeStarted: number) {
|
addStartEvent(name: string, timeStarted: number) {
|
||||||
this._markerEvents.push({ph: 'b', ts: timeStarted - this._profilerStartTime, name: name});
|
this._markerEvents.push({ph: 'B', ts: timeStarted - this._profilerStartTime, name: name});
|
||||||
}
|
}
|
||||||
|
|
||||||
addEndEvent(name: string, timeEnded: number) {
|
addEndEvent(name: string, timeEnded: number) {
|
||||||
this._markerEvents.push({ph: 'e', ts: timeEnded - this._profilerStartTime, name: name});
|
this._markerEvents.push({ph: 'E', ts: timeEnded - this._profilerStartTime, name: name});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -6,18 +6,15 @@
|
|||||||
* found in the LICENSE file at https://angular.io/license
|
* found in the LICENSE file at https://angular.io/license
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import {Map} from './facade/collection';
|
|
||||||
import {Date, DateWrapper} from './facade/lang';
|
|
||||||
|
|
||||||
export class MeasureValues {
|
export class MeasureValues {
|
||||||
constructor(
|
constructor(
|
||||||
public runIndex: number, public timeStamp: Date, public values: {[key: string]: any}) {}
|
public runIndex: number, public timeStamp: Date, public values: {[key: string]: any}) {}
|
||||||
|
|
||||||
toJson() {
|
toJson() {
|
||||||
return {
|
return {
|
||||||
'timeStamp': DateWrapper.toJson(this.timeStamp),
|
'timeStamp': this.timeStamp.toJSON(),
|
||||||
'runIndex': this.runIndex,
|
'runIndex': this.runIndex,
|
||||||
'values': this.values
|
'values': this.values,
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -7,7 +7,6 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
import {Injector, OpaqueToken} from '@angular/core';
|
import {Injector, OpaqueToken} from '@angular/core';
|
||||||
import {StringMapWrapper} from '../facade/collection';
|
|
||||||
|
|
||||||
import {Metric} from '../metric';
|
import {Metric} from '../metric';
|
||||||
|
|
||||||
@ -57,8 +56,7 @@ export class MultiMetric extends Metric {
|
|||||||
|
|
||||||
function mergeStringMaps(maps: {[key: string]: string}[]): {[key: string]: string} {
|
function mergeStringMaps(maps: {[key: string]: string}[]): {[key: string]: string} {
|
||||||
var result: {[key: string]: string} = {};
|
var result: {[key: string]: string} = {};
|
||||||
maps.forEach(
|
maps.forEach(map => { Object.keys(map).forEach(prop => { result[prop] = map[prop]; }); });
|
||||||
map => { StringMapWrapper.forEach(map, (value, prop) => { result[prop] = value; }); });
|
|
||||||
return result;
|
return result;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -9,8 +9,6 @@
|
|||||||
import {Inject, Injectable, OpaqueToken} from '@angular/core';
|
import {Inject, Injectable, OpaqueToken} from '@angular/core';
|
||||||
|
|
||||||
import {Options} from '../common_options';
|
import {Options} from '../common_options';
|
||||||
import {ListWrapper, StringMapWrapper} from '../facade/collection';
|
|
||||||
import {Math, NumberWrapper, StringWrapper, isBlank, isPresent} from '../facade/lang';
|
|
||||||
import {Metric} from '../metric';
|
import {Metric} from '../metric';
|
||||||
import {PerfLogEvent, PerfLogFeatures, WebDriverExtension} from '../web_driver_extension';
|
import {PerfLogEvent, PerfLogFeatures, WebDriverExtension} from '../web_driver_extension';
|
||||||
|
|
||||||
@ -95,8 +93,9 @@ export class PerflogMetric extends Metric {
|
|||||||
res['frameTime.smooth'] = 'percentage of frames that hit 60fps';
|
res['frameTime.smooth'] = 'percentage of frames that hit 60fps';
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
StringMapWrapper.forEach(
|
for (let name in this._microMetrics) {
|
||||||
this._microMetrics, (desc, name) => { StringMapWrapper.set(res, name, desc); });
|
res[name] = this._microMetrics[name];
|
||||||
|
}
|
||||||
return res;
|
return res;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -126,8 +125,8 @@ export class PerflogMetric extends Metric {
|
|||||||
.then((_) => this._endMeasure(restartMeasure))
|
.then((_) => this._endMeasure(restartMeasure))
|
||||||
.then((forceGcMeasureValues) => {
|
.then((forceGcMeasureValues) => {
|
||||||
this._captureFrames = originalFrameCaptureValue;
|
this._captureFrames = originalFrameCaptureValue;
|
||||||
StringMapWrapper.set(measureValues, 'forcedGcTime', forceGcMeasureValues['gcTime']);
|
measureValues['forcedGcTime'] = forceGcMeasureValues['gcTime'];
|
||||||
StringMapWrapper.set(measureValues, 'forcedGcAmount', forceGcMeasureValues['gcAmount']);
|
measureValues['forcedGcAmount'] = forceGcMeasureValues['gcAmount'];
|
||||||
return measureValues;
|
return measureValues;
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
@ -152,7 +151,7 @@ export class PerflogMetric extends Metric {
|
|||||||
return this._driverExtension.readPerfLog().then((events) => {
|
return this._driverExtension.readPerfLog().then((events) => {
|
||||||
this._addEvents(events);
|
this._addEvents(events);
|
||||||
var result = this._aggregateEvents(this._remainingEvents, markName);
|
var result = this._aggregateEvents(this._remainingEvents, markName);
|
||||||
if (isPresent(result)) {
|
if (result) {
|
||||||
this._remainingEvents = events;
|
this._remainingEvents = events;
|
||||||
return result;
|
return result;
|
||||||
}
|
}
|
||||||
@ -166,14 +165,14 @@ export class PerflogMetric extends Metric {
|
|||||||
private _addEvents(events: PerfLogEvent[]) {
|
private _addEvents(events: PerfLogEvent[]) {
|
||||||
var needSort = false;
|
var needSort = false;
|
||||||
events.forEach(event => {
|
events.forEach(event => {
|
||||||
if (StringWrapper.equals(event['ph'], 'X')) {
|
if (event['ph'] === 'X') {
|
||||||
needSort = true;
|
needSort = true;
|
||||||
var startEvent: PerfLogEvent = {};
|
var startEvent: PerfLogEvent = {};
|
||||||
var endEvent: PerfLogEvent = {};
|
var endEvent: PerfLogEvent = {};
|
||||||
StringMapWrapper.forEach(event, (value, prop) => {
|
for (let prop in event) {
|
||||||
(<any>startEvent)[prop] = value;
|
startEvent[prop] = event[prop];
|
||||||
(<any>endEvent)[prop] = value;
|
endEvent[prop] = event[prop];
|
||||||
});
|
}
|
||||||
startEvent['ph'] = 'B';
|
startEvent['ph'] = 'B';
|
||||||
endEvent['ph'] = 'E';
|
endEvent['ph'] = 'E';
|
||||||
endEvent['ts'] = startEvent['ts'] + startEvent['dur'];
|
endEvent['ts'] = startEvent['ts'] + startEvent['dur'];
|
||||||
@ -185,7 +184,7 @@ export class PerflogMetric extends Metric {
|
|||||||
});
|
});
|
||||||
if (needSort) {
|
if (needSort) {
|
||||||
// Need to sort because of the ph==='X' events
|
// Need to sort because of the ph==='X' events
|
||||||
ListWrapper.sort(this._remainingEvents, (a, b) => {
|
this._remainingEvents.sort((a, b) => {
|
||||||
var diff = a['ts'] - b['ts'];
|
var diff = a['ts'] - b['ts'];
|
||||||
return diff > 0 ? 1 : diff < 0 ? -1 : 0;
|
return diff > 0 ? 1 : diff < 0 ? -1 : 0;
|
||||||
});
|
});
|
||||||
@ -208,7 +207,9 @@ export class PerflogMetric extends Metric {
|
|||||||
result['frameTime.worst'] = 0;
|
result['frameTime.worst'] = 0;
|
||||||
result['frameTime.smooth'] = 0;
|
result['frameTime.smooth'] = 0;
|
||||||
}
|
}
|
||||||
StringMapWrapper.forEach(this._microMetrics, (desc, name) => { result[name] = 0; });
|
for (let name in this._microMetrics) {
|
||||||
|
result[name] = 0;
|
||||||
|
}
|
||||||
if (this._receivedData) {
|
if (this._receivedData) {
|
||||||
result['receivedData'] = 0;
|
result['receivedData'] = 0;
|
||||||
}
|
}
|
||||||
@ -218,6 +219,24 @@ export class PerflogMetric extends Metric {
|
|||||||
|
|
||||||
var markStartEvent: PerfLogEvent = null;
|
var markStartEvent: PerfLogEvent = null;
|
||||||
var markEndEvent: PerfLogEvent = null;
|
var markEndEvent: PerfLogEvent = null;
|
||||||
|
events.forEach((event) => {
|
||||||
|
var ph = event['ph'];
|
||||||
|
var name = event['name'];
|
||||||
|
if (ph === 'B' && name === markName) {
|
||||||
|
markStartEvent = event;
|
||||||
|
} else if (ph === 'I' && name === 'navigationStart') {
|
||||||
|
// if a benchmark measures reload of a page, use the last
|
||||||
|
// navigationStart as begin event
|
||||||
|
markStartEvent = event;
|
||||||
|
} else if (ph === 'E' && name === markName) {
|
||||||
|
markEndEvent = event;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
if (!markStartEvent || !markEndEvent) {
|
||||||
|
// not all events have been received, no further processing for now
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
var gcTimeInScript = 0;
|
var gcTimeInScript = 0;
|
||||||
var renderTimeInScript = 0;
|
var renderTimeInScript = 0;
|
||||||
|
|
||||||
@ -228,120 +247,99 @@ export class PerflogMetric extends Metric {
|
|||||||
|
|
||||||
var intervalStarts: {[key: string]: PerfLogEvent} = {};
|
var intervalStarts: {[key: string]: PerfLogEvent} = {};
|
||||||
var intervalStartCount: {[key: string]: number} = {};
|
var intervalStartCount: {[key: string]: number} = {};
|
||||||
|
|
||||||
|
var inMeasureRange = false;
|
||||||
events.forEach((event) => {
|
events.forEach((event) => {
|
||||||
var ph = event['ph'];
|
var ph = event['ph'];
|
||||||
var name = event['name'];
|
var name = event['name'];
|
||||||
var microIterations = 1;
|
var microIterations = 1;
|
||||||
var microIterationsMatch = name.match(_MICRO_ITERATIONS_REGEX);
|
var microIterationsMatch = name.match(_MICRO_ITERATIONS_REGEX);
|
||||||
if (isPresent(microIterationsMatch)) {
|
if (microIterationsMatch) {
|
||||||
name = microIterationsMatch[1];
|
name = microIterationsMatch[1];
|
||||||
microIterations = NumberWrapper.parseInt(microIterationsMatch[2], 10);
|
microIterations = parseInt(microIterationsMatch[2], 10);
|
||||||
|
}
|
||||||
|
if (event === markStartEvent) {
|
||||||
|
inMeasureRange = true;
|
||||||
|
} else if (event === markEndEvent) {
|
||||||
|
inMeasureRange = false;
|
||||||
|
}
|
||||||
|
if (!inMeasureRange || event['pid'] !== markStartEvent['pid']) {
|
||||||
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (StringWrapper.equals(ph, 'b') && StringWrapper.equals(name, markName)) {
|
if (this._requestCount && name === 'sendRequest') {
|
||||||
markStartEvent = event;
|
|
||||||
} else if (StringWrapper.equals(ph, 'e') && StringWrapper.equals(name, markName)) {
|
|
||||||
markEndEvent = event;
|
|
||||||
}
|
|
||||||
|
|
||||||
let isInstant = StringWrapper.equals(ph, 'I') || StringWrapper.equals(ph, 'i');
|
|
||||||
if (this._requestCount && StringWrapper.equals(name, 'sendRequest')) {
|
|
||||||
result['requestCount'] += 1;
|
result['requestCount'] += 1;
|
||||||
} else if (this._receivedData && StringWrapper.equals(name, 'receivedData') && isInstant) {
|
} else if (this._receivedData && name === 'receivedData' && ph === 'I') {
|
||||||
result['receivedData'] += event['args']['encodedDataLength'];
|
result['receivedData'] += event['args']['encodedDataLength'];
|
||||||
} else if (StringWrapper.equals(name, 'navigationStart')) {
|
}
|
||||||
// We count data + requests since the last navigationStart
|
if (ph === 'B' && name === _MARK_NAME_FRAME_CAPUTRE) {
|
||||||
// (there might be chrome extensions loaded by selenium before our page, so there
|
if (frameCaptureStartEvent) {
|
||||||
// will likely be more than one navigationStart).
|
throw new Error('can capture frames only once per benchmark run');
|
||||||
if (this._receivedData) {
|
|
||||||
result['receivedData'] = 0;
|
|
||||||
}
|
}
|
||||||
if (this._requestCount) {
|
if (!this._captureFrames) {
|
||||||
result['requestCount'] = 0;
|
throw new Error(
|
||||||
|
'found start event for frame capture, but frame capture was not requested in benchpress');
|
||||||
|
}
|
||||||
|
frameCaptureStartEvent = event;
|
||||||
|
} else if (ph === 'E' && name === _MARK_NAME_FRAME_CAPUTRE) {
|
||||||
|
if (!frameCaptureStartEvent) {
|
||||||
|
throw new Error('missing start event for frame capture');
|
||||||
|
}
|
||||||
|
frameCaptureEndEvent = event;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (ph === 'I' && frameCaptureStartEvent && !frameCaptureEndEvent && name === 'frame') {
|
||||||
|
frameTimestamps.push(event['ts']);
|
||||||
|
if (frameTimestamps.length >= 2) {
|
||||||
|
frameTimes.push(
|
||||||
|
frameTimestamps[frameTimestamps.length - 1] -
|
||||||
|
frameTimestamps[frameTimestamps.length - 2]);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
if (isPresent(markStartEvent) && isBlank(markEndEvent) &&
|
|
||||||
event['pid'] === markStartEvent['pid']) {
|
|
||||||
if (StringWrapper.equals(ph, 'b') && StringWrapper.equals(name, _MARK_NAME_FRAME_CAPUTRE)) {
|
|
||||||
if (isPresent(frameCaptureStartEvent)) {
|
|
||||||
throw new Error('can capture frames only once per benchmark run');
|
|
||||||
}
|
|
||||||
if (!this._captureFrames) {
|
|
||||||
throw new Error(
|
|
||||||
'found start event for frame capture, but frame capture was not requested in benchpress');
|
|
||||||
}
|
|
||||||
frameCaptureStartEvent = event;
|
|
||||||
} else if (
|
|
||||||
StringWrapper.equals(ph, 'e') && StringWrapper.equals(name, _MARK_NAME_FRAME_CAPUTRE)) {
|
|
||||||
if (isBlank(frameCaptureStartEvent)) {
|
|
||||||
throw new Error('missing start event for frame capture');
|
|
||||||
}
|
|
||||||
frameCaptureEndEvent = event;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (isInstant) {
|
if (ph === 'B') {
|
||||||
if (isPresent(frameCaptureStartEvent) && isBlank(frameCaptureEndEvent) &&
|
if (!intervalStarts[name]) {
|
||||||
StringWrapper.equals(name, 'frame')) {
|
intervalStartCount[name] = 1;
|
||||||
frameTimestamps.push(event['ts']);
|
intervalStarts[name] = event;
|
||||||
if (frameTimestamps.length >= 2) {
|
} else {
|
||||||
frameTimes.push(
|
intervalStartCount[name]++;
|
||||||
frameTimestamps[frameTimestamps.length - 1] -
|
|
||||||
frameTimestamps[frameTimestamps.length - 2]);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
} else if ((ph === 'E') && intervalStarts[name]) {
|
||||||
if (StringWrapper.equals(ph, 'B') || StringWrapper.equals(ph, 'b')) {
|
intervalStartCount[name]--;
|
||||||
if (isBlank(intervalStarts[name])) {
|
if (intervalStartCount[name] === 0) {
|
||||||
intervalStartCount[name] = 1;
|
var startEvent = intervalStarts[name];
|
||||||
intervalStarts[name] = event;
|
var duration = (event['ts'] - startEvent['ts']);
|
||||||
} else {
|
intervalStarts[name] = null;
|
||||||
intervalStartCount[name]++;
|
if (name === 'gc') {
|
||||||
}
|
result['gcTime'] += duration;
|
||||||
} else if (
|
var amount =
|
||||||
(StringWrapper.equals(ph, 'E') || StringWrapper.equals(ph, 'e')) &&
|
(startEvent['args']['usedHeapSize'] - event['args']['usedHeapSize']) / 1000;
|
||||||
isPresent(intervalStarts[name])) {
|
result['gcAmount'] += amount;
|
||||||
intervalStartCount[name]--;
|
var majorGc = event['args']['majorGc'];
|
||||||
if (intervalStartCount[name] === 0) {
|
if (majorGc && majorGc) {
|
||||||
var startEvent = intervalStarts[name];
|
result['majorGcTime'] += duration;
|
||||||
var duration = (event['ts'] - startEvent['ts']);
|
|
||||||
intervalStarts[name] = null;
|
|
||||||
if (StringWrapper.equals(name, 'gc')) {
|
|
||||||
result['gcTime'] += duration;
|
|
||||||
var amount =
|
|
||||||
(startEvent['args']['usedHeapSize'] - event['args']['usedHeapSize']) / 1000;
|
|
||||||
result['gcAmount'] += amount;
|
|
||||||
var majorGc = event['args']['majorGc'];
|
|
||||||
if (isPresent(majorGc) && majorGc) {
|
|
||||||
result['majorGcTime'] += duration;
|
|
||||||
}
|
|
||||||
if (isPresent(intervalStarts['script'])) {
|
|
||||||
gcTimeInScript += duration;
|
|
||||||
}
|
|
||||||
} else if (StringWrapper.equals(name, 'render')) {
|
|
||||||
result['renderTime'] += duration;
|
|
||||||
if (isPresent(intervalStarts['script'])) {
|
|
||||||
renderTimeInScript += duration;
|
|
||||||
}
|
|
||||||
} else if (StringWrapper.equals(name, 'script')) {
|
|
||||||
result['scriptTime'] += duration;
|
|
||||||
} else if (isPresent(this._microMetrics[name])) {
|
|
||||||
(<any>result)[name] += duration / microIterations;
|
|
||||||
}
|
}
|
||||||
|
if (intervalStarts['script']) {
|
||||||
|
gcTimeInScript += duration;
|
||||||
|
}
|
||||||
|
} else if (name === 'render') {
|
||||||
|
result['renderTime'] += duration;
|
||||||
|
if (intervalStarts['script']) {
|
||||||
|
renderTimeInScript += duration;
|
||||||
|
}
|
||||||
|
} else if (name === 'script') {
|
||||||
|
result['scriptTime'] += duration;
|
||||||
|
} else if (this._microMetrics[name]) {
|
||||||
|
(<any>result)[name] += duration / microIterations;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
if (!isPresent(markStartEvent) || !isPresent(markEndEvent)) {
|
|
||||||
// not all events have been received, no further processing for now
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (isPresent(markEndEvent) && isPresent(frameCaptureStartEvent) &&
|
if (frameCaptureStartEvent && !frameCaptureEndEvent) {
|
||||||
isBlank(frameCaptureEndEvent)) {
|
|
||||||
throw new Error('missing end event for frame capture');
|
throw new Error('missing end event for frame capture');
|
||||||
}
|
}
|
||||||
if (this._captureFrames && isBlank(frameCaptureStartEvent)) {
|
if (this._captureFrames && !frameCaptureStartEvent) {
|
||||||
throw new Error('frame capture requested in benchpress, but no start event was found');
|
throw new Error('frame capture requested in benchpress, but no start event was found');
|
||||||
}
|
}
|
||||||
if (frameTimes.length > 0) {
|
if (frameTimes.length > 0) {
|
||||||
|
@ -6,10 +6,9 @@
|
|||||||
* found in the LICENSE file at https://angular.io/license
|
* found in the LICENSE file at https://angular.io/license
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import {Inject, Injectable, OpaqueToken, Provider} from '@angular/core';
|
import {Inject, Injectable} from '@angular/core';
|
||||||
|
|
||||||
import {Options} from '../common_options';
|
import {Options} from '../common_options';
|
||||||
import {StringMapWrapper} from '../facade/collection';
|
|
||||||
import {isNumber} from '../facade/lang';
|
import {isNumber} from '../facade/lang';
|
||||||
import {Metric} from '../metric';
|
import {Metric} from '../metric';
|
||||||
import {WebDriverAdapter} from '../web_driver_adapter';
|
import {WebDriverAdapter} from '../web_driver_adapter';
|
||||||
@ -40,7 +39,7 @@ export class UserMetric extends Metric {
|
|||||||
reject = rej;
|
reject = rej;
|
||||||
});
|
});
|
||||||
let adapter = this._wdAdapter;
|
let adapter = this._wdAdapter;
|
||||||
let names = StringMapWrapper.keys(this._userMetrics);
|
let names = Object.keys(this._userMetrics);
|
||||||
|
|
||||||
function getAndClearValues() {
|
function getAndClearValues() {
|
||||||
Promise.all(names.map(name => adapter.executeScript(`return window.${name}`)))
|
Promise.all(names.map(name => adapter.executeScript(`return window.${name}`)))
|
||||||
@ -48,9 +47,9 @@ export class UserMetric extends Metric {
|
|||||||
if (values.every(isNumber)) {
|
if (values.every(isNumber)) {
|
||||||
Promise.all(names.map(name => adapter.executeScript(`delete window.${name}`)))
|
Promise.all(names.map(name => adapter.executeScript(`delete window.${name}`)))
|
||||||
.then((_: any[]) => {
|
.then((_: any[]) => {
|
||||||
let map = StringMapWrapper.create();
|
let map: {[k: string]: any} = {};
|
||||||
for (let i = 0, n = names.length; i < n; i++) {
|
for (let i = 0, n = names.length; i < n; i++) {
|
||||||
StringMapWrapper.set(map, names[i], values[i]);
|
map[names[i]] = values[i];
|
||||||
}
|
}
|
||||||
resolve(map);
|
resolve(map);
|
||||||
}, reject);
|
}, reject);
|
||||||
|
@ -7,10 +7,7 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
import {Inject, Injectable, OpaqueToken} from '@angular/core';
|
import {Inject, Injectable, OpaqueToken} from '@angular/core';
|
||||||
|
import {print} from '../facade/lang';
|
||||||
import {ListWrapper, StringMapWrapper} from '../facade/collection';
|
|
||||||
import {NumberWrapper, isBlank, isPresent, print} from '../facade/lang';
|
|
||||||
import {Math} from '../facade/math';
|
|
||||||
import {MeasureValues} from '../measure_values';
|
import {MeasureValues} from '../measure_values';
|
||||||
import {Reporter} from '../reporter';
|
import {Reporter} from '../reporter';
|
||||||
import {SampleDescription} from '../sample_description';
|
import {SampleDescription} from '../sample_description';
|
||||||
|
@ -9,7 +9,7 @@
|
|||||||
import {Inject, Injectable, OpaqueToken} from '@angular/core';
|
import {Inject, Injectable, OpaqueToken} from '@angular/core';
|
||||||
|
|
||||||
import {Options} from '../common_options';
|
import {Options} from '../common_options';
|
||||||
import {DateWrapper, Json, isBlank, isPresent} from '../facade/lang';
|
import {Json} from '../facade/lang';
|
||||||
import {MeasureValues} from '../measure_values';
|
import {MeasureValues} from '../measure_values';
|
||||||
import {Reporter} from '../reporter';
|
import {Reporter} from '../reporter';
|
||||||
import {SampleDescription} from '../sample_description';
|
import {SampleDescription} from '../sample_description';
|
||||||
@ -45,8 +45,7 @@ export class JsonFileReporter extends Reporter {
|
|||||||
'completeSample': completeSample,
|
'completeSample': completeSample,
|
||||||
'validSample': validSample,
|
'validSample': validSample,
|
||||||
});
|
});
|
||||||
var filePath =
|
var filePath = `${this._path}/${this._description.id}_${this._now().getTime()}.json`;
|
||||||
`${this._path}/${this._description.id}_${DateWrapper.toMillis(this._now())}.json`;
|
|
||||||
return this._writeFile(filePath, content);
|
return this._writeFile(filePath, content);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -6,7 +6,7 @@
|
|||||||
* found in the LICENSE file at https://angular.io/license
|
* found in the LICENSE file at https://angular.io/license
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import {StringMapWrapper} from '../facade/collection';
|
|
||||||
import {NumberWrapper} from '../facade/lang';
|
import {NumberWrapper} from '../facade/lang';
|
||||||
import {MeasureValues} from '../measure_values';
|
import {MeasureValues} from '../measure_values';
|
||||||
import {Statistic} from '../statistic';
|
import {Statistic} from '../statistic';
|
||||||
@ -17,7 +17,7 @@ export function formatNum(n: number) {
|
|||||||
|
|
||||||
export function sortedProps(obj: {[key: string]: any}) {
|
export function sortedProps(obj: {[key: string]: any}) {
|
||||||
var props: string[] = [];
|
var props: string[] = [];
|
||||||
StringMapWrapper.forEach(obj, (value, prop) => props.push(prop));
|
props.push(...Object.keys(obj));
|
||||||
props.sort();
|
props.sort();
|
||||||
return props;
|
return props;
|
||||||
}
|
}
|
||||||
|
@ -9,7 +9,7 @@
|
|||||||
import {Provider, ReflectiveInjector} from '@angular/core';
|
import {Provider, ReflectiveInjector} from '@angular/core';
|
||||||
|
|
||||||
import {Options} from './common_options';
|
import {Options} from './common_options';
|
||||||
import {isBlank, isPresent} from './facade/lang';
|
import {isPresent} from './facade/lang';
|
||||||
import {Metric} from './metric';
|
import {Metric} from './metric';
|
||||||
import {MultiMetric} from './metric/multi_metric';
|
import {MultiMetric} from './metric/multi_metric';
|
||||||
import {PerflogMetric} from './metric/perflog_metric';
|
import {PerflogMetric} from './metric/perflog_metric';
|
||||||
|
@ -9,7 +9,6 @@
|
|||||||
import {OpaqueToken} from '@angular/core';
|
import {OpaqueToken} from '@angular/core';
|
||||||
|
|
||||||
import {Options} from './common_options';
|
import {Options} from './common_options';
|
||||||
import {StringMapWrapper} from './facade/collection';
|
|
||||||
import {Metric} from './metric';
|
import {Metric} from './metric';
|
||||||
import {Validator} from './validator';
|
import {Validator} from './validator';
|
||||||
|
|
||||||
@ -42,7 +41,7 @@ export class SampleDescription {
|
|||||||
public metrics: {[key: string]: any}) {
|
public metrics: {[key: string]: any}) {
|
||||||
this.description = {};
|
this.description = {};
|
||||||
descriptions.forEach(description => {
|
descriptions.forEach(description => {
|
||||||
StringMapWrapper.forEach(description, (value, prop) => this.description[prop] = value);
|
Object.keys(description).forEach(prop => { this.description[prop] = description[prop]; });
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -6,10 +6,10 @@
|
|||||||
* found in the LICENSE file at https://angular.io/license
|
* found in the LICENSE file at https://angular.io/license
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import {Inject, Injectable, OpaqueToken} from '@angular/core';
|
import {Inject, Injectable} from '@angular/core';
|
||||||
|
|
||||||
import {Options} from './common_options';
|
import {Options} from './common_options';
|
||||||
import {Date, DateWrapper, isBlank, isPresent} from './facade/lang';
|
import {isPresent} from './facade/lang';
|
||||||
import {MeasureValues} from './measure_values';
|
import {MeasureValues} from './measure_values';
|
||||||
import {Metric} from './metric';
|
import {Metric} from './metric';
|
||||||
import {Reporter} from './reporter';
|
import {Reporter} from './reporter';
|
||||||
@ -49,7 +49,7 @@ export class Sampler {
|
|||||||
}
|
}
|
||||||
|
|
||||||
private _iterate(lastState: SampleState): Promise<SampleState> {
|
private _iterate(lastState: SampleState): Promise<SampleState> {
|
||||||
var resultPromise: Promise<any>;
|
var resultPromise: Promise<SampleState>;
|
||||||
if (this._prepare !== Options.NO_PREPARE) {
|
if (this._prepare !== Options.NO_PREPARE) {
|
||||||
resultPromise = this._driver.waitFor(this._prepare);
|
resultPromise = this._driver.waitFor(this._prepare);
|
||||||
} else {
|
} else {
|
||||||
@ -77,5 +77,5 @@ export class Sampler {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export class SampleState {
|
export class SampleState {
|
||||||
constructor(public completeSample: any[], public validSample: any[]) {}
|
constructor(public completeSample: MeasureValues[], public validSample: MeasureValues[]) {}
|
||||||
}
|
}
|
||||||
|
@ -9,16 +9,22 @@
|
|||||||
import {Injector, OpaqueToken} from '@angular/core';
|
import {Injector, OpaqueToken} from '@angular/core';
|
||||||
|
|
||||||
import {Options} from './common_options';
|
import {Options} from './common_options';
|
||||||
import {isBlank, isPresent} from './facade/lang';
|
|
||||||
|
|
||||||
export type PerfLogEvent = {
|
export type PerfLogEvent = {
|
||||||
cat?: string,
|
[key: string]: any
|
||||||
ph?: 'X' | 'B' | 'E' | 'b' | 'e',
|
} & {
|
||||||
|
ph?: 'X' | 'B' | 'E' | 'I',
|
||||||
ts?: number,
|
ts?: number,
|
||||||
dur?: number,
|
dur?: number,
|
||||||
name?: string,
|
name?: string,
|
||||||
pid?: string,
|
pid?: string,
|
||||||
args?: {encodedDataLength?: number, usedHeapSize?: number, majorGc?: number}
|
args?: {
|
||||||
|
encodedDataLength?: number,
|
||||||
|
usedHeapSize?: number,
|
||||||
|
majorGc?: boolean,
|
||||||
|
url?: string,
|
||||||
|
method?: string
|
||||||
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -43,7 +49,7 @@ export abstract class WebDriverExtension {
|
|||||||
delegate = extension;
|
delegate = extension;
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
if (isBlank(delegate)) {
|
if (!delegate) {
|
||||||
throw new Error('Could not find a delegate for given capabilities!');
|
throw new Error('Could not find a delegate for given capabilities!');
|
||||||
}
|
}
|
||||||
return delegate;
|
return delegate;
|
||||||
@ -64,8 +70,7 @@ export abstract class WebDriverExtension {
|
|||||||
* Format:
|
* Format:
|
||||||
* - cat: category of the event
|
* - cat: category of the event
|
||||||
* - name: event name: 'script', 'gc', 'render', ...
|
* - name: event name: 'script', 'gc', 'render', ...
|
||||||
* - ph: phase: 'B' (begin), 'E' (end), 'b' (nestable start), 'e' (nestable end), 'X' (Complete
|
* - ph: phase: 'B' (begin), 'E' (end), 'X' (Complete event), 'I' (Instant event)
|
||||||
*event)
|
|
||||||
* - ts: timestamp in ms, e.g. 12345
|
* - ts: timestamp in ms, e.g. 12345
|
||||||
* - pid: process id
|
* - pid: process id
|
||||||
* - args: arguments, e.g. {heapSize: 1234}
|
* - args: arguments, e.g. {heapSize: 1234}
|
||||||
|
@ -9,16 +9,12 @@
|
|||||||
import {Inject, Injectable} from '@angular/core';
|
import {Inject, Injectable} from '@angular/core';
|
||||||
|
|
||||||
import {Options} from '../common_options';
|
import {Options} from '../common_options';
|
||||||
import {ListWrapper, StringMapWrapper} from '../facade/collection';
|
|
||||||
import {NumberWrapper, StringWrapper, isBlank, isPresent} from '../facade/lang';
|
|
||||||
import {WebDriverAdapter} from '../web_driver_adapter';
|
import {WebDriverAdapter} from '../web_driver_adapter';
|
||||||
import {PerfLogEvent, PerfLogFeatures, WebDriverExtension} from '../web_driver_extension';
|
import {PerfLogEvent, PerfLogFeatures, WebDriverExtension} from '../web_driver_extension';
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Set the following 'traceCategories' to collect metrics in Chrome:
|
* Set the following 'traceCategories' to collect metrics in Chrome:
|
||||||
* 'v8,blink.console,disabled-by-default-devtools.timeline,devtools.timeline'
|
* 'v8,blink.console,disabled-by-default-devtools.timeline,devtools.timeline,blink.user_timing'
|
||||||
*
|
*
|
||||||
* In order to collect the frame rate related metrics, add 'benchmark'
|
* In order to collect the frame rate related metrics, add 'benchmark'
|
||||||
* to the list above.
|
* to the list above.
|
||||||
@ -35,18 +31,18 @@ export class ChromeDriverExtension extends WebDriverExtension {
|
|||||||
}
|
}
|
||||||
|
|
||||||
private _parseChromeVersion(userAgent: string): number {
|
private _parseChromeVersion(userAgent: string): number {
|
||||||
if (isBlank(userAgent)) {
|
if (!userAgent) {
|
||||||
return -1;
|
return -1;
|
||||||
}
|
}
|
||||||
var v = StringWrapper.split(userAgent, /Chrom(e|ium)\//g)[2];
|
var v = userAgent.split(/Chrom(e|ium)\//g)[2];
|
||||||
if (isBlank(v)) {
|
if (!v) {
|
||||||
return -1;
|
return -1;
|
||||||
}
|
}
|
||||||
v = v.split('.')[0];
|
v = v.split('.')[0];
|
||||||
if (isBlank(v)) {
|
if (!v) {
|
||||||
return -1;
|
return -1;
|
||||||
}
|
}
|
||||||
return NumberWrapper.parseInt(v, 10);
|
return parseInt(v, 10);
|
||||||
}
|
}
|
||||||
|
|
||||||
gc() { return this._driver.executeScript('window.gc()'); }
|
gc() { return this._driver.executeScript('window.gc()'); }
|
||||||
@ -57,7 +53,7 @@ export class ChromeDriverExtension extends WebDriverExtension {
|
|||||||
|
|
||||||
timeEnd(name: string, restartName: string = null): Promise<any> {
|
timeEnd(name: string, restartName: string = null): Promise<any> {
|
||||||
var script = `console.timeEnd('${name}');`;
|
var script = `console.timeEnd('${name}');`;
|
||||||
if (isPresent(restartName)) {
|
if (restartName) {
|
||||||
script += `console.time('${restartName}');`;
|
script += `console.time('${restartName}');`;
|
||||||
}
|
}
|
||||||
return this._driver.executeScript(script);
|
return this._driver.executeScript(script);
|
||||||
@ -74,10 +70,10 @@ export class ChromeDriverExtension extends WebDriverExtension {
|
|||||||
var events: PerfLogEvent[] = [];
|
var events: PerfLogEvent[] = [];
|
||||||
entries.forEach(entry => {
|
entries.forEach(entry => {
|
||||||
var message = JSON.parse(entry['message'])['message'];
|
var message = JSON.parse(entry['message'])['message'];
|
||||||
if (StringWrapper.equals(message['method'], 'Tracing.dataCollected')) {
|
if (message['method'] === 'Tracing.dataCollected') {
|
||||||
events.push(message['params']);
|
events.push(message['params']);
|
||||||
}
|
}
|
||||||
if (StringWrapper.equals(message['method'], 'Tracing.bufferUsage')) {
|
if (message['method'] === 'Tracing.bufferUsage') {
|
||||||
throw new Error('The DevTools trace buffer filled during the test!');
|
throw new Error('The DevTools trace buffer filled during the test!');
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
@ -87,107 +83,64 @@ export class ChromeDriverExtension extends WebDriverExtension {
|
|||||||
|
|
||||||
private _convertPerfRecordsToEvents(
|
private _convertPerfRecordsToEvents(
|
||||||
chromeEvents: Array<{[key: string]: any}>, normalizedEvents: PerfLogEvent[] = null) {
|
chromeEvents: Array<{[key: string]: any}>, normalizedEvents: PerfLogEvent[] = null) {
|
||||||
if (isBlank(normalizedEvents)) {
|
if (!normalizedEvents) {
|
||||||
normalizedEvents = [];
|
normalizedEvents = [];
|
||||||
}
|
}
|
||||||
var majorGCPids = {};
|
|
||||||
chromeEvents.forEach((event) => {
|
chromeEvents.forEach((event) => {
|
||||||
var categories = this._parseCategories(event['cat']);
|
const categories = this._parseCategories(event['cat']);
|
||||||
var name = event['name'];
|
const normalizedEvent = this._convertEvent(event, categories);
|
||||||
if (this._isEvent(categories, name, ['blink.console'])) {
|
if (normalizedEvent != null) normalizedEvents.push(normalizedEvent);
|
||||||
normalizedEvents.push(normalizeEvent(event, {'name': name}));
|
|
||||||
} else if (this._isEvent(
|
|
||||||
categories, name, ['benchmark'],
|
|
||||||
'BenchmarkInstrumentation::ImplThreadRenderingStats')) {
|
|
||||||
// TODO(goderbauer): Instead of BenchmarkInstrumentation::ImplThreadRenderingStats the
|
|
||||||
// following events should be used (if available) for more accurate measurments:
|
|
||||||
// 1st choice: vsync_before - ground truth on Android
|
|
||||||
// 2nd choice: BenchmarkInstrumentation::DisplayRenderingStats - available on systems with
|
|
||||||
// new surfaces framework (not broadly enabled yet)
|
|
||||||
// 3rd choice: BenchmarkInstrumentation::ImplThreadRenderingStats - fallback event that is
|
|
||||||
// always available if something is rendered
|
|
||||||
var frameCount = event['args']['data']['frame_count'];
|
|
||||||
if (frameCount > 1) {
|
|
||||||
throw new Error('multi-frame render stats not supported');
|
|
||||||
}
|
|
||||||
if (frameCount == 1) {
|
|
||||||
normalizedEvents.push(normalizeEvent(event, {'name': 'frame'}));
|
|
||||||
}
|
|
||||||
} else if (
|
|
||||||
this._isEvent(categories, name, ['disabled-by-default-devtools.timeline'], 'Rasterize') ||
|
|
||||||
this._isEvent(
|
|
||||||
categories, name, ['disabled-by-default-devtools.timeline'], 'CompositeLayers')) {
|
|
||||||
normalizedEvents.push(normalizeEvent(event, {'name': 'render'}));
|
|
||||||
} else if (this._majorChromeVersion < 45) {
|
|
||||||
var normalizedEvent = this._processAsPreChrome45Event(event, categories, majorGCPids);
|
|
||||||
if (normalizedEvent != null) normalizedEvents.push(normalizedEvent);
|
|
||||||
} else {
|
|
||||||
var normalizedEvent = this._processAsPostChrome44Event(event, categories);
|
|
||||||
if (normalizedEvent != null) normalizedEvents.push(normalizedEvent);
|
|
||||||
}
|
|
||||||
});
|
});
|
||||||
return normalizedEvents;
|
return normalizedEvents;
|
||||||
}
|
}
|
||||||
|
|
||||||
private _processAsPreChrome45Event(
|
private _convertEvent(event: {[key: string]: any}, categories: string[]) {
|
||||||
event: {[key: string]: any}, categories: string[], majorGCPids: {[key: string]: any}) {
|
|
||||||
var name = event['name'];
|
var name = event['name'];
|
||||||
var args = event['args'];
|
var args = event['args'];
|
||||||
var pid = event['pid'];
|
if (this._isEvent(categories, name, ['blink.console'])) {
|
||||||
var ph = event['ph'];
|
return normalizeEvent(event, {'name': name});
|
||||||
if (this._isEvent(
|
|
||||||
categories, name, ['disabled-by-default-devtools.timeline'], 'FunctionCall') &&
|
|
||||||
(isBlank(args) || isBlank(args['data']) ||
|
|
||||||
!StringWrapper.equals(args['data']['scriptName'], 'InjectedScript'))) {
|
|
||||||
return normalizeEvent(event, {'name': 'script'});
|
|
||||||
} else if (
|
|
||||||
this._isEvent(
|
|
||||||
categories, name, ['disabled-by-default-devtools.timeline'], 'RecalculateStyles') ||
|
|
||||||
this._isEvent(categories, name, ['disabled-by-default-devtools.timeline'], 'Layout') ||
|
|
||||||
this._isEvent(
|
|
||||||
categories, name, ['disabled-by-default-devtools.timeline'], 'UpdateLayerTree') ||
|
|
||||||
this._isEvent(categories, name, ['disabled-by-default-devtools.timeline'], 'Paint')) {
|
|
||||||
return normalizeEvent(event, {'name': 'render'});
|
|
||||||
} else if (this._isEvent(
|
} else if (this._isEvent(
|
||||||
categories, name, ['disabled-by-default-devtools.timeline'], 'GCEvent')) {
|
categories, name, ['benchmark'],
|
||||||
var normArgs: {[key: string]: any} = {
|
'BenchmarkInstrumentation::ImplThreadRenderingStats')) {
|
||||||
'usedHeapSize': isPresent(args['usedHeapSizeAfter']) ? args['usedHeapSizeAfter'] :
|
// TODO(goderbauer): Instead of BenchmarkInstrumentation::ImplThreadRenderingStats the
|
||||||
args['usedHeapSizeBefore']
|
// following events should be used (if available) for more accurate measurments:
|
||||||
};
|
// 1st choice: vsync_before - ground truth on Android
|
||||||
if (StringWrapper.equals(ph, 'E')) {
|
// 2nd choice: BenchmarkInstrumentation::DisplayRenderingStats - available on systems with
|
||||||
normArgs['majorGc'] = isPresent(majorGCPids[pid]) && majorGCPids[pid];
|
// new surfaces framework (not broadly enabled yet)
|
||||||
|
// 3rd choice: BenchmarkInstrumentation::ImplThreadRenderingStats - fallback event that is
|
||||||
|
// always available if something is rendered
|
||||||
|
var frameCount = event['args']['data']['frame_count'];
|
||||||
|
if (frameCount > 1) {
|
||||||
|
throw new Error('multi-frame render stats not supported');
|
||||||
|
}
|
||||||
|
if (frameCount == 1) {
|
||||||
|
return normalizeEvent(event, {'name': 'frame'});
|
||||||
}
|
}
|
||||||
majorGCPids[pid] = false;
|
|
||||||
return normalizeEvent(event, {'name': 'gc', 'args': normArgs});
|
|
||||||
} else if (
|
} else if (
|
||||||
this._isEvent(categories, name, ['v8'], 'majorGC') && StringWrapper.equals(ph, 'B')) {
|
this._isEvent(categories, name, ['disabled-by-default-devtools.timeline'], 'Rasterize') ||
|
||||||
majorGCPids[pid] = true;
|
this._isEvent(
|
||||||
}
|
categories, name, ['disabled-by-default-devtools.timeline'], 'CompositeLayers')) {
|
||||||
return null; // nothing useful in this event
|
return normalizeEvent(event, {'name': 'render'});
|
||||||
}
|
} else if (this._isEvent(categories, name, ['devtools.timeline', 'v8'], 'MajorGC')) {
|
||||||
|
|
||||||
private _processAsPostChrome44Event(event: {[key: string]: any}, categories: string[]) {
|
|
||||||
var name = event['name'];
|
|
||||||
var args = event['args'];
|
|
||||||
if (this._isEvent(categories, name, ['devtools.timeline', 'v8'], 'MajorGC')) {
|
|
||||||
var normArgs = {
|
var normArgs = {
|
||||||
'majorGc': true,
|
'majorGc': true,
|
||||||
'usedHeapSize': isPresent(args['usedHeapSizeAfter']) ? args['usedHeapSizeAfter'] :
|
'usedHeapSize': args['usedHeapSizeAfter'] !== undefined ? args['usedHeapSizeAfter'] :
|
||||||
args['usedHeapSizeBefore']
|
args['usedHeapSizeBefore']
|
||||||
};
|
};
|
||||||
return normalizeEvent(event, {'name': 'gc', 'args': normArgs});
|
return normalizeEvent(event, {'name': 'gc', 'args': normArgs});
|
||||||
} else if (this._isEvent(categories, name, ['devtools.timeline', 'v8'], 'MinorGC')) {
|
} else if (this._isEvent(categories, name, ['devtools.timeline', 'v8'], 'MinorGC')) {
|
||||||
var normArgs = {
|
var normArgs = {
|
||||||
'majorGc': false,
|
'majorGc': false,
|
||||||
'usedHeapSize': isPresent(args['usedHeapSizeAfter']) ? args['usedHeapSizeAfter'] :
|
'usedHeapSize': args['usedHeapSizeAfter'] !== undefined ? args['usedHeapSizeAfter'] :
|
||||||
args['usedHeapSizeBefore']
|
args['usedHeapSizeBefore']
|
||||||
};
|
};
|
||||||
return normalizeEvent(event, {'name': 'gc', 'args': normArgs});
|
return normalizeEvent(event, {'name': 'gc', 'args': normArgs});
|
||||||
} else if (
|
} else if (
|
||||||
this._isEvent(categories, name, ['devtools.timeline'], 'FunctionCall') &&
|
this._isEvent(categories, name, ['devtools.timeline'], 'FunctionCall') &&
|
||||||
(isBlank(args) || isBlank(args['data']) ||
|
(!args || !args['data'] ||
|
||||||
(!StringWrapper.equals(args['data']['scriptName'], 'InjectedScript') &&
|
(args['data']['scriptName'] !== 'InjectedScript' && args['data']['scriptName'] !== ''))) {
|
||||||
!StringWrapper.equals(args['data']['scriptName'], '')))) {
|
return normalizeEvent(event, {'name': 'script'});
|
||||||
|
} else if (this._isEvent(categories, name, ['devtools.timeline'], 'EvaluateScript')) {
|
||||||
return normalizeEvent(event, {'name': 'script'});
|
return normalizeEvent(event, {'name': 'script'});
|
||||||
} else if (this._isEvent(
|
} else if (this._isEvent(
|
||||||
categories, name, ['devtools.timeline', 'blink'], 'UpdateLayoutTree')) {
|
categories, name, ['devtools.timeline', 'blink'], 'UpdateLayoutTree')) {
|
||||||
@ -205,7 +158,7 @@ export class ChromeDriverExtension extends WebDriverExtension {
|
|||||||
let normArgs = {'url': data['url'], 'method': data['requestMethod']};
|
let normArgs = {'url': data['url'], 'method': data['requestMethod']};
|
||||||
return normalizeEvent(event, {'name': 'sendRequest', 'args': normArgs});
|
return normalizeEvent(event, {'name': 'sendRequest', 'args': normArgs});
|
||||||
} else if (this._isEvent(categories, name, ['blink.user_timing'], 'navigationStart')) {
|
} else if (this._isEvent(categories, name, ['blink.user_timing'], 'navigationStart')) {
|
||||||
return normalizeEvent(event, {'name': name});
|
return normalizeEvent(event, {'name': 'navigationStart'});
|
||||||
}
|
}
|
||||||
return null; // nothing useful in this event
|
return null; // nothing useful in this event
|
||||||
}
|
}
|
||||||
@ -216,9 +169,8 @@ export class ChromeDriverExtension extends WebDriverExtension {
|
|||||||
eventCategories: string[], eventName: string, expectedCategories: string[],
|
eventCategories: string[], eventName: string, expectedCategories: string[],
|
||||||
expectedName: string = null): boolean {
|
expectedName: string = null): boolean {
|
||||||
var hasCategories = expectedCategories.reduce(
|
var hasCategories = expectedCategories.reduce(
|
||||||
(value, cat) => { return value && ListWrapper.contains(eventCategories, cat); }, true);
|
(value, cat) => value && eventCategories.indexOf(cat) !== -1, true);
|
||||||
return isBlank(expectedName) ? hasCategories :
|
return !expectedName ? hasCategories : hasCategories && eventName === expectedName;
|
||||||
hasCategories && StringWrapper.equals(eventName, expectedName);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
perfLogFeatures(): PerfLogFeatures {
|
perfLogFeatures(): PerfLogFeatures {
|
||||||
@ -226,28 +178,31 @@ export class ChromeDriverExtension extends WebDriverExtension {
|
|||||||
}
|
}
|
||||||
|
|
||||||
supports(capabilities: {[key: string]: any}): boolean {
|
supports(capabilities: {[key: string]: any}): boolean {
|
||||||
return this._majorChromeVersion != -1 &&
|
return this._majorChromeVersion >= 44 && capabilities['browserName'].toLowerCase() === 'chrome';
|
||||||
StringWrapper.equals(capabilities['browserName'].toLowerCase(), 'chrome');
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function normalizeEvent(
|
function normalizeEvent(chromeEvent: {[key: string]: any}, data: PerfLogEvent): PerfLogEvent {
|
||||||
chromeEvent: {[key: string]: any}, data: {[key: string]: any}): PerfLogEvent {
|
var ph = chromeEvent['ph'].toUpperCase();
|
||||||
var ph = chromeEvent['ph'];
|
if (ph === 'S') {
|
||||||
if (StringWrapper.equals(ph, 'S')) {
|
ph = 'B';
|
||||||
ph = 'b';
|
} else if (ph === 'F') {
|
||||||
} else if (StringWrapper.equals(ph, 'F')) {
|
ph = 'E';
|
||||||
ph = 'e';
|
} else if (ph === 'R') {
|
||||||
|
// mark events from navigation timing
|
||||||
|
ph = 'I';
|
||||||
}
|
}
|
||||||
var result: {[key: string]: any} =
|
var result: {[key: string]: any} =
|
||||||
{'pid': chromeEvent['pid'], 'ph': ph, 'cat': 'timeline', 'ts': chromeEvent['ts'] / 1000};
|
{'pid': chromeEvent['pid'], 'ph': ph, 'cat': 'timeline', 'ts': chromeEvent['ts'] / 1000};
|
||||||
if (chromeEvent['ph'] === 'X') {
|
if (ph === 'X') {
|
||||||
var dur = chromeEvent['dur'];
|
var dur = chromeEvent['dur'];
|
||||||
if (isBlank(dur)) {
|
if (dur === undefined) {
|
||||||
dur = chromeEvent['tdur'];
|
dur = chromeEvent['tdur'];
|
||||||
}
|
}
|
||||||
result['dur'] = isBlank(dur) ? 0.0 : dur / 1000;
|
result['dur'] = !dur ? 0.0 : dur / 1000;
|
||||||
|
}
|
||||||
|
for (let prop in data) {
|
||||||
|
result[prop] = data[prop];
|
||||||
}
|
}
|
||||||
StringMapWrapper.forEach(data, (value, prop) => { result[prop] = value; });
|
|
||||||
return result;
|
return result;
|
||||||
}
|
}
|
||||||
|
@ -52,7 +52,7 @@ export class IOsDriverExtension extends WebDriverExtension {
|
|||||||
|
|
||||||
/** @internal */
|
/** @internal */
|
||||||
private _convertPerfRecordsToEvents(records: any[], events: PerfLogEvent[] = null) {
|
private _convertPerfRecordsToEvents(records: any[], events: PerfLogEvent[] = null) {
|
||||||
if (isBlank(events)) {
|
if (!events) {
|
||||||
events = [];
|
events = [];
|
||||||
}
|
}
|
||||||
records.forEach((record) => {
|
records.forEach((record) => {
|
||||||
@ -97,7 +97,7 @@ export class IOsDriverExtension extends WebDriverExtension {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function createEvent(
|
function createEvent(
|
||||||
ph: 'X' | 'B' | 'E' | 'b' | 'e', name: string, time: number, args: any = null) {
|
ph: 'X' | 'B' | 'E' | 'B' | 'E', name: string, time: number, args: any = null) {
|
||||||
var result: PerfLogEvent = {
|
var result: PerfLogEvent = {
|
||||||
'cat': 'timeline',
|
'cat': 'timeline',
|
||||||
'name': name,
|
'name': name,
|
||||||
@ -122,9 +122,9 @@ function createEndEvent(name: string, time: number, args: any = null) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function createMarkStartEvent(name: string, time: number) {
|
function createMarkStartEvent(name: string, time: number) {
|
||||||
return createEvent('b', name, time);
|
return createEvent('B', name, time);
|
||||||
}
|
}
|
||||||
|
|
||||||
function createMarkEndEvent(name: string, time: number) {
|
function createMarkEndEvent(name: string, time: number) {
|
||||||
return createEvent('e', name, time);
|
return createEvent('E', name, time);
|
||||||
}
|
}
|
||||||
|
@ -6,14 +6,14 @@
|
|||||||
* found in the LICENSE file at https://angular.io/license
|
* found in the LICENSE file at https://angular.io/license
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import {AsyncTestCompleter, afterEach, beforeEach, ddescribe, describe, expect, iit, inject, it, xit} from '@angular/core/testing/testing_internal';
|
import {AsyncTestCompleter, describe, expect, inject, it} from '@angular/core/testing/testing_internal';
|
||||||
import {Metric, MultiMetric, ReflectiveInjector} from '../../index';
|
import {Metric, MultiMetric, ReflectiveInjector} from '../../index';
|
||||||
|
|
||||||
export function main() {
|
export function main() {
|
||||||
function createMetric(ids: any[]) {
|
function createMetric(ids: any[]) {
|
||||||
var m = ReflectiveInjector
|
var m = ReflectiveInjector
|
||||||
.resolveAndCreate([
|
.resolveAndCreate([
|
||||||
ids.map(id => { return {provide: id, useValue: new MockMetric(id)}; }),
|
ids.map(id => ({provide: id, useValue: new MockMetric(id)})),
|
||||||
MultiMetric.provideWith(ids)
|
MultiMetric.provideWith(ids)
|
||||||
])
|
])
|
||||||
.get(MultiMetric);
|
.get(MultiMetric);
|
||||||
|
@ -7,11 +7,10 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
import {Provider} from '@angular/core';
|
import {Provider} from '@angular/core';
|
||||||
import {AsyncTestCompleter, afterEach, beforeEach, ddescribe, describe, expect, iit, inject, it, xit} from '@angular/core/testing/testing_internal';
|
import {AsyncTestCompleter, beforeEach, describe, expect, inject, it} from '@angular/core/testing/testing_internal';
|
||||||
|
|
||||||
import {Metric, Options, PerfLogEvent, PerfLogFeatures, PerflogMetric, ReflectiveInjector, WebDriverExtension} from '../../index';
|
import {Metric, Options, PerfLogEvent, PerfLogFeatures, PerflogMetric, ReflectiveInjector, WebDriverExtension} from '../../index';
|
||||||
import {StringMapWrapper} from '../../src/facade/collection';
|
import {isPresent} from '../../src/facade/lang';
|
||||||
import {isBlank, isPresent} from '../../src/facade/lang';
|
|
||||||
import {TraceEventFactory} from '../trace_event_factory';
|
import {TraceEventFactory} from '../trace_event_factory';
|
||||||
|
|
||||||
export function main() {
|
export function main() {
|
||||||
@ -28,12 +27,12 @@ export function main() {
|
|||||||
requestCount?: boolean
|
requestCount?: boolean
|
||||||
} = {}): Metric {
|
} = {}): Metric {
|
||||||
commandLog = [];
|
commandLog = [];
|
||||||
if (isBlank(perfLogFeatures)) {
|
if (!perfLogFeatures) {
|
||||||
perfLogFeatures =
|
perfLogFeatures =
|
||||||
new PerfLogFeatures({render: true, gc: true, frameCapture: true, userTiming: true});
|
new PerfLogFeatures({render: true, gc: true, frameCapture: true, userTiming: true});
|
||||||
}
|
}
|
||||||
if (isBlank(microMetrics)) {
|
if (!microMetrics) {
|
||||||
microMetrics = StringMapWrapper.create();
|
microMetrics = {};
|
||||||
}
|
}
|
||||||
var providers: Provider[] = [
|
var providers: Provider[] = [
|
||||||
Options.DEFAULT_PROVIDERS, PerflogMetric.PROVIDERS,
|
Options.DEFAULT_PROVIDERS, PerflogMetric.PROVIDERS,
|
||||||
@ -68,7 +67,7 @@ export function main() {
|
|||||||
|
|
||||||
function sortedKeys(stringMap: {[key: string]: any}) {
|
function sortedKeys(stringMap: {[key: string]: any}) {
|
||||||
var res: string[] = [];
|
var res: string[] = [];
|
||||||
StringMapWrapper.forEach(stringMap, (_, key) => { res.push(key); });
|
res.push(...Object.keys(stringMap));
|
||||||
res.sort();
|
res.sort();
|
||||||
return res;
|
return res;
|
||||||
}
|
}
|
||||||
@ -171,6 +170,22 @@ export function main() {
|
|||||||
});
|
});
|
||||||
}));
|
}));
|
||||||
|
|
||||||
|
it('should mark and aggregate events since navigationStart',
|
||||||
|
inject([AsyncTestCompleter], (async: AsyncTestCompleter) => {
|
||||||
|
var events = [[
|
||||||
|
eventFactory.markStart('benchpress0', 0), eventFactory.start('script', 4),
|
||||||
|
eventFactory.end('script', 6), eventFactory.instant('navigationStart', 7),
|
||||||
|
eventFactory.start('script', 8), eventFactory.end('script', 9),
|
||||||
|
eventFactory.markEnd('benchpress0', 10)
|
||||||
|
]];
|
||||||
|
var metric = createMetric(events, null);
|
||||||
|
metric.beginMeasure().then((_) => metric.endMeasure(false)).then((data) => {
|
||||||
|
expect(data['scriptTime']).toBe(1);
|
||||||
|
|
||||||
|
async.done();
|
||||||
|
});
|
||||||
|
}));
|
||||||
|
|
||||||
it('should restart timing', inject([AsyncTestCompleter], (async: AsyncTestCompleter) => {
|
it('should restart timing', inject([AsyncTestCompleter], (async: AsyncTestCompleter) => {
|
||||||
var events = [
|
var events = [
|
||||||
[
|
[
|
||||||
|
@ -7,11 +7,9 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
import {Provider, ReflectiveInjector} from '@angular/core';
|
import {Provider, ReflectiveInjector} from '@angular/core';
|
||||||
import {AsyncTestCompleter, afterEach, beforeEach, ddescribe, describe, expect, iit, inject, it, xit} from '@angular/core/testing/testing_internal';
|
import {AsyncTestCompleter, describe, expect, inject, it} from '@angular/core/testing/testing_internal';
|
||||||
|
|
||||||
import {Injector, Metric, MultiMetric, Options, PerfLogEvent, PerfLogFeatures, PerflogMetric, UserMetric, WebDriverAdapter, WebDriverExtension} from '../../index';
|
import {Options, PerfLogEvent, PerfLogFeatures, UserMetric, WebDriverAdapter} from '../../index';
|
||||||
import {StringMapWrapper} from '../../src/facade/collection';
|
|
||||||
import {Json, isBlank, isPresent} from '../../src/facade/lang';
|
|
||||||
|
|
||||||
export function main() {
|
export function main() {
|
||||||
var wdAdapter: MockDriverAdapter;
|
var wdAdapter: MockDriverAdapter;
|
||||||
@ -19,12 +17,12 @@ export function main() {
|
|||||||
function createMetric(
|
function createMetric(
|
||||||
perfLogs: PerfLogEvent[], perfLogFeatures: PerfLogFeatures,
|
perfLogs: PerfLogEvent[], perfLogFeatures: PerfLogFeatures,
|
||||||
{userMetrics}: {userMetrics?: {[key: string]: string}} = {}): UserMetric {
|
{userMetrics}: {userMetrics?: {[key: string]: string}} = {}): UserMetric {
|
||||||
if (isBlank(perfLogFeatures)) {
|
if (!perfLogFeatures) {
|
||||||
perfLogFeatures =
|
perfLogFeatures =
|
||||||
new PerfLogFeatures({render: true, gc: true, frameCapture: true, userTiming: true});
|
new PerfLogFeatures({render: true, gc: true, frameCapture: true, userTiming: true});
|
||||||
}
|
}
|
||||||
if (isBlank(userMetrics)) {
|
if (!userMetrics) {
|
||||||
userMetrics = StringMapWrapper.create();
|
userMetrics = {};
|
||||||
}
|
}
|
||||||
wdAdapter = new MockDriverAdapter();
|
wdAdapter = new MockDriverAdapter();
|
||||||
var providers: Provider[] = [
|
var providers: Provider[] = [
|
||||||
|
@ -7,10 +7,10 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
import {Provider} from '@angular/core';
|
import {Provider} from '@angular/core';
|
||||||
import {AsyncTestCompleter, afterEach, beforeEach, ddescribe, describe, expect, iit, inject, it, xit} from '@angular/core/testing/testing_internal';
|
import {describe, expect, it} from '@angular/core/testing/testing_internal';
|
||||||
|
|
||||||
import {ConsoleReporter, MeasureValues, ReflectiveInjector, Reporter, SampleDescription, SampleState} from '../../index';
|
import {ConsoleReporter, MeasureValues, ReflectiveInjector, SampleDescription} from '../../index';
|
||||||
import {Date, DateWrapper, isBlank, isPresent} from '../../src/facade/lang';
|
import {isBlank, isPresent} from '../../src/facade/lang';
|
||||||
|
|
||||||
export function main() {
|
export function main() {
|
||||||
describe('console reporter', () => {
|
describe('console reporter', () => {
|
||||||
@ -25,7 +25,7 @@ export function main() {
|
|||||||
metrics?: {[key: string]: any}
|
metrics?: {[key: string]: any}
|
||||||
}) {
|
}) {
|
||||||
log = [];
|
log = [];
|
||||||
if (isBlank(descriptions)) {
|
if (!descriptions) {
|
||||||
descriptions = [];
|
descriptions = [];
|
||||||
}
|
}
|
||||||
if (isBlank(sampleId)) {
|
if (isBlank(sampleId)) {
|
||||||
@ -90,5 +90,5 @@ export function main() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function mv(runIndex: number, time: number, values: {[key: string]: number}) {
|
function mv(runIndex: number, time: number, values: {[key: string]: number}) {
|
||||||
return new MeasureValues(runIndex, DateWrapper.fromMillis(time), values);
|
return new MeasureValues(runIndex, new Date(time), values);
|
||||||
}
|
}
|
||||||
|
@ -6,10 +6,10 @@
|
|||||||
* found in the LICENSE file at https://angular.io/license
|
* found in the LICENSE file at https://angular.io/license
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import {AsyncTestCompleter, afterEach, beforeEach, ddescribe, describe, expect, iit, inject, it, xit} from '@angular/core/testing/testing_internal';
|
import {AsyncTestCompleter, describe, expect, inject, it} from '@angular/core/testing/testing_internal';
|
||||||
|
|
||||||
import {JsonFileReporter, MeasureValues, Options, ReflectiveInjector, SampleDescription} from '../../index';
|
import {JsonFileReporter, MeasureValues, Options, ReflectiveInjector, SampleDescription} from '../../index';
|
||||||
import {DateWrapper, Json, isPresent} from '../../src/facade/lang';
|
import {Json, isPresent} from '../../src/facade/lang';
|
||||||
|
|
||||||
export function main() {
|
export function main() {
|
||||||
describe('file reporter', () => {
|
describe('file reporter', () => {
|
||||||
@ -27,7 +27,7 @@ export function main() {
|
|||||||
useValue: new SampleDescription(sampleId, descriptions, metrics)
|
useValue: new SampleDescription(sampleId, descriptions, metrics)
|
||||||
},
|
},
|
||||||
{provide: JsonFileReporter.PATH, useValue: path},
|
{provide: JsonFileReporter.PATH, useValue: path},
|
||||||
{provide: Options.NOW, useValue: () => DateWrapper.fromMillis(1234)}, {
|
{provide: Options.NOW, useValue: () => new Date(1234)}, {
|
||||||
provide: Options.WRITE_FILE,
|
provide: Options.WRITE_FILE,
|
||||||
useValue: (filename: string, content: string) => {
|
useValue: (filename: string, content: string) => {
|
||||||
loggedFile = {'filename': filename, 'content': content};
|
loggedFile = {'filename': filename, 'content': content};
|
||||||
@ -77,5 +77,5 @@ export function main() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function mv(runIndex: number, time: number, values: {[key: string]: number}) {
|
function mv(runIndex: number, time: number, values: {[key: string]: number}) {
|
||||||
return new MeasureValues(runIndex, DateWrapper.fromMillis(time), values);
|
return new MeasureValues(runIndex, new Date(time), values);
|
||||||
}
|
}
|
||||||
|
@ -6,16 +6,15 @@
|
|||||||
* found in the LICENSE file at https://angular.io/license
|
* found in the LICENSE file at https://angular.io/license
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import {AsyncTestCompleter, afterEach, beforeEach, ddescribe, describe, expect, iit, inject, it, xit} from '@angular/core/testing/testing_internal';
|
import {AsyncTestCompleter, describe, expect, inject, it} from '@angular/core/testing/testing_internal';
|
||||||
|
|
||||||
import {MeasureValues, MultiReporter, ReflectiveInjector, Reporter} from '../../index';
|
import {MeasureValues, MultiReporter, ReflectiveInjector, Reporter} from '../../index';
|
||||||
import {DateWrapper} from '../../src/facade/lang';
|
|
||||||
|
|
||||||
export function main() {
|
export function main() {
|
||||||
function createReporters(ids: any[]) {
|
function createReporters(ids: any[]) {
|
||||||
var r = ReflectiveInjector
|
var r = ReflectiveInjector
|
||||||
.resolveAndCreate([
|
.resolveAndCreate([
|
||||||
ids.map(id => { return {provide: id, useValue: new MockReporter(id)}; }),
|
ids.map(id => ({provide: id, useValue: new MockReporter(id)})),
|
||||||
MultiReporter.provideWith(ids)
|
MultiReporter.provideWith(ids)
|
||||||
])
|
])
|
||||||
.get(MultiReporter);
|
.get(MultiReporter);
|
||||||
@ -26,7 +25,7 @@ export function main() {
|
|||||||
|
|
||||||
it('should reportMeasureValues to all',
|
it('should reportMeasureValues to all',
|
||||||
inject([AsyncTestCompleter], (async: AsyncTestCompleter) => {
|
inject([AsyncTestCompleter], (async: AsyncTestCompleter) => {
|
||||||
var mv = new MeasureValues(0, DateWrapper.now(), {});
|
var mv = new MeasureValues(0, new Date(), {});
|
||||||
createReporters(['m1', 'm2']).then((r) => r.reportMeasureValues(mv)).then((values) => {
|
createReporters(['m1', 'm2']).then((r) => r.reportMeasureValues(mv)).then((values) => {
|
||||||
|
|
||||||
expect(values).toEqual([{'id': 'm1', 'values': mv}, {'id': 'm2', 'values': mv}]);
|
expect(values).toEqual([{'id': 'm1', 'values': mv}, {'id': 'm2', 'values': mv}]);
|
||||||
@ -35,9 +34,8 @@ export function main() {
|
|||||||
}));
|
}));
|
||||||
|
|
||||||
it('should reportSample to call', inject([AsyncTestCompleter], (async: AsyncTestCompleter) => {
|
it('should reportSample to call', inject([AsyncTestCompleter], (async: AsyncTestCompleter) => {
|
||||||
var completeSample = [
|
var completeSample =
|
||||||
new MeasureValues(0, DateWrapper.now(), {}), new MeasureValues(1, DateWrapper.now(), {})
|
[new MeasureValues(0, new Date(), {}), new MeasureValues(1, new Date(), {})];
|
||||||
];
|
|
||||||
var validSample = [completeSample[1]];
|
var validSample = [completeSample[1]];
|
||||||
|
|
||||||
createReporters(['m1', 'm2'])
|
createReporters(['m1', 'm2'])
|
||||||
|
@ -6,10 +6,9 @@
|
|||||||
* found in the LICENSE file at https://angular.io/license
|
* found in the LICENSE file at https://angular.io/license
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import {AsyncTestCompleter, afterEach, beforeEach, ddescribe, describe, expect, iit, inject, it, xit} from '@angular/core/testing/testing_internal';
|
import {AsyncTestCompleter, describe, expect, inject, it} from '@angular/core/testing/testing_internal';
|
||||||
|
|
||||||
import {Injector, Metric, Options, ReflectiveInjector, Runner, SampleDescription, SampleState, Sampler, Validator, WebDriverAdapter} from '../index';
|
import {Injector, Metric, Options, ReflectiveInjector, Runner, SampleDescription, SampleState, Sampler, Validator, WebDriverAdapter} from '../index';
|
||||||
import {isBlank} from '../src/facade/lang';
|
|
||||||
|
|
||||||
export function main() {
|
export function main() {
|
||||||
describe('runner', () => {
|
describe('runner', () => {
|
||||||
@ -17,7 +16,7 @@ export function main() {
|
|||||||
var runner: Runner;
|
var runner: Runner;
|
||||||
|
|
||||||
function createRunner(defaultProviders: any[] = null): Runner {
|
function createRunner(defaultProviders: any[] = null): Runner {
|
||||||
if (isBlank(defaultProviders)) {
|
if (!defaultProviders) {
|
||||||
defaultProviders = [];
|
defaultProviders = [];
|
||||||
}
|
}
|
||||||
runner = new Runner([
|
runner = new Runner([
|
||||||
|
@ -6,10 +6,10 @@
|
|||||||
* found in the LICENSE file at https://angular.io/license
|
* found in the LICENSE file at https://angular.io/license
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import {AsyncTestCompleter, afterEach, beforeEach, ddescribe, describe, expect, iit, inject, it, xit} from '@angular/core/testing/testing_internal';
|
import {AsyncTestCompleter, describe, expect, inject, it} from '@angular/core/testing/testing_internal';
|
||||||
|
|
||||||
import {MeasureValues, Metric, Options, ReflectiveInjector, Reporter, Sampler, Validator, WebDriverAdapter} from '../index';
|
import {MeasureValues, Metric, Options, ReflectiveInjector, Reporter, Sampler, Validator, WebDriverAdapter} from '../index';
|
||||||
import {Date, DateWrapper, isBlank, isPresent, stringify} from '../src/facade/lang';
|
import {isBlank, isPresent} from '../src/facade/lang';
|
||||||
|
|
||||||
export function main() {
|
export function main() {
|
||||||
var EMPTY_EXECUTE = () => {};
|
var EMPTY_EXECUTE = () => {};
|
||||||
@ -26,10 +26,10 @@ export function main() {
|
|||||||
execute?: any
|
execute?: any
|
||||||
} = {}) {
|
} = {}) {
|
||||||
var time = 1000;
|
var time = 1000;
|
||||||
if (isBlank(metric)) {
|
if (!metric) {
|
||||||
metric = new MockMetric([]);
|
metric = new MockMetric([]);
|
||||||
}
|
}
|
||||||
if (isBlank(reporter)) {
|
if (!reporter) {
|
||||||
reporter = new MockReporter([]);
|
reporter = new MockReporter([]);
|
||||||
}
|
}
|
||||||
if (isBlank(driver)) {
|
if (isBlank(driver)) {
|
||||||
@ -39,7 +39,7 @@ export function main() {
|
|||||||
Options.DEFAULT_PROVIDERS, Sampler.PROVIDERS, {provide: Metric, useValue: metric},
|
Options.DEFAULT_PROVIDERS, Sampler.PROVIDERS, {provide: Metric, useValue: metric},
|
||||||
{provide: Reporter, useValue: reporter}, {provide: WebDriverAdapter, useValue: driver},
|
{provide: Reporter, useValue: reporter}, {provide: WebDriverAdapter, useValue: driver},
|
||||||
{provide: Options.EXECUTE, useValue: execute}, {provide: Validator, useValue: validator},
|
{provide: Options.EXECUTE, useValue: execute}, {provide: Validator, useValue: validator},
|
||||||
{provide: Options.NOW, useValue: () => DateWrapper.fromMillis(time++)}
|
{provide: Options.NOW, useValue: () => new Date(time++)}
|
||||||
];
|
];
|
||||||
if (isPresent(prepare)) {
|
if (isPresent(prepare)) {
|
||||||
providers.push({provide: Options.PREPARE, useValue: prepare});
|
providers.push({provide: Options.PREPARE, useValue: prepare});
|
||||||
@ -60,8 +60,8 @@ export function main() {
|
|||||||
createSampler({
|
createSampler({
|
||||||
driver: driver,
|
driver: driver,
|
||||||
validator: createCountingValidator(2),
|
validator: createCountingValidator(2),
|
||||||
prepare: () => { return count++; },
|
prepare: () => count++,
|
||||||
execute: () => { return count++; }
|
execute: () => count++,
|
||||||
});
|
});
|
||||||
sampler.sample().then((_) => {
|
sampler.sample().then((_) => {
|
||||||
expect(count).toBe(4);
|
expect(count).toBe(4);
|
||||||
@ -204,7 +204,7 @@ export function main() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function mv(runIndex: number, time: number, values: {[key: string]: number}) {
|
function mv(runIndex: number, time: number, values: {[key: string]: number}) {
|
||||||
return new MeasureValues(runIndex, DateWrapper.fromMillis(time), values);
|
return new MeasureValues(runIndex, new Date(time), values);
|
||||||
}
|
}
|
||||||
|
|
||||||
function createCountingValidator(
|
function createCountingValidator(
|
||||||
@ -221,7 +221,7 @@ function createCountingValidator(
|
|||||||
|
|
||||||
function createCountingMetric(log: any[] = []) {
|
function createCountingMetric(log: any[] = []) {
|
||||||
var scriptTime = 0;
|
var scriptTime = 0;
|
||||||
return new MockMetric(log, () => { return {'script': scriptTime++}; });
|
return new MockMetric(log, () => ({'script': scriptTime++}));
|
||||||
}
|
}
|
||||||
|
|
||||||
class MockDriverAdapter extends WebDriverAdapter {
|
class MockDriverAdapter extends WebDriverAdapter {
|
||||||
|
@ -6,7 +6,7 @@
|
|||||||
* found in the LICENSE file at https://angular.io/license
|
* found in the LICENSE file at https://angular.io/license
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import {AsyncTestCompleter, afterEach, beforeEach, ddescribe, describe, expect, iit, inject, it, xit} from '@angular/core/testing/testing_internal';
|
import {describe, expect, it} from '@angular/core/testing/testing_internal';
|
||||||
import {Statistic} from '../src/statistic';
|
import {Statistic} from '../src/statistic';
|
||||||
|
|
||||||
export function main() {
|
export function main() {
|
||||||
|
@ -21,16 +21,16 @@ export class TraceEventFactory {
|
|||||||
return res;
|
return res;
|
||||||
}
|
}
|
||||||
|
|
||||||
markStart(name: string, time: number) { return this.create('b', name, time); }
|
markStart(name: string, time: number) { return this.create('B', name, time); }
|
||||||
|
|
||||||
markEnd(name: string, time: number) { return this.create('e', name, time); }
|
markEnd(name: string, time: number) { return this.create('E', name, time); }
|
||||||
|
|
||||||
start(name: string, time: number, args: any = null) { return this.create('B', name, time, args); }
|
start(name: string, time: number, args: any = null) { return this.create('B', name, time, args); }
|
||||||
|
|
||||||
end(name: string, time: number, args: any = null) { return this.create('E', name, time, args); }
|
end(name: string, time: number, args: any = null) { return this.create('E', name, time, args); }
|
||||||
|
|
||||||
instant(name: string, time: number, args: any = null) {
|
instant(name: string, time: number, args: any = null) {
|
||||||
return this.create('i', name, time, args);
|
return this.create('I', name, time, args);
|
||||||
}
|
}
|
||||||
|
|
||||||
complete(name: string, time: number, duration: number, args: any = null) {
|
complete(name: string, time: number, duration: number, args: any = null) {
|
||||||
|
@ -6,11 +6,10 @@
|
|||||||
* found in the LICENSE file at https://angular.io/license
|
* found in the LICENSE file at https://angular.io/license
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import {AsyncTestCompleter, afterEach, beforeEach, ddescribe, describe, expect, iit, inject, it, xit} from '@angular/core/testing/testing_internal';
|
import {describe, expect, it} from '@angular/core/testing/testing_internal';
|
||||||
|
|
||||||
import {MeasureValues, ReflectiveInjector, RegressionSlopeValidator} from '../../index';
|
import {MeasureValues, ReflectiveInjector, RegressionSlopeValidator} from '../../index';
|
||||||
import {ListWrapper} from '../../src/facade/collection';
|
import {ListWrapper} from '../../src/facade/collection';
|
||||||
import {Date, DateWrapper} from '../../src/facade/lang';
|
|
||||||
|
|
||||||
export function main() {
|
export function main() {
|
||||||
describe('regression slope validator', () => {
|
describe('regression slope validator', () => {
|
||||||
@ -62,5 +61,5 @@ export function main() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function mv(runIndex: number, time: number, values: {[key: string]: number}) {
|
function mv(runIndex: number, time: number, values: {[key: string]: number}) {
|
||||||
return new MeasureValues(runIndex, DateWrapper.fromMillis(time), values);
|
return new MeasureValues(runIndex, new Date(time), values);
|
||||||
}
|
}
|
||||||
|
@ -6,11 +6,10 @@
|
|||||||
* found in the LICENSE file at https://angular.io/license
|
* found in the LICENSE file at https://angular.io/license
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import {AsyncTestCompleter, afterEach, beforeEach, ddescribe, describe, expect, iit, inject, it, xit} from '@angular/core/testing/testing_internal';
|
import {describe, expect, it} from '@angular/core/testing/testing_internal';
|
||||||
|
|
||||||
import {MeasureValues, ReflectiveInjector, SizeValidator, Validator} from '../../index';
|
import {MeasureValues, ReflectiveInjector, SizeValidator} from '../../index';
|
||||||
import {ListWrapper} from '../../src/facade/collection';
|
import {ListWrapper} from '../../src/facade/collection';
|
||||||
import {Date, DateWrapper} from '../../src/facade/lang';
|
|
||||||
|
|
||||||
export function main() {
|
export function main() {
|
||||||
describe('size validator', () => {
|
describe('size validator', () => {
|
||||||
@ -47,5 +46,5 @@ export function main() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function mv(runIndex: number, time: number, values: {[key: string]: number}) {
|
function mv(runIndex: number, time: number, values: {[key: string]: number}) {
|
||||||
return new MeasureValues(runIndex, DateWrapper.fromMillis(time), values);
|
return new MeasureValues(runIndex, new Date(time), values);
|
||||||
}
|
}
|
||||||
|
@ -6,7 +6,7 @@
|
|||||||
* found in the LICENSE file at https://angular.io/license
|
* found in the LICENSE file at https://angular.io/license
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import {AsyncTestCompleter, afterEach, beforeEach, ddescribe, describe, expect, iit, inject, it, xit} from '@angular/core/testing/testing_internal';
|
import {AsyncTestCompleter, describe, expect, inject, it} from '@angular/core/testing/testing_internal';
|
||||||
|
|
||||||
import {Options, ReflectiveInjector, WebDriverExtension} from '../index';
|
import {Options, ReflectiveInjector, WebDriverExtension} from '../index';
|
||||||
import {StringWrapper, isPresent} from '../src/facade/lang';
|
import {StringWrapper, isPresent} from '../src/facade/lang';
|
||||||
@ -17,7 +17,7 @@ export function main() {
|
|||||||
try {
|
try {
|
||||||
res(ReflectiveInjector
|
res(ReflectiveInjector
|
||||||
.resolveAndCreate([
|
.resolveAndCreate([
|
||||||
ids.map((id) => { return {provide: id, useValue: new MockExtension(id)}; }),
|
ids.map((id) => ({provide: id, useValue: new MockExtension(id)})),
|
||||||
{provide: Options.CAPABILITIES, useValue: caps},
|
{provide: Options.CAPABILITIES, useValue: caps},
|
||||||
WebDriverExtension.provideFirstSupported(ids)
|
WebDriverExtension.provideFirstSupported(ids)
|
||||||
])
|
])
|
||||||
|
@ -6,7 +6,7 @@
|
|||||||
* found in the LICENSE file at https://angular.io/license
|
* found in the LICENSE file at https://angular.io/license
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import {AsyncTestCompleter, afterEach, beforeEach, ddescribe, describe, expect, iit, inject, it, xit} from '@angular/core/testing/testing_internal';
|
import {AsyncTestCompleter, describe, expect, inject, it} from '@angular/core/testing/testing_internal';
|
||||||
|
|
||||||
import {ChromeDriverExtension, Options, ReflectiveInjector, WebDriverAdapter, WebDriverExtension} from '../../index';
|
import {ChromeDriverExtension, Options, ReflectiveInjector, WebDriverAdapter, WebDriverExtension} from '../../index';
|
||||||
import {Json, isBlank} from '../../src/facade/lang';
|
import {Json, isBlank} from '../../src/facade/lang';
|
||||||
@ -14,8 +14,6 @@ import {TraceEventFactory} from '../trace_event_factory';
|
|||||||
|
|
||||||
export function main() {
|
export function main() {
|
||||||
describe('chrome driver extension', () => {
|
describe('chrome driver extension', () => {
|
||||||
var CHROME44_USER_AGENT =
|
|
||||||
'"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/44.0.2403.0 Safari/537.36"';
|
|
||||||
var CHROME45_USER_AGENT =
|
var CHROME45_USER_AGENT =
|
||||||
'"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/45.0.2499.0 Safari/537.36"';
|
'"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/45.0.2499.0 Safari/537.36"';
|
||||||
|
|
||||||
@ -37,11 +35,11 @@ export function main() {
|
|||||||
function createExtension(
|
function createExtension(
|
||||||
perfRecords: any[] = null, userAgent: string = null,
|
perfRecords: any[] = null, userAgent: string = null,
|
||||||
messageMethod = 'Tracing.dataCollected'): WebDriverExtension {
|
messageMethod = 'Tracing.dataCollected'): WebDriverExtension {
|
||||||
if (isBlank(perfRecords)) {
|
if (!perfRecords) {
|
||||||
perfRecords = [];
|
perfRecords = [];
|
||||||
}
|
}
|
||||||
if (isBlank(userAgent)) {
|
if (isBlank(userAgent)) {
|
||||||
userAgent = CHROME44_USER_AGENT;
|
userAgent = CHROME45_USER_AGENT;
|
||||||
}
|
}
|
||||||
log = [];
|
log = [];
|
||||||
extension = ReflectiveInjector
|
extension = ReflectiveInjector
|
||||||
@ -89,228 +87,95 @@ export function main() {
|
|||||||
});
|
});
|
||||||
}));
|
}));
|
||||||
|
|
||||||
describe('readPerfLog Chrome44', () => {
|
it('should normalize times to ms and forward ph and pid event properties',
|
||||||
it('should normalize times to ms and forward ph and pid event properties',
|
inject([AsyncTestCompleter], (async: AsyncTestCompleter) => {
|
||||||
inject([AsyncTestCompleter], (async: AsyncTestCompleter) => {
|
createExtension([chromeTimelineV8Events.complete('FunctionCall', 1100, 5500, null)])
|
||||||
createExtension([chromeTimelineEvents.complete('FunctionCall', 1100, 5500, null)])
|
.readPerfLog()
|
||||||
.readPerfLog()
|
.then((events) => {
|
||||||
.then((events) => {
|
expect(events).toEqual([
|
||||||
expect(events).toEqual([
|
normEvents.complete('script', 1.1, 5.5, null),
|
||||||
normEvents.complete('script', 1.1, 5.5, null),
|
]);
|
||||||
]);
|
async.done();
|
||||||
async.done();
|
});
|
||||||
});
|
}));
|
||||||
}));
|
|
||||||
|
|
||||||
it('should normalize "tdur" to "dur"',
|
it('should normalize "tdur" to "dur"',
|
||||||
inject([AsyncTestCompleter], (async: AsyncTestCompleter) => {
|
inject([AsyncTestCompleter], (async: AsyncTestCompleter) => {
|
||||||
var event: any = chromeTimelineEvents.create('X', 'FunctionCall', 1100, null);
|
var event: any = chromeTimelineV8Events.create('X', 'FunctionCall', 1100, null);
|
||||||
event['tdur'] = 5500;
|
event['tdur'] = 5500;
|
||||||
createExtension([event]).readPerfLog().then((events) => {
|
createExtension([event]).readPerfLog().then((events) => {
|
||||||
expect(events).toEqual([
|
expect(events).toEqual([
|
||||||
normEvents.complete('script', 1.1, 5.5, null),
|
normEvents.complete('script', 1.1, 5.5, null),
|
||||||
]);
|
]);
|
||||||
async.done();
|
async.done();
|
||||||
});
|
});
|
||||||
}));
|
}));
|
||||||
|
|
||||||
it('should report FunctionCall events as "script"',
|
it('should report FunctionCall events as "script"',
|
||||||
inject([AsyncTestCompleter], (async: AsyncTestCompleter) => {
|
inject([AsyncTestCompleter], (async: AsyncTestCompleter) => {
|
||||||
createExtension([chromeTimelineEvents.start('FunctionCall', 0)])
|
createExtension([chromeTimelineV8Events.start('FunctionCall', 0)])
|
||||||
.readPerfLog()
|
.readPerfLog()
|
||||||
.then((events) => {
|
.then((events) => {
|
||||||
expect(events).toEqual([
|
expect(events).toEqual([
|
||||||
normEvents.start('script', 0),
|
normEvents.start('script', 0),
|
||||||
]);
|
]);
|
||||||
async.done();
|
async.done();
|
||||||
});
|
});
|
||||||
}));
|
}));
|
||||||
|
|
||||||
it('should report gc', inject([AsyncTestCompleter], (async: AsyncTestCompleter) => {
|
it('should report EvaluateScript events as "script"',
|
||||||
createExtension([
|
inject([AsyncTestCompleter], (async: AsyncTestCompleter) => {
|
||||||
chromeTimelineEvents.start('GCEvent', 1000, {'usedHeapSizeBefore': 1000}),
|
createExtension([chromeTimelineV8Events.start('EvaluateScript', 0)])
|
||||||
chromeTimelineEvents.end('GCEvent', 2000, {'usedHeapSizeAfter': 0}),
|
.readPerfLog()
|
||||||
])
|
.then((events) => {
|
||||||
.readPerfLog()
|
expect(events).toEqual([
|
||||||
.then((events) => {
|
normEvents.start('script', 0),
|
||||||
expect(events).toEqual([
|
]);
|
||||||
normEvents.start('gc', 1.0, {'usedHeapSize': 1000}),
|
async.done();
|
||||||
normEvents.end('gc', 2.0, {'usedHeapSize': 0, 'majorGc': false}),
|
});
|
||||||
]);
|
}));
|
||||||
async.done();
|
|
||||||
});
|
|
||||||
}));
|
|
||||||
|
|
||||||
it('should ignore major gc from different processes',
|
it('should report minor gc', inject([AsyncTestCompleter], (async: AsyncTestCompleter) => {
|
||||||
inject([AsyncTestCompleter], (async: AsyncTestCompleter) => {
|
createExtension([
|
||||||
createExtension([
|
chromeTimelineV8Events.start('MinorGC', 1000, {'usedHeapSizeBefore': 1000}),
|
||||||
chromeTimelineEvents.start('GCEvent', 1000, {'usedHeapSizeBefore': 1000}),
|
chromeTimelineV8Events.end('MinorGC', 2000, {'usedHeapSizeAfter': 0}),
|
||||||
v8EventsOtherProcess.start('majorGC', 1100, null),
|
])
|
||||||
v8EventsOtherProcess.end('majorGC', 1200, null),
|
.readPerfLog()
|
||||||
chromeTimelineEvents.end('GCEvent', 2000, {'usedHeapSizeAfter': 0}),
|
.then((events) => {
|
||||||
])
|
expect(events.length).toEqual(2);
|
||||||
.readPerfLog()
|
expect(events[0]).toEqual(
|
||||||
.then((events) => {
|
normEvents.start('gc', 1.0, {'usedHeapSize': 1000, 'majorGc': false}));
|
||||||
expect(events).toEqual([
|
expect(events[1]).toEqual(
|
||||||
normEvents.start('gc', 1.0, {'usedHeapSize': 1000}),
|
normEvents.end('gc', 2.0, {'usedHeapSize': 0, 'majorGc': false}));
|
||||||
normEvents.end('gc', 2.0, {'usedHeapSize': 0, 'majorGc': false}),
|
async.done();
|
||||||
]);
|
});
|
||||||
async.done();
|
}));
|
||||||
});
|
|
||||||
}));
|
|
||||||
|
|
||||||
it('should report major gc', inject([AsyncTestCompleter], (async: AsyncTestCompleter) => {
|
it('should report major gc', inject([AsyncTestCompleter], (async: AsyncTestCompleter) => {
|
||||||
createExtension([
|
createExtension(
|
||||||
chromeTimelineEvents.start('GCEvent', 1000, {'usedHeapSizeBefore': 1000}),
|
[
|
||||||
v8Events.start('majorGC', 1100, null),
|
chromeTimelineV8Events.start('MajorGC', 1000, {'usedHeapSizeBefore': 1000}),
|
||||||
v8Events.end('majorGC', 1200, null),
|
chromeTimelineV8Events.end('MajorGC', 2000, {'usedHeapSizeAfter': 0}),
|
||||||
chromeTimelineEvents.end('GCEvent', 2000, {'usedHeapSizeAfter': 0}),
|
], )
|
||||||
])
|
.readPerfLog()
|
||||||
.readPerfLog()
|
.then((events) => {
|
||||||
.then((events) => {
|
expect(events.length).toEqual(2);
|
||||||
expect(events).toEqual([
|
expect(events[0]).toEqual(
|
||||||
normEvents.start('gc', 1.0, {'usedHeapSize': 1000}),
|
normEvents.start('gc', 1.0, {'usedHeapSize': 1000, 'majorGc': true}));
|
||||||
normEvents.end('gc', 2.0, {'usedHeapSize': 0, 'majorGc': true}),
|
expect(events[1]).toEqual(
|
||||||
]);
|
normEvents.end('gc', 2.0, {'usedHeapSize': 0, 'majorGc': true}));
|
||||||
async.done();
|
async.done();
|
||||||
});
|
});
|
||||||
}));
|
}));
|
||||||
|
|
||||||
['RecalculateStyles', 'Layout', 'UpdateLayerTree', 'Paint'].forEach((recordType) => {
|
['Layout', 'UpdateLayerTree', 'Paint'].forEach((recordType) => {
|
||||||
it(`should report ${recordType} as "render"`,
|
it(`should report ${recordType} as "render"`,
|
||||||
inject([AsyncTestCompleter], (async: AsyncTestCompleter) => {
|
|
||||||
createExtension([
|
|
||||||
chromeTimelineEvents.start(recordType, 1234),
|
|
||||||
chromeTimelineEvents.end(recordType, 2345)
|
|
||||||
])
|
|
||||||
.readPerfLog()
|
|
||||||
.then((events) => {
|
|
||||||
expect(events).toEqual([
|
|
||||||
normEvents.start('render', 1.234),
|
|
||||||
normEvents.end('render', 2.345),
|
|
||||||
]);
|
|
||||||
async.done();
|
|
||||||
});
|
|
||||||
}));
|
|
||||||
});
|
|
||||||
|
|
||||||
it('should ignore FunctionCalls from webdriver',
|
|
||||||
inject([AsyncTestCompleter], (async: AsyncTestCompleter) => {
|
|
||||||
createExtension([chromeTimelineEvents.start(
|
|
||||||
'FunctionCall', 0, {'data': {'scriptName': 'InjectedScript'}})])
|
|
||||||
.readPerfLog()
|
|
||||||
.then((events) => {
|
|
||||||
expect(events).toEqual([]);
|
|
||||||
async.done();
|
|
||||||
});
|
|
||||||
}));
|
|
||||||
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
describe('readPerfLog Chrome45', () => {
|
|
||||||
it('should normalize times to ms and forward ph and pid event properties',
|
|
||||||
inject([AsyncTestCompleter], (async: AsyncTestCompleter) => {
|
|
||||||
createExtension(
|
|
||||||
[chromeTimelineV8Events.complete('FunctionCall', 1100, 5500, null)],
|
|
||||||
CHROME45_USER_AGENT)
|
|
||||||
.readPerfLog()
|
|
||||||
.then((events) => {
|
|
||||||
expect(events).toEqual([
|
|
||||||
normEvents.complete('script', 1.1, 5.5, null),
|
|
||||||
]);
|
|
||||||
async.done();
|
|
||||||
});
|
|
||||||
}));
|
|
||||||
|
|
||||||
it('should normalize "tdur" to "dur"',
|
|
||||||
inject([AsyncTestCompleter], (async: AsyncTestCompleter) => {
|
|
||||||
var event: any = chromeTimelineV8Events.create('X', 'FunctionCall', 1100, null);
|
|
||||||
event['tdur'] = 5500;
|
|
||||||
createExtension([event], CHROME45_USER_AGENT).readPerfLog().then((events) => {
|
|
||||||
expect(events).toEqual([
|
|
||||||
normEvents.complete('script', 1.1, 5.5, null),
|
|
||||||
]);
|
|
||||||
async.done();
|
|
||||||
});
|
|
||||||
}));
|
|
||||||
|
|
||||||
it('should report FunctionCall events as "script"',
|
|
||||||
inject([AsyncTestCompleter], (async: AsyncTestCompleter) => {
|
|
||||||
createExtension([chromeTimelineV8Events.start('FunctionCall', 0)], CHROME45_USER_AGENT)
|
|
||||||
.readPerfLog()
|
|
||||||
.then((events) => {
|
|
||||||
expect(events).toEqual([
|
|
||||||
normEvents.start('script', 0),
|
|
||||||
]);
|
|
||||||
async.done();
|
|
||||||
});
|
|
||||||
}));
|
|
||||||
|
|
||||||
it('should report minor gc', inject([AsyncTestCompleter], (async: AsyncTestCompleter) => {
|
|
||||||
createExtension(
|
|
||||||
[
|
|
||||||
chromeTimelineV8Events.start('MinorGC', 1000, {'usedHeapSizeBefore': 1000}),
|
|
||||||
chromeTimelineV8Events.end('MinorGC', 2000, {'usedHeapSizeAfter': 0}),
|
|
||||||
],
|
|
||||||
CHROME45_USER_AGENT)
|
|
||||||
.readPerfLog()
|
|
||||||
.then((events) => {
|
|
||||||
expect(events.length).toEqual(2);
|
|
||||||
expect(events[0]).toEqual(
|
|
||||||
normEvents.start('gc', 1.0, {'usedHeapSize': 1000, 'majorGc': false}));
|
|
||||||
expect(events[1]).toEqual(
|
|
||||||
normEvents.end('gc', 2.0, {'usedHeapSize': 0, 'majorGc': false}));
|
|
||||||
async.done();
|
|
||||||
});
|
|
||||||
}));
|
|
||||||
|
|
||||||
it('should report major gc', inject([AsyncTestCompleter], (async: AsyncTestCompleter) => {
|
|
||||||
createExtension(
|
|
||||||
[
|
|
||||||
chromeTimelineV8Events.start('MajorGC', 1000, {'usedHeapSizeBefore': 1000}),
|
|
||||||
chromeTimelineV8Events.end('MajorGC', 2000, {'usedHeapSizeAfter': 0}),
|
|
||||||
],
|
|
||||||
CHROME45_USER_AGENT)
|
|
||||||
.readPerfLog()
|
|
||||||
.then((events) => {
|
|
||||||
expect(events.length).toEqual(2);
|
|
||||||
expect(events[0]).toEqual(
|
|
||||||
normEvents.start('gc', 1.0, {'usedHeapSize': 1000, 'majorGc': true}));
|
|
||||||
expect(events[1]).toEqual(
|
|
||||||
normEvents.end('gc', 2.0, {'usedHeapSize': 0, 'majorGc': true}));
|
|
||||||
async.done();
|
|
||||||
});
|
|
||||||
}));
|
|
||||||
|
|
||||||
['Layout', 'UpdateLayerTree', 'Paint'].forEach((recordType) => {
|
|
||||||
it(`should report ${recordType} as "render"`,
|
|
||||||
inject([AsyncTestCompleter], (async: AsyncTestCompleter) => {
|
|
||||||
createExtension(
|
|
||||||
[
|
|
||||||
chrome45TimelineEvents.start(recordType, 1234),
|
|
||||||
chrome45TimelineEvents.end(recordType, 2345)
|
|
||||||
],
|
|
||||||
CHROME45_USER_AGENT)
|
|
||||||
.readPerfLog()
|
|
||||||
.then((events) => {
|
|
||||||
expect(events).toEqual([
|
|
||||||
normEvents.start('render', 1.234),
|
|
||||||
normEvents.end('render', 2.345),
|
|
||||||
]);
|
|
||||||
async.done();
|
|
||||||
});
|
|
||||||
}));
|
|
||||||
});
|
|
||||||
|
|
||||||
it(`should report UpdateLayoutTree as "render"`,
|
|
||||||
inject([AsyncTestCompleter], (async: AsyncTestCompleter) => {
|
inject([AsyncTestCompleter], (async: AsyncTestCompleter) => {
|
||||||
createExtension(
|
createExtension(
|
||||||
[
|
[
|
||||||
chromeBlinkTimelineEvents.start('UpdateLayoutTree', 1234),
|
chrome45TimelineEvents.start(recordType, 1234),
|
||||||
chromeBlinkTimelineEvents.end('UpdateLayoutTree', 2345)
|
chrome45TimelineEvents.end(recordType, 2345)
|
||||||
],
|
], )
|
||||||
CHROME45_USER_AGENT)
|
|
||||||
.readPerfLog()
|
.readPerfLog()
|
||||||
.then((events) => {
|
.then((events) => {
|
||||||
expect(events).toEqual([
|
expect(events).toEqual([
|
||||||
@ -320,70 +185,80 @@ export function main() {
|
|||||||
async.done();
|
async.done();
|
||||||
});
|
});
|
||||||
}));
|
}));
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
it('should ignore FunctionCalls from webdriver',
|
|
||||||
inject([AsyncTestCompleter], (async: AsyncTestCompleter) => {
|
|
||||||
createExtension([chromeTimelineV8Events.start(
|
|
||||||
'FunctionCall', 0, {'data': {'scriptName': 'InjectedScript'}})])
|
|
||||||
.readPerfLog()
|
|
||||||
.then((events) => {
|
|
||||||
expect(events).toEqual([]);
|
|
||||||
async.done();
|
|
||||||
});
|
|
||||||
}));
|
|
||||||
|
|
||||||
it('should ignore FunctionCalls with empty scriptName',
|
|
||||||
inject([AsyncTestCompleter], (async: AsyncTestCompleter) => {
|
|
||||||
createExtension(
|
|
||||||
[chromeTimelineV8Events.start('FunctionCall', 0, {'data': {'scriptName': ''}})])
|
|
||||||
.readPerfLog()
|
|
||||||
.then((events) => {
|
|
||||||
expect(events).toEqual([]);
|
|
||||||
async.done();
|
|
||||||
});
|
|
||||||
}));
|
|
||||||
|
|
||||||
it('should report navigationStart',
|
|
||||||
inject([AsyncTestCompleter], (async: AsyncTestCompleter) => {
|
|
||||||
createExtension(
|
|
||||||
[chromeBlinkUserTimingEvents.start('navigationStart', 1234)], CHROME45_USER_AGENT)
|
|
||||||
.readPerfLog()
|
|
||||||
.then((events) => {
|
|
||||||
expect(events).toEqual([normEvents.start('navigationStart', 1.234)]);
|
|
||||||
async.done();
|
|
||||||
});
|
|
||||||
}));
|
|
||||||
|
|
||||||
it('should report receivedData', inject([AsyncTestCompleter], (async: AsyncTestCompleter) => {
|
|
||||||
createExtension(
|
|
||||||
[chrome45TimelineEvents.instant(
|
|
||||||
'ResourceReceivedData', 1234, {'data': {'encodedDataLength': 987}})],
|
|
||||||
CHROME45_USER_AGENT)
|
|
||||||
.readPerfLog()
|
|
||||||
.then((events) => {
|
|
||||||
expect(events).toEqual(
|
|
||||||
[normEvents.instant('receivedData', 1.234, {'encodedDataLength': 987})]);
|
|
||||||
async.done();
|
|
||||||
});
|
|
||||||
}));
|
|
||||||
|
|
||||||
it('should report sendRequest', inject([AsyncTestCompleter], (async: AsyncTestCompleter) => {
|
|
||||||
createExtension(
|
|
||||||
[chrome45TimelineEvents.instant(
|
|
||||||
'ResourceSendRequest', 1234,
|
|
||||||
{'data': {'url': 'http://here', 'requestMethod': 'GET'}})],
|
|
||||||
CHROME45_USER_AGENT)
|
|
||||||
.readPerfLog()
|
|
||||||
.then((events) => {
|
|
||||||
expect(events).toEqual([normEvents.instant(
|
|
||||||
'sendRequest', 1.234, {'url': 'http://here', 'method': 'GET'})]);
|
|
||||||
async.done();
|
|
||||||
});
|
|
||||||
}));
|
|
||||||
});
|
});
|
||||||
|
|
||||||
|
it(`should report UpdateLayoutTree as "render"`,
|
||||||
|
inject([AsyncTestCompleter], (async: AsyncTestCompleter) => {
|
||||||
|
createExtension(
|
||||||
|
[
|
||||||
|
chromeBlinkTimelineEvents.start('UpdateLayoutTree', 1234),
|
||||||
|
chromeBlinkTimelineEvents.end('UpdateLayoutTree', 2345)
|
||||||
|
], )
|
||||||
|
.readPerfLog()
|
||||||
|
.then((events) => {
|
||||||
|
expect(events).toEqual([
|
||||||
|
normEvents.start('render', 1.234),
|
||||||
|
normEvents.end('render', 2.345),
|
||||||
|
]);
|
||||||
|
async.done();
|
||||||
|
});
|
||||||
|
}));
|
||||||
|
|
||||||
|
it('should ignore FunctionCalls from webdriver',
|
||||||
|
inject([AsyncTestCompleter], (async: AsyncTestCompleter) => {
|
||||||
|
createExtension([chromeTimelineV8Events.start(
|
||||||
|
'FunctionCall', 0, {'data': {'scriptName': 'InjectedScript'}})])
|
||||||
|
.readPerfLog()
|
||||||
|
.then((events) => {
|
||||||
|
expect(events).toEqual([]);
|
||||||
|
async.done();
|
||||||
|
});
|
||||||
|
}));
|
||||||
|
|
||||||
|
it('should ignore FunctionCalls with empty scriptName',
|
||||||
|
inject([AsyncTestCompleter], (async: AsyncTestCompleter) => {
|
||||||
|
createExtension(
|
||||||
|
[chromeTimelineV8Events.start('FunctionCall', 0, {'data': {'scriptName': ''}})])
|
||||||
|
.readPerfLog()
|
||||||
|
.then((events) => {
|
||||||
|
expect(events).toEqual([]);
|
||||||
|
async.done();
|
||||||
|
});
|
||||||
|
}));
|
||||||
|
|
||||||
|
it('should report navigationStart',
|
||||||
|
inject([AsyncTestCompleter], (async: AsyncTestCompleter) => {
|
||||||
|
createExtension([chromeBlinkUserTimingEvents.instant('navigationStart', 1234)])
|
||||||
|
.readPerfLog()
|
||||||
|
.then((events) => {
|
||||||
|
expect(events).toEqual([normEvents.instant('navigationStart', 1.234)]);
|
||||||
|
async.done();
|
||||||
|
});
|
||||||
|
}));
|
||||||
|
|
||||||
|
it('should report receivedData', inject([AsyncTestCompleter], (async: AsyncTestCompleter) => {
|
||||||
|
createExtension([chrome45TimelineEvents.instant(
|
||||||
|
'ResourceReceivedData', 1234, {'data': {'encodedDataLength': 987}})], )
|
||||||
|
.readPerfLog()
|
||||||
|
.then((events) => {
|
||||||
|
expect(events).toEqual(
|
||||||
|
[normEvents.instant('receivedData', 1.234, {'encodedDataLength': 987})]);
|
||||||
|
async.done();
|
||||||
|
});
|
||||||
|
}));
|
||||||
|
|
||||||
|
it('should report sendRequest', inject([AsyncTestCompleter], (async: AsyncTestCompleter) => {
|
||||||
|
createExtension([chrome45TimelineEvents.instant(
|
||||||
|
'ResourceSendRequest', 1234,
|
||||||
|
{'data': {'url': 'http://here', 'requestMethod': 'GET'}})], )
|
||||||
|
.readPerfLog()
|
||||||
|
.then((events) => {
|
||||||
|
expect(events).toEqual([normEvents.instant(
|
||||||
|
'sendRequest', 1.234, {'url': 'http://here', 'method': 'GET'})]);
|
||||||
|
async.done();
|
||||||
|
});
|
||||||
|
}));
|
||||||
|
|
||||||
describe('readPerfLog (common)', () => {
|
describe('readPerfLog (common)', () => {
|
||||||
|
|
||||||
it('should execute a dummy script before reading them',
|
it('should execute a dummy script before reading them',
|
||||||
@ -404,8 +279,7 @@ export function main() {
|
|||||||
[
|
[
|
||||||
chromeTimelineEvents.start(recordType, 1234),
|
chromeTimelineEvents.start(recordType, 1234),
|
||||||
chromeTimelineEvents.end(recordType, 2345)
|
chromeTimelineEvents.end(recordType, 2345)
|
||||||
],
|
], )
|
||||||
CHROME45_USER_AGENT)
|
|
||||||
.readPerfLog()
|
.readPerfLog()
|
||||||
.then((events) => {
|
.then((events) => {
|
||||||
expect(events).toEqual([
|
expect(events).toEqual([
|
||||||
@ -426,7 +300,7 @@ export function main() {
|
|||||||
.readPerfLog()
|
.readPerfLog()
|
||||||
.then((events) => {
|
.then((events) => {
|
||||||
expect(events).toEqual([
|
expect(events).toEqual([
|
||||||
normEvents.create('i', 'frame', 1.1),
|
normEvents.instant('frame', 1.1),
|
||||||
]);
|
]);
|
||||||
async.done();
|
async.done();
|
||||||
});
|
});
|
||||||
@ -522,11 +396,11 @@ class MockDriverAdapter extends WebDriverAdapter {
|
|||||||
logs(type: string) {
|
logs(type: string) {
|
||||||
this._log.push(['logs', type]);
|
this._log.push(['logs', type]);
|
||||||
if (type === 'performance') {
|
if (type === 'performance') {
|
||||||
return Promise.resolve(this._events.map((event) => {
|
return Promise.resolve(this._events.map(
|
||||||
return {
|
(event) => ({
|
||||||
'message': Json.stringify({'message': {'method': this._messageMethod, 'params': event}})
|
'message':
|
||||||
};
|
Json.stringify({'message': {'method': this._messageMethod, 'params': event}})
|
||||||
}));
|
})));
|
||||||
} else {
|
} else {
|
||||||
return null;
|
return null;
|
||||||
}
|
}
|
||||||
|
@ -6,10 +6,10 @@
|
|||||||
* found in the LICENSE file at https://angular.io/license
|
* found in the LICENSE file at https://angular.io/license
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import {AsyncTestCompleter, afterEach, beforeEach, ddescribe, describe, expect, iit, inject, it, xit} from '@angular/core/testing/testing_internal';
|
import {AsyncTestCompleter, describe, expect, inject, it} from '@angular/core/testing/testing_internal';
|
||||||
|
|
||||||
import {IOsDriverExtension, ReflectiveInjector, WebDriverAdapter, WebDriverExtension} from '../../index';
|
import {IOsDriverExtension, ReflectiveInjector, WebDriverAdapter, WebDriverExtension} from '../../index';
|
||||||
import {Json, isBlank, isPresent} from '../../src/facade/lang';
|
import {Json} from '../../src/facade/lang';
|
||||||
import {TraceEventFactory} from '../trace_event_factory';
|
import {TraceEventFactory} from '../trace_event_factory';
|
||||||
|
|
||||||
export function main() {
|
export function main() {
|
||||||
@ -20,7 +20,7 @@ export function main() {
|
|||||||
var normEvents = new TraceEventFactory('timeline', 'pid0');
|
var normEvents = new TraceEventFactory('timeline', 'pid0');
|
||||||
|
|
||||||
function createExtension(perfRecords: any[] = null): WebDriverExtension {
|
function createExtension(perfRecords: any[] = null): WebDriverExtension {
|
||||||
if (isBlank(perfRecords)) {
|
if (!perfRecords) {
|
||||||
perfRecords = [];
|
perfRecords = [];
|
||||||
}
|
}
|
||||||
log = [];
|
log = [];
|
||||||
@ -156,7 +156,7 @@ function timeEndRecord(name: string, time: number) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function durationRecord(type: string, startTime: number, endTime: number, children: any[] = null) {
|
function durationRecord(type: string, startTime: number, endTime: number, children: any[] = null) {
|
||||||
if (isBlank(children)) {
|
if (!children) {
|
||||||
children = [];
|
children = [];
|
||||||
}
|
}
|
||||||
return {'type': type, 'startTime': startTime, 'endTime': endTime, 'children': children};
|
return {'type': type, 'startTime': startTime, 'endTime': endTime, 'children': children};
|
||||||
|
@ -1,3 +1,10 @@
|
|||||||
|
/**
|
||||||
|
* @license
|
||||||
|
* Copyright Google Inc. All Rights Reserved.
|
||||||
|
*
|
||||||
|
* Use of this source code is governed by an MIT-style license that can be
|
||||||
|
* found in the LICENSE file at https://angular.io/license
|
||||||
|
*/
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
entry: '../../../dist/packages-dist/common/testing/index.js',
|
entry: '../../../dist/packages-dist/common/testing/index.js',
|
||||||
@ -10,4 +17,4 @@ export default {
|
|||||||
'rxjs/Observable': 'Rx',
|
'rxjs/Observable': 'Rx',
|
||||||
'rxjs/Subject': 'Rx'
|
'rxjs/Subject': 'Rx'
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
|
@ -1,3 +1,10 @@
|
|||||||
|
/**
|
||||||
|
* @license
|
||||||
|
* Copyright Google Inc. All Rights Reserved.
|
||||||
|
*
|
||||||
|
* Use of this source code is governed by an MIT-style license that can be
|
||||||
|
* found in the LICENSE file at https://angular.io/license
|
||||||
|
*/
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
entry: '../../../dist/packages-dist/common/index.js',
|
entry: '../../../dist/packages-dist/common/index.js',
|
||||||
@ -7,6 +14,6 @@ export default {
|
|||||||
globals: {
|
globals: {
|
||||||
'@angular/core': 'ng.core',
|
'@angular/core': 'ng.core',
|
||||||
'rxjs/Observable': 'Rx',
|
'rxjs/Observable': 'Rx',
|
||||||
'rxjs/Subject': 'Rx'
|
'rxjs/Subject': 'Rx',
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
|
@ -61,8 +61,7 @@ export class NgPlural {
|
|||||||
|
|
||||||
addCase(value: string, switchView: SwitchView): void { this._caseViews[value] = switchView; }
|
addCase(value: string, switchView: SwitchView): void { this._caseViews[value] = switchView; }
|
||||||
|
|
||||||
/** @internal */
|
private _updateView(): void {
|
||||||
_updateView(): void {
|
|
||||||
this._clearViews();
|
this._clearViews();
|
||||||
|
|
||||||
const cases = Object.keys(this._caseViews);
|
const cases = Object.keys(this._caseViews);
|
||||||
@ -70,13 +69,11 @@ export class NgPlural {
|
|||||||
this._activateView(this._caseViews[key]);
|
this._activateView(this._caseViews[key]);
|
||||||
}
|
}
|
||||||
|
|
||||||
/** @internal */
|
private _clearViews() {
|
||||||
_clearViews() {
|
|
||||||
if (this._activeView) this._activeView.destroy();
|
if (this._activeView) this._activeView.destroy();
|
||||||
}
|
}
|
||||||
|
|
||||||
/** @internal */
|
private _activateView(view: SwitchView) {
|
||||||
_activateView(view: SwitchView) {
|
|
||||||
if (view) {
|
if (view) {
|
||||||
this._activeView = view;
|
this._activeView = view;
|
||||||
this._activeView.create();
|
this._activeView.create();
|
||||||
@ -91,10 +88,12 @@ export class NgPlural {
|
|||||||
* given expression matches the plural expression according to CLDR rules.
|
* given expression matches the plural expression according to CLDR rules.
|
||||||
*
|
*
|
||||||
* @howToUse
|
* @howToUse
|
||||||
* <some-element [ngPlural]="value">
|
* ```
|
||||||
* <ng-container *ngPluralCase="'=0'">...</ng-container>
|
* <some-element [ngPlural]="value">
|
||||||
* <ng-container *ngPluralCase="'other'">...</ng-container>
|
* <ng-container *ngPluralCase="'=0'">...</ng-container>
|
||||||
* </some-element>
|
* <ng-container *ngPluralCase="'other'">...</ng-container>
|
||||||
|
* </some-element>
|
||||||
|
*```
|
||||||
*
|
*
|
||||||
* See {@link NgPlural} for more details and example.
|
* See {@link NgPlural} for more details and example.
|
||||||
*
|
*
|
||||||
|
@ -32,10 +32,8 @@ import {Directive, DoCheck, ElementRef, Input, KeyValueChangeRecord, KeyValueDif
|
|||||||
*/
|
*/
|
||||||
@Directive({selector: '[ngStyle]'})
|
@Directive({selector: '[ngStyle]'})
|
||||||
export class NgStyle implements DoCheck {
|
export class NgStyle implements DoCheck {
|
||||||
/** @internal */
|
private _ngStyle: {[key: string]: string};
|
||||||
_ngStyle: {[key: string]: string};
|
private _differ: KeyValueDiffer;
|
||||||
/** @internal */
|
|
||||||
_differ: KeyValueDiffer;
|
|
||||||
|
|
||||||
constructor(
|
constructor(
|
||||||
private _differs: KeyValueDiffers, private _ngEl: ElementRef, private _renderer: Renderer) {}
|
private _differs: KeyValueDiffers, private _ngEl: ElementRef, private _renderer: Renderer) {}
|
||||||
@ -69,7 +67,7 @@ export class NgStyle implements DoCheck {
|
|||||||
|
|
||||||
private _setStyle(nameAndUnit: string, value: string): void {
|
private _setStyle(nameAndUnit: string, value: string): void {
|
||||||
const [name, unit] = nameAndUnit.split('.');
|
const [name, unit] = nameAndUnit.split('.');
|
||||||
value = value !== null && value !== void(0) && unit ? `${value}${unit}` : value;
|
value = value && unit ? `${value}${unit}` : value;
|
||||||
|
|
||||||
this._renderer.setElementStyle(this._ngEl.nativeElement, name, value);
|
this._renderer.setElementStyle(this._ngEl.nativeElement, name, value);
|
||||||
}
|
}
|
||||||
|
@ -111,8 +111,7 @@ export class NgSwitch {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/** @internal */
|
private _emptyAllActiveViews(): void {
|
||||||
_emptyAllActiveViews(): void {
|
|
||||||
const activeContainers = this._activeViews;
|
const activeContainers = this._activeViews;
|
||||||
for (var i = 0; i < activeContainers.length; i++) {
|
for (var i = 0; i < activeContainers.length; i++) {
|
||||||
activeContainers[i].destroy();
|
activeContainers[i].destroy();
|
||||||
@ -120,9 +119,7 @@ export class NgSwitch {
|
|||||||
this._activeViews = [];
|
this._activeViews = [];
|
||||||
}
|
}
|
||||||
|
|
||||||
/** @internal */
|
private _activateViews(views: SwitchView[]): void {
|
||||||
_activateViews(views: SwitchView[]): void {
|
|
||||||
// TODO(vicb): assert(this._activeViews.length === 0);
|
|
||||||
if (views) {
|
if (views) {
|
||||||
for (var i = 0; i < views.length; i++) {
|
for (var i = 0; i < views.length; i++) {
|
||||||
views[i].create();
|
views[i].create();
|
||||||
@ -141,8 +138,7 @@ export class NgSwitch {
|
|||||||
views.push(view);
|
views.push(view);
|
||||||
}
|
}
|
||||||
|
|
||||||
/** @internal */
|
private _deregisterView(value: any, view: SwitchView): void {
|
||||||
_deregisterView(value: any, view: SwitchView): void {
|
|
||||||
// `_CASE_DEFAULT` is used a marker for non-registered cases
|
// `_CASE_DEFAULT` is used a marker for non-registered cases
|
||||||
if (value === _CASE_DEFAULT) return;
|
if (value === _CASE_DEFAULT) return;
|
||||||
const views = this._valueViews.get(value);
|
const views = this._valueViews.get(value);
|
||||||
@ -162,10 +158,11 @@ export class NgSwitch {
|
|||||||
* expression.
|
* expression.
|
||||||
*
|
*
|
||||||
* @howToUse
|
* @howToUse
|
||||||
* <container-element [ngSwitch]="switch_expression">
|
* ```
|
||||||
* <some-element *ngSwitchCase="match_expression_1">...</some-element>
|
* <container-element [ngSwitch]="switch_expression">
|
||||||
* </container-element>
|
* <some-element *ngSwitchCase="match_expression_1">...</some-element>
|
||||||
*
|
* </container-element>
|
||||||
|
*```
|
||||||
* @description
|
* @description
|
||||||
*
|
*
|
||||||
* Insert the sub-tree when the expression evaluates to the same value as the enclosing switch
|
* Insert the sub-tree when the expression evaluates to the same value as the enclosing switch
|
||||||
@ -180,10 +177,8 @@ export class NgSwitch {
|
|||||||
@Directive({selector: '[ngSwitchCase]'})
|
@Directive({selector: '[ngSwitchCase]'})
|
||||||
export class NgSwitchCase {
|
export class NgSwitchCase {
|
||||||
// `_CASE_DEFAULT` is used as a marker for a not yet initialized value
|
// `_CASE_DEFAULT` is used as a marker for a not yet initialized value
|
||||||
/** @internal */
|
private _value: any = _CASE_DEFAULT;
|
||||||
_value: any = _CASE_DEFAULT;
|
private _view: SwitchView;
|
||||||
/** @internal */
|
|
||||||
_view: SwitchView;
|
|
||||||
private _switch: NgSwitch;
|
private _switch: NgSwitch;
|
||||||
|
|
||||||
constructor(
|
constructor(
|
||||||
@ -207,10 +202,12 @@ export class NgSwitchCase {
|
|||||||
* switch expression.
|
* switch expression.
|
||||||
*
|
*
|
||||||
* @howToUse
|
* @howToUse
|
||||||
* <container-element [ngSwitch]="switch_expression">
|
* ```
|
||||||
* <some-element *ngSwitchCase="match_expression_1">...</some-element>
|
* <container-element [ngSwitch]="switch_expression">
|
||||||
* <some-other-element *ngSwitchDefault>...</some-other-element>
|
* <some-element *ngSwitchCase="match_expression_1">...</some-element>
|
||||||
* </container-element>
|
* <some-other-element *ngSwitchDefault>...</some-other-element>
|
||||||
|
* </container-element>
|
||||||
|
* ```
|
||||||
*
|
*
|
||||||
* @description
|
* @description
|
||||||
*
|
*
|
||||||
|
@ -6,7 +6,7 @@
|
|||||||
* found in the LICENSE file at https://angular.io/license
|
* found in the LICENSE file at https://angular.io/license
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import {Directive, EmbeddedViewRef, Input, OnChanges, TemplateRef, ViewContainerRef} from '@angular/core';
|
import {Directive, EmbeddedViewRef, Input, OnChanges, SimpleChanges, TemplateRef, ViewContainerRef} from '@angular/core';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @ngModule CommonModule
|
* @ngModule CommonModule
|
||||||
@ -44,7 +44,7 @@ export class NgTemplateOutlet implements OnChanges {
|
|||||||
@Input()
|
@Input()
|
||||||
set ngTemplateOutlet(templateRef: TemplateRef<Object>) { this._templateRef = templateRef; }
|
set ngTemplateOutlet(templateRef: TemplateRef<Object>) { this._templateRef = templateRef; }
|
||||||
|
|
||||||
ngOnChanges() {
|
ngOnChanges(changes: SimpleChanges) {
|
||||||
if (this._viewRef) {
|
if (this._viewRef) {
|
||||||
this._viewContainerRef.remove(this._viewContainerRef.indexOf(this._viewRef));
|
this._viewContainerRef.remove(this._viewContainerRef.indexOf(this._viewRef));
|
||||||
}
|
}
|
||||||
|
@ -67,7 +67,7 @@ export enum Plural {
|
|||||||
Two,
|
Two,
|
||||||
Few,
|
Few,
|
||||||
Many,
|
Many,
|
||||||
Other
|
Other,
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
@ -49,16 +49,20 @@ export class Location {
|
|||||||
_subject: EventEmitter<any> = new EventEmitter();
|
_subject: EventEmitter<any> = new EventEmitter();
|
||||||
/** @internal */
|
/** @internal */
|
||||||
_baseHref: string;
|
_baseHref: string;
|
||||||
|
|
||||||
/** @internal */
|
/** @internal */
|
||||||
_platformStrategy: LocationStrategy;
|
_platformStrategy: LocationStrategy;
|
||||||
|
|
||||||
constructor(platformStrategy: LocationStrategy) {
|
constructor(platformStrategy: LocationStrategy) {
|
||||||
this._platformStrategy = platformStrategy;
|
this._platformStrategy = platformStrategy;
|
||||||
var browserBaseHref = this._platformStrategy.getBaseHref();
|
const browserBaseHref = this._platformStrategy.getBaseHref();
|
||||||
this._baseHref = Location.stripTrailingSlash(_stripIndexHtml(browserBaseHref));
|
this._baseHref = Location.stripTrailingSlash(_stripIndexHtml(browserBaseHref));
|
||||||
this._platformStrategy.onPopState(
|
this._platformStrategy.onPopState((ev) => {
|
||||||
(ev) => { this._subject.emit({'url': this.path(true), 'pop': true, 'type': ev.type}); });
|
this._subject.emit({
|
||||||
|
'url': this.path(true),
|
||||||
|
'pop': true,
|
||||||
|
'type': ev.type,
|
||||||
|
});
|
||||||
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
@ -8,7 +8,7 @@
|
|||||||
|
|
||||||
import {ChangeDetectorRef, OnDestroy, Pipe, WrappedValue} from '@angular/core';
|
import {ChangeDetectorRef, OnDestroy, Pipe, WrappedValue} from '@angular/core';
|
||||||
import {EventEmitter, Observable} from '../facade/async';
|
import {EventEmitter, Observable} from '../facade/async';
|
||||||
import {isBlank, isPresent, isPromise} from '../facade/lang';
|
import {isPromise} from '../private_import_core';
|
||||||
import {InvalidPipeArgumentError} from './invalid_pipe_argument_error';
|
import {InvalidPipeArgumentError} from './invalid_pipe_argument_error';
|
||||||
|
|
||||||
interface SubscriptionStrategy {
|
interface SubscriptionStrategy {
|
||||||
@ -37,9 +37,8 @@ class PromiseStrategy implements SubscriptionStrategy {
|
|||||||
onDestroy(subscription: any): void {}
|
onDestroy(subscription: any): void {}
|
||||||
}
|
}
|
||||||
|
|
||||||
var _promiseStrategy = new PromiseStrategy();
|
const _promiseStrategy = new PromiseStrategy();
|
||||||
var _observableStrategy = new ObservableStrategy();
|
const _observableStrategy = new ObservableStrategy();
|
||||||
var __unused: Promise<any>; // avoid unused import when Promise union types are erased
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @ngModule CommonModule
|
* @ngModule CommonModule
|
||||||
@ -68,30 +67,24 @@ var __unused: Promise<any>; // avoid unused import when Promise union types are
|
|||||||
*/
|
*/
|
||||||
@Pipe({name: 'async', pure: false})
|
@Pipe({name: 'async', pure: false})
|
||||||
export class AsyncPipe implements OnDestroy {
|
export class AsyncPipe implements OnDestroy {
|
||||||
/** @internal */
|
private _latestValue: Object = null;
|
||||||
_latestValue: Object = null;
|
private _latestReturnedValue: Object = null;
|
||||||
/** @internal */
|
|
||||||
_latestReturnedValue: Object = null;
|
|
||||||
|
|
||||||
/** @internal */
|
private _subscription: Object = null;
|
||||||
_subscription: Object = null;
|
private _obj: Observable<any>|Promise<any>|EventEmitter<any> = null;
|
||||||
/** @internal */
|
|
||||||
_obj: Observable<any>|Promise<any>|EventEmitter<any> = null;
|
|
||||||
/** @internal */
|
|
||||||
_ref: ChangeDetectorRef;
|
|
||||||
private _strategy: SubscriptionStrategy = null;
|
private _strategy: SubscriptionStrategy = null;
|
||||||
|
|
||||||
constructor(_ref: ChangeDetectorRef) { this._ref = _ref; }
|
constructor(private _ref: ChangeDetectorRef) {}
|
||||||
|
|
||||||
ngOnDestroy(): void {
|
ngOnDestroy(): void {
|
||||||
if (isPresent(this._subscription)) {
|
if (this._subscription) {
|
||||||
this._dispose();
|
this._dispose();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
transform(obj: Observable<any>|Promise<any>|EventEmitter<any>): any {
|
transform(obj: Observable<any>|Promise<any>|EventEmitter<any>): any {
|
||||||
if (isBlank(this._obj)) {
|
if (!this._obj) {
|
||||||
if (isPresent(obj)) {
|
if (obj) {
|
||||||
this._subscribe(obj);
|
this._subscribe(obj);
|
||||||
}
|
}
|
||||||
this._latestReturnedValue = this._latestValue;
|
this._latestReturnedValue = this._latestValue;
|
||||||
@ -105,33 +98,32 @@ export class AsyncPipe implements OnDestroy {
|
|||||||
|
|
||||||
if (this._latestValue === this._latestReturnedValue) {
|
if (this._latestValue === this._latestReturnedValue) {
|
||||||
return this._latestReturnedValue;
|
return this._latestReturnedValue;
|
||||||
} else {
|
|
||||||
this._latestReturnedValue = this._latestValue;
|
|
||||||
return WrappedValue.wrap(this._latestValue);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
this._latestReturnedValue = this._latestValue;
|
||||||
|
return WrappedValue.wrap(this._latestValue);
|
||||||
}
|
}
|
||||||
|
|
||||||
/** @internal */
|
private _subscribe(obj: Observable<any>|Promise<any>|EventEmitter<any>): void {
|
||||||
_subscribe(obj: Observable<any>|Promise<any>|EventEmitter<any>): void {
|
|
||||||
this._obj = obj;
|
this._obj = obj;
|
||||||
this._strategy = this._selectStrategy(obj);
|
this._strategy = this._selectStrategy(obj);
|
||||||
this._subscription = this._strategy.createSubscription(
|
this._subscription = this._strategy.createSubscription(
|
||||||
obj, (value: Object) => this._updateLatestValue(obj, value));
|
obj, (value: Object) => this._updateLatestValue(obj, value));
|
||||||
}
|
}
|
||||||
|
|
||||||
/** @internal */
|
private _selectStrategy(obj: Observable<any>|Promise<any>|EventEmitter<any>): any {
|
||||||
_selectStrategy(obj: Observable<any>|Promise<any>|EventEmitter<any>): any {
|
|
||||||
if (isPromise(obj)) {
|
if (isPromise(obj)) {
|
||||||
return _promiseStrategy;
|
return _promiseStrategy;
|
||||||
} else if ((<any>obj).subscribe) {
|
|
||||||
return _observableStrategy;
|
|
||||||
} else {
|
|
||||||
throw new InvalidPipeArgumentError(AsyncPipe, obj);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if ((<any>obj).subscribe) {
|
||||||
|
return _observableStrategy;
|
||||||
|
}
|
||||||
|
|
||||||
|
throw new InvalidPipeArgumentError(AsyncPipe, obj);
|
||||||
}
|
}
|
||||||
|
|
||||||
/** @internal */
|
private _dispose(): void {
|
||||||
_dispose(): void {
|
|
||||||
this._strategy.dispose(this._subscription);
|
this._strategy.dispose(this._subscription);
|
||||||
this._latestValue = null;
|
this._latestValue = null;
|
||||||
this._latestReturnedValue = null;
|
this._latestReturnedValue = null;
|
||||||
@ -139,8 +131,7 @@ export class AsyncPipe implements OnDestroy {
|
|||||||
this._obj = null;
|
this._obj = null;
|
||||||
}
|
}
|
||||||
|
|
||||||
/** @internal */
|
private _updateLatestValue(async: any, value: Object) {
|
||||||
_updateLatestValue(async: any, value: Object) {
|
|
||||||
if (async === this._obj) {
|
if (async === this._obj) {
|
||||||
this._latestValue = value;
|
this._latestValue = value;
|
||||||
this._ref.markForCheck();
|
this._ref.markForCheck();
|
||||||
|
@ -7,10 +7,8 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
import {Inject, LOCALE_ID, Pipe, PipeTransform} from '@angular/core';
|
import {Inject, LOCALE_ID, Pipe, PipeTransform} from '@angular/core';
|
||||||
|
|
||||||
import {StringMapWrapper} from '../facade/collection';
|
|
||||||
import {DateFormatter} from '../facade/intl';
|
import {DateFormatter} from '../facade/intl';
|
||||||
import {DateWrapper, NumberWrapper, isBlank, isDate, isString} from '../facade/lang';
|
import {NumberWrapper, isBlank, isDate} from '../facade/lang';
|
||||||
import {InvalidPipeArgumentError} from './invalid_pipe_argument_error';
|
import {InvalidPipeArgumentError} from './invalid_pipe_argument_error';
|
||||||
|
|
||||||
|
|
||||||
@ -83,7 +81,7 @@ import {InvalidPipeArgumentError} from './invalid_pipe_argument_error';
|
|||||||
@Pipe({name: 'date', pure: true})
|
@Pipe({name: 'date', pure: true})
|
||||||
export class DatePipe implements PipeTransform {
|
export class DatePipe implements PipeTransform {
|
||||||
/** @internal */
|
/** @internal */
|
||||||
static _ALIASES: {[key: string]: String} = {
|
static _ALIASES: {[key: string]: string} = {
|
||||||
'medium': 'yMMMdjms',
|
'medium': 'yMMMdjms',
|
||||||
'short': 'yMdjm',
|
'short': 'yMdjm',
|
||||||
'fullDate': 'yMMMMEEEEd',
|
'fullDate': 'yMMMMEEEEd',
|
||||||
@ -104,23 +102,15 @@ export class DatePipe implements PipeTransform {
|
|||||||
}
|
}
|
||||||
|
|
||||||
if (NumberWrapper.isNumeric(value)) {
|
if (NumberWrapper.isNumeric(value)) {
|
||||||
value = DateWrapper.fromMillis(parseFloat(value));
|
value = parseFloat(value);
|
||||||
} else if (isString(value)) {
|
|
||||||
value = DateWrapper.fromISOString(value);
|
|
||||||
}
|
}
|
||||||
if (StringMapWrapper.contains(DatePipe._ALIASES, pattern)) {
|
|
||||||
pattern = <string>StringMapWrapper.get(DatePipe._ALIASES, pattern);
|
return DateFormatter.format(
|
||||||
}
|
new Date(value), this._locale, DatePipe._ALIASES[pattern] || pattern);
|
||||||
return DateFormatter.format(value, this._locale, pattern);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
private supports(obj: any): boolean {
|
private supports(obj: any): boolean {
|
||||||
if (isDate(obj) || NumberWrapper.isNumeric(obj)) {
|
return isDate(obj) || NumberWrapper.isNumeric(obj) ||
|
||||||
return true;
|
(typeof obj === 'string' && isDate(new Date(obj)));
|
||||||
}
|
|
||||||
if (isString(obj) && isDate(DateWrapper.fromISOString(obj))) {
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -7,7 +7,7 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
import {Pipe, PipeTransform} from '@angular/core';
|
import {Pipe, PipeTransform} from '@angular/core';
|
||||||
import {StringWrapper, isBlank, isStringMap} from '../facade/lang';
|
import {isBlank, isStringMap} from '../facade/lang';
|
||||||
import {NgLocalization, getPluralCategory} from '../localization';
|
import {NgLocalization, getPluralCategory} from '../localization';
|
||||||
import {InvalidPipeArgumentError} from './invalid_pipe_argument_error';
|
import {InvalidPipeArgumentError} from './invalid_pipe_argument_error';
|
||||||
|
|
||||||
@ -43,6 +43,6 @@ export class I18nPluralPipe implements PipeTransform {
|
|||||||
|
|
||||||
const key = getPluralCategory(value, Object.keys(pluralMap), this._localization);
|
const key = getPluralCategory(value, Object.keys(pluralMap), this._localization);
|
||||||
|
|
||||||
return StringWrapper.replaceAll(pluralMap[key], _INTERPOLATION_REGEXP, value.toString());
|
return pluralMap[key].replace(_INTERPOLATION_REGEXP, value.toString());
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -7,7 +7,7 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
import {Pipe, PipeTransform} from '@angular/core';
|
import {Pipe, PipeTransform} from '@angular/core';
|
||||||
import {isBlank, isString} from '../facade/lang';
|
import {isBlank} from '../facade/lang';
|
||||||
import {InvalidPipeArgumentError} from './invalid_pipe_argument_error';
|
import {InvalidPipeArgumentError} from './invalid_pipe_argument_error';
|
||||||
|
|
||||||
|
|
||||||
@ -29,7 +29,7 @@ import {InvalidPipeArgumentError} from './invalid_pipe_argument_error';
|
|||||||
export class LowerCasePipe implements PipeTransform {
|
export class LowerCasePipe implements PipeTransform {
|
||||||
transform(value: string): string {
|
transform(value: string): string {
|
||||||
if (isBlank(value)) return value;
|
if (isBlank(value)) return value;
|
||||||
if (!isString(value)) {
|
if (typeof value !== 'string') {
|
||||||
throw new InvalidPipeArgumentError(LowerCasePipe, value);
|
throw new InvalidPipeArgumentError(LowerCasePipe, value);
|
||||||
}
|
}
|
||||||
return value.toLowerCase();
|
return value.toLowerCase();
|
||||||
|
@ -9,21 +9,23 @@
|
|||||||
import {Inject, LOCALE_ID, Pipe, PipeTransform, Type} from '@angular/core';
|
import {Inject, LOCALE_ID, Pipe, PipeTransform, Type} from '@angular/core';
|
||||||
|
|
||||||
import {NumberFormatStyle, NumberFormatter} from '../facade/intl';
|
import {NumberFormatStyle, NumberFormatter} from '../facade/intl';
|
||||||
import {NumberWrapper, isBlank, isNumber, isPresent, isString} from '../facade/lang';
|
import {NumberWrapper, isBlank, isPresent} from '../facade/lang';
|
||||||
|
|
||||||
import {InvalidPipeArgumentError} from './invalid_pipe_argument_error';
|
import {InvalidPipeArgumentError} from './invalid_pipe_argument_error';
|
||||||
|
|
||||||
const _NUMBER_FORMAT_REGEXP = /^(\d+)?\.((\d+)(\-(\d+))?)?$/;
|
const _NUMBER_FORMAT_REGEXP = /^(\d+)?\.((\d+)(-(\d+))?)?$/;
|
||||||
|
|
||||||
function formatNumber(
|
function formatNumber(
|
||||||
pipe: Type<any>, locale: string, value: number | string, style: NumberFormatStyle,
|
pipe: Type<any>, locale: string, value: number | string, style: NumberFormatStyle,
|
||||||
digits: string, currency: string = null, currencyAsSymbol: boolean = false): string {
|
digits: string, currency: string = null, currencyAsSymbol: boolean = false): string {
|
||||||
if (isBlank(value)) return null;
|
if (isBlank(value)) return null;
|
||||||
|
|
||||||
// Convert strings to numbers
|
// Convert strings to numbers
|
||||||
value = isString(value) && NumberWrapper.isNumeric(value) ? +value : value;
|
value = typeof value === 'string' && NumberWrapper.isNumeric(value) ? +value : value;
|
||||||
if (!isNumber(value)) {
|
if (typeof value !== 'number') {
|
||||||
throw new InvalidPipeArgumentError(pipe, value);
|
throw new InvalidPipeArgumentError(pipe, value);
|
||||||
}
|
}
|
||||||
|
|
||||||
let minInt: number;
|
let minInt: number;
|
||||||
let minFraction: number;
|
let minFraction: number;
|
||||||
let maxFraction: number;
|
let maxFraction: number;
|
||||||
@ -34,8 +36,8 @@ function formatNumber(
|
|||||||
maxFraction = 3;
|
maxFraction = 3;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (isPresent(digits)) {
|
if (digits) {
|
||||||
var parts = digits.match(_NUMBER_FORMAT_REGEXP);
|
let parts = digits.match(_NUMBER_FORMAT_REGEXP);
|
||||||
if (parts === null) {
|
if (parts === null) {
|
||||||
throw new Error(`${digits} is not a valid digit info for number pipes`);
|
throw new Error(`${digits} is not a valid digit info for number pipes`);
|
||||||
}
|
}
|
||||||
@ -49,12 +51,13 @@ function formatNumber(
|
|||||||
maxFraction = NumberWrapper.parseIntAutoRadix(parts[5]);
|
maxFraction = NumberWrapper.parseIntAutoRadix(parts[5]);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
return NumberFormatter.format(value as number, locale, style, {
|
return NumberFormatter.format(value as number, locale, style, {
|
||||||
minimumIntegerDigits: minInt,
|
minimumIntegerDigits: minInt,
|
||||||
minimumFractionDigits: minFraction,
|
minimumFractionDigits: minFraction,
|
||||||
maximumFractionDigits: maxFraction,
|
maximumFractionDigits: maxFraction,
|
||||||
currency: currency,
|
currency: currency,
|
||||||
currencyAsSymbol: currencyAsSymbol
|
currencyAsSymbol: currencyAsSymbol,
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -7,8 +7,7 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
import {Pipe, PipeTransform} from '@angular/core';
|
import {Pipe, PipeTransform} from '@angular/core';
|
||||||
import {ListWrapper} from '../facade/collection';
|
import {isBlank} from '../facade/lang';
|
||||||
import {StringWrapper, isArray, isBlank, isString} from '../facade/lang';
|
|
||||||
import {InvalidPipeArgumentError} from './invalid_pipe_argument_error';
|
import {InvalidPipeArgumentError} from './invalid_pipe_argument_error';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -58,16 +57,15 @@ import {InvalidPipeArgumentError} from './invalid_pipe_argument_error';
|
|||||||
|
|
||||||
@Pipe({name: 'slice', pure: false})
|
@Pipe({name: 'slice', pure: false})
|
||||||
export class SlicePipe implements PipeTransform {
|
export class SlicePipe implements PipeTransform {
|
||||||
transform(value: any, start: number, end: number = null): any {
|
transform(value: any, start: number, end?: number): any {
|
||||||
if (isBlank(value)) return value;
|
if (isBlank(value)) return value;
|
||||||
|
|
||||||
if (!this.supports(value)) {
|
if (!this.supports(value)) {
|
||||||
throw new InvalidPipeArgumentError(SlicePipe, value);
|
throw new InvalidPipeArgumentError(SlicePipe, value);
|
||||||
}
|
}
|
||||||
if (isString(value)) {
|
|
||||||
return StringWrapper.slice(value, start, end);
|
return value.slice(start, end);
|
||||||
}
|
|
||||||
return ListWrapper.slice(value, start, end);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
private supports(obj: any): boolean { return isString(obj) || isArray(obj); }
|
private supports(obj: any): boolean { return typeof obj === 'string' || Array.isArray(obj); }
|
||||||
}
|
}
|
||||||
|
@ -7,7 +7,7 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
import {Pipe, PipeTransform} from '@angular/core';
|
import {Pipe, PipeTransform} from '@angular/core';
|
||||||
import {isBlank, isString} from '../facade/lang';
|
import {isBlank} from '../facade/lang';
|
||||||
import {InvalidPipeArgumentError} from './invalid_pipe_argument_error';
|
import {InvalidPipeArgumentError} from './invalid_pipe_argument_error';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@ -28,7 +28,7 @@ import {InvalidPipeArgumentError} from './invalid_pipe_argument_error';
|
|||||||
export class UpperCasePipe implements PipeTransform {
|
export class UpperCasePipe implements PipeTransform {
|
||||||
transform(value: string): string {
|
transform(value: string): string {
|
||||||
if (isBlank(value)) return value;
|
if (isBlank(value)) return value;
|
||||||
if (!isString(value)) {
|
if (typeof value !== 'string') {
|
||||||
throw new InvalidPipeArgumentError(UpperCasePipe, value);
|
throw new InvalidPipeArgumentError(UpperCasePipe, value);
|
||||||
}
|
}
|
||||||
return value.toUpperCase();
|
return value.toUpperCase();
|
||||||
|
@ -5,6 +5,7 @@
|
|||||||
* Use of this source code is governed by an MIT-style license that can be
|
* Use of this source code is governed by an MIT-style license that can be
|
||||||
* found in the LICENSE file at https://angular.io/license
|
* found in the LICENSE file at https://angular.io/license
|
||||||
*/
|
*/
|
||||||
export class AnimationOutput {
|
|
||||||
constructor(public name: string, public phase: string, public fullPropertyName: string) {}
|
import {__core_private__ as r} from '@angular/core';
|
||||||
}
|
|
||||||
|
export const isPromise: typeof r.isPromise = r.isPromise;
|
@ -8,7 +8,7 @@
|
|||||||
|
|
||||||
import {Component} from '@angular/core';
|
import {Component} from '@angular/core';
|
||||||
import {ComponentFixture, TestBed, async} from '@angular/core/testing';
|
import {ComponentFixture, TestBed, async} from '@angular/core/testing';
|
||||||
import {beforeEach, ddescribe, describe, expect, iit, inject, it, xdescribe, xit} from '@angular/core/testing/testing_internal';
|
import {beforeEach, describe, expect, it} from '@angular/core/testing/testing_internal';
|
||||||
|
|
||||||
export function main() {
|
export function main() {
|
||||||
describe('binding to CSS class list', () => {
|
describe('binding to CSS class list', () => {
|
||||||
|
@ -8,7 +8,7 @@
|
|||||||
|
|
||||||
import {LOCALE_ID} from '@angular/core';
|
import {LOCALE_ID} from '@angular/core';
|
||||||
import {TestBed} from '@angular/core/testing';
|
import {TestBed} from '@angular/core/testing';
|
||||||
import {AsyncTestCompleter, afterEach, beforeEach, ddescribe, describe, iit, inject, it, xit} from '@angular/core/testing/testing_internal';
|
import {beforeEach, describe, inject, it} from '@angular/core/testing/testing_internal';
|
||||||
import {expect} from '@angular/platform-browser/testing/matchers';
|
import {expect} from '@angular/platform-browser/testing/matchers';
|
||||||
|
|
||||||
import {NgLocaleLocalization, NgLocalization, getPluralCategory} from '../src/localization';
|
import {NgLocaleLocalization, NgLocalization, getPluralCategory} from '../src/localization';
|
||||||
|
@ -8,12 +8,11 @@
|
|||||||
|
|
||||||
import {AsyncPipe} from '@angular/common';
|
import {AsyncPipe} from '@angular/common';
|
||||||
import {WrappedValue} from '@angular/core';
|
import {WrappedValue} from '@angular/core';
|
||||||
import {AsyncTestCompleter, afterEach, beforeEach, ddescribe, describe, expect, iit, inject, it, xit} from '@angular/core/testing/testing_internal';
|
import {AsyncTestCompleter, beforeEach, describe, expect, inject, it} from '@angular/core/testing/testing_internal';
|
||||||
import {getDOM} from '@angular/platform-browser/src/dom/dom_adapter';
|
import {getDOM} from '@angular/platform-browser/src/dom/dom_adapter';
|
||||||
import {browserDetection} from '@angular/platform-browser/testing/browser_util';
|
import {browserDetection} from '@angular/platform-browser/testing/browser_util';
|
||||||
|
|
||||||
import {EventEmitter} from '../../src/facade/async';
|
import {EventEmitter} from '../../src/facade/async';
|
||||||
import {isBlank} from '../../src/facade/lang';
|
|
||||||
import {SpyChangeDetectorRef} from '../spies';
|
import {SpyChangeDetectorRef} from '../spies';
|
||||||
|
|
||||||
export function main() {
|
export function main() {
|
||||||
@ -112,7 +111,7 @@ export function main() {
|
|||||||
var promise: Promise<any>;
|
var promise: Promise<any>;
|
||||||
var ref: SpyChangeDetectorRef;
|
var ref: SpyChangeDetectorRef;
|
||||||
// adds longer timers for passing tests in IE
|
// adds longer timers for passing tests in IE
|
||||||
var timer = (!isBlank(getDOM()) && browserDetection.isIE) ? 50 : 10;
|
var timer = (getDOM() && browserDetection.isIE) ? 50 : 10;
|
||||||
|
|
||||||
beforeEach(() => {
|
beforeEach(() => {
|
||||||
promise = new Promise((res, rej) => {
|
promise = new Promise((res, rej) => {
|
||||||
|
@ -8,11 +8,9 @@
|
|||||||
|
|
||||||
import {DatePipe} from '@angular/common';
|
import {DatePipe} from '@angular/common';
|
||||||
import {PipeResolver} from '@angular/compiler/src/pipe_resolver';
|
import {PipeResolver} from '@angular/compiler/src/pipe_resolver';
|
||||||
import {afterEach, beforeEach, ddescribe, describe, expect, iit, it, xit} from '@angular/core/testing/testing_internal';
|
import {beforeEach, describe, expect, it} from '@angular/core/testing/testing_internal';
|
||||||
import {browserDetection} from '@angular/platform-browser/testing/browser_util';
|
import {browserDetection} from '@angular/platform-browser/testing/browser_util';
|
||||||
|
|
||||||
import {DateWrapper} from '../../src/facade/lang';
|
|
||||||
|
|
||||||
export function main() {
|
export function main() {
|
||||||
describe('DatePipe', () => {
|
describe('DatePipe', () => {
|
||||||
var date: Date;
|
var date: Date;
|
||||||
@ -27,7 +25,7 @@ export function main() {
|
|||||||
// Tracking issue: https://github.com/angular/angular/issues/11187
|
// Tracking issue: https://github.com/angular/angular/issues/11187
|
||||||
|
|
||||||
beforeEach(() => {
|
beforeEach(() => {
|
||||||
date = DateWrapper.create(2015, 6, 15, 9, 3, 1);
|
date = new Date(2015, 5, 15, 9, 3, 1);
|
||||||
pipe = new DatePipe('en-US');
|
pipe = new DatePipe('en-US');
|
||||||
});
|
});
|
||||||
|
|
||||||
|
@ -8,7 +8,7 @@
|
|||||||
|
|
||||||
import {I18nPluralPipe, NgLocalization} from '@angular/common';
|
import {I18nPluralPipe, NgLocalization} from '@angular/common';
|
||||||
import {PipeResolver} from '@angular/compiler/src/pipe_resolver';
|
import {PipeResolver} from '@angular/compiler/src/pipe_resolver';
|
||||||
import {afterEach, beforeEach, ddescribe, describe, expect, iit, it, xit} from '@angular/core/testing/testing_internal';
|
import {beforeEach, describe, expect, it} from '@angular/core/testing/testing_internal';
|
||||||
|
|
||||||
export function main() {
|
export function main() {
|
||||||
describe('I18nPluralPipe', () => {
|
describe('I18nPluralPipe', () => {
|
||||||
|
@ -8,7 +8,7 @@
|
|||||||
|
|
||||||
import {I18nSelectPipe} from '@angular/common';
|
import {I18nSelectPipe} from '@angular/common';
|
||||||
import {PipeResolver} from '@angular/compiler/src/pipe_resolver';
|
import {PipeResolver} from '@angular/compiler/src/pipe_resolver';
|
||||||
import {afterEach, beforeEach, ddescribe, describe, expect, iit, it, xit} from '@angular/core/testing/testing_internal';
|
import {beforeEach, describe, expect, it} from '@angular/core/testing/testing_internal';
|
||||||
|
|
||||||
export function main() {
|
export function main() {
|
||||||
describe('I18nSelectPipe', () => {
|
describe('I18nSelectPipe', () => {
|
||||||
|
@ -7,7 +7,7 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
import {LowerCasePipe} from '@angular/common';
|
import {LowerCasePipe} from '@angular/common';
|
||||||
import {afterEach, beforeEach, ddescribe, describe, expect, iit, it, xit} from '@angular/core/testing/testing_internal';
|
import {beforeEach, describe, expect, it} from '@angular/core/testing/testing_internal';
|
||||||
|
|
||||||
export function main() {
|
export function main() {
|
||||||
describe('LowerCasePipe', () => {
|
describe('LowerCasePipe', () => {
|
||||||
|
@ -7,7 +7,7 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
import {CurrencyPipe, DecimalPipe, PercentPipe} from '@angular/common';
|
import {CurrencyPipe, DecimalPipe, PercentPipe} from '@angular/common';
|
||||||
import {afterEach, beforeEach, ddescribe, describe, expect, iit, it, xit} from '@angular/core/testing/testing_internal';
|
import {beforeEach, describe, expect, it} from '@angular/core/testing/testing_internal';
|
||||||
import {browserDetection} from '@angular/platform-browser/testing/browser_util';
|
import {browserDetection} from '@angular/platform-browser/testing/browser_util';
|
||||||
|
|
||||||
export function main() {
|
export function main() {
|
||||||
|
@ -9,7 +9,6 @@
|
|||||||
import {CommonModule, SlicePipe} from '@angular/common';
|
import {CommonModule, SlicePipe} from '@angular/common';
|
||||||
import {Component} from '@angular/core';
|
import {Component} from '@angular/core';
|
||||||
import {TestBed, async} from '@angular/core/testing';
|
import {TestBed, async} from '@angular/core/testing';
|
||||||
import {browserDetection} from '@angular/platform-browser/testing/browser_util';
|
|
||||||
import {expect} from '@angular/platform-browser/testing/matchers';
|
import {expect} from '@angular/platform-browser/testing/matchers';
|
||||||
|
|
||||||
export function main() {
|
export function main() {
|
||||||
|
@ -7,7 +7,7 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
import {UpperCasePipe} from '@angular/common';
|
import {UpperCasePipe} from '@angular/common';
|
||||||
import {afterEach, beforeEach, ddescribe, describe, expect, iit, it, xit} from '@angular/core/testing/testing_internal';
|
import {beforeEach, describe, expect, it} from '@angular/core/testing/testing_internal';
|
||||||
|
|
||||||
export function main() {
|
export function main() {
|
||||||
describe('UpperCasePipe', () => {
|
describe('UpperCasePipe', () => {
|
||||||
|
@ -7,7 +7,7 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
import {ChangeDetectorRef} from '@angular/core/src/change_detection/change_detector_ref';
|
import {ChangeDetectorRef} from '@angular/core/src/change_detection/change_detector_ref';
|
||||||
import {SpyObject, proxy} from '@angular/core/testing/testing_internal';
|
import {SpyObject} from '@angular/core/testing/testing_internal';
|
||||||
|
|
||||||
export class SpyChangeDetectorRef extends SpyObject {
|
export class SpyChangeDetectorRef extends SpyObject {
|
||||||
constructor() {
|
constructor() {
|
||||||
|
@ -18,9 +18,7 @@ import {EventEmitter, Injectable} from '@angular/core';
|
|||||||
@Injectable()
|
@Injectable()
|
||||||
export class SpyLocation implements Location {
|
export class SpyLocation implements Location {
|
||||||
urlChanges: string[] = [];
|
urlChanges: string[] = [];
|
||||||
/** @internal */
|
|
||||||
private _history: LocationState[] = [new LocationState('', '')];
|
private _history: LocationState[] = [new LocationState('', '')];
|
||||||
/** @internal */
|
|
||||||
private _historyIndex: number = 0;
|
private _historyIndex: number = 0;
|
||||||
/** @internal */
|
/** @internal */
|
||||||
_subject: EventEmitter<any> = new EventEmitter();
|
_subject: EventEmitter<any> = new EventEmitter();
|
||||||
|
@ -36,25 +36,27 @@ const EXPECTED_XMB = `<?xml version="1.0" encoding="UTF-8" ?>
|
|||||||
<messagebundle>
|
<messagebundle>
|
||||||
<msg id="76e1eccb1b772fa9f294ef9c146ea6d0efa8a2d4" desc="desc" meaning="meaning">translate me</msg>
|
<msg id="76e1eccb1b772fa9f294ef9c146ea6d0efa8a2d4" desc="desc" meaning="meaning">translate me</msg>
|
||||||
<msg id="65cc4ab3b4c438e07c89be2b677d08369fb62da2">Welcome</msg>
|
<msg id="65cc4ab3b4c438e07c89be2b677d08369fb62da2">Welcome</msg>
|
||||||
</messagebundle>`;
|
</messagebundle>
|
||||||
|
`;
|
||||||
|
|
||||||
const EXPECTED_XLIFF = `<?xml version="1.0" encoding="UTF-8" ?>
|
const EXPECTED_XLIFF = `<?xml version="1.0" encoding="UTF-8" ?>
|
||||||
<xliff version="1.2" xmlns="urn:oasis:names:tc:xliff:document:1.2">
|
<xliff version="1.2" xmlns="urn:oasis:names:tc:xliff:document:1.2">
|
||||||
<file source-language="en" datatype="plaintext" original="ng2.template">
|
<file source-language="en" datatype="plaintext" original="ng2.template">
|
||||||
<body>
|
<body>
|
||||||
<trans-unit id="76e1eccb1b772fa9f294ef9c146ea6d0efa8a2d4" datatype="html">
|
<trans-unit id="76e1eccb1b772fa9f294ef9c146ea6d0efa8a2d4" datatype="html">
|
||||||
<source>translate me</source>
|
<source>translate me</source>
|
||||||
<target/>
|
<target/>
|
||||||
<note priority="1" from="description">desc</note>
|
<note priority="1" from="description">desc</note>
|
||||||
<note priority="1" from="meaning">meaning</note>
|
<note priority="1" from="meaning">meaning</note>
|
||||||
</trans-unit>
|
</trans-unit>
|
||||||
<trans-unit id="65cc4ab3b4c438e07c89be2b677d08369fb62da2" datatype="html">
|
<trans-unit id="65cc4ab3b4c438e07c89be2b677d08369fb62da2" datatype="html">
|
||||||
<source>Welcome</source>
|
<source>Welcome</source>
|
||||||
<target/>
|
<target/>
|
||||||
</trans-unit>
|
</trans-unit>
|
||||||
</body>
|
</body>
|
||||||
</file>
|
</file>
|
||||||
</xliff>`;
|
</xliff>
|
||||||
|
`;
|
||||||
|
|
||||||
describe('template i18n extraction output', () => {
|
describe('template i18n extraction output', () => {
|
||||||
const outDir = '';
|
const outDir = '';
|
||||||
|
@ -1,10 +1,14 @@
|
|||||||
|
/**
|
||||||
|
* @license
|
||||||
|
* Copyright Google Inc. All Rights Reserved.
|
||||||
|
*
|
||||||
|
* Use of this source code is governed by an MIT-style license that can be
|
||||||
|
* found in the LICENSE file at https://angular.io/license
|
||||||
|
*/
|
||||||
|
|
||||||
module.exports = {
|
module.exports = {
|
||||||
target: 'node',
|
target: 'node',
|
||||||
entry: './test/all_spec.js',
|
entry: './test/all_spec.js',
|
||||||
output: {
|
output: {filename: './all_spec.js'},
|
||||||
filename: './all_spec.js'
|
resolve: {extensions: ['.js']},
|
||||||
},
|
|
||||||
resolve: {
|
|
||||||
extensions: ['.js']
|
|
||||||
},
|
|
||||||
};
|
};
|
||||||
|
@ -11,7 +11,7 @@
|
|||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@angular/tsc-wrapped": "^0.3.0",
|
"@angular/tsc-wrapped": "^0.3.0",
|
||||||
"reflect-metadata": "^0.1.2",
|
"reflect-metadata": "^0.1.2",
|
||||||
"parse5": "1.3.2",
|
"parse5": "^2.2.1",
|
||||||
"minimist": "^1.2.0"
|
"minimist": "^1.2.0"
|
||||||
},
|
},
|
||||||
"peerDependencies": {
|
"peerDependencies": {
|
||||||
|
@ -126,7 +126,7 @@ export class CodeGenerator {
|
|||||||
static create(
|
static create(
|
||||||
options: AngularCompilerOptions, cliOptions: NgcCliOptions, program: ts.Program,
|
options: AngularCompilerOptions, cliOptions: NgcCliOptions, program: ts.Program,
|
||||||
compilerHost: ts.CompilerHost, reflectorHostContext?: ReflectorHostContext,
|
compilerHost: ts.CompilerHost, reflectorHostContext?: ReflectorHostContext,
|
||||||
resourceLoader?: compiler.ResourceLoader): CodeGenerator {
|
resourceLoader?: compiler.ResourceLoader, reflectorHost?: ReflectorHost): CodeGenerator {
|
||||||
resourceLoader = resourceLoader || {
|
resourceLoader = resourceLoader || {
|
||||||
get: (s: string) => {
|
get: (s: string) => {
|
||||||
if (!compilerHost.fileExists(s)) {
|
if (!compilerHost.fileExists(s)) {
|
||||||
@ -148,10 +148,12 @@ export class CodeGenerator {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const urlResolver: compiler.UrlResolver = compiler.createOfflineCompileUrlResolver();
|
const urlResolver: compiler.UrlResolver = compiler.createOfflineCompileUrlResolver();
|
||||||
const usePathMapping = !!options.rootDirs && options.rootDirs.length > 0;
|
if (!reflectorHost) {
|
||||||
const reflectorHost = usePathMapping ?
|
const usePathMapping = !!options.rootDirs && options.rootDirs.length > 0;
|
||||||
new PathMappedReflectorHost(program, compilerHost, options, reflectorHostContext) :
|
reflectorHost = usePathMapping ?
|
||||||
new ReflectorHost(program, compilerHost, options, reflectorHostContext);
|
new PathMappedReflectorHost(program, compilerHost, options, reflectorHostContext) :
|
||||||
|
new ReflectorHost(program, compilerHost, options, reflectorHostContext);
|
||||||
|
}
|
||||||
const staticReflector = new StaticReflector(reflectorHost);
|
const staticReflector = new StaticReflector(reflectorHost);
|
||||||
StaticAndDynamicReflectionCapabilities.install(staticReflector);
|
StaticAndDynamicReflectionCapabilities.install(staticReflector);
|
||||||
const htmlParser =
|
const htmlParser =
|
||||||
|
@ -6,7 +6,7 @@
|
|||||||
* found in the LICENSE file at https://angular.io/license
|
* found in the LICENSE file at https://angular.io/license
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import {Attribute, Component, ContentChild, ContentChildren, Directive, Host, HostBinding, HostListener, Inject, Injectable, Input, NgModule, Optional, Output, Pipe, Query, Self, SkipSelf, ViewChild, ViewChildren, animate, group, keyframes, sequence, state, style, transition, trigger} from '@angular/core';
|
import {Attribute, Component, ContentChild, ContentChildren, Directive, Host, HostBinding, HostListener, Inject, Injectable, Input, NgModule, Optional, Output, Pipe, Self, SkipSelf, ViewChild, ViewChildren, animate, group, keyframes, sequence, state, style, transition, trigger} from '@angular/core';
|
||||||
|
|
||||||
import {ReflectorReader} from './private_import_core';
|
import {ReflectorReader} from './private_import_core';
|
||||||
|
|
||||||
|
@ -6,7 +6,7 @@
|
|||||||
* found in the LICENSE file at https://angular.io/license
|
* found in the LICENSE file at https://angular.io/license
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import {beforeEach, ddescribe, describe, expect, iit, it} from '@angular/core/testing/testing_internal';
|
import {beforeEach, describe, expect, it} from '@angular/core/testing/testing_internal';
|
||||||
import * as ts from 'typescript';
|
import * as ts from 'typescript';
|
||||||
|
|
||||||
import {ReflectorHost} from '../src/reflector_host';
|
import {ReflectorHost} from '../src/reflector_host';
|
||||||
|
@ -9,7 +9,6 @@
|
|||||||
import {StaticReflector, StaticReflectorHost, StaticSymbol} from '@angular/compiler-cli/src/static_reflector';
|
import {StaticReflector, StaticReflectorHost, StaticSymbol} from '@angular/compiler-cli/src/static_reflector';
|
||||||
import {HostListener, animate, group, keyframes, sequence, state, style, transition, trigger} from '@angular/core';
|
import {HostListener, animate, group, keyframes, sequence, state, style, transition, trigger} from '@angular/core';
|
||||||
import {ListWrapper} from '@angular/facade/src/collection';
|
import {ListWrapper} from '@angular/facade/src/collection';
|
||||||
import {isBlank} from '@angular/facade/src/lang';
|
|
||||||
import {MetadataCollector} from '@angular/tsc-wrapped';
|
import {MetadataCollector} from '@angular/tsc-wrapped';
|
||||||
import * as ts from 'typescript';
|
import * as ts from 'typescript';
|
||||||
|
|
||||||
@ -454,7 +453,7 @@ class MockReflectorHost implements StaticReflectorHost {
|
|||||||
getStaticSymbol(declarationFile: string, name: string, members?: string[]): StaticSymbol {
|
getStaticSymbol(declarationFile: string, name: string, members?: string[]): StaticSymbol {
|
||||||
var cacheKey = `${declarationFile}:${name}${members?'.'+members.join('.'):''}`;
|
var cacheKey = `${declarationFile}:${name}${members?'.'+members.join('.'):''}`;
|
||||||
var result = this.staticTypeCache.get(cacheKey);
|
var result = this.staticTypeCache.get(cacheKey);
|
||||||
if (isBlank(result)) {
|
if (!result) {
|
||||||
result = new StaticSymbol(declarationFile, name, members);
|
result = new StaticSymbol(declarationFile, name, members);
|
||||||
this.staticTypeCache.set(cacheKey, result);
|
this.staticTypeCache.set(cacheKey, result);
|
||||||
}
|
}
|
||||||
|
@ -1,3 +1,10 @@
|
|||||||
|
/**
|
||||||
|
* @license
|
||||||
|
* Copyright Google Inc. All Rights Reserved.
|
||||||
|
*
|
||||||
|
* Use of this source code is governed by an MIT-style license that can be
|
||||||
|
* found in the LICENSE file at https://angular.io/license
|
||||||
|
*/
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
entry: '../../../dist/packages-dist/compiler/testing/index.js',
|
entry: '../../../dist/packages-dist/compiler/testing/index.js',
|
||||||
@ -11,4 +18,4 @@ export default {
|
|||||||
'rxjs/Observable': 'Rx',
|
'rxjs/Observable': 'Rx',
|
||||||
'rxjs/Subject': 'Rx'
|
'rxjs/Subject': 'Rx'
|
||||||
}
|
}
|
||||||
}
|
};
|
||||||
|
@ -1,3 +1,10 @@
|
|||||||
|
/**
|
||||||
|
* @license
|
||||||
|
* Copyright Google Inc. All Rights Reserved.
|
||||||
|
*
|
||||||
|
* Use of this source code is governed by an MIT-style license that can be
|
||||||
|
* found in the LICENSE file at https://angular.io/license
|
||||||
|
*/
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
entry: '../../../dist/packages-dist/compiler/index.js',
|
entry: '../../../dist/packages-dist/compiler/index.js',
|
||||||
@ -7,9 +14,9 @@ export default {
|
|||||||
globals: {
|
globals: {
|
||||||
'@angular/core': 'ng.core',
|
'@angular/core': 'ng.core',
|
||||||
'rxjs/Observable': 'Rx',
|
'rxjs/Observable': 'Rx',
|
||||||
'rxjs/Subject': 'Rx'
|
'rxjs/Subject': 'Rx',
|
||||||
},
|
},
|
||||||
plugins: [
|
plugins: [
|
||||||
// nodeResolve({ jsnext: true, main: true }),
|
// nodeResolve({ jsnext: true, main: true }),
|
||||||
]
|
]
|
||||||
}
|
};
|
||||||
|
@ -6,75 +6,26 @@
|
|||||||
* found in the LICENSE file at https://angular.io/license
|
* found in the LICENSE file at https://angular.io/license
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import {CompileDirectiveMetadata} from '../compile_metadata';
|
|
||||||
import {StringMapWrapper} from '../facade/collection';
|
import {isPresent} from '../facade/lang';
|
||||||
import {isBlank, isPresent} from '../facade/lang';
|
|
||||||
import {Identifiers, resolveIdentifier} from '../identifiers';
|
import {Identifiers, resolveIdentifier} from '../identifiers';
|
||||||
import * as o from '../output/output_ast';
|
import * as o from '../output/output_ast';
|
||||||
import {ANY_STATE, AnimationOutput, DEFAULT_STATE, EMPTY_STATE} from '../private_import_core';
|
import {ANY_STATE, DEFAULT_STATE, EMPTY_STATE} from '../private_import_core';
|
||||||
import * as t from '../template_parser/template_ast';
|
|
||||||
|
|
||||||
import {AnimationAst, AnimationAstVisitor, AnimationEntryAst, AnimationGroupAst, AnimationKeyframeAst, AnimationSequenceAst, AnimationStateAst, AnimationStateDeclarationAst, AnimationStateTransitionAst, AnimationStepAst, AnimationStylesAst} from './animation_ast';
|
import {AnimationAst, AnimationAstVisitor, AnimationEntryAst, AnimationGroupAst, AnimationKeyframeAst, AnimationSequenceAst, AnimationStateDeclarationAst, AnimationStateTransitionAst, AnimationStepAst, AnimationStylesAst} from './animation_ast';
|
||||||
import {AnimationParseError, ParsedAnimationResult, parseAnimationEntry, parseAnimationOutputName} from './animation_parser';
|
|
||||||
|
|
||||||
const animationCompilationCache =
|
export class AnimationEntryCompileResult {
|
||||||
new Map<CompileDirectiveMetadata, CompiledAnimationTriggerResult[]>();
|
constructor(public name: string, public statements: o.Statement[], public fnExp: o.Expression) {}
|
||||||
|
|
||||||
export class CompiledAnimationTriggerResult {
|
|
||||||
constructor(
|
|
||||||
public name: string, public statesMapStatement: o.Statement,
|
|
||||||
public statesVariableName: string, public fnStatement: o.Statement,
|
|
||||||
public fnVariable: o.Expression) {}
|
|
||||||
}
|
|
||||||
|
|
||||||
export class CompiledComponentAnimationResult {
|
|
||||||
constructor(
|
|
||||||
public outputs: AnimationOutput[], public triggers: CompiledAnimationTriggerResult[]) {}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export class AnimationCompiler {
|
export class AnimationCompiler {
|
||||||
compileComponent(component: CompileDirectiveMetadata, template: t.TemplateAst[]):
|
compile(factoryNamePrefix: string, parsedAnimations: AnimationEntryAst[]):
|
||||||
CompiledComponentAnimationResult {
|
AnimationEntryCompileResult[] {
|
||||||
var compiledAnimations: CompiledAnimationTriggerResult[] = [];
|
return parsedAnimations.map(entry => {
|
||||||
var groupedErrors: string[] = [];
|
const factoryName = `${factoryNamePrefix}_${entry.name}`;
|
||||||
var triggerLookup: {[key: string]: CompiledAnimationTriggerResult} = {};
|
const visitor = new _AnimationBuilder(entry.name, factoryName);
|
||||||
var componentName = component.type.name;
|
return visitor.build(entry);
|
||||||
|
|
||||||
component.template.animations.forEach(entry => {
|
|
||||||
var result = parseAnimationEntry(entry);
|
|
||||||
var triggerName = entry.name;
|
|
||||||
if (result.errors.length > 0) {
|
|
||||||
var errorMessage =
|
|
||||||
`Unable to parse the animation sequence for "${triggerName}" due to the following errors:`;
|
|
||||||
result.errors.forEach(
|
|
||||||
(error: AnimationParseError) => { errorMessage += '\n-- ' + error.msg; });
|
|
||||||
groupedErrors.push(errorMessage);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (triggerLookup[triggerName]) {
|
|
||||||
groupedErrors.push(
|
|
||||||
`The animation trigger "${triggerName}" has already been registered on "${componentName}"`);
|
|
||||||
} else {
|
|
||||||
var factoryName = `${componentName}_${entry.name}`;
|
|
||||||
var visitor = new _AnimationBuilder(triggerName, factoryName);
|
|
||||||
var compileResult = visitor.build(result.ast);
|
|
||||||
compiledAnimations.push(compileResult);
|
|
||||||
triggerLookup[entry.name] = compileResult;
|
|
||||||
}
|
|
||||||
});
|
});
|
||||||
|
|
||||||
var validatedProperties = _validateAnimationProperties(compiledAnimations, template);
|
|
||||||
validatedProperties.errors.forEach(error => { groupedErrors.push(error.msg); });
|
|
||||||
|
|
||||||
if (groupedErrors.length > 0) {
|
|
||||||
var errorMessageStr =
|
|
||||||
`Animation parsing for ${component.type.name} has failed due to the following errors:`;
|
|
||||||
groupedErrors.forEach(error => errorMessageStr += `\n- ${error}`);
|
|
||||||
throw new Error(errorMessageStr);
|
|
||||||
}
|
|
||||||
|
|
||||||
animationCompilationCache.set(component, compiledAnimations);
|
|
||||||
return new CompiledComponentAnimationResult(validatedProperties.outputs, compiledAnimations);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -110,8 +61,7 @@ class _AnimationBuilder implements AnimationAstVisitor {
|
|||||||
}
|
}
|
||||||
|
|
||||||
ast.styles.forEach(entry => {
|
ast.styles.forEach(entry => {
|
||||||
stylesArr.push(
|
stylesArr.push(o.literalMap(Object.keys(entry).map(key => [key, o.literal(entry[key])])));
|
||||||
o.literalMap(StringMapWrapper.keys(entry).map(key => [key, o.literal(entry[key])])));
|
|
||||||
});
|
});
|
||||||
|
|
||||||
return o.importExpr(resolveIdentifier(Identifiers.AnimationStyles)).instantiate([
|
return o.importExpr(resolveIdentifier(Identifiers.AnimationStyles)).instantiate([
|
||||||
@ -182,9 +132,8 @@ class _AnimationBuilder implements AnimationAstVisitor {
|
|||||||
visitAnimationStateDeclaration(
|
visitAnimationStateDeclaration(
|
||||||
ast: AnimationStateDeclarationAst, context: _AnimationBuilderContext): void {
|
ast: AnimationStateDeclarationAst, context: _AnimationBuilderContext): void {
|
||||||
var flatStyles: {[key: string]: string | number} = {};
|
var flatStyles: {[key: string]: string | number} = {};
|
||||||
_getStylesArray(ast).forEach(entry => {
|
_getStylesArray(ast).forEach(
|
||||||
StringMapWrapper.forEach(entry, (value: string, key: string) => { flatStyles[key] = value; });
|
entry => { Object.keys(entry).forEach(key => { flatStyles[key] = entry[key]; }); });
|
||||||
});
|
|
||||||
context.stateMap.registerState(ast.stateName, flatStyles);
|
context.stateMap.registerState(ast.stateName, flatStyles);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -334,28 +283,27 @@ class _AnimationBuilder implements AnimationAstVisitor {
|
|||||||
statements);
|
statements);
|
||||||
}
|
}
|
||||||
|
|
||||||
build(ast: AnimationAst): CompiledAnimationTriggerResult {
|
build(ast: AnimationAst): AnimationEntryCompileResult {
|
||||||
var context = new _AnimationBuilderContext();
|
var context = new _AnimationBuilderContext();
|
||||||
var fnStatement = ast.visit(this, context).toDeclStmt(this._fnVarName);
|
var fnStatement = ast.visit(this, context).toDeclStmt(this._fnVarName);
|
||||||
var fnVariable = o.variable(this._fnVarName);
|
var fnVariable = o.variable(this._fnVarName);
|
||||||
|
|
||||||
var lookupMap: any[] = [];
|
var lookupMap: any[] = [];
|
||||||
StringMapWrapper.forEach(
|
Object.keys(context.stateMap.states).forEach(stateName => {
|
||||||
context.stateMap.states, (value: {[key: string]: string}, stateName: string) => {
|
const value = context.stateMap.states[stateName];
|
||||||
var variableValue = EMPTY_MAP;
|
var variableValue = EMPTY_MAP;
|
||||||
if (isPresent(value)) {
|
if (isPresent(value)) {
|
||||||
let styleMap: any[] = [];
|
let styleMap: any[] = [];
|
||||||
StringMapWrapper.forEach(value, (value: string, key: string) => {
|
Object.keys(value).forEach(key => { styleMap.push([key, o.literal(value[key])]); });
|
||||||
styleMap.push([key, o.literal(value)]);
|
variableValue = o.literalMap(styleMap);
|
||||||
});
|
}
|
||||||
variableValue = o.literalMap(styleMap);
|
lookupMap.push([stateName, variableValue]);
|
||||||
}
|
});
|
||||||
lookupMap.push([stateName, variableValue]);
|
|
||||||
});
|
|
||||||
|
|
||||||
var compiledStatesMapExpr = this._statesMapVar.set(o.literalMap(lookupMap)).toDeclStmt();
|
const compiledStatesMapStmt = this._statesMapVar.set(o.literalMap(lookupMap)).toDeclStmt();
|
||||||
return new CompiledAnimationTriggerResult(
|
const statements: o.Statement[] = [compiledStatesMapStmt, fnStatement];
|
||||||
this.animationName, compiledStatesMapExpr, this._statesMapVarName, fnStatement, fnVariable);
|
|
||||||
|
return new AnimationEntryCompileResult(this.animationName, statements, fnVariable);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -371,7 +319,7 @@ class _AnimationBuilderStateMap {
|
|||||||
get states() { return this._states; }
|
get states() { return this._states; }
|
||||||
registerState(name: string, value: {[prop: string]: string | number} = null): void {
|
registerState(name: string, value: {[prop: string]: string | number} = null): void {
|
||||||
var existingEntry = this._states[name];
|
var existingEntry = this._states[name];
|
||||||
if (isBlank(existingEntry)) {
|
if (!existingEntry) {
|
||||||
this._states[name] = value;
|
this._states[name] = value;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -397,7 +345,7 @@ function _isEndStateAnimateStep(step: AnimationAst): boolean {
|
|||||||
if (step instanceof AnimationStepAst && step.duration > 0 && step.keyframes.length == 2) {
|
if (step instanceof AnimationStepAst && step.duration > 0 && step.keyframes.length == 2) {
|
||||||
var styles1 = _getStylesArray(step.keyframes[0])[0];
|
var styles1 = _getStylesArray(step.keyframes[0])[0];
|
||||||
var styles2 = _getStylesArray(step.keyframes[1])[0];
|
var styles2 = _getStylesArray(step.keyframes[1])[0];
|
||||||
return StringMapWrapper.isEmpty(styles1) && StringMapWrapper.isEmpty(styles2);
|
return Object.keys(styles1).length === 0 && Object.keys(styles2).length === 0;
|
||||||
}
|
}
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
@ -405,99 +353,3 @@ function _isEndStateAnimateStep(step: AnimationAst): boolean {
|
|||||||
function _getStylesArray(obj: any): {[key: string]: any}[] {
|
function _getStylesArray(obj: any): {[key: string]: any}[] {
|
||||||
return obj.styles.styles;
|
return obj.styles.styles;
|
||||||
}
|
}
|
||||||
|
|
||||||
function _validateAnimationProperties(
|
|
||||||
compiledAnimations: CompiledAnimationTriggerResult[],
|
|
||||||
template: t.TemplateAst[]): AnimationPropertyValidationOutput {
|
|
||||||
var visitor = new _AnimationTemplatePropertyVisitor(compiledAnimations);
|
|
||||||
t.templateVisitAll(visitor, template);
|
|
||||||
return new AnimationPropertyValidationOutput(visitor.outputs, visitor.errors);
|
|
||||||
}
|
|
||||||
|
|
||||||
export class AnimationPropertyValidationOutput {
|
|
||||||
constructor(public outputs: AnimationOutput[], public errors: AnimationParseError[]) {}
|
|
||||||
}
|
|
||||||
|
|
||||||
class _AnimationTemplatePropertyVisitor implements t.TemplateAstVisitor {
|
|
||||||
private _animationRegistry: {[key: string]: boolean};
|
|
||||||
public errors: AnimationParseError[] = [];
|
|
||||||
public outputs: AnimationOutput[] = [];
|
|
||||||
|
|
||||||
constructor(animations: CompiledAnimationTriggerResult[]) {
|
|
||||||
this._animationRegistry = this._buildCompileAnimationLookup(animations);
|
|
||||||
}
|
|
||||||
|
|
||||||
private _buildCompileAnimationLookup(animations: CompiledAnimationTriggerResult[]):
|
|
||||||
{[key: string]: boolean} {
|
|
||||||
var map: {[key: string]: boolean} = {};
|
|
||||||
animations.forEach(entry => { map[entry.name] = true; });
|
|
||||||
return map;
|
|
||||||
}
|
|
||||||
|
|
||||||
private _validateAnimationInputOutputPairs(
|
|
||||||
inputAsts: t.BoundElementPropertyAst[], outputAsts: t.BoundEventAst[],
|
|
||||||
animationRegistry: {[key: string]: any}, isHostLevel: boolean): void {
|
|
||||||
var detectedAnimationInputs: {[key: string]: boolean} = {};
|
|
||||||
inputAsts.forEach(input => {
|
|
||||||
if (input.type == t.PropertyBindingType.Animation) {
|
|
||||||
var triggerName = input.name;
|
|
||||||
if (isPresent(animationRegistry[triggerName])) {
|
|
||||||
detectedAnimationInputs[triggerName] = true;
|
|
||||||
} else {
|
|
||||||
this.errors.push(
|
|
||||||
new AnimationParseError(`Couldn't find an animation entry for ${triggerName}`));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
outputAsts.forEach(output => {
|
|
||||||
if (output.name[0] == '@') {
|
|
||||||
var normalizedOutputData = parseAnimationOutputName(output.name.substr(1), this.errors);
|
|
||||||
let triggerName = normalizedOutputData.name;
|
|
||||||
let triggerEventPhase = normalizedOutputData.phase;
|
|
||||||
if (!animationRegistry[triggerName]) {
|
|
||||||
this.errors.push(new AnimationParseError(
|
|
||||||
`Couldn't find the corresponding ${isHostLevel ? 'host-level ' : '' }animation trigger definition for (@${triggerName})`));
|
|
||||||
} else if (!detectedAnimationInputs[triggerName]) {
|
|
||||||
this.errors.push(new AnimationParseError(
|
|
||||||
`Unable to listen on (@${triggerName}.${triggerEventPhase}) because the animation trigger [@${triggerName}] isn't being used on the same element`));
|
|
||||||
} else {
|
|
||||||
this.outputs.push(normalizedOutputData);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
visitElement(ast: t.ElementAst, ctx: any): any {
|
|
||||||
this._validateAnimationInputOutputPairs(
|
|
||||||
ast.inputs, ast.outputs, this._animationRegistry, false);
|
|
||||||
|
|
||||||
var componentOnElement: t.DirectiveAst =
|
|
||||||
ast.directives.find(directive => directive.directive.isComponent);
|
|
||||||
if (componentOnElement) {
|
|
||||||
let cachedComponentAnimations = animationCompilationCache.get(componentOnElement.directive);
|
|
||||||
if (cachedComponentAnimations) {
|
|
||||||
this._validateAnimationInputOutputPairs(
|
|
||||||
componentOnElement.hostProperties, componentOnElement.hostEvents,
|
|
||||||
this._buildCompileAnimationLookup(cachedComponentAnimations), true);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
t.templateVisitAll(this, ast.children);
|
|
||||||
}
|
|
||||||
|
|
||||||
visitEmbeddedTemplate(ast: t.EmbeddedTemplateAst, ctx: any): any {
|
|
||||||
t.templateVisitAll(this, ast.children);
|
|
||||||
}
|
|
||||||
|
|
||||||
visitEvent(ast: t.BoundEventAst, ctx: any): any {}
|
|
||||||
visitBoundText(ast: t.BoundTextAst, ctx: any): any {}
|
|
||||||
visitText(ast: t.TextAst, ctx: any): any {}
|
|
||||||
visitNgContent(ast: t.NgContentAst, ctx: any): any {}
|
|
||||||
visitAttr(ast: t.AttrAst, ctx: any): any {}
|
|
||||||
visitDirective(ast: t.DirectiveAst, ctx: any): any {}
|
|
||||||
visitReference(ast: t.ReferenceAst, ctx: any): any {}
|
|
||||||
visitVariable(ast: t.VariableAst, ctx: any): any {}
|
|
||||||
visitDirectiveProperty(ast: t.BoundDirectivePropertyAst, ctx: any): any {}
|
|
||||||
visitElementProperty(ast: t.BoundElementPropertyAst, ctx: any): any {}
|
|
||||||
}
|
|
||||||
|
@ -6,13 +6,13 @@
|
|||||||
* found in the LICENSE file at https://angular.io/license
|
* found in the LICENSE file at https://angular.io/license
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import {CompileAnimationAnimateMetadata, CompileAnimationEntryMetadata, CompileAnimationGroupMetadata, CompileAnimationKeyframesSequenceMetadata, CompileAnimationMetadata, CompileAnimationSequenceMetadata, CompileAnimationStateDeclarationMetadata, CompileAnimationStateTransitionMetadata, CompileAnimationStyleMetadata, CompileAnimationWithStepsMetadata} from '../compile_metadata';
|
import {CompileAnimationAnimateMetadata, CompileAnimationEntryMetadata, CompileAnimationGroupMetadata, CompileAnimationKeyframesSequenceMetadata, CompileAnimationMetadata, CompileAnimationSequenceMetadata, CompileAnimationStateDeclarationMetadata, CompileAnimationStateTransitionMetadata, CompileAnimationStyleMetadata, CompileAnimationWithStepsMetadata, CompileDirectiveMetadata} from '../compile_metadata';
|
||||||
import {ListWrapper, StringMapWrapper} from '../facade/collection';
|
import {ListWrapper, StringMapWrapper} from '../facade/collection';
|
||||||
import {isArray, isBlank, isPresent, isString, isStringMap} from '../facade/lang';
|
import {isArray, isBlank, isPresent, isString, isStringMap} from '../facade/lang';
|
||||||
import {Math} from '../facade/math';
|
import {Math} from '../facade/math';
|
||||||
import {ParseError} from '../parse_util';
|
import {ParseError} from '../parse_util';
|
||||||
|
import {ANY_STATE, FILL_STYLE_FLAG} from '../private_import_core';
|
||||||
|
|
||||||
import {ANY_STATE, AnimationOutput, FILL_STYLE_FLAG} from '../private_import_core';
|
|
||||||
import {AnimationAst, AnimationEntryAst, AnimationGroupAst, AnimationKeyframeAst, AnimationSequenceAst, AnimationStateDeclarationAst, AnimationStateTransitionAst, AnimationStateTransitionExpression, AnimationStepAst, AnimationStylesAst, AnimationWithStepsAst} from './animation_ast';
|
import {AnimationAst, AnimationEntryAst, AnimationGroupAst, AnimationKeyframeAst, AnimationSequenceAst, AnimationStateDeclarationAst, AnimationStateTransitionAst, AnimationStateTransitionExpression, AnimationStepAst, AnimationStylesAst, AnimationWithStepsAst} from './animation_ast';
|
||||||
import {StylesCollection} from './styles_collection';
|
import {StylesCollection} from './styles_collection';
|
||||||
|
|
||||||
@ -20,73 +20,85 @@ const _INITIAL_KEYFRAME = 0;
|
|||||||
const _TERMINAL_KEYFRAME = 1;
|
const _TERMINAL_KEYFRAME = 1;
|
||||||
const _ONE_SECOND = 1000;
|
const _ONE_SECOND = 1000;
|
||||||
|
|
||||||
|
declare type Styles = {
|
||||||
|
[key: string]: string | number
|
||||||
|
};
|
||||||
|
|
||||||
export class AnimationParseError extends ParseError {
|
export class AnimationParseError extends ParseError {
|
||||||
constructor(message: any /** TODO #9100 */) { super(null, message); }
|
constructor(message: string) { super(null, message); }
|
||||||
toString(): string { return `${this.msg}`; }
|
toString(): string { return `${this.msg}`; }
|
||||||
}
|
}
|
||||||
|
|
||||||
export class ParsedAnimationResult {
|
export class AnimationEntryParseResult {
|
||||||
constructor(public ast: AnimationEntryAst, public errors: AnimationParseError[]) {}
|
constructor(public ast: AnimationEntryAst, public errors: AnimationParseError[]) {}
|
||||||
}
|
}
|
||||||
|
|
||||||
export function parseAnimationEntry(entry: CompileAnimationEntryMetadata): ParsedAnimationResult {
|
export class AnimationParser {
|
||||||
var errors: AnimationParseError[] = [];
|
parseComponent(component: CompileDirectiveMetadata): AnimationEntryAst[] {
|
||||||
var stateStyles: {[key: string]: AnimationStylesAst} = {};
|
const errors: string[] = [];
|
||||||
var transitions: CompileAnimationStateTransitionMetadata[] = [];
|
const componentName = component.type.name;
|
||||||
|
const animationTriggerNames = new Set<string>();
|
||||||
|
const asts = component.template.animations.map(entry => {
|
||||||
|
const result = this.parseEntry(entry);
|
||||||
|
const ast = result.ast;
|
||||||
|
const triggerName = ast.name;
|
||||||
|
if (animationTriggerNames.has(triggerName)) {
|
||||||
|
result.errors.push(new AnimationParseError(
|
||||||
|
`The animation trigger "${triggerName}" has already been registered for the ${componentName} component`));
|
||||||
|
} else {
|
||||||
|
animationTriggerNames.add(triggerName);
|
||||||
|
}
|
||||||
|
if (result.errors.length > 0) {
|
||||||
|
let errorMessage =
|
||||||
|
`- Unable to parse the animation sequence for "${triggerName}" on the ${componentName} component due to the following errors:`;
|
||||||
|
result.errors.forEach(
|
||||||
|
(error: AnimationParseError) => { errorMessage += '\n-- ' + error.msg; });
|
||||||
|
errors.push(errorMessage);
|
||||||
|
}
|
||||||
|
return ast;
|
||||||
|
});
|
||||||
|
|
||||||
var stateDeclarationAsts: any[] /** TODO #9100 */ = [];
|
if (errors.length > 0) {
|
||||||
entry.definitions.forEach(def => {
|
const errorString = errors.join('\n');
|
||||||
if (def instanceof CompileAnimationStateDeclarationMetadata) {
|
throw new Error(`Animation parse errors:\n${errorString}`);
|
||||||
_parseAnimationDeclarationStates(def, errors).forEach(ast => {
|
|
||||||
stateDeclarationAsts.push(ast);
|
|
||||||
stateStyles[ast.stateName] = ast.styles;
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
transitions.push(<CompileAnimationStateTransitionMetadata>def);
|
|
||||||
}
|
}
|
||||||
});
|
|
||||||
|
|
||||||
var stateTransitionAsts =
|
return asts;
|
||||||
transitions.map(transDef => _parseAnimationStateTransition(transDef, stateStyles, errors));
|
}
|
||||||
|
|
||||||
var ast = new AnimationEntryAst(entry.name, stateDeclarationAsts, stateTransitionAsts);
|
parseEntry(entry: CompileAnimationEntryMetadata): AnimationEntryParseResult {
|
||||||
return new ParsedAnimationResult(ast, errors);
|
var errors: AnimationParseError[] = [];
|
||||||
}
|
var stateStyles: {[key: string]: AnimationStylesAst} = {};
|
||||||
|
var transitions: CompileAnimationStateTransitionMetadata[] = [];
|
||||||
export function parseAnimationOutputName(
|
|
||||||
outputName: string, errors: AnimationParseError[]): AnimationOutput {
|
var stateDeclarationAsts: AnimationStateDeclarationAst[] = [];
|
||||||
var values = outputName.split('.');
|
entry.definitions.forEach(def => {
|
||||||
var name: string;
|
if (def instanceof CompileAnimationStateDeclarationMetadata) {
|
||||||
var phase: string = '';
|
_parseAnimationDeclarationStates(def, errors).forEach(ast => {
|
||||||
if (values.length > 1) {
|
stateDeclarationAsts.push(ast);
|
||||||
name = values[0];
|
stateStyles[ast.stateName] = ast.styles;
|
||||||
let parsedPhase = values[1];
|
});
|
||||||
switch (parsedPhase) {
|
} else {
|
||||||
case 'start':
|
transitions.push(<CompileAnimationStateTransitionMetadata>def);
|
||||||
case 'done':
|
}
|
||||||
phase = parsedPhase;
|
});
|
||||||
break;
|
|
||||||
|
var stateTransitionAsts =
|
||||||
default:
|
transitions.map(transDef => _parseAnimationStateTransition(transDef, stateStyles, errors));
|
||||||
errors.push(new AnimationParseError(
|
|
||||||
`The provided animation output phase value "${parsedPhase}" for "@${name}" is not supported (use start or done)`));
|
var ast = new AnimationEntryAst(entry.name, stateDeclarationAsts, stateTransitionAsts);
|
||||||
}
|
return new AnimationEntryParseResult(ast, errors);
|
||||||
} else {
|
|
||||||
name = outputName;
|
|
||||||
errors.push(new AnimationParseError(
|
|
||||||
`The animation trigger output event (@${name}) is missing its phase value name (start or done are currently supported)`));
|
|
||||||
}
|
}
|
||||||
return new AnimationOutput(name, phase, outputName);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function _parseAnimationDeclarationStates(
|
function _parseAnimationDeclarationStates(
|
||||||
stateMetadata: CompileAnimationStateDeclarationMetadata,
|
stateMetadata: CompileAnimationStateDeclarationMetadata,
|
||||||
errors: AnimationParseError[]): AnimationStateDeclarationAst[] {
|
errors: AnimationParseError[]): AnimationStateDeclarationAst[] {
|
||||||
var styleValues: {[key: string]: string | number}[] = [];
|
var styleValues: Styles[] = [];
|
||||||
stateMetadata.styles.styles.forEach(stylesEntry => {
|
stateMetadata.styles.styles.forEach(stylesEntry => {
|
||||||
// TODO (matsko): change this when we get CSS class integration support
|
// TODO (matsko): change this when we get CSS class integration support
|
||||||
if (isStringMap(stylesEntry)) {
|
if (isStringMap(stylesEntry)) {
|
||||||
styleValues.push(<{[key: string]: string | number}>stylesEntry);
|
styleValues.push(stylesEntry as Styles);
|
||||||
} else {
|
} else {
|
||||||
errors.push(new AnimationParseError(
|
errors.push(new AnimationParseError(
|
||||||
`State based animations cannot contain references to other states`));
|
`State based animations cannot contain references to other states`));
|
||||||
@ -145,16 +157,6 @@ function _parseAnimationTransitionExpr(
|
|||||||
return expressions;
|
return expressions;
|
||||||
}
|
}
|
||||||
|
|
||||||
function _fetchSylesFromState(stateName: string, stateStyles: {[key: string]: AnimationStylesAst}):
|
|
||||||
CompileAnimationStyleMetadata {
|
|
||||||
var entry = stateStyles[stateName];
|
|
||||||
if (isPresent(entry)) {
|
|
||||||
var styles = <{[key: string]: string | number}[]>entry.styles;
|
|
||||||
return new CompileAnimationStyleMetadata(0, styles);
|
|
||||||
}
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
|
|
||||||
function _normalizeAnimationEntry(entry: CompileAnimationMetadata | CompileAnimationMetadata[]):
|
function _normalizeAnimationEntry(entry: CompileAnimationMetadata | CompileAnimationMetadata[]):
|
||||||
CompileAnimationMetadata {
|
CompileAnimationMetadata {
|
||||||
return isArray(entry) ? new CompileAnimationSequenceMetadata(<CompileAnimationMetadata[]>entry) :
|
return isArray(entry) ? new CompileAnimationSequenceMetadata(<CompileAnimationMetadata[]>entry) :
|
||||||
@ -210,7 +212,7 @@ function _normalizeStyleStepEntry(
|
|||||||
}
|
}
|
||||||
|
|
||||||
var newSteps: CompileAnimationMetadata[] = [];
|
var newSteps: CompileAnimationMetadata[] = [];
|
||||||
var combinedStyles: {[key: string]: string | number}[];
|
var combinedStyles: Styles[];
|
||||||
steps.forEach(step => {
|
steps.forEach(step => {
|
||||||
if (step instanceof CompileAnimationStyleMetadata) {
|
if (step instanceof CompileAnimationStyleMetadata) {
|
||||||
// this occurs when a style step is followed by a previous style step
|
// this occurs when a style step is followed by a previous style step
|
||||||
@ -266,7 +268,7 @@ function _normalizeStyleStepEntry(
|
|||||||
function _resolveStylesFromState(
|
function _resolveStylesFromState(
|
||||||
stateName: string, stateStyles: {[key: string]: AnimationStylesAst},
|
stateName: string, stateStyles: {[key: string]: AnimationStylesAst},
|
||||||
errors: AnimationParseError[]) {
|
errors: AnimationParseError[]) {
|
||||||
var styles: {[key: string]: string | number}[] = [];
|
var styles: Styles[] = [];
|
||||||
if (stateName[0] != ':') {
|
if (stateName[0] != ':') {
|
||||||
errors.push(new AnimationParseError(`Animation states via styles must be prefixed with a ":"`));
|
errors.push(new AnimationParseError(`Animation states via styles must be prefixed with a ":"`));
|
||||||
} else {
|
} else {
|
||||||
@ -278,7 +280,7 @@ function _resolveStylesFromState(
|
|||||||
} else {
|
} else {
|
||||||
value.styles.forEach(stylesEntry => {
|
value.styles.forEach(stylesEntry => {
|
||||||
if (isStringMap(stylesEntry)) {
|
if (isStringMap(stylesEntry)) {
|
||||||
styles.push(<{[key: string]: string | number}>stylesEntry);
|
styles.push(stylesEntry as Styles);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
@ -312,15 +314,13 @@ function _parseAnimationKeyframes(
|
|||||||
var lastOffset = 0;
|
var lastOffset = 0;
|
||||||
keyframeSequence.steps.forEach(styleMetadata => {
|
keyframeSequence.steps.forEach(styleMetadata => {
|
||||||
var offset = styleMetadata.offset;
|
var offset = styleMetadata.offset;
|
||||||
var keyframeStyles: {[key: string]: string | number} = {};
|
var keyframeStyles: Styles = {};
|
||||||
styleMetadata.styles.forEach(entry => {
|
styleMetadata.styles.forEach(entry => {
|
||||||
StringMapWrapper.forEach(
|
Object.keys(entry).forEach(prop => {
|
||||||
<{[key: string]: string | number}>entry,
|
if (prop != 'offset') {
|
||||||
(value: any /** TODO #9100 */, prop: any /** TODO #9100 */) => {
|
keyframeStyles[prop] = (entry as Styles)[prop];
|
||||||
if (prop != 'offset') {
|
}
|
||||||
keyframeStyles[prop] = value;
|
});
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
});
|
||||||
|
|
||||||
if (isPresent(offset)) {
|
if (isPresent(offset)) {
|
||||||
@ -357,24 +357,22 @@ function _parseAnimationKeyframes(
|
|||||||
let entry = rawKeyframes[i];
|
let entry = rawKeyframes[i];
|
||||||
let styles = entry[1];
|
let styles = entry[1];
|
||||||
|
|
||||||
StringMapWrapper.forEach(
|
Object.keys(styles).forEach(prop => {
|
||||||
styles, (value: any /** TODO #9100 */, prop: any /** TODO #9100 */) => {
|
if (!isPresent(firstKeyframeStyles[prop])) {
|
||||||
if (!isPresent(firstKeyframeStyles[prop])) {
|
firstKeyframeStyles[prop] = FILL_STYLE_FLAG;
|
||||||
firstKeyframeStyles[prop] = FILL_STYLE_FLAG;
|
}
|
||||||
}
|
});
|
||||||
});
|
|
||||||
}
|
}
|
||||||
|
|
||||||
for (i = limit - 1; i >= 0; i--) {
|
for (i = limit - 1; i >= 0; i--) {
|
||||||
let entry = rawKeyframes[i];
|
let entry = rawKeyframes[i];
|
||||||
let styles = entry[1];
|
let styles = entry[1];
|
||||||
|
|
||||||
StringMapWrapper.forEach(
|
Object.keys(styles).forEach(prop => {
|
||||||
styles, (value: any /** TODO #9100 */, prop: any /** TODO #9100 */) => {
|
if (!isPresent(lastKeyframeStyles[prop])) {
|
||||||
if (!isPresent(lastKeyframeStyles[prop])) {
|
lastKeyframeStyles[prop] = styles[prop];
|
||||||
lastKeyframeStyles[prop] = value;
|
}
|
||||||
}
|
});
|
||||||
});
|
|
||||||
}
|
}
|
||||||
|
|
||||||
return rawKeyframes.map(
|
return rawKeyframes.map(
|
||||||
@ -398,11 +396,9 @@ function _parseTransitionAnimation(
|
|||||||
if (entry instanceof CompileAnimationStyleMetadata) {
|
if (entry instanceof CompileAnimationStyleMetadata) {
|
||||||
entry.styles.forEach(stylesEntry => {
|
entry.styles.forEach(stylesEntry => {
|
||||||
// by this point we know that we only have stringmap values
|
// by this point we know that we only have stringmap values
|
||||||
var map = <{[key: string]: string | number}>stylesEntry;
|
var map = stylesEntry as Styles;
|
||||||
StringMapWrapper.forEach(
|
Object.keys(map).forEach(
|
||||||
map, (value: any /** TODO #9100 */, prop: any /** TODO #9100 */) => {
|
prop => { collectedStyles.insertAtTime(prop, time, map[prop]); });
|
||||||
collectedStyles.insertAtTime(prop, time, value);
|
|
||||||
});
|
|
||||||
});
|
});
|
||||||
previousStyles = entry.styles;
|
previousStyles = entry.styles;
|
||||||
return;
|
return;
|
||||||
@ -448,7 +444,7 @@ function _parseTransitionAnimation(
|
|||||||
} else {
|
} else {
|
||||||
let styleData = <CompileAnimationStyleMetadata>styles;
|
let styleData = <CompileAnimationStyleMetadata>styles;
|
||||||
let offset = _TERMINAL_KEYFRAME;
|
let offset = _TERMINAL_KEYFRAME;
|
||||||
let styleAst = new AnimationStylesAst(<{[key: string]: string | number}[]>styleData.styles);
|
let styleAst = new AnimationStylesAst(styleData.styles as Styles[]);
|
||||||
var keyframe = new AnimationKeyframeAst(offset, styleAst);
|
var keyframe = new AnimationKeyframeAst(offset, styleAst);
|
||||||
keyframes = [keyframe];
|
keyframes = [keyframe];
|
||||||
}
|
}
|
||||||
@ -460,9 +456,8 @@ function _parseTransitionAnimation(
|
|||||||
|
|
||||||
keyframes.forEach(
|
keyframes.forEach(
|
||||||
(keyframe: any /** TODO #9100 */) => keyframe.styles.styles.forEach(
|
(keyframe: any /** TODO #9100 */) => keyframe.styles.styles.forEach(
|
||||||
(entry: any /** TODO #9100 */) => StringMapWrapper.forEach(
|
(entry: any /** TODO #9100 */) => Object.keys(entry).forEach(
|
||||||
entry, (value: any /** TODO #9100 */, prop: any /** TODO #9100 */) =>
|
prop => { collectedStyles.insertAtTime(prop, currentTime, entry[prop]); })));
|
||||||
collectedStyles.insertAtTime(prop, currentTime, value))));
|
|
||||||
} else {
|
} else {
|
||||||
// if the code reaches this stage then an error
|
// if the code reaches this stage then an error
|
||||||
// has already been populated within the _normalizeStyleSteps()
|
// has already been populated within the _normalizeStyleSteps()
|
||||||
@ -535,10 +530,11 @@ function _parseTimeExpression(
|
|||||||
function _createStartKeyframeFromEndKeyframe(
|
function _createStartKeyframeFromEndKeyframe(
|
||||||
endKeyframe: AnimationKeyframeAst, startTime: number, duration: number,
|
endKeyframe: AnimationKeyframeAst, startTime: number, duration: number,
|
||||||
collectedStyles: StylesCollection, errors: AnimationParseError[]): AnimationKeyframeAst {
|
collectedStyles: StylesCollection, errors: AnimationParseError[]): AnimationKeyframeAst {
|
||||||
var values: {[key: string]: string | number} = {};
|
var values: Styles = {};
|
||||||
var endTime = startTime + duration;
|
var endTime = startTime + duration;
|
||||||
endKeyframe.styles.styles.forEach((styleData: {[key: string]: string | number}) => {
|
endKeyframe.styles.styles.forEach((styleData: Styles) => {
|
||||||
StringMapWrapper.forEach(styleData, (val: any /** TODO #9100 */, prop: any /** TODO #9100 */) => {
|
Object.keys(styleData).forEach(prop => {
|
||||||
|
const val = styleData[prop];
|
||||||
if (prop == 'offset') return;
|
if (prop == 'offset') return;
|
||||||
|
|
||||||
var resultIndex = collectedStyles.indexOfAtOrBeforeTime(prop, startTime);
|
var resultIndex = collectedStyles.indexOfAtOrBeforeTime(prop, startTime);
|
||||||
|
@ -8,11 +8,10 @@
|
|||||||
|
|
||||||
import {ChangeDetectionStrategy, SchemaMetadata, Type, ViewEncapsulation} from '@angular/core';
|
import {ChangeDetectionStrategy, SchemaMetadata, Type, ViewEncapsulation} from '@angular/core';
|
||||||
|
|
||||||
import {ListWrapper, MapWrapper, StringMapWrapper} from './facade/collection';
|
import {ListWrapper, MapWrapper} from './facade/collection';
|
||||||
import {isBlank, isPresent, isStringMap, normalizeBlank, normalizeBool} from './facade/lang';
|
import {isPresent, isStringMap, normalizeBlank, normalizeBool} from './facade/lang';
|
||||||
import {LifecycleHooks, reflector} from './private_import_core';
|
import {LifecycleHooks} from './private_import_core';
|
||||||
import {CssSelector} from './selector';
|
import {CssSelector} from './selector';
|
||||||
import {getUrlScheme} from './url_resolver';
|
|
||||||
import {sanitizeIdentifier, splitAtColon} from './util';
|
import {sanitizeIdentifier, splitAtColon} from './util';
|
||||||
|
|
||||||
function unimplemented(): any {
|
function unimplemented(): any {
|
||||||
@ -343,7 +342,8 @@ export class CompileDirectiveMetadata implements CompileMetadataWithIdentifier {
|
|||||||
var hostProperties: {[key: string]: string} = {};
|
var hostProperties: {[key: string]: string} = {};
|
||||||
var hostAttributes: {[key: string]: string} = {};
|
var hostAttributes: {[key: string]: string} = {};
|
||||||
if (isPresent(host)) {
|
if (isPresent(host)) {
|
||||||
StringMapWrapper.forEach(host, (value: string, key: string) => {
|
Object.keys(host).forEach(key => {
|
||||||
|
const value = host[key];
|
||||||
const matches = key.match(HOST_REG_EXP);
|
const matches = key.match(HOST_REG_EXP);
|
||||||
if (matches === null) {
|
if (matches === null) {
|
||||||
hostAttributes[key] = value;
|
hostAttributes[key] = value;
|
||||||
|
@ -6,7 +6,7 @@
|
|||||||
* found in the LICENSE file at https://angular.io/license
|
* found in the LICENSE file at https://angular.io/license
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import {COMPILER_OPTIONS, ClassProvider, Compiler, CompilerFactory, CompilerOptions, Component, ExistingProvider, FactoryProvider, Inject, Injectable, Optional, PLATFORM_INITIALIZER, PlatformRef, Provider, ReflectiveInjector, TRANSLATIONS, TRANSLATIONS_FORMAT, Type, TypeProvider, ValueProvider, ViewEncapsulation, createPlatformFactory, isDevMode, platformCore} from '@angular/core';
|
import {COMPILER_OPTIONS, Compiler, CompilerFactory, CompilerOptions, Inject, Injectable, Optional, PLATFORM_INITIALIZER, PlatformRef, Provider, ReflectiveInjector, TRANSLATIONS, TRANSLATIONS_FORMAT, Type, ViewEncapsulation, createPlatformFactory, isDevMode, platformCore} from '@angular/core';
|
||||||
|
|
||||||
export * from './template_parser/template_ast';
|
export * from './template_parser/template_ast';
|
||||||
export {TEMPLATE_TRANSFORMS} from './template_parser/template_parser';
|
export {TEMPLATE_TRANSFORMS} from './template_parser/template_parser';
|
||||||
|
@ -9,7 +9,7 @@
|
|||||||
|
|
||||||
import * as chars from '../chars';
|
import * as chars from '../chars';
|
||||||
import {BaseError} from '../facade/errors';
|
import {BaseError} from '../facade/errors';
|
||||||
import {StringWrapper, isPresent, resolveEnumToken} from '../facade/lang';
|
import {StringWrapper, isPresent} from '../facade/lang';
|
||||||
|
|
||||||
export enum CssTokenType {
|
export enum CssTokenType {
|
||||||
EOF,
|
EOF,
|
||||||
@ -223,8 +223,8 @@ export class CssScanner {
|
|||||||
|
|
||||||
var error: CssScannerError = null;
|
var error: CssScannerError = null;
|
||||||
if (!isMatchingType || (isPresent(value) && value != next.strValue)) {
|
if (!isMatchingType || (isPresent(value) && value != next.strValue)) {
|
||||||
var errorMessage = resolveEnumToken(CssTokenType, next.type) + ' does not match expected ' +
|
var errorMessage =
|
||||||
resolveEnumToken(CssTokenType, type) + ' value';
|
CssTokenType[next.type] + ' does not match expected ' + CssTokenType[type] + ' value';
|
||||||
|
|
||||||
if (isPresent(value)) {
|
if (isPresent(value)) {
|
||||||
errorMessage += ' ("' + next.strValue + '" should match "' + value + '")';
|
errorMessage += ' ("' + next.strValue + '" should match "' + value + '")';
|
||||||
|
@ -115,27 +115,27 @@ export class DirectiveNormalizer {
|
|||||||
const templateStyles = this.normalizeStylesheet(new CompileStylesheetMetadata(
|
const templateStyles = this.normalizeStylesheet(new CompileStylesheetMetadata(
|
||||||
{styles: visitor.styles, styleUrls: visitor.styleUrls, moduleUrl: templateAbsUrl}));
|
{styles: visitor.styles, styleUrls: visitor.styleUrls, moduleUrl: templateAbsUrl}));
|
||||||
|
|
||||||
const allStyles = templateMetadataStyles.styles.concat(templateStyles.styles);
|
|
||||||
const allStyleUrls = templateMetadataStyles.styleUrls.concat(templateStyles.styleUrls);
|
|
||||||
|
|
||||||
let encapsulation = templateMeta.encapsulation;
|
let encapsulation = templateMeta.encapsulation;
|
||||||
if (isBlank(encapsulation)) {
|
if (isBlank(encapsulation)) {
|
||||||
encapsulation = this._config.defaultEncapsulation;
|
encapsulation = this._config.defaultEncapsulation;
|
||||||
}
|
}
|
||||||
if (encapsulation === ViewEncapsulation.Emulated && allStyles.length === 0 &&
|
|
||||||
allStyleUrls.length === 0) {
|
const styles = templateMetadataStyles.styles.concat(templateStyles.styles);
|
||||||
|
const styleUrls = templateMetadataStyles.styleUrls.concat(templateStyles.styleUrls);
|
||||||
|
|
||||||
|
if (encapsulation === ViewEncapsulation.Emulated && styles.length === 0 &&
|
||||||
|
styleUrls.length === 0) {
|
||||||
encapsulation = ViewEncapsulation.None;
|
encapsulation = ViewEncapsulation.None;
|
||||||
}
|
}
|
||||||
|
|
||||||
return new CompileTemplateMetadata({
|
return new CompileTemplateMetadata({
|
||||||
encapsulation,
|
encapsulation,
|
||||||
template: template,
|
template,
|
||||||
templateUrl: templateAbsUrl,
|
templateUrl: templateAbsUrl, styles, styleUrls,
|
||||||
styles: allStyles,
|
|
||||||
styleUrls: allStyleUrls,
|
|
||||||
externalStylesheets: templateMeta.externalStylesheets,
|
externalStylesheets: templateMeta.externalStylesheets,
|
||||||
ngContentSelectors: visitor.ngContentSelectors,
|
ngContentSelectors: visitor.ngContentSelectors,
|
||||||
animations: templateMeta.animations,
|
animations: templateMeta.animations,
|
||||||
interpolation: templateMeta.interpolation
|
interpolation: templateMeta.interpolation,
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -251,7 +251,6 @@ function _cloneDirectiveWithTemplate(
|
|||||||
viewProviders: directive.viewProviders,
|
viewProviders: directive.viewProviders,
|
||||||
queries: directive.queries,
|
queries: directive.queries,
|
||||||
viewQueries: directive.viewQueries,
|
viewQueries: directive.viewQueries,
|
||||||
entryComponents: directive.entryComponents,
|
entryComponents: directive.entryComponents, template,
|
||||||
template: template
|
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
@ -9,14 +9,10 @@
|
|||||||
import {Component, Directive, HostBinding, HostListener, Injectable, Input, Output, Query, Type, resolveForwardRef} from '@angular/core';
|
import {Component, Directive, HostBinding, HostListener, Injectable, Input, Output, Query, Type, resolveForwardRef} from '@angular/core';
|
||||||
|
|
||||||
import {StringMapWrapper} from './facade/collection';
|
import {StringMapWrapper} from './facade/collection';
|
||||||
import {isPresent, stringify} from './facade/lang';
|
import {stringify} from './facade/lang';
|
||||||
import {ReflectorReader, reflector} from './private_import_core';
|
import {ReflectorReader, reflector} from './private_import_core';
|
||||||
import {splitAtColon} from './util';
|
import {splitAtColon} from './util';
|
||||||
|
|
||||||
function _isDirectiveMetadata(type: any): type is Directive {
|
|
||||||
return type instanceof Directive;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* Resolve a `Type` for {@link Directive}.
|
* Resolve a `Type` for {@link Directive}.
|
||||||
*
|
*
|
||||||
@ -32,54 +28,57 @@ export class DirectiveResolver {
|
|||||||
* Return {@link Directive} for a given `Type`.
|
* Return {@link Directive} for a given `Type`.
|
||||||
*/
|
*/
|
||||||
resolve(type: Type<any>, throwIfNotFound = true): Directive {
|
resolve(type: Type<any>, throwIfNotFound = true): Directive {
|
||||||
var typeMetadata = this._reflector.annotations(resolveForwardRef(type));
|
const typeMetadata = this._reflector.annotations(resolveForwardRef(type));
|
||||||
if (isPresent(typeMetadata)) {
|
if (typeMetadata) {
|
||||||
var metadata = typeMetadata.find(_isDirectiveMetadata);
|
const metadata = typeMetadata.find(isDirectiveMetadata);
|
||||||
if (isPresent(metadata)) {
|
if (metadata) {
|
||||||
var propertyMetadata = this._reflector.propMetadata(type);
|
const propertyMetadata = this._reflector.propMetadata(type);
|
||||||
return this._mergeWithPropertyMetadata(metadata, propertyMetadata, type);
|
return this._mergeWithPropertyMetadata(metadata, propertyMetadata, type);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
if (throwIfNotFound) {
|
if (throwIfNotFound) {
|
||||||
throw new Error(`No Directive annotation found on ${stringify(type)}`);
|
throw new Error(`No Directive annotation found on ${stringify(type)}`);
|
||||||
}
|
}
|
||||||
|
|
||||||
return null;
|
return null;
|
||||||
}
|
}
|
||||||
|
|
||||||
private _mergeWithPropertyMetadata(
|
private _mergeWithPropertyMetadata(
|
||||||
dm: Directive, propertyMetadata: {[key: string]: any[]},
|
dm: Directive, propertyMetadata: {[key: string]: any[]},
|
||||||
directiveType: Type<any>): Directive {
|
directiveType: Type<any>): Directive {
|
||||||
var inputs: string[] = [];
|
const inputs: string[] = [];
|
||||||
var outputs: string[] = [];
|
const outputs: string[] = [];
|
||||||
var host: {[key: string]: string} = {};
|
const host: {[key: string]: string} = {};
|
||||||
var queries: {[key: string]: any} = {};
|
const queries: {[key: string]: any} = {};
|
||||||
|
|
||||||
StringMapWrapper.forEach(propertyMetadata, (metadata: any[], propName: string) => {
|
Object.keys(propertyMetadata).forEach((propName: string) => {
|
||||||
metadata.forEach(a => {
|
|
||||||
|
propertyMetadata[propName].forEach(a => {
|
||||||
if (a instanceof Input) {
|
if (a instanceof Input) {
|
||||||
if (isPresent(a.bindingPropertyName)) {
|
if (a.bindingPropertyName) {
|
||||||
inputs.push(`${propName}: ${a.bindingPropertyName}`);
|
inputs.push(`${propName}: ${a.bindingPropertyName}`);
|
||||||
} else {
|
} else {
|
||||||
inputs.push(propName);
|
inputs.push(propName);
|
||||||
}
|
}
|
||||||
} else if (a instanceof Output) {
|
} else if (a instanceof Output) {
|
||||||
const output: Output = a;
|
const output: Output = a;
|
||||||
if (isPresent(output.bindingPropertyName)) {
|
if (output.bindingPropertyName) {
|
||||||
outputs.push(`${propName}: ${output.bindingPropertyName}`);
|
outputs.push(`${propName}: ${output.bindingPropertyName}`);
|
||||||
} else {
|
} else {
|
||||||
outputs.push(propName);
|
outputs.push(propName);
|
||||||
}
|
}
|
||||||
} else if (a instanceof HostBinding) {
|
} else if (a instanceof HostBinding) {
|
||||||
const hostBinding: HostBinding = a;
|
const hostBinding: HostBinding = a;
|
||||||
if (isPresent(hostBinding.hostPropertyName)) {
|
if (hostBinding.hostPropertyName) {
|
||||||
host[`[${hostBinding.hostPropertyName}]`] = propName;
|
host[`[${hostBinding.hostPropertyName}]`] = propName;
|
||||||
} else {
|
} else {
|
||||||
host[`[${propName}]`] = propName;
|
host[`[${propName}]`] = propName;
|
||||||
}
|
}
|
||||||
} else if (a instanceof HostListener) {
|
} else if (a instanceof HostListener) {
|
||||||
const hostListener: HostListener = a;
|
const hostListener: HostListener = a;
|
||||||
var args = isPresent(hostListener.args) ? (<any[]>hostListener.args).join(', ') : '';
|
const args = hostListener.args || [];
|
||||||
host[`(${hostListener.eventName})`] = `${propName}(${args})`;
|
host[`(${hostListener.eventName})`] = `${propName}(${args.join(',')})`;
|
||||||
} else if (a instanceof Query) {
|
} else if (a instanceof Query) {
|
||||||
queries[propName] = a;
|
queries[propName] = a;
|
||||||
}
|
}
|
||||||
@ -91,13 +90,14 @@ export class DirectiveResolver {
|
|||||||
private _extractPublicName(def: string) { return splitAtColon(def, [null, def])[1].trim(); }
|
private _extractPublicName(def: string) { return splitAtColon(def, [null, def])[1].trim(); }
|
||||||
|
|
||||||
private _merge(
|
private _merge(
|
||||||
dm: Directive, inputs: string[], outputs: string[], host: {[key: string]: string},
|
directive: Directive, inputs: string[], outputs: string[], host: {[key: string]: string},
|
||||||
queries: {[key: string]: any}, directiveType: Type<any>): Directive {
|
queries: {[key: string]: any}, directiveType: Type<any>): Directive {
|
||||||
let mergedInputs: string[];
|
const mergedInputs: string[] = inputs;
|
||||||
|
|
||||||
if (isPresent(dm.inputs)) {
|
if (directive.inputs) {
|
||||||
const inputNames: string[] =
|
const inputNames: string[] =
|
||||||
dm.inputs.map((def: string): string => this._extractPublicName(def));
|
directive.inputs.map((def: string): string => this._extractPublicName(def));
|
||||||
|
|
||||||
inputs.forEach((inputDef: string) => {
|
inputs.forEach((inputDef: string) => {
|
||||||
const publicName = this._extractPublicName(inputDef);
|
const publicName = this._extractPublicName(inputDef);
|
||||||
if (inputNames.indexOf(publicName) > -1) {
|
if (inputNames.indexOf(publicName) > -1) {
|
||||||
@ -105,16 +105,15 @@ export class DirectiveResolver {
|
|||||||
`Input '${publicName}' defined multiple times in '${stringify(directiveType)}'`);
|
`Input '${publicName}' defined multiple times in '${stringify(directiveType)}'`);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
mergedInputs = dm.inputs.concat(inputs);
|
|
||||||
} else {
|
mergedInputs.unshift(...directive.inputs);
|
||||||
mergedInputs = inputs;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
let mergedOutputs: string[];
|
let mergedOutputs: string[] = outputs;
|
||||||
|
|
||||||
if (isPresent(dm.outputs)) {
|
if (directive.outputs) {
|
||||||
const outputNames: string[] =
|
const outputNames: string[] =
|
||||||
dm.outputs.map((def: string): string => this._extractPublicName(def));
|
directive.outputs.map((def: string): string => this._extractPublicName(def));
|
||||||
|
|
||||||
outputs.forEach((outputDef: string) => {
|
outputs.forEach((outputDef: string) => {
|
||||||
const publicName = this._extractPublicName(outputDef);
|
const publicName = this._extractPublicName(outputDef);
|
||||||
@ -123,47 +122,48 @@ export class DirectiveResolver {
|
|||||||
`Output event '${publicName}' defined multiple times in '${stringify(directiveType)}'`);
|
`Output event '${publicName}' defined multiple times in '${stringify(directiveType)}'`);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
mergedOutputs = dm.outputs.concat(outputs);
|
mergedOutputs.unshift(...directive.outputs);
|
||||||
} else {
|
|
||||||
mergedOutputs = outputs;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
var mergedHost = isPresent(dm.host) ? StringMapWrapper.merge(dm.host, host) : host;
|
const mergedHost = directive.host ? StringMapWrapper.merge(directive.host, host) : host;
|
||||||
var mergedQueries =
|
const mergedQueries =
|
||||||
isPresent(dm.queries) ? StringMapWrapper.merge(dm.queries, queries) : queries;
|
directive.queries ? StringMapWrapper.merge(directive.queries, queries) : queries;
|
||||||
|
|
||||||
if (dm instanceof Component) {
|
if (directive instanceof Component) {
|
||||||
return new Component({
|
return new Component({
|
||||||
selector: dm.selector,
|
selector: directive.selector,
|
||||||
inputs: mergedInputs,
|
inputs: mergedInputs,
|
||||||
outputs: mergedOutputs,
|
outputs: mergedOutputs,
|
||||||
host: mergedHost,
|
host: mergedHost,
|
||||||
exportAs: dm.exportAs,
|
exportAs: directive.exportAs,
|
||||||
moduleId: dm.moduleId,
|
moduleId: directive.moduleId,
|
||||||
queries: mergedQueries,
|
queries: mergedQueries,
|
||||||
changeDetection: dm.changeDetection,
|
changeDetection: directive.changeDetection,
|
||||||
providers: dm.providers,
|
providers: directive.providers,
|
||||||
viewProviders: dm.viewProviders,
|
viewProviders: directive.viewProviders,
|
||||||
entryComponents: dm.entryComponents,
|
entryComponents: directive.entryComponents,
|
||||||
template: dm.template,
|
template: directive.template,
|
||||||
templateUrl: dm.templateUrl,
|
templateUrl: directive.templateUrl,
|
||||||
styles: dm.styles,
|
styles: directive.styles,
|
||||||
styleUrls: dm.styleUrls,
|
styleUrls: directive.styleUrls,
|
||||||
encapsulation: dm.encapsulation,
|
encapsulation: directive.encapsulation,
|
||||||
animations: dm.animations,
|
animations: directive.animations,
|
||||||
interpolation: dm.interpolation
|
interpolation: directive.interpolation
|
||||||
});
|
});
|
||||||
|
|
||||||
} else {
|
} else {
|
||||||
return new Directive({
|
return new Directive({
|
||||||
selector: dm.selector,
|
selector: directive.selector,
|
||||||
inputs: mergedInputs,
|
inputs: mergedInputs,
|
||||||
outputs: mergedOutputs,
|
outputs: mergedOutputs,
|
||||||
host: mergedHost,
|
host: mergedHost,
|
||||||
exportAs: dm.exportAs,
|
exportAs: directive.exportAs,
|
||||||
queries: mergedQueries,
|
queries: mergedQueries,
|
||||||
providers: dm.providers
|
providers: directive.providers
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function isDirectiveMetadata(type: any): type is Directive {
|
||||||
|
return type instanceof Directive;
|
||||||
|
}
|
||||||
|
@ -6,7 +6,7 @@
|
|||||||
* found in the LICENSE file at https://angular.io/license
|
* found in the LICENSE file at https://angular.io/license
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import {ListWrapper} from '../facade/collection';
|
|
||||||
import {isBlank} from '../facade/lang';
|
import {isBlank} from '../facade/lang';
|
||||||
|
|
||||||
export class ParserError {
|
export class ParserError {
|
||||||
@ -376,7 +376,7 @@ export class AstTransformer implements AstVisitor {
|
|||||||
}
|
}
|
||||||
|
|
||||||
visitAll(asts: any[]): any[] {
|
visitAll(asts: any[]): any[] {
|
||||||
var res = ListWrapper.createFixedSize(asts.length);
|
var res = new Array(asts.length);
|
||||||
for (var i = 0; i < asts.length; ++i) {
|
for (var i = 0; i < asts.length; ++i) {
|
||||||
res[i] = asts[i].visit(this);
|
res[i] = asts[i].visit(this);
|
||||||
}
|
}
|
||||||
|
@ -27,7 +27,6 @@ const _PLACEHOLDER_TAG = 'x';
|
|||||||
const _SOURCE_TAG = 'source';
|
const _SOURCE_TAG = 'source';
|
||||||
const _TARGET_TAG = 'target';
|
const _TARGET_TAG = 'target';
|
||||||
const _UNIT_TAG = 'trans-unit';
|
const _UNIT_TAG = 'trans-unit';
|
||||||
const _CR = (ws: number = 0) => new xml.Text(`\n${new Array(ws).join(' ')}`);
|
|
||||||
|
|
||||||
// http://docs.oasis-open.org/xliff/v1.2/os/xliff-core.html
|
// http://docs.oasis-open.org/xliff/v1.2/os/xliff-core.html
|
||||||
// http://docs.oasis-open.org/xliff/v1.2/xliff-profile-html/xliff-profile-html-1.2.html
|
// http://docs.oasis-open.org/xliff/v1.2/xliff-profile-html/xliff-profile-html-1.2.html
|
||||||
@ -44,34 +43,37 @@ export class Xliff implements Serializer {
|
|||||||
|
|
||||||
let transUnit = new xml.Tag(_UNIT_TAG, {id: id, datatype: 'html'});
|
let transUnit = new xml.Tag(_UNIT_TAG, {id: id, datatype: 'html'});
|
||||||
transUnit.children.push(
|
transUnit.children.push(
|
||||||
_CR(8), new xml.Tag(_SOURCE_TAG, {}, visitor.serialize(message.nodes)), _CR(8),
|
new xml.CR(8), new xml.Tag(_SOURCE_TAG, {}, visitor.serialize(message.nodes)),
|
||||||
new xml.Tag(_TARGET_TAG));
|
new xml.CR(8), new xml.Tag(_TARGET_TAG));
|
||||||
|
|
||||||
if (message.description) {
|
if (message.description) {
|
||||||
transUnit.children.push(
|
transUnit.children.push(
|
||||||
_CR(8),
|
new xml.CR(8),
|
||||||
new xml.Tag(
|
new xml.Tag(
|
||||||
'note', {priority: '1', from: 'description'}, [new xml.Text(message.description)]));
|
'note', {priority: '1', from: 'description'}, [new xml.Text(message.description)]));
|
||||||
}
|
}
|
||||||
|
|
||||||
if (message.meaning) {
|
if (message.meaning) {
|
||||||
transUnit.children.push(
|
transUnit.children.push(
|
||||||
_CR(8),
|
new xml.CR(8),
|
||||||
new xml.Tag('note', {priority: '1', from: 'meaning'}, [new xml.Text(message.meaning)]));
|
new xml.Tag('note', {priority: '1', from: 'meaning'}, [new xml.Text(message.meaning)]));
|
||||||
}
|
}
|
||||||
|
|
||||||
transUnit.children.push(_CR(6));
|
transUnit.children.push(new xml.CR(6));
|
||||||
|
|
||||||
transUnits.push(_CR(6), transUnit);
|
transUnits.push(new xml.CR(6), transUnit);
|
||||||
});
|
});
|
||||||
|
|
||||||
const body = new xml.Tag('body', {}, [...transUnits, _CR(4)]);
|
const body = new xml.Tag('body', {}, [...transUnits, new xml.CR(4)]);
|
||||||
const file = new xml.Tag(
|
const file = new xml.Tag(
|
||||||
'file', {'source-language': _SOURCE_LANG, datatype: 'plaintext', original: 'ng2.template'},
|
'file', {'source-language': _SOURCE_LANG, datatype: 'plaintext', original: 'ng2.template'},
|
||||||
[_CR(4), body, _CR(2)]);
|
[new xml.CR(4), body, new xml.CR(2)]);
|
||||||
const xliff = new xml.Tag('xliff', {version: _VERSION, xmlns: _XMLNS}, [_CR(2), file, _CR()]);
|
const xliff = new xml.Tag(
|
||||||
|
'xliff', {version: _VERSION, xmlns: _XMLNS}, [new xml.CR(2), file, new xml.CR()]);
|
||||||
|
|
||||||
return xml.serialize([new xml.Declaration({version: '1.0', encoding: 'UTF-8'}), _CR(), xliff]);
|
return xml.serialize([
|
||||||
|
new xml.Declaration({version: '1.0', encoding: 'UTF-8'}), new xml.CR(), xliff, new xml.CR()
|
||||||
|
]);
|
||||||
}
|
}
|
||||||
|
|
||||||
load(content: string, url: string, messageBundle: MessageBundle): {[id: string]: ml.Node[]} {
|
load(content: string, url: string, messageBundle: MessageBundle): {[id: string]: ml.Node[]} {
|
||||||
@ -137,13 +139,15 @@ class _WriteVisitor implements i18n.Visitor {
|
|||||||
}
|
}
|
||||||
|
|
||||||
visitTagPlaceholder(ph: i18n.TagPlaceholder, context?: any): xml.Node[] {
|
visitTagPlaceholder(ph: i18n.TagPlaceholder, context?: any): xml.Node[] {
|
||||||
const startTagPh = new xml.Tag(_PLACEHOLDER_TAG, {id: ph.startName, ctype: ph.tag});
|
const ctype = getCtypeForTag(ph.tag);
|
||||||
|
|
||||||
|
const startTagPh = new xml.Tag(_PLACEHOLDER_TAG, {id: ph.startName, ctype});
|
||||||
if (ph.isVoid) {
|
if (ph.isVoid) {
|
||||||
// void tags have no children nor closing tags
|
// void tags have no children nor closing tags
|
||||||
return [startTagPh];
|
return [startTagPh];
|
||||||
}
|
}
|
||||||
|
|
||||||
const closeTagPh = new xml.Tag(_PLACEHOLDER_TAG, {id: ph.closeName, ctype: ph.tag});
|
const closeTagPh = new xml.Tag(_PLACEHOLDER_TAG, {id: ph.closeName, ctype});
|
||||||
|
|
||||||
return [startTagPh, ...this.serialize(ph.children), closeTagPh];
|
return [startTagPh, ...this.serialize(ph.children), closeTagPh];
|
||||||
}
|
}
|
||||||
@ -287,3 +291,14 @@ class _LoadVisitor implements ml.Visitor {
|
|||||||
this._errors.push(new I18nError(node.sourceSpan, message));
|
this._errors.push(new I18nError(node.sourceSpan, message));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function getCtypeForTag(tag: string): string {
|
||||||
|
switch (tag.toLowerCase()) {
|
||||||
|
case 'br':
|
||||||
|
return 'lb';
|
||||||
|
case 'img':
|
||||||
|
return 'image';
|
||||||
|
default:
|
||||||
|
return `x-${tag}`;
|
||||||
|
}
|
||||||
|
}
|
@ -43,7 +43,6 @@ export class Xmb implements Serializer {
|
|||||||
write(messageMap: {[k: string]: i18n.Message}): string {
|
write(messageMap: {[k: string]: i18n.Message}): string {
|
||||||
const visitor = new _Visitor();
|
const visitor = new _Visitor();
|
||||||
let rootNode = new xml.Tag(_MESSAGES_TAG);
|
let rootNode = new xml.Tag(_MESSAGES_TAG);
|
||||||
rootNode.children.push(new xml.Text('\n'));
|
|
||||||
|
|
||||||
Object.keys(messageMap).forEach((id) => {
|
Object.keys(messageMap).forEach((id) => {
|
||||||
const message = messageMap[id];
|
const message = messageMap[id];
|
||||||
@ -58,16 +57,18 @@ export class Xmb implements Serializer {
|
|||||||
}
|
}
|
||||||
|
|
||||||
rootNode.children.push(
|
rootNode.children.push(
|
||||||
new xml.Text(' '), new xml.Tag(_MESSAGE_TAG, attrs, visitor.serialize(message.nodes)),
|
new xml.CR(2), new xml.Tag(_MESSAGE_TAG, attrs, visitor.serialize(message.nodes)));
|
||||||
new xml.Text('\n'));
|
|
||||||
});
|
});
|
||||||
|
|
||||||
|
rootNode.children.push(new xml.CR());
|
||||||
|
|
||||||
return xml.serialize([
|
return xml.serialize([
|
||||||
new xml.Declaration({version: '1.0', encoding: 'UTF-8'}),
|
new xml.Declaration({version: '1.0', encoding: 'UTF-8'}),
|
||||||
new xml.Text('\n'),
|
new xml.CR(),
|
||||||
new xml.Doctype(_MESSAGES_TAG, _DOCTYPE),
|
new xml.Doctype(_MESSAGES_TAG, _DOCTYPE),
|
||||||
new xml.Text('\n'),
|
new xml.CR(),
|
||||||
rootNode,
|
rootNode,
|
||||||
|
new xml.CR(),
|
||||||
]);
|
]);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -88,6 +88,10 @@ export class Text implements Node {
|
|||||||
visit(visitor: IVisitor): any { return visitor.visitText(this); }
|
visit(visitor: IVisitor): any { return visitor.visitText(this); }
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export class CR extends Text {
|
||||||
|
constructor(ws: number = 0) { super(`\n${new Array(ws + 1).join(' ')}`); }
|
||||||
|
}
|
||||||
|
|
||||||
const _ESCAPED_CHARS: [RegExp, string][] = [
|
const _ESCAPED_CHARS: [RegExp, string][] = [
|
||||||
[/&/g, '&'],
|
[/&/g, '&'],
|
||||||
[/"/g, '"'],
|
[/"/g, '"'],
|
||||||
|
@ -9,7 +9,7 @@
|
|||||||
import {ANALYZE_FOR_ENTRY_COMPONENTS, ChangeDetectionStrategy, ChangeDetectorRef, ComponentFactory, ComponentFactoryResolver, ElementRef, Injector, LOCALE_ID as LOCALE_ID_, NgModuleFactory, QueryList, RenderComponentType, Renderer, SecurityContext, SimpleChange, TRANSLATIONS_FORMAT as TRANSLATIONS_FORMAT_, TemplateRef, ViewContainerRef, ViewEncapsulation} from '@angular/core';
|
import {ANALYZE_FOR_ENTRY_COMPONENTS, ChangeDetectionStrategy, ChangeDetectorRef, ComponentFactory, ComponentFactoryResolver, ElementRef, Injector, LOCALE_ID as LOCALE_ID_, NgModuleFactory, QueryList, RenderComponentType, Renderer, SecurityContext, SimpleChange, TRANSLATIONS_FORMAT as TRANSLATIONS_FORMAT_, TemplateRef, ViewContainerRef, ViewEncapsulation} from '@angular/core';
|
||||||
|
|
||||||
import {CompileIdentifierMetadata, CompileTokenMetadata} from './compile_metadata';
|
import {CompileIdentifierMetadata, CompileTokenMetadata} from './compile_metadata';
|
||||||
import {AnimationGroupPlayer, AnimationKeyframe, AnimationOutput, AnimationSequencePlayer, AnimationStyles, AppElement, AppView, ChangeDetectorStatus, CodegenComponentFactoryResolver, DebugAppView, DebugContext, EMPTY_ARRAY, EMPTY_MAP, NgModuleInjector, NoOpAnimationPlayer, StaticNodeDebugInfo, TemplateRef_, UNINITIALIZED, ValueUnwrapper, ViewType, ViewUtils, balanceAnimationKeyframes, castByValue, checkBinding, clearStyles, collectAndResolveStyles, devModeEqual, flattenNestedViewRenderNodes, interpolate, prepareFinalAnimationStyles, pureProxy1, pureProxy10, pureProxy2, pureProxy3, pureProxy4, pureProxy5, pureProxy6, pureProxy7, pureProxy8, pureProxy9, reflector, registerModuleFactory, renderStyles} from './private_import_core';
|
import {AnimationGroupPlayer, AnimationKeyframe, AnimationSequencePlayer, AnimationStyles, AppElement, AppView, ChangeDetectorStatus, CodegenComponentFactoryResolver, DebugAppView, DebugContext, EMPTY_ARRAY, EMPTY_MAP, NgModuleInjector, NoOpAnimationPlayer, StaticNodeDebugInfo, TemplateRef_, UNINITIALIZED, ValueUnwrapper, ViewType, ViewUtils, balanceAnimationKeyframes, castByValue, checkBinding, clearStyles, collectAndResolveStyles, devModeEqual, flattenNestedViewRenderNodes, interpolate, prepareFinalAnimationStyles, pureProxy1, pureProxy10, pureProxy2, pureProxy3, pureProxy4, pureProxy5, pureProxy6, pureProxy7, pureProxy8, pureProxy9, reflector, registerModuleFactory, renderStyles} from './private_import_core';
|
||||||
import {assetUrl} from './util';
|
import {assetUrl} from './util';
|
||||||
|
|
||||||
var APP_VIEW_MODULE_URL = assetUrl('core', 'linker/view');
|
var APP_VIEW_MODULE_URL = assetUrl('core', 'linker/view');
|
||||||
@ -266,11 +266,6 @@ export class Identifiers {
|
|||||||
moduleUrl: assetUrl('core', 'i18n/tokens'),
|
moduleUrl: assetUrl('core', 'i18n/tokens'),
|
||||||
runtime: TRANSLATIONS_FORMAT_
|
runtime: TRANSLATIONS_FORMAT_
|
||||||
};
|
};
|
||||||
static AnimationOutput: IdentifierSpec = {
|
|
||||||
name: 'AnimationOutput',
|
|
||||||
moduleUrl: assetUrl('core', 'animation/animation_output'),
|
|
||||||
runtime: AnimationOutput
|
|
||||||
};
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export function resolveIdentifier(identifier: IdentifierSpec) {
|
export function resolveIdentifier(identifier: IdentifierSpec) {
|
||||||
|
@ -8,12 +8,10 @@
|
|||||||
|
|
||||||
import {AnimationAnimateMetadata, AnimationEntryMetadata, AnimationGroupMetadata, AnimationKeyframesSequenceMetadata, AnimationMetadata, AnimationStateDeclarationMetadata, AnimationStateMetadata, AnimationStateTransitionMetadata, AnimationStyleMetadata, AnimationWithStepsMetadata, Attribute, ChangeDetectionStrategy, Component, Host, Inject, Injectable, ModuleWithProviders, Optional, Provider, Query, SchemaMetadata, Self, SkipSelf, Type, resolveForwardRef} from '@angular/core';
|
import {AnimationAnimateMetadata, AnimationEntryMetadata, AnimationGroupMetadata, AnimationKeyframesSequenceMetadata, AnimationMetadata, AnimationStateDeclarationMetadata, AnimationStateMetadata, AnimationStateTransitionMetadata, AnimationStyleMetadata, AnimationWithStepsMetadata, Attribute, ChangeDetectionStrategy, Component, Host, Inject, Injectable, ModuleWithProviders, Optional, Provider, Query, SchemaMetadata, Self, SkipSelf, Type, resolveForwardRef} from '@angular/core';
|
||||||
|
|
||||||
import {StringMapWrapper} from '../src/facade/collection';
|
|
||||||
|
|
||||||
import {assertArrayOfStrings, assertInterpolationSymbols} from './assertions';
|
import {assertArrayOfStrings, assertInterpolationSymbols} from './assertions';
|
||||||
import * as cpl from './compile_metadata';
|
import * as cpl from './compile_metadata';
|
||||||
import {DirectiveResolver} from './directive_resolver';
|
import {DirectiveResolver} from './directive_resolver';
|
||||||
import {StringWrapper, isArray, isBlank, isPresent, isString, stringify} from './facade/lang';
|
import {isBlank, isPresent, isString, stringify} from './facade/lang';
|
||||||
import {Identifiers, resolveIdentifierToken} from './identifiers';
|
import {Identifiers, resolveIdentifierToken} from './identifiers';
|
||||||
import {hasLifecycleHook} from './lifecycle_reflector';
|
import {hasLifecycleHook} from './lifecycle_reflector';
|
||||||
import {NgModuleResolver} from './ng_module_resolver';
|
import {NgModuleResolver} from './ng_module_resolver';
|
||||||
@ -42,7 +40,7 @@ export class CompileMetadataResolver {
|
|||||||
if (identifier.indexOf('(') >= 0) {
|
if (identifier.indexOf('(') >= 0) {
|
||||||
// case: anonymous functions!
|
// case: anonymous functions!
|
||||||
let found = this._anonymousTypes.get(token);
|
let found = this._anonymousTypes.get(token);
|
||||||
if (isBlank(found)) {
|
if (!found) {
|
||||||
this._anonymousTypes.set(token, this._anonymousTypeIndex++);
|
this._anonymousTypes.set(token, this._anonymousTypeIndex++);
|
||||||
found = this._anonymousTypes.get(token);
|
found = this._anonymousTypes.get(token);
|
||||||
}
|
}
|
||||||
@ -67,18 +65,21 @@ export class CompileMetadataResolver {
|
|||||||
}
|
}
|
||||||
|
|
||||||
getAnimationEntryMetadata(entry: AnimationEntryMetadata): cpl.CompileAnimationEntryMetadata {
|
getAnimationEntryMetadata(entry: AnimationEntryMetadata): cpl.CompileAnimationEntryMetadata {
|
||||||
var defs = entry.definitions.map(def => this.getAnimationStateMetadata(def));
|
const defs = entry.definitions.map(def => this.getAnimationStateMetadata(def));
|
||||||
return new cpl.CompileAnimationEntryMetadata(entry.name, defs);
|
return new cpl.CompileAnimationEntryMetadata(entry.name, defs);
|
||||||
}
|
}
|
||||||
|
|
||||||
getAnimationStateMetadata(value: AnimationStateMetadata): cpl.CompileAnimationStateMetadata {
|
getAnimationStateMetadata(value: AnimationStateMetadata): cpl.CompileAnimationStateMetadata {
|
||||||
if (value instanceof AnimationStateDeclarationMetadata) {
|
if (value instanceof AnimationStateDeclarationMetadata) {
|
||||||
var styles = this.getAnimationStyleMetadata(value.styles);
|
const styles = this.getAnimationStyleMetadata(value.styles);
|
||||||
return new cpl.CompileAnimationStateDeclarationMetadata(value.stateNameExpr, styles);
|
return new cpl.CompileAnimationStateDeclarationMetadata(value.stateNameExpr, styles);
|
||||||
} else if (value instanceof AnimationStateTransitionMetadata) {
|
}
|
||||||
|
|
||||||
|
if (value instanceof AnimationStateTransitionMetadata) {
|
||||||
return new cpl.CompileAnimationStateTransitionMetadata(
|
return new cpl.CompileAnimationStateTransitionMetadata(
|
||||||
value.stateChangeExpr, this.getAnimationMetadata(value.steps));
|
value.stateChangeExpr, this.getAnimationMetadata(value.steps));
|
||||||
}
|
}
|
||||||
|
|
||||||
return null;
|
return null;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -89,21 +90,28 @@ export class CompileMetadataResolver {
|
|||||||
getAnimationMetadata(value: AnimationMetadata): cpl.CompileAnimationMetadata {
|
getAnimationMetadata(value: AnimationMetadata): cpl.CompileAnimationMetadata {
|
||||||
if (value instanceof AnimationStyleMetadata) {
|
if (value instanceof AnimationStyleMetadata) {
|
||||||
return this.getAnimationStyleMetadata(value);
|
return this.getAnimationStyleMetadata(value);
|
||||||
} else if (value instanceof AnimationKeyframesSequenceMetadata) {
|
}
|
||||||
|
|
||||||
|
if (value instanceof AnimationKeyframesSequenceMetadata) {
|
||||||
return new cpl.CompileAnimationKeyframesSequenceMetadata(
|
return new cpl.CompileAnimationKeyframesSequenceMetadata(
|
||||||
value.steps.map(entry => this.getAnimationStyleMetadata(entry)));
|
value.steps.map(entry => this.getAnimationStyleMetadata(entry)));
|
||||||
} else if (value instanceof AnimationAnimateMetadata) {
|
}
|
||||||
let animateData =
|
|
||||||
|
if (value instanceof AnimationAnimateMetadata) {
|
||||||
|
const animateData =
|
||||||
<cpl.CompileAnimationStyleMetadata|cpl.CompileAnimationKeyframesSequenceMetadata>this
|
<cpl.CompileAnimationStyleMetadata|cpl.CompileAnimationKeyframesSequenceMetadata>this
|
||||||
.getAnimationMetadata(value.styles);
|
.getAnimationMetadata(value.styles);
|
||||||
return new cpl.CompileAnimationAnimateMetadata(value.timings, animateData);
|
return new cpl.CompileAnimationAnimateMetadata(value.timings, animateData);
|
||||||
} else if (value instanceof AnimationWithStepsMetadata) {
|
}
|
||||||
var steps = value.steps.map(step => this.getAnimationMetadata(step));
|
|
||||||
|
if (value instanceof AnimationWithStepsMetadata) {
|
||||||
|
const steps = value.steps.map(step => this.getAnimationMetadata(step));
|
||||||
|
|
||||||
if (value instanceof AnimationGroupMetadata) {
|
if (value instanceof AnimationGroupMetadata) {
|
||||||
return new cpl.CompileAnimationGroupMetadata(steps);
|
return new cpl.CompileAnimationGroupMetadata(steps);
|
||||||
} else {
|
|
||||||
return new cpl.CompileAnimationSequenceMetadata(steps);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
return new cpl.CompileAnimationSequenceMetadata(steps);
|
||||||
}
|
}
|
||||||
return null;
|
return null;
|
||||||
}
|
}
|
||||||
@ -111,47 +119,49 @@ export class CompileMetadataResolver {
|
|||||||
getDirectiveMetadata(directiveType: Type<any>, throwIfNotFound = true):
|
getDirectiveMetadata(directiveType: Type<any>, throwIfNotFound = true):
|
||||||
cpl.CompileDirectiveMetadata {
|
cpl.CompileDirectiveMetadata {
|
||||||
directiveType = resolveForwardRef(directiveType);
|
directiveType = resolveForwardRef(directiveType);
|
||||||
var meta = this._directiveCache.get(directiveType);
|
let meta = this._directiveCache.get(directiveType);
|
||||||
if (isBlank(meta)) {
|
if (!meta) {
|
||||||
var dirMeta = this._directiveResolver.resolve(directiveType, throwIfNotFound);
|
const dirMeta = this._directiveResolver.resolve(directiveType, throwIfNotFound);
|
||||||
if (!dirMeta) {
|
if (!dirMeta) {
|
||||||
return null;
|
return null;
|
||||||
}
|
}
|
||||||
var templateMeta: cpl.CompileTemplateMetadata = null;
|
let templateMeta: cpl.CompileTemplateMetadata = null;
|
||||||
var changeDetectionStrategy: ChangeDetectionStrategy = null;
|
let changeDetectionStrategy: ChangeDetectionStrategy = null;
|
||||||
var viewProviders: Array<cpl.CompileProviderMetadata|cpl.CompileTypeMetadata|any[]> = [];
|
let viewProviders: Array<cpl.CompileProviderMetadata|cpl.CompileTypeMetadata|any[]> = [];
|
||||||
var moduleUrl = staticTypeModuleUrl(directiveType);
|
let moduleUrl = staticTypeModuleUrl(directiveType);
|
||||||
var entryComponentMetadata: cpl.CompileTypeMetadata[] = [];
|
let entryComponentMetadata: cpl.CompileTypeMetadata[] = [];
|
||||||
let selector = dirMeta.selector;
|
let selector = dirMeta.selector;
|
||||||
|
|
||||||
if (dirMeta instanceof Component) {
|
if (dirMeta instanceof Component) {
|
||||||
var cmpMeta = <Component>dirMeta;
|
// Component
|
||||||
assertArrayOfStrings('styles', cmpMeta.styles);
|
assertArrayOfStrings('styles', dirMeta.styles);
|
||||||
assertInterpolationSymbols('interpolation', cmpMeta.interpolation);
|
assertArrayOfStrings('styleUrls', dirMeta.styleUrls);
|
||||||
var animations = isPresent(cmpMeta.animations) ?
|
assertInterpolationSymbols('interpolation', dirMeta.interpolation);
|
||||||
cmpMeta.animations.map(e => this.getAnimationEntryMetadata(e)) :
|
|
||||||
|
const animations = dirMeta.animations ?
|
||||||
|
dirMeta.animations.map(e => this.getAnimationEntryMetadata(e)) :
|
||||||
null;
|
null;
|
||||||
assertArrayOfStrings('styles', cmpMeta.styles);
|
|
||||||
assertArrayOfStrings('styleUrls', cmpMeta.styleUrls);
|
|
||||||
|
|
||||||
templateMeta = new cpl.CompileTemplateMetadata({
|
templateMeta = new cpl.CompileTemplateMetadata({
|
||||||
encapsulation: cmpMeta.encapsulation,
|
encapsulation: dirMeta.encapsulation,
|
||||||
template: cmpMeta.template,
|
template: dirMeta.template,
|
||||||
templateUrl: cmpMeta.templateUrl,
|
templateUrl: dirMeta.templateUrl,
|
||||||
styles: cmpMeta.styles,
|
styles: dirMeta.styles,
|
||||||
styleUrls: cmpMeta.styleUrls,
|
styleUrls: dirMeta.styleUrls,
|
||||||
animations: animations,
|
animations: animations,
|
||||||
interpolation: cmpMeta.interpolation
|
interpolation: dirMeta.interpolation
|
||||||
});
|
});
|
||||||
changeDetectionStrategy = cmpMeta.changeDetection;
|
|
||||||
if (isPresent(dirMeta.viewProviders)) {
|
changeDetectionStrategy = dirMeta.changeDetection;
|
||||||
|
if (dirMeta.viewProviders) {
|
||||||
viewProviders = this.getProvidersMetadata(
|
viewProviders = this.getProvidersMetadata(
|
||||||
dirMeta.viewProviders, entryComponentMetadata,
|
dirMeta.viewProviders, entryComponentMetadata,
|
||||||
`viewProviders for "${stringify(directiveType)}"`);
|
`viewProviders for "${stringify(directiveType)}"`);
|
||||||
}
|
}
|
||||||
moduleUrl = componentModuleUrl(this._reflector, directiveType, cmpMeta);
|
moduleUrl = componentModuleUrl(this._reflector, directiveType, dirMeta);
|
||||||
if (cmpMeta.entryComponents) {
|
if (dirMeta.entryComponents) {
|
||||||
entryComponentMetadata =
|
entryComponentMetadata =
|
||||||
flattenArray(cmpMeta.entryComponents)
|
flattenArray(dirMeta.entryComponents)
|
||||||
.map((type) => this.getTypeMetadata(type, staticTypeModuleUrl(type)))
|
.map((type) => this.getTypeMetadata(type, staticTypeModuleUrl(type)))
|
||||||
.concat(entryComponentMetadata);
|
.concat(entryComponentMetadata);
|
||||||
}
|
}
|
||||||
@ -159,27 +169,29 @@ export class CompileMetadataResolver {
|
|||||||
selector = this._schemaRegistry.getDefaultComponentElementName();
|
selector = this._schemaRegistry.getDefaultComponentElementName();
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
|
// Directive
|
||||||
if (!selector) {
|
if (!selector) {
|
||||||
throw new Error(`Directive ${stringify(directiveType)} has no selector, please add it!`);
|
throw new Error(`Directive ${stringify(directiveType)} has no selector, please add it!`);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
var providers: Array<cpl.CompileProviderMetadata|cpl.CompileTypeMetadata|any[]> = [];
|
let providers: Array<cpl.CompileProviderMetadata|cpl.CompileTypeMetadata|any[]> = [];
|
||||||
if (isPresent(dirMeta.providers)) {
|
if (isPresent(dirMeta.providers)) {
|
||||||
providers = this.getProvidersMetadata(
|
providers = this.getProvidersMetadata(
|
||||||
dirMeta.providers, entryComponentMetadata,
|
dirMeta.providers, entryComponentMetadata,
|
||||||
`providers for "${stringify(directiveType)}"`);
|
`providers for "${stringify(directiveType)}"`);
|
||||||
}
|
}
|
||||||
var queries: cpl.CompileQueryMetadata[] = [];
|
let queries: cpl.CompileQueryMetadata[] = [];
|
||||||
var viewQueries: cpl.CompileQueryMetadata[] = [];
|
let viewQueries: cpl.CompileQueryMetadata[] = [];
|
||||||
if (isPresent(dirMeta.queries)) {
|
if (isPresent(dirMeta.queries)) {
|
||||||
queries = this.getQueriesMetadata(dirMeta.queries, false, directiveType);
|
queries = this.getQueriesMetadata(dirMeta.queries, false, directiveType);
|
||||||
viewQueries = this.getQueriesMetadata(dirMeta.queries, true, directiveType);
|
viewQueries = this.getQueriesMetadata(dirMeta.queries, true, directiveType);
|
||||||
}
|
}
|
||||||
|
|
||||||
meta = cpl.CompileDirectiveMetadata.create({
|
meta = cpl.CompileDirectiveMetadata.create({
|
||||||
selector: selector,
|
selector: selector,
|
||||||
exportAs: dirMeta.exportAs,
|
exportAs: dirMeta.exportAs,
|
||||||
isComponent: isPresent(templateMeta),
|
isComponent: !!templateMeta,
|
||||||
type: this.getTypeMetadata(directiveType, moduleUrl),
|
type: this.getTypeMetadata(directiveType, moduleUrl),
|
||||||
template: templateMeta,
|
template: templateMeta,
|
||||||
changeDetection: changeDetectionStrategy,
|
changeDetection: changeDetectionStrategy,
|
||||||
@ -199,7 +211,7 @@ export class CompileMetadataResolver {
|
|||||||
|
|
||||||
getNgModuleMetadata(moduleType: any, throwIfNotFound = true): cpl.CompileNgModuleMetadata {
|
getNgModuleMetadata(moduleType: any, throwIfNotFound = true): cpl.CompileNgModuleMetadata {
|
||||||
moduleType = resolveForwardRef(moduleType);
|
moduleType = resolveForwardRef(moduleType);
|
||||||
var compileMeta = this._ngModuleCache.get(moduleType);
|
let compileMeta = this._ngModuleCache.get(moduleType);
|
||||||
if (!compileMeta) {
|
if (!compileMeta) {
|
||||||
const meta = this._ngModuleResolver.resolve(moduleType, throwIfNotFound);
|
const meta = this._ngModuleResolver.resolve(moduleType, throwIfNotFound);
|
||||||
if (!meta) {
|
if (!meta) {
|
||||||
@ -230,8 +242,9 @@ export class CompileMetadataResolver {
|
|||||||
`provider for the NgModule '${stringify(importedModuleType)}'`));
|
`provider for the NgModule '${stringify(importedModuleType)}'`));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
if (importedModuleType) {
|
if (importedModuleType) {
|
||||||
let importedMeta = this.getNgModuleMetadata(importedModuleType, false);
|
const importedMeta = this.getNgModuleMetadata(importedModuleType, false);
|
||||||
if (importedMeta === null) {
|
if (importedMeta === null) {
|
||||||
throw new Error(
|
throw new Error(
|
||||||
`Unexpected ${this._getTypeDescriptor(importedType)} '${stringify(importedType)}' imported by the module '${stringify(moduleType)}'`);
|
`Unexpected ${this._getTypeDescriptor(importedType)} '${stringify(importedType)}' imported by the module '${stringify(moduleType)}'`);
|
||||||
@ -298,11 +311,13 @@ export class CompileMetadataResolver {
|
|||||||
meta.providers, entryComponents,
|
meta.providers, entryComponents,
|
||||||
`provider for the NgModule '${stringify(moduleType)}'`));
|
`provider for the NgModule '${stringify(moduleType)}'`));
|
||||||
}
|
}
|
||||||
|
|
||||||
if (meta.entryComponents) {
|
if (meta.entryComponents) {
|
||||||
entryComponents.push(
|
entryComponents.push(
|
||||||
...flattenArray(meta.entryComponents)
|
...flattenArray(meta.entryComponents)
|
||||||
.map(type => this.getTypeMetadata(type, staticTypeModuleUrl(type))));
|
.map(type => this.getTypeMetadata(type, staticTypeModuleUrl(type))));
|
||||||
}
|
}
|
||||||
|
|
||||||
if (meta.bootstrap) {
|
if (meta.bootstrap) {
|
||||||
const typeMetadata = flattenArray(meta.bootstrap).map(type => {
|
const typeMetadata = flattenArray(meta.bootstrap).map(type => {
|
||||||
if (!isValidType(type)) {
|
if (!isValidType(type)) {
|
||||||
@ -313,7 +328,9 @@ export class CompileMetadataResolver {
|
|||||||
});
|
});
|
||||||
bootstrapComponents.push(...typeMetadata);
|
bootstrapComponents.push(...typeMetadata);
|
||||||
}
|
}
|
||||||
|
|
||||||
entryComponents.push(...bootstrapComponents);
|
entryComponents.push(...bootstrapComponents);
|
||||||
|
|
||||||
if (meta.schemas) {
|
if (meta.schemas) {
|
||||||
schemas.push(...flattenArray(meta.schemas));
|
schemas.push(...flattenArray(meta.schemas));
|
||||||
}
|
}
|
||||||
@ -323,19 +340,20 @@ export class CompileMetadataResolver {
|
|||||||
|
|
||||||
compileMeta = new cpl.CompileNgModuleMetadata({
|
compileMeta = new cpl.CompileNgModuleMetadata({
|
||||||
type: this.getTypeMetadata(moduleType, staticTypeModuleUrl(moduleType)),
|
type: this.getTypeMetadata(moduleType, staticTypeModuleUrl(moduleType)),
|
||||||
providers: providers,
|
providers,
|
||||||
entryComponents: entryComponents,
|
entryComponents,
|
||||||
bootstrapComponents: bootstrapComponents,
|
bootstrapComponents,
|
||||||
schemas: schemas,
|
schemas,
|
||||||
declaredDirectives: declaredDirectives,
|
declaredDirectives,
|
||||||
exportedDirectives: exportedDirectives,
|
exportedDirectives,
|
||||||
declaredPipes: declaredPipes,
|
declaredPipes,
|
||||||
exportedPipes: exportedPipes,
|
exportedPipes,
|
||||||
importedModules: importedModules,
|
importedModules,
|
||||||
exportedModules: exportedModules,
|
exportedModules,
|
||||||
transitiveModule: transitiveModule,
|
transitiveModule,
|
||||||
id: meta.id,
|
id: meta.id,
|
||||||
});
|
});
|
||||||
|
|
||||||
transitiveModule.modules.push(compileMeta);
|
transitiveModule.modules.push(compileMeta);
|
||||||
this._verifyModule(compileMeta);
|
this._verifyModule(compileMeta);
|
||||||
this._ngModuleCache.set(moduleType, compileMeta);
|
this._ngModuleCache.set(moduleType, compileMeta);
|
||||||
@ -351,6 +369,7 @@ export class CompileMetadataResolver {
|
|||||||
`Can't export directive ${stringify(dirMeta.type.reference)} from ${stringify(moduleMeta.type.reference)} as it was neither declared nor imported!`);
|
`Can't export directive ${stringify(dirMeta.type.reference)} from ${stringify(moduleMeta.type.reference)} as it was neither declared nor imported!`);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
moduleMeta.exportedPipes.forEach((pipeMeta) => {
|
moduleMeta.exportedPipes.forEach((pipeMeta) => {
|
||||||
if (!moduleMeta.transitiveModule.pipesSet.has(pipeMeta.type.reference)) {
|
if (!moduleMeta.transitiveModule.pipesSet.has(pipeMeta.type.reference)) {
|
||||||
throw new Error(
|
throw new Error(
|
||||||
@ -362,15 +381,21 @@ export class CompileMetadataResolver {
|
|||||||
private _getTypeDescriptor(type: Type<any>): string {
|
private _getTypeDescriptor(type: Type<any>): string {
|
||||||
if (this._directiveResolver.resolve(type, false) !== null) {
|
if (this._directiveResolver.resolve(type, false) !== null) {
|
||||||
return 'directive';
|
return 'directive';
|
||||||
} else if (this._pipeResolver.resolve(type, false) !== null) {
|
|
||||||
return 'pipe';
|
|
||||||
} else if (this._ngModuleResolver.resolve(type, false) !== null) {
|
|
||||||
return 'module';
|
|
||||||
} else if ((type as any).provide) {
|
|
||||||
return 'provider';
|
|
||||||
} else {
|
|
||||||
return 'value';
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if (this._pipeResolver.resolve(type, false) !== null) {
|
||||||
|
return 'pipe';
|
||||||
|
}
|
||||||
|
|
||||||
|
if (this._ngModuleResolver.resolve(type, false) !== null) {
|
||||||
|
return 'module';
|
||||||
|
}
|
||||||
|
|
||||||
|
if ((type as any).provide) {
|
||||||
|
return 'provider';
|
||||||
|
}
|
||||||
|
|
||||||
|
return 'value';
|
||||||
}
|
}
|
||||||
|
|
||||||
private _addTypeToModule(type: Type<any>, moduleType: Type<any>) {
|
private _addTypeToModule(type: Type<any>, moduleType: Type<any>) {
|
||||||
@ -434,7 +459,7 @@ export class CompileMetadataResolver {
|
|||||||
type = resolveForwardRef(type);
|
type = resolveForwardRef(type);
|
||||||
return new cpl.CompileTypeMetadata({
|
return new cpl.CompileTypeMetadata({
|
||||||
name: this.sanitizeTokenName(type),
|
name: this.sanitizeTokenName(type),
|
||||||
moduleUrl: moduleUrl,
|
moduleUrl,
|
||||||
reference: type,
|
reference: type,
|
||||||
diDeps: this.getDependenciesMetadata(type, dependencies),
|
diDeps: this.getDependenciesMetadata(type, dependencies),
|
||||||
lifecycleHooks: LIFECYCLE_HOOKS_VALUES.filter(hook => hasLifecycleHook(hook, type)),
|
lifecycleHooks: LIFECYCLE_HOOKS_VALUES.filter(hook => hasLifecycleHook(hook, type)),
|
||||||
@ -446,7 +471,7 @@ export class CompileMetadataResolver {
|
|||||||
factory = resolveForwardRef(factory);
|
factory = resolveForwardRef(factory);
|
||||||
return new cpl.CompileFactoryMetadata({
|
return new cpl.CompileFactoryMetadata({
|
||||||
name: this.sanitizeTokenName(factory),
|
name: this.sanitizeTokenName(factory),
|
||||||
moduleUrl: moduleUrl,
|
moduleUrl,
|
||||||
reference: factory,
|
reference: factory,
|
||||||
diDeps: this.getDependenciesMetadata(factory, dependencies)
|
diDeps: this.getDependenciesMetadata(factory, dependencies)
|
||||||
});
|
});
|
||||||
@ -454,12 +479,13 @@ export class CompileMetadataResolver {
|
|||||||
|
|
||||||
getPipeMetadata(pipeType: Type<any>, throwIfNotFound = true): cpl.CompilePipeMetadata {
|
getPipeMetadata(pipeType: Type<any>, throwIfNotFound = true): cpl.CompilePipeMetadata {
|
||||||
pipeType = resolveForwardRef(pipeType);
|
pipeType = resolveForwardRef(pipeType);
|
||||||
var meta = this._pipeCache.get(pipeType);
|
let meta = this._pipeCache.get(pipeType);
|
||||||
if (isBlank(meta)) {
|
if (!meta) {
|
||||||
var pipeMeta = this._pipeResolver.resolve(pipeType, throwIfNotFound);
|
const pipeMeta = this._pipeResolver.resolve(pipeType, throwIfNotFound);
|
||||||
if (!pipeMeta) {
|
if (!pipeMeta) {
|
||||||
return null;
|
return null;
|
||||||
}
|
}
|
||||||
|
|
||||||
meta = new cpl.CompilePipeMetadata({
|
meta = new cpl.CompilePipeMetadata({
|
||||||
type: this.getTypeMetadata(pipeType, staticTypeModuleUrl(pipeType)),
|
type: this.getTypeMetadata(pipeType, staticTypeModuleUrl(pipeType)),
|
||||||
name: pipeMeta.name,
|
name: pipeMeta.name,
|
||||||
@ -473,10 +499,8 @@ export class CompileMetadataResolver {
|
|||||||
getDependenciesMetadata(typeOrFunc: Type<any>|Function, dependencies: any[]):
|
getDependenciesMetadata(typeOrFunc: Type<any>|Function, dependencies: any[]):
|
||||||
cpl.CompileDiDependencyMetadata[] {
|
cpl.CompileDiDependencyMetadata[] {
|
||||||
let hasUnknownDeps = false;
|
let hasUnknownDeps = false;
|
||||||
let params = isPresent(dependencies) ? dependencies : this._reflector.parameters(typeOrFunc);
|
let params = dependencies || this._reflector.parameters(typeOrFunc) || [];
|
||||||
if (isBlank(params)) {
|
|
||||||
params = [];
|
|
||||||
}
|
|
||||||
let dependenciesMetadata: cpl.CompileDiDependencyMetadata[] = params.map((param) => {
|
let dependenciesMetadata: cpl.CompileDiDependencyMetadata[] = params.map((param) => {
|
||||||
let isAttribute = false;
|
let isAttribute = false;
|
||||||
let isHost = false;
|
let isHost = false;
|
||||||
@ -486,8 +510,8 @@ export class CompileMetadataResolver {
|
|||||||
let query: Query = null;
|
let query: Query = null;
|
||||||
let viewQuery: Query = null;
|
let viewQuery: Query = null;
|
||||||
var token: any = null;
|
var token: any = null;
|
||||||
if (isArray(param)) {
|
if (Array.isArray(param)) {
|
||||||
(<any[]>param).forEach((paramEntry) => {
|
param.forEach((paramEntry) => {
|
||||||
if (paramEntry instanceof Host) {
|
if (paramEntry instanceof Host) {
|
||||||
isHost = true;
|
isHost = true;
|
||||||
} else if (paramEntry instanceof Self) {
|
} else if (paramEntry instanceof Self) {
|
||||||
@ -518,14 +542,15 @@ export class CompileMetadataResolver {
|
|||||||
hasUnknownDeps = true;
|
hasUnknownDeps = true;
|
||||||
return null;
|
return null;
|
||||||
}
|
}
|
||||||
|
|
||||||
return new cpl.CompileDiDependencyMetadata({
|
return new cpl.CompileDiDependencyMetadata({
|
||||||
isAttribute: isAttribute,
|
isAttribute,
|
||||||
isHost: isHost,
|
isHost,
|
||||||
isSelf: isSelf,
|
isSelf,
|
||||||
isSkipSelf: isSkipSelf,
|
isSkipSelf,
|
||||||
isOptional: isOptional,
|
isOptional,
|
||||||
query: isPresent(query) ? this.getQueryMetadata(query, null, typeOrFunc) : null,
|
query: query ? this.getQueryMetadata(query, null, typeOrFunc) : null,
|
||||||
viewQuery: isPresent(viewQuery) ? this.getQueryMetadata(viewQuery, null, typeOrFunc) : null,
|
viewQuery: viewQuery ? this.getQueryMetadata(viewQuery, null, typeOrFunc) : null,
|
||||||
token: this.getTokenMetadata(token)
|
token: this.getTokenMetadata(token)
|
||||||
});
|
});
|
||||||
|
|
||||||
@ -533,8 +558,7 @@ export class CompileMetadataResolver {
|
|||||||
|
|
||||||
if (hasUnknownDeps) {
|
if (hasUnknownDeps) {
|
||||||
let depsTokens =
|
let depsTokens =
|
||||||
dependenciesMetadata.map((dep) => { return dep ? stringify(dep.token) : '?'; })
|
dependenciesMetadata.map((dep) => dep ? stringify(dep.token) : '?').join(', ');
|
||||||
.join(', ');
|
|
||||||
throw new Error(
|
throw new Error(
|
||||||
`Can't resolve all parameters for ${stringify(typeOrFunc)}: (${depsTokens}).`);
|
`Can't resolve all parameters for ${stringify(typeOrFunc)}: (${depsTokens}).`);
|
||||||
}
|
}
|
||||||
@ -544,7 +568,7 @@ export class CompileMetadataResolver {
|
|||||||
|
|
||||||
getTokenMetadata(token: any): cpl.CompileTokenMetadata {
|
getTokenMetadata(token: any): cpl.CompileTokenMetadata {
|
||||||
token = resolveForwardRef(token);
|
token = resolveForwardRef(token);
|
||||||
var compileToken: any /** TODO #9100 */;
|
let compileToken: cpl.CompileTokenMetadata;
|
||||||
if (isString(token)) {
|
if (isString(token)) {
|
||||||
compileToken = new cpl.CompileTokenMetadata({value: token});
|
compileToken = new cpl.CompileTokenMetadata({value: token});
|
||||||
} else {
|
} else {
|
||||||
@ -569,7 +593,7 @@ export class CompileMetadataResolver {
|
|||||||
provider = new cpl.ProviderMeta(provider.provide, provider);
|
provider = new cpl.ProviderMeta(provider.provide, provider);
|
||||||
}
|
}
|
||||||
let compileProvider: cpl.CompileProviderMetadata|cpl.CompileTypeMetadata|any[];
|
let compileProvider: cpl.CompileProviderMetadata|cpl.CompileTypeMetadata|any[];
|
||||||
if (isArray(provider)) {
|
if (Array.isArray(provider)) {
|
||||||
compileProvider = this.getProvidersMetadata(provider, targetEntryComponents, debugInfo);
|
compileProvider = this.getProvidersMetadata(provider, targetEntryComponents, debugInfo);
|
||||||
} else if (provider instanceof cpl.ProviderMeta) {
|
} else if (provider instanceof cpl.ProviderMeta) {
|
||||||
let tokenMeta = this.getTokenMetadata(provider.token);
|
let tokenMeta = this.getTokenMetadata(provider.token);
|
||||||
@ -607,17 +631,20 @@ export class CompileMetadataResolver {
|
|||||||
}
|
}
|
||||||
|
|
||||||
private _getEntryComponentsFromProvider(provider: cpl.ProviderMeta): cpl.CompileTypeMetadata[] {
|
private _getEntryComponentsFromProvider(provider: cpl.ProviderMeta): cpl.CompileTypeMetadata[] {
|
||||||
let components: cpl.CompileTypeMetadata[] = [];
|
const components: cpl.CompileTypeMetadata[] = [];
|
||||||
let collectedIdentifiers: cpl.CompileIdentifierMetadata[] = [];
|
const collectedIdentifiers: cpl.CompileIdentifierMetadata[] = [];
|
||||||
|
|
||||||
if (provider.useFactory || provider.useExisting || provider.useClass) {
|
if (provider.useFactory || provider.useExisting || provider.useClass) {
|
||||||
throw new Error(`The ANALYZE_FOR_ENTRY_COMPONENTS token only supports useValue!`);
|
throw new Error(`The ANALYZE_FOR_ENTRY_COMPONENTS token only supports useValue!`);
|
||||||
}
|
}
|
||||||
|
|
||||||
if (!provider.multi) {
|
if (!provider.multi) {
|
||||||
throw new Error(`The ANALYZE_FOR_ENTRY_COMPONENTS token only supports 'multi = true'!`);
|
throw new Error(`The ANALYZE_FOR_ENTRY_COMPONENTS token only supports 'multi = true'!`);
|
||||||
}
|
}
|
||||||
|
|
||||||
convertToCompileValue(provider.useValue, collectedIdentifiers);
|
convertToCompileValue(provider.useValue, collectedIdentifiers);
|
||||||
collectedIdentifiers.forEach((identifier) => {
|
collectedIdentifiers.forEach((identifier) => {
|
||||||
let dirMeta = this.getDirectiveMetadata(identifier.reference, false);
|
const dirMeta = this.getDirectiveMetadata(identifier.reference, false);
|
||||||
if (dirMeta) {
|
if (dirMeta) {
|
||||||
components.push(dirMeta.type);
|
components.push(dirMeta.type);
|
||||||
}
|
}
|
||||||
@ -626,15 +653,15 @@ export class CompileMetadataResolver {
|
|||||||
}
|
}
|
||||||
|
|
||||||
getProviderMetadata(provider: cpl.ProviderMeta): cpl.CompileProviderMetadata {
|
getProviderMetadata(provider: cpl.ProviderMeta): cpl.CompileProviderMetadata {
|
||||||
var compileDeps: cpl.CompileDiDependencyMetadata[];
|
let compileDeps: cpl.CompileDiDependencyMetadata[];
|
||||||
var compileTypeMetadata: cpl.CompileTypeMetadata = null;
|
let compileTypeMetadata: cpl.CompileTypeMetadata = null;
|
||||||
var compileFactoryMetadata: cpl.CompileFactoryMetadata = null;
|
let compileFactoryMetadata: cpl.CompileFactoryMetadata = null;
|
||||||
|
|
||||||
if (isPresent(provider.useClass)) {
|
if (provider.useClass) {
|
||||||
compileTypeMetadata = this.getTypeMetadata(
|
compileTypeMetadata = this.getTypeMetadata(
|
||||||
provider.useClass, staticTypeModuleUrl(provider.useClass), provider.dependencies);
|
provider.useClass, staticTypeModuleUrl(provider.useClass), provider.dependencies);
|
||||||
compileDeps = compileTypeMetadata.diDeps;
|
compileDeps = compileTypeMetadata.diDeps;
|
||||||
} else if (isPresent(provider.useFactory)) {
|
} else if (provider.useFactory) {
|
||||||
compileFactoryMetadata = this.getFactoryMetadata(
|
compileFactoryMetadata = this.getFactoryMetadata(
|
||||||
provider.useFactory, staticTypeModuleUrl(provider.useFactory), provider.dependencies);
|
provider.useFactory, staticTypeModuleUrl(provider.useFactory), provider.dependencies);
|
||||||
compileDeps = compileFactoryMetadata.diDeps;
|
compileDeps = compileFactoryMetadata.diDeps;
|
||||||
@ -645,8 +672,7 @@ export class CompileMetadataResolver {
|
|||||||
useClass: compileTypeMetadata,
|
useClass: compileTypeMetadata,
|
||||||
useValue: convertToCompileValue(provider.useValue, []),
|
useValue: convertToCompileValue(provider.useValue, []),
|
||||||
useFactory: compileFactoryMetadata,
|
useFactory: compileFactoryMetadata,
|
||||||
useExisting: isPresent(provider.useExisting) ? this.getTokenMetadata(provider.useExisting) :
|
useExisting: provider.useExisting ? this.getTokenMetadata(provider.useExisting) : null,
|
||||||
null,
|
|
||||||
deps: compileDeps,
|
deps: compileDeps,
|
||||||
multi: provider.multi
|
multi: provider.multi
|
||||||
});
|
});
|
||||||
@ -655,38 +681,38 @@ export class CompileMetadataResolver {
|
|||||||
getQueriesMetadata(
|
getQueriesMetadata(
|
||||||
queries: {[key: string]: Query}, isViewQuery: boolean,
|
queries: {[key: string]: Query}, isViewQuery: boolean,
|
||||||
directiveType: Type<any>): cpl.CompileQueryMetadata[] {
|
directiveType: Type<any>): cpl.CompileQueryMetadata[] {
|
||||||
var res: cpl.CompileQueryMetadata[] = [];
|
const res: cpl.CompileQueryMetadata[] = [];
|
||||||
StringMapWrapper.forEach(queries, (query: Query, propertyName: string) => {
|
|
||||||
|
Object.keys(queries).forEach((propertyName: string) => {
|
||||||
|
const query = queries[propertyName];
|
||||||
if (query.isViewQuery === isViewQuery) {
|
if (query.isViewQuery === isViewQuery) {
|
||||||
res.push(this.getQueryMetadata(query, propertyName, directiveType));
|
res.push(this.getQueryMetadata(query, propertyName, directiveType));
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
return res;
|
return res;
|
||||||
}
|
}
|
||||||
|
|
||||||
private _queryVarBindings(selector: any): string[] {
|
private _queryVarBindings(selector: any): string[] { return selector.split(/\s*,\s*/); }
|
||||||
return StringWrapper.split(selector, /\s*,\s*/g);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
getQueryMetadata(q: Query, propertyName: string, typeOrFunc: Type<any>|Function):
|
getQueryMetadata(q: Query, propertyName: string, typeOrFunc: Type<any>|Function):
|
||||||
cpl.CompileQueryMetadata {
|
cpl.CompileQueryMetadata {
|
||||||
var selectors: cpl.CompileTokenMetadata[];
|
var selectors: cpl.CompileTokenMetadata[];
|
||||||
if (isString(q.selector)) {
|
if (typeof q.selector === 'string') {
|
||||||
selectors = this._queryVarBindings(q.selector).map(varName => this.getTokenMetadata(varName));
|
selectors = this._queryVarBindings(q.selector).map(varName => this.getTokenMetadata(varName));
|
||||||
} else {
|
} else {
|
||||||
if (!isPresent(q.selector)) {
|
if (!q.selector) {
|
||||||
throw new Error(
|
throw new Error(
|
||||||
`Can't construct a query for the property "${propertyName}" of "${stringify(typeOrFunc)}" since the query selector wasn't defined.`);
|
`Can't construct a query for the property "${propertyName}" of "${stringify(typeOrFunc)}" since the query selector wasn't defined.`);
|
||||||
}
|
}
|
||||||
selectors = [this.getTokenMetadata(q.selector)];
|
selectors = [this.getTokenMetadata(q.selector)];
|
||||||
}
|
}
|
||||||
|
|
||||||
return new cpl.CompileQueryMetadata({
|
return new cpl.CompileQueryMetadata({
|
||||||
selectors: selectors,
|
selectors,
|
||||||
first: q.first,
|
first: q.first,
|
||||||
descendants: q.descendants,
|
descendants: q.descendants, propertyName,
|
||||||
propertyName: propertyName,
|
read: q.read ? this.getTokenMetadata(q.read) : null
|
||||||
read: isPresent(q.read) ? this.getTokenMetadata(q.read) : null
|
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -713,9 +739,9 @@ function getTransitiveModules(
|
|||||||
|
|
||||||
function flattenArray(tree: any[], out: Array<any> = []): Array<any> {
|
function flattenArray(tree: any[], out: Array<any> = []): Array<any> {
|
||||||
if (tree) {
|
if (tree) {
|
||||||
for (var i = 0; i < tree.length; i++) {
|
for (let i = 0; i < tree.length; i++) {
|
||||||
var item = resolveForwardRef(tree[i]);
|
const item = resolveForwardRef(tree[i]);
|
||||||
if (isArray(item)) {
|
if (Array.isArray(item)) {
|
||||||
flattenArray(item, out);
|
flattenArray(item, out);
|
||||||
} else {
|
} else {
|
||||||
out.push(item);
|
out.push(item);
|
||||||
@ -733,16 +759,21 @@ function staticTypeModuleUrl(value: any): string {
|
|||||||
return cpl.isStaticSymbol(value) ? value.filePath : null;
|
return cpl.isStaticSymbol(value) ? value.filePath : null;
|
||||||
}
|
}
|
||||||
|
|
||||||
function componentModuleUrl(reflector: ReflectorReader, type: any, cmpMetadata: Component): string {
|
function componentModuleUrl(
|
||||||
|
reflector: ReflectorReader, type: Type<any>, cmpMetadata: Component): string {
|
||||||
if (cpl.isStaticSymbol(type)) {
|
if (cpl.isStaticSymbol(type)) {
|
||||||
return staticTypeModuleUrl(type);
|
return staticTypeModuleUrl(type);
|
||||||
}
|
}
|
||||||
|
|
||||||
if (isPresent(cmpMetadata.moduleId)) {
|
const moduleId = cmpMetadata.moduleId;
|
||||||
var moduleId = cmpMetadata.moduleId;
|
|
||||||
var scheme = getUrlScheme(moduleId);
|
if (typeof moduleId === 'string') {
|
||||||
return isPresent(scheme) && scheme.length > 0 ? moduleId :
|
const scheme = getUrlScheme(moduleId);
|
||||||
`package:${moduleId}${MODULE_SUFFIX}`;
|
return scheme ? moduleId : `package:${moduleId}${MODULE_SUFFIX}`;
|
||||||
|
} else if (moduleId !== null && moduleId !== void 0) {
|
||||||
|
throw new Error(
|
||||||
|
`moduleId should be a string in "${stringify(type)}". See https://goo.gl/wIDDiL for more information.\n` +
|
||||||
|
`If you're using Webpack you should inline the template and the styles, see https://goo.gl/X2J8zc.`);
|
||||||
}
|
}
|
||||||
|
|
||||||
return reflector.importUri(type);
|
return reflector.importUri(type);
|
||||||
|
@ -123,7 +123,7 @@ class _TreeBuilder {
|
|||||||
// read =
|
// read =
|
||||||
while (this._peek.type === lex.TokenType.EXPANSION_CASE_VALUE) {
|
while (this._peek.type === lex.TokenType.EXPANSION_CASE_VALUE) {
|
||||||
let expCase = this._parseExpansionCase();
|
let expCase = this._parseExpansionCase();
|
||||||
if (isBlank(expCase)) return; // error
|
if (!expCase) return; // error
|
||||||
cases.push(expCase);
|
cases.push(expCase);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -154,7 +154,7 @@ class _TreeBuilder {
|
|||||||
const start = this._advance();
|
const start = this._advance();
|
||||||
|
|
||||||
const exp = this._collectExpansionExpTokens(start);
|
const exp = this._collectExpansionExpTokens(start);
|
||||||
if (isBlank(exp)) return null;
|
if (!exp) return null;
|
||||||
|
|
||||||
const end = this._advance();
|
const end = this._advance();
|
||||||
exp.push(new lex.Token(lex.TokenType.EOF, [], end.sourceSpan));
|
exp.push(new lex.Token(lex.TokenType.EOF, [], end.sourceSpan));
|
||||||
|
@ -9,8 +9,8 @@
|
|||||||
import {Injectable} from '@angular/core';
|
import {Injectable} from '@angular/core';
|
||||||
|
|
||||||
import {CompileDiDependencyMetadata, CompileIdentifierMetadata, CompileNgModuleMetadata, CompileProviderMetadata, CompileTokenMetadata} from './compile_metadata';
|
import {CompileDiDependencyMetadata, CompileIdentifierMetadata, CompileNgModuleMetadata, CompileProviderMetadata, CompileTokenMetadata} from './compile_metadata';
|
||||||
import {isBlank, isPresent} from './facade/lang';
|
import {isPresent} from './facade/lang';
|
||||||
import {Identifiers, identifierToken, resolveIdentifier, resolveIdentifierToken} from './identifiers';
|
import {Identifiers, resolveIdentifier, resolveIdentifierToken} from './identifiers';
|
||||||
import * as o from './output/output_ast';
|
import * as o from './output/output_ast';
|
||||||
import {convertValueToOutputAst} from './output/value_util';
|
import {convertValueToOutputAst} from './output/value_util';
|
||||||
import {ParseLocation, ParseSourceFile, ParseSourceSpan} from './parse_util';
|
import {ParseLocation, ParseSourceFile, ParseSourceSpan} from './parse_util';
|
||||||
@ -190,7 +190,7 @@ class _InjectorBuilder {
|
|||||||
resolvedProviderValueExpr = providerValueExpressions[0];
|
resolvedProviderValueExpr = providerValueExpressions[0];
|
||||||
type = providerValueExpressions[0].type;
|
type = providerValueExpressions[0].type;
|
||||||
}
|
}
|
||||||
if (isBlank(type)) {
|
if (!type) {
|
||||||
type = o.DYNAMIC_TYPE;
|
type = o.DYNAMIC_TYPE;
|
||||||
}
|
}
|
||||||
if (isEager) {
|
if (isEager) {
|
||||||
@ -223,11 +223,11 @@ class _InjectorBuilder {
|
|||||||
resolveIdentifierToken(Identifiers.ComponentFactoryResolver).reference)) {
|
resolveIdentifierToken(Identifiers.ComponentFactoryResolver).reference)) {
|
||||||
result = o.THIS_EXPR;
|
result = o.THIS_EXPR;
|
||||||
}
|
}
|
||||||
if (isBlank(result)) {
|
if (!result) {
|
||||||
result = this._instances.get(dep.token.reference);
|
result = this._instances.get(dep.token.reference);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
if (isBlank(result)) {
|
if (!result) {
|
||||||
var args = [createDiTokenExpression(dep.token)];
|
var args = [createDiTokenExpression(dep.token)];
|
||||||
if (dep.isOptional) {
|
if (dep.isOptional) {
|
||||||
args.push(o.NULL_EXPR);
|
args.push(o.NULL_EXPR);
|
||||||
|
@ -8,9 +8,10 @@
|
|||||||
|
|
||||||
import {SchemaMetadata} from '@angular/core';
|
import {SchemaMetadata} from '@angular/core';
|
||||||
|
|
||||||
import {CompileDirectiveMetadata, CompileIdentifierMetadata, CompileNgModuleMetadata, CompilePipeMetadata, CompileProviderMetadata, CompileTokenMetadata, StaticSymbol, createHostComponentMeta} from './compile_metadata';
|
import {AnimationCompiler} from './animation/animation_compiler';
|
||||||
|
import {AnimationParser} from './animation/animation_parser';
|
||||||
|
import {CompileDirectiveMetadata, CompileIdentifierMetadata, CompileNgModuleMetadata, CompilePipeMetadata, CompileProviderMetadata, StaticSymbol, createHostComponentMeta} from './compile_metadata';
|
||||||
import {DirectiveNormalizer} from './directive_normalizer';
|
import {DirectiveNormalizer} from './directive_normalizer';
|
||||||
import {ListWrapper} from './facade/collection';
|
|
||||||
import {Identifiers, resolveIdentifier, resolveIdentifierToken} from './identifiers';
|
import {Identifiers, resolveIdentifier, resolveIdentifierToken} from './identifiers';
|
||||||
import {CompileMetadataResolver} from './metadata_resolver';
|
import {CompileMetadataResolver} from './metadata_resolver';
|
||||||
import {NgModuleCompiler} from './ng_module_compiler';
|
import {NgModuleCompiler} from './ng_module_compiler';
|
||||||
@ -29,6 +30,9 @@ export class NgModulesSummary {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export class OfflineCompiler {
|
export class OfflineCompiler {
|
||||||
|
private _animationParser = new AnimationParser();
|
||||||
|
private _animationCompiler = new AnimationCompiler();
|
||||||
|
|
||||||
constructor(
|
constructor(
|
||||||
private _metadataResolver: CompileMetadataResolver,
|
private _metadataResolver: CompileMetadataResolver,
|
||||||
private _directiveNormalizer: DirectiveNormalizer, private _templateParser: TemplateParser,
|
private _directiveNormalizer: DirectiveNormalizer, private _templateParser: TemplateParser,
|
||||||
@ -58,10 +62,10 @@ export class OfflineCompiler {
|
|||||||
compile(
|
compile(
|
||||||
moduleUrl: string, ngModulesSummary: NgModulesSummary, components: StaticSymbol[],
|
moduleUrl: string, ngModulesSummary: NgModulesSummary, components: StaticSymbol[],
|
||||||
ngModules: StaticSymbol[]): Promise<SourceModule[]> {
|
ngModules: StaticSymbol[]): Promise<SourceModule[]> {
|
||||||
let fileSuffix = _splitTypescriptSuffix(moduleUrl)[1];
|
const fileSuffix = _splitTypescriptSuffix(moduleUrl)[1];
|
||||||
let statements: o.Statement[] = [];
|
const statements: o.Statement[] = [];
|
||||||
let exportedVars: string[] = [];
|
const exportedVars: string[] = [];
|
||||||
let outputSourceModules: SourceModule[] = [];
|
const outputSourceModules: SourceModule[] = [];
|
||||||
|
|
||||||
// compile all ng modules
|
// compile all ng modules
|
||||||
exportedVars.push(
|
exportedVars.push(
|
||||||
@ -75,12 +79,12 @@ export class OfflineCompiler {
|
|||||||
if (!ngModule) {
|
if (!ngModule) {
|
||||||
throw new Error(`Cannot determine the module for component ${compMeta.type.name}!`);
|
throw new Error(`Cannot determine the module for component ${compMeta.type.name}!`);
|
||||||
}
|
}
|
||||||
|
|
||||||
return Promise
|
return Promise
|
||||||
.all([compMeta, ...ngModule.transitiveModule.directives].map(
|
.all([compMeta, ...ngModule.transitiveModule.directives].map(
|
||||||
dirMeta => this._directiveNormalizer.normalizeDirective(dirMeta).asyncResult))
|
dirMeta => this._directiveNormalizer.normalizeDirective(dirMeta).asyncResult))
|
||||||
.then((normalizedCompWithDirectives) => {
|
.then((normalizedCompWithDirectives) => {
|
||||||
const compMeta = normalizedCompWithDirectives[0];
|
const [compMeta, ...dirMetas] = normalizedCompWithDirectives;
|
||||||
const dirMetas = normalizedCompWithDirectives.slice(1);
|
|
||||||
_assertComponent(compMeta);
|
_assertComponent(compMeta);
|
||||||
|
|
||||||
// compile styles
|
// compile styles
|
||||||
@ -90,10 +94,11 @@ export class OfflineCompiler {
|
|||||||
});
|
});
|
||||||
|
|
||||||
// compile components
|
// compile components
|
||||||
exportedVars.push(this._compileComponentFactory(compMeta, fileSuffix, statements));
|
exportedVars.push(
|
||||||
exportedVars.push(this._compileComponent(
|
this._compileComponentFactory(compMeta, fileSuffix, statements),
|
||||||
compMeta, dirMetas, ngModule.transitiveModule.pipes, ngModule.schemas,
|
this._compileComponent(
|
||||||
stylesCompileResults.componentStylesheet, fileSuffix, statements));
|
compMeta, dirMetas, ngModule.transitiveModule.pipes, ngModule.schemas,
|
||||||
|
stylesCompileResults.componentStylesheet, fileSuffix, statements));
|
||||||
});
|
});
|
||||||
}))
|
}))
|
||||||
.then(() => {
|
.then(() => {
|
||||||
@ -106,19 +111,30 @@ export class OfflineCompiler {
|
|||||||
}
|
}
|
||||||
|
|
||||||
private _compileModule(ngModuleType: StaticSymbol, targetStatements: o.Statement[]): string {
|
private _compileModule(ngModuleType: StaticSymbol, targetStatements: o.Statement[]): string {
|
||||||
const ngModule = this._metadataResolver.getNgModuleMetadata(<any>ngModuleType);
|
const ngModule = this._metadataResolver.getNgModuleMetadata(ngModuleType);
|
||||||
let appCompileResult = this._ngModuleCompiler.compile(ngModule, [
|
const providers: CompileProviderMetadata[] = [];
|
||||||
new CompileProviderMetadata(
|
|
||||||
{token: resolveIdentifierToken(Identifiers.LOCALE_ID), useValue: this._localeId}),
|
if (this._localeId) {
|
||||||
new CompileProviderMetadata({
|
providers.push(new CompileProviderMetadata({
|
||||||
|
token: resolveIdentifierToken(Identifiers.LOCALE_ID),
|
||||||
|
useValue: this._localeId,
|
||||||
|
}));
|
||||||
|
}
|
||||||
|
|
||||||
|
if (this._translationFormat) {
|
||||||
|
providers.push(new CompileProviderMetadata({
|
||||||
token: resolveIdentifierToken(Identifiers.TRANSLATIONS_FORMAT),
|
token: resolveIdentifierToken(Identifiers.TRANSLATIONS_FORMAT),
|
||||||
useValue: this._translationFormat
|
useValue: this._translationFormat
|
||||||
})
|
}));
|
||||||
]);
|
}
|
||||||
|
|
||||||
|
const appCompileResult = this._ngModuleCompiler.compile(ngModule, providers);
|
||||||
|
|
||||||
appCompileResult.dependencies.forEach((dep) => {
|
appCompileResult.dependencies.forEach((dep) => {
|
||||||
dep.placeholder.name = _componentFactoryName(dep.comp);
|
dep.placeholder.name = _componentFactoryName(dep.comp);
|
||||||
dep.placeholder.moduleUrl = _ngfactoryModuleUrl(dep.comp.moduleUrl);
|
dep.placeholder.moduleUrl = _ngfactoryModuleUrl(dep.comp.moduleUrl);
|
||||||
});
|
});
|
||||||
|
|
||||||
targetStatements.push(...appCompileResult.statements);
|
targetStatements.push(...appCompileResult.statements);
|
||||||
return appCompileResult.ngModuleFactoryVar;
|
return appCompileResult.ngModuleFactoryVar;
|
||||||
}
|
}
|
||||||
@ -126,18 +142,19 @@ export class OfflineCompiler {
|
|||||||
private _compileComponentFactory(
|
private _compileComponentFactory(
|
||||||
compMeta: CompileDirectiveMetadata, fileSuffix: string,
|
compMeta: CompileDirectiveMetadata, fileSuffix: string,
|
||||||
targetStatements: o.Statement[]): string {
|
targetStatements: o.Statement[]): string {
|
||||||
var hostMeta = createHostComponentMeta(compMeta);
|
const hostMeta = createHostComponentMeta(compMeta);
|
||||||
var hostViewFactoryVar =
|
const hostViewFactoryVar =
|
||||||
this._compileComponent(hostMeta, [compMeta], [], [], null, fileSuffix, targetStatements);
|
this._compileComponent(hostMeta, [compMeta], [], [], null, fileSuffix, targetStatements);
|
||||||
var compFactoryVar = _componentFactoryName(compMeta.type);
|
const compFactoryVar = _componentFactoryName(compMeta.type);
|
||||||
targetStatements.push(
|
targetStatements.push(
|
||||||
o.variable(compFactoryVar)
|
o.variable(compFactoryVar)
|
||||||
.set(o.importExpr(resolveIdentifier(Identifiers.ComponentFactory), [o.importType(
|
.set(o.importExpr(resolveIdentifier(Identifiers.ComponentFactory), [o.importType(
|
||||||
compMeta.type)])
|
compMeta.type)])
|
||||||
.instantiate(
|
.instantiate(
|
||||||
[
|
[
|
||||||
o.literal(compMeta.selector), o.variable(hostViewFactoryVar),
|
o.literal(compMeta.selector),
|
||||||
o.importExpr(compMeta.type)
|
o.variable(hostViewFactoryVar),
|
||||||
|
o.importExpr(compMeta.type),
|
||||||
],
|
],
|
||||||
o.importType(
|
o.importType(
|
||||||
resolveIdentifier(Identifiers.ComponentFactory),
|
resolveIdentifier(Identifiers.ComponentFactory),
|
||||||
@ -150,15 +167,20 @@ export class OfflineCompiler {
|
|||||||
compMeta: CompileDirectiveMetadata, directives: CompileDirectiveMetadata[],
|
compMeta: CompileDirectiveMetadata, directives: CompileDirectiveMetadata[],
|
||||||
pipes: CompilePipeMetadata[], schemas: SchemaMetadata[], componentStyles: CompiledStylesheet,
|
pipes: CompilePipeMetadata[], schemas: SchemaMetadata[], componentStyles: CompiledStylesheet,
|
||||||
fileSuffix: string, targetStatements: o.Statement[]): string {
|
fileSuffix: string, targetStatements: o.Statement[]): string {
|
||||||
var parsedTemplate = this._templateParser.parse(
|
const parsedAnimations = this._animationParser.parseComponent(compMeta);
|
||||||
|
const parsedTemplate = this._templateParser.parse(
|
||||||
compMeta, compMeta.template.template, directives, pipes, schemas, compMeta.type.name);
|
compMeta, compMeta.template.template, directives, pipes, schemas, compMeta.type.name);
|
||||||
var stylesExpr = componentStyles ? o.variable(componentStyles.stylesVar) : o.literalArr([]);
|
const stylesExpr = componentStyles ? o.variable(componentStyles.stylesVar) : o.literalArr([]);
|
||||||
var viewResult =
|
const compiledAnimations =
|
||||||
this._viewCompiler.compileComponent(compMeta, parsedTemplate, stylesExpr, pipes);
|
this._animationCompiler.compile(compMeta.type.name, parsedAnimations);
|
||||||
|
const viewResult = this._viewCompiler.compileComponent(
|
||||||
|
compMeta, parsedTemplate, stylesExpr, pipes, compiledAnimations);
|
||||||
if (componentStyles) {
|
if (componentStyles) {
|
||||||
ListWrapper.addAll(targetStatements, _resolveStyleStatements(componentStyles, fileSuffix));
|
targetStatements.push(..._resolveStyleStatements(componentStyles, fileSuffix));
|
||||||
}
|
}
|
||||||
ListWrapper.addAll(targetStatements, _resolveViewStatements(viewResult));
|
compiledAnimations.forEach(
|
||||||
|
entry => { entry.statements.forEach(statement => { targetStatements.push(statement); }); });
|
||||||
|
targetStatements.push(..._resolveViewStatements(viewResult));
|
||||||
return viewResult.viewFactoryVar;
|
return viewResult.viewFactoryVar;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -180,10 +202,10 @@ export class OfflineCompiler {
|
|||||||
function _resolveViewStatements(compileResult: ViewCompileResult): o.Statement[] {
|
function _resolveViewStatements(compileResult: ViewCompileResult): o.Statement[] {
|
||||||
compileResult.dependencies.forEach((dep) => {
|
compileResult.dependencies.forEach((dep) => {
|
||||||
if (dep instanceof ViewFactoryDependency) {
|
if (dep instanceof ViewFactoryDependency) {
|
||||||
let vfd = <ViewFactoryDependency>dep;
|
const vfd = <ViewFactoryDependency>dep;
|
||||||
vfd.placeholder.moduleUrl = _ngfactoryModuleUrl(vfd.comp.moduleUrl);
|
vfd.placeholder.moduleUrl = _ngfactoryModuleUrl(vfd.comp.moduleUrl);
|
||||||
} else if (dep instanceof ComponentFactoryDependency) {
|
} else if (dep instanceof ComponentFactoryDependency) {
|
||||||
let cfd = <ComponentFactoryDependency>dep;
|
const cfd = <ComponentFactoryDependency>dep;
|
||||||
cfd.placeholder.name = _componentFactoryName(cfd.comp);
|
cfd.placeholder.name = _componentFactoryName(cfd.comp);
|
||||||
cfd.placeholder.moduleUrl = _ngfactoryModuleUrl(cfd.comp.moduleUrl);
|
cfd.placeholder.moduleUrl = _ngfactoryModuleUrl(cfd.comp.moduleUrl);
|
||||||
}
|
}
|
||||||
@ -201,7 +223,7 @@ function _resolveStyleStatements(
|
|||||||
}
|
}
|
||||||
|
|
||||||
function _ngfactoryModuleUrl(compUrl: string): string {
|
function _ngfactoryModuleUrl(compUrl: string): string {
|
||||||
var urlWithSuffix = _splitTypescriptSuffix(compUrl);
|
const urlWithSuffix = _splitTypescriptSuffix(compUrl);
|
||||||
return `${urlWithSuffix[0]}.ngfactory${urlWithSuffix[1]}`;
|
return `${urlWithSuffix[0]}.ngfactory${urlWithSuffix[1]}`;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -220,13 +242,15 @@ function _assertComponent(meta: CompileDirectiveMetadata) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
function _splitTypescriptSuffix(path: string): string[] {
|
function _splitTypescriptSuffix(path: string): string[] {
|
||||||
if (/\.d\.ts$/.test(path)) {
|
if (path.endsWith('.d.ts')) {
|
||||||
return [path.substring(0, path.length - 5), '.ts'];
|
return [path.slice(0, -5), '.ts'];
|
||||||
}
|
}
|
||||||
let lastDot = path.lastIndexOf('.');
|
|
||||||
|
const lastDot = path.lastIndexOf('.');
|
||||||
|
|
||||||
if (lastDot !== -1) {
|
if (lastDot !== -1) {
|
||||||
return [path.substring(0, lastDot), path.substring(lastDot)];
|
return [path.substring(0, lastDot), path.substring(lastDot)];
|
||||||
} else {
|
|
||||||
return [path, ''];
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
return [path, ''];
|
||||||
}
|
}
|
||||||
|
@ -400,7 +400,7 @@ export abstract class AbstractEmitterVisitor implements o.StatementVisitor, o.Ex
|
|||||||
}
|
}
|
||||||
|
|
||||||
visitAllStatements(statements: o.Statement[], ctx: EmitterVisitorContext): void {
|
visitAllStatements(statements: o.Statement[], ctx: EmitterVisitorContext): void {
|
||||||
statements.forEach((stmt) => { return stmt.visitStatement(this, ctx); });
|
statements.forEach((stmt) => stmt.visitStatement(this, ctx));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -7,7 +7,7 @@
|
|||||||
*/
|
*/
|
||||||
|
|
||||||
|
|
||||||
import {StringWrapper, evalExpression, isBlank, isPresent, isString} from '../facade/lang';
|
import {isBlank, isPresent} from '../facade/lang';
|
||||||
|
|
||||||
import {EmitterVisitorContext, OutputEmitter} from './abstract_emitter';
|
import {EmitterVisitorContext, OutputEmitter} from './abstract_emitter';
|
||||||
import {AbstractJsEmitterVisitor} from './abstract_js_emitter';
|
import {AbstractJsEmitterVisitor} from './abstract_js_emitter';
|
||||||
|
@ -8,9 +8,7 @@
|
|||||||
|
|
||||||
|
|
||||||
import {CompileIdentifierMetadata} from '../compile_metadata';
|
import {CompileIdentifierMetadata} from '../compile_metadata';
|
||||||
import {StringMapWrapper} from '../facade/collection';
|
import {isPresent, isString} from '../facade/lang';
|
||||||
import {isBlank, isPresent, isString} from '../facade/lang';
|
|
||||||
import {ValueTransformer, visitValue} from '../util';
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -21,7 +19,7 @@ export enum TypeModifier {
|
|||||||
|
|
||||||
export abstract class Type {
|
export abstract class Type {
|
||||||
constructor(public modifiers: TypeModifier[] = null) {
|
constructor(public modifiers: TypeModifier[] = null) {
|
||||||
if (isBlank(modifiers)) {
|
if (!modifiers) {
|
||||||
this.modifiers = [];
|
this.modifiers = [];
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -464,7 +462,7 @@ export enum StmtModifier {
|
|||||||
|
|
||||||
export abstract class Statement {
|
export abstract class Statement {
|
||||||
constructor(public modifiers: StmtModifier[] = null) {
|
constructor(public modifiers: StmtModifier[] = null) {
|
||||||
if (isBlank(modifiers)) {
|
if (!modifiers) {
|
||||||
this.modifiers = [];
|
this.modifiers = [];
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -519,7 +517,7 @@ export class ReturnStatement extends Statement {
|
|||||||
|
|
||||||
export class AbstractClassPart {
|
export class AbstractClassPart {
|
||||||
constructor(public type: Type = null, public modifiers: StmtModifier[]) {
|
constructor(public type: Type = null, public modifiers: StmtModifier[]) {
|
||||||
if (isBlank(modifiers)) {
|
if (!modifiers) {
|
||||||
this.modifiers = [];
|
this.modifiers = [];
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user