Mar 11, 2021 · Mar 9, 2021 · Mar 9, 2021 · Mar 9, 2021 · Mar 9, 2021 · Mar 10, 2021
diff --git a/.eslintignore b/.eslintignore
 !.eslintrc.js
 .gitignore
 *.json
 *.lock
 *.hbs
diff --git a/.eslintrc.js b/.eslintrc.js
 // see details:
 // https://github.com/groupher/eslint-config-web/blob/master/index.js
 module.exports = {
  extends: ['@groupher/eslint-config-web'],
  root: true,
  parser: '@typescript-eslint/parser',
  plugins: ['@typescript-eslint'],
  extends: [
    '@groupher/eslint-config-web',
    'eslint:recommended',
    'plugin:@typescript-eslint/recommended',
  ],
  // extends: ['@groupher/eslint-config-web'],
  settings: {
    // see if the import lib exsit or not
    'import/parsers': {
      '@typescript-eslint/parser': ['.ts', '.tsx'],
    },
    'import/resolver': {
      'babel-module': {},
      'eslint-import-resolver-custom-alias': {
          '@/constant': 'utils/constant',
          '@/hooks': 'src/hooks',
          '@/hoc': 'src/hoc',
          '@/config': 'config',
          '@/stores': 'src/stores',
          '@/model': 'src/stores/SharedModel',
          '@/utils': 'utils',
          '@/schemas': 'src/schemas',
          '@/Img': 'src/components/Img',
          '@/SvgIcons': 'src/components/SvgIcons',
          '@/i18n': 'i18n',
          '@/types': 'src/types',
        },
        extensions: ['.js', '.jsx'],
        extensions: ['.js', '.jsx', '.ts', '.tsx'],
      },
    },
  },
  rules: {
    '@typescript-eslint/ban-ts-comment': 0,
    'react/jsx-filename-extension': [
      2,
      { extensions: ['.js', '.jsx', '.ts', '.tsx'] },
    ],
    'import/no-named-as-default': 0,
    'import/extensions': [
      'error',
      'ignorePackages',
      {
        js: 'never',
        jsx: 'never',
        ts: 'never',
        tsx: 'never',
      },
    ],
  },
 }
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
          repository: 'coderplanets/coderplanets_server'
          path: 'backend_server'
      - name: (Backend) Setup Elixir and OTP
        uses:actions/setup-elixir@v1
        uses:erlef/setup-elixir@v1
        with:
          elixir-version: '1.10.3' # Define the elixir version [required]
          otp-version: '22.3' # Define the OTP version [required]
diff --git a/.gitignore b/.gitignore
 .vscode/
 .DS_Store
 report.*
 .eslintcache
diff --git a/next-env.d.ts b/next-env.d.ts
 /// <reference types="next" />
 /// <reference types="next/types/global" />
diff --git a/package.json b/package.json
    "clean": "shjs ./utils/scripts/clean.js",
    "gen": "plop --plopfile ./utils/scripts/generators/index.js",
    "analyze": "cross-env ANALYZE=true next build",
    "lint": "./node_modules/.bin/eslint --ext .js --fix src/ utils/",
    "lint:staged": "git diff --cached --name-only --diff-filter=ACRM |grep \".js$\" |xargs ./node_modules/.bin/eslint --ext .js",
    "lint": "./node_modules/.bin/eslint --ext .js,.ts,.tsx --fix src/ utils/",
    "lint:staged": "git diff --cached --name-only --diff-filter=ACRM | xargs ./node_modules/.bin/eslint --cache --ext .js,.ts,.tsx && tsc --noemit",
    "test": "cross-env NODE_ENV=test jest --config .jest.config.js",
    "test:dev": "cross-env NODE_ENV=test jest --config .jest.config.js",
    "test:watch": "npm run test -- --watch",
    "@commitlint/cli": "^8.2.0",
    "@commitlint/config-conventional": "^8.2.0",
    "@groupher/eslint-config-web": "2.0.9",
    "@types/ramda": "^0.27.38",
    "@typescript-eslint/eslint-plugin": "^4.17.0",
    "@typescript-eslint/parser": "^4.17.0",
    "babel-eslint": "^10.0.2",
    "babel-jest": "^23.6.0",
    "bundlewatch": "^0.2.7",
    "react-test-renderer": "16.10.0",
    "shelljs": "0.8.4",
    "standard-version": "^8.0.1",
    "start-server-and-test": "1.10.1"
    "start-server-and-test": "1.10.1",
    "typescript": "^4.2.3"
  }
 }
