Remove import-sideffect call to init()

Summary:
Back out "Back out "[flipper] Export init function""
Original commit changeset: 93b916d472b7

The import side effect seems to cause some issues with shadowing,
so let's pull this all the way to the top and call this from HTML
as Sonar.init().

Reviewed By: danielbuechele

Differential Revision: D9849869

fbshipit-source-id: b62772ecddc59eab00251ebf19816f470d76ba82

src/__mocks__/init.js

@@ -0,0 +1,10 @@
+/**
+ * Copyright 2018-present Facebook.
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ * @format
+ */
+
+export default function init() {
+  // no-op
+}

src/index.js

@@ -14,9 +14,8 @@ export {SonarBasePlugin, SonarPlugin, SonarDevicePlugin} from './plugin.js';
 export {createTablePlugin} from './createTablePlugin.js';
 export {default as SonarSidebar} from './chrome/SonarSidebar.js';
 
-export * from './init.js';
-export {default} from './init.js';
-
 export {default as AndroidDevice} from './devices/AndroidDevice.js';
 export {default as Device} from './devices/BaseDevice.js';
 export {default as IOSDevice} from './devices/IOSDevice.js';
+
+export {default as init} from './init.js';

src/init.js

@@ -62,16 +62,18 @@ const AppFrame = () => (
   </TooltipProvider>
 );
 
-// $FlowFixMe: this element exists!
+export default function init() {
-ReactDOM.render(<AppFrame />, document.getElementById('root'));
+  // $FlowFixMe: this element exists!
-// $FlowFixMe: service workers exist!
+  ReactDOM.render(<AppFrame />, document.getElementById('root'));
-navigator.serviceWorker
+  // $FlowFixMe: service workers exist!
-  .register(
+  navigator.serviceWorker
-    process.env.NODE_ENV === 'production'
+    .register(
-      ? path.join(__dirname, 'serviceWorker.js')
+      process.env.NODE_ENV === 'production'
-      : './serviceWorker.js',
+        ? path.join(__dirname, 'serviceWorker.js')
-  )
+        : './serviceWorker.js',
-  .then(r => {
+    )
-    (r.installing || r.active).postMessage({precachedIcons});
+    .then(r => {
-  })
+      (r.installing || r.active).postMessage({precachedIcons});
-  .catch(console.error);
+    })
+    .catch(console.error);
+}

static/index.dev.html

@@ -85,6 +85,10 @@
             openError('Script failure. Check Chrome console for more info.');
           };
 
+          script.onload = () => {
+            global.Sonar.init();
+          };
+
           document.body.appendChild(script);
         }
 

static/index.html

@@ -14,5 +14,8 @@
       global.electronRequire = window.require;
     </script>
     <script src="bundle.js"></script>
+    <script>
+      global.Sonar.init();
+    </script>
   </body>
 </html>