| 
									
										
										
										
											2015-08-20 13:19:58 -07:00
										 |  |  | 'use strict'; | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2015-08-20 13:19:34 -07:00
										 |  |  | var fs = require('fs'); | 
					
						
							|  |  |  | var ts = require('typescript'); | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | var files = [ | 
					
						
							| 
									
										
										
										
											2016-02-09 11:12:41 -08:00
										 |  |  |   'utils.ts', | 
					
						
							| 
									
										
										
										
											2015-08-20 13:19:34 -07:00
										 |  |  |   'url_parser.ts', | 
					
						
							| 
									
										
										
										
											2016-02-09 11:12:41 -08:00
										 |  |  |   'lifecycle/lifecycle_annotations_impl.ts', | 
					
						
							|  |  |  |   'lifecycle/route_lifecycle_reflector.ts', | 
					
						
							|  |  |  |   'route_config/route_config_impl.ts', | 
					
						
							|  |  |  |   'route_config/route_config_normalizer.ts', | 
					
						
							|  |  |  |   'rules/route_handlers/async_route_handler.ts', | 
					
						
							|  |  |  |   'rules/route_handlers/sync_route_handler.ts', | 
					
						
							|  |  |  |   'rules/rules.ts', | 
					
						
							|  |  |  |   'rules/rule_set.ts', | 
					
						
							|  |  |  |   'rules/route_paths/route_path.ts', | 
					
						
							|  |  |  |   'rules/route_paths/param_route_path.ts', | 
					
						
							|  |  |  |   'rules/route_paths/regex_route_path.ts', | 
					
						
							| 
									
										
										
										
											2015-08-20 13:19:34 -07:00
										 |  |  |   'instruction.ts', | 
					
						
							|  |  |  |   'route_registry.ts', | 
					
						
							|  |  |  |   'router.ts' | 
					
						
							|  |  |  | ]; | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | var PRELUDE = '(function(){\n'; | 
					
						
							|  |  |  | var POSTLUDE = '\n}());\n'; | 
					
						
							| 
									
										
											  
											
												refactor(angular_1_router): use directives for route targets
