polymer: slim out the styles and change the flow of initialization to avoid race conditions

.hgignore

@@ -43,6 +43,7 b' syntax: regexp'
 ^rhodecode/public/css/style-polymer.css$
 ^rhodecode/public/js/scripts.js$
 ^rhodecode/public/js/rhodecode-components.html$
+^rhodecode/public/js/src/components/root-styles.gen.html$
 ^rhodecode\.db$
 ^rhodecode\.log$
 ^rhodecode_dev\.log$

Gruntfile.js

@@ -17,6 +17,16 b' module.exports = function(grunt) {'
       },
     },
     concat: {
+      polymercss:{
+        src: [
+          // Base libraries
+          '<%= dirs.js.src %>/components/root-styles-prefix.html',
+          '<%= dirs.css %>/style-polymer.css',
+          '<%= dirs.js.src %>/components/root-styles-suffix.html'
+        ],
+        dest: '<%= dirs.js.dest %>/src/components/root-styles.gen.html',
+        nonull: true
+      },
       dist: {
         src: [
           // Base libraries
@@ -133,12 +143,12 b' module.exports = function(grunt) {'
 
     watch: {
       less: {
-        files: ["<%= dirs.css %>/*.less"],
-        tasks: ["less:development", 'less:components', "vulcanize"]
+        files: ["<%= dirs.css %>/**/*.less"],
+        tasks: ["less:development", 'less:components', 'concat:polymercss', "vulcanize"]
       },
       js: {
-        files: ["<%= dirs.js.src %>/**/*.js", "<%= dirs.js.src %>/components/*.*"],
-        tasks: ["vulcanize", "concat:dist"]
+        files: ["<%= dirs.js.src %>/**/*.js", "<%= dirs.js.src %>/components/**/*.html"],
+        tasks: ['less:components', 'concat:polymercss', "vulcanize", "concat:dist"]
       }
     },
 
@@ -173,5 +183,5 b' module.exports = function(grunt) {'
   grunt.loadNpmTasks('grunt-crisper');
   grunt.loadNpmTasks('grunt-contrib-copy');
 
-  grunt.registerTask('default', ['less:production', 'less:components', 'copy','vulcanize', 'concat:dist']);
+  grunt.registerTask('default', ['less:production', 'less:components', 'concat:polymercss', 'copy','vulcanize', 'concat:dist']);
 };

rhodecode/public/css/polymer.less

@@ -2,10 +2,7 b''
 //--- IMPORTS ------------------//
 @import 'helpers';
 @import 'mixins';
-@import 'rcicons';
-@import 'fonts';
 @import 'variables';
-@import 'type';
 @import 'buttons';
 
 :root {

rhodecode/public/js/src/components/root-styles-prefix.html

@@ -1,3 +1,3 b''
-<dom-module id="shared-styles">
+<dom-module id="root-styles">
     <template>
         <style>

rhodecode/templates/admin/my_account/my_account_notifications.html

@@ -1,5 +1,4 b''
 <template is="dom-bind" id="notificationsPage">
-<style include="shared-styles" is="custom-style"></style>
 <iron-ajax id="toggleNotifications"
            method="post"
            url="${url('my_account_notifications_toggle_visibility')}"

rhodecode/templates/base/root.html

@@ -60,7 +60,6 b" c.template_context['visual']['default_re"
                     }
                 })();
             </script>
-            <link rel="import" href="${h.asset('js/rhodecode-components.html', ver=c.rhodecode_version_hash)}" async>
 
             <script src="${h.asset('js/rhodecode/i18n/%s.js' % c.language, ver=c.rhodecode_version_hash)}"></script>
             <script type="text/javascript">
@@ -104,6 +103,8 b" c.template_context['visual']['default_re"
             <![endif]-->
             <script language="javascript" type="text/javascript" src="${h.asset('js/rhodecode/routes.js', ver=c.rhodecode_version_hash)}"></script>
             <script language="javascript" type="text/javascript" src="${h.asset('js/scripts.js', ver=c.rhodecode_version_hash)}"></script>
+            <link rel="import" href="${h.asset('js/rhodecode-components.html', ver=c.rhodecode_version_hash)}">
+            <style include="shared-styles" is="custom-style"></style>
             ## avoide escaping the %N
             <script>CodeMirror.modeURL = "${h.asset('') + 'js/mode/%N/%N.js?ver='+c.rhodecode_version_hash}";</script>