adding widget output

src/.tern-port

@@ -0,0 +1 @@
+58305

src/index.js

@@ -2,7 +2,24 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import Widget from './widget';
 
-ReactDOM.render(
-  <Widget/>,
-  document.getElementById('app')
-);
+export default class EmbeddableWidget {
+  static render() {
+    const component = <Widget />;
+
+    function doRender() {
+      const containerEl = document.createElement('div');
+      document.body.appendChild(containerEl);
+      ReactDOM.render(
+        component,
+        containerEl,
+      );
+    }
+    if (document.readyState === 'complete') {
+      doRender();
+    } else {
+      window.addEventListener('load', () => {
+        doRender();
+      });
+    }
+  }
+}

src/widget.js

@@ -1,9 +1,9 @@
-import React from 'react';
+import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { Transition } from 'react-transition-group';
 import './widget.scss';
 
-class Widget extends React.Component {
+class Widget extends Component {
   state = {
     opened: false,
     showDock: true,
@@ -11,7 +11,7 @@ class Widget extends React.Component {
 
   handleToggleOpen = () => {
     this.setState((prev) => {
-      let showDock = prev.showDock;
+      let { showDock } = prev;
       if (!prev.opened) {
         showDock = false;
       }
@@ -36,16 +36,17 @@ class Widget extends React.Component {
         </a>
       );
     }
-    return "";
+    return '';
   }
 
   render() {
-    let body = this.renderBody();
+    const body = this.renderBody();
 
     return (
+
       <div className="docked-widget">
         <Transition in={this.state.opened} timeout={250} onExited={this.handleWidgetExit}>
-          {(status) => (
+          {status => (
             <div className={`widget widget-${status}`}>
               <div className="widget-header">
                 <div className="widget-header-title">