strapi-plugin-comments 1.0.2-beta.1 → 2.0.0-beta.2

package/admin/src/containers/ListView/components.js

@@ -1,138 +0,0 @@
-import styled from 'styled-components';
-import { Button, FilterIcon as Filter } from 'strapi-helper-plugin';
-import RemoveIcon from '../../assets/images/icon-cross-blue.svg';
-
-const Wrapper = styled.div`
-  padding-top: 1px;
-`;
-
-const FilterIcon = styled(Filter)`
-  padding: 0 !important;
-  margin: auto !important;
-  > g {
-    stroke: #282b2c;
-  }
-`;
-
-const AddFilterCta = styled(Button)`
-  display: flex;
-  height: 30px;
-  margin-right: 10px;
-  padding: 0 10px;
-  text-align: center;
-  background-color: #ffffff;
-  border: 1px solid #e3e9f3;
-  border-radius: 2px;
-  line-height: 28px;
-  font-size: 13px;
-  font-weight: 500;
-  font-family: Lato;
-  -webkit-font-smoothing: antialiased;
-  cursor: pointer;
-  &:hover {
-    background: #f7f8f8;
-  }
-  &:focus,
-  &:active {
-    outline: 0;
-  }
-  > span {
-    margin-left: 10px;
-  }
-`;
-
-const Img = styled.img`
-  height: 7px;
-  margin: auto;
-  margin-right: 0px;
-  font-size: 12px;
-`;
-
-const FooterWrapper = styled.div`
-  padding-top: 3rem;
-`;
-
-const Label = styled.label`
-  display: inline-block;
-  height: 32px;
-  margin-left: 10px;
-  line-height: 32px;
-  color: #787e8f;
-  font-size: 13px;
-  font-style: italic;
-`;
-
-const SelectWrapper = styled.div`
-  display: flex;
-`;
-
-const FilterWrapper = styled.div`
-  display: inline-block;
-  height: 30px;
-  margin-bottom: 6px;
-  margin-right: 10px;
-  padding: 0 10px;
-  background: rgba(0, 126, 255, 0.08);
-  border: 1px solid rgba(0, 126, 255, 0.24);
-  border-radius: 2px;
-  line-height: 28px;
-  color: #007eff;
-  font-size: 13px;
-
-  > span {
-    display: inline-block;
-    margin-top: -1px;
-  }
-
-  > span:nth-child(2) {
-    font-weight: 700;
-  }
-
-  > span:nth-child(3) {
-    cursor: pointer;
-  }
-
-  -webkit-font-smoothing: antialiased;
-`;
-
-const Separator = styled.span`
-  height: 30px;
-  margin-left: 10px;
-  margin-right: 10px;
-  line-height: 30px;
-  &:after {
-    content: '';
-    height: 15px;
-    border-left: 1px solid #007eff;
-    opacity: 0.1;
-  }
-`;
-
-const Remove = styled.span`
-  height: 28px;
-  cursor: pointer;
-  vertical-align: middle;
-
-  &:after {
-    display: inline-block;
-    content: '';
-    width: 8px;
-    height: 8px;
-    margin: auto;
-    margin-top: -3px;
-    background-image: url(${RemoveIcon});
-  }
-`;
-
-export {
-  AddFilterCta,
-  FilterIcon,
-  FooterWrapper,
-  Img,
-  Label,
-  SelectWrapper,
-  FilterWrapper,
-  Separator,
-  Remove,
-  Wrapper,
-};

package/admin/src/containers/ListView/index.js

