@react-keycloak/keycloak-ts

Keycloak typescript adapter

Usage no npm install needed!

<script type="module">
  import reactKeycloakKeycloakTs from 'https://cdn.skypack.dev/@react-keycloak/keycloak-ts';
</script>

README

KeycloakTS

Typescript porting of Keycloak javascript client

:construction: WIP: Under development :construction:

NPM (scoped)

License Github Issues

Gitter

Table of Contents

Install

yarn add @react-keycloak/keycloak-ts

or

npm install @react-keycloak/keycloak-ts

Getting Started

KeycloakTS provides a porting of the original Keycloak javascript adapter to allow better extensibility and usage on different platform by using custom adapters.

Create a custom KeycloakAdapter

Create a class which implements the KeycloakAdapter interface

import type { KeycloakAdapter } from '@react-keycloak/keycloak-ts';

// Wrap everything inside ReactNativeKeycloakProvider
class MyCustomAdapter implements KeycloakAdapter {
  ...
};

export default MyCustomAdapter;

Setup Keycloak instance

import { KeycloakClient } from '@react-keycloak/keycloak-ts';

import MyCustomAdapter from './adapter.ts';

// Setup Keycloak client as needed
// Pass initialization options as required
const keycloak = new KeycloakClient({
  url: 'http://keycloak-server/auth',
  realm: 'kc-realm',
  clientId: 'web'
});

// Call init passing a custom adapter

keycloak.init({
  adapter: MyCustomAdapter,
});

export default keycloak;

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT