Changeset 219993 in webkit


Ignore:
Timestamp:
Jul 27, 2017 9:44:45 PM (7 years ago)
Author:
commit-queue@webkit.org
Message:

Speedometer 2.0: Document Angular 4 build process
https://bugs.webkit.org/show_bug.cgi?id=174896

Patch by Mathias Bynens <mathias@chromium.org> on 2017-07-27
Reviewed by Ryosuke Niwa.

This patch documents the build process for the Angular 4 example, pins the dependencies (so
that builds are deterministic), and updates the generated files accordingly.

  • Speedometer/resources/todomvc/architecture-examples/angular/README.md: Added.
  • Speedometer/resources/todomvc/architecture-examples/angular/dist/*: Update per build instructions.
  • Speedometer/resources/todomvc/architecture-examples/angular/e2e/app.e2e-spec.ts: Removed unused file.
  • Speedometer/resources/todomvc/architecture-examples/angular/e2e/app.po.ts: Removed unused file.
  • Speedometer/resources/todomvc/architecture-examples/angular/e2e/tsconfig.e2e.json: Removed unused file.
  • Speedometer/resources/todomvc/architecture-examples/angular/package.json: Remove unneeded scripts.
  • Speedometer/resources/todomvc/architecture-examples/angular/package-lock.json: Added to pin dependencies.
  • Speedometer/resources/todomvc/architecture-examples/angular/src/app/app.component.ts: Updated.
  • Speedometer/resources/todomvc/architecture-examples/angular/src/environments/environment.ts: Updated.
  • Speedometer/resources/todomvc/architecture-examples/angular/src/index.html: Made title consistent.
Location:
trunk/PerformanceTests
Files:
4 added
4 deleted
7 edited
1 moved

Legend:

Unmodified
Added
Removed
  • trunk/PerformanceTests/ChangeLog

    r219903 r219993  
     12017-07-27  Mathias Bynens  <mathias@chromium.org>
     2
     3        Speedometer 2.0: Document Angular 4 build process
     4        https://bugs.webkit.org/show_bug.cgi?id=174896
     5
     6        Reviewed by Ryosuke Niwa.
     7
     8        This patch documents the build process for the Angular 4 example, pins the dependencies (so
     9        that builds are deterministic), and updates the generated files accordingly.
     10
     11        * Speedometer/resources/todomvc/architecture-examples/angular/README.md: Added.
     12        * Speedometer/resources/todomvc/architecture-examples/angular/dist/*: Update per build instructions.
     13        * Speedometer/resources/todomvc/architecture-examples/angular/e2e/app.e2e-spec.ts: Removed unused file.
     14        * Speedometer/resources/todomvc/architecture-examples/angular/e2e/app.po.ts: Removed unused file.
     15        * Speedometer/resources/todomvc/architecture-examples/angular/e2e/tsconfig.e2e.json: Removed unused file.
     16        * Speedometer/resources/todomvc/architecture-examples/angular/package.json: Remove unneeded scripts.
     17        * Speedometer/resources/todomvc/architecture-examples/angular/package-lock.json: Added to pin dependencies.
     18        * Speedometer/resources/todomvc/architecture-examples/angular/src/app/app.component.ts: Updated.
     19        * Speedometer/resources/todomvc/architecture-examples/angular/src/environments/environment.ts: Updated.
     20        * Speedometer/resources/todomvc/architecture-examples/angular/src/index.html: Made title consistent.
     21
    1222017-07-25  Mathias Bynens  <mathias@qiwi.be>
    223
  • trunk/PerformanceTests/Speedometer/resources/todomvc/architecture-examples/angular/README.md

    r216721 r219993  
    1 # TodoApp
     1# Speedometer 2.0: Angular 4 TodoMVC example
    22
    3 This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.0.0.
     3## Test locally
    44
    5 ## Development server
     51. `npm install`
     62. `npm run start-prod`
     73. Navigate to `http://localhost:4200/`
    68
    7 Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
     9## Build (do this before committing!)
    810
    9 ## Code scaffolding
    10 
    11 Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive/pipe/service/class/module`.
    12 
    13 ## Build
    14 
    15 Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build.
    16 
    17 ## Running unit tests
    18 
    19 Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
    20 
    21 ## Running end-to-end tests
    22 
    23 Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
    24 Before running the tests make sure you are serving the app via `ng serve`.
    25 
    26 ## Further help
    27 
    28 To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
     111. `npm run build-prod`
  • trunk/PerformanceTests/Speedometer/resources/todomvc/architecture-examples/angular/dist/index.html

    r216946 r219993  
    33<head>
    44  <meta charset="utf-8">
    5   <title>TodoApp</title>
    6 
     5  <title>Angular 4 TodoMVC example</title>
     6  <base href="/">
    77
    88  <meta name="viewport" content="width=device-width, initial-scale=1">
     
    1010  <link rel="stylesheet" href="assets/css/todomvc-common.css">
    1111  <link rel="stylesheet" href="assets/css/todomvc-app.css">
    12 </head>
     12<link href="styles.d41d8cd98f00b204e980.bundle.css" rel="stylesheet"/></head>
    1313<body>
    1414  <app-root>Loading...</app-root>
    1515  <!-- Credits: Addy Osmani -->
    16 <script type="text/javascript" src="inline.b342d102ba4a53bf2002.bundle.js"></script><script type="text/javascript" src="polyfills.2d45a4c73c85e24fe474.bundle.js"></script><script type="text/javascript" src="vendor.b4be818cb6d8028f9192.bundle.js"></script><script type="text/javascript" src="main.779eb2f1ddbe23ac61c7.bundle.js"></script></body>
     16<script type="text/javascript" src="inline.28efc571905d42a672b0.bundle.js"></script><script type="text/javascript" src="polyfills.3a2aed82a0c9b24e6585.bundle.js"></script><script type="text/javascript" src="vendor.9a296bbc1909830a9106.bundle.js"></script><script type="text/javascript" src="main.c82799edffc751aa6590.bundle.js"></script></body>
    1717</html>
  • trunk/PerformanceTests/Speedometer/resources/todomvc/architecture-examples/angular/dist/inline.28efc571905d42a672b0.bundle.js

    r219992 r219993  
    1 !function(e){function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}var n=window.webpackJsonp;window.webpackJsonp=function(t,c,u){for(var a,i,f,l=0,s=[];l<t.length;l++)i=t[l],o[i]&&s.push(o[i][0]),o[i]=0;for(a in c)Object.prototype.hasOwnProperty.call(c,a)&&(e[a]=c[a]);for(n&&n(t,c,u);s.length;)s.shift()();if(u)for(l=0;l<u.length;l++)f=r(r.s=u[l]);return f};var t={},o={4:0};r.e=function(e){function n(){c.onerror=c.onload=null,clearTimeout(u);var r=o[e];0!==r&&(r&&r[1](new Error("Loading chunk "+e+" failed.")),o[e]=void 0)}if(0===o[e])return Promise.resolve();if(o[e])return o[e][2];var t=document.getElementsByTagName("head")[0],c=document.createElement("script");c.type="text/javascript",c.charset="utf-8",c.async=!0,c.timeout=12e4,r.nc&&c.setAttribute("nonce",r.nc),c.src=r.p+""+e+"."+{0:"2d45a4c73c85e24fe474",1:"779eb2f1ddbe23ac61c7",2:"a63205ae4b55b180b58c"}[e]+".chunk.js";var u=setTimeout(n,12e4);c.onerror=c.onload=n;var a=new Promise(function(r,n){o[e]=[r,n]});return o[e][2]=a,t.appendChild(c),a},r.m=e,r.c=t,r.i=function(e){return e},r.d=function(e,n,t){r.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:t})},r.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(n,"a",n),n},r.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},r.p="",r.oe=function(e){throw console.error(e),e}}([]);
     1!function(e){function r(n){if(t[n])return t[n].exports;var o=t[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,r),o.l=!0,o.exports}var n=window.webpackJsonp;window.webpackJsonp=function(t,c,a){for(var u,i,f,l=0,s=[];l<t.length;l++)i=t[l],o[i]&&s.push(o[i][0]),o[i]=0;for(u in c)Object.prototype.hasOwnProperty.call(c,u)&&(e[u]=c[u]);for(n&&n(t,c,a);s.length;)s.shift()();if(a)for(l=0;l<a.length;l++)f=r(r.s=a[l]);return f};var t={},o={4:0};r.e=function(e){function n(){c.onerror=c.onload=null,clearTimeout(a);var r=o[e];0!==r&&(r&&r[1](new Error("Loading chunk "+e+" failed.")),o[e]=void 0)}if(0===o[e])return Promise.resolve();if(o[e])return o[e][2];var t=document.getElementsByTagName("head")[0],c=document.createElement("script");c.type="text/javascript",c.charset="utf-8",c.async=!0,c.timeout=12e4,r.nc&&c.setAttribute("nonce",r.nc),c.src=r.p+""+e+"."+{0:"3a2aed82a0c9b24e6585",1:"c82799edffc751aa6590",2:"a63205ae4b55b180b58c"}[e]+".chunk.js";var a=setTimeout(n,12e4);c.onerror=c.onload=n;var u=new Promise(function(r,n){o[e]=[r,n]});return o[e][2]=u,t.appendChild(c),u},r.m=e,r.c=t,r.i=function(e){return e},r.d=function(e,n,t){r.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:t})},r.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(n,"a",n),n},r.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},r.p="",r.oe=function(e){throw console.error(e),e}}([]);
  • trunk/PerformanceTests/Speedometer/resources/todomvc/architecture-examples/angular/package.json

    r216721 r219993  
    11{
    2   "name": "todo-app",
    3   "version": "0.0.0",
     2  "private": true,
    43  "license": "MIT",
    54  "scripts": {
    65    "ng": "ng",
    76    "start": "ng serve",
     7    "start-prod": "ng serve -prod",
    88    "build": "ng build",
     9    "build-prod": "ng build -prod",
    910    "test": "ng test",
    10     "lint": "ng lint",
    11     "e2e": "ng e2e"
     11    "lint": "ng lint"
    1212  },
    13   "private": true,
    1413  "dependencies": {
    1514    "@angular/common": "^4.0.0",
     
    2221    "@angular/router": "^4.0.0",
    2322    "core-js": "^2.4.1",
     23    "enhanced-resolve": "^3.3.0",
    2424    "rxjs": "^5.1.0",
    2525    "zone.js": "^0.8.4"
  • trunk/PerformanceTests/Speedometer/resources/todomvc/architecture-examples/angular/src/app/app.component.ts

    r216721 r219993  
    66  selector: 'app-root',
    77  templateUrl: './app.component.html',
    8   styleUrls: ['./app.component.css'],
    98  providers: [TodoDataService]
    109})
  • trunk/PerformanceTests/Speedometer/resources/todomvc/architecture-examples/angular/src/environments/environment.ts

    r216721 r219993  
    11// The file contents for the current environment will overwrite these during build.
    22// The build system defaults to the dev environment which uses `environment.ts`, but if you do
    3 // `ng build --env=prod` then `environment.prod.ts` will be used instead.
     3// `ng build -prod` then `environment.prod.ts` will be used instead.
    44// The list of which env maps to which file can be found in `.angular-cli.json`.
    55
  • trunk/PerformanceTests/Speedometer/resources/todomvc/architecture-examples/angular/src/index.html

    r216721 r219993  
    33<head>
    44  <meta charset="utf-8">
    5   <title>TodoApp</title>
     5  <title>Angular 4 TodoMVC example</title>
    66  <base href="/">
    77
Note: See TracChangeset for help on using the changeset viewer.