discourse-signatures/assets/javascripts/discourse/initializers/extend-for-signatures.js

import { isEmpty } from "@ember/utils";
import { withPluginApi } from "discourse/lib/plugin-api";
import RawHtml from "discourse/widgets/raw-html";

function attachSignature(api, siteSettings) {
  api.includePostAttributes("user_signature");

  api.decorateWidget("post-contents:after-cooked", (dec) => {
    const attrs = dec.attrs;
    if (isEmpty(attrs.user_signature)) {
      return;
    }

    const currentUser = api.getCurrentUser();
    let enabled;

    if (currentUser) {
      enabled =
        currentUser.get("custom_fields.see_signatures") ??
        siteSettings.signatures_visible_by_default;
    } else {
      enabled = siteSettings.signatures_visible_by_default;
    }
    if (enabled) {
      if (siteSettings.signatures_advanced_mode) {
        return [
          dec.h("hr"),
          dec.h(
            "div",
            new RawHtml({
              html: `<div class='user-signature'>${attrs.user_signature}</div>`,
            })
          ),
        ];
      } else {
        return [
          dec.h("hr"),
          dec.h("img.signature-img", {
            attributes: { src: attrs.user_signature },
          }),
        ];
      }
    }
  });
}

function addSetting(api) {
  api.modifyClass("controller:preferences/profile", {
    pluginId: "discourse-signatures",

    actions: {
      save() {
        this.set(
          "model.custom_fields.see_signatures",
          this.get("model.see_signatures")
        );
        this.get("saveAttrNames").push("custom_fields");
        this._super();
      },
    },
  });
}

export default {
  name: "extend-for-signatures",
  initialize(container) {
    const siteSettings = container.lookup("service:site-settings");
    if (siteSettings.signatures_enabled) {
      withPluginApi("0.1", (api) => attachSignature(api, siteSettings));
      withPluginApi("0.1", (api) => addSetting(api, siteSettings));
    }
  },
};