Merge pull request #78 from show-karma/feat/multi-dao

Feat/multi dao

README.md

@@ -6,12 +6,12 @@ Karma discourse plugin can be used by DAOs on their forum to display forum user'
 
 ## Installation
 
- This plugin can be installed on both self-hosted instances and managed hosting. We have experience working with managed hosting providers to install our plugin. If you need help with installation, contact us at info@showkarma.xyz
+ This plugin can be installed on both self-hosted instances and managed hosting. We have experience working with managed hosting providers to install our plugin. If you need help with installation, contact us at info@karmahq.xyz
 
 
 __Step 1__: To install the plugin, you can follow the [Install Plugins in Discourse](https://meta.discourse.org/t/install-plugins-in-discourse/19157) official instructions.
 
-__Step 2__: After the installation, the user should go to the plugins page (Admin -> Plugins) and hit Settings under `Karma` plugin. Then, set the Dao Name as registered at [Karma](https://showkarma.xyz).
+__Step 2__: After the installation, the user should go to the plugins page (Admin -> Plugins) and hit Settings under `Karma` plugin. Then, set the Dao Name as registered at [Karma](https://karmahq.xyz).
 ![plugin-page](./docs/assets/plugins.png)
 
 ---

app/controllers/karma_controller.rb

@@ -8,10 +8,10 @@ class KarmaScore::KarmaController < ::ApplicationController
   before_action :ensure_logged_in
 
   # api_url = "https://api.karmahq.xyz/api/discourse"
-  attr_accessor :api_url, :api_token, :delegate_thread_id, :dao_name, :headers
+  attr_accessor :api_url, :api_token, :delegate_thread_id, :dao_names, :headers
 
   def initialize()
-    @dao_name = SiteSetting.DAO_name
+    @dao_names = SiteSetting.DAO_names
     @api_token = SiteSetting.Karma_API_Key
     @delegate_thread_id = SiteSetting.Delegate_pitch_thread_id
     @api_url = "https://api.karmahq.xyz/api/forum-user"
@@ -31,7 +31,7 @@ def save_vote_reason
     recommendation = params.require(:recommendation)
     thread_id = params.require(:threadId)
     post_id = params.require(:postId)
-
+    dao_name = params.require(:daoName)
     begin
       discourse_handle = current_user.username
 
@@ -72,6 +72,7 @@ def save_delegate_pitch
     post_id = params.require(:postId)
     public_address = params.require(:publicAddress)
     forum = params.require(:forum)
+    dao_name = params.require(:daoName)
     begin
       discourse_handle = current_user.username
 

assets/javascripts/discourse/components/delegate-actions.js

@@ -7,6 +7,7 @@ export default Component.extend({
   profile: {},
   isOpen: false,
   noneLabel: "delegate_actions.dropdown_none_label",
+  daoName: "",
 
   delegateVisible: false,
 
@@ -23,17 +24,19 @@ export default Component.extend({
 
   async fetchProfile() {
     try {
-      const cli = new KarmaApiClient(this.siteSettings.DAO_name);
+      const cli = new KarmaApiClient(this.daoName);
       const profile = await cli.fetchUser(this.currentUser?.username);
       set(this, "profile", profile);
-    } catch (error) {}
+    } catch (error) { }
   },
 
   async init() {
     this._super(...arguments);
     this.fetchProfile();
     this._super(...arguments);
-    const cli = new KarmaApiClient(this.siteSettings.DAO_name, "");
+    this.daoName = window.selectedDao;
+
+    const cli = new KarmaApiClient(this.daoName, "");
     if (this.session) {
       try {
         await cli.checkHealth();

assets/javascripts/discourse/components/delegate-pitch-form.js

@@ -125,7 +125,7 @@ export default Component.extend({
     let isDefaultFields = true;
     if (this.profile.address) {
       const karma = new KarmaApiClient(
-        this.siteSettings.DAO_name,
+        this.siteSettings.DAO_names,
         this.profile.address
       );
       try {
@@ -149,7 +149,7 @@ export default Component.extend({
   async post() {
     let postId = this.postId;
     const karma = new KarmaApiClient(
-      this.siteSettings.DAO_name,
+      this.siteSettings.DAO_names,
       this.form.publicAddress
     );
 

assets/javascripts/discourse/components/karma-stats.js

@@ -14,34 +14,55 @@ export default Component.extend({
 
   shouldShowActionButtons: false,
 
+  daoName: "",
+
+  availableDaos: [],
+
   karmaDelegatorsUrl: computed(function () {
-    return `https://karmahq.xyz/dao/${this.siteSettings.DAO_name}/delegators/${this.profile.username}`;
+    return `https://karmahq.xyz/dao/${this.daoName?.toLowerCase()}/delegators/${this.profile.username}`;
   }),
 
   setProfile(profile) {
     set(this, "profile", profile);
   },
 
+  init() {
+    this._super(...arguments);
+    set(this, 'daoName', window.selectedDao?.[0]?.toUpperCase() + window.selectedDao?.slice(1));
+    set(this, 'availableDaos', this.siteSettings.DAO_names?.split(",").map(
+      name => ({ name, select: () => this.selectDao(name) })));
+  },
+
+  async didReceiveAttrs() {
+    this._super(...arguments);
+    await this.fetchProfile();
+  },
+
+  @action
+  selectDao(daoName) {
+    if(!daoName) { return };
+    if(!this.availableDaos.find(d => d.name === daoName)) { return };
+    set(this, 'daoName', daoName);
+    window.selectedDao = daoName;
+    this.fetchProfile();
+  },
+
   @action
   async fetchProfile() {
     const profile = await KarmaStats.start(
       30,
       { SiteSettings: this.siteSettings },
-      "#" + this.wrapperId
+      "#" + this.wrapperId,
+      this.username
     );
     this.setProfile(profile);
     set(
       this,
       "shouldShowActionButtons",
       this.session &&
-        profile.username &&
-        this.currentUser &&
-        profile?.username === this.currentUser?.username
+      profile.username &&
+      this.currentUser &&
+      profile?.username === this.currentUser?.username
     );
   },
-
-  async didReceiveAttrs() {
-    this._super(...arguments);
-    await this.fetchProfile();
-  },
 });

assets/javascripts/discourse/components/profile-summary-votes.js

@@ -1,6 +1,6 @@
 import Component from "@ember/component";
 import { inject as service } from "@ember/service";
-import { computed, set } from "@ember/object";
+import { computed, set, observer } from "@ember/object";
 import VotingHistory from "../../lib/voting-history/index";
 import KarmaApiClient from "../../lib/karma-api-client";
 
@@ -17,6 +17,10 @@ export default Component.extend({
 
   count: 0,
 
+  daoName: "",
+
+  oldDaoName: "",
+
   shouldShowActionButtons: computed(function () {
     return (
       this.session &&
@@ -28,6 +32,7 @@ export default Component.extend({
 
   async fetchVotes() {
     set(this, "fetched", false);
+    set(this, "votes", []);
     const votes = await VotingHistory.start(this.profile, {
       SiteSettings: this.siteSettings,
     });
@@ -37,12 +42,13 @@ export default Component.extend({
 
   async init() {
     this._super(...arguments);
+    this.daoName = this.oldDaoName = window.selectedDao;
+    const cli = new KarmaApiClient(this.daoName, "");
     if (this.session) {
-      const cli = new KarmaApiClient(this.siteSettings.DAO_name, "");
       try {
         const { allowance } = await cli.isApiAllowed(this.session.csrfToken);
         set(this, "hasSetApiKey", !!allowance);
-      } catch {}
+      } catch { }
     }
   },
 
@@ -53,4 +59,11 @@ export default Component.extend({
       this.fetchVotes();
     }
   },
+
+  didUpdate() {
+    if (this.profile.address && this.oldDaoName.toLowerCase() !== this.daoName.toLowerCase()) {
+      set(this, 'oldDaoName', this.daoName)
+      this.fetchVotes();
+    }
+  }
 });

assets/javascripts/discourse/components/proposal-banner.js

@@ -22,32 +22,50 @@ export default Component.extend({
 
   tokenContract: "",
 
+  daoName: "",
+
+  availableDaos: [],
+
   logo: computed(function () {
     return this.siteSettings.Custom_banner_icon_url || this.siteSettings.logo;
   }),
 
+  init() {
+    this._super(...arguments);
+    this.daoName = window.selectedDao;
+    set(this, 'availableDaos', this.siteSettings.DAO_names?.split(",").map(
+      name => ({ name, select: () => this.selectDao(name) })));
+  },
+
+  @action
+  selectDao(daoName) {
+    if (!daoName) { return };
+    if (!this.availableDaos.find(d => d.name === daoName)) { return };
+    set(this, 'daoName', daoName);
+    window.selectedDao = daoName;
+    set(this, 'fetched', false);
+    this.fetchDataProposals();
+  },
+
   @action
   toggleBanner() {
     set(this, "openClass", this.openClass === "opened" ? "" : "opened");
     this.setBannerHeight();
   },
 
   async getGovContractAddr() {
-    const tokenAddress = await getGovAddrFromYml(this.siteSettings.DAO_name);
+    const tokenAddress = await getGovAddrFromYml(this.daoName);
     set(this, "tokenContract", tokenAddress);
   },
 
   async fetchDataProposals() {
     const {
       Banner_past_proposal_days: daysAgo,
       daoIds,
-      DAO_name,
     } = this.siteSettings;
     // Fix this workaround when voting history is refactored into components
-    const graphqlIds = (window.daoIds =
-      window.daoIds ??
-      daoIds ??
-      (await fetchDaoSnapshotAndOnChainIds(DAO_name)));
+    const graphqlIds =
+      (await fetchDaoSnapshotAndOnChainIds(this.daoName));
 
     let onChain = [];
     if (

assets/javascripts/discourse/components/vote-breakdown.js

@@ -1,5 +1,5 @@
 import Component from "@ember/component";
-import { set } from "@ember/object";
+import { set, action } from "@ember/object";
 import { shortenNumber } from "../../lib/shorten-number";
 
 export default Component.extend({
@@ -9,6 +9,8 @@ export default Component.extend({
 
   loading: false,
 
+  proposalUrl: "",
+
   sortVotes(votes) {
     if (
       Array.isArray(votes) &&
@@ -72,4 +74,9 @@ export default Component.extend({
     const truncatedArray = this.truncateVotesArray(this.sortVotes(votesPct));
     set(this, "values", truncatedArray);
   },
+
+  @action
+  redirect() {
+    window.open(this.link, "_blank");
+  },
 });