Rename keycloakify
This commit is contained in:
parent
d3631dd10c
commit
f3fb360ce0
14
README.md
14
README.md
@ -5,10 +5,10 @@
|
|||||||
<i>🔏 Keycloak theme generator for Reacts app 🔏</i>
|
<i>🔏 Keycloak theme generator for Reacts app 🔏</i>
|
||||||
<br>
|
<br>
|
||||||
<br>
|
<br>
|
||||||
<img src="https://github.com/garronej/keycloak-react-theming/workflows/ci/badge.svg?branch=develop">
|
<img src="https://github.com/garronej/keycloakify/workflows/ci/badge.svg?branch=develop">
|
||||||
<img src="https://img.shields.io/bundlephobia/minzip/keycloak-react-theming">
|
<img src="https://img.shields.io/bundlephobia/minzip/keycloakify">
|
||||||
<img src="https://img.shields.io/npm/dw/keycloak-react-theming">
|
<img src="https://img.shields.io/npm/dw/keycloakify">
|
||||||
<img src="https://img.shields.io/npm/l/keycloak-react-theming">
|
<img src="https://img.shields.io/npm/l/keycloakify">
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
|
|
||||||
@ -30,7 +30,7 @@ to reproduce the look and feel of a specific app. Not mentioning the maintenance
|
|||||||
Wouldn't it be great if we could just design the login and register pages as if they where part of our app while
|
Wouldn't it be great if we could just design the login and register pages as if they where part of our app while
|
||||||
still letting Keycloak handle the heavy lifting of actually authenticating the users?
|
still letting Keycloak handle the heavy lifting of actually authenticating the users?
|
||||||
|
|
||||||
Here is `yarn add keycloak-react-theming` for you 🍸
|
Here is `yarn add keycloakify` for you 🍸
|
||||||
|
|
||||||
TODO: Insert video after.
|
TODO: Insert video after.
|
||||||
|
|
||||||
@ -38,7 +38,7 @@ TODO: Insert video after.
|
|||||||
|
|
||||||
## Setting up the build tool
|
## Setting up the build tool
|
||||||
|
|
||||||
Add `keycloak-react-theming` to the dev dependencies of your project `npm install --save-dev keycloak-react-theming` or `yarn add --dev keycloak-react-theming`
|
Add `keycloakify` to the dev dependencies of your project `npm install --save-dev keycloakify` or `yarn add --dev keycloakify`
|
||||||
then configure your `package.json` build's script to build the keycloak's theme by adding `&& build-keycloak-theme`.
|
then configure your `package.json` build's script to build the keycloak's theme by adding `&& build-keycloak-theme`.
|
||||||
|
|
||||||
Typically you will get:
|
Typically you will get:
|
||||||
@ -46,7 +46,7 @@ Typically you will get:
|
|||||||
`package.json`:
|
`package.json`:
|
||||||
```json
|
```json
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"keycloak-react-theming": "^0.0.10"
|
"keycloakify": "^0.0.10"
|
||||||
},
|
},
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"build": "react-scripts build && build-keycloak-theme"
|
"build": "react-scripts build && build-keycloak-theme"
|
||||||
|
@ -1,10 +1,10 @@
|
|||||||
{
|
{
|
||||||
"name": "keycloak-react-theming",
|
"name": "keycloakify",
|
||||||
"version": "0.0.33",
|
"version": "0.1.0",
|
||||||
"description": "Keycloak theme generator for Reacts app",
|
"description": "Keycloak theme generator for Reacts app",
|
||||||
"repository": {
|
"repository": {
|
||||||
"type": "git",
|
"type": "git",
|
||||||
"url": "git://github.com/garronej/keycloak-react-theming.git"
|
"url": "git://github.com/garronej/keycloakify.git"
|
||||||
},
|
},
|
||||||
"main": "dist/lib/index.js",
|
"main": "dist/lib/index.js",
|
||||||
"types": "dist/lib/index.d.ts",
|
"types": "dist/lib/index.d.ts",
|
||||||
@ -40,7 +40,7 @@
|
|||||||
"login",
|
"login",
|
||||||
"register"
|
"register"
|
||||||
],
|
],
|
||||||
"homepage": "https://github.com/garronej/keycloak-react-theming",
|
"homepage": "https://github.com/garronej/keycloakify",
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@types/node": "^10.0.0",
|
"@types/node": "^10.0.0",
|
||||||
"@types/react": "^17.0.0",
|
"@types/react": "^17.0.0",
|
||||||
|
@ -5,7 +5,7 @@ import { downloadAndUnzip } from "./tools/downloadAndUnzip";
|
|||||||
import { join as pathJoin } from "path";
|
import { join as pathJoin } from "path";
|
||||||
|
|
||||||
export const builtinThemesUrl =
|
export const builtinThemesUrl =
|
||||||
"https://github.com/garronej/keycloak-react-theming/releases/download/v0.0.1/keycloak_11.0.3_builtin_themes.zip";
|
"https://github.com/garronej/keycloakify/releases/download/v0.0.1/keycloak_11.0.3_builtin_themes.zip";
|
||||||
|
|
||||||
if (require.main === module) {
|
if (require.main === module) {
|
||||||
|
|
||||||
|
@ -44,7 +44,7 @@ export const Template = memo((props: TemplateProps) => {
|
|||||||
displayInfoNode = null
|
displayInfoNode = null
|
||||||
} = props;
|
} = props;
|
||||||
|
|
||||||
useEffect(()=> { console.log("Rendering this page with react using keycloak-react-theming") },[]);
|
useEffect(()=> { console.log("Rendering this page with react using keycloakify") },[]);
|
||||||
|
|
||||||
const { t } = useKcTranslation();
|
const { t } = useKcTranslation();
|
||||||
|
|
||||||
|
@ -8,7 +8,7 @@ export const sampleReactProjectDirPath = pathJoin(getProjectRoot(), "sample_reac
|
|||||||
export function setupSampleReactProject() {
|
export function setupSampleReactProject() {
|
||||||
|
|
||||||
downloadAndUnzip({
|
downloadAndUnzip({
|
||||||
"url": "https://github.com/garronej/keycloak-react-theming/releases/download/v0.0.1/sample_build_dir_and_package_json.zip",
|
"url": "https://github.com/garronej/keycloakify/releases/download/v0.0.1/sample_build_dir_and_package_json.zip",
|
||||||
"destDirPath": sampleReactProjectDirPath
|
"destDirPath": sampleReactProjectDirPath
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user