Bug 1400115 - Part 1: Create a base pane. r=gl

MozReview-Commit-ID: Af3lI8gO3sl

--HG--
extra : rebase_source : fd2280d9d706e4fdb061f5b6057a053f350e4f61

devtools/client/inspector/animation/animation.js

@@ -0,0 +1,21 @@
+/* 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";
+
+const { createElement } = require("devtools/client/shared/vendor/react");
+
+const App = require("./components/App");
+
+class AnimationInspector {
+  constructor() {
+    this.init();
+  }
+
+  init() {
+    this.provider = createElement(App);
+  }
+}
+
+module.exports = AnimationInspector;

devtools/client/inspector/animation/components/App.js

@@ -0,0 +1,19 @@
+/* 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";
+
+const { DOM: dom, PureComponent } = require("devtools/client/shared/vendor/react");
+
+class App extends PureComponent {
+  render() {
+    return dom.div(
+      {
+        id: "animation-container"
+      }
+    );
+  }
+}
+
+module.exports = App;

devtools/client/inspector/animation/components/moz.build

@@ -0,0 +1,7 @@
+# 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/.
+
+DevToolsModules(
+    'App.js'
+)

devtools/client/inspector/animation/moz.build

@@ -0,0 +1,11 @@
+# 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/.
+
+DIRS += [
+    'components'
+]
+
+DevToolsModules(
+    'animation.js'
+)

devtools/client/inspector/moz.build

@@ -3,6 +3,7 @@
 # file, You can obtain one at http://mozilla.org/MPL/2.0/.
 
 DIRS += [
+    'animation',
     'boxmodel',
     'changes',
     'components',