From 7aaad6ccd9078443fed94312ddedecc8a32b4e3f Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Mon, 2 Oct 2017 01:06:08 -0300
Subject: [PATCH] Adds subscriber plugin

---
 .eslintignore                                 |  1 +
 .gitignore                                    |  1 +
 .../talk-plugin-subscriber/client/.babelrc    | 14 +++++++++++
 .../client/.eslintrc.json                     | 23 ++++++++++++++++++
 .../client/components/SubscriberBadge.css     | 12 ++++++++++
 .../client/components/SubscriberBadge.js      |  9 +++++++
 .../client/containers/SubscriberBadge.js      | 24 +++++++++++++++++++
 .../talk-plugin-subscriber/client/index.js    | 10 ++++++++
 .../client/translations.yml                   |  6 +++++
 plugins/talk-plugin-subscriber/index.js       | 14 +++++++++++
 plugins/talk-plugin-subscriber/package.json   | 11 +++++++++
 plugins/talk-plugin-subscriber/yarn.lock      | 11 +++++++++
 12 files changed, 136 insertions(+)
 create mode 100644 plugins/talk-plugin-subscriber/client/.babelrc
 create mode 100644 plugins/talk-plugin-subscriber/client/.eslintrc.json
 create mode 100644 plugins/talk-plugin-subscriber/client/components/SubscriberBadge.css
 create mode 100644 plugins/talk-plugin-subscriber/client/components/SubscriberBadge.js
 create mode 100644 plugins/talk-plugin-subscriber/client/containers/SubscriberBadge.js
 create mode 100644 plugins/talk-plugin-subscriber/client/index.js
 create mode 100644 plugins/talk-plugin-subscriber/client/translations.yml
 create mode 100644 plugins/talk-plugin-subscriber/index.js
 create mode 100644 plugins/talk-plugin-subscriber/package.json
 create mode 100644 plugins/talk-plugin-subscriber/yarn.lock

diff --git a/.eslintignore b/.eslintignore
index fc0214dd2..a5f6aa1a2 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -26,5 +26,6 @@ plugins/*
 !plugins/talk-plugin-toxic-comments
 !plugins/talk-plugin-remember-sort
 !plugins/talk-plugin-deep-reply-count
+!plugins/talk-plugin-subscriber
 
 node_modules
diff --git a/.gitignore b/.gitignore
index bcc7c89b1..7ccad87c4 100644
--- a/.gitignore
+++ b/.gitignore
@@ -43,5 +43,6 @@ plugins/*
 !plugins/talk-plugin-toxic-comments
 !plugins/talk-plugin-remember-sort
 !plugins/talk-plugin-deep-reply-count
+!plugins/talk-plugin-subscriber
 
 **/node_modules/*
diff --git a/plugins/talk-plugin-subscriber/client/.babelrc b/plugins/talk-plugin-subscriber/client/.babelrc
new file mode 100644
index 000000000..60be246eb
--- /dev/null
+++ b/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"
+  ]
+}
\ No newline at end of file
diff --git a/plugins/talk-plugin-subscriber/client/.eslintrc.json b/plugins/talk-plugin-subscriber/client/.eslintrc.json
new file mode 100644
index 000000000..9fe56bd14
--- /dev/null
+++ b/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"] }]
+  }
+}
diff --git a/plugins/talk-plugin-subscriber/client/components/SubscriberBadge.css b/plugins/talk-plugin-subscriber/client/components/SubscriberBadge.css
new file mode 100644
index 000000000..42edfd8ff
--- /dev/null
+++ b/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;
+}
\ No newline at end of file
diff --git a/plugins/talk-plugin-subscriber/client/components/SubscriberBadge.js b/plugins/talk-plugin-subscriber/client/components/SubscriberBadge.js
new file mode 100644
index 000000000..60fe19dc9
--- /dev/null
+++ b/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>
+);
diff --git a/plugins/talk-plugin-subscriber/client/containers/SubscriberBadge.js b/plugins/talk-plugin-subscriber/client/containers/SubscriberBadge.js
new file mode 100644
index 000000000..a0789cf04
--- /dev/null
+++ b/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);
diff --git a/plugins/talk-plugin-subscriber/client/index.js b/plugins/talk-plugin-subscriber/client/index.js
new file mode 100644
index 000000000..c01d84620
--- /dev/null
+++ b/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]
+  }
+};
\ No newline at end of file
diff --git a/plugins/talk-plugin-subscriber/client/translations.yml b/plugins/talk-plugin-subscriber/client/translations.yml
new file mode 100644
index 000000000..851f818b7
--- /dev/null
+++ b/plugins/talk-plugin-subscriber/client/translations.yml
@@ -0,0 +1,6 @@
+en:
+  talk-plugin-subscriber:
+    subscriber: "Subscriber"
+es:
+  talk-plugin-subscriber:
+    subscriber: "Subscriptor"
diff --git a/plugins/talk-plugin-subscriber/index.js b/plugins/talk-plugin-subscriber/index.js
new file mode 100644
index 000000000..ad47ef264
--- /dev/null
+++ b/plugins/talk-plugin-subscriber/index.js
@@ -0,0 +1,14 @@
+module.exports = {
+  tags: [
+    {
+      name: 'SUBSCRIBER',
+      permissions: {
+        public: true,
+        self: false,
+        roles: []
+      },
+      models: ['USERS'],
+      created_at: new Date()
+    }
+  ]
+};
diff --git a/plugins/talk-plugin-subscriber/package.json b/plugins/talk-plugin-subscriber/package.json
new file mode 100644
index 000000000..4725abb9e
--- /dev/null
+++ b/plugins/talk-plugin-subscriber/package.json
@@ -0,0 +1,11 @@
+{
+  "name": "@coralproject/talk-plugin-subscriber",
+  "version": "0.1.0",
+  "description": "A Recipe to display a user badge",
+  "main": "index.js",
+  "author": "The Coral Project Team <coral@mozillafoundation.org>",
+  "license": "Apache-2.0",
+  "dependencies": {
+    "moment": "^2.18.1"
+  }
+}
\ No newline at end of file
diff --git a/plugins/talk-plugin-subscriber/yarn.lock b/plugins/talk-plugin-subscriber/yarn.lock
new file mode 100644
index 000000000..60fdd97df
--- /dev/null
+++ b/plugins/talk-plugin-subscriber/yarn.lock
@@ -0,0 +1,11 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+moment@^2.18.1:
+  version "2.18.1"
+  resolved "https://registry.yarnpkg.com/moment/-/moment-2.18.1.tgz#c36193dd3ce1c2eed2adb7c802dbbc77a81b1c0f"
+
+momentjs@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/momentjs/-/momentjs-2.0.0.tgz#73df904b4fa418f6e3c605e831cef6ed5518ebd4"