diff --git a/src/components/AlertBar/index.js b/src/components/AlertBar/index.js
 const log = buildLog('c:AlertBar:index')

 const AlertBar = ({ children }) => {
  return <WrappertestId="alertBar">{children}</Wrapper>
  return <Wrappertestid="alertBar">{children}</Wrapper>
 }

 AlertBar.propTypes = {
diff --git a/src/components/AlertBar/styles/index.js b/src/components/AlertBar/styles/index.js
 // import { theme } from '@/utils'

 export const Wrapper = styled.div.attrs((props) => ({
  'data-test-id': props.testId,
  'data-test-id': props.testid,
 }))`
  font-size: 14px;
  font-variant: tabular-nums;
diff --git a/src/components/Buttons/NotifyButton/index.js b/src/components/Buttons/NotifyButton/index.js
 /* eslint-disable-next-line */
 const log = buildLog('c:NotifyButton:index')

 const NotifyButton = ({testId, subscribed }) => {
 const NotifyButton = ({testid, subscribed }) => {
  return (
    <WrappertestId={testId}>
    <Wrappertestid={testid}>
      {subscribed ? (
        <Main>
          <NotifyOnIcon src={`${ICON}/article/notify-on.svg`} />
 }

 NotifyButton.propTypes = {
 testId: T.string,
 testid: T.string,
  subscribed: T.bool,
 }

 NotifyButton.defaultProps = {
 testId: 'notify-button',
 testid: 'notify-button',
  subscribed: false,
 }

diff --git a/src/components/Buttons/styles/notify_button/index.js b/src/components/Buttons/styles/notify_button/index.js
 import { css, theme } from '@/utils'

 export const Wrapper = styled.div.attrs((props) => ({
  'data-test-id': props.testId,
  'data-test-id': props.testid,
 }))`
  ${css.flexColumn()};
 `
diff --git a/src/components/Charger/index.js b/src/components/Charger/index.js
 // bubbles effect: https://codepen.io/Johnm__/pen/qZqgGJ
 const Charger = () => {
  return (
    <WrappertestId="charger">
    <Wrappertestid="charger">
      <Battery>
        <Liquid />
        <MoneySign src={`${ICON_CMD}/battery_heart.svg`} />
diff --git a/src/components/Charger/styles/index.js b/src/components/Charger/styles/index.js
 `

 export const Wrapper = styled.div.attrs((props) => ({
  'data-test-id': props.testId,
  'data-test-id': props.testid,
 }))`
  text-align: center;
  position: relative;
diff --git a/src/components/CollapseMenu/Group.js b/src/components/CollapseMenu/Group.js
              key={item.id}
              item={item}
              active={activeItem.id === item.id}
 activeId={activeItem.id}
 activeid={activeItem.id}
              onSelect={onSelect}
            />
          ))}
diff --git a/src/components/CollapseMenu/Item.js b/src/components/CollapseMenu/Item.js

 import { Wrapper, Title } from './styles/item'

 // const Item = ({ item, active,activeId, onSelect }) => {
 // const Item = ({ item, active,activeid, onSelect }) => {
 const Item = ({ item, active, onSelect }) => {
  return (
    <Wrapper active={active}>
diff --git a/src/components/CollapseMenu/index.js b/src/components/CollapseMenu/index.js
 ]

 const CollapseMenu = ({
 testId,
 testid,
  items,
  activeItem,
  onSelect,
  const groupsKeys = keys(groupedItems)

  return (
    <WrappertestId={testId}>
    <Wrappertestid={testid}>
      {groupsKeys.map((groupKey) => (
        <Group
          key={groupKey}
 }

 CollapseMenu.propTypes = {
 testId: T.string,
 testid: T.string,
  items: T.arrayOf(
    T.shape({
      id: T.number,
 }

 CollapseMenu.defaultProps = {
 testId: 'collapse-menu',
 testid: 'collapse-menu',
  items: defaultItems,
  activeItem: defaultActiveItem,
  // default display count in each group, the remaining part will be folded
diff --git a/src/components/CrashErrorHint/index.js b/src/components/CrashErrorHint/index.js
  }, [executeIndex])

  return (
    <WrappertestId="crashErrorHint" t={themeName}>
    <Wrappertestid="crashErrorHint" t={themeName}>
      <div />
      <div>
        <Header index={executeIndex} themeName={themeName} />
diff --git a/src/components/CrashErrorHint/styles/index.js b/src/components/CrashErrorHint/styles/index.js
 import { css, theme, themeSkins } from '@/utils'

 export const Wrapper = styled.div.attrs((props) => ({
  'data-test-id': props.testId,
  'data-test-id': props.testid,
 }))`
  ${css.flexColumn('align-center', 'justify-between')};
  height: 100vh;
diff --git a/src/components/DigestSentence/index.js b/src/components/DigestSentence/index.js
 const log = buildLog('c:DigestSentence:index')

 const DigestSentence = ({
 testId,
 testid,
  children,
  onPreview,
  top,
 }) => {
  return (
    <Wrapper
 testId={testId}
 testid={testid}
      onClick={onPreview}
      top={top}
      bottom={bottom}
 }

 DigestSentence.propTypes = {
 testId: T.string,
 testid: T.string,
  children: T.oneOfType([T.string, T.node]),
  onPreview: T.func,
  top: T.number,
 }

 DigestSentence.defaultProps = {
 testId: 'digest-sentence',
 testid: 'digest-sentence',
  children: '可能是最性感的开发者社区，来为你心爱的作品建立...',
  onPreview: log,
  top: 0,
diff --git a/src/components/DigestSentence/styles/index.js b/src/components/DigestSentence/styles/index.js
 import { css, theme } from '@/utils'

 export const Wrapper = styled.div.attrs((props) => ({
  'data-test-id': props.testId,
  'data-test-id': props.testid,
 }))`
  color: ${theme('thread.articleDigest')};
  font-size: 13px;
diff --git a/src/components/DivideText/index.js b/src/components/DivideText/index.js
 /* eslint-disable-next-line */
 const log = buildLog('c:DivideText:index')

 const DivideText = ({testId, children }) => {
 const DivideText = ({testid, children }) => {
  return (
    <WrappertestId={testId}>
    <Wrappertestid={testid}>
      <LeftLine />
      <Content>{children}</Content>
      <RightLine />
 }

 DivideText.propTypes = {
 testId: T.string,
 testid: T.string,
  children: T.oneOfType([T.string, T.node]).isRequired,
 }

 DivideText.defaultProps = {
 testId: 'divide-text',
 testid: 'divide-text',
 }

 export default React.memo(DivideText)
diff --git a/src/components/DivideText/styles/index.js b/src/components/DivideText/styles/index.js
 import { css } from '@/utils'

 export const Wrapper = styled.div.attrs((props) => ({
  'data-test-id': props.testId,
  'data-test-id': props.testid,
 }))`
  ${css.flex('align-center')};
  width: 100%;
diff --git a/src/components/EmailSubscriber/DefaultLayout/index.js b/src/components/EmailSubscriber/DefaultLayout/index.js
 /* eslint-disable-next-line */
 const log = buildLog('c:DefaultLayout:index')

 const DefaultLayout = ({testId, activeByDefault, title, desc }) => {
 const DefaultLayout = ({testid, activeByDefault, title, desc }) => {
  const [active, setActive] = useState(activeByDefault)

  return (
    <WrappertestId={testId} active={active}>
    <Wrappertestid={testid} active={active}>
      <InnerWrapper>
        {!active ? (
          <InActiveView onOpen={() => setActive(true)} />
diff --git a/src/components/EmailSubscriber/index.js b/src/components/EmailSubscriber/index.js
 import { Wrapper } from './styles'

 const EmailSubscriber = ({
 testId,
 testid,
  title,
  desc,
  type,
  placeholder,
  activeByDefault,
 }) => {
  return (
    <WrappertestId={testId}>
    <Wrappertestid={testid}>
      {type === 'default' ? (
        <DefaultLayout
          activeByDefault={activeByDefault}
 }

 EmailSubscriber.propTypes = {
 testId: T.string,
 testid: T.string,
  title: T.string,
  desc: T.string,
  placeholder: T.string,
 }

 EmailSubscriber.defaultProps = {
 testId: 'emailSubscriber',
 testid: 'emailSubscriber',
  title: '邮件订阅',
  desc: '可随时取消',
  placeholder: '邮件订阅',
diff --git a/src/components/EmailSubscriber/styles/default_layout/index.js b/src/components/EmailSubscriber/styles/default_layout/index.js
 import { css } from '@/utils'

 export const Wrapper = styled.div.attrs((props) => ({
  'data-test-id': props.testId,
  'data-test-id': props.testid,
 }))`
  ${css.flexColumn('justify-center')};
  position: relative;
Original file line number	Diff line number	Diff line change
		@@ -1,8 +1,20 @@
		// see details:
		// https://github.com/groupher/eslint-config-web/blob/master/index.js
		module.exports = {
		extends: ['@groupher/eslint-config-web'],
		root: true,
		parser: '@typescript-eslint/parser',
		plugins: ['@typescript-eslint'],
		extends: [
		'@groupher/eslint-config-web',
		'eslint:recommended',
		'plugin:@typescript-eslint/recommended',
		],
		// extends: ['@groupher/eslint-config-web'],
		settings: {
		// see if the import lib exsit or not
		'import/parsers': {
		'@typescript-eslint/parser': ['.ts', '.tsx'],
		},
		'import/resolver': {
		'babel-module': {},
		'eslint-import-resolver-custom-alias': {
Expand All		@@ -14,20 +26,35 @@ module.exports = {
		'@/constant': 'utils/constant',
		'@/hooks': 'src/hooks',
		'@/hoc': 'src/hoc',
		'@/config': 'config',
		'@/stores': 'src/stores',
		'@/model': 'src/stores/SharedModel',
		'@/utils': 'utils',
		'@/schemas': 'src/schemas',
		'@/Img': 'src/components/Img',
		'@/SvgIcons': 'src/components/SvgIcons',
		'@/i18n': 'i18n',
		'@/types': 'src/types',
		},
		extensions: ['.js', '.jsx'],
		extensions: ['.js', '.jsx', '.ts', '.tsx'],
		},
		},
		},
		rules: {
		'@typescript-eslint/ban-ts-comment': 0,
		'react/jsx-filename-extension': [
		2,
		{ extensions: ['.js', '.jsx', '.ts', '.tsx'] },
		],
		'import/no-named-as-default': 0,
		'import/extensions': [
		'error',
		'ignorePackages',
		{
		js: 'never',
		jsx: 'never',
		ts: 'never',
		tsx: 'never',
		},
		],
		},
		}
Original file line number	Diff line number	Diff line change
Expand Up		@@ -29,7 +29,7 @@ jobs:
		repository: 'coderplanets/coderplanets_server'
		path: 'backend_server'
		- name: (Backend) Setup Elixir and OTP
		uses:actions/setup-elixir@v1
		uses:erlef/setup-elixir@v1
		with:
		elixir-version: '1.10.3' # Define the elixir version [required]
		otp-version: '22.3' # Define the OTP version [required]
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -13,3 +13,4 @@ cypress/videos/
		.vscode/
		.DS_Store
		report.*
		.eslintcache
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		/// <reference types="next" />
		/// <reference types="next/types/global" />
Original file line number	Diff line number	Diff line change
Expand Up		@@ -22,8 +22,8 @@
		"clean": "shjs ./utils/scripts/clean.js",
		"gen": "plop --plopfile ./utils/scripts/generators/index.js",
		"analyze": "cross-env ANALYZE=true next build",
		"lint": "./node_modules/.bin/eslint --ext .js --fix src/ utils/",
		"lint:staged": "git diff --cached --name-only --diff-filter=ACRM \|grep \".js$\" \|xargs ./node_modules/.bin/eslint --ext .js",
		"lint": "./node_modules/.bin/eslint --ext .js,.ts,.tsx --fix src/ utils/",
		"lint:staged": "git diff --cached --name-only --diff-filter=ACRM \| xargs ./node_modules/.bin/eslint --cache --ext .js,.ts,.tsx && tsc --noemit",
		"test": "cross-env NODE_ENV=test jest --config .jest.config.js",
		"test:dev": "cross-env NODE_ENV=test jest --config .jest.config.js",
		"test:watch": "npm run test -- --watch",
Expand DownExpand Up		@@ -140,6 +140,9 @@
		"@commitlint/cli": "^8.2.0",
		"@commitlint/config-conventional": "^8.2.0",
		"@groupher/eslint-config-web": "2.0.9",
		"@types/ramda": "^0.27.38",
		"@typescript-eslint/eslint-plugin": "^4.17.0",
		"@typescript-eslint/parser": "^4.17.0",
		"babel-eslint": "^10.0.2",
		"babel-jest": "^23.6.0",
		"bundlewatch": "^0.2.7",
Expand All		@@ -160,6 +163,7 @@
		"react-test-renderer": "16.10.0",
		"shelljs": "0.8.4",
		"standard-version": "^8.0.1",
		"start-server-and-test": "1.10.1"
		"start-server-and-test": "1.10.1",
		"typescript": "^4.2.3"
		}
		}
Original file line number	Diff line number	Diff line change
Expand Up		@@ -15,7 +15,7 @@ import { Wrapper } from './styles'
		const log = buildLog('c:AlertBar:index')

		const AlertBar = ({ children }) => {
		return <WrappertestId="alertBar">{children}</Wrapper>
		return <Wrappertestid="alertBar">{children}</Wrapper>
		}

		AlertBar.propTypes = {
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -4,7 +4,7 @@ import styled from 'styled-components'
		// import { theme } from '@/utils'

		export const Wrapper = styled.div.attrs((props) => ({
		'data-test-id': props.testId,
		'data-test-id': props.testid,
		}))`
		font-size: 14px;
		font-variant: tabular-nums;
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -25,9 +25,9 @@ import {
		/* eslint-disable-next-line */
		const log = buildLog('c:NotifyButton:index')

		const NotifyButton = ({testId, subscribed }) => {
		const NotifyButton = ({testid, subscribed }) => {
		return (
		<WrappertestId={testId}>
		<Wrappertestid={testid}>
		{subscribed ? (
		<Main>
		<NotifyOnIcon src={`${ICON}/article/notify-on.svg`} />
Expand DownExpand Up		@@ -68,12 +68,12 @@ const NotifyButton = ({ testId, subscribed }) => {
		}

		NotifyButton.propTypes = {
		testId: T.string,
		testid: T.string,
		subscribed: T.bool,
		}

		NotifyButton.defaultProps = {
		testId: 'notify-button',
		testid: 'notify-button',
		subscribed: false,
		}

Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -4,7 +4,7 @@ import Img from '@/Img'
		import { css, theme } from '@/utils'

		export const Wrapper = styled.div.attrs((props) => ({
		'data-test-id': props.testId,
		'data-test-id': props.testid,
		}))`
		${css.flexColumn()};
		`
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -19,7 +19,7 @@ const log = buildLog('c:Charger:index')
		// bubbles effect: https://codepen.io/Johnm__/pen/qZqgGJ
		const Charger = () => {
		return (
		<WrappertestId="charger">
		<Wrappertestid="charger">
		<Battery>
		<Liquid />
		<MoneySign src={`${ICON_CMD}/battery_heart.svg`} />
Expand Down