keycloak-scim/js/apps/admin-ui
dependabot[bot] 79a3d37ae9
Bump @testing-library/jest-dom from 6.6.1 to 6.6.2 (#34074)
Bumps [@testing-library/jest-dom](https://github.com/testing-library/jest-dom) from 6.6.1 to 6.6.2.
- [Release notes](https://github.com/testing-library/jest-dom/releases)
- [Changelog](https://github.com/testing-library/jest-dom/blob/main/CHANGELOG.md)
- [Commits](https://github.com/testing-library/jest-dom/compare/v6.6.1...v6.6.2)

---
updated-dependencies:
- dependency-name: "@testing-library/jest-dom"
  dependency-type: direct:development
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
2024-10-18 12:31:17 +02:00
..
cypress Honor baseUrl when generating the client home URL in the Admin Console (#34016) 2024-10-18 12:22:07 +02:00
maven-resources Add dark mode support to welcome theme and unify approach (#32495) 2024-10-04 08:27:37 -04:00
maven-resources-community/theme/keycloak.v2/admin/messages Translations update from Hosted Weblate (#33383) 2024-10-18 09:08:06 +00:00
public Upgrade admin and account console to PatternFly 5 (#28196) 2024-04-05 16:37:05 +02:00
src Honor baseUrl when generating the client home URL in the Admin Console (#34016) 2024-10-18 12:22:07 +02:00
.gitignore Add lib directory of Admin Console to .gitignore (#31579) 2024-07-24 17:31:35 +02:00
CONTRIBUTING.md make admin-ui build as a library (#30268) 2024-07-05 12:48:10 -04:00
cypress.config.ts Fixed running Cypress tests on Firefox (#33768) 2024-10-10 10:10:54 +00:00
package.json Bump @testing-library/jest-dom from 6.6.1 to 6.6.2 (#34074) 2024-10-18 12:31:17 +02:00
pom.xml Fix typo of interface (#32636) 2024-09-04 10:01:00 +00:00
README.md make admin-ui build as a library (#30268) 2024-07-05 12:48:10 -04:00
tsconfig.json Move ESLint configuration to project root (#28639) 2024-04-12 08:34:18 +00:00
tsconfig.node.json Rework project structure so it matches the main repo 2023-03-07 11:55:19 +01:00
vite.config.ts make admin-ui build as a library (#30268) 2024-07-05 12:48:10 -04:00

Keycloak Admin UI

This project is the next generation of the Keycloak Admin UI. It is written with React and PatternFly 4 and uses Vite.

Features

Contains all the "pages" from the admin-ui as re-usable components, all the functions to save and the side menu to use in your own build of the admin-ui

Install

npm i @keycloak/keycloak-admin-ui

Usage

To use these pages you'll need to add KeycloakProvider in your component hierarchy to setup what client, realm and url to use.

import { KeycloakProvider } from "@keycloak/keycloak-ui-shared";

//...

<KeycloakProvider environment={{
      authServerUrl: "http://localhost:8080",
      realm: "master",
      clientId: "security-admin-console"
  }}>
  {/* rest of you application */}
</KeycloakProvider>

Translation

For the translation we use react-i18next you can set it up as described on their website. If you want to use the translations that are provided then you need to add i18next-http-backend to your project and add:


backend: {
  loadPath: `http://localhost:8180/resources/master/admin/{{lng}}`,
  parse: (data: string) => {
    const messages = JSON.parse(data);

    const result: Record<string, string> = {};
    messages.forEach((v) => (result[v.key] = v.value));
    return result;
  },
},

to the i18next config object.

Building

To build a library instead of an app you need to add the LIB=true environment variable.

LIB=true pnpm run build