DEV: Add topic-vote click transformer for theme/plugin extensions (#207)

discourse · Aug 14, 2024 · 4f10bf1 · 4f10bf1
1 parent e6dbd1f
commit 4f10bf1
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 18 deletions.
diff --git a/assets/javascripts/discourse/pre-initializers/transformers.js b/assets/javascripts/discourse/pre-initializers/transformers.js
@@ -0,0 +1,12 @@
+import { withPluginApi } from "discourse/lib/plugin-api";
+
+export default {
+  name: "discourse-topic-voting-transformers",
+  before: "freeze-valid-transformers",
+
+  initialize() {
+    withPluginApi("1.35.0", (api) => {
+      api.addBehaviorTransformerName("topic-vote-button-click");
+    });
+  },
+};
diff --git a/assets/javascripts/discourse/widgets/vote-button.js b/assets/javascripts/discourse/widgets/vote-button.js
@@ -1,5 +1,6 @@
 import { h } from "virtual-dom";
 import cookie from "discourse/lib/cookie";
+import { applyBehaviorTransformer } from "discourse/lib/transformer";
 import { createWidget } from "discourse/widgets/widget";
 import I18n from "I18n";
 
@@ -71,24 +72,26 @@ export default createWidget("vote-button", {
   },
 
   click() {
-    if (!this.currentUser) {
-      this.sendWidgetAction("showLogin");
-      cookie("destination_url", window.location.href, { path: "/" });
-      return;
-    }
-    if (
-      !this.attrs.closed &&
-      this.parentWidget.state.allowClick &&
-      !this.attrs.user_voted &&
-      !this.currentUser.votes_exceeded
-    ) {
-      this.parentWidget.state.allowClick = false;
-      this.parentWidget.state.initialVote = true;
-      this.sendWidgetAction("addVote");
-    }
-    if (this.attrs.user_voted || this.currentUser.votes_exceeded) {
-      document.querySelector(".vote-options").classList.toggle("hidden");
-    }
+    applyBehaviorTransformer("topic-vote-button-click", () => {
+      if (!this.currentUser) {
+        this.sendWidgetAction("showLogin");
+        cookie("destination_url", window.location.href, { path: "/" });
+        return;
+      }
+      if (
+        !this.attrs.closed &&
+        this.parentWidget.state.allowClick &&
+        !this.attrs.user_voted &&
+        !this.currentUser.votes_exceeded
+      ) {
+        this.parentWidget.state.allowClick = false;
+        this.parentWidget.state.initialVote = true;
+        this.sendWidgetAction("addVote");
+      }
+      if (this.attrs.user_voted || this.currentUser.votes_exceeded) {
+        document.querySelector(".vote-options").classList.toggle("hidden");
+      }
+    });
   },
 
   clickOutside() {