sourcegraph/client/web
Valery Bugakov 77541f2c30
web: upgrade react-router to v6 (#47595)
- Closes #33834
- Upgraded react-router to v6
- Migrated the web application to [the data-aware router introduced in
v6.4.0](https://reactrouter.com/en/main/routers/picking-a-router#using-v64-data-apis).
- Migrated `history.block` usages to the `unstable_useBlock` hook
[introduced in
v6.7.0](https://github.com/remix-run/react-router/issues/8139).
- Removed explicit history reference from the `renderWithBrandedContext`
utility used in unit tests.
- Migrated the search-query state observer from `history.listen` to
`useLocation` API.

## Test plan

CI and manually visiting all the pages.
2023-02-21 06:32:51 +00:00
..
bookmarklet
dev web: upgrade react-router to v6 (#47595) 2023-02-21 06:32:51 +00:00
scripts web: upgrade prettier to the latest version to support TS satisfies operator (#45400) 2022-12-08 02:37:23 -08:00
src web: upgrade react-router to v6 (#47595) 2023-02-21 06:32:51 +00:00
.bazelignore bazel: ignore files generated into src (#45922) 2022-12-21 20:43:29 -08:00
.eslintignore web: review environment variables before the Datadog integration (#33994) 2022-04-19 02:22:48 -07:00
.eslintrc.js dx: inject remote js-context into local index.html (#47413) 2023-02-06 19:13:09 -08:00
.stylelintrc.json search: remove onboarding tour (#38142) 2022-07-06 13:22:27 +02:00
babel.config.js
BUILD.bazel build: add sass bazel build (#47139) 2023-02-02 19:14:25 -08:00
bundlesize.config.js Lazy load the new inlined code intel APIs (#41504) 2022-09-08 12:42:23 +00:00
gulpfile.js web: drop legacy GraphQL schema generator (#45945) 2022-12-25 18:10:20 -08:00
jest.config.js fix types for jest.config.base.js (using @jest/types package) (#24339) 2021-08-26 02:33:21 -07:00
package.json Fix web storybook pnpm script (#46540) 2023-01-17 11:32:10 -03:00
README.md web: review environment variables before the Datadog integration (#33994) 2022-04-19 02:22:48 -07:00
statoscope Report bundle size diff in PRs (#42277) 2022-10-12 10:19:51 +02:00
tsconfig.json web: fix pnpm-lock issue (#47478) 2023-02-09 22:04:31 -08:00
webpack.config.js dx: inject remote js-context into local index.html (#47413) 2023-02-06 19:13:09 -08:00

Web Application

Local development

Use sg CLI tool to configure and start local development server. For more information check out the sg documentation.

Our local development server runs by starting both a Caddy HTTPS server and a Node HTTP server. We then can reverse proxy requests to the Node server to serve client assets under HTTPS.

Configuration

Environment variables important for the web server:

  1. WEBPACK_SERVE_INDEX should be set to true to enable HTMLWebpackPlugin.
  2. SOURCEGRAPH_API_URL is used as a proxied API url. By default it points to the https://k8s.sgdev.org.

It's possible to overwrite these variables by creating sg.config.overwrite.yaml in the root folder and adjusting the env section of the relevant command.

Development server

sg start web-standalone

For open-source version:

sg start oss-web-standalone

Public API

To use a public API that doesn't require authentication for most of the functionality:

SOURCEGRAPH_API_URL=https://sourcegraph.com sg start web-standalone

For open-source version:

SOURCEGRAPH_API_URL=https://sourcegraph.com sg start oss-web-standalone

Production server

sg start web-standalone-prod

For open-source version:

sg start oss-web-standalone-prod

Web app should be available at https://${SOURCEGRAPH_HTTPS_DOMAIN}:${SOURCEGRAPH_HTTPS_PORT}. Build artifacts will be served from <rootRepoPath>/ui/assets.

Note: If you are unable to use the above commands (e.g. you can't install Caddy), you can use sg run web-standalone-http instead. This will start a development server using only Node, and will be available at http://localhost:${SOURCEGRAPH_HTTP_PORT}.

API proxy

In both environments, server proxies API requests to SOURCEGRAPH_API_URL provided as the .env variable.

esbuild (experimental)

See https://docs.sourcegraph.com/dev/background-information/web/build#esbuild.