HedgeDoc - Ideas grow better together
Find a file
2021-03-10 22:52:20 +01:00
.github Add branch info to browserstack runs (#935) 2021-01-11 21:55:25 +01:00
.idea fixed copyright template for idea (#938) 2021-01-10 16:08:36 +01:00
.reuse Add custom intro page by fetching markdown content from a file (#697) 2021-02-08 15:03:11 +01:00
cypress Add table formatting on paste of detected table (#957) 2021-03-10 22:52:20 +01:00
LICENSES Add custom language list for highlight js without 1c (#809) 2020-12-07 21:36:14 +01:00
public Add table formatting on paste of detected table (#957) 2021-03-10 22:52:20 +01:00
src Add table formatting on paste of detected table (#957) 2021-03-10 22:52:20 +01:00
.editorconfig Adjust editor config (#976) 2021-02-03 22:13:04 +01:00
.gitignore Change copyright year from 2020 to 2021 (#917) 2021-01-06 21:37:59 +01:00
.mailmap Added reuse information (#782) 2020-11-22 21:50:07 +01:00
.mailmap.license Change copyright year from 2020 to 2021 (#917) 2021-01-06 21:37:59 +01:00
AUTHORS.md Change copyright year from 2020 to 2021 (#917) 2021-01-06 21:37:59 +01:00
browserstack.json Add branch info to browserstack runs (#935) 2021-01-11 21:55:25 +01:00
browserstack.json.license Change copyright year from 2020 to 2021 (#917) 2021-01-06 21:37:59 +01:00
CHANGELOG.md Add table formatting on paste of detected table (#957) 2021-03-10 22:52:20 +01:00
CONTRIBUTING.md Change copyright year from 2020 to 2021 (#917) 2021-01-06 21:37:59 +01:00
craco.config.js Update dependency @craco/craco to v6.1.0 (#988) 2021-01-30 12:31:34 +00:00
cypress.json changed calls to cy.route to cy.intercept (#806) 2020-11-30 12:31:54 +01:00
cypress.json.license Change copyright year from 2020 to 2021 (#917) 2021-01-06 21:37:59 +01:00
developer-certificate-of-origin.txt added DCO (#764) 2020-11-22 10:06:53 +01:00
developer-certificate-of-origin.txt.license Added reuse information (#782) 2020-11-22 21:50:07 +01:00
package.json Update dependency @types/luxon to v1.26.2 2021-03-06 22:45:49 +00:00
package.json.license Change copyright year from 2020 to 2021 (#917) 2021-01-06 21:37:59 +01:00
README.md README: Fix production mode instructions 2021-02-07 16:38:41 +01:00
renovate.json Include markmap-common in renovate group 2021-01-30 12:48:14 +01:00
renovate.json.license Change copyright year from 2020 to 2021 (#917) 2021-01-06 21:37:59 +01:00
tsconfig.json Change tsconfig for jsx transpiler 2020-12-12 14:24:25 +01:00
tsconfig.json.license Change copyright year from 2020 to 2021 (#917) 2021-01-06 21:37:59 +01:00
yarn.lock Update dependency @types/luxon to v1.26.2 2021-03-06 22:45:49 +00:00
yarn.lock.license Change copyright year from 2020 to 2021 (#917) 2021-01-06 21:37:59 +01:00

HedgeDoc - React Client

test, build e2e lint lint

This is the new, improved and better looking frontend for HedgeDoc 2.0. Our goal is to recreate the current frontend in react and to improve it.

Preparation

You'll need at least Node 12. We use yarn for our dependencies.

Development mode

  1. Clone this repo (e.g. git clone https://github.com/hedgedoc/react-client.git hedgedoc-react-client)
  2. Go inside the repo (e.g. cd hedgedoc-react-client)
  3. Run yarn install
  4. Either run

This should run the app in the development mode and open http://localhost:3001 in your browser.

The page will reload if you make edits. You will also see any lint errors in the console.

Tests

Unit

Unit testing is done via jest.

  1. Run yarn test

End2End

We use cypress for e2e tests.

  1. Start the frontend with yarn start:test in dev test mode or build a test build with yarn build:test which you can serve with yarn serve:build Don't use the regular start/build command, or the tests will fail!
  2. Run yarn cy:open to open the cypress test loader
  3. Choose your browser and test
  4. Let the tests run

Bundle analysis

You can inspect the generated production-bundle files to look for optimization issues.

  1. Run yarn analyze
  2. Open the generated build/report.html in your favourite browser

Production mode

  1. Clone this repo (e.g. git clone https://github.com/hedgedoc/react-client.git hedgedoc-react-client)
  2. Go inside the repo (e.g. cd hedgedoc-react-client)
  3. Run yarn install
  4. Run yarn build:production

This will build the app in production mode and save it into the build folder. The production build is optimized for best performance, minimized and the filenames include a hash value of the content. Don't edit them by hand!