Aug 3, 2021 · Jul 31, 2021 · Jul 31, 2021 · Jul 31, 2021 · Jul 31, 2021 · Jul 31, 2021
diff --git a/.eslintignore b/.eslintignore
 *.lock
 *.hbs
 *.svg
 *.png
 *.png
 *.txt
diff --git a/.eslintrc.js b/.eslintrc.js
  rules: {
    '@typescript-eslint/no-var-requires': 0,
    '@typescript-eslint/ban-ts-comment': 0,
    'no-setter-return': 0,
    'no-dupe-else-if': 0,
    'react/jsx-uses-react': 'off',
    'react/react-in-jsx-scope': 'off',
    'react/jsx-filename-extension': [
diff --git a/...js/communities page layout -- communities link should be highlight (failed).png b/...js/communities page layout -- communities link should be highlight (failed).png
diff --git a/...page.spec.js/home page layout -- home link should not be highlight (failed).png b/...page.spec.js/home page layout -- home link should not be highlight (failed).png
diff --git a/jsconfig.json b/jsconfig.json
      "@/services/*": ["src/services/*"],
      "@/constant": ["utils/constant"],
      "@/hooks": ["src/hooks"],
      "@/hooks/*": ["src/hooks/*"],
      "@/hoc": ["src/hoc"],
      "@/config": ["config"],
      "@/stores/*": ["src/stores/*"],
      "@/model": ["src/stores/SharedModel"],
      "@/utils": ["utils"],
      "@/utils/*": ["utils/*"],
      "@/schemas": ["src/schemas"],
      "@/Img": ["src/components/Img"],
      "@/SvgIcons/*": ["src/components/SvgIcons/*"],
diff --git a/next.config.docker.js b/next.config.docker.js
        'process.env.SENTRY_RELEASE': JSON.stringify(buildId),
      }),
    )
    if (!isServer) {
      config.resolve.alias['@sentry/node'] = '@sentry/browser'
    }

    return config
  },
