Adds subscriber plugin

plugins/talk-plugin-subscriber/client/.babelrc

@@ -0,0 +1,14 @@
+{
+  "presets": [
+    "es2015"
+  ],
+  "plugins": [
+    "add-module-exports",
+    "transform-class-properties",
+    "transform-decorators-legacy",
+    "transform-object-assign",
+    "transform-object-rest-spread",
+    "transform-async-to-generator",
+    "transform-react-jsx"
+  ]
+}

plugins/talk-plugin-subscriber/client/.eslintrc.json

@@ -0,0 +1,23 @@
+{
+  "env": {
+    "browser": true,
+    "es6": true,
+    "mocha": true
+  },
+  "parserOptions": {
+    "sourceType": "module",
+    "ecmaFeatures": {
+      "experimentalObjectRestSpread": true,
+      "jsx": true
+    }
+  },
+  "parser": "babel-eslint",
+  "plugins": [
+    "react"
+  ],
+  "rules": {
+    "react/jsx-uses-react": "error",
+    "react/jsx-uses-vars": "error",
+    "no-console": ["warn", { "allow": ["warn", "error"] }]
+  }
+}

plugins/talk-plugin-subscriber/client/components/SubscriberBadge.css

@@ -0,0 +1,12 @@
+.badge {
+  background-color: #616161;
+  color: white;
+  display: inline-block;
+  margin: 0px 5px;
+  padding: 5px 5px;
+  border-radius: 2px;
+  font-size: 12px;
+  text-transform: uppercase;
+  letter-spacing: 0.6px;
+  font-weight: bold;
+}

plugins/talk-plugin-subscriber/client/components/SubscriberBadge.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import styles from './SubscriberBadge.css';
+import {t} from 'plugin-api/beta/client/services';
+
+export default () =>(
+  <span className={styles.badge}>
+    {t('talk-plugin-subscriber.subscriber')}
+  </span>
+);

plugins/talk-plugin-subscriber/client/containers/SubscriberBadge.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import SubscriberBadge from '../components/SubscriberBadge';
+import {compose, gql} from 'react-apollo';
+import {withFragments, excludeIf} from 'plugin-api/beta/client/hocs';
+
+const isSubscriber = (tags = []) => tags.some((t) => t.tag.name === 'SUBSCRIBER');
+
+const enhance = compose(
+  withFragments({
+    comment: gql`
+      fragment TalkSubscriberBadge_SubscriberBadge_comment on Comment {
+        user {
+          tags {
+            tag {
+              name
+            }
+          }
+        }
+      }`
+  }),
+  excludeIf(({comment}) => !isSubscriber(comment.user.tags))
+);
+  
+export default enhance(SubscriberBadge);

plugins/talk-plugin-subscriber/client/index.js

@@ -0,0 +1,10 @@
+import SubscriberBadge from './containers/SubscriberBadge';
+import translations from './translations.yml';
+import {gql} from 'react-apollo';
+
+export default {
+  translations,
+  slots: {
+    commentAuthorTags: [SubscriberBadge]
+  }
+};

plugins/talk-plugin-subscriber/client/translations.yml

@@ -0,0 +1,6 @@
+en:
+  talk-plugin-subscriber:
+    subscriber: "Subscriber"
+es:
+  talk-plugin-subscriber:
+    subscriber: "Subscriptor"