Rename .js.es6 to .js in the admin application

app/assets/javascripts/admin/components/ace-editor.js

@@ -0,0 +1,124 @@
+import Component from "@ember/component";
+import loadScript from "discourse/lib/load-script";
+import { observes } from "discourse-common/utils/decorators";
+import { on } from "@ember/object/evented";
+
+export default Component.extend({
+  mode: "css",
+  classNames: ["ace-wrapper"],
+  _editor: null,
+  _skipContentChangeEvent: null,
+  disabled: false,
+
+  @observes("editorId")
+  editorIdChanged() {
+    if (this.autofocus) {
+      this.send("focus");
+    }
+  },
+
+  @observes("content")
+  contentChanged() {
+    const content = this.content || "";
+    if (this._editor && !this._skipContentChangeEvent) {
+      this._editor.getSession().setValue(content);
+    }
+  },
+
+  @observes("mode")
+  modeChanged() {
+    if (this._editor && !this._skipContentChangeEvent) {
+      this._editor.getSession().setMode("ace/mode/" + this.mode);
+    }
+  },
+
+  @observes("disabled")
+  disabledStateChanged() {
+    this.changeDisabledState();
+  },
+
+  changeDisabledState() {
+    const editor = this._editor;
+    if (editor) {
+      const disabled = this.disabled;
+      editor.setOptions({
+        readOnly: disabled,
+        highlightActiveLine: !disabled,
+        highlightGutterLine: !disabled
+      });
+      editor.container.parentNode.setAttribute("data-disabled", disabled);
+    }
+  },
+
+  _destroyEditor: on("willDestroyElement", function() {
+    if (this._editor) {
+      this._editor.destroy();
+      this._editor = null;
+    }
+    if (this.appEvents) {
+      // xxx: don't run during qunit tests
+      this.appEvents.off("ace:resize", this, this.resize);
+    }
+
+    $(window).off("ace:resize");
+  }),
+
+  resize() {
+    if (this._editor) {
+      this._editor.resize();
+    }
+  },
+
+  didInsertElement() {
+    this._super(...arguments);
+
+    loadScript("/javascripts/ace/ace.js").then(() => {
+      window.ace.require(["ace/ace"], loadedAce => {
+        if (!this.element || this.isDestroying || this.isDestroyed) {
+          return;
+        }
+        const editor = loadedAce.edit(this.element.querySelector(".ace"));
+
+        editor.setTheme("ace/theme/chrome");
+        editor.setShowPrintMargin(false);
+        editor.setOptions({ fontSize: "14px" });
+        editor.getSession().setMode("ace/mode/" + this.mode);
+        editor.on("change", () => {
+          this._skipContentChangeEvent = true;
+          this.set("content", editor.getSession().getValue());
+          this._skipContentChangeEvent = false;
+        });
+        editor.$blockScrolling = Infinity;
+        editor.renderer.setScrollMargin(10, 10);
+
+        this.element.setAttribute("data-editor", editor);
+        this._editor = editor;
+        this.changeDisabledState();
+
+        $(window)
+          .off("ace:resize")
+          .on("ace:resize", () => {
+            this.appEvents.trigger("ace:resize");
+          });
+
+        if (this.appEvents) {
+          // xxx: don't run during qunit tests
+          this.appEvents.on("ace:resize", this, "resize");
+        }
+
+        if (this.autofocus) {
+          this.send("focus");
+        }
+      });
+    });
+  },
+
+  actions: {
+    focus() {
+      if (this._editor) {
+        this._editor.focus();
+        this._editor.navigateFileEnd();
+      }
+    }
+  }
+});