BREAKING CHANGE:
Previously, route configuration took a controller constructor function as the value of
`component` in a route definition:
```
$route.config([
  { route: '/', component: MyController }
])
```
Based on the name of the controller, we used to use a componentMapper service to
determine what template to pair with each controller, how to bind the instance to
the $scope.
To make the 1.x router more semantically alligned with Angular 2, we now route to a directive.
Thus a route configuration takes a normalized directive name:
```
$route.config([
  { route: '/', component: 'myDirective' }
])
```
BREAKING CHANGE:
In order to avoid name collisions, lifecycle hooks are now prefixed with `$`. Before:
```
MyController.prototype.onActivate = ...
```
After:
```
MyController.prototype.$onActivate = ...
```
Same for `$canActivate` (which now lives on the directive factory function),
`$canDeactivate`, `$canReuse`, and `$onDeactivate` hooks.
											
										 
											2015-09-18 15:53:50 -07:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2016-01-29 13:28:59 -08:00
										 |  |  | function main(modulesDirectory) { | 
					
						
							|  |  |  |   var angular1RouterModuleDirectory = modulesDirectory + '/angular1_router'; | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2016-02-02 13:40:48 -08:00
										 |  |  |   var facades = fs.readFileSync( | 
					
						
							|  |  |  |       angular1RouterModuleDirectory + '/lib/facades.es5', 'utf8'); | 
					
						
							|  |  |  |   var directives = fs.readFileSync( | 
					
						
							|  |  |  |       angular1RouterModuleDirectory + '/src/ng_outlet.ts', 'utf8'); | 
					
						
							|  |  |  |   var moduleTemplate = fs.readFileSync( | 
					
						
							|  |  |  |       angular1RouterModuleDirectory + '/src/module_template.js', 'utf8'); | 
					
						
							| 
									
										
										
										
											2016-01-29 13:28:59 -08:00
										 |  |  | 
 | 
					
						
							|  |  |  |   var dir = modulesDirectory + '/angular2/src/router/'; | 
					
						
							| 
									
										
										
										
											2015-09-27 12:46:09 +03:00
										 |  |  |   var sharedCode = files.reduce(function (prev, file) { | 
					
						
							|  |  |  |     return prev + transform(fs.readFileSync(dir + file, 'utf8')); | 
					
						
							|  |  |  |   }, ''); | 
					
						
							| 
									
										
										
										
											2015-08-20 13:19:34 -07:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2016-03-21 11:04:54 +00:00
										 |  |  |   // we have to use a function callback for replace to prevent it from interpreting `$`
 | 
					
						
							|  |  |  |   // as a replacement command character
 | 
					
						
							|  |  |  |   var out = moduleTemplate.replace('//{{FACADES}}', function() { return facades; }) | 
					
						
							|  |  |  |                 .replace('//{{SHARED_CODE}}', function() { return sharedCode; }); | 
					
						
							| 
									
										
										
										
											2016-01-29 13:28:59 -08:00
										 |  |  |   return PRELUDE + transform(directives) + out + POSTLUDE; | 
					
						
							| 
									
										
										
										
											2015-08-20 13:19:34 -07:00
										 |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | /* | 
					
						
							|  |  |  |  * Given a directory name and a file's TypeScript content, return an object with the ES5 code, | 
					
						
							| 
									
										
										
										
											2015-09-08 22:38:36 -06:00
										 |  |  |  * sourcemap, and exported variable identifier name for the content. | 
					
						
							| 
									
										
										
										
											2015-08-20 13:19:34 -07:00
										 |  |  |  */ | 
					
						
							|  |  |  | var IMPORT_RE = new RegExp("import \\{?([\\w\\n_, ]+)\\}? from '(.+)';?", 'g'); | 
					
						
							| 
									
										
											  
											
												refactor(router): improve recognition and generation pipeline
This is a big change. @matsko also deserves much of the credit for the implementation.
Previously, `ComponentInstruction`s held all the state for async components.
Now, we introduce several subclasses for `Instruction` to describe each type of navigation.
BREAKING CHANGE:
Redirects now use the Link DSL syntax. Before:
```
@RouteConfig([
	{ path: '/foo', redirectTo: '/bar' },
	{ path: '/bar', component: BarCmp }
])
```
After:
```
@RouteConfig([
	{ path: '/foo', redirectTo: ['Bar'] },
	{ path: '/bar', component: BarCmp, name: 'Bar' }
])
```
BREAKING CHANGE:
This also introduces `useAsDefault` in the RouteConfig, which makes cases like lazy-loading
and encapsulating large routes with sub-routes easier.
Previously, you could use `redirectTo` like this to expand a URL like `/tab` to `/tab/posts`:
@RouteConfig([
	{ path: '/tab', redirectTo: '/tab/users' }
	{ path: '/tab', component: TabsCmp, name: 'Tab' }
])
AppCmp { ... }
Now the recommended way to handle this is case is to use `useAsDefault` like so:
```
@RouteConfig([
	{ path: '/tab', component: TabsCmp, name: 'Tab' }
])
AppCmp { ... }
@RouteConfig([
	{ path: '/posts', component: PostsCmp, useAsDefault: true, name: 'Posts' },
	{ path: '/users', component: UsersCmp, name: 'Users' }
])
TabsCmp { ... }
```
In the above example, you can write just `['/Tab']` and the route `Users` is automatically selected as a child route.
Closes #4728
Closes #4228
Closes #4170
Closes #4490
Closes #4694
Closes #5200
Closes #5475
											
										 
											2015-11-23 18:07:37 -08:00
										 |  |  | var INJECT_RE = new RegExp("@Inject\\(ROUTER_PRIMARY_COMPONENT\\)", 'g'); | 
					
						
							| 
									
										
										
										
											2016-02-11 21:54:29 -06:00
										 |  |  | var INJECTABLE_RE = new RegExp("@Injectable\\(\\)", 'g'); | 
					
						
							|  |  |  | var REQUIRE_RE = new RegExp("require\\('(.*?)'\\);", 'g'); | 
					
						
							| 
									
										
										
										
											2015-09-27 12:46:09 +03:00
										 |  |  | function transform(contents) { | 
					
						
							| 
									
										
										
										
											2016-02-11 21:54:29 -06:00
										 |  |  |   contents = contents.replace(INJECT_RE, '').replace(INJECTABLE_RE, ''); | 
					
						
							| 
									
										
										
										
											2015-08-20 13:19:34 -07:00
										 |  |  |   contents = contents.replace(IMPORT_RE, function (match, imports, includePath) { | 
					
						
							|  |  |  |     //TODO: remove special-case
 | 
					
						
							|  |  |  |     if (isFacadeModule(includePath) || includePath === './router_outlet') { | 
					
						
							|  |  |  |       return ''; | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  |     return match; | 
					
						
							|  |  |  |   }); | 
					
						
							| 
									
										
										
										
											2016-02-11 21:54:29 -06:00
										 |  |  |   contents = ts.transpile(contents, { | 
					
						
							| 
									
										
										
										
											2015-08-20 13:19:34 -07:00
										 |  |  |     target: ts.ScriptTarget.ES5, | 
					
						
							| 
									
										
										
										
											2015-09-27 12:46:09 +03:00
										 |  |  |     module: ts.ModuleKind.CommonJS | 
					
						
							| 
									
										
										
										
											2015-08-20 13:19:34 -07:00
										 |  |  |   }); | 
					
						
							| 
									
										
										
										
											2016-02-11 21:54:29 -06:00
										 |  |  | 
 | 
					
						
							|  |  |  |   // Rename require functions from transpiled imports
 | 
					
						
							|  |  |  |   contents = contents.replace(REQUIRE_RE, 'routerRequire(\'$1\');'); | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |   return contents; | 
					
						
							| 
									
										
										
										
											2015-08-20 13:19:34 -07:00
										 |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | function isFacadeModule(modulePath) { | 
					
						
							|  |  |  |   return modulePath.indexOf('facade') > -1 || | 
					
						
							| 
									
										
										
										
											2015-08-20 14:28:25 -07:00
										 |  |  |     modulePath === 'angular2/src/core/reflection/reflection'; | 
					
						
							| 
									
										
										
										
											2015-08-20 13:19:34 -07:00
										 |  |  | } | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2016-02-02 13:40:48 -08:00
										 |  |  | module.exports = function(modulesDirectory, outputDirectory) { | 
					
						
							| 
									
										
										
										
											2016-01-29 13:28:59 -08:00
										 |  |  |   if (!fs.existsSync(outputDirectory)) { | 
					
						
							|  |  |  |     fs.mkdirSync(outputDirectory); | 
					
						
							| 
									
										
										
										
											2015-08-20 13:19:34 -07:00
										 |  |  |   } | 
					
						
							| 
									
										
										
										
											2016-02-02 13:40:48 -08:00
										 |  |  |   fs.writeFileSync( | 
					
						
							|  |  |  |       outputDirectory + '/angular_1_router.js', main(modulesDirectory)); | 
					
						
							| 
									
										
										
										
											2015-08-20 13:19:34 -07:00
										 |  |  | }; | 
					
						
							| 
									
										
										
										
											2016-02-02 13:40:48 -08:00
										 |  |  | 
 | 
					
						
							|  |  |  | // CLI entry point
 | 
					
						
							|  |  |  | if (require.main === module) { | 
					
						
							|  |  |  |   try { | 
					
						
							|  |  |  |     var args = process.argv; | 
					
						
							|  |  |  |     args.shift();  // node
 | 
					
						
							|  |  |  |     args.shift();  // scriptfile.js
 | 
					
						
							|  |  |  |     if (args.length < 2) { | 
					
						
							|  |  |  |       console.log("usage: $0 outFile path/to/modules"); | 
					
						
							|  |  |  |       process.exit(1); | 
					
						
							|  |  |  |     } | 
					
						
							|  |  |  |     var outfile = args.shift(); | 
					
						
							|  |  |  |     var directory = args.shift(); | 
					
						
							|  |  |  |     fs.writeFileSync(outfile, main(directory)); | 
					
						
							|  |  |  |   } catch (e) { | 
					
						
							|  |  |  |     console.log(e.message); | 
					
						
							|  |  |  |     process.exit(1); | 
					
						
							|  |  |  |   } | 
					
						
							|  |  |  | } |