1 files changed, 47 insertions, 0 deletions
diff --git a/devtools/client/inspector/shared/node-reps.js b/devtools/client/inspector/shared/node-reps.js
new file mode 100644
index 0000000000..c93fc68f0e
--- /dev/null
+++ b/devtools/client/inspector/shared/node-reps.js
@@ -0,0 +1,47 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+"use strict";
+
+loader.lazyGetter(this, "MODE", function () {
+  return require("resource://devtools/client/shared/components/reps/index.js")
+    .MODE;
+});
+
+loader.lazyGetter(this, "ElementNode", function () {
+  return require("resource://devtools/client/shared/components/reps/reps/element-node.js");
+});
+
+loader.lazyGetter(this, "TextNode", function () {
+  return require("resource://devtools/client/shared/components/reps/reps/text-node.js");
+});
+
+loader.lazyRequireGetter(
+  this,
+  "translateNodeFrontToGrip",
+  "resource://devtools/client/inspector/shared/utils.js",
+  true
+);
+
+/**
+ * Creates either an ElementNode or a TextNode rep given a nodeFront. By default the
+ * rep is created in TINY mode.
+ *
+ * @param {NodeFront} nodeFront
+ *        The node front to create the element for.
+ * @param {Object} props
+ *        Props to pass to the rep.
+ */
+function getNodeRep(nodeFront, props = {}) {
+  const object = translateNodeFrontToGrip(nodeFront);
+  const { rep } = ElementNode.supportsObject(object) ? ElementNode : TextNode;
+
+  return rep({
+    object,
+    mode: MODE.TINY,
+    ...props,
+  });
+}
+
+module.exports = getNodeRep;