Include remotedev-app

2016-02-10 12:29:12 +08:00
parent f46624ff27
commit 7dbd60c155
2 changed files with 50 additions and 3 deletions
--- a/bin/index.html
+++ b/bin/index.html
@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html>
+  <head>
+  <meta charset="utf-8" />
+  <title>RemoteDev</title>
+    <style>
+      html {
+        min-width: 350px;
+        min-height: 300px;
+      }
+      body {
+        position: fixed;
+        overflow: hidden;
+        height: 100%;
+        width: 100%;
+        margin: 0;
+        padding: 0;
+      }
+      #root {
+        height: 100%;
+      }
+      #root > div {
+        height: 100%;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script src="//npmcdn.com/react@0.14/dist/react.min.js"></script>
+    <script src="//npmcdn.com/react-dom@0.14/dist/react-dom.min.js"></script>
+    <script src="//npmcdn.com/remotedev-app@0.2/dist/remotedev-app.min.js"></script>
+    <script>
+      var socketOptions = {
+        hostname: location.hostname,
+        autoReconnect: true
+      };
+      if (location.port) {
+        socketOptions.port = location.port;
+      }
+      ReactDOM.render(
+        React.createElement(RemoteDevApp, {
+          socketOptions: socketOptions
+        }),
+        document.querySelector('#root')
+      );
+    </script>
+  </body>
+</html>