Merge pull request #7584 from elastic/jasper/backport/7578/5.0.0-alpha4

[5.0.0-alpha4] Fixed scripting issues due to improperly encoded kibana payload

src/ui/public/metadata.js

@@ -1,12 +1,7 @@
+import $ from 'jquery';
 import _ from 'lodash';
-// singleton for immutable copy of window.__KBN__
 
-if (!_.has(window, '__KBN__')) {
-  throw new Error('window.__KBN__ must be set for metadata');
-}
-
-const kbn = _.cloneDeep(window.__KBN__ || {});
-export default deepFreeze(kbn);
+export default deepFreeze(getState());
 
 function deepFreeze(object) {
   // for any properties that reference an object, makes sure that object is
@@ -20,3 +15,12 @@ function deepFreeze(object) {
 
   return Object.freeze(object);
 }
+
+function getState() {
+  const stateKey = '__KBN__';
+  if (!(stateKey in window)) {
+    const state = $('kbn-initial-state').attr('data');
+    window[stateKey] = JSON.parse(state);
+  }
+  return window[stateKey];
+}

src/ui/views/chrome.jade

@@ -1,5 +1,5 @@
-- var j = function (o) { return JSON.stringify(o); }
-- var appName = 'kibana';
+-
+  var appName = 'kibana';
 
 block vars
 
@@ -12,5 +12,5 @@ html(lang='en')
     title Kibana
     block head
   body(kbn-chrome, id='#{appName}-body')
-    script window.__KBN__ = !{j(kibanaPayload)};
+    kbn-initial-state(data=JSON.stringify(kibanaPayload))
     block content