Merge branch 'master' into basepath

plugins/coral-plugin-mod/client/components/Box.js

@@ -1,9 +0,0 @@
-import React from 'react';
-import styles from './styles.css';
-
-export default (props) => (
-  <div className={styles.box}>
-    Comment Status: {props.comment.status}
-  </div>
-);
-

plugins/coral-plugin-mod/client/components/Container.js

@@ -1,32 +0,0 @@
-import React from 'react';
-import Box from './Box';
-import {Button} from 'plugin-api/beta/client/components/ui';
-import styles from './styles.css';
-
-export default class Footer extends React.Component {
-  constructor() {
-    super();
-
-    this.state = {
-      show: false
-    };
-  }
-
-  handleClick = () => {
-    this.setState((state) => ({
-      show: !state.show
-    }));
-  }
-
-  render() {
-    const {show} = this.state;
-    return (
-      <div className={styles.container}>
-        <Button cStyle="darkGrey" onClick={this.handleClick}>
-          Show Comment Status
-        </Button>
-        {show ? <Box comment={this.props.comment} /> : null}
-      </div>
-    );
-  }
-}

plugins/coral-plugin-mod/client/components/styles.css

@@ -1,8 +0,0 @@
-.container {
-    padding: 0 14px 10px;
-}
-
-.box {
-    font-size: 12px;
-    padding: 10px 14px;
-}

plugins/coral-plugin-mod/client/index.js

@@ -1,7 +0,0 @@
-import Container from './components/Container';
-
-export default {
-  slots: {
-    adminCommentDetailArea: [Container],
-  }
-};

plugins/coral-plugin-mod/index.js

@@ -1,2 +0,0 @@
-module.exports = {};
-

plugins/coral-plugin-viewing-options/client/.babelrc

