Extract boostrapping into its own component.

11 years ago · 07cafdb08b
parent 28d1b69b75
commit 07cafdb08b
3 changed files with 16 additions and 2 deletions
--- a/lib/client.js
+++ b/lib/client.js
@ -5,7 +5,7 @@ import alt from './alt'
 import webrtcSupport from 'webrtcsupport'
 import SupportActions from './actions/SupportActions'

-let bootstrap = document.documentElement.getAttribute('data-bootstrap')
+let bootstrap = document.getElementById('bootstrap').innerHTML
 alt.bootstrap(bootstrap)

 window.FilePizza = () => {
--- a/lib/components/App.js
+++ b/lib/components/App.js
@ -1,3 +1,4 @@
+import Bootstrap from './Bootstrap'
 import ErrorPage from './ErrorPage'
 import FrozenHead from 'react-frozenhead'
 import React from 'react'
@ -27,7 +28,7 @@ export default class App extends React.Component {
  }

  render() {
-    return <html lang="en" data-bootstrap={this.props.data}>
+    return <html lang="en">
      <FrozenHead>

        <meta charSet="utf-8" />
@ -40,6 +41,7 @@ export default class App extends React.Component {
        <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Quicksand:300,400,700|Lobster+Two" />
        <link rel="stylesheet" href="/css" />

+        <Bootstrap data={this.props.data} />
        <script src="/js" />

      </FrozenHead>
--- a/lib/components/Bootstrap.js
+++ b/lib/components/Bootstrap.js
@ -0,0 +1,12 @@
+import React from 'react'
+
+export default class Bootstrap extends React.Component {
+
+  render() {
+    return <script
+      id="bootstrap"
+      type="application/json"
+      dangerouslySetInnerHTML={{ __html: this.props.data}} />
+  }
+
+}