First iteration of Chapter 7 on prod deployment

pavelgj · pavelgj · commit 439e93262dcf · 2013-12-02T16:15:15.000-08:00
diff --git a/Chapter_07/.gitignore b/Chapter_07/.gitignore
@@ -0,0 +1,2 @@
+web/di_factories_gen.dart
+web/ng_parser_gen.dart
diff --git a/Chapter_07/README.md b/Chapter_07/README.md
@@ -0,0 +1,4 @@
+Chapter 7: Prod Deployment
+==========================
+
+WIP...
diff --git a/Chapter_07/bin/generator.dart b/Chapter_07/bin/generator.dart
@@ -0,0 +1,54 @@
+library chapter07.generator;
+
+import 'dart:io';
+import 'package:di/generator.dart' as di_generator;
+import 'package:angular/tools/expression_extractor.dart' as ng_generator;
+
+main() {
+  var dartSdkPath = Platform.environment['DART_SDK'];
+  if (dartSdkPath == null || dartSdkPath.isEmpty) {
+    throw 'export DART_SDK=/path/to/dart/sdk';
+  }
+  var entryPointDartFile = 'web/main.dart';
+  var injectablesAnnotations = 'angular.core.NgComponent,'
+      'angular.core.NgController,'
+      'angular.core.NgDirective,'
+      'angular.core.NgFilter,'
+      'injectable.InjectableService,'
+      'angular.core.service.NgInjectableService';
+  var diOutputFile = 'web/di_factories_gen.dart';
+  var packageRoots = 'packages';
+
+  _runDiGenerator(dartSdkPath, entryPointDartFile, injectablesAnnotations,
+      diOutputFile, packageRoots);
+
+  var htmlRoot = '.';
+  var parserOutputFile = 'web/ng_parser_gen.dart';
+  var parserHeaderFile = 'lib/parser_gen_header.dart';
+  var parserFooterFile = ''; // we don't need anything in the footer, for now.
+
+  _runNgGenerator(entryPointDartFile, htmlRoot, parserHeaderFile,
+      parserFooterFile, parserOutputFile, packageRoots);
+}
+
+_runDiGenerator(dartSdkPath, entryPointDartFile, injectablesAnnotations,
+                outputFile, packageRoots) {
+  di_generator.main([
+      dartSdkPath,
+      entryPointDartFile,
+      injectablesAnnotations,
+      outputFile,
+      packageRoots
+  ]);
+}
+
+_runNgGenerator(entryPointDartFile, htmlRoot, parserHeaderFile, parserFooterFile, parserOutputFile, packageRoots) {
+  ng_generator.main([
+      entryPointDartFile,
+      htmlRoot,
+      parserHeaderFile,
+      parserFooterFile,
+      parserOutputFile,
+      packageRoots
+  ]);
+}
diff --git a/Chapter_07/lib/injectable.dart b/Chapter_07/lib/injectable.dart
@@ -0,0 +1,9 @@
+library injectable;
+
+/**
+ * An annotation specifying that the annotated class will be instantiated by
+ * di Injector and type factory code generator should include it in its output.
+ */
+class InjectableService {
+  const InjectableService();
+}
diff --git a/Chapter_07/lib/my_component.dart b/Chapter_07/lib/my_component.dart
@@ -0,0 +1,15 @@
+library my_component;
+
+import 'package:angular/angular.dart';
+
+import 'service.dart';
+
+@NgComponent(
+    selector: 'my-component',
+    templateUrl: 'packages/angular_dart_demo/my_component.html',
+    publishAs: 'ctrl'
+)
+class MyComponent {
+  @NgAttr('default-name')
+  String name;
+}
diff --git a/Chapter_07/lib/my_component.html b/Chapter_07/lib/my_component.html
@@ -0,0 +1,2 @@
+<h1>Hello, {{ctrl.name}}!</h1>
+<input type="text" ng-model="ctrl.name">
diff --git a/Chapter_07/lib/parser_gen_header.dart b/Chapter_07/lib/parser_gen_header.dart
@@ -0,0 +1,5 @@
+library parser_gen;
+
+import 'package:angular/angular.dart';
+
+typedef Function FilterLookup(String filterName);
diff --git a/Chapter_07/lib/service.dart b/Chapter_07/lib/service.dart
@@ -0,0 +1,10 @@
+library name_service;
+
+import 'injectable.dart';
+
+@InjectableService()
+class NameService {
+
+  String formatName(String name) =>
+     name.substring(0, 1).toUpperCase() + name.substring(1).toLowerCase();
+}
diff --git a/Chapter_07/pubspec.yaml b/Chapter_07/pubspec.yaml
@@ -0,0 +1,8 @@
+name: angular_dart_demo
+version: 0.0.1
+dependencies:
+  angular: any
+  browser: any
+  js: any
+dev_dependencies:
+  unittest: any
diff --git a/Chapter_07/web/index.html b/Chapter_07/web/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html ng-app>
+<head>
+    <title>Chapter Seven - Hello World in Production</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+<body ng-cloak>
+  <my-component default-name="World"></my-component>
+  
+  <script type="application/dart" src="main.dart"></script>
+  <script type="text/javascript" src="packages/browser/dart.js"></script>
+</body>
+</html>
diff --git a/Chapter_07/web/initializer-dev.dart b/Chapter_07/web/initializer-dev.dart
@@ -0,0 +1,13 @@
+library app_initializer_dev;
+
+import 'package:angular/angular.dart';
+import 'package:di/di.dart';
+import 'package:di/dynamic_injector.dart';
+
+createInjector(List<Module> modules) {
+  return new DynamicInjector(modules: modules, allowImplicitInjection: false);
+}
+
+createParser(Module module) {
+  // Do nothing, user default DynamicParser.
+}
diff --git a/Chapter_07/web/initializer-prod.dart b/Chapter_07/web/initializer-prod.dart
@@ -0,0 +1,22 @@
+library app_initializer;
+
+import 'package:angular/angular.dart';
+import 'package:di/di.dart';
+import 'package:di/static_injector.dart';
+
+// Generated Files!
+import 'di_factories_gen.dart' as di_factories_gen;
+import 'ng_parser_gen.dart' as ng_parser_gen;
+
+createInjector(List<Module> modules) {
+  di_factories_gen.main();
+  return new StaticInjector(modules: modules,
+      typeFactories: di_factories_gen.typeFactories);
+}
+
+createParser(Module module) {
+  module.type(Parser, implementedBy: StaticParser);
+  module.value(DynamicParser, null);
+  module.factory(StaticParserFunctions,
+      (i) => ng_parser_gen.functions(i.get(FilterMap)));
+}
diff --git a/Chapter_07/web/main.dart b/Chapter_07/web/main.dart
@@ -0,0 +1,65 @@
+// Used by di codegen to identify instantiable types.
+@Injectables(const [
+    Profiler
+])
+library recipe_book;
+
+// Used by dart2js to indicate which targets are being reflected on, to allow
+// tree-shaking.
+@MirrorsUsed(
+    targets: const [
+        'angular.core',
+        'angular.core.dom',
+        'angular.core.parser',
+        'angular.routing',
+        NodeTreeSanitizer],
+    metaTargets: const [
+        NgInjectableService,
+        NgComponent,
+        NgDirective,
+        NgController,
+        NgFilter,
+        NgAttr,
+        NgOneWay,
+        NgOneWayOneTime,
+        NgTwoWay,
+        NgCallback
+    ],
+    override: '*'
+)
+import 'dart:mirrors';
+
+import 'dart:html';
+
+import 'package:angular/angular.dart';
+import 'package:di/di.dart';
+import 'package:di/annotations.dart';
+import 'package:perf_api/perf_api.dart';
+import 'package:logging/logging.dart';
+
+import 'package:angular_dart_demo/my_component.dart';
+import 'package:angular_dart_demo/service.dart';
+
+// During development it's easier to use dynamic parser and injector, so use
+// initializer-dev.dart instead. Before using initializer-prod.dart make sure
+// you run: dart -c bin/generator.dart
+import 'initializer-prod.dart' as init; // Use in prod/test.
+// import 'initializer-dev.dart' as init; // Use in dev.
+
+class MyAppModule extends Module {
+  MyAppModule() {
+    type(MyComponent);
+    type(NameService);
+    init.createParser(this);
+  }
+}
+
+main() {
+  Logger.root.level = Level.FINEST;
+  Logger.root.onRecord.listen((LogRecord r) {
+    window.console.log(r.message);
+  });
+
+  ngBootstrap(module: new MyAppModule(),
+      injectorFactory: (modules) => init.createInjector(modules));
+}
diff --git a/Chapter_07/web/style.css b/Chapter_07/web/style.css
@@ -0,0 +1,3 @@
+[ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
+   display: none !important;
+}

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,2 @@`
	`1`	`+web/di_factories_gen.dart`
	`2`	`+web/ng_parser_gen.dart`
-Original file line number
+Diff line change
@@ @@ -0,0 +1,4 @@ @@
 +Chapter 7: Prod Deployment
 +==========================
++
 +WIP...
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,2 @@`
	`1`	`+<h1>Hello, {{ctrl.name}}!</h1>`
	`2`	`+<input type="text" ng-model="ctrl.name">`