Moved to v7 template

Dockerfile

@@ -0,0 +1,13 @@
+# build environment
+FROM node:14-alpine as build
+WORKDIR /app
+COPY package.json yarn.lock ./
+RUN yarn install --frozen-lockfile
+COPY . .
+RUN yarn build
+
+# production environment
+FROM nginx:stable-alpine
+COPY --from=build /app/build /usr/share/nginx/html
+COPY --from=build /app/nginx.conf /etc/nginx/conf.d/default.conf
+CMD nginx -g 'daemon off;'

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 GitHub user u/garronej
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,223 @@
+<p align="center">
+    <i>🚀 A starter/demo project for <a href="https://keycloakify.dev">Keycloakify</a> v7 🚀</i>
+    <br/>
+    <br/>
+    <img src="https://github.com/codegouvfr/keycloakify-starter/workflows/ci/badge.svg?branch=main">
+    <br/>
+    <br/>
+    <a href="https://starter.keycloakify.dev">Authenticated React SPA</a>
+</p>
+
+# Introduction
+
+This repo constitutes an easily reusable setup for a standalone Keycloak theme project OR for a SPA React App that generates a
+Keycloak theme that goes along with it.  
+If you are only looking to create a theme (and not a theme + an App) there are a lot of things that you can remove from this starter: [Please read this section of the README](#standalone-keycloak-theme).
+
+> ❗️ WARNING ❗️: Don't waste time trying to port this setup to [Vite](https://vitejs.dev/).  
+> Currently Keycloakify only works collocated with Webpack projects but [we are working toward enabling collocation with Vite and Next.js projects](https://github.com/keycloakify/keycloakify/pull/275)!  
+
+# Quick start
+
+```bash
+git clone https://github.com/keycloakify/keycloakify-starter
+
+cd keycloakify-starter
+
+yarn # install dependencies (it's like npm install)
+
+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 97 of src/keycloak-theme/login/kcContext where it reads: `mockPageId: "login.ftl"`, 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.
+
+npx eject-keycloak-page # Prompt that let you select the pages you want to customize
+                        # This CLI tools is not guaranty to work, you can always copy pase pages 
+                        # from the Keycloakify repo.
+
+npx initialize-email-theme # For initializing your email theme
+                           # Note that Keycloakify does not feature React integration for email yet.
+
+npx download-builtin-keycloak-theme # For downloading the default theme (as a reference)
+                                    # Look for the files in build_keycloak/src/main/resources/theme/{base,keycloak}
+```
+
+# The CI workflow
+
+-   You need to manually allow GitHub Action to push on your repository.  For this reason the initial setup will fail.  You need to enabled permission and re-run failed job: [see video](https://user-images.githubusercontent.com/6702424/213480604-0aac0ea7-487f-491d-94ae-df245b2c7ee8.mov).  
+-   This CI is configured to publish [the app](https://starter.keycloakify.dev) on [GitHub Pages](https://github.com/codegouvfr/keycloakify-starter/blob/3617a71deb1a6544c3584aa8d6d2241647abd48c/.github/workflows/ci.yaml#L51-L76) and on [DockerHub](https://github.com/codegouvfr/keycloakify-starter/blob/3617a71deb1a6544c3584aa8d6d2241647abd48c/.github/workflows/ci.yaml#L78-L123) (as a Ngnix based docker image). In practice you probably want one or the other but not both... or neither if you are just building a theme (and not a theme + an app).  
+    If you want to enable the CI to publish on DockerHub on your behalf go to repository `Settings` tab, then `Secrets` you will need to add two new secrets:
+    `DOCKERHUB_TOKEN`, you Dockerhub authorization token.  
+    `DOCKERHUB_USERNAME`, Your Dockerhub username.
+    We deploy the demo app at [starter.keycloakify.dev](https://starter.keycloakify.dev) using GitHub page on the branch `gh-pages` (you have to enable it).  
+    To configure your own domain name please refer to [this documentation](https://docs.gitlanding.dev/using-a-custom-domain-name).
+-   To release **don't create a tag manually**, the CI do it for you. Just update the `package.json`'s version field and push.
+-   The `.jar` files that bundle the Keycloak theme will be attached as an asset with every GitHub release. [Example](https://github.com/InseeFrLab/keycloakify-starter/releases/tag/v0.1.0). The permalink to download the latest version is: `https://github.com/USER/PROJECT/releases/latest/download/keycloak-theme.jar`.
+    For this demo repo it's [here](https://github.com/codegouvfr/keycloakify-starter/releases/latest/download/keycloak-theme.jar)
+-   The CI publishes the app docker image on DockerHub. `<org>/<repo>:main` for each **commit** on `main`, `<org>/<repo>:<feature-branch-name>` for each **pull-request** on `main`
+    and when **releasing a new version**: `<org>/<repo>:latest` and `<org>/<repo>:X.Y.Z`
+    [See on DockerHub](https://hub.docker.com/r/codegouvfr/keycloakify-starter)
+
+![image](https://user-images.githubusercontent.com/6702424/229296422-9d522707-114e-4282-93f7-01ca38c3a1e0.png)  
+
+![image](https://user-images.githubusercontent.com/6702424/229296556-a69f2dc9-4653-475c-9c89-d53cf33dc05a.png)
+
+
+If you want an example of an app that put that setup in production checkout onyxia-ui: [the repo](https://github.com/InseeFrLab/onyxia-ui), [the login](https://auth.lab.sspcloud.fr/auth/realms/sspcloud/protocol/openid-connect/auth?client_id=onyxia&redirect_uri=https%3A%2F%2Fonyxia.lab.sspcloud.fr), [the app](https://datalab.sspcloud.fr).
+
+# The storybook  
+
+![image](https://user-images.githubusercontent.com/6702424/232350420-1921af90-d33e-492e-9296-0083298a84fa.png)  
+
+```bash
+yarn
+yarn storybook
+```
+
+# Docker  
+
+Instructions for building and running the react app (`src/App`) that is collocated with our Keycloak theme. 
+
+```bash
+docker build -f Dockerfile -t keycloakify/keycloakify-starter:main .
+docker run -it -dp 8083:80 keycloakify/keycloakify-starter:main
+# You can access the app at http://localhost:8083
+```
+
+# Standalone keycloak theme
+
+If you are only looking to create a keycloak theme, you can run theses few commands
+after clicking ![image](https://user-images.githubusercontent.com/6702424/98155461-92395e80-1ed6-11eb-93b2-98c64453043f.png) to refactor the template 
+and remove unnecessary files.  
+
+```bash
+rm -r src/App
+rm src/keycloak-theme/login/valuesTransferredOverUrl.ts
+mv src/keycloak-theme/* src/
+rm -r src/keycloak-theme
+
+cat << EOF > src/index.tsx
+import { createRoot } from "react-dom/client";
+import { StrictMode, lazy, Suspense } from "react";
+import { kcContext as kcLoginThemeContext } from "./login/kcContext";
+import { kcContext as kcAccountThemeContext } from "./account/kcContext";
+
+const KcLoginThemeApp = lazy(() => import("./login/KcApp"));
+const KcAccountThemeApp = lazy(() => import("./account/KcApp"));
+
+createRoot(document.getElementById("root")!).render(
+    <StrictMode>
+        <Suspense>
+            {(()=>{
+
+                if( kcLoginThemeContext !== undefined ){
+                    return <KcLoginThemeApp kcContext={kcLoginThemeContext} />;
+                }
+
+                if( kcAccountThemeContext !== undefined ){
+                    return <KcAccountThemeApp kcContext={kcAccountThemeContext} />;
+                }
+
+                throw new Error(
+                  "This app is a Keycloak theme" +
+                  "It isn't meant to be deployed outside of Keycloak"
+                );
+
+            })()}
+        </Suspense>
+    </StrictMode>
+);
+
+EOF
+
+rm .dockerignore Dockerfile nginx.conf
+
+cat << EOF > .github/workflows/ci.yaml
+name: ci
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    branches:
+      - main
+
+jobs:
+
+  build:
+    runs-on: ubuntu-latest
+    if: github.event.head_commit.author.name != 'actions'
+    steps:
+    - uses: actions/checkout@v2
+    - uses: actions/[email protected]
+      with:
+        node-version: '16'
+    - uses: bahmutov/npm-install@v1
+    - run: yarn build
+    - run: npx keycloakify
+    - uses: actions/upload-artifact@v2
+      with:
+        name: standalone_keycloak_theme
+        path: build_keycloak/target/*keycloak-theme*.jar
+    - uses: actions/upload-artifact@v2
+      with:
+        name: build
+        path: build
+
+  check_if_version_upgraded:
+    name: Check if version upgrade
+    runs-on: ubuntu-latest
+    needs: build
+    outputs:
+      from_version: \${{ steps.step1.outputs.from_version }}
+      to_version: \${{ steps.step1.outputs.to_version }}
+      is_upgraded_version: \${{ steps.step1.outputs.is_upgraded_version }}
+    steps:
+    - uses: garronej/[email protected]
+      id: step1
+      with: 
+        action_name: is_package_json_version_upgraded
+
+  create_github_release:
+    runs-on: ubuntu-latest
+    needs: 
+      - check_if_version_upgraded
+    # We create a release only if the version have been upgraded and we are on a default branch
+    # PR on the default branch can release beta but not real release
+    if: |
+      needs.check_if_version_upgraded.outputs.is_upgraded_version == 'true' &&
+      (
+        github.event_name == 'push' ||
+        needs.check_if_version_upgraded.outputs.is_release_beta == 'true'
+      )
+    steps:
+    - run: mkdir jars
+    - uses: actions/download-artifact@v2
+      with:
+        name: standalone_keycloak_theme
+    - run: mv *keycloak-theme*.jar jars/standalone-keycloak-theme.jar
+    - uses: softprops/action-gh-release@v1
+      with:
+        name: Release v\${{ needs.check_if_version_upgraded.outputs.to_version }}
+        tag_name: v\${{ needs.check_if_version_upgraded.outputs.to_version }}
+        target_commitish: \${{ github.head_ref || github.ref }}
+        generate_release_notes: true
+        files: |
+          jars/standalone-keycloak-theme.jar
+        draft: false
+        prerelease: \${{ needs.check_if_version_upgraded.outputs.is_release_beta == 'true' }}
+      env:
+        GITHUB_TOKEN: \${{ secrets.GITHUB_TOKEN }}
+EOF
+```
+
+You can also remove `jwt-decode`, `keycloak-js`, `powerhooks` and `tsafe` from your dependencies.