chore: Merge branch 'dev'

Author: mydearxym

.babelrc

@@ -1,21 +1,22 @@
 {
-  "presets": [
-    ["next/babel"]
-  ],
+  "presets": [["next/babel"]],
   "env": {
-     "development": {
-       "plugins": ["inline-dotenv"]
+    "development": {
+      "plugins": ["inline-dotenv"]
     },
     "production": {
       "presets": [
-        ["next/babel", {
-          "preset-env": {
-            "targets": {
-              "ie": "11"
-            },
-            "debug": false
+        [
+          "next/babel",
+          {
+            "preset-env": {
+              "targets": {
+                "ie": "11"
+              },
+              "debug": false
+            }
           }
-        }]
+        ]
       ]
     },
     "test": {
@@ -47,20 +48,25 @@
       }
     ],
     "ramda",
-    ["module-resolver", {
-      "root": ["./"],
-      "alias": {
-        "@containers":"./containers",
-        "@components":"./components",
-        "@hooks":"./components/Hooks",
-        "@config":"./config",
-        "@stores":"./stores",
-        "@model":"./stores/SharedModel",
-        "@utils":"./utils",
-        "@schemas":"./containers/schemas",
-        "@Img": "./components/Img",
-        "@SvgIcons": "./components/SvgIcons"
+    [
+      "module-resolver",
+      {
+        "root": ["./"],
+        "alias": {
+          "@containers": "./containers",
+          "@components": "./components",
+          "@services": "./services",
+          "@constant": "./utils/constant/",
+          "@hooks": "./components/Hooks",
+          "@config": "./config",
+          "@stores": "./stores",
+          "@model": "./stores/SharedModel",
+          "@utils": "./utils",
+          "@schemas": "./containers/schemas",
+          "@Img": "./components/Img",
+          "@SvgIcons": "./components/SvgIcons"
+        }
       }
-    }]
+    ]
   ]
 }

.eslintrc.js

@@ -1,65 +1,5 @@
+// see details:
+// https://github.com/groupher/eslint-config-web/blob/master/index.js
 module.exports = {
-  extends: ['airbnb', 'plugin:react/recommended', 'prettier', 'prettier/react'],
-  plugins: ['prettier', 'react', 'cypress', 'react-hooks'],
-  parser: 'babel-eslint',
-  parserOptions: {
-    ecmaVersion: 2016,
-    sourceType: 'module',
-    ecmaFeatures: {
-      jsx: true,
-    },
-  },
-  env: {
-    es6: true,
-    node: true,
-    jest: true,
-    'cypress/globals': true,
-  },
-  settings: {
-    'import/resolver': {
-      'babel-module': {},
-    },
-  },
-  rules: {
-    // import/resolver 暂时识别不了 @xxx, 暂时关闭该检测
-    'import/no-extraneous-dependencies': 0,
-    'arrow-body-style': 0,
-    // need for _store init
-    'no-underscore-dangle': 0,
-    // heavilly used in store.actions
-    'no-param-reassign': 0,
-    // heavilly used in store.views
-    'no-use-before-define': 0,
-    // force-return is unneeded
-    'consistent-return': 0,
-    'no-shadow': 0,
-    // error could be object for parse by upfloor
-    'prefer-promise-reject-errors': 0,
-    'react/jsx-no-bind': 0,
-    // allow JSX in js files
-    'react/jsx-filename-extension': [1, { extensions: ['.js', '.jsx'] }],
-    'react/forbid-prop-types': 0,
-    // no need sort
-    'react/sort-comp': 0,
-    'react/prop-types': [1, { skipUndeclared: true }],
-    'jsx-a11y/href-no-hash': 'off',
-    'jsx-a11y/no-static-element-interactions': 0,
-    'jsx-a11y/click-events-have-key-events': 0,
-
-    // for cypress test usage
-    'no-unused-expressions': 0,
-
-    'prettier/prettier': [
-      'error',
-      {
-        singleQuote: true,
-        semi: false,
-        tabWidth: 2,
-        bracketSpacing: true,
-        trailingComma: 'es5',
-      },
-    ],
-    'react-hooks/rules-of-hooks': 'error',
-    'react-hooks/exhaustive-deps': 'warn',
-  },
+  extends: ['@groupher/eslint-config-web'],
 }

.gitignore

@@ -12,3 +12,4 @@ yarn-error.log
 schema.graphql
 cypress//integration/examples
 cypress/videos/
+.vscode/

components/ArticleActionsPanel/EditOption.js

@@ -2,9 +2,9 @@ import React from 'react'
 import T from 'prop-types'
 
 import { ICON_CMD } from '@config'
-import { THREAD } from '@utils'
-import withGuardian from '@components/HOC/withGuardian'
+import { THREAD } from '@constant'
 
+import withGuardian from '@components/HOC/withGuardian'
 import { Option, OptionIcon, OptionTitle } from './styles'
 
 const EditOption = ({ thread, onEdit }) => (

components/ArticleActionsPanel/index.js

@@ -9,7 +9,8 @@ import T from 'prop-types'
 import R from 'ramda'
 
 import { ICON_CMD } from '@config'
-import { buildLog, THREAD } from '@utils'
+import { THREAD } from '@constant'
+import { buildLog } from '@utils'
 
 import Informer from '@containers/Informer'
 import PinOption from './PinOption'

components/ArticleEditToolbar/CopyrightSelector.js

@@ -3,7 +3,8 @@ import R from 'ramda'
 // import T from 'prop-types'
 
 import { ICON_CMD } from '@config'
-import { THREAD } from '@utils'
+import { THREAD } from '@constant'
+
 import Popover from '@components/Popover'
 
 import {

components/ArticleEditToolbar/index.js

@@ -9,10 +9,10 @@ import T from 'prop-types'
 import { Button } from 'antd'
 
 import { SITE_URL } from '@config'
+import { THREAD } from '@constant'
+import { buildLog } from '@utils'
 
-import { buildLog, THREAD } from '@utils'
 import Maybe from '@components/Maybe'
-
 import CopyrightSelector from './CopyrightSelector'
 
 import {

components/CommunityFaceLogo/index.js

@@ -9,8 +9,8 @@ import T from 'prop-types'
 import R from 'ramda'
 
 import { buildLog } from '@utils'
-import HomeLogo from './HomeLogo'
 
+import HomeLogo from './HomeLogo'
 import { Logo } from './styles'
 
 /* eslint-disable-next-line */

components/ContentFilter/FilterPanel.js

@@ -1,7 +1,6 @@
 import React from 'react'
 
-import { THREAD } from '@utils'
-import { FiltrPanelWrapper } from './styles'
+import { THREAD } from '@constant'
 
 import TimeFilter from './TimeFilter'
 import SortFilter from './SortFilter'
@@ -18,6 +17,8 @@ import JobScaleFilter from './JobScaleFilter'
 // video
 import VideoSourceFilter from './VideoSourceFilter'
 
+import { FiltrPanelWrapper } from './styles'
+
 const FilterPanel = ({ thread, activeFilter, onSelect, isLogin }) => {
   switch (thread) {
     case THREAD.POST:

components/ContentFilter/LengthFilter.js

@@ -1,8 +1,8 @@
 import React from 'react'
 
 import { ICON_CMD } from '@config'
+import { FILTER } from '@constant'
 
-import { FILTER } from '@utils'
 import {
   ColumnWrapper,
   SelectLable,