Convert utils to es6 modules (firefox-devtools#2910)

* Fix event listeners checkboxes

* Convert utils to es6 modules

Author: AnshulMalik

src/utils/clipboard.js

@@ -13,4 +13,4 @@ function copyToTheClipboard(string) {
   document.removeEventListener("copy", doCopy);
 }
 
-module.exports = { copyToTheClipboard };
+export { copyToTheClipboard };

src/utils/frame.js

@@ -1,6 +1,6 @@
 // @flow
 
-const get = require("lodash/get");
+import get from "lodash/get";
 import { isEnabled } from "devtools-config";
 import { endTruncateStr } from "./utils";
 import { getFilename } from "./source";

src/utils/fromJS.js

@@ -6,8 +6,8 @@
  * @module utils/fromJS
  */
 
-const Immutable = require("immutable");
-const isFunction = require("lodash/isFunction");
+import * as I from "immutable";
+import isFunction from "lodash/isFunction";
 
 // hasOwnProperty is defensive because it is possible that the
 // object that we're creating a map for has a `hasOwnProperty` field
@@ -38,7 +38,7 @@ function createMap(value) {
     value.length = `${value.length}`;
   }
 
-  let map = Immutable.Seq(value).map(fromJS).toMap();
+  let map = I.Seq(value).map(fromJS).toMap();
 
   if (hasLength) {
     map = map.set("length", length);
@@ -49,7 +49,7 @@ function createMap(value) {
 }
 
 function createList(value) {
-  return Immutable.Seq(value).map(fromJS).toList();
+  return I.Seq(value).map(fromJS).toList();
 }
 
 /**

src/utils/makeRecord.js

@@ -8,7 +8,7 @@
  * @module utils/makeRecord
  */
 
-const I = require("immutable");
+import * as I from "immutable";
 
 /**
  * @memberof utils/makeRecord
@@ -39,4 +39,4 @@ function makeRecord<T>(spec: T & Object): (init: $Shape<T>) => Record<T> {
   return I.Record(spec);
 }
 
-module.exports = makeRecord;
+export default makeRecord;

src/utils/object-inspector.js

@@ -1,5 +1,5 @@
-const get = require("lodash/get");
-const { maybeEscapePropertyName } = require("devtools-reps");
+import get from "lodash/get";
+import { maybeEscapePropertyName } from "devtools-reps";
 
 let WINDOW_PROPERTIES = {};
 
@@ -244,7 +244,7 @@ function getChildren({ getObjectProperties, actors, item }) {
   return children;
 }
 
-module.exports = {
+export {
   nodeHasChildren,
   nodeIsOptimizedOut,
   nodeIsMissingArguments,

src/utils/parser/index.js

@@ -1,6 +1,7 @@
 // @flow
 
-const { workerUtils: { WorkerDispatcher } } = require("devtools-utils");
+import { workerUtils } from "devtools-utils";
+const { WorkerDispatcher } = workerUtils;
 
 const dispatcher = new WorkerDispatcher();
 

src/utils/parser/utils.js

@@ -1,12 +1,12 @@
 // @flow
 
-const babylon = require("babylon");
-const traverse = require("babel-traverse").default;
-const t = require("babel-types");
-const { isDevelopment } = require("devtools-config");
-const toPairs = require("lodash/toPairs");
-const isEmpty = require("lodash/isEmpty");
-const uniq = require("lodash/uniq");
+import * as babylon from "babylon";
+import traverse from "babel-traverse";
+import * as t from "babel-types";
+import { isDevelopment } from "devtools-config";
+import toPairs from "lodash/toPairs";
+import isEmpty from "lodash/isEmpty";
+import uniq from "lodash/uniq";
 import parseScriptTags from "parse-script-tags";
 
 import type { SourceText, Location, Frame, TokenResolution } from "../../types";

src/utils/path.js

@@ -21,10 +21,4 @@ function join(base: string, dir: string) {
   return `${base}/${dir}`;
 }
 
-module.exports = {
-  basename,
-  dirname,
-  isURL,
-  isAbsolute,
-  join
-};
+export { basename, dirname, isURL, isAbsolute, join };

src/utils/pretty-print/index.js

@@ -1,7 +1,8 @@
 // @flow
 
-const { workerUtils: { WorkerDispatcher } } = require("devtools-utils");
-const { isJavaScript } = require("../source");
+import { workerUtils } from "devtools-utils";
+const { WorkerDispatcher } = workerUtils;
+import { isJavaScript } from "../source";
 import assert from "../assert";
 
 import type { Source, SourceText } from "../../types";