Use cookies to move app code to main.js

bower.json

@@ -16,6 +16,7 @@
     "jquery": "^1.11.3",
     "lodash": "^4.13.1",
     "vue": "^2.1.10",
-    "vue-resource": "^1.0.3"
+    "vue-resource": "^1.0.3",
+    "system.js": "^0.20.1"
   }
 }

nova/static/js/main.js

@@ -0,0 +1,36 @@
+function readCookie(a) {
+    var b = document.cookie.match('(^|;)\\s*' + a + '\\s*=\\s*([^;]+)');
+    return b ? b.pop() : '';
+}
+
+var app = new Vue({
+  el: '#search',
+  data: {
+    query: '',
+    message: '',
+    items: [],
+    token: readCookie('token'),
+  },
+  watch: {
+    query: function (data) {
+      this.searchQuery (data)
+    }
+  },
+  methods: {
+    searchQuery: _.debounce(
+      function (query) {
+        var params = {
+          q: query,
+          token: this.token,
+        }
+
+        this.$http.get('/api/search', {params: params}).then((response) => {
+          return response.json();
+        }).then((items) => {
+          this.items = items
+        });
+      },
+      250
+    )
+  }
+})

nova/templates/base/search.html

@@ -49,36 +49,4 @@
 <script src="{{ url_for('static', filename='vue/dist/vue.min.js') }}"></script>
 <script src="{{ url_for('static', filename='vue-resource/dist/vue-resource.min.js') }}"></script>
 <script src="{{ url_for('static', filename='lodash/dist/lodash.min.js') }}"></script>
-<script>
-  var app = new Vue({
-    el: '#search',
-    data: {
-      query: '',
-      message: '',
-      items: []
-    },
-    watch: {
-      query: function (data) {
-        this.searchQuery (data)
-      }
-    },
-    methods: {
-      searchQuery: _.debounce(
-        function (query) {
-          var params = {
-            q: query,
-            token: '{{ current_user.token }}'
-          }
-
-          this.$http.get('/api/search', {params: params}).then((response) => {
-            return response.json();
-          }).then((items) => {
-            this.items = items
-          });
-        },
-        250
-      )
-    }
-  })
-</script>
 {% endblock %}

nova/templates/layout.html

@@ -51,5 +51,12 @@
 
     <script src="{{ url_for('static', filename='jquery/dist/jquery.min.js') }}"></script>
     <script src="{{ url_for('static', filename='bootswatch-dist/js/bootstrap.min.js') }}"></script>
+    <script src="{{ url_for('static', filename='system.js/dist/system.js') }}"></script>
+    <script>
+      System.config({
+        baseURL: '{{ url_for("static", filename='js') }}',
+      });
+      System.import('main.js')
+    </script>
   </body>
 </html>

nova/views.py

@@ -106,7 +106,9 @@ def login():
             login_user(user)
 
             flash('Logged in successfully')
-            return redirect(url_for('index'))
+            response = app.make_response(redirect(url_for('index')))
+            response.set_cookie('token', user.token)
+            return response
         else:
             return render_template('user/login.html', form=form, failed=True), 401