overleaf/services/web
Davinder Singh 92a23b7e9d Gallery redesign - Making the changes on tagged page to match figma design (#21256)
* Adding max width for gallery-summary

* changin card background color

* removing row from within the card

* matching the padding of gray card with figma design

* removing row and spaced row to avoid extra padding and adding doc-rows-container

* adding grid for templates and removing some old styling

* adding .recent-templates-container to add the padding and margins

* deleting a comment and adding img border radius for the thumbnail

* adding margin-bottom on recent-templates-container

* adding .gallery-tagged-title-container to match the figma padding and then a fix was needed for the width of the filters

* renaming gallery-tagged-title-container to gallery-tagged-container-spacing and re-using it for Related tags container

* making recent heading as heading-xl to match figma

* adding badge styling and its container styling via .gallery-tagged-template-tags-container

* making two classes out of this class .gallery-tagged-container-spacing to add the styling for the h2 heading

* adding margin-bottom to match figma style

* making class generic and using it at multiple places

* removing some extra code

* removing grid styling because after rebase the layout was fixed with col classes

* adding rows back

* adding h2 instead of h3 and making them heading-xl

* adapting some changes after merge conflicts

* removing duplicate classname after rebase

GitOrigin-RevId: d02a0b1e2784fd96d2af2326700829879dacc464
2024-10-24 08:05:26 +00:00
..
.storybook [web] Migrate AI Error Assistant to BS5 (#21129) 2024-10-23 08:06:36 +00:00
.vscode
app Revert "Send subscription -> salesforce/v1 links to analytics" 2024-10-23 08:06:11 +00:00
bin Only use sentry-cli sourcemaps upload (#20852) 2024-10-14 11:06:41 +00:00
config Reapply "Remove spell check languages that are only available on the server (#21056)" (#21257) 2024-10-23 08:05:14 +00:00
cypress Set workerPublicPath in webpack config (#20629) 2024-10-14 11:06:45 +00:00
data
frontend Gallery redesign - Making the changes on tagged page to match figma design (#21256) 2024-10-24 08:05:26 +00:00
locales auto update translation 2024-10-23 08:06:23 +00:00
migrations Merge pull request #21202 from overleaf/ls-scripts-to-esm-2 2024-10-23 08:04:53 +00:00
modules Revert "[web] Migrate modules/server-ce-scripts to ESM" 2024-10-22 08:07:04 +00:00
public Merge pull request #21272 from overleaf/jel-gallery-categories-images 2024-10-23 08:05:38 +00:00
scripts Merge pull request #21202 from overleaf/ls-scripts-to-esm-2 2024-10-23 08:04:53 +00:00
test Revert "Send subscription -> salesforce/v1 links to analytics" 2024-10-23 08:06:11 +00:00
transform/o-error
types Merge pull request #21212 from overleaf/revert-20969-ac-subscription-layout-react 2024-10-18 08:06:05 +00:00
webpack-plugins
.dockerignore
.eastrc Merge pull request #20732 from overleaf/revert-20731-revert-20480-ls-convert-migration-scripts-to-esm 2024-10-14 10:58:50 +00:00
.eslintignore Use Hunspell for client-side spellchecking (#20286) 2024-10-14 10:58:36 +00:00
.eslintrc.js Merge pull request #21229 from overleaf/ls-apply-es-specific-rule-to-migrations-and-scripts 2024-10-21 08:04:50 +00:00
.gitignore Merge pull request #19220 from overleaf/jpa-precompile-pug 2024-07-04 08:04:51 +00:00
.nvmrc Merge pull request #17870 from overleaf/bg-node-upgrade-18-20-2 2024-04-24 08:05:16 +00:00
.prettierignore Use Hunspell for client-side spellchecking (#20286) 2024-10-14 10:58:36 +00:00
.prettierrc
.stylelintrc.json Merge pull request #20860 from overleaf/td-bs5-history-versions-list 2024-10-14 11:11:01 +00:00
app.mjs Merge pull request #21049 from overleaf/tm-web-unhandledrejection 2024-10-18 08:05:04 +00:00
babel.config.json Update core-js 2024-10-14 11:00:55 +00:00
cloudbuild-storybook-index.html.m4
cloudbuild-storybook.yaml Merge pull request #17870 from overleaf/bg-node-upgrade-18-20-2 2024-04-24 08:05:16 +00:00
cypress.config.ts
docker-compose.ci.yml
docker-compose.common.env Merge pull request #19901 from overleaf/ac-confirm-institution-domain-queue-in-institution-module 2024-08-14 08:05:39 +00:00
docker-compose.cypress.yml Upgrade Babel, Webpack and Cypress dependencies (#19729) 2024-08-02 08:05:57 +00:00
docker-compose.yml Upgrade Babel, Webpack and Cypress dependencies (#19729) 2024-08-02 08:05:57 +00:00
Dockerfile Convert app.js to ES modules 2024-10-14 11:04:23 +00:00
Dockerfile.frontend Merge pull request #17870 from overleaf/bg-node-upgrade-18-20-2 2024-04-24 08:05:16 +00:00
Dockerfile.frontend.ci
Dockerfile.frontend_ct Fix Dockerfile FromAsCasing warnings (#20388) 2024-09-23 08:04:52 +00:00
i18next-scanner.config.js Merge pull request #18136 from overleaf/jpa-fix-i18n-scanner-glob 2024-04-29 08:04:45 +00:00
LICENSE
local-dev.env Merge pull request #19128 from overleaf/jdt-latex-2024-release 2024-06-27 08:04:35 +00:00
local-test.env Merge pull request #18116 from overleaf/jpa-bulk-replace-localhost 2024-04-26 08:04:39 +00:00
Makefile Merge pull request #21097 from overleaf/ls-scripts-to-esm-1 2024-10-21 08:04:42 +00:00
Makefile.module
package.json Merge pull request #20982 from overleaf/ae-font-folders 2024-10-17 08:05:59 +00:00
README.md Merge pull request #20062 from overleaf/ab-saas-authentication-module-renaming 2024-08-23 08:04:43 +00:00
tsconfig.backend.json
tsconfig.json Merge pull request #18167 from overleaf/em-simpler-typescript-backend 2024-05-07 08:04:00 +00:00
webpack.config.dev.js Move runtimeChunk optimisation to production webpack config (#18982) 2024-08-02 08:04:43 +00:00
webpack.config.js Set workerPublicPath in webpack config (#20629) 2024-10-14 11:06:45 +00:00
webpack.config.prod.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=saas-authentication

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=saas-authentication

Module tests can also use a MOCHA_GREP argument:

make test_unit_module MODULE=saas-authentication 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=saas-authentication

Module tests can also use a MOCHA_GREP argument:

make test_acceptance_module MODULE=saas-authentication 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