update for polymer 1.0-rc1

templates/web-polymer/README.md

 # {{ projectName }}
 
 A web app built using polymer.dart.
-
-## Creating new elements
-
-The `polymer` package includes a utility to generate new elements. From
-within this project, run:
-
-`pub run polymer:new_element <name>`

templates/web-polymer/lib/main_app.dart

 // Copyright (c) {{year}}, {{author}}. All rights reserved. Use of this source code
 // is governed by a BSD-style license that can be found in the LICENSE file.
+@HtmlImport('main_app.html')
+library {{projectName}}.lib.main_app;
 
 import 'dart:html';
 
-import 'package:paper_elements/paper_input.dart';
+import 'package:polymer_elements/paper_input.dart';
 import 'package:polymer/polymer.dart';
+import 'package:web_components/web_components.dart';
 
-/// A Polymer `<main-app>` element.
-@CustomTag('main-app')
+/// Uses [PaperInput]
+@PolymerRegister('main-app')
 class MainApp extends PolymerElement {
-  @observable String reversed = '';
+  @property
+  String text;
 
   /// Constructor used to create instance of MainApp.
   MainApp.created() : super.created();
 
-  void reverseText(Event event, Object object, PaperInput target) {
-    reversed = target.value.split('').reversed.join('');
+  @eventHandler
+  String reverseText(String text) {
+    return text.split('').reversed.join('');
   }
 
   // Optional lifecycle methods - uncomment if needed.
@@ -33,12 +38,11 @@ class MainApp extends PolymerElement {
 //  /// Called when an attribute (such as a class) of an instance of
 //  /// main-app is added, changed, or removed.
 //  attributeChanged(String name, String oldValue, String newValue) {
-//    super.attributeChanges(name, oldValue, newValue);
+//    super.attributeChanged(name, oldValue, newValue);
 //  }
 
 //  /// Called when main-app has been fully prepared (Shadow DOM created,
 //  /// property observers set up, event listeners attached).
 //  ready() {
-//    super.ready();
 //  }
 }

templates/web-polymer/lib/main_app.html

@@ -3,24 +3,18 @@
   is governed by a BSD-style license that can be found in the LICENSE file.
 -->
 
-<!-- import polymer-element's definition -->
-<link rel="import" href="../../packages/polymer/polymer.html">
+<dom-module id="main-app">
+  <style>
+    :host {
+      display: block;
+    }
+  </style>
 
-<link rel="import" href="../../packages/paper_elements/paper_input.html">
-
-<polymer-element name="main-app">
   <template>
-    <style>
-      :host {
-        display: block;
-      }
-    </style>
-
-    <paper-input label="Type something..." on-keyup="{{reverseText}}"></paper-input>
-
+    <paper-input label="Type something..." value="{{text}}"></paper-input>
     <p>
-      Reversed: {{ reversed }}
+      Text: <span>{{text}}</span><br />
+      Reversed: <span>{{reverseText(text)}}</span>
     </p>
   </template>
-  <script type="application/dart" src="main_app.dart"></script>
-</polymer-element>
+</dom-module>

templates/web-polymer/pubspec.yaml

@@ -8,10 +8,20 @@ environment:
   sdk: '>=1.0.0 <2.0.0'
 
 dependencies:
-  browser: '>=0.10.0 <0.11.0'
-  paper_elements: '>=0.7.0 <0.8.0'
-  polymer: '>=0.16.0 <0.17.0'
+  browser: ^0.10.0
+  polymer_elements: ^1.0.0-rc1
+  polymer: ^1.0.0-rc1
+  reflectable: 0.2.0
+  web_components: ^0.12.0
 
 transformers:
-- polymer:
+- web_components:
     entry_points: web/index.html
+- reflectable:
+    entry_points: web/index.dart
+- $dart2js:
+    $include: '**/*.bootstrap.initialize.dart'
+    minify: true
+    commandLineOptions:
+    - --trust-type-annotations
+    - --trust-primitives

templates/web-polymer/build.dart → templates/web-polymer/web/index.dart

 // Copyright (c) {{year}}, {{author}}. All rights reserved. Use of this source code
 // is governed by a BSD-style license that can be found in the LICENSE file.
+library my_project.web.index;
 
-// This file is only used by Dart Editor. It displays errors and warnings after
-// analyzing a polymer.dart app.
+import 'package:{{projectName}}/main_app.dart';
+import 'package:polymer/polymer.dart';
 
-export 'package:polymer/default_build.dart';
+/// [MainApp] used!
+main() async {
+  await initPolymer();
+}

templates/web-polymer/web/index.html

@@ -28,10 +28,7 @@
   <meta name="msapplication-TileColor" content="#3372DF">
 
   <!-- example of using a paper element -->
-  <link rel="import" href="packages/paper_elements/roboto.html">
-
-  <!-- example of your own custom element -->
-  <link rel="import" href="packages/{{projectName}}/main_app.html">
+  <link rel="import" href="packages/polymer_elements/roboto.html">
 
   <link rel="stylesheet" href="styles.css">
 </head>
@@ -40,6 +37,7 @@
 
   <main-app></main-app>
 
-  <script type="application/dart">export 'package:polymer/init.dart';</script>
+  <script type="application/dart" src="index.dart"></script>
+  <script src="packages/browser/dart.js"></script>
 </body>
 </html>