diff --git a/README.md b/README.md index e6e5e45..e113b8a 100644 --- a/README.md +++ b/README.md @@ -22,20 +22,16 @@ If you are only looking to create a theme (and not a theme + an App) there are a ```bash yarn # install dependencies (it's like npm install) -yarn build-keycloak-theme # Build the theme one time (some assets will be copied to - # public/keycloak_static, they are needed to dev your page - # outside of Keycloak) - -yarn start # See the Hello World app - # Uncomment line 15 of src/keycloak-theme/login/kcContext, reload https://localhost:3000 - # You can now develop your Login pages. (Don't forget to comment it back when you're done) - yarn storybook # Start Storybook # This is by far the best way to develop your theme # This enable to quickly see your pages in isolation and in different states. # You can create stories even for pages that you haven't explicitly overloaded. See src/keycloak-theme/login/pages/LoginResetPassword.stories.tsx # See Keycloakify's storybook for if you need a starting point for your stories: https://github.com/keycloakify/keycloakify/tree/main/stories +yarn start # See the Hello World app + # Uncomment line 15 of src/keycloak-theme/login/kcContext, reload https://localhost:3000 + # You can now develop your Login pages. (Don't forget to comment it back when you're done) + yarn build-keycloak-theme # Actually build the theme # Read the instruction printed on the console to see how to test # your theme on a real Keycloak instance. diff --git a/package.json b/package.json index 2eb2178..507f27f 100755 --- a/package.json +++ b/package.json @@ -8,13 +8,16 @@ "url": "git://github.com/codegouvfr/keycloakify-starter.git" }, "scripts": { + "prestart": "yarn ensure-public-keycloak-static-exists", "start": "react-scripts start", "build": "react-scripts build", "build-keycloak-theme": "yarn build && keycloakify", "eject-keycloak-page": "eject-keycloak-page", "download-builtin-keycloak-theme": "download-builtin-keycloak-theme", + "prestorybook": "yarn ensure-public-keycloak-static-exists", "storybook": "start-storybook -p 6006", - "build-storybook": "build-storybook" + "build-storybook": "build-storybook", + "ensure-public-keycloak-static-exists": "[ ! -d 'public/keycloak_static' ] && yarn build-keycloak-theme || true" }, "keycloakify": { "extraThemeProperties": [