@@ -1,14 +0,0 @@
-{
-  "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/coral-plugin-viewing-options/client/.eslintrc.json

@@ -1,23 +0,0 @@
-{
-  "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/coral-plugin-viewing-options/client/translations.yml

@@ -1,4 +0,0 @@
-en:
-  viewing_options: "Viewing Options"
-es:
-  viewing_options: "Opciones de visualización"

plugins/talk-plugin-auth/client/components/FakeComment.js

@@ -1,9 +1,9 @@
 import React from 'react';
 import t from 'coral-framework/services/i18n';
-import {ReplyButton} from 'coral-plugin-replies';
-import PubDate from 'coral-plugin-pubdate/PubDate';
+import {ReplyButton} from 'talk-plugin-replies';
+import PubDate from 'talk-plugin-pubdate/PubDate';
 import Slot from 'coral-framework/components/Slot';
-import AuthorName from 'coral-plugin-author-name/AuthorName';
+import AuthorName from 'talk-plugin-author-name/AuthorName';
 import styles from 'coral-embed-stream/src/components/Comment.css';
 
 export const FakeComment = ({username, created_at, comment}) => (
@@ -13,13 +13,13 @@ export const FakeComment = ({username, created_at, comment}) => (
     <PubDate created_at={created_at} />
     <Slot comment={comment} />
     <div className="commentActionsLeft comment__action-container">
-      <div className={`${'coral-plugin-likes'}-container`}>
-        <button className={'coral-plugin-likes-button'}>
-          <span className={'coral-plugin-likes-button-text'}>
+      <div className={`${'talk-plugin-likes'}-container`}>
+        <button className={'talk-plugin-likes-button'}>
+          <span className={'talk-plugin-likes-button-text'}>
             {t('like')}
           </span>
           <i
-            className={`${'coral-plugin-likes'}-icon material-icons`}
+            className={`${'talk-plugin-likes'}-icon material-icons`}
             aria-hidden={true}
           >
             thumb_up
@@ -33,30 +33,30 @@ export const FakeComment = ({username, created_at, comment}) => (
       />
     </div>
     <div className="commentActionsRight comment__action-container">
-      <div className="coral-plugin-permalinks-container">
-        <button className="coral-plugin-permalinks-button">
+      <div className="talk-plugin-permalinks-container">
+        <button className="talk-plugin-permalinks-button">
           <span
-            className={`comment__action-button comment__action-button--nowrap ${'coral-plugin-flags'}-button-text`}
+            className={`comment__action-button comment__action-button--nowrap ${'talk-plugin-flags'}-button-text`}
           >
             {t('permalink')}
           </span>
           <i
-            className="coral-plugin-permalinks-icon material-icons"
+            className="talk-plugin-permalinks-icon material-icons"
             aria-hidden={true}
           >
             link
           </i>
         </button>
       </div>
-      <div className={`${'coral-plugin-flags'}-container`}>
-        <button className={`${'coral-plugin-flags'}-button`}>
+      <div className={`${'talk-plugin-flags'}-container`}>
+        <button className={`${'talk-plugin-flags'}-button`}>
           <span
-            className={`comment__action-button comment__action-button--nowrap ${'coral-plugin-flags'}-button-text`}
+            className={`comment__action-button comment__action-button--nowrap ${'talk-plugin-flags'}-button-text`}
           >
             {t('report')}
           </span>
           <i
-            className={`${'coral-plugin-flags'}-icon material-icons`}
+            className={`${'talk-plugin-flags'}-icon material-icons`}
             aria-hidden={true}
           >
             flag

plugins/talk-plugin-comment-content/client/components/CommentContent.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import Linkify from 'react-linkify';
 
-const name = 'coral-plugin-comment-content';
+const name = 'talk-plugin-comment-content';
 
 const CommentContent = ({comment}) => {
   const textbreaks = comment.body.split('\n');

plugins/talk-plugin-comment-content/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "coral-plugin-comment-content",
+  "name": "talk-plugin-comment-content",
   "version": "1.0.0",
   "description": "",
   "main": "index.js",

plugins/talk-plugin-facebook-auth/README.md

@@ -1,4 +1,4 @@
-# coral-plugin-facebook-auth
+# talk-plugin-facebook-auth
 
 This plugin provides facebook authentication support for Talk.
 

plugins/talk-plugin-facebook-auth/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "coral-plugin-facebook-auth",
+  "name": "talk-plugin-facebook-auth",
   "version": "1.0.0",
   "main": "index.js",
   "license": "MIT",

plugins/talk-plugin-like/client/LikeButton.js

@@ -5,7 +5,7 @@ import {t, can} from 'plugin-api/beta/client/services';
 import {Icon} from 'plugin-api/beta/client/components/ui';
 import cn from 'classnames';
 
-const plugin = 'coral-plugin-like';
+const plugin = 'talk-plugin-like';
 
 class LikeButton extends React.Component {
   handleClick = () => {
@@ -46,7 +46,7 @@ class LikeButton extends React.Component {
           onClick={this.handleClick}
         >
           <span className={cn(`${plugin}-label`, styles.label)}>
-            {t(alreadyReacted ? 'coral-plugin-like.liked' : 'coral-plugin-like.like')}
+            {t(alreadyReacted ? 'talk-plugin-like.liked' : 'talk-plugin-like.like')}
           </span>
           <Icon name="thumb_up" className={cn(`${plugin}-icon`, styles.icon)} />
           <span className={`${plugin}-count`}>{count > 0 && count}</span>

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

@@ -1,9 +1,9 @@
 en:
-  coral-plugin-like:
+  talk-plugin-like:
     like: Like
     liked: Liked
 es:
-  coral-plugin-like:
+  talk-plugin-like:
     like: Me Gusta
     liked: Me Gustó
 

plugins/talk-plugin-love/client/LoveButton.js

@@ -5,7 +5,7 @@ import {t, can} from 'plugin-api/beta/client/services';
 import {Icon} from 'plugin-api/beta/client/components/ui';
 import cn from 'classnames';
 
-const plugin = 'coral-plugin-love';
+const plugin = 'talk-plugin-love';
 
 class LoveButton extends React.Component {
   handleClick = () => {
@@ -46,7 +46,7 @@ class LoveButton extends React.Component {
           onClick={this.handleClick}
         >
           <span className={cn(`${plugin}-label`, styles.label)}>
-            {t(alreadyReacted ? 'coral-plugin-love.loved' : 'coral-plugin-love.love')}
+            {t(alreadyReacted ? 'talk-plugin-love.loved' : 'talk-plugin-love.love')}
           </span>
           <Icon name="favorite" className={cn(`${plugin}-icon`, styles.icon)} />
           <span className={`${plugin}-count`}>{count > 0 && count}</span>

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

@@ -1,9 +1,9 @@
 en:
-  coral-plugin-love:
+  talk-plugin-love:
     love: Love
     loved: Loved
 es:
-  coral-plugin-love:
+  talk-plugin-love:
     love: Amo
     loved: Amé
 

plugins/talk-plugin-offtopic/client/components/OffTopicFilter.js

@@ -4,7 +4,7 @@ import styles from './styles.css';
 export default class OffTopicFilter extends React.Component {
 
   tag = 'OFF_TOPIC';
-  className = 'coral-plugin-off-topic-comment';
+  className = 'talk-plugin-off-topic-comment';
   cn = {[this.className] : {tags: [this.tag]}};
 
   handleChange = (e) => {

plugins/talk-plugin-offtopic/client/components/styles.css

@@ -22,6 +22,6 @@
   padding: 5px 0;
 }
 
-:global(.coral-plugin-off-topic-comment) {
+:global(.talk-plugin-off-topic-comment) {
   display: none;
 }

plugins/talk-plugin-offtopic/client/containers/OffTopicFilter.js

@@ -5,7 +5,7 @@ import {commentClassNamesSelector} from 'plugin-api/alpha/client/selectors';
 import OffTopicFilter from '../components/OffTopicFilter';
 import {
   closeViewingOptions
-} from 'plugins/coral-plugin-viewing-options/client/actions';
+} from 'plugins/talk-plugin-viewing-options/client/actions';
 import {
   addCommentClassName,
   removeCommentClassName
@@ -13,7 +13,7 @@ import {
 
 const mapStateToProps = (state) => ({
   commentClassNames: commentClassNamesSelector(state),
-  checked: state.coralPluginOfftopic.checked
+  checked: state.talkPluginOfftopic.checked
 });
 
 const mapDispatchToProps = (dispatch) =>

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

@@ -5,7 +5,7 @@ import OffTopicCheckbox from './containers/OffTopicCheckbox';
 import reducer from './reducer';
 
 /**
- * coral-plugin-offtopic depends on coral-plugin-viewing-options
+ * talk-plugin-offtopic depends on talk-plugin-viewing-options
  * in other to display filter and use the streamViewingOptions slot
  */
 

plugins/talk-plugin-respect/client/RespectButton.js

@@ -5,7 +5,7 @@ import {withReaction} from 'plugin-api/beta/client/hocs';
 import {t, can} from 'plugin-api/beta/client/services';
 import cn from 'classnames';
 
-const plugin = 'coral-plugin-respect';
+const plugin = 'talk-plugin-respect';
 
 class RespectButton extends React.Component {
   handleClick = () => {
@@ -46,7 +46,7 @@ class RespectButton extends React.Component {
           onClick={this.handleClick}
         >
           <span className={cn(`${plugin}-label`, styles.label)}>
-            {t(alreadyReacted ? 'coral-plugin-respect.respected' : 'coral-plugin-respect.respect')}
+            {t(alreadyReacted ? 'talk-plugin-respect.respected' : 'talk-plugin-respect.respect')}
           </span>
           <Icon className={cn(styles.icon, `${plugin}-icon`)} />
           <span className={cn(`${plugin}-count`)}>{count > 0 && count}</span>

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

@@ -1,9 +1,9 @@
 en:
-  coral-plugin-respect:
+  talk-plugin-respect:
     respect: Respect
     respected: Respected
 es:
-  coral-plugin-respect:
+  talk-plugin-respect:
     respect: Respetar
     respected: Respetado
 

plugins/talk-plugin-viewing-options/client/components/ViewingOptions.js

@@ -22,22 +22,22 @@ const ViewingOptions = (props) => {
 
   return (
     <ClickOutside onClickOutside={handleClickOutside}>
-      <div className={cn([styles.root, 'coral-plugin-viewing-options'])}>
+      <div className={cn([styles.root, 'talk-plugin-viewing-options'])}>
         <div>
           <button className={styles.button} onClick={toggleOpen}>
             <Icon className={styles.filterIcon} name="filter_list" />
-            <span className={styles.filterText}>{t('viewing_options')}</span> 
+            <span className={styles.filterText}>{t('talk-plugin-viewing-options.viewing_options')}</span> 
             {props.open ? <Icon name="arrow_drop_up" className={styles.icon}/> : <Icon name="arrow_drop_down" className={styles.icon}/>}
           </button>
         </div>
         {
           props.open ? (
-            <div className={cn([styles.list, 'coral-plugin-viewing-options-list'])}>
+            <div className={cn([styles.list, 'talk-plugin-viewing-options-list'])}>
               <ul>
                 {
                   React.Children.map(<Slot fill="viewingOptions" />, (component) => {
                     return React.createElement('li', {
-                      className: 'coral-plugin-viewing-options-item'
+                      className: 'talk-plugin-viewing-options-item'
                     }, component);
                   })
                 }

plugins/talk-plugin-viewing-options/client/containers/ViewingOptions.js

@@ -3,7 +3,7 @@ import {bindActionCreators} from 'redux';
 import ViewingOptions from '../components/ViewingOptions';
 import {openMenu, closeMenu} from '../actions';
 
-const mapStateToProps = ({coralPluginViewingOptions: state}) => ({
+const mapStateToProps = ({talkPluginViewingOptions: state}) => ({
   open: state.open
 });
 

plugins/talk-plugin-viewing-options/client/translations.yml

@@ -0,0 +1,6 @@
+en:
+  talk-plugin-viewing-options:
+    viewing_options: "Viewing Options"
+es:
+  talk-plugin-viewing-options:
+    viewing_options: "Opciones de visualización"