merge rmf-auth into dashboard (#985)

Signed-off-by: Teo Koon Peng <[email protected]>

Author: koonpeng

.github/workflows/dashboard.yml

@@ -5,7 +5,6 @@ on:
       - '.github/workflows/dashboard.yml'
       - 'packages/dashboard/**'
       - 'packages/react-components/**'
-      - 'packages/rmf-auth/**'
       - 'packages/rmf-models/**'
       - 'packages/api-client/**'
   push:

.github/workflows/rmf-auth.yml

@@ -1,4 +1,4 @@
-[![Nightly](https://github.com/open-rmf/rmf-web/actions/workflows/nightly.yml/badge.svg)](https://github.com/open-rmf/rmf-web/actions/workflows/nightly.yml) [![Dashboard End-to-End](https://github.com/open-rmf/rmf-web/actions/workflows/dashboard-e2e.yml/badge.svg)](https://github.com/open-rmf/rmf-web/actions/workflows/dashboard-e2e.yml) [![react-components](https://github.com/open-rmf/rmf-web/workflows/react-components/badge.svg)](https://github.com/open-rmf/rmf-web/actions?query=workflow%3Areact-components+branch%3Amain) [![dashboard](https://github.com/open-rmf/rmf-web/workflows/dashboard/badge.svg)](https://github.com/open-rmf/rmf-web/actions?query=workflow%3Adashboard+branch%3Amain) [![api-server](https://github.com/open-rmf/rmf-web/workflows/api-server/badge.svg)](https://github.com/open-rmf/rmf-web/actions?query=workflow%3Aapi-server+branch%3Amain) [![rmf-auth](https://github.com/open-rmf/rmf-web/actions/workflows/rmf-auth.yml/badge.svg)](https://github.com/open-rmf/rmf-web/actions/workflows/rmf-auth.yml) [![ros-translator](https://github.com/open-rmf/rmf-web/actions/workflows/ros-translator.yml/badge.svg)](https://github.com/open-rmf/rmf-web/actions/workflows/ros-translator.yml) [![api-client](https://github.com/open-rmf/rmf-web/actions/workflows/api-client.yml/badge.svg)](https://github.com/open-rmf/rmf-web/actions/workflows/api-client.yml) [![codecov](https://codecov.io/gh/open-rmf/rmf-web/branch/main/graph/badge.svg)](https://codecov.io/gh/open-rmf/rmf-web)
+[![Nightly](https://github.com/open-rmf/rmf-web/actions/workflows/nightly.yml/badge.svg)](https://github.com/open-rmf/rmf-web/actions/workflows/nightly.yml) [![Dashboard End-to-End](https://github.com/open-rmf/rmf-web/actions/workflows/dashboard-e2e.yml/badge.svg)](https://github.com/open-rmf/rmf-web/actions/workflows/dashboard-e2e.yml) [![react-components](https://github.com/open-rmf/rmf-web/workflows/react-components/badge.svg)](https://github.com/open-rmf/rmf-web/actions?query=workflow%3Areact-components+branch%3Amain) [![dashboard](https://github.com/open-rmf/rmf-web/workflows/dashboard/badge.svg)](https://github.com/open-rmf/rmf-web/actions?query=workflow%3Adashboard+branch%3Amain) [![api-server](https://github.com/open-rmf/rmf-web/workflows/api-server/badge.svg)](https://github.com/open-rmf/rmf-web/actions?query=workflow%3Aapi-server+branch%3Amain) [![ros-translator](https://github.com/open-rmf/rmf-web/actions/workflows/ros-translator.yml/badge.svg)](https://github.com/open-rmf/rmf-web/actions/workflows/ros-translator.yml) [![api-client](https://github.com/open-rmf/rmf-web/actions/workflows/api-client.yml/badge.svg)](https://github.com/open-rmf/rmf-web/actions/workflows/api-client.yml) [![codecov](https://codecov.io/gh/open-rmf/rmf-web/branch/main/graph/badge.svg)](https://codecov.io/gh/open-rmf/rmf-web)
 
 # RMF Web
 
@@ -21,12 +21,14 @@ Open-RMF Web is a collection of packages that provide a web-based interface for
 We currently support [Ubuntu 24.04](https://releases.ubuntu.com/noble/), [ROS 2 Jazzy](https://docs.ros.org/en/jazzy/index.html) and Open-RMF's [22.09](https://github.com/open-rmf/rmf/releases/tag/22.09) release. Other distributions may work as well, but is not guaranteed.
 
 Install pnpm and nodejs
+
 ```bash
 curl -fsSL https://get.pnpm.io/install.sh | bash -
 pnpm env use --global lts
 ```
 
 For Debian/Ubuntu systems,
+
 ```bash
 sudo apt install python3-pip python3-venv
 ```
@@ -35,26 +37,29 @@ sudo apt install python3-pip python3-venv
 
 Refer to the following documentation for either building from source or installing released binaries:
 
-* [rmf](https://github.com/open-rmf/rmf)
+- [rmf](https://github.com/open-rmf/rmf)
 
 > **Note**
 > Simulation demos are not part of the released binaries, and therefore a built workspace with at least the [demos repository](https://github.com/open-rmf/rmf_demos) would be required for trying out the web dashboard with simulation.
 
 ### Install dependencies
 
 Run
+
 ```bash
 pnpm install
 ```
 
 You may also install dependencies for only a subset of the packages
+
 ```bash
 pnpm install -w --filter <package>...
 ```
 
 ### Launching
 
 Source Open-RMF and launch the dashboard in development mode,
+
 ```bash
 # For binary installation
 source /opt/ros/jazzy/setup.bash
@@ -117,27 +122,27 @@ pnpm run start
 
 # Contribution guide
 
-* For general contribution guidelines, see [CONTRIBUTING](CONTRIBUTING.md).
-* Follow [typescript guidelines](https://basarat.gitbook.io/typescript/styleguide).
-* When introducing a new feature or component in [`react-components`](packages/react-components), write tests and stories.
-* When introducing a new feature in [`dashboard`](packages/dashboard), write tests as well as [e2e](packages/dashboard-e2e) test whenever possible.
-* When introducing API changes with [`api-server`](packages/api-server),
-  * If the new changes are to be used externally (outside of the web packages, with other Open-RMF packages for example), make changes to [`rmf_api_msgs`](https://github.com/open-rmf/rmf_api_msgs), before generating the required models using [this script](packages/api-server/generate-models.sh) with modified commit hashes.
-  * Don't forget to update the API client with the newly added changes with [these instructions](packages/api-client/README.md/#generating-rest-api-client).
-* Check out the latest API definitions [here](https://open-rmf.github.io/rmf-web/), or visit `/docs` relative to your running server's url, e.g. `http://localhost:8000/docs`.
-* Develop the frontend without launching any Open-RMF components using [storybook](packages/dashboard/README.md/#storybook).
-* For integration with new devices/infrastructure, check out [Robot Interaction Objects (RIO)](https://github.com/open-rmf/rmf-web/wiki/Robot-Interaction-Objects-(RIO)).
-* Update documentation alongside development, and update the [`ros2multirobotbook`](https://osrf.github.io/ros2multirobotbook) where necessary.
+- For general contribution guidelines, see [CONTRIBUTING](CONTRIBUTING.md).
+- Follow [typescript guidelines](https://basarat.gitbook.io/typescript/styleguide).
+- When introducing a new feature or component in [`react-components`](packages/react-components), write tests and stories.
+- When introducing a new feature in [`dashboard`](packages/dashboard), write tests as well as [e2e](packages/dashboard-e2e) test whenever possible.
+- When introducing API changes with [`api-server`](packages/api-server),
+  - If the new changes are to be used externally (outside of the web packages, with other Open-RMF packages for example), make changes to [`rmf_api_msgs`](https://github.com/open-rmf/rmf_api_msgs), before generating the required models using [this script](packages/api-server/generate-models.sh) with modified commit hashes.
+  - Don't forget to update the API client with the newly added changes with [these instructions](packages/api-client/README.md/#generating-rest-api-client).
+- Check out the latest API definitions [here](https://open-rmf.github.io/rmf-web/), or visit `/docs` relative to your running server's url, e.g. `http://localhost:8000/docs`.
+- Develop the frontend without launching any Open-RMF components using [storybook](packages/dashboard/README.md/#storybook).
+- For integration with new devices/infrastructure, check out [Robot Interaction Objects (RIO)](<https://github.com/open-rmf/rmf-web/wiki/Robot-Interaction-Objects-(RIO)>).
+- Update documentation alongside development, and update the [`ros2multirobotbook`](https://osrf.github.io/ros2multirobotbook) where necessary.
 
 # Configuration
 
-* See the [rmf-dashboard](packages/dashboard/README.md#configuration) docs for the frontend build-time and run-time configurations.
-* See the [api-server](packages/api-server/README.md#configuration) docs for API server run-time configurations.
+- See the [rmf-dashboard](packages/dashboard/README.md#configuration) docs for the frontend build-time and run-time configurations.
+- See the [api-server](packages/api-server/README.md#configuration) docs for API server run-time configurations.
 
 # Troubleshooting
 
-* If a feature is missing or is not working, it could be only available in an Open-RMF source build, and not in the binaries. Try building Open-RMF from source and source that new workspace before launching the API server. `rmf-web` may use in-development features of Open-RMF.
+- If a feature is missing or is not working, it could be only available in an Open-RMF source build, and not in the binaries. Try building Open-RMF from source and source that new workspace before launching the API server. `rmf-web` may use in-development features of Open-RMF.
 
-* Creating tasks from the web dashboard when running a simulated Open-RMF deployment will require the task start time suit simulation time, which starts from unix millis 0. Try creating the same task with a start date of before the year of 1970.
+- Creating tasks from the web dashboard when running a simulated Open-RMF deployment will require the task start time suit simulation time, which starts from unix millis 0. Try creating the same task with a start date of before the year of 1970.
 
-* Check if the issue has already been [reported or fixed](https://github.com/open-rmf/rmf-web/issues).
+- Check if the issue has already been [reported or fixed](https://github.com/open-rmf/rmf-web/issues).

README.md

@@ -15,7 +15,3 @@ flags:
     paths:
       - packages/api-server
     carryforward: true
-  rmf-auth:
-    paths:
-      - packages/rmf-auth
-    carryforward: true

codecov.yml

@@ -42,14 +42,14 @@
     "debug": "^4.2.0",
     "eventemitter3": "^4.0.7",
     "jsdom": "^24.1.1",
+    "keycloak-js": "^25.0.2",
     "react": "^18.2.0",
     "react-components": "workspace:*",
     "react-dom": "^18.2.0",
     "react-error-boundary": "^4.0.13",
     "react-grid-layout": "^1.3.4",
     "react-router": "^6.14.1",
     "react-router-dom": "^6.14.1",
-    "rmf-auth": "workspace:*",
     "rmf-models": "workspace:*",
     "rxjs": "^7.5.5",
     "three": "^0.166.1"
@@ -66,11 +66,13 @@
     "@testing-library/dom": "^9.3.4",
     "@testing-library/react": "^14.2.2",
     "@testing-library/user-event": "^14.5.2",
+    "@types/history": "^5.0.0",
     "@vitejs/plugin-react-swc": "^3.7.0",
     "@vitest/coverage-v8": "^2.0.4",
     "api-server": "file:../api-server",
     "concurrently": "^8.2.2",
     "eslint": "^8.57.0",
+    "history": "^5.3.0",
     "storybook": "^8.0.5",
     "typescript": "~5.4.3",
     "vite": "^5.3.5",

packages/dashboard/package.json

@@ -1,8 +1,8 @@
 import React from 'react';
 import { getDefaultTaskDefinition, TaskDefinition } from 'react-components';
-import { Authenticator, KeycloakAuthenticator, StubAuthenticator } from 'rmf-auth';
 
 import appConfigJson from '../app-config.json';
+import { Authenticator, KeycloakAuthenticator, StubAuthenticator } from './auth';
 import { BasePath } from './util/url';
 
 export interface RobotResource {

packages/dashboard/src/app-config.ts

@@ -0,0 +1,7 @@
+export * from './authenticator';
+export * from './keycloak';
+export * from './login-card';
+export * from './login-page';
+export * from './private-route';
+export * from './stub';
+export * from './user-profile';

packages/rmf-auth/lib/authenticator.ts renamed to packages/dashboard/src/auth/authenticator.ts

@@ -1,6 +1,6 @@
 import Debug from 'debug';
 import EventEmitter from 'eventemitter3';
-import Keycloak, { KeycloakInstance } from 'keycloak-js';
+import Keycloak from 'keycloak-js';
 
 import { Authenticator, AuthenticatorEventType } from './authenticator';
 
@@ -31,7 +31,7 @@ export class KeycloakAuthenticator
    */
   constructor(config: Keycloak.KeycloakConfig | string, silentCheckSsoRedirectUri?: string) {
     super();
-    this._inst = Keycloak(config);
+    this._inst = new Keycloak(config);
     this._silentCheckSsoRedirectUri = silentCheckSsoRedirectUri;
   }
 
@@ -118,7 +118,7 @@ export class KeycloakAuthenticator
   }
 
   private _initialized = false;
-  private _inst: KeycloakInstance;
+  private _inst: Keycloak;
   private _silentCheckSsoRedirectUri?: string;
   private _user?: string;
   private _isAdmin = false;