@@ -1,45 +0,0 @@
-/*
- *
- * ListView
- *
- */
-
-import React from 'react';
-import { LoadingIndicatorPage } from 'strapi-helper-plugin';
-import { FormattedMessage } from 'react-intl';
-import { isEmpty } from 'lodash';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faSearch } from '@fortawesome/free-solid-svg-icons';
-
-import Footer from './Footer';
-import Wrapper from './Wrapper';
-import FadedWrapper from './FadedWrapper';
-
-import List from '../../components/List';
-import EmptyView from '../../components/EmptyView';
-
-import useDataManager from '../../hooks/useDataManager';
-
-import getTrad from '../../utils/getTrad';
-
-const ListView = ({ relatedContentTypes }) => {
-  const { items, isLoadingForDataToBeSet } = useDataManager();
-
-  return (
-    <Wrapper className="col-md-4">
-      {isLoadingForDataToBeSet && <LoadingIndicatorPage />}
-      <FadedWrapper>
-        {isEmpty(items) && (
-          <EmptyView>
-            <FontAwesomeIcon icon={faSearch} size="5x" />
-            <FormattedMessage id={getTrad('list.content.empty')} />
-          </EmptyView>
-        )}
-        {!isEmpty(items) && <List items={[...items]} relatedContentTypes={relatedContentTypes} />}
-      </FadedWrapper>
-      <Footer />
-    </Wrapper>
-  );
-};
-
-export default ListView;

package/admin/src/containers/Panel/actions.js

@@ -1,5 +0,0 @@
-export const GET_CONFIG = 'GET_CONFIG';
-export const GET_CONFIG_SUCCESS = 'GET_CONFIG_SUCCESS';
-
-export const GET_CONTENT_LIST_CONTENT_TYPE = 'GET_CONTENT_LIST_CONTENT_TYPE';
-export const GET_CONTENT_LIST_CONTENT_TYPE_SUCCEEDED = 'GET_CONTENT_LIST_CONTENT_TYPE_SUCCEEDED'

package/admin/src/containers/Panel/index.js

