discourse/plugins/discourse-details/assets/javascripts/initializers/apply-details.js.es6

import I18n from "I18n";
import { withPluginApi } from "discourse/lib/plugin-api";

function initializeDetails(api) {
  api.decorateCooked($elem => $("details", $elem), {
    id: "discourse-details"
  });

  api.addToolbarPopupMenuOptionsCallback(() => {
    return {
      action: "insertDetails",
      icon: "caret-right",
      label: "details.title"
    };
  });

  api.modifyClass("controller:composer", {
    actions: {
      insertDetails() {
        this.toolbarEvent.applySurround(
          "\n" + `[details="${I18n.t("composer.details_title")}"]` + "\n",
          "\n[/details]\n",
          "details_text",
          { multiline: false }
        );
      }
    }
  });
}

export default {
  name: "apply-details",

  initialize() {
    withPluginApi("0.8.7", initializeDetails);
  }
};