diff --git a/next.config.js b/next.config.js
 })
 const offlineConfig = require('./config/next_offline')

 // Use the SentryWebpack plugin to upload the source maps during build step
 // const SentryWebpackPlugin = require('@sentry/webpack-plugin')

 // const {
 //   NEXT_PUBLIC_SENTRY_DSN: SENTRY_DSN,
 //   SENTRY_ORG,
 //   SENTRY_PROJECT,
 //   SENTRY_AUTH_TOKEN,
 //   NODE_ENV,
 // } = process.env

 // process.env.SENTRY_DSN = SENTRY_DSN

 // next-plugins end

 const nextConfig = {
diff --git a/package.json b/package.json
    "dev": "cross-env NODE_ENV=dev node server.js",
    "prod": "cross-env NODE_ENV=production run-p server",
    "local": "cross-env NODE_ENV=local node server",
    "ci": "cross-env NODE_ENV=ci node server",
    "ci": "cross-env NODE_ENV=ci node server --inspect",
    "server": "npm run clean && node server.js",
    "build": "next build",
    "build:clean": "run-s dist clean",
    "@tippyjs/react": "4.2.5",
    "@zeit/next-source-maps": "0.0.4-canary.1",
    "accepts": "^1.3.4",
    "apollo-cache-inmemory": "1.6.3",
    "apollo-client": "2.6.4",
    "apollo-link": "1.2.13",
    "apollo-link-error": "^1.1.12",
    "apollo-link-http": "1.5.16",
    "apollo-link-retry": "2.2.15",
    "babel-plugin-add-react-displayname": "^0.0.5",
    "babel-plugin-styled-components": "^1.12.0",
    "cacheable-response": "^2.0.9",
    "draft-js-plugins-editor": "2.1.1",
    "express": "^4.16.4",
    "glob": "^7.1.2",
    "graphql": "14.5.5",
    "graphql-request": "^1.6.0",
    "graphql-tag": "^2.6.1",
    "graphql": "^15.5.1",
    "graphql-request": "3.5.0",
    "graphql-voyager": "^1.0.0-rc.31",
    "js-cookie": "^2.2.0",
    "mastani-codehighlight": "0.0.7",
    "next-compose-plugins": "^2.2.0",
    "next-i18next": "4.4.1",
    "next-offline": "4.0.6",
    "nextjs-progressbar": "^0.0.6",
    "nextjs-progressbar": "0.0.11",
    "overlayscrollbars": "1.13.1",
    "path-match": "^1.2.4",
    "polished": "4.1.3",
    "react-calendar-heatmap": "1.8.1",
    "react-content-loader": "3.4.2",
    "react-copy-to-clipboard": "^5.0.3",
    "react-device-detect": "^1.17.0",
    "react-dom": "17.0.2",
    "react-highlight-words": "^0.16.0",
    "react-lazy-load-image-component": "1.5.0",
    "stringz": "^2.0.0",
    "styled-components": "5.3.0",
    "timeago-react": "3.0.2",
    "tinykeys": "^1.0.6"
    "tinykeys": "^1.0.6",
    "urql": "^2.0.4"
  },
  "devDependencies": {
    "@commitlint/cli": "^8.2.0",
    "bundlewatch": "^0.2.7",
    "commitizen": "3.1.2",
    "coveralls": "3.0.14",
    "cypress": "^7.0.0",
    "cypress": "4.2.0",
    "cz-conventional-changelog": "^3.0.0",
    "enzyme": "3.11.0",
    "enzyme-adapter-react-16": "1.15.2",
    "enzyme-to-json": "^3.3.4",
    "eslint": "6.4.0",
    "eslint": "^7.32.0",
    "eslint-config-next": "^11.0.1",
    "husky": "^3.0.0",
    "jest": "26.2.2",
diff --git a/server/helper.js b/server/helper.js
 const dev =
  process.env.NODE_ENV !== 'production' && process.env.NODE_ENV !== 'ci'
 const dev = process.env.NODE_ENV !== 'production' // && process.env.NODE_ENV !== 'ci'

 const cacheableResponse = require('cacheable-response')

diff --git a/src/components/AlertBar/index.tsx b/src/components/AlertBar/index.tsx

 import { FC, ReactNode, memo } from 'react'

 import { buildLog } from '@/utils'
 import { buildLog } from '@/utils/logger'

 import { Wrapper } from './styles'

diff --git a/src/components/AlertBar/styles/index.ts b/src/components/AlertBar/styles/index.ts

 import type { TTestable } from '@/spec'
 // import Img from '@/Img'
 // import { theme } from '@/utils'
 // import { theme } from '@/utils/themes'

 export const Wrapper = styled.div.attrs(({ testid }: TTestable) => ({
  'data-test-id': testid,
diff --git a/src/components/AnimatedCount/styles/index.ts b/src/components/AnimatedCount/styles/index.ts
 import styled from 'styled-components'

 import type { TSIZE, TActive } from '@/spec'
 import { theme } from '@/utils'
 import { theme } from '@/utils/themes'

 import { getFontSize } from './metric'

diff --git a/src/components/ArticleActionsPanel/index.js b/src/components/ArticleActionsPanel/index.js
 import { values } from 'ramda'

 import { THREAD } from '@/constant'
 import { buildLog } from '@/utils'
 import { buildLog } from '@/utils/logger'

 import PinOption from './PinOption'
 import RefineOption from './RefineOption'
diff --git a/src/components/ArticleActionsPanel/styles/index.ts b/src/components/ArticleActionsPanel/styles/index.ts
 import styled from 'styled-components'

 import { theme, css } from '@/utils'
 import { theme } from '@/utils/themes'
 import css from '@/utils/css'
 import Img from '@/Img'

 export const Wrapper = styled.div`
diff --git a/src/components/ArticleBaseStats/index.tsx b/src/components/ArticleBaseStats/index.tsx
 import { FC, memo } from 'react'

 import type { TArticle, TContainer } from '@/spec'
 import {buildLog,scrollToComments } from '@/utils'
 import { scrollToComments } from '@/utils/dom'

 import { Space } from '@/components/Common'
 import {
  CommentCount,
 } from './styles'

 /* eslint-disable-next-line */
 const log = buildLog('c:ArticleBaseStats:index')

 type TProps = {
  testid?: string
  article: TArticle
diff --git a/src/components/ArticleBaseStats/styles/index.ts b/src/components/ArticleBaseStats/styles/index.ts
 import ViewSVGIcon from '@/icons/View'
 import CommentSVGIcon from '@/icons/Comment'

 import { css, theme } from '@/utils'
 import { theme } from '@/utils/themes'
 import css from '@/utils/css'

 export const Wrapper = styled.div.attrs(({ testid }: TTestable) => ({
  'data-test-id': testid,
diff --git a/src/components/ArticleCard/Header.tsx b/src/components/ArticleCard/Header.tsx
 import { FC, memo } from 'react'

 import type { TTag } from '@/spec'
 import { cutRest } from '@/utils'
 import { cutRest } from '@/utils/helper'
 import InlineTags from '@/components/InlineTags'

 import { Wrapper, Title } from './styles/header'
diff --git a/src/components/ArticleCard/index.tsx b/src/components/ArticleCard/index.tsx
 import type { TJob } from '@/spec'
 // import { THREAD } from '@/constant'

 import { cutRest } from '@/utils'
 import { cutRest } from '@/utils/helper'
 import DigestSentence from '@/components/DigestSentence'
 import { Br, SpaceGrow } from '@/components/Common'
 import ArticleImgWindow from '@/components/ArticleImgWindow'
diff --git a/src/components/ArticleCard/styles/footer.ts b/src/components/ArticleCard/styles/footer.ts
 import styled from 'styled-components'

 import { theme, css } from '@/utils'
 import { theme } from '@/utils/themes'
 import css from '@/utils/css'

 export const Wrapper = styled.div`
  color: ${theme('thread.articleDigest')};
diff --git a/src/components/ArticleCard/styles/header.ts b/src/components/ArticleCard/styles/header.ts
 import styled from 'styled-components'

 import { theme, css } from '@/utils'
 import { theme } from '@/utils/themes'
 import css from '@/utils/css'

 export const Wrapper = styled.div``

diff --git a/src/components/ArticleCard/styles/index.ts b/src/components/ArticleCard/styles/index.ts
 import styled from 'styled-components'

 import{css}from '@/utils'
 import css from '@/utils/css'

 export const Wrapper = styled.div`
  ${css.flexColumn()};
diff --git a/src/components/ArticleEditFooter/index.js b/src/components/ArticleEditFooter/index.js
 import React from 'react'
 import T from 'prop-types'

 import { buildLog } from '@/utils'
 import { buildLog } from '@/utils/logger'

 import{Button}from '@/components/Buttons'
 import Button from '@/components/Buttons/Button'
 import { Space } from '@/components/Common'

 import { Wrapper, RespectText, PublishButtons, Divider } from './styles'
diff --git a/src/components/ArticleEditFooter/styles/index.ts b/src/components/ArticleEditFooter/styles/index.ts
 import styled from 'styled-components'

 import { theme, css } from '@/utils'
 import { theme } from '@/utils/themes'
 import css from '@/utils/css'

 export const Wrapper = styled.div`
  ${css.flexColumn('align-center')};
diff --git a/src/components/ArticleEditToolbar/index.js b/src/components/ArticleEditToolbar/index.js

 import { SITE_URL } from '@/config'
 import { THREAD } from '@/constant'
 import { buildLog } from '@/utils'
 import { buildLog } from '@/utils/logger'

 import CopyrightSelector from './CopyrightSelector'

diff --git a/src/components/ArticleEditToolbar/styles/copyright_selector.ts b/src/components/ArticleEditToolbar/styles/copyright_selector.ts
 import styled from 'styled-components'

 import type { TActive } from '@/spec'
 import { theme, css } from '@/utils'
 import { theme } from '@/utils/themes'
 import css from '@/utils/css'
 import Img from '@/Img'

 export const Wrapper = styled.div`
diff --git a/src/components/ArticleEditToolbar/styles/index.ts b/src/components/ArticleEditToolbar/styles/index.ts
 import Input from '@/components/Input'

 // import Img from '@/Img'
 import { css, theme } from '@/utils'
 import { theme } from '@/utils/themes'
 import css from '@/utils/css'

 export const Wrapper = styled.div`
  ${css.flex('align-center')};
diff --git a/src/components/ArticleImgWindow/index.tsx b/src/components/ArticleImgWindow/index.tsx

 import { FC, memo } from 'react'

 import { buildLog } from '@/utils'
 import { buildLog } from '@/utils/logger'

 import { Wrapper, Block } from './styles'

diff --git a/src/components/ArticleImgWindow/styles/index.ts b/src/components/ArticleImgWindow/styles/index.ts
 import type { TTestable } from '@/spec'

 // import Img from '@/Img'
 import{css}from '@/utils'
 import css from '@/utils/css'

 export const Wrapper = styled.div.attrs(({ testid }: TTestable) => ({
  'data-test-id': testid,
diff --git a/src/components/ArticleItemPrefixLabel/index.tsx b/src/components/ArticleItemPrefixLabel/index.tsx

 import { FC, memo } from 'react'

 import { buildLog } from '@/utils'
 import { buildLog } from '@/utils/logger'
 import { PinIcon } from './styles'
 import ReadLabel from './ReadLabel'

diff --git a/src/components/ArticleItemPrefixLabel/styles/index.ts b/src/components/ArticleItemPrefixLabel/styles/index.ts
 import styled from 'styled-components'

 import { theme, css, pixelAdd } from '@/utils'
 import { theme } from '@/utils/themes'
 import css from '@/utils/css'
 import PinSVG from '@/SvgIcons/PinSVG'
 import { pixelAdd } from '@/utils/dom'

 export const ReadedLabel = styled.div<{ topOffset: string }>`
  background: ${theme('thread.articleDigest')};
diff --git a/src/components/ArticlesFilter/DesktopView.tsx b/src/components/ArticlesFilter/DesktopView.tsx
 import type { TArticleFilter, TResState } from '@/spec'

 import { TYPE, THREAD } from '@/constant'
 import { buildLog } from '@/utils'
 import { buildLog } from '@/utils/logger'
 // import { useViewing } from '@/hooks'

 import FilterButton from './FilterButton'
diff --git a/src/components/ArticlesFilter/SelectedFilters.tsx b/src/components/ArticlesFilter/SelectedFilters.tsx
 import { keys } from 'ramda'

 import type { TArticleFilter } from '@/spec'
 import { isEmptyValue } from '@/utils'
 import { isEmptyValue } from '@/utils/validator'

 import Tag from '@/components/Tag'
 import { Wrapper, TagWrapper } from './styles/selected_filters'
diff --git a/src/components/ArticlesFilter/index.tsx b/src/components/ArticlesFilter/index.tsx

 import { Fragment, memo } from 'react'

 import{ isMobile }from 'react-device-detect'
 import { buildLog } from '@/utils'
 importusePlatformfrom '@/hooks/usePlatform'
 import { buildLog } from '@/utils/logger'

 import DesktopView from './DesktopView'

 /* eslint-disable-next-line */
 const log = buildLog('c:ArticlesFilter:index')

 const ArticlesFilter = (props) => {
  const { isMobile } = usePlatform()
  return <Fragment>{!isMobile && <DesktopView {...props} />}</Fragment>
 }

diff --git a/src/components/ArticlesFilter/styles/filter_button.ts b/src/components/ArticlesFilter/styles/filter_button.ts
 import styled from 'styled-components'

 import Button from '@/components/Buttons/Button'
 import { theme, css } from '@/utils'
 import { theme } from '@/utils/themes'
 import css from '@/utils/css'
 import Img from '@/Img'

 export const Wrapper = styled.div`
Original file line number	Diff line number	Diff line change
Expand Up		@@ -5,4 +5,5 @@ next-env.d.ts
		*.lock
		*.hbs
		*.svg
		*.png
		*.png
		*.txt
Original file line number	Diff line number	Diff line change
Expand Up		@@ -43,6 +43,8 @@ module.exports = {
		rules: {
		'@typescript-eslint/no-var-requires': 0,
		'@typescript-eslint/ban-ts-comment': 0,
		'no-setter-return': 0,
		'no-dupe-else-if': 0,
		'react/jsx-uses-react': 'off',
		'react/react-in-jsx-scope': 'off',
		'react/jsx-filename-extension': [
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -8,11 +8,13 @@
		"@/services/": ["src/services/"],
		"@/constant": ["utils/constant"],
		"@/hooks": ["src/hooks"],
		"@/hooks/": ["src/hooks/"],
		"@/hoc": ["src/hoc"],
		"@/config": ["config"],
		"@/stores/": ["src/stores/"],
		"@/model": ["src/stores/SharedModel"],
		"@/utils": ["utils"],
		"@/utils/": ["utils/"],
		"@/schemas": ["src/schemas"],
		"@/Img": ["src/components/Img"],
		"@/SvgIcons/": ["src/components/SvgIcons/"],
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -24,6 +24,9 @@ const nextConfig = {
		'process.env.SENTRY_RELEASE': JSON.stringify(buildId),
		}),
		)
		if (!isServer) {
		config.resolve.alias['@sentry/node'] = '@sentry/browser'
		}

		return config
		},
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -9,19 +9,6 @@ const withBundleAnalyzer = require('@next/bundle-analyzer')({
		})
		const offlineConfig = require('./config/next_offline')

		// Use the SentryWebpack plugin to upload the source maps during build step
		// const SentryWebpackPlugin = require('@sentry/webpack-plugin')

		// const {
		// NEXT_PUBLIC_SENTRY_DSN: SENTRY_DSN,
		// SENTRY_ORG,
		// SENTRY_PROJECT,
		// SENTRY_AUTH_TOKEN,
		// NODE_ENV,
		// } = process.env

		// process.env.SENTRY_DSN = SENTRY_DSN

		// next-plugins end

		const nextConfig = {
Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -6,7 +6,7 @@
		"dev": "cross-env NODE_ENV=dev node server.js",
		"prod": "cross-env NODE_ENV=production run-p server",
		"local": "cross-env NODE_ENV=local node server",
		"ci": "cross-env NODE_ENV=ci node server",
		"ci": "cross-env NODE_ENV=ci node server --inspect",
		"server": "npm run clean && node server.js",
		"build": "next build",
		"build:clean": "run-s dist clean",
Expand DownExpand Up		@@ -58,12 +58,6 @@
		"@tippyjs/react": "4.2.5",
		"@zeit/next-source-maps": "0.0.4-canary.1",
		"accepts": "^1.3.4",
		"apollo-cache-inmemory": "1.6.3",
		"apollo-client": "2.6.4",
		"apollo-link": "1.2.13",
		"apollo-link-error": "^1.1.12",
		"apollo-link-http": "1.5.16",
		"apollo-link-retry": "2.2.15",
		"babel-plugin-add-react-displayname": "^0.0.5",
		"babel-plugin-styled-components": "^1.12.0",
		"cacheable-response": "^2.0.9",
Expand All		@@ -78,9 +72,8 @@
		"draft-js-plugins-editor": "2.1.1",
		"express": "^4.16.4",
		"glob": "^7.1.2",
		"graphql": "14.5.5",
		"graphql-request": "^1.6.0",
		"graphql-tag": "^2.6.1",
		"graphql": "^15.5.1",
		"graphql-request": "3.5.0",
		"graphql-voyager": "^1.0.0-rc.31",
		"js-cookie": "^2.2.0",
		"mastani-codehighlight": "0.0.7",
Expand All		@@ -94,7 +87,7 @@
		"next-compose-plugins": "^2.2.0",
		"next-i18next": "4.4.1",
		"next-offline": "4.0.6",
		"nextjs-progressbar": "^0.0.6",
		"nextjs-progressbar": "0.0.11",
		"overlayscrollbars": "1.13.1",
		"path-match": "^1.2.4",
		"polished": "4.1.3",
Expand All		@@ -108,7 +101,6 @@
		"react-calendar-heatmap": "1.8.1",
		"react-content-loader": "3.4.2",
		"react-copy-to-clipboard": "^5.0.3",
		"react-device-detect": "^1.17.0",
		"react-dom": "17.0.2",
		"react-highlight-words": "^0.16.0",
		"react-lazy-load-image-component": "1.5.0",
Expand DownExpand Up		@@ -138,7 +130,8 @@
		"stringz": "^2.0.0",
		"styled-components": "5.3.0",
		"timeago-react": "3.0.2",
		"tinykeys": "^1.0.6"
		"tinykeys": "^1.0.6",
		"urql": "^2.0.4"
		},
		"devDependencies": {
		"@commitlint/cli": "^8.2.0",
Expand All		@@ -156,12 +149,12 @@
		"bundlewatch": "^0.2.7",
		"commitizen": "3.1.2",
		"coveralls": "3.0.14",
		"cypress": "^7.0.0",
		"cypress": "4.2.0",
		"cz-conventional-changelog": "^3.0.0",
		"enzyme": "3.11.0",
		"enzyme-adapter-react-16": "1.15.2",
		"enzyme-to-json": "^3.3.4",
		"eslint": "6.4.0",
		"eslint": "^7.32.0",
		"eslint-config-next": "^11.0.1",
		"husky": "^3.0.0",
		"jest": "26.2.2",
Expand Down
Original file line number	Diff line number	Diff line change
		@@ -1,5 +1,4 @@
		const dev =
		process.env.NODE_ENV !== 'production' && process.env.NODE_ENV !== 'ci'
		const dev = process.env.NODE_ENV !== 'production' // && process.env.NODE_ENV !== 'ci'

		const cacheableResponse = require('cacheable-response')

Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -6,7 +6,7 @@

		import { FC, ReactNode, memo } from 'react'

		import { buildLog } from '@/utils'
		import { buildLog } from '@/utils/logger'

		import { Wrapper } from './styles'

Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -2,7 +2,7 @@ import styled from 'styled-components'

		import type { TTestable } from '@/spec'
		// import Img from '@/Img'
		// import { theme } from '@/utils'
		// import { theme } from '@/utils/themes'

		export const Wrapper = styled.div.attrs(({ testid }: TTestable) => ({
		'data-test-id': testid,
Expand Down
Original file line number	Diff line number	Diff line change
		@@ -1,7 +1,7 @@
		import styled from 'styled-components'

		import type { TSIZE, TActive } from '@/spec'
		import { theme } from '@/utils'
		import { theme } from '@/utils/themes'

		import { getFontSize } from './metric'

Expand Down