@@ -1,191 +0,0 @@
-/*
- *
- * CommentsPanel
- *
- */
-
-import React, { memo, useEffect, useReducer, useState } from 'react';
-import { useHistory } from 'react-router-dom';
-import { generateSearchFromFilters, PluginHeader, request, useGlobalContext } from 'strapi-helper-plugin';
-import { camelCase, get, isEmpty } from 'lodash';
-
-import ListView from '../ListView';
-import DetailsView from '../DetailsView';
-import Filters from '../../components/Filters';
-import { initFilters, isRelatedFilter } from '../../components/Filters/utils';
-import getTradId from '../../utils/getTradId';
-import useDataManager from '../../hooks/useDataManager';
-import { Container } from './index.styled';
-import {
-  GET_CONTENT_LIST_CONTENT_TYPE,
-  GET_CONTENT_LIST_CONTENT_TYPE_SUCCEEDED,
-  GET_CONFIG,
-  GET_CONFIG_SUCCESS,
-} from './actions';
-import pluginId from '../../pluginId';
-import reducer, { initialState } from './reducer';
-import getTrad from '../../utils/getTrad';
-
-const getContentTypes = async (dispatch) => {
-  try {
-    dispatch({ type: GET_CONFIG });
-    const { contentsTypes , relatedContentTypes } = await request(`/${pluginId}/moderation/config`, { method: 'GET' });
-    dispatch({ type: GET_CONFIG_SUCCESS, contentsTypes, relatedContentTypes });
-  } catch (err) {
-    console.log('err', err);
-  }
-};
-
-const fetchContentTypeList = async (dispatch, contentTypeName, prev) => {
-  try {
-    dispatch({ type: GET_CONTENT_LIST_CONTENT_TYPE });
-    if (contentTypeName) {
-      const { list } = await request(
-        `/${pluginId}/moderation/contents-types/${contentTypeName}`,
-      );
-      dispatch({
-        type: GET_CONTENT_LIST_CONTENT_TYPE_SUCCEEDED,
-        payload: {
-          ...prev,
-          [contentTypeName]: list,
-        },
-      });
-    }
-  } catch (err) {
-    console.log('err', err);
-  }
-};
-
-const Panel = () => {
-  const [reducerState, dispatch] = useReducer(reducer, initialState);
-  const {
-    contentsTypes,
-    relatedContentTypes,
-    isLoadingContentsTypes,
-    isLoadingEntries,
-    availableEntriesMap,
-  } = reducerState.toJS();
-  const { formatMessage } = useGlobalContext();
-  const { getSearchParams, search, items } = useDataManager();
-  const newItemsCount = items.filter(_ => _.isNew).length;
-
-  const { push } = useHistory();
-
-  const { filters: queryFilters } = getSearchParams();
-  const [filters, setFilters] = useState(initFilters(queryFilters));
-
-  const [isOpenFilter, setIsOpenFilter] = useState(false);
-
-  useEffect(
-    () => {
-      getContentTypes(dispatch);
-    },
-    [dispatch],
-  );
-
-  useEffect(() => {
-    fetchContentTypeList(dispatch, get(filters, 'related.value'), availableEntriesMap || {});
-  }, [filters, dispatch]);
-
-  const onToggleOpen = () => {
-    if (isEmpty(filters)) {
-      setFilters(initFilters([]));
-    }
-    setIsOpenFilter(prevState => !prevState);
-  };
-  const onClose = () => setIsOpenFilter(false);
-
-  const onRemoveFilter = ({ name }) => () => {
-    onChangeFilter({ target: { name: `${name}.value`, value: '' } });
-    onSubmit(isRelatedFilter(name) ? [name, 'entity'] : [name]);
-  };
-
-  const onChangeFilter = ({ target: { name, value } }) => {
-    setFilters(prevState => {
-      const [filterName, property] = name.split('-').map(camelCase);
-      const filter = { ...(prevState[camelCase(filterName)] || {}) };
-      if (filter) {
-        if (isRelatedFilter(filterName) && prevState.entity) {
-          prevState.entity.prevValue = prevState.entity.value;
-          prevState.entity.value = '';
-        }
-        filter[property] = value;
-        return { ...prevState, [camelCase(filterName)]: filter };
-      }
-      return { ...prevState };
-    });
-  };
-
-  const onSubmit = (ignoreFilterNames = []) => {
-    const searchParams = getSearchParams();
-    searchParams.filters = Object
-      .values(filters)
-      .filter(({ value, name }) => !!value && !ignoreFilterNames.some(_ => _ === name));
-    const newSearchParams = generateSearchFromFilters(searchParams);
-    push({ search: newSearchParams });
-  };
-
-  const clearAll = () => {
-    const searchParams = getSearchParams();
-    searchParams.filters = [];
-    const newSearchParams = generateSearchFromFilters(searchParams);
-    setFilters(initFilters([]));
-    push({ search: newSearchParams });
-  };
-
-  const filterPickerActions = [
-    {
-      label: getTrad(`list.header.filters.clearAll`),
-      kind: 'secondary',
-      onClick: () => {
-        onClose();
-        clearAll();
-      },
-    },
-    {
-      label: getTrad(`list.header.filters.apply`),
-      kind: 'primary',
-      type: 'button',
-      onClick: () => {
-        onClose();
-        onSubmit();
-      },
-    },
-  ];
-
-  const isFilters = search.filters.length > 0;
-
-  return (
-    <>
-      <Container isOpenFilter={isOpenFilter}>
-        <PluginHeader
-          title={formatMessage(getTradId('list.header.title'))}
-          description={formatMessage(
-            getTradId(isFilters ? 'list.header.filters.message' : 'list.header.description'),
-            { count: isFilters ? items.length : newItemsCount })
-          }
-          actions={isOpenFilter ? filterPickerActions : []}
-        />
-        <Filters
-          contentsTypes={contentsTypes}
-          isLoadingContentsTypes={isLoadingContentsTypes}
-          isLoadingEntries={isLoadingEntries}
-          availableEntriesMap={availableEntriesMap}
-          filters={filters}
-          isOpenFilter={isOpenFilter}
-          onToggleOpen={onToggleOpen}
-          onChangeFilter={onChangeFilter}
-          onRemoveFilter={onRemoveFilter}
-        />
-      </Container>
-      <div className="container-fluid">
-        <div className="row">
-          <ListView relatedContentTypes={relatedContentTypes} />
-          <DetailsView />
-        </div>
-      </div>
-    </>
-  );
-};
-
-export default memo(Panel);

