Properly scope BlobCiYamlSelector and BlobCiYamlSelectors.

1 files changed, 31 insertions, 24 deletions

diff --git a/app/assets/javascripts/blob/blob_ci_yaml.js.es6 b/app/assets/javascripts/blob/blob_ci_yaml.js.es6
index 9f219cecc23..5ae6f1a5940 100644
--- a/app/assets/javascripts/blob/blob_ci_yaml.js.es6
+++ b/app/assets/javascripts/blob/blob_ci_yaml.js.es6
@@ -1,32 +1,39 @@
 /*= require blob/template_selector */
+((global) => {
 
-class BlobCiYamlSelector extends TemplateSelector {
-  constructor(...args) {
-    super(...args);
-  }
+  class BlobCiYamlSelector extends TemplateSelector {
+    constructor(...args) {
+      super(...args);
+    }
 
-  requestFile(query) {
-    return Api.gitlabCiYml(query.name, this.requestFileSuccess.bind(this));
+    requestFile(query) {
+      return Api.gitlabCiYml(query.name, this.requestFileSuccess.bind(this));
+    };
   };
-};
 
-class BlobCiYamlSelectors {
-  constructor(opts) {
-    this.$dropdowns = opts.$dropdowns || $('.js-gitlab-ci-yml-selector');
-    this.editor = opts.editor;
-    this.initSelectors();
-  }
+  global.BlobCiYamlSelector = BlobCiYamlSelector;
+
+  class BlobCiYamlSelectors {
+    constructor(opts) {
+      this.$dropdowns = opts.$dropdowns || $('.js-gitlab-ci-yml-selector');
+      this.editor = opts.editor;
+      this.initSelectors();
+    }
 
-  initSelectors() {
-    this.$dropdowns.each((i, dropdown) => {
-      const $dropdown = $(dropdown);
-      return new BlobCiYamlSelector({
-        pattern: /(.gitlab-ci.yml)/,
-        data: $dropdown.data('data'),
-        wrapper: $dropdown.closest('.js-gitlab-ci-yml-selector-wrap'),
-        dropdown: $dropdown,
-        editor: this.editor
+    initSelectors() {
+      this.$dropdowns.each((i, dropdown) => {
+        const $dropdown = $(dropdown);
+        return new BlobCiYamlSelector({
+          pattern: /(.gitlab-ci.yml)/,
+          data: $dropdown.data('data'),
+          wrapper: $dropdown.closest('.js-gitlab-ci-yml-selector-wrap'),
+          dropdown: $dropdown,
+          editor: this.editor
+        });
       });
-    });
+    }
   }
-}
+
+  global.BlobCiYamlSelectors = BlobCiYamlSelectors;
+
+})(window.gl || (window.gl = {}));