docs(aot-cb):bundle in-mem-web-api with esm and umd (#2617)

s

s

Author: thelgevold

public/docs/_examples/_boilerplate/systemjs.config.js

@@ -26,7 +26,7 @@
 
       // other libraries
       'rxjs':                      'npm:rxjs',
-      'angular-in-memory-web-api': 'npm:angular-in-memory-web-api',
+      'angular-in-memory-web-api': 'npm:angular-in-memory-web-api/bundles/in-memory-web-api.umd.js'
     },
     // packages tells the System loader how to load when no filename and/or no extension
     packages: {
@@ -36,10 +36,6 @@
       },
       rxjs: {
         defaultExtension: 'js'
-      },
-      'angular-in-memory-web-api': {
-        main: './index.js',
-        defaultExtension: 'js'
       }
     }
   });

public/docs/_examples/_boilerplate/systemjs.config.plunker.build.js

@@ -51,7 +51,7 @@
 
       // other libraries
       'rxjs':                      'npm:rxjs',
-      'angular-in-memory-web-api': 'npm:angular-in-memory-web-api',
+      'angular-in-memory-web-api': 'npm:angular-in-memory-web-api/bundles/in-memory-web-api.umd.js',
       'ts':                        'npm:[email protected]/lib/plugin.js',
       'typescript':                'npm:[email protected]/lib/typescript.js',
 
@@ -64,10 +64,6 @@
       },
       rxjs: {
         defaultExtension: 'js'
-      },
-      'angular-in-memory-web-api': {
-        main: './index.js',
-        defaultExtension: 'js'
       }
     }
   });

public/docs/_examples/_boilerplate/systemjs.config.plunker.js

@@ -38,7 +38,7 @@
 
       // other libraries
       'rxjs':                      'npm:rxjs',
-      'angular-in-memory-web-api': 'npm:angular-in-memory-web-api',
+      'angular-in-memory-web-api': 'npm:angular-in-memory-web-api/bundles/in-memory-web-api.umd.js',
       'ts':                        'npm:[email protected]/lib/plugin.js',
       'typescript':                'npm:[email protected]/lib/typescript.js',
 
@@ -51,10 +51,6 @@
       },
       rxjs: {
         defaultExtension: 'js'
-      },
-      'angular-in-memory-web-api': {
-        main: './index.js',
-        defaultExtension: 'js'
       }
     }
   });

public/docs/_examples/toh-6/ts/aot/index.html

@@ -6,6 +6,8 @@
     <title>Angular Tour of Heroes</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
+    <link rel="stylesheet" href="styles.css">
+
     <script src="shim.min.js"></script>
     <script src="zone.min.js"></script>
     <!-- #docregion moduleId -->

public/docs/_examples/toh-6/ts/app/app.module.ts

@@ -14,7 +14,7 @@ import { AppRoutingModule } from './app-routing.module';
 
 // #enddocregion v1
 // Imports for loading & configuring the in-memory web api
-import { InMemoryWebApiModule } from 'angular-in-memory-web-api/in-memory-web-api.module';
+import { InMemoryWebApiModule } from 'angular-in-memory-web-api';
 import { InMemoryDataService }  from './in-memory-data.service';
 
 // #docregion v1

public/docs/_examples/toh-6/ts/copy-dist-files.js

@@ -2,7 +2,8 @@
 var fs = require('fs');
 var resources = [
   'node_modules/core-js/client/shim.min.js',
-  'node_modules/zone.js/dist/zone.min.js'
+  'node_modules/zone.js/dist/zone.min.js',
+  'styles.css'
 ];
 resources.map(function(f) {
   var path = f.split('/');

public/docs/_examples/toh-6/ts/rollup-config.js

@@ -12,13 +12,10 @@ export default {
   sourceMapFile: 'aot/dist/build.js.map',
   format: 'iife',
   plugins: [
-      nodeResolve({jsnext: true, module: true}),
-      commonjs({
-        include: [
-          'node_modules/rxjs/**',
-          'node_modules/angular-in-memory-web-api/**'
-          ],
-      }),
-      uglify()
+    nodeResolve({jsnext: true, module: true}),
+    commonjs({
+      include: ['node_modules/rxjs/**']
+    }),
+    uglify()
   ]
 }

public/docs/ts/latest/cookbook/aot-compiler.jade

@@ -401,13 +401,6 @@ a#toh
 
   Rollup does the Tree Shaking as before.
 
-  The Rollup configuration changes slightly to accommodate the `angular-in-memory-web-api` module
-  that the _Tour of Heroes_ app requires for data server simulation.
-  
-  The `angular-in-memory-web-api` is a `commonjs` module like the RxJS library.
-  Add `angular-in-memory-web-api` to the _commonjs plugin_ `include` array,
-  next to the `rxjs` file specification.
-
 +makeExample('toh-6/ts/rollup-config.js',null,'rollup-config.js')(format='.')  
 
 :marked