package/admin/src/containers/Panel/index.styled.js

@@ -1,6 +0,0 @@
-import styled from 'styled-components';
-
-export const Container = styled.div`
-  padding: 2.5rem 30px 2.5rem 15px;
-  background-color: ${({ isOpenFilter }) => isOpenFilter ? 'white' : ''}
-`;

package/admin/src/containers/Panel/reducer.js

@@ -1,44 +0,0 @@
-import { fromJS, Set } from 'immutable';
-import {
-  GET_CONFIG,
-  GET_CONFIG_SUCCESS,
-  GET_CONTENT_LIST_CONTENT_TYPE,
-  GET_CONTENT_LIST_CONTENT_TYPE_SUCCEEDED,
-} from './actions';
-
-export const initialState = fromJS({
-  isLoadingContentsTypes: false,
-  isLoadingEntries: false,
-  contentsTypes: [],
-  relatedContentTypes: {},
-  availableEntriesMap: Set(),
-});
-
-const reducer = (state, action) => {
-  switch (action.type) {
-    case GET_CONFIG: {
-      return state
-        .update('isLoadingContentsTypes', () => true);
-    }
-    case GET_CONFIG_SUCCESS: {
-      return state
-        .update('isLoadingContentsTypes', () => false)
-        .update('contentsTypes', () => action.contentsTypes)
-        .update('relatedContentTypes', () => action.relatedContentTypes);
-    }
-    case GET_CONTENT_LIST_CONTENT_TYPE: {
-      return state
-        .update('isLoadingEntries', () => true)
-        .update('availableEntriesMap', () => ({}));
-    }
-    case GET_CONTENT_LIST_CONTENT_TYPE_SUCCEEDED: {
-      return state
-        .update('isLoadingEntries', () => false)
-        .update('availableEntriesMap', () => action.payload);
-    }
-    default:
-      return state;
-  }
-};
-
-export default reducer;

package/admin/src/contexts/DataManagerContext.js

@@ -1,5 +0,0 @@
-import { createContext } from 'react';
-
-const DataManagerContext = createContext();
-
-export default DataManagerContext;

package/admin/src/hooks/useDataManager.js

@@ -1,6 +0,0 @@
-import { useContext } from 'react';
-import DataManagerContext from '../contexts/DataManagerContext';
-
-const useDataManager = () => useContext(DataManagerContext);
-
-export default useDataManager;

package/admin/src/lifecycles.js

@@ -1,3 +0,0 @@
-function lifecycles() {}
-
-export default lifecycles;

package/admin/src/translations/index.js

@@ -1,7 +0,0 @@
-import en from './en.json';
-
-const trads = {
-  en,
-};
-
-export default trads;

package/admin/src/utils/getTrad.js

@@ -1,5 +0,0 @@
-import pluginId from '../pluginId';
-
-const getTrad = id => `${pluginId}.${id}`;
-
-export default getTrad;

package/admin/src/utils/getTradId.js

@@ -1,5 +0,0 @@
-import getTrad from './getTrad';
-
-const getTradId = (id) => ({ id: getTrad(id) });
-
-export default getTradId;

package/config/functions/bootstrap.js

