Files

T

Namkhai BandUmputun 98bfc7f5f5 Don't set X-XSRF-TOKEN when the user isn't logged in

An HTTP header cannot be empty, and although some webservers allow this
(nginx, Apache), others answer 400 Bad Request (lighttpd), preventing
the widget from loading.

2021-06-15 02:01:57 -05:00

.husky

bump

2021-05-06 15:39:57 -05:00

app

Don't set X-XSRF-TOKEN when the user isn't logged in

2021-06-15 02:01:57 -05:00

tasks

regenerate i18n

2021-05-03 14:00:14 -05:00

templates

post messages from iframe

2021-06-03 00:56:16 -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

Site (#1049 )

2021-06-13 18:44:49 -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

Bump trim-newlines from 3.0.0 to 3.0.1 in /frontend

2021-06-09 13:03:36 -05:00

package.json

remove csso

2021-05-06 16:10:25 -05:00

README.md

fix link to doc/latest/translation.md in Frontend guide, was 404

2021-04-05 14:54:44 -05: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

minify css bundle

2021-05-06 16:10:25 -05: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