Rename keycloakify

This commit is contained in:
Joseph Garrone 2021-03-05 20:43:22 +01:00
parent d3631dd10c
commit f3fb360ce0
5 changed files with 14 additions and 14 deletions

View File

@ -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"

View File

@ -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",

View File

@ -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) {

View File

@ -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();

View File

@ -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
}); });
} }