@@ -1,48 +0,0 @@
-module.exports = async () => {
-  // Check if the plugin users-permissions is installed because the comments needs it
-  if (Object.keys(strapi.plugins).indexOf('users-permissions') === -1) {
-    throw new Error(
-      'In order to make the comments plugin work the users-permissions plugin is required'
-    );
-  }
-
-  // Add permissions
-  const actions = [
-    {
-      section: 'plugins',
-      displayName: 'Access the Comments',
-      uid: 'read',
-      pluginName: 'comments',
-    },
-    {
-      section: 'plugins',
-      displayName: 'Modefation',
-      uid: 'moderate',
-      pluginName: 'comments',
-    },
-    {
-      section: 'plugins',
-      displayName: 'Single comments',
-      uid: 'moderate.block.comment',
-      subCategory: 'moderate',
-      pluginName: 'comments',
-    },
-    {
-      section: 'plugins',
-      displayName: 'Comments threads',
-      uid: 'moderate.block.thread',
-      subCategory: 'moderate',
-      pluginName: 'comments',
-    },
-    {
-      section: 'plugins',
-      displayName: 'Review & resolve reports',
-      uid: 'moderate.reports',
-      subCategory: 'moderate',
-      pluginName: 'comments',
-    },
-  ];
-
-  const { actionProvider } = strapi.admin.services.permission;
-  await actionProvider.registerMany(actions);
-};

package/config/routes.json

@@ -1,116 +0,0 @@
-{
-  "routes": [
-    {
-      "method": "GET",
-      "path": "/:relation",
-      "handler": "comments.findAllInHierarchy",
-      "config": {
-        "policies": []
-      }
-    },
-    {
-      "method": "POST",
-      "path": "/:relation",
-      "handler": "comments.post",
-      "config": {
-        "policies": []
-      }
-    },
-    {
-      "method": "GET",
-      "path": "/:relation/flat",
-      "handler": "comments.findAllFlat",
-      "config": {
-        "policies": []
-      }
-    },
-    {
-      "method": "PUT",
-      "path": "/:relation/comment/:commentId",
-      "handler": "comments.put",
-      "config": {
-        "policies": []
-      }
-    },
-    {
-      "method": "POST",
-      "path": "/:relation/comment/:commentId/report-abuse",
-      "handler": "comments.reportAbuse",
-      "config": {
-        "policies": []
-      }
-    },
-    {
-      "method": "PATCH",
-      "path": "/:relation/comment/:commentId/like",
-      "handler": "comments.pointsUp",
-      "config": {
-        "policies": []
-      }
-    },
-    {
-      "method": "DELETE",
-      "path": "/:relationId/:commentId",
-      "handler": "comments.removeComment",
-      "config": {
-        "policies": []
-      }
-    },
-    {
-      "method": "GET",
-      "path": "/moderation/all",
-      "handler": "comments.findAll",
-      "config": {
-        "policies": [["admin::hasPermissions", ["plugins::comments.read"]]]
-      }
-    },
-    {
-      "method": "GET",
-      "path": "/moderation/single/:id",
-      "handler": "comments.findOne",
-      "config": {
-        "policies": [["admin::hasPermissions", ["plugins::comments.read"]]]
-      }
-    },
-    {
-      "method": "GET",
-      "path": "/moderation/config",
-      "handler": "comments.config",
-      "config": {
-        "policies": [["admin::hasPermissions", ["plugins::comments.read"]]]
-      }
-    },
-    {
-      "method": "GET",
-      "path": "/moderation/contents-types/:contentTypeName",
-      "handler": "comments.contentTypeName",
-      "config": {
-        "policies": [["admin::hasPermissions", ["plugins::comments.read"]]]
-      }
-    },
-    {
-      "method": "PUT",
-      "path": "/moderation/block/:id",
-      "handler": "comments.blockComment",
-      "config": {
-        "policies": [["admin::hasPermissions", ["plugins::comments.moderate.block.comment"]]]
-      }
-    },
-    {
-      "method": "PUT",
-      "path": "/moderation/block-thread/:id",
-      "handler": "comments.blockCommentThread",
-      "config": {
-        "policies": [["admin::hasPermissions", ["plugins::comments.moderate.block.thread"]]]
-      }
-    },
-    {
-      "method": "PATCH",
-      "path": "/moderation/abuse-reports/:commentId/resolve/:id",
-      "handler": "comments.resolveAbuseReport",
-      "config": {
-        "policies": [["admin::hasPermissions", ["plugins::comments.moderate.reports"]]]
-      }
-    }
-  ]
-}