Files

T

Pavel MineevandUmputun e7950fcb22 Fix saving comment to LS

* save comment after image upload
* do not affect error messages by save to LS mechanism
* check if data in LS in empty

2021-03-22 03:42:03 -05:00

app

Fix saving comment to LS

2021-03-22 03:42:03 -05:00

tasks

Belarusian locale introduced

2021-02-12 17:49:40 +03:00

templates

resize only comments iframe, prevent to resize iframe by comments info

2021-03-14 04:16:33 -05:00

.babelrc.js

use parens for arrow funcs always

2021-01-29 03:17:10 -06:00

.eslintignore

put all config in separate js files

2020-04-13 21:58:01 +03:00

.eslintrc.js

bump deps

2021-02-24 17:42:02 +03:00

.gitignore

Update frontend

2021-01-12 13:39:26 -06:00

.huskyrc.js

Run ui specs on CI

2020-08-20 02:52:13 -05:00

.lintstagedrc.js

Update frontend

2021-01-12 13:39:26 -06:00

.prettierignore

Update frontend

2021-01-12 13:39:26 -06:00

.prettierrc.js

use parens for arrow funcs always

2021-01-29 03:17:10 -06:00

.size-limit.js

new-auth: increase limit for remark.css

2021-03-04 12:02:46 -06:00

.stylelintignore

Update frontend

2021-01-12 13:39:26 -06:00

.stylelintrc.js

new-auth

2021-03-04 12:02:46 -06:00

codecov.yml

Setup coverage for FE

2020-09-06 14:15:56 -05:00

jest.config.js

new-auth: add tests

2021-03-04 12:02:46 -06:00

jest.setup.ts

Update frontend

2021-01-12 13:39:26 -06:00

package-lock.json

add testing-library/jest-dom, fix waitfor

2021-03-04 12:02:46 -06:00

package.json

add testing-library/jest-dom, fix waitfor

2021-03-04 12:02:46 -06:00

README.md

turn back dotenv

2021-01-12 13:39:26 -06:00

remark.image

Changes

2021-01-12 13:39:26 -06:00

tsconfig.json

Replacing REMARK_URL, fix remark_config stub, add minify html/css in templates

2021-01-12 13:39:26 -06:00

webpack.config.js

fix webpack config

2021-02-24 12:26:37 -06:00

README.md

Frontend guide

Code Style

project uses typescript to statically analyze code
project uses eslint and stylelint to check frontend code. You can manually run via npm run lint.
git hooks (via husky) installed automatically on npm install and check and try to fix code style if possible, otherwise commit will be rejected
if you want IDE integration, you need eslint and stylelint plugin to be installed.

CSS Styles

now we are migrating to css-modules and this is recomended way to stylization. A file with styles should be named like component.module.css
old component styles use BEM notation (at least it should): block__element_modifier. Also there are mix classes: block_modifier.
new way to naming CSS selectors is camel-case like blockElemenModifier and use classnames to combine it
component base style resides in the component's root directory with name of component converted to kebab-case. For example ListComments style is located in ./app/components/list-comments/list-component.tsx
any other files should be named also in kebab-case. For example ./app/utils/get-param.ts

Imports

imports for typescript, javascript files should be without extension: ./index, not ./index.ts
if file resides in the same directory or in subdirectory import should be relative: ./types/something
otherwise it should be imported by absolute path relative to src folder like common/store which mapped to ./app/common/store.ts in webpack, tsconfig and jest

Testing

project uses jest as test harness.
jest check files that match regex \.(test|spec)\.ts(x?)$, i.e comment.test.tsx, comment.spec.ts
tests are running on push attempt
example tests can be found in ./app/store/user/reducers.test.ts, ./app/components/auth-panel/auth-panel.test.tsx

How to add new locale

Please see this documentation.

Notes

Frontend part being bundled on docker env gets placed on /src/web and is available via http://{host}/web. for example embed.js entry point will be available at http://{host}/web/embed.js