keycloakify 4.2.20 → 4.2.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +4 -0
- package/README.md +19 -9
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
package/README.md
CHANGED
|
@@ -5,11 +5,21 @@
|
|
|
5
5
|
<i>🔏 Create Keycloak themes using React 🔏</i>
|
|
6
6
|
<br>
|
|
7
7
|
<br>
|
|
8
|
-
<
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
<
|
|
12
|
-
|
|
8
|
+
<a href="https://github.com/garronej/keycloakify/actions">
|
|
9
|
+
<img src="https://github.com/garronej/keycloakify/workflows/ci/badge.svg?branch=main">
|
|
10
|
+
</a>
|
|
11
|
+
<a href="https://bundlephobia.com/package/keycloakify">
|
|
12
|
+
<img src="https://img.shields.io/bundlephobia/minzip/keycloakify">
|
|
13
|
+
</a>
|
|
14
|
+
<a href="https://www.npmjs.com/package/keycloakify">
|
|
15
|
+
<img src="https://img.shields.io/npm/dw/keycloakify">
|
|
16
|
+
</a>
|
|
17
|
+
<a href="https://github.com/garronej/keycloakify/blob/main/LICENSE">
|
|
18
|
+
<img src="https://img.shields.io/npm/l/keycloakify">
|
|
19
|
+
</a>
|
|
20
|
+
<a href="https://github.com/InseeFrLab/keycloakify/blob/729503fe31a155a823f46dd66ad4ff34ca274e0a/tsconfig.json#L14">
|
|
21
|
+
<img src="https://camo.githubusercontent.com/0f9fcc0ac1b8617ad4989364f60f78b2d6b32985ad6a508f215f14d8f897b8d3/68747470733a2f2f62616467656e2e6e65742f62616467652f547970655363726970742f7374726963742532302546302539462539322541412f626c7565">
|
|
22
|
+
</a>
|
|
13
23
|
<a href="https://github.com/thomasdarimont/awesome-keycloak">
|
|
14
24
|
<img src="https://awesome.re/mentioned-badge.svg"/>
|
|
15
25
|
</a>
|
|
@@ -203,8 +213,8 @@ reactDom.render(
|
|
|
203
213
|
<img src="https://user-images.githubusercontent.com/6702424/114326299-6892fc00-9b34-11eb-8d75-85696e55458f.png">
|
|
204
214
|
</p>
|
|
205
215
|
|
|
206
|
-
Example of a customization using only CSS: [here](https://github.com/InseeFrLab/onyxia-
|
|
207
|
-
(the [index.tsx](https://github.com/InseeFrLab/onyxia-
|
|
216
|
+
Example of a customization using only CSS: [here](https://github.com/InseeFrLab/onyxia-web/blob/012639d62327a9a56be80c46e32c32c9497b82db/src/app/components/KcApp.tsx)
|
|
217
|
+
(the [index.tsx](https://github.com/InseeFrLab/onyxia-web/blob/012639d62327a9a56be80c46e32c32c9497b82db/src/app/index.tsx#L89-L94) )
|
|
208
218
|
and the result you can expect:
|
|
209
219
|
|
|
210
220
|
<p align="center">
|
|
@@ -219,7 +229,7 @@ If you want to go beyond only customizing the CSS you can re-implement some of t
|
|
|
219
229
|
pages or even add new ones.
|
|
220
230
|
|
|
221
231
|
If you want to go this way checkout the demo setup provided [here](https://github.com/garronej/keycloakify-demo-app/tree/look_and_feel).
|
|
222
|
-
If you prefer a real life example you can checkout [onyxia-web's source](https://github.com/InseeFrLab/onyxia-web/tree/main/src/
|
|
232
|
+
If you prefer a real life example you can checkout [onyxia-web's source](https://github.com/InseeFrLab/onyxia-web/tree/main/src/ui/components/KcApp).
|
|
223
233
|
The web app is in production [here](https://datalab.sspcloud.fr).
|
|
224
234
|
|
|
225
235
|
Main takeaways are:
|
|
@@ -425,7 +435,7 @@ keycloakInstance.init({
|
|
|
425
435
|
|
|
426
436
|
If you really want to go the extra miles and avoid having the white
|
|
427
437
|
flash of the blank html before the js bundle have been evaluated
|
|
428
|
-
[here is a snippet](https://github.com/InseeFrLab/onyxia-
|
|
438
|
+
[here is a snippet](https://github.com/InseeFrLab/onyxia-web/blob/e1c1f309aaa3d5f860df39ba0b75cce89c88a9de/public/index.html#L117-L166) that you can place in your `public/index.html` if you are using `powerhooks/useGlobalState`.
|
|
429
439
|
|
|
430
440
|
# Kickstart video
|
|
431
441
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "keycloakify",
|
|
3
|
-
"version": "4.2.
|
|
3
|
+
"version": "4.2.21",
|
|
4
4
|
"description": "Keycloak theme generator for Reacts app",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -342,11 +342,11 @@
|
|
|
342
342
|
},
|
|
343
343
|
"dependencies": {
|
|
344
344
|
"cheerio": "^1.0.0-rc.5",
|
|
345
|
-
"evt": "2.0.0-beta.
|
|
345
|
+
"evt": "2.0.0-beta.39",
|
|
346
346
|
"minimal-polyfills": "^2.2.1",
|
|
347
347
|
"path-browserify": "^1.0.1",
|
|
348
348
|
"react-markdown": "^5.0.3",
|
|
349
349
|
"scripting-tools": "^0.19.13",
|
|
350
|
-
"tsafe": "^0.
|
|
350
|
+
"tsafe": "^0.9.0"
|
|
351
351
|
}
|
|
352
352
|
}
|