overleaf/services/web
Alexandre Bourdin 04c204f989 [web] Colour picker for tags (#12255)
* Base for color picker

* React color picker and updated modals

* Add tag color picker to mobile dashboard

* Update existing tests and fix disable save button condition

* CSS adaptations for desktop modal streched into mobile display

* Update TagsController tests

* Add aria-hidden label on color pickers

* Fix linting

* Fix project list test

* Select random color when creating tag

* Cleanup leftovers in project list context

* Test cleanup

* Pre-select custom color and store local color while picking

* Add type to preset colors

* Add css fix to override disabled button opacity

* Skip redundant check

* Fix linting

* Add back btn-secondary on manage tag modal after rebase

GitOrigin-RevId: a4cf24e85cc0ca01466f4bf9c77482be8360e68e
2023-04-13 08:04:03 +00:00
..
.github
.vscode Merge pull request #10995 from overleaf/lg-update-tpds-dropbox-only 2023-01-09 09:04:02 +00:00
app [web] Colour picker for tags (#12255) 2023-04-13 08:04:03 +00:00
bin Merge pull request #11674 from overleaf/jpa-check-extracted-translations-in-ci 2023-02-08 09:06:06 +00:00
config Merge pull request #12377 from overleaf/em-server-pro-config 2023-04-04 08:05:01 +00:00
cypress [cm6] Search panel keyboard navigation (#11639) 2023-03-16 09:04:41 +00:00
data
frontend [web] Colour picker for tags (#12255) 2023-04-13 08:04:03 +00:00
locales [web] Colour picker for tags (#12255) 2023-04-13 08:04:03 +00:00
migrations Merge pull request #12560 from overleaf/jpa-faster-migration 2023-04-12 08:04:05 +00:00
modules Merge pull request #12219 from overleaf/em-camel-case-web 2023-03-22 09:05:04 +00:00
public Merge pull request #12079 from overleaf/jel-mf-cms-icon-with-content 2023-03-17 09:05:46 +00:00
scripts Merge pull request #12474 from overleaf/em-oauth-scripts 2023-04-04 08:05:39 +00:00
test [web] Colour picker for tags (#12255) 2023-04-13 08:04:03 +00:00
transform/o-error
types Add default pathname logic on history react file tree (#12505) 2023-04-12 08:04:58 +00:00
webpack-plugins Merge pull request #8584 from overleaf/jk-fix-ce-build 2022-07-04 08:03:12 +00:00
.eastrc
.eslintignore Merge pull request #7880 from overleaf/jk-cm6-parser-migrate-to-web 2022-06-24 08:03:44 +00:00
.eslintrc Always use mockable location methods (#11929) 2023-03-17 09:05:21 +00:00
.gitignore Improve the Rich Text toolbar (#11616) 2023-02-07 09:04:39 +00:00
.nvmrc Merge pull request #9819 from overleaf/bg-node-upgrade 2022-10-04 08:02:41 +00:00
.prettierignore Merge pull request #7880 from overleaf/jk-cm6-parser-migrate-to-web 2022-06-24 08:03:44 +00:00
.prettierrc
app.js Only start queue workers/processing in web-api pods (#11800) 2023-02-24 09:05:04 +00:00
babel.config.json Fix .cjs importing via webpack/babel (#11090) 2023-01-10 09:04:45 +00:00
cypress.config.ts Merge pull request #12285 from overleaf/jpa-parallel-cypress-tests 2023-03-21 09:04:08 +00:00
docker-compose.ci.yml Merge pull request #12285 from overleaf/jpa-parallel-cypress-tests 2023-03-21 09:04:08 +00:00
docker-compose.common.env Merge pull request #6661 from overleaf/spd-local-tests 2022-08-10 08:03:45 +00:00
docker-compose.cypress.yml Upgrade Cypress to v12 (#11011) 2023-01-06 09:03:55 +00:00
docker-compose.yml Upgrade Cypress to v12 (#11011) 2023-01-06 09:03:55 +00:00
Dockerfile Merge pull request #9819 from overleaf/bg-node-upgrade 2022-10-04 08:02:41 +00:00
Dockerfile.frontend Merge pull request #9819 from overleaf/bg-node-upgrade 2022-10-04 08:02:41 +00:00
Dockerfile.frontend.ci
Dockerfile.frontend_ct
i18next-scanner.config.js
install_deps.sh
karma.conf.js
LICENSE
local-dev.env Merge pull request #10933 from overleaf/ab-hackathon-split-tests-fancy-dash 2022-12-21 09:05:50 +00:00
local-test.env Merge pull request #9750 from overleaf/ho-redis-volatile 2022-09-30 08:04:30 +00:00
Makefile Merge pull request #12285 from overleaf/jpa-parallel-cypress-tests 2023-03-21 09:04:08 +00:00
Makefile.module
nodemon.json
package.json [web] Colour picker for tags (#12255) 2023-04-13 08:04:03 +00:00
README.md Remove deprecated grunt code (#9506) 2022-09-16 08:05:37 +00:00
tsconfig.json Merge pull request #8139 from overleaf/ii-typescript-enable-strict-mode 2022-06-01 08:03:35 +00:00
webpack.config.dev.js Merge pull request #9830 from overleaf/ae-exclude-hot-source-editor 2022-10-07 08:04:05 +00:00
webpack.config.js Use MathJax v3 on the editor page (#11330) 2023-01-24 09:03:58 +00:00
webpack.config.prod.js Merge pull request #8028 from overleaf/ae-css-minimizer 2022-05-20 08:04:14 +00:00
webpack.config.test.js

overleaf/web

overleaf/web is the front-end web service of the open-source web-based collaborative LaTeX editor, Overleaf. It serves all the HTML pages, CSS and javascript to the client. overleaf/web also contains a lot of logic around creating and editing projects, and account management.

The rest of the Overleaf stack, along with information about contributing can be found in the overleaf/overleaf repository.

Running the app

The app runs natively using npm and Node on the local system:

$ npm install
$ npm run start

Running Tests

To run all tests run:

make test

To run both unit and acceptance tests for a module run:

make test_module MODULE=overleaf-integration

Unit Tests

The test suites run in Docker.

Unit tests can be run in the test_unit container defined in docker-compose.tests.yml.

The makefile contains a short cut to run these:

make test_unit

During development it is often useful to only run a subset of tests, which can be configured with arguments to the mocha CLI:

make test_unit MOCHA_GREP='AuthorizationManager'

To run only the unit tests for a single module do:

make test_unit_module MODULE=overleaf-integration

Module tests can also use a MOCHA_GREP argument:

make test_unit_module MODULE=overleaf-integration MOCHA_GREP=SSO

Acceptance Tests

Acceptance tests are run against a live service, which runs in the acceptance_test container defined in docker-compose.tests.yml.

To run the tests out-of-the-box, the makefile defines:

make test_acceptance

However, during development it is often useful to leave the service running for rapid iteration on the acceptance tests. This can be done with:

make test_acceptance_app_start_service
make test_acceptance_app_run # Run as many times as needed during development
make test_acceptance_app_stop_service

make test_acceptance just runs these three commands in sequence and then runs make test_acceptance_modules which performs the tests for each module in the modules directory. (Note that there is not currently an equivalent to the -start / -run x n / -stop series for modules.)

During development it is often useful to only run a subset of tests, which can be configured with arguments to the mocha CLI:

make test_acceptance_run MOCHA_GREP='AuthorizationManager'

To run only the acceptance tests for a single module do:

make test_acceptance_module MODULE=overleaf-integration

Module tests can also use a MOCHA_GREP argument:

make test_acceptance_module MODULE=overleaf-integration MOCHA_GREP=SSO

Routes

Run bin/routes to print out all routes in the project.

License and Credits

This project is licensed under the AGPLv3 license

Stylesheets

Overleaf is based on Bootstrap, which is licensed under the MIT license. All modifications (*.less files in public/stylesheets) are also licensed under the MIT license.

Artwork

Silk icon set 1.3

We gratefully acknowledge Mark James for releasing his Silk icon set under the Creative Commons Attribution 2.5 license. Some of these icons are used within Overleaf inside the public/img/silk and public/brand/icons directories.

IconShock icons

We gratefully acknowledge IconShock for use of the icons in the public/img/iconshock directory found via findicons.com