Compare commits
No commits in common. "main" and "v7.6.5" have entirely different histories.
@ -1,375 +0,0 @@
|
|||||||
{
|
|
||||||
"files": [
|
|
||||||
"README.md"
|
|
||||||
],
|
|
||||||
"imageSize": 100,
|
|
||||||
"commit": false,
|
|
||||||
"commitConvention": "angular",
|
|
||||||
"contributors": [
|
|
||||||
{
|
|
||||||
"login": "lordvlad",
|
|
||||||
"name": "Waldemar Reusch",
|
|
||||||
"avatar_url": "https://avatars.githubusercontent.com/u/1217769?v=4",
|
|
||||||
"profile": "https://github.com/lordvlad",
|
|
||||||
"contributions": [
|
|
||||||
"code"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"login": "willwill96",
|
|
||||||
"name": "William Will",
|
|
||||||
"avatar_url": "https://avatars.githubusercontent.com/u/10997562?v=4",
|
|
||||||
"profile": "https://willwill96.github.io/the-ui-dawg-static-site/en/introduction/",
|
|
||||||
"contributions": [
|
|
||||||
"code"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"login": "Ann2827",
|
|
||||||
"name": "Bystrova Ann",
|
|
||||||
"avatar_url": "https://avatars.githubusercontent.com/u/32645809?v=4",
|
|
||||||
"profile": "https://github.com/Ann2827",
|
|
||||||
"contributions": [
|
|
||||||
"code"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"login": "mkreuzmayr",
|
|
||||||
"name": "Michael Kreuzmayr",
|
|
||||||
"avatar_url": "https://avatars.githubusercontent.com/u/20108212?v=4",
|
|
||||||
"profile": "https://github.com/mkreuzmayr",
|
|
||||||
"contributions": [
|
|
||||||
"code"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"login": "Mstrodl",
|
|
||||||
"name": "Mary ",
|
|
||||||
"avatar_url": "https://avatars.githubusercontent.com/u/6877780?v=4",
|
|
||||||
"profile": "https://coolmathgames.tech",
|
|
||||||
"contributions": [
|
|
||||||
"code"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"login": "Tasyp",
|
|
||||||
"name": "German Öö",
|
|
||||||
"avatar_url": "https://avatars.githubusercontent.com/u/6623212?v=4",
|
|
||||||
"profile": "https://tasyp.xyz/",
|
|
||||||
"contributions": [
|
|
||||||
"code"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"login": "revolunet",
|
|
||||||
"name": "Julien Bouquillon",
|
|
||||||
"avatar_url": "https://avatars.githubusercontent.com/u/124937?v=4",
|
|
||||||
"profile": "https://revolunet.com",
|
|
||||||
"contributions": [
|
|
||||||
"code"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"login": "aidangilmore",
|
|
||||||
"name": "Aidan Gilmore",
|
|
||||||
"avatar_url": "https://avatars.githubusercontent.com/u/32880357?v=4",
|
|
||||||
"profile": "https://github.com/aidangilmore",
|
|
||||||
"contributions": [
|
|
||||||
"code"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"login": "0x-Void",
|
|
||||||
"name": "Void",
|
|
||||||
"avatar_url": "https://avatars.githubusercontent.com/u/32745739?v=4",
|
|
||||||
"profile": "https://github.com/0x-Void",
|
|
||||||
"contributions": [
|
|
||||||
"code"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"login": "juffe",
|
|
||||||
"name": "juffe",
|
|
||||||
"avatar_url": "https://avatars.githubusercontent.com/u/5393231?v=4",
|
|
||||||
"profile": "https://github.com/juffe",
|
|
||||||
"contributions": [
|
|
||||||
"code"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"login": "lazToum",
|
|
||||||
"name": "Lazaros Toumanidis",
|
|
||||||
"avatar_url": "https://avatars.githubusercontent.com/u/4764837?v=4",
|
|
||||||
"profile": "https://github.com/lazToum",
|
|
||||||
"contributions": [
|
|
||||||
"code"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"login": "marcmrf",
|
|
||||||
"name": "Marc",
|
|
||||||
"avatar_url": "https://avatars.githubusercontent.com/u/9928519?v=4",
|
|
||||||
"profile": "https://github.com/marcmrf",
|
|
||||||
"contributions": [
|
|
||||||
"code"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"login": "kasir-barati",
|
|
||||||
"name": "Kasir Barati",
|
|
||||||
"avatar_url": "https://avatars.githubusercontent.com/u/73785723?v=4",
|
|
||||||
"profile": "http://kasir-barati.github.io",
|
|
||||||
"contributions": [
|
|
||||||
"doc"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"login": "asashay",
|
|
||||||
"name": "Alex Oliynyk",
|
|
||||||
"avatar_url": "https://avatars.githubusercontent.com/u/10714670?v=4",
|
|
||||||
"profile": "https://github.com/asashay",
|
|
||||||
"contributions": [
|
|
||||||
"code"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"login": "thosil",
|
|
||||||
"name": "Thomas Silvestre",
|
|
||||||
"avatar_url": "https://avatars.githubusercontent.com/u/1140574?v=4",
|
|
||||||
"profile": "https://www.gravitysoftware.be",
|
|
||||||
"contributions": [
|
|
||||||
"code"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"login": "satanshiro",
|
|
||||||
"name": "satanshiro",
|
|
||||||
"avatar_url": "https://avatars.githubusercontent.com/u/38865738?v=4",
|
|
||||||
"profile": "https://github.com/satanshiro",
|
|
||||||
"contributions": [
|
|
||||||
"code"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"login": "kpoelhekke",
|
|
||||||
"name": "Koen Poelhekke",
|
|
||||||
"avatar_url": "https://avatars.githubusercontent.com/u/1632377?v=4",
|
|
||||||
"profile": "https://poelhekke.dev",
|
|
||||||
"contributions": [
|
|
||||||
"code"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"login": "zavoloklom",
|
|
||||||
"name": "Sergey Kupletsky",
|
|
||||||
"avatar_url": "https://avatars.githubusercontent.com/u/4151869?v=4",
|
|
||||||
"profile": "https://github.com/zavoloklom",
|
|
||||||
"contributions": [
|
|
||||||
"test",
|
|
||||||
"code"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"login": "rome-user",
|
|
||||||
"name": "rome-user",
|
|
||||||
"avatar_url": "https://avatars.githubusercontent.com/u/114131048?v=4",
|
|
||||||
"profile": "https://github.com/rome-user",
|
|
||||||
"contributions": [
|
|
||||||
"code"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"login": "celinepelletier",
|
|
||||||
"name": "Céline Pelletier",
|
|
||||||
"avatar_url": "https://avatars.githubusercontent.com/u/82821620?v=4",
|
|
||||||
"profile": "https://github.com/celinepelletier",
|
|
||||||
"contributions": [
|
|
||||||
"code"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"login": "xgp",
|
|
||||||
"name": "Garth",
|
|
||||||
"avatar_url": "https://avatars.githubusercontent.com/u/244253?v=4",
|
|
||||||
"profile": "https://github.com/xgp",
|
|
||||||
"contributions": [
|
|
||||||
"code"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"login": "BlackVoid",
|
|
||||||
"name": "Felix Gustavsson",
|
|
||||||
"avatar_url": "https://avatars.githubusercontent.com/u/673720?v=4",
|
|
||||||
"profile": "https://github.com/BlackVoid",
|
|
||||||
"contributions": [
|
|
||||||
"code"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"login": "msiemens",
|
|
||||||
"name": "Markus Siemens",
|
|
||||||
"avatar_url": "https://avatars.githubusercontent.com/u/1873922?v=4",
|
|
||||||
"profile": "https://m-siemens.de/",
|
|
||||||
"contributions": [
|
|
||||||
"code"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"login": "law108000",
|
|
||||||
"name": "Rlok",
|
|
||||||
"avatar_url": "https://avatars.githubusercontent.com/u/8112024?v=4",
|
|
||||||
"profile": "https://github.com/law108000",
|
|
||||||
"contributions": [
|
|
||||||
"code"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"login": "Moulyy",
|
|
||||||
"name": "Moulyy",
|
|
||||||
"avatar_url": "https://avatars.githubusercontent.com/u/115405804?v=4",
|
|
||||||
"profile": "https://github.com/Moulyy",
|
|
||||||
"contributions": [
|
|
||||||
"code"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"login": "madmadson",
|
|
||||||
"name": "Tobias Matt",
|
|
||||||
"avatar_url": "https://avatars.githubusercontent.com/u/798831?v=4",
|
|
||||||
"profile": "https://github.com/madmadson",
|
|
||||||
"contributions": [
|
|
||||||
"code"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"login": "oliviergoulet5",
|
|
||||||
"name": "Olivier Goulet",
|
|
||||||
"avatar_url": "https://avatars.githubusercontent.com/u/17685861?v=4",
|
|
||||||
"profile": "https://github.com/oliviergoulet5",
|
|
||||||
"contributions": [
|
|
||||||
"code"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"login": "liamlows",
|
|
||||||
"name": "Liam Lowsley-Williams",
|
|
||||||
"avatar_url": "https://avatars.githubusercontent.com/u/1365914?v=4",
|
|
||||||
"profile": "https://github.com/liamlows",
|
|
||||||
"contributions": [
|
|
||||||
"code",
|
|
||||||
"doc"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"login": "uchar",
|
|
||||||
"name": "Omid",
|
|
||||||
"avatar_url": "https://avatars.githubusercontent.com/u/5172296?v=4",
|
|
||||||
"profile": "https://www.linkedin.com/in/oes-rioniz/",
|
|
||||||
"contributions": [
|
|
||||||
"test",
|
|
||||||
"code"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"login": "kathari00",
|
|
||||||
"name": "Katharina Eiserfey",
|
|
||||||
"avatar_url": "https://avatars.githubusercontent.com/u/42547712?v=4",
|
|
||||||
"profile": "https://github.com/kathari00",
|
|
||||||
"contributions": [
|
|
||||||
"code",
|
|
||||||
"test",
|
|
||||||
"doc"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"login": "luca-peruzzo",
|
|
||||||
"name": "Luca Peruzzo",
|
|
||||||
"avatar_url": "https://avatars.githubusercontent.com/u/69015314?v=4",
|
|
||||||
"profile": "https://github.com/luca-peruzzo",
|
|
||||||
"contributions": [
|
|
||||||
"code",
|
|
||||||
"test"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"login": "nima70",
|
|
||||||
"name": "Nima Shokouhfar",
|
|
||||||
"avatar_url": "https://avatars.githubusercontent.com/u/5094767?v=4",
|
|
||||||
"profile": "https://github.com/nima70",
|
|
||||||
"contributions": [
|
|
||||||
"code",
|
|
||||||
"test"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"login": "marvinruder",
|
|
||||||
"name": "Marvin A. Ruder",
|
|
||||||
"avatar_url": "https://avatars.githubusercontent.com/u/18495294?v=4",
|
|
||||||
"profile": "https://mruder.dev",
|
|
||||||
"contributions": [
|
|
||||||
"bug"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"login": "zvn2060",
|
|
||||||
"name": "HI_OuO",
|
|
||||||
"avatar_url": "https://avatars.githubusercontent.com/u/45450852?v=4",
|
|
||||||
"profile": "https://github.com/zvn2060",
|
|
||||||
"contributions": [
|
|
||||||
"code"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"login": "tripheo0412",
|
|
||||||
"name": "Tri Hoang",
|
|
||||||
"avatar_url": "https://avatars.githubusercontent.com/u/25382052?v=4",
|
|
||||||
"profile": "https://github.com/tripheo0412",
|
|
||||||
"contributions": [
|
|
||||||
"doc"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"login": "EternalSide",
|
|
||||||
"name": "Lesha",
|
|
||||||
"avatar_url": "https://avatars.githubusercontent.com/u/118743608?v=4",
|
|
||||||
"profile": "http://t.me/AAT_L",
|
|
||||||
"contributions": [
|
|
||||||
"code"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"login": "bacongobbler",
|
|
||||||
"name": "Matthew Fisher",
|
|
||||||
"avatar_url": "https://avatars.githubusercontent.com/u/1360539?v=4",
|
|
||||||
"profile": "https://blog.bacongobbler.com",
|
|
||||||
"contributions": [
|
|
||||||
"doc"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"login": "kodebach",
|
|
||||||
"name": "Klemens Böswirth",
|
|
||||||
"avatar_url": "https://avatars.githubusercontent.com/u/23529132?v=4",
|
|
||||||
"profile": "https://github.com/kodebach",
|
|
||||||
"contributions": [
|
|
||||||
"code"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"login": "wnmzzzz",
|
|
||||||
"name": "wnmzzzz",
|
|
||||||
"avatar_url": "https://avatars.githubusercontent.com/u/117174301?v=4",
|
|
||||||
"profile": "https://github.com/wnmzzzz",
|
|
||||||
"contributions": [
|
|
||||||
"test"
|
|
||||||
]
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"contributorsPerLine": 7,
|
|
||||||
"skipCi": true,
|
|
||||||
"repoType": "github",
|
|
||||||
"repoHost": "https://github.com",
|
|
||||||
"projectName": "keycloakify",
|
|
||||||
"projectOwner": "keycloakify",
|
|
||||||
"commitType": "docs"
|
|
||||||
}
|
|
||||||
1
.github/FUNDING.yaml
vendored
1
.github/FUNDING.yaml
vendored
@ -1,3 +1,4 @@
|
|||||||
# These are supported funding model platforms
|
# These are supported funding model platforms
|
||||||
|
|
||||||
github: [garronej]
|
github: [garronej]
|
||||||
|
custom: ['https://www.ringerhq.com/experts/garronej']
|
||||||
|
|||||||
25
.github/release.yaml
vendored
Normal file
25
.github/release.yaml
vendored
Normal file
@ -0,0 +1,25 @@
|
|||||||
|
changelog:
|
||||||
|
exclude:
|
||||||
|
labels:
|
||||||
|
- ignore-for-release
|
||||||
|
authors:
|
||||||
|
- octocat
|
||||||
|
categories:
|
||||||
|
- title: Breaking Changes 🛠
|
||||||
|
labels:
|
||||||
|
- breaking
|
||||||
|
- title: Exciting New Features 🎉
|
||||||
|
labels:
|
||||||
|
- feature
|
||||||
|
- title: Fixes 🔧
|
||||||
|
labels:
|
||||||
|
- fix
|
||||||
|
- title: Documentation 🔧
|
||||||
|
labels:
|
||||||
|
- docs
|
||||||
|
- title: CI 👷
|
||||||
|
labels:
|
||||||
|
- ci
|
||||||
|
- title: Other Changes
|
||||||
|
labels:
|
||||||
|
- '*'
|
||||||
48
.github/workflows/ci.yaml
vendored
48
.github/workflows/ci.yaml
vendored
@ -13,11 +13,11 @@ jobs:
|
|||||||
runs-on: ubuntu-latest
|
runs-on: ubuntu-latest
|
||||||
if: ${{ !github.event.created && github.repository != 'garronej/ts-ci' }}
|
if: ${{ !github.event.created && github.repository != 'garronej/ts-ci' }}
|
||||||
steps:
|
steps:
|
||||||
- uses: actions/checkout@v4
|
- uses: actions/checkout@v3
|
||||||
- uses: actions/setup-node@v4
|
- uses: actions/setup-node@v3
|
||||||
- uses: bahmutov/npm-install@v1
|
- uses: bahmutov/npm-install@v1
|
||||||
- name: If this step fails run 'npm run format' then commit again.
|
- name: If this step fails run 'yarn format' then commit again.
|
||||||
run: npm run _format --list-different
|
run: yarn format:check
|
||||||
test:
|
test:
|
||||||
runs-on: ${{ matrix.os }}
|
runs-on: ${{ matrix.os }}
|
||||||
needs: test_lint
|
needs: test_lint
|
||||||
@ -27,29 +27,14 @@ jobs:
|
|||||||
os: [ ubuntu-latest ]
|
os: [ ubuntu-latest ]
|
||||||
name: Test with Node v${{ matrix.node }} on ${{ matrix.os }}
|
name: Test with Node v${{ matrix.node }} on ${{ matrix.os }}
|
||||||
steps:
|
steps:
|
||||||
- uses: actions/checkout@v4
|
- uses: actions/checkout@v3
|
||||||
- uses: actions/setup-node@v4
|
- uses: actions/setup-node@v3
|
||||||
with:
|
with:
|
||||||
node-version: ${{ matrix.node }}
|
node-version: ${{ matrix.node }}
|
||||||
- uses: bahmutov/npm-install@v1
|
- uses: bahmutov/npm-install@v1
|
||||||
- run: npm run build
|
- run: yarn build
|
||||||
- run: npm run test
|
- run: yarn test
|
||||||
|
- run: yarn test:keycloakify-starter
|
||||||
storybook:
|
|
||||||
runs-on: ubuntu-latest
|
|
||||||
if: github.event_name == 'push' && github.ref == 'refs/heads/main'
|
|
||||||
needs: test
|
|
||||||
steps:
|
|
||||||
- uses: actions/checkout@v4
|
|
||||||
- uses: actions/setup-node@v4
|
|
||||||
with:
|
|
||||||
node-version: '18'
|
|
||||||
- uses: bahmutov/npm-install@v1
|
|
||||||
- run: npm run build-storybook
|
|
||||||
- run: git remote set-url origin https://git:${GITHUB_TOKEN}@github.com/${{github.repository}}.git
|
|
||||||
env:
|
|
||||||
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
|
|
||||||
- run: npx -y -p gh-pages@3.1.0 gh-pages -d ./storybook-static -u "github-actions-bot <actions@github.com>"
|
|
||||||
|
|
||||||
check_if_version_upgraded:
|
check_if_version_upgraded:
|
||||||
name: Check if version upgrade
|
name: Check if version upgrade
|
||||||
@ -69,10 +54,11 @@ jobs:
|
|||||||
is_upgraded_version: ${{ steps.step1.outputs.is_upgraded_version }}
|
is_upgraded_version: ${{ steps.step1.outputs.is_upgraded_version }}
|
||||||
is_pre_release: ${{steps.step1.outputs.is_pre_release }}
|
is_pre_release: ${{steps.step1.outputs.is_pre_release }}
|
||||||
steps:
|
steps:
|
||||||
- uses: garronej/ts-ci@v2.1.2
|
- uses: garronej/ts-ci@v2.1.0
|
||||||
id: step1
|
id: step1
|
||||||
with:
|
with:
|
||||||
action_name: is_package_json_version_upgraded
|
action_name: is_package_json_version_upgraded
|
||||||
|
branch: ${{ github.head_ref || github.ref }}
|
||||||
|
|
||||||
create_github_release:
|
create_github_release:
|
||||||
runs-on: ubuntu-latest
|
runs-on: ubuntu-latest
|
||||||
@ -87,7 +73,7 @@ jobs:
|
|||||||
needs:
|
needs:
|
||||||
- check_if_version_upgraded
|
- check_if_version_upgraded
|
||||||
steps:
|
steps:
|
||||||
- uses: softprops/action-gh-release@v2
|
- uses: softprops/action-gh-release@v1
|
||||||
with:
|
with:
|
||||||
name: Release v${{ needs.check_if_version_upgraded.outputs.to_version }}
|
name: Release v${{ needs.check_if_version_upgraded.outputs.to_version }}
|
||||||
tag_name: v${{ needs.check_if_version_upgraded.outputs.to_version }}
|
tag_name: v${{ needs.check_if_version_upgraded.outputs.to_version }}
|
||||||
@ -104,18 +90,18 @@ jobs:
|
|||||||
- create_github_release
|
- create_github_release
|
||||||
- check_if_version_upgraded
|
- check_if_version_upgraded
|
||||||
steps:
|
steps:
|
||||||
- uses: actions/checkout@v4
|
- uses: actions/checkout@v3
|
||||||
with:
|
with:
|
||||||
ref: ${{ github.ref }}
|
ref: ${{ github.ref }}
|
||||||
- uses: actions/setup-node@v4
|
- uses: actions/setup-node@v3
|
||||||
with:
|
with:
|
||||||
registry-url: https://registry.npmjs.org/
|
registry-url: https://registry.npmjs.org/
|
||||||
- uses: bahmutov/npm-install@v1
|
- uses: bahmutov/npm-install@v1
|
||||||
- run: npm run build
|
- run: yarn build
|
||||||
- run: npx -y -p denoify@1.6.13 enable_short_npm_import_path
|
- run: npx -y -p denoify@1.3.0 enable_short_npm_import_path
|
||||||
env:
|
env:
|
||||||
DRY_RUN: "0"
|
DRY_RUN: "0"
|
||||||
- uses: garronej/ts-ci@v2.1.2
|
- uses: garronej/ts-ci@v2.1.0
|
||||||
with:
|
with:
|
||||||
action_name: remove_dark_mode_specific_images_from_readme
|
action_name: remove_dark_mode_specific_images_from_readme
|
||||||
- name: Publishing on NPM
|
- name: Publishing on NPM
|
||||||
|
|||||||
12
.gitignore
vendored
12
.gitignore
vendored
@ -48,14 +48,8 @@ jspm_packages
|
|||||||
|
|
||||||
.idea
|
.idea
|
||||||
|
|
||||||
/src/login/i18n/messages_defaultSet/
|
/src/login/i18n/baseMessages/
|
||||||
/src/account/i18n/
|
/src/account/i18n/baseMessages/
|
||||||
|
|
||||||
# VS Code devcontainers
|
# VS Code devcontainers
|
||||||
.devcontainer
|
.devcontainer
|
||||||
/.yarn
|
|
||||||
/.yarnrc.yml
|
|
||||||
|
|
||||||
/stories/assets/fonts/
|
|
||||||
/build_storybook/
|
|
||||||
/storybook-static/
|
|
||||||
@ -6,11 +6,10 @@ node_modules/
|
|||||||
/src/tools/types/
|
/src/tools/types/
|
||||||
/build_keycloak/
|
/build_keycloak/
|
||||||
/.vscode/
|
/.vscode/
|
||||||
/src/login/i18n/messages_defaultSet/
|
/src/login/i18n/baseMessages/
|
||||||
/src/account/i18n/messages_defaultSet/
|
/src/account/i18n/baseMessages/
|
||||||
|
# Test Build Directories
|
||||||
/dist_test
|
/dist_test
|
||||||
/sample_react_project/
|
/sample_react_project/
|
||||||
/sample_custom_react_project/
|
/sample_custom_react_project/
|
||||||
/keycloakify_starter_test/
|
/keycloakify_starter_test/
|
||||||
/.storybook/static/keycloak-resources/
|
|
||||||
/src/bin/start-keycloak/*.json
|
|
||||||
@ -1,24 +1,11 @@
|
|||||||
{
|
{
|
||||||
"printWidth": 90,
|
"printWidth": 150,
|
||||||
"tabWidth": 4,
|
"tabWidth": 4,
|
||||||
"useTabs": false,
|
"useTabs": false,
|
||||||
"semi": true,
|
"semi": true,
|
||||||
"singleQuote": false,
|
"singleQuote": false,
|
||||||
|
"quoteProps": "preserve",
|
||||||
"trailingComma": "none",
|
"trailingComma": "none",
|
||||||
"bracketSpacing": true,
|
"bracketSpacing": true,
|
||||||
"arrowParens": "avoid",
|
"arrowParens": "avoid"
|
||||||
"overrides": [
|
|
||||||
{
|
|
||||||
"files": "*.tsx",
|
|
||||||
"options": {
|
|
||||||
"printWidth": 150
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"files": "useUserProfileForm.tsx",
|
|
||||||
"options": {
|
|
||||||
"printWidth": 150
|
|
||||||
}
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,33 +0,0 @@
|
|||||||
const brandImage = "logo.png";
|
|
||||||
const brandTitle = "Keycloakify";
|
|
||||||
const brandUrl = "https://github.com/keycloakify/keycloakify";
|
|
||||||
const fontBase = '"Work Sans", sans-serif';
|
|
||||||
const fontCode = "monospace";
|
|
||||||
|
|
||||||
export const darkTheme = {
|
|
||||||
base: "dark",
|
|
||||||
appBg: "#1E1E1E",
|
|
||||||
appContentBg: "#161616",
|
|
||||||
barBg: "#161616",
|
|
||||||
colorSecondary: "#8585F6",
|
|
||||||
textColor: "#FFFFFF",
|
|
||||||
brandImage,
|
|
||||||
brandTitle,
|
|
||||||
brandUrl,
|
|
||||||
fontBase,
|
|
||||||
fontCode
|
|
||||||
};
|
|
||||||
|
|
||||||
export const lightTheme: typeof darkTheme = {
|
|
||||||
base: "light",
|
|
||||||
appBg: "#F6F6F6",
|
|
||||||
appContentBg: "#FFFFFF",
|
|
||||||
barBg: "#FFFFFF",
|
|
||||||
colorSecondary: "#000091",
|
|
||||||
textColor: "#212121",
|
|
||||||
brandImage,
|
|
||||||
brandTitle,
|
|
||||||
brandUrl,
|
|
||||||
fontBase,
|
|
||||||
fontCode
|
|
||||||
};
|
|
||||||
@ -1,13 +0,0 @@
|
|||||||
module.exports = {
|
|
||||||
stories: [
|
|
||||||
"../stories/**/*.stories.tsx"
|
|
||||||
],
|
|
||||||
addons: [
|
|
||||||
"storybook-dark-mode",
|
|
||||||
"@storybook/addon-a11y"
|
|
||||||
],
|
|
||||||
core: {
|
|
||||||
builder: "webpack5"
|
|
||||||
},
|
|
||||||
staticDirs: ["./static", "../dist/res/public"]
|
|
||||||
};
|
|
||||||
@ -1,32 +0,0 @@
|
|||||||
<!-- start favicon -->
|
|
||||||
<link rel="apple-touch-icon" sizes="180x180" href="/favicon_package/apple-touch-icon.png">
|
|
||||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon_package/favicon-32x32.png">
|
|
||||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon_package/favicon-16x16.png">
|
|
||||||
<link rel="manifest" href="/favicon_package/site.webmanifest">
|
|
||||||
<link rel="mask-icon" href="/favicon_package/safari-pinned-tab.svg" color="#5bbad5">
|
|
||||||
<!-- end favicon -->
|
|
||||||
|
|
||||||
<!-- Meta tags generated by metatags.io -->
|
|
||||||
<!-- Primary Meta Tags -->
|
|
||||||
<title>Keycloakify Storybook</title>
|
|
||||||
<meta name="title" content="Keycloakify Storybook">
|
|
||||||
<meta name="description" content="Storybook of default components to use as a reference when building a custom Keycloak theme">
|
|
||||||
|
|
||||||
<!-- Facebook Meta Tags -->
|
|
||||||
<meta property="og:url" content="https://www.keycloakify.dev">
|
|
||||||
<meta property="og:type" content="website">
|
|
||||||
<meta property="og:title" content="Keycloakify Storybook">
|
|
||||||
<meta property="og:description" content="Storybook of default components to use as a reference when building a custom Keycloak theme">
|
|
||||||
<meta property="og:image" content="https://storybook.keycloakify.dev/preview.png">
|
|
||||||
|
|
||||||
<!-- Twitter Meta Tags -->
|
|
||||||
<meta name="twitter:card" content="summary_large_image">
|
|
||||||
<meta name="twitter:title" content="Keycloakify Storybook">
|
|
||||||
<meta name="twitter:description" content="Storybook of default components to use as a reference when building a custom Keycloak theme">
|
|
||||||
<meta name="twitter:image" content="https://storybook.keycloakify.dev/preview.png">
|
|
||||||
|
|
||||||
<link rel="preload" href="/fonts/WorkSans/worksans-bold-webfont.woff2" as="font" crossorigin="anonymous">
|
|
||||||
<link rel="preload" href="/fonts/WorkSans/worksans-medium-webfont.woff2" as="font" crossorigin="anonymous">
|
|
||||||
<link rel="preload" href="/fonts/WorkSans/worksans-regular-webfont.woff2" as="font" crossorigin="anonymous">
|
|
||||||
<link rel="preload" href="/fonts/WorkSans/worksans-semibold-webfont.woff2" as="font" crossorigin="anonymous">
|
|
||||||
<link rel="stylesheet" type="text/css" href="/fonts/WorkSans/font.css">
|
|
||||||
@ -1,6 +0,0 @@
|
|||||||
import { addons } from '@storybook/addons';
|
|
||||||
|
|
||||||
addons.setConfig({
|
|
||||||
selectedPanel: 'storybook/a11y/panel',
|
|
||||||
showPanel: false
|
|
||||||
});
|
|
||||||
@ -1,23 +0,0 @@
|
|||||||
<link rel="preload" href="/fonts/WorkSans/worksans-bold-webfont.woff2" as="font" crossorigin="anonymous">
|
|
||||||
<link rel="preload" href="/fonts/WorkSans/worksans-medium-webfont.woff2" as="font" crossorigin="anonymous">
|
|
||||||
<link rel="preload" href="/fonts/WorkSans/worksans-regular-webfont.woff2" as="font" crossorigin="anonymous">
|
|
||||||
<link rel="preload" href="/fonts/WorkSans/worksans-semibold-webfont.woff2" as="font" crossorigin="anonymous">
|
|
||||||
<link rel="stylesheet" type="text/css" href="/fonts/WorkSans/font.css">
|
|
||||||
|
|
||||||
<style>
|
|
||||||
body.sb-show-main.sb-main-padded {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
body:not(.kcBodyClass) {
|
|
||||||
background-color: #393939;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.sb-show-preparing-docs > .sb-wrapper {
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
body .sb-preparing-story {
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@ -1,161 +0,0 @@
|
|||||||
import { darkTheme, lightTheme } from "./customTheme";
|
|
||||||
import { create as createTheme } from "@storybook/theming";
|
|
||||||
|
|
||||||
export const parameters = {
|
|
||||||
actions: { argTypesRegex: "^on[A-Z].*" },
|
|
||||||
controls: {
|
|
||||||
matchers: {
|
|
||||||
color: /(background|color)$/i,
|
|
||||||
date: /Date$/,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
backgrounds: { disable: true },
|
|
||||||
darkMode: {
|
|
||||||
light: createTheme(lightTheme),
|
|
||||||
dark: createTheme(darkTheme),
|
|
||||||
},
|
|
||||||
controls: {
|
|
||||||
disable: true,
|
|
||||||
},
|
|
||||||
actions: {
|
|
||||||
disable: true
|
|
||||||
},
|
|
||||||
viewport: {
|
|
||||||
viewports: {
|
|
||||||
"1440p": {
|
|
||||||
name: "1440p",
|
|
||||||
styles: {
|
|
||||||
width: "2560px",
|
|
||||||
height: "1440px",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
fullHD: {
|
|
||||||
name: "Full HD",
|
|
||||||
styles: {
|
|
||||||
width: "1920px",
|
|
||||||
height: "1080px",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
macBookProBig: {
|
|
||||||
name: "MacBook Pro Big",
|
|
||||||
styles: {
|
|
||||||
width: "1024px",
|
|
||||||
height: "640px",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
macBookProMedium: {
|
|
||||||
name: "MacBook Pro Medium",
|
|
||||||
styles: {
|
|
||||||
width: "1440px",
|
|
||||||
height: "900px",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
macBookProSmall: {
|
|
||||||
name: "MacBook Pro Small",
|
|
||||||
styles: {
|
|
||||||
width: "1680px",
|
|
||||||
height: "1050px",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
pcAgent: {
|
|
||||||
name: "PC Agent",
|
|
||||||
styles: {
|
|
||||||
width: "960px",
|
|
||||||
height: "540px",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
iphone12Pro: {
|
|
||||||
name: "Iphone 12 pro",
|
|
||||||
styles: {
|
|
||||||
width: "390px",
|
|
||||||
height: "844px",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
iphone5se: {
|
|
||||||
name: "Iphone 5/SE",
|
|
||||||
styles: {
|
|
||||||
width: "320px",
|
|
||||||
height: "568px",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
ipadPro: {
|
|
||||||
name: "Ipad pro",
|
|
||||||
styles: {
|
|
||||||
width: "1240px",
|
|
||||||
height: "1366px",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
"Galaxy s9+": {
|
|
||||||
name: "Galaxy S9+",
|
|
||||||
styles: {
|
|
||||||
width: "320px",
|
|
||||||
height: "658px",
|
|
||||||
},
|
|
||||||
}
|
|
||||||
},
|
|
||||||
},
|
|
||||||
options: {
|
|
||||||
storySort: (a, b) =>
|
|
||||||
getHardCodedWeight(b[1].kind) - getHardCodedWeight(a[1].kind),
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
||||||
const { getHardCodedWeight } = (() => {
|
|
||||||
|
|
||||||
const orderedPagesPrefix = [
|
|
||||||
"Introduction",
|
|
||||||
"login/login.ftl",
|
|
||||||
"login/register.ftl",
|
|
||||||
"login/terms.ftl",
|
|
||||||
"login/error.ftl",
|
|
||||||
"login/code.ftl",
|
|
||||||
"login/delete-account-confirm.ftl",
|
|
||||||
"login/delete-credential.ftl",
|
|
||||||
"login/frontchannel-logout.ftl",
|
|
||||||
"login/idp-review-user-profile.ftl",
|
|
||||||
"login/info.ftl",
|
|
||||||
"login/login-config-totp.ftl",
|
|
||||||
"login/login-idp-link-confirm.ftl",
|
|
||||||
"login/login-idp-link-email.ftl",
|
|
||||||
"login/login-oauth-grant.ftl",
|
|
||||||
"login/login-otp.ftl",
|
|
||||||
"login/login-page-expired.ftl",
|
|
||||||
"login/login-password.ftl",
|
|
||||||
"login/login-reset-otp.ftl",
|
|
||||||
"login/login-reset-password.ftl",
|
|
||||||
"login/login-update-password.ftl",
|
|
||||||
"login/login-update-profile.ftl",
|
|
||||||
"login/login-username.ftl",
|
|
||||||
"login/login-verify-email.ftl",
|
|
||||||
"login/login-x509-info.ftl",
|
|
||||||
"login/logout-confirm.ftl",
|
|
||||||
"login/saml-post-form.ftl",
|
|
||||||
"login/select-authenticator.ftl",
|
|
||||||
"login/update-email.ftl",
|
|
||||||
"login/webauthn-authenticate.ftl",
|
|
||||||
"login/webauthn-error.ftl",
|
|
||||||
"login/webauthn-register.ftl",
|
|
||||||
"login/login-oauth2-device-verify-user-code.ftl",
|
|
||||||
"login/login-recovery-authn-code-config.ftl",
|
|
||||||
"login/login-recovery-authn-code-input.ftl",
|
|
||||||
"account/account.ftl",
|
|
||||||
"account/password.ftl",
|
|
||||||
"account/federatedIdentity.ftl",
|
|
||||||
"account/log.ftl",
|
|
||||||
"account/sessions.ftl",
|
|
||||||
"account/totp.ftl",
|
|
||||||
];
|
|
||||||
|
|
||||||
function getHardCodedWeight(kind) {
|
|
||||||
|
|
||||||
for (let i = 0; i < orderedPagesPrefix.length; i++) {
|
|
||||||
if (kind.toLowerCase().startsWith(orderedPagesPrefix[i].toLowerCase())) {
|
|
||||||
return orderedPagesPrefix.length - i;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
return { getHardCodedWeight };
|
|
||||||
})();
|
|
||||||
@ -1 +0,0 @@
|
|||||||
storybook.keycloakify.dev
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 33 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 92 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 30 KiB |
@ -1,9 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="utf-8"?>
|
|
||||||
<browserconfig>
|
|
||||||
<msapplication>
|
|
||||||
<tile>
|
|
||||||
<square150x150logo src="/mstile-150x150.png"/>
|
|
||||||
<TileColor>#da532c</TileColor>
|
|
||||||
</tile>
|
|
||||||
</msapplication>
|
|
||||||
</browserconfig>
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 19 KiB |
@ -1,193 +0,0 @@
|
|||||||
<?xml version="1.0" standalone="no"?>
|
|
||||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
|
|
||||||
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
|
|
||||||
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
|
|
||||||
width="447.000000pt" height="447.000000pt" viewBox="0 0 447.000000 447.000000"
|
|
||||||
preserveAspectRatio="xMidYMid meet">
|
|
||||||
<metadata>
|
|
||||||
Created by potrace 1.14, written by Peter Selinger 2001-2017
|
|
||||||
</metadata>
|
|
||||||
<g transform="translate(0.000000,447.000000) scale(0.100000,-0.100000)"
|
|
||||||
fill="#000000" stroke="none">
|
|
||||||
<path d="M2177 4413 c-3 -2 -17 -6 -33 -9 -85 -15 -204 -109 -286 -225 -95
|
|
||||||
-133 -229 -437 -263 -597 -4 -18 -10 -30 -13 -28 -4 2 -7 -11 -8 -30 0 -19 -3
|
|
||||||
-36 -6 -39 -3 -4 -23 1 -44 10 -51 22 -213 73 -289 92 -301 73 -516 74 -670 3
|
|
||||||
-124 -57 -186 -153 -188 -295 -1 -67 5 -128 18 -180 3 -13 15 -45 26 -70 43
|
|
||||||
-99 57 -135 53 -135 -3 0 4 -10 16 -22 11 -12 20 -26 20 -31 0 -5 9 -22 21
|
|
||||||
-38 11 -16 18 -29 14 -29 -3 0 4 -10 15 -22 11 -12 18 -28 15 -36 -2 -7 -1
|
|
||||||
-11 3 -8 4 2 19 -12 32 -32 13 -20 33 -47 44 -59 11 -13 17 -23 13 -23 -3 0
|
|
||||||
12 -19 33 -42 22 -24 38 -49 35 -55 -2 -7 -1 -12 4 -10 4 1 32 -25 62 -58 30
|
|
||||||
-33 88 -94 131 -135 l76 -75 -71 -70 c-112 -110 -174 -181 -262 -300 -106
|
|
||||||
-144 -142 -202 -203 -325 -9 -19 -21 -38 -27 -42 -5 -4 -7 -8 -3 -8 4 0 -4
|
|
||||||
-27 -18 -60 -25 -63 -58 -199 -50 -208 3 -2 1 -12 -4 -22 -5 -10 -6 -20 -3
|
|
||||||
-24 4 -4 8 -23 10 -44 9 -107 77 -201 183 -251 33 -16 56 -32 52 -36 -4 -5 -2
|
|
||||||
-5 4 -2 6 4 44 1 85 -6 41 -7 102 -12 136 -12 41 1 60 -2 55 -9 -3 -6 2 -5 11
|
|
||||||
3 11 8 44 14 86 15 38 0 67 4 64 9 -4 6 10 8 79 11 14 0 24 3 22 5 -4 4 33 14
|
|
||||||
145 37 13 3 33 10 43 15 11 6 26 8 34 5 10 -4 12 -2 8 6 -5 8 -2 9 9 5 10 -3
|
|
||||||
17 -2 17 3 0 6 8 10 18 10 9 0 36 9 58 19 32 15 45 16 54 8 9 -9 11 -9 8 2 -2
|
|
||||||
7 2 15 8 18 10 3 23 -34 38 -108 2 -8 6 -21 9 -29 15 -36 70 -206 70 -217 0
|
|
||||||
-7 4 -13 8 -13 11 0 30 -61 22 -74 -3 -6 -3 -8 2 -4 8 7 86 -135 88 -159 0 -7
|
|
||||||
4 -13 8 -13 13 0 39 -56 31 -66 -4 -5 -3 -6 2 -2 5 4 22 -12 39 -35 17 -23 49
|
|
||||||
-59 71 -80 23 -21 40 -42 39 -47 -2 -6 0 -9 5 -8 15 3 63 -22 68 -37 3 -8 10
|
|
||||||
-12 15 -10 5 3 22 -1 39 -10 17 -9 35 -13 40 -10 6 3 10 2 10 -2 0 -5 12 -8
|
|
||||||
28 -8 15 1 33 -4 41 -9 11 -8 13 -8 8 0 -4 7 7 13 33 17 21 3 53 12 71 21 17
|
|
||||||
9 36 13 42 9 5 -3 7 -1 3 5 -3 6 3 13 14 17 11 3 20 11 20 16 0 5 5 9 11 9 5
|
|
||||||
0 7 -6 3 -13 -4 -7 -3 -9 2 -4 5 5 9 12 9 17 0 4 14 21 30 37 69 67 162 196
|
|
||||||
179 251 4 12 12 20 17 16 5 -3 8 -2 7 3 -1 4 6 29 17 56 14 33 24 45 35 41 11
|
|
||||||
-4 12 -2 4 6 -14 14 -6 52 9 43 5 -3 7 -2 4 4 -3 5 8 45 24 88 17 44 33 86 35
|
|
||||||
94 7 34 56 206 59 209 1 1 15 -3 31 -9 16 -7 34 -13 39 -15 61 -18 144 -51
|
|
||||||
139 -56 -3 -4 3 -4 14 -1 11 2 23 0 26 -6 4 -5 14 -7 23 -4 9 4 14 2 10 -3 -3
|
|
||||||
-5 7 -9 21 -8 34 1 63 -6 58 -15 -2 -3 19 -7 47 -9 28 -2 55 -6 61 -10 13 -8
|
|
||||||
18 -9 79 -10 27 -1 46 -5 44 -9 -3 -5 20 -6 50 -5 44 3 54 1 48 -10 -6 -10 -5
|
|
||||||
-11 6 0 16 15 33 16 23 0 -5 -7 -3 -8 7 -3 7 5 29 10 49 12 74 5 116 11 135
|
|
||||||
18 11 4 37 13 57 21 28 10 38 11 41 1 4 -8 6 -7 6 3 1 8 21 28 46 44 43 26 92
|
|
||||||
86 109 131 28 73 27 217 -3 313 -5 18 -10 33 -9 35 2 23 -118 257 -184 356
|
|
||||||
-44 67 -124 177 -138 191 -3 3 -34 39 -70 80 -36 41 -97 107 -137 146 l-72 71
|
|
||||||
25 22 c14 12 30 19 36 15 6 -4 8 -3 4 4 -3 6 24 42 61 80 38 38 86 91 108 117
|
|
||||||
22 27 46 54 53 61 6 7 12 17 12 23 0 6 3 11 8 11 4 0 22 22 41 50 19 27 37 47
|
|
||||||
41 45 4 -3 7 3 6 13 0 9 5 16 12 14 8 -1 11 2 7 7 -5 9 36 83 55 101 5 5 101
|
|
||||||
200 121 245 7 18 26 84 36 125 2 8 4 27 5 42 0 16 5 25 11 21 6 -4 7 -1 2 7
|
|
||||||
-11 18 -11 62 0 80 5 8 4 11 -2 7 -6 -4 -12 10 -16 36 -6 51 -10 70 -18 77 -3
|
|
||||||
3 -15 21 -27 41 -42 70 -184 145 -292 155 -205 20 -451 -18 -709 -108 -30 -10
|
|
||||||
-60 -17 -68 -14 -8 3 -12 2 -9 -3 5 -7 -42 -31 -60 -31 -1 0 -5 15 -9 33 -18
|
|
||||||
86 -108 342 -156 444 -17 35 -29 66 -29 69 1 4 -2 10 -7 13 -5 3 -24 32 -42
|
|
||||||
64 -108 190 -245 296 -403 311 -20 2 -39 2 -41 -1z m53 -124 c0 -5 5 -7 10 -4
|
|
||||||
14 9 52 -4 45 -16 -3 -5 0 -6 8 -4 17 7 69 -33 61 -47 -5 -7 -2 -8 5 -4 13 8
|
|
||||||
43 -23 35 -36 -3 -4 1 -6 8 -3 7 2 24 -11 38 -31 14 -19 30 -41 35 -47 50 -56
|
|
||||||
148 -233 139 -249 -4 -6 -3 -9 2 -5 12 7 97 -192 90 -210 -3 -8 -2 -12 3 -9
|
|
||||||
11 7 45 -120 35 -135 -4 -8 -3 -9 4 -5 7 4 12 3 12 -3 0 -5 3 -16 6 -25 4 -11
|
|
||||||
-23 -30 -113 -75 -138 -71 -276 -145 -350 -189 -29 -17 -53 -29 -53 -26 0 3
|
|
||||||
-7 -1 -15 -10 -14 -14 -19 -13 -53 6 -20 11 -62 34 -92 51 -30 16 -59 33 -65
|
|
||||||
37 -5 4 -86 47 -180 95 -93 48 -173 91 -177 94 -11 10 3 52 15 44 6 -3 7 -1 3
|
|
||||||
6 -9 14 12 113 22 107 4 -2 8 7 8 20 2 24 42 134 53 144 3 3 7 12 9 20 2 8 17
|
|
||||||
44 33 80 24 50 32 61 40 50 8 -11 9 -10 4 7 -5 17 10 47 60 123 36 55 71 98
|
|
||||||
76 94 5 -3 9 -2 8 3 -4 23 2 35 17 29 8 -3 12 -2 9 3 -7 12 60 78 100 99 25
|
|
||||||
13 70 27 98 31 4 1 7 -4 7 -10z m-1411 -783 c9 -6 12 -5 8 1 -4 6 10 10 34 11
|
|
||||||
29 1 38 -1 33 -11 -5 -9 -4 -9 7 1 7 6 19 12 27 12 8 0 10 -5 6 -12 -6 -10 -5
|
|
||||||
-10 7 -1 9 7 26 10 40 8 13 -3 47 -8 74 -11 63 -7 155 -23 175 -31 15 -6 35
|
|
||||||
-10 71 -12 12 -1 17 -5 13 -13 -4 -7 -3 -8 4 -4 6 4 31 1 54 -5 24 -7 49 -13
|
|
||||||
55 -15 25 -5 73 -29 73 -37 0 -5 4 -6 9 -3 12 8 41 -4 41 -16 0 -5 -4 -6 -10
|
|
||||||
-3 -6 3 -7 -1 -4 -9 3 -9 1 -45 -5 -81 -6 -36 -14 -91 -17 -122 -4 -32 -11
|
|
||||||
-61 -18 -65 -8 -6 -7 -8 2 -8 7 0 11 -4 8 -8 -3 -4 -8 -42 -11 -83 -4 -40 -9
|
|
||||||
-81 -12 -89 -3 -8 -6 -44 -8 -80 -1 -36 -3 -65 -4 -65 -1 0 -3 -27 -4 -61 -3
|
|
||||||
-66 0 -62 -92 -139 -33 -27 -62 -53 -63 -58 -2 -4 -8 -5 -13 -1 -5 3 -9 1 -9
|
|
||||||
-3 0 -5 -41 -44 -91 -88 -50 -43 -98 -85 -106 -93 -13 -14 -23 -6 -91 64 -86
|
|
||||||
90 -172 188 -186 213 -5 9 -12 18 -16 21 -12 9 -106 154 -139 215 -18 33 -37
|
|
||||||
66 -43 72 -6 7 -8 20 -4 28 3 9 2 14 -3 11 -19 -12 -102 225 -105 296 0 27 -4
|
|
||||||
48 -7 48 -16 0 9 108 32 142 22 31 125 81 151 74 10 -2 18 0 18 5 0 5 14 7 30
|
|
||||||
5 17 -2 30 0 30 4 0 9 42 7 59 -4z m2823 1 c6 -9 8 -9 8 1 0 7 4 10 10 7 5 -3
|
|
||||||
29 -8 52 -11 113 -13 201 -66 197 -118 0 -5 4 -12 10 -15 9 -6 11 -27 11 -124
|
|
||||||
0 -16 -4 -26 -9 -23 -5 3 -7 -2 -4 -13 11 -41 -89 -307 -110 -294 -6 3 -7 1
|
|
||||||
-3 -6 13 -20 -142 -281 -166 -281 -6 0 -8 -3 -5 -7 11 -10 -51 -84 -197 -238
|
|
||||||
l-86 -89 -47 44 c-26 25 -52 50 -58 55 -7 6 -39 33 -71 61 -33 29 -86 73 -119
|
|
||||||
100 -86 69 -87 71 -90 112 -5 69 -16 207 -21 242 -4 33 -10 92 -18 170 -4 37
|
|
||||||
-14 114 -21 165 -2 17 -9 52 -14 80 -5 27 -9 50 -8 51 50 22 109 44 129 48 15
|
|
||||||
2 36 10 48 16 12 6 28 9 35 6 8 -3 15 -1 17 5 2 5 19 11 39 13 20 2 40 6 45 9
|
|
||||||
5 3 29 8 54 12 25 4 48 9 52 11 5 3 8 -1 8 -8 0 -9 2 -10 8 -2 9 16 43 21 61
|
|
||||||
10 10 -7 12 -6 6 4 -6 10 -3 12 12 8 12 -3 25 -3 31 1 20 12 206 11 214 -2z
|
|
||||||
m-1950 -189 c23 -13 46 -27 49 -31 3 -5 9 -8 13 -7 15 3 64 -25 59 -34 -3 -5
|
|
||||||
-1 -6 5 -2 14 9 63 -14 55 -27 -3 -6 -2 -7 4 -4 5 3 56 -21 113 -53 57 -33
|
|
||||||
107 -60 111 -60 4 0 11 -5 15 -12 5 -8 2 -9 -9 -5 -9 3 -16 2 -14 -2 1 -5 -48
|
|
||||||
-42 -110 -83 -61 -40 -144 -95 -183 -123 -40 -27 -80 -54 -89 -60 -9 -5 -18
|
|
||||||
-12 -21 -15 -17 -17 -80 -60 -80 -54 0 3 -9 -4 -20 -17 l-20 -24 6 105 c3 58
|
|
||||||
7 121 9 140 2 19 5 52 6 72 1 20 5 36 8 34 3 -2 7 19 7 47 2 79 15 149 31 176
|
|
||||||
8 13 10 20 4 17 -6 -4 -11 -2 -11 3 0 6 4 11 10 11 5 0 7 7 4 15 -8 20 -4 19
|
|
||||||
48 -7z m1114 -66 c3 -26 8 -56 10 -67 10 -50 19 -145 19 -192 0 -28 3 -49 7
|
|
||||||
-47 4 3 6 -16 5 -41 -1 -25 0 -45 3 -45 3 0 6 -32 7 -70 2 -39 -1 -70 -5 -70
|
|
||||||
-5 0 -18 9 -30 20 -12 11 -26 20 -31 20 -5 0 -17 10 -25 22 -9 12 -16 19 -16
|
|
||||||
15 0 -6 -92 56 -135 90 -25 20 -253 169 -278 182 -15 8 -26 15 -25 16 9 7 158
|
|
||||||
95 184 108 17 9 34 13 38 10 3 -4 6 -1 6 5 0 11 175 102 197 102 7 0 13 4 13
|
|
||||||
9 0 5 8 11 18 13 20 4 29 -14 38 -80z m-531 -268 c30 -20 55 -41 55 -45 0 -5
|
|
||||||
6 -8 13 -6 6 1 11 -4 9 -11 -1 -8 2 -11 7 -7 14 8 82 -38 76 -52 -2 -7 2 -10
|
|
||||||
11 -6 8 3 25 -3 37 -14 12 -11 35 -27 50 -37 16 -9 25 -22 21 -28 -4 -7 -3 -8
|
|
||||||
4 -4 10 6 242 -148 250 -166 2 -5 9 -8 16 -8 7 0 21 -9 31 -20 17 -19 14 -24
|
|
||||||
-10 -21 -5 1 -3 -4 5 -11 12 -10 15 -40 16 -138 0 -77 -4 -128 -10 -132 -7 -5
|
|
||||||
-7 -8 -1 -8 12 0 14 -259 2 -277 -5 -7 -4 -13 1 -13 12 0 7 -79 -5 -90 -7 -7
|
|
||||||
-244 -174 -287 -203 -10 -6 -24 -16 -30 -22 -12 -10 -34 -26 -211 -146 -96
|
|
||||||
-65 -108 -71 -131 -60 -14 6 -22 16 -19 21 3 5 0 7 -7 5 -8 -3 -23 4 -35 15
|
|
||||||
-12 11 -24 20 -27 20 -5 0 -246 166 -271 187 -5 4 -30 22 -55 38 -25 17 -49
|
|
||||||
33 -55 38 -5 4 -44 31 -85 61 l-75 54 0 337 c1 317 2 338 19 351 11 7 23 11
|
|
||||||
29 7 6 -3 7 -1 3 5 -4 7 3 17 18 24 14 6 26 15 26 20 0 4 7 8 15 8 8 0 15 5
|
|
||||||
15 11 0 6 7 8 16 5 8 -3 13 -2 9 3 -3 5 12 20 32 32 21 13 41 27 44 32 4 5 12
|
|
||||||
6 19 2 8 -5 11 -4 7 2 -9 15 38 44 60 37 12 -4 14 -3 6 3 -9 6 1 19 37 46 27
|
|
||||||
20 54 37 59 37 5 0 11 3 13 8 5 12 131 95 144 95 7 0 12 4 11 8 -2 8 51 47 66
|
|
||||||
48 4 1 32 -15 62 -35z m-822 -752 c2 -270 4 -262 -48 -215 -12 10 -41 34 -65
|
|
||||||
53 -43 33 -83 67 -157 136 l-34 31 57 49 c177 153 219 185 228 176 4 -4 7 -2
|
|
||||||
6 3 -4 17 0 29 6 23 3 -4 6 -119 7 -256z m1539 245 c7 -7 26 -20 41 -30 15
|
|
||||||
-10 25 -23 21 -29 -4 -7 -3 -8 4 -4 7 4 12 2 12 -3 0 -6 6 -10 13 -8 6 1 11
|
|
||||||
-4 9 -11 -1 -8 2 -11 7 -8 5 4 14 -2 20 -11 5 -10 13 -18 18 -18 4 0 7 -3 6
|
|
||||||
-7 -2 -5 1 -7 5 -5 5 1 37 -22 71 -52 l62 -54 -53 -49 c-29 -27 -66 -59 -81
|
|
||||||
-71 -16 -12 -34 -27 -41 -33 -43 -40 -129 -105 -133 -101 -2 3 0 14 6 25 7 13
|
|
||||||
7 23 -2 32 -9 10 -9 14 1 17 6 3 9 9 6 14 -5 9 -8 289 -4 314 1 6 2 14 1 19
|
|
||||||
-4 22 -8 86 -5 86 1 0 9 -6 16 -13z m-1862 -353 c48 -45 72 -65 109 -93 17
|
|
||||||
-13 31 -30 31 -37 0 -8 3 -13 8 -13 21 4 32 -3 32 -18 0 -9 3 -14 6 -10 4 3
|
|
||||||
13 -1 21 -9 8 -8 30 -26 49 -40 18 -15 31 -31 27 -37 -3 -5 -2 -7 4 -4 23 14
|
|
||||||
43 -19 48 -78 10 -127 16 -186 40 -410 4 -33 10 -79 14 -102 5 -27 4 -46 -3
|
|
||||||
-54 -8 -9 -8 -10 0 -6 7 4 14 -2 17 -13 3 -11 0 -20 -5 -20 -6 0 -5 -6 2 -15
|
|
||||||
7 -8 10 -26 8 -40 -3 -13 -1 -22 3 -19 5 3 9 1 9 -5 0 -8 -35 -25 -50 -23 -3
|
|
||||||
0 -14 -5 -25 -11 -11 -6 -22 -12 -25 -12 -3 -1 -36 -11 -75 -23 -61 -18 -120
|
|
||||||
-33 -190 -48 -11 -2 -40 -7 -65 -10 -25 -3 -49 -8 -53 -11 -5 -3 -70 -6 -145
|
|
||||||
-8 -122 -3 -168 0 -263 18 -72 14 -145 78 -155 136 -3 20 -8 44 -11 54 -2 9
|
|
||||||
-1 17 4 17 4 0 8 17 7 37 -1 50 6 74 20 66 8 -4 8 -3 0 6 -12 14 33 164 47
|
|
||||||
155 5 -3 6 2 3 10 -3 9 6 36 20 62 14 26 26 53 26 60 0 8 5 14 10 14 6 0 10 5
|
|
||||||
10 11 0 22 93 168 103 162 6 -3 7 -2 4 4 -10 17 64 118 77 105 4 -3 5 0 2 8
|
|
||||||
-4 9 12 35 39 65 25 28 73 80 106 117 34 38 65 65 70 62 5 -3 8 -2 7 3 -5 13
|
|
||||||
26 42 37 35 6 -3 26 -21 45 -38z m2364 -103 c-1 -3 7 -12 18 -19 10 -7 15 -18
|
|
||||||
12 -24 -4 -6 -2 -8 3 -5 6 4 21 -8 34 -25 13 -17 29 -36 34 -42 30 -33 63 -84
|
|
||||||
58 -90 -4 -3 -1 -6 5 -6 17 0 85 -108 76 -121 -4 -7 -3 -9 3 -6 13 8 106 -169
|
|
||||||
97 -185 -4 -6 -3 -8 3 -5 12 7 36 -50 28 -63 -3 -4 1 -10 9 -13 7 -3 17 -23
|
|
||||||
21 -44 5 -21 10 -45 12 -53 2 -8 4 -24 6 -35 1 -11 6 -23 10 -26 5 -3 8 -36 8
|
|
||||||
-73 0 -178 -108 -238 -417 -231 -78 2 -150 5 -161 8 -10 3 -34 8 -53 11 -19 3
|
|
||||||
-48 8 -65 11 -114 22 -337 94 -329 106 3 5 -2 6 -12 2 -12 -5 -15 -2 -11 13 6
|
|
||||||
20 16 78 22 129 2 17 6 46 9 65 3 19 8 60 11 90 3 30 8 69 11 87 2 17 7 62 10
|
|
||||||
100 3 37 10 73 15 80 7 7 6 14 -1 18 -6 3 -7 12 -3 18 4 6 6 26 5 45 -2 25 1
|
|
||||||
32 10 26 10 -6 10 -5 2 7 -16 21 -6 71 18 88 11 8 30 25 41 38 11 12 24 23 29
|
|
||||||
23 4 0 25 16 45 36 63 60 110 94 118 86 5 -4 5 -2 2 4 -4 7 9 24 29 39 20 15
|
|
||||||
49 40 66 57 l30 29 71 -72 c40 -39 71 -74 71 -78z m-1901 -294 c-3 -5 -2 -7 4
|
|
||||||
-4 12 8 83 -39 83 -55 0 -6 3 -8 6 -5 7 7 136 -80 142 -95 2 -4 10 -8 18 -8 8
|
|
||||||
0 14 -3 14 -8 0 -4 20 -18 45 -32 25 -14 45 -28 45 -32 0 -5 5 -8 10 -8 12 0
|
|
||||||
124 -72 128 -82 2 -5 11 -8 20 -8 10 0 -36 -32 -101 -70 -65 -39 -124 -67
|
|
||||||
-130 -64 -7 4 -8 3 -4 -2 5 -5 -41 -33 -110 -66 -80 -38 -120 -52 -125 -45 -3
|
|
||||||
7 -9 32 -12 57 -3 25 -8 58 -11 74 -3 15 -8 49 -11 75 -3 25 -7 62 -9 81 -2
|
|
||||||
19 -7 62 -10 94 -3 33 -8 64 -11 68 -3 4 0 8 6 8 6 0 8 5 4 11 -3 6 -8 43 -11
|
|
||||||
82 -5 65 -4 70 11 58 9 -7 13 -18 9 -24z m1261 -64 c-4 -94 -9 -162 -18 -228
|
|
||||||
-2 -16 -7 -55 -10 -85 -4 -30 -8 -62 -10 -70 -1 -8 -7 -37 -11 -65 -5 -27 -10
|
|
||||||
-53 -11 -57 -1 -5 -2 -13 -3 -20 -1 -9 -4 -9 -13 0 -7 7 -20 12 -30 12 -10 0
|
|
||||||
-18 5 -18 12 0 6 -3 9 -6 5 -4 -3 -54 19 -113 50 -58 31 -123 64 -143 75 -21
|
|
||||||
10 -38 23 -38 29 0 6 -4 8 -9 5 -5 -3 -19 2 -32 12 -13 10 -37 24 -52 32 -25
|
|
||||||
12 -26 15 -10 24 10 6 22 11 26 11 4 0 11 5 15 12 4 6 13 13 21 15 8 2 24 12
|
|
||||||
36 23 13 12 36 27 52 35 15 8 35 21 43 28 8 7 18 12 23 12 4 0 16 8 26 18 42
|
|
||||||
37 52 43 64 36 6 -4 9 -3 4 1 -9 11 43 46 56 38 6 -3 7 -2 4 4 -3 5 27 33 68
|
|
||||||
62 41 28 77 56 80 61 12 20 13 8 9 -87z m-524 -403 c8 -5 30 -17 48 -26 17 -9
|
|
||||||
32 -21 32 -26 0 -5 4 -7 9 -3 5 3 36 -11 68 -30 32 -19 63 -35 69 -35 5 0 21
|
|
||||||
-10 34 -22 14 -13 25 -21 25 -18 1 8 154 -64 155 -73 0 -5 -4 -5 -10 -2 -6 4
|
|
||||||
-7 -1 -3 -10 3 -10 0 -21 -8 -26 -11 -6 -11 -9 -1 -9 9 0 10 -5 4 -17 -5 -10
|
|
||||||
-15 -40 -21 -68 -7 -27 -18 -63 -26 -80 -7 -16 -24 -58 -36 -92 -13 -34 -28
|
|
||||||
-59 -33 -56 -5 3 -6 1 -3 -4 9 -14 -22 -75 -34 -68 -5 4 -6 -1 -3 -10 4 -9 -5
|
|
||||||
-33 -20 -55 -14 -22 -26 -42 -26 -46 0 -3 -19 -33 -42 -67 -185 -267 -312
|
|
||||||
-305 -471 -142 -56 56 -164 205 -150 205 4 0 3 4 -3 8 -14 8 -97 164 -109 202
|
|
||||||
-4 14 -16 43 -26 65 -25 55 -76 216 -81 251 -2 23 1 29 14 28 10 -1 16 1 14 5
|
|
||||||
-3 4 19 18 47 31 29 13 55 29 59 35 4 5 8 7 8 3 0 -4 23 6 50 22 28 16 50 26
|
|
||||||
50 22 0 -4 4 -2 8 3 4 6 25 19 47 30 22 11 47 25 55 31 38 28 169 92 176 86 4
|
|
||||||
-4 4 -2 1 5 -19 32 42 11 133 -47z"/>
|
|
||||||
<path d="M2556 3192 c-3 -5 1 -9 9 -9 8 0 12 4 9 9 -3 4 -7 8 -9 8 -2 0 -6 -4
|
|
||||||
-9 -8z"/>
|
|
||||||
<path d="M2455 2831 c-3 -5 -2 -12 3 -15 5 -3 9 1 9 9 0 17 -3 19 -12 6z"/>
|
|
||||||
<path d="M2500 2790 c-9 -6 -10 -10 -3 -10 6 0 15 5 18 10 8 12 4 12 -15 0z"/>
|
|
||||||
<path d="M2144 2592 c-70 -35 -108 -103 -100 -179 3 -38 32 -93 62 -118 9 -7
|
|
||||||
1 -43 -31 -140 -65 -196 -66 -176 5 -173 33 2 60 -1 60 -5 0 -5 4 -6 8 -3 13
|
|
||||||
8 227 10 239 3 18 -11 23 7 13 39 -6 16 -28 83 -49 149 l-39 120 29 27 c16 16
|
|
||||||
29 30 29 33 0 22 1 26 8 22 4 -3 8 20 8 51 3 88 -33 145 -108 176 -44 19 -96
|
|
||||||
18 -134 -2z"/>
|
|
||||||
<path d="M1113 2105 c0 -8 4 -12 9 -9 5 3 6 10 3 15 -9 13 -12 11 -12 -6z"/>
|
|
||||||
<path d="M859 1903 c-13 -16 -12 -17 4 -4 9 7 17 15 17 17 0 8 -8 3 -21 -13z"/>
|
|
||||||
<path d="M1436 1803 c-6 -14 -5 -15 5 -6 7 7 10 15 7 18 -3 3 -9 -2 -12 -12z"/>
|
|
||||||
<path d="M3760 1596 c0 -2 8 -10 18 -17 15 -13 16 -12 3 4 -13 16 -21 21 -21
|
|
||||||
13z"/>
|
|
||||||
<path d="M1616 1691 c-3 -5 2 -15 12 -22 15 -12 16 -12 5 2 -7 9 -10 19 -6 22
|
|
||||||
3 4 4 7 0 7 -3 0 -8 -4 -11 -9z"/>
|
|
||||||
<path d="M2710 1590 c0 -5 5 -10 11 -10 5 0 7 5 4 10 -3 6 -8 10 -11 10 -2 0
|
|
||||||
-4 -4 -4 -10z"/>
|
|
||||||
<path d="M1090 831 c0 -6 4 -13 10 -16 6 -3 7 1 4 9 -7 18 -14 21 -14 7z"/>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 13 KiB |
@ -1,19 +0,0 @@
|
|||||||
{
|
|
||||||
"name": "",
|
|
||||||
"short_name": "",
|
|
||||||
"icons": [
|
|
||||||
{
|
|
||||||
"src": "/android-chrome-192x192.png",
|
|
||||||
"sizes": "192x192",
|
|
||||||
"type": "image/png"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"src": "/android-chrome-384x384.png",
|
|
||||||
"sizes": "384x384",
|
|
||||||
"type": "image/png"
|
|
||||||
}
|
|
||||||
],
|
|
||||||
"theme_color": "#ffffff",
|
|
||||||
"background_color": "#ffffff",
|
|
||||||
"display": "standalone"
|
|
||||||
}
|
|
||||||
@ -1,37 +0,0 @@
|
|||||||
/* latin */
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Work Sans';
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: normal;
|
|
||||||
/*400*/
|
|
||||||
font-display: swap;
|
|
||||||
src: url("./worksans-regular-webfont.woff2") format("woff2");
|
|
||||||
}
|
|
||||||
|
|
||||||
/* latin */
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Work Sans';
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 500;
|
|
||||||
font-display: swap;
|
|
||||||
src: url("./worksans-medium-webfont.woff2") format("woff2");
|
|
||||||
}
|
|
||||||
|
|
||||||
/* latin */
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Work Sans';
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 600;
|
|
||||||
font-display: swap;
|
|
||||||
src: url("./worksans-semibold-webfont.woff2") format("woff2");
|
|
||||||
}
|
|
||||||
|
|
||||||
/* latin */
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Work Sans';
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: bold;
|
|
||||||
/*700*/
|
|
||||||
font-display: swap;
|
|
||||||
src: url("./worksans-bold-webfont.woff2") format("woff2");
|
|
||||||
}
|
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 102 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 104 KiB |
@ -1,3 +1,3 @@
|
|||||||
Looking to contribute? Thank you! PR are more than welcome.
|
Looking to contribute? Thank you! PR are more than welcome.
|
||||||
|
|
||||||
Please refers to [this documentation page](https://docs.keycloakify.dev/faq-and-help/contributing) that will help you get started.
|
Please refers to [this documentation page](https://docs.keycloakify.dev/contributing) that will help you get started.
|
||||||
|
|||||||
286
README.md
286
README.md
@ -2,11 +2,11 @@
|
|||||||
<img src="https://user-images.githubusercontent.com/6702424/109387840-eba11f80-7903-11eb-9050-db1dad883f78.png">
|
<img src="https://user-images.githubusercontent.com/6702424/109387840-eba11f80-7903-11eb-9050-db1dad883f78.png">
|
||||||
</p>
|
</p>
|
||||||
<p align="center">
|
<p align="center">
|
||||||
<i>🔏 Keycloak Theming for the Modern Web 🔏</i>
|
<i>🔏 Create Keycloak themes using React 🔏</i>
|
||||||
<br>
|
<br>
|
||||||
<br>
|
<br>
|
||||||
<a href="https://github.com/garronej/keycloakify/actions">
|
<a href="https://github.com/garronej/keycloakify/actions">
|
||||||
<img src="https://github.com/keycloakify/keycloakify/actions/workflows/ci.yaml/badge.svg">
|
<img src="https://github.com/garronej/keycloakify/workflows/ci/badge.svg?branch=main">
|
||||||
</a>
|
</a>
|
||||||
<a href="https://www.npmjs.com/package/keycloakify">
|
<a href="https://www.npmjs.com/package/keycloakify">
|
||||||
<img src="https://img.shields.io/npm/dm/keycloakify">
|
<img src="https://img.shields.io/npm/dm/keycloakify">
|
||||||
@ -14,170 +14,192 @@
|
|||||||
<a href="https://github.com/garronej/keycloakify/blob/main/LICENSE">
|
<a href="https://github.com/garronej/keycloakify/blob/main/LICENSE">
|
||||||
<img src="https://img.shields.io/npm/l/keycloakify">
|
<img src="https://img.shields.io/npm/l/keycloakify">
|
||||||
</a>
|
</a>
|
||||||
|
<a href="https://github.com/keycloakify/keycloakify/blob/729503fe31a155a823f46dd66ad4ff34ca274e0a/tsconfig.json#L14">
|
||||||
|
<img src="https://camo.githubusercontent.com/0f9fcc0ac1b8617ad4989364f60f78b2d6b32985ad6a508f215f14d8f897b8d3/68747470733a2f2f62616467656e2e6e65742f62616467652f547970655363726970742f7374726963742532302546302539462539322541412f626c7565">
|
||||||
|
</a>
|
||||||
<a href="https://github.com/thomasdarimont/awesome-keycloak">
|
<a href="https://github.com/thomasdarimont/awesome-keycloak">
|
||||||
<img src="https://awesome.re/mentioned-badge.svg"/>
|
<img src="https://awesome.re/mentioned-badge.svg"/>
|
||||||
</a>
|
</a>
|
||||||
<p align="center">
|
|
||||||
Check out our discord server!<br/>
|
|
||||||
<a href="https://discord.gg/mJdYJSdcm4">
|
|
||||||
<img src="https://dcbadge.limes.pink/api/server/kYFZG7fQmn"/>
|
|
||||||
</a>
|
|
||||||
</p>
|
|
||||||
<p align="center">
|
<p align="center">
|
||||||
<a href="https://www.keycloakify.dev">Home</a>
|
<a href="https://www.keycloakify.dev">Home</a>
|
||||||
-
|
-
|
||||||
<a href="https://docs.keycloakify.dev">Documentation</a>
|
<a href="https://docs.keycloakify.dev">Documentation</a>
|
||||||
-
|
-
|
||||||
<a href="https://storybook.keycloakify.dev">Storybook</a>
|
<a href="https://storybook.keycloakify.dev/storybook">Storybook</a>
|
||||||
-
|
-
|
||||||
<a href="https://github.com/codegouvfr/keycloakify-starter">Starter project</a>
|
<a href="https://github.com/codegouvfr/keycloakify-starter">Starter project</a>
|
||||||
</p>
|
</p>
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<p align="center">
|
> 🗣️🔈 Sorry the latest release is broken, fixing ASAP
|
||||||
<i>This build tool generates a Keycloak theme <a href="https://www.keycloakify.dev">Learn more</a></i>
|
|
||||||
<br/>
|
|
||||||
<br/>
|
|
||||||
<img width="400" src="https://github.com/user-attachments/assets/6bf3bef9-00b0-4460-97b9-0d2da8500798">
|
|
||||||
</p>
|
|
||||||
|
|
||||||
Keycloakify is fully compatible with Keycloak from version 11 to 26...[and beyond](https://github.com/keycloakify/keycloakify/discussions/346#discussioncomment-5889791)
|
|
||||||
|
|
||||||
> 📣 **Keycloakify 26 Released**
|
|
||||||
> Themes built with Keycloakify versions **prior** to Keycloak 26 are **incompatible** with Keycloak 26.
|
|
||||||
> To ensure compatibility, simply upgrade to the latest Keycloakify version for your major release (v10 or v11) and rebuild your theme.
|
|
||||||
> No breaking changes have been introduced, but the target version ranges have been updated. For more details, see [this guide](https://docs.keycloakify.dev/features/compiler-options/keycloakversiontargets).
|
|
||||||
|
|
||||||
## Sponsors
|
|
||||||
|
|
||||||
Project backers, we trust and recommend their services.
|
|
||||||
|
|
||||||
<br/>
|
|
||||||
|
|
||||||
<div align="center">
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div align="center">
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<br/>
|
|
||||||
|
|
||||||
<p align="center">
|
<p align="center">
|
||||||
<i><a href="https://phasetwo.io/?utm_source=keycloakify"><strong>Keycloak as a Service</strong></a> - Keycloak community contributors of popular <a href="https://github.com/p2-inc#our-extensions-?utm_source=keycloakify">extensions</a> providing free and dedicated <a href="https://phasetwo.io/hosting/?utm_source=keycloakify">Keycloak hosting</a> and enterprise <a href="https://phasetwo.io/support/?utm_source=keycloakify">Keycloak support</a> to businesses of all sizes.</i>
|
<i>Ultimately this build tool generates a Keycloak theme <a href="https://www.keycloakify.dev">Learn more</a></i>
|
||||||
|
<img src="https://user-images.githubusercontent.com/6702424/110260457-a1c3d380-7fac-11eb-853a-80459b65626b.png">
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<br/>
|
The more ⭐️ the project gets, the more time I spend improving and maintaining it. Thank you for your support 😊
|
||||||
<br/>
|
|
||||||
<br/>
|
|
||||||
|
|
||||||
<div align="center">
|
> 🗣 V7 have been released 🎉
|
||||||
|
> [It features major improvements](https://github.com/keycloakify/keycloakify#70-).
|
||||||
|
> Checkout [the migration guide](https://docs.keycloakify.dev/migration-guides/v6-greater-than-v7).
|
||||||
|
|
||||||
|
# Changelog highlights
|
||||||
|
|
||||||
</div>
|
## 7.0 🍾
|
||||||
|
|
||||||
<div align="center">
|
- Account theme support 🚀
|
||||||
|
- It's much easier to customize pages at the CSS level, you can now see in the browser dev tool the customizable classes.
|
||||||
|
- New interactive CLI tool `npx eject-keycloak-page`, that enables to select the page you want to customize at the component level.
|
||||||
|
- There is [a Storybook](https://storybook.keycloakify.dev)
|
||||||
|
- [Remember me is fixed](https://github.com/keycloakify/keycloakify/pull/272)
|
||||||
|
|
||||||
|
## 6.13
|
||||||
|
|
||||||
</div>
|
- Build work behind corporate proxies, [see issue](https://github.com/keycloakify/keycloakify/issues/257).
|
||||||
|
|
||||||
<br/>
|
## 6.12
|
||||||
|
|
||||||
<p align="center">
|
Massive improvement in the developer experience:
|
||||||
<a href="https://www.zone2.tech/services/keycloak-consulting">
|
|
||||||
<i><strong>Keycloak Consulting Services</strong> - Your partner in Keycloak deployment, configuration, and extension development for optimized identity management solutions.</i>
|
|
||||||
</a>
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<div align="center">
|
- There is now only one starter repo: https://github.com/codegouvfr/keycloakify-starter
|
||||||
|
- A lot of comments have been added in the code of the starter to make it easier to get started.
|
||||||
|
- The doc has been updated: https://docs.keycloakify.dev
|
||||||
|
- A lot of improvements in the type system.
|
||||||
|
|
||||||
|
## 6.11.4
|
||||||
|
|
||||||
</div>
|
- You no longer need to have Maven installed to build the theme. Thanks to @lordvlad, [see PR](https://github.com/keycloakify/keycloakify/pull/239).
|
||||||
|
- Feature new build options: [`bundler`](https://docs.keycloakify.dev/build-options#keycloakify.bundler), [`groupId`](https://docs.keycloakify.dev/build-options#keycloakify.groupid), [`artifactId`](https://docs.keycloakify.dev/build-options#keycloakify.artifactid), [`version`](https://docs.keycloakify.dev/build-options#version).
|
||||||
|
Theses options can be user to customize the output name of the .jar. You can use environnement variables to overrides the values read in the package.json. Thanks to @lordvlad.
|
||||||
|
|
||||||
<div align="center">
|
## 6.10.0
|
||||||
|
|
||||||
|
- Widows compat (thanks to @lordvlad, [see PR](https://github.com/keycloakify/keycloakify/pull/226)). WSL is no longer required 🎉
|
||||||
|
|
||||||
</div>
|
## 6.8.4
|
||||||
|
|
||||||
<p align="center">
|
- `@emotion/react` is no longer a peer dependency of Keycloakify.
|
||||||
<a href="https://cloud-iam.com/?mtm_campaign=keycloakify-deal&mtm_source=keycloakify-github"><strong>Managed Keycloak Provider</strong> - With Cloud-IAM powering your Keycloak clusters, you can sleep easy knowing you've got the software and the experts you need for operational excellence. Cloud IAM is a french company. </a>
|
|
||||||
<br/>
|
|
||||||
Use code <code>keycloakify5</code> at checkout for a 5% discount.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
## Contributors ✨
|
## 6.8.0
|
||||||
|
|
||||||
Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):
|
- It is now possible to pass a custom `<Template />` component as a prop to `<KcApp />` and every
|
||||||
|
individual page (`<Login />`, `<RegisterUserProfile />`, ...) it enables to customize only the header and footer for
|
||||||
|
example without having to switch to a full-component level customization. [See issue](https://github.com/keycloakify/keycloakify/issues/191).
|
||||||
|
|
||||||
<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
|
## 6.7.0
|
||||||
<!-- prettier-ignore-start -->
|
|
||||||
<!-- markdownlint-disable -->
|
|
||||||
<table>
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td align="center" valign="top" width="14.28%"><a href="https://github.com/lordvlad"><img src="https://avatars.githubusercontent.com/u/1217769?v=4?s=100" width="100px;" alt="Waldemar Reusch"/><br /><sub><b>Waldemar Reusch</b></sub></a><br /><a href="https://github.com/keycloakify/keycloakify/commits?author=lordvlad" title="Code">💻</a></td>
|
|
||||||
<td align="center" valign="top" width="14.28%"><a href="https://willwill96.github.io/the-ui-dawg-static-site/en/introduction/"><img src="https://avatars.githubusercontent.com/u/10997562?v=4?s=100" width="100px;" alt="William Will"/><br /><sub><b>William Will</b></sub></a><br /><a href="https://github.com/keycloakify/keycloakify/commits?author=willwill96" title="Code">💻</a></td>
|
|
||||||
<td align="center" valign="top" width="14.28%"><a href="https://github.com/Ann2827"><img src="https://avatars.githubusercontent.com/u/32645809?v=4?s=100" width="100px;" alt="Bystrova Ann"/><br /><sub><b>Bystrova Ann</b></sub></a><br /><a href="https://github.com/keycloakify/keycloakify/commits?author=Ann2827" title="Code">💻</a></td>
|
|
||||||
<td align="center" valign="top" width="14.28%"><a href="https://github.com/mkreuzmayr"><img src="https://avatars.githubusercontent.com/u/20108212?v=4?s=100" width="100px;" alt="Michael Kreuzmayr"/><br /><sub><b>Michael Kreuzmayr</b></sub></a><br /><a href="https://github.com/keycloakify/keycloakify/commits?author=mkreuzmayr" title="Code">💻</a></td>
|
|
||||||
<td align="center" valign="top" width="14.28%"><a href="https://coolmathgames.tech"><img src="https://avatars.githubusercontent.com/u/6877780?v=4?s=100" width="100px;" alt="Mary "/><br /><sub><b>Mary </b></sub></a><br /><a href="https://github.com/keycloakify/keycloakify/commits?author=Mstrodl" title="Code">💻</a></td>
|
|
||||||
<td align="center" valign="top" width="14.28%"><a href="https://tasyp.xyz/"><img src="https://avatars.githubusercontent.com/u/6623212?v=4?s=100" width="100px;" alt="German Öö"/><br /><sub><b>German Öö</b></sub></a><br /><a href="https://github.com/keycloakify/keycloakify/commits?author=Tasyp" title="Code">💻</a></td>
|
|
||||||
<td align="center" valign="top" width="14.28%"><a href="https://revolunet.com"><img src="https://avatars.githubusercontent.com/u/124937?v=4?s=100" width="100px;" alt="Julien Bouquillon"/><br /><sub><b>Julien Bouquillon</b></sub></a><br /><a href="https://github.com/keycloakify/keycloakify/commits?author=revolunet" title="Code">💻</a></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center" valign="top" width="14.28%"><a href="https://github.com/aidangilmore"><img src="https://avatars.githubusercontent.com/u/32880357?v=4?s=100" width="100px;" alt="Aidan Gilmore"/><br /><sub><b>Aidan Gilmore</b></sub></a><br /><a href="https://github.com/keycloakify/keycloakify/commits?author=aidangilmore" title="Code">💻</a></td>
|
|
||||||
<td align="center" valign="top" width="14.28%"><a href="https://github.com/0x-Void"><img src="https://avatars.githubusercontent.com/u/32745739?v=4?s=100" width="100px;" alt="Void"/><br /><sub><b>Void</b></sub></a><br /><a href="https://github.com/keycloakify/keycloakify/commits?author=0x-Void" title="Code">💻</a></td>
|
|
||||||
<td align="center" valign="top" width="14.28%"><a href="https://github.com/juffe"><img src="https://avatars.githubusercontent.com/u/5393231?v=4?s=100" width="100px;" alt="juffe"/><br /><sub><b>juffe</b></sub></a><br /><a href="https://github.com/keycloakify/keycloakify/commits?author=juffe" title="Code">💻</a></td>
|
|
||||||
<td align="center" valign="top" width="14.28%"><a href="https://github.com/lazToum"><img src="https://avatars.githubusercontent.com/u/4764837?v=4?s=100" width="100px;" alt="Lazaros Toumanidis"/><br /><sub><b>Lazaros Toumanidis</b></sub></a><br /><a href="https://github.com/keycloakify/keycloakify/commits?author=lazToum" title="Code">💻</a></td>
|
|
||||||
<td align="center" valign="top" width="14.28%"><a href="https://github.com/marcmrf"><img src="https://avatars.githubusercontent.com/u/9928519?v=4?s=100" width="100px;" alt="Marc"/><br /><sub><b>Marc</b></sub></a><br /><a href="https://github.com/keycloakify/keycloakify/commits?author=marcmrf" title="Code">💻</a></td>
|
|
||||||
<td align="center" valign="top" width="14.28%"><a href="http://kasir-barati.github.io"><img src="https://avatars.githubusercontent.com/u/73785723?v=4?s=100" width="100px;" alt="Kasir Barati"/><br /><sub><b>Kasir Barati</b></sub></a><br /><a href="https://github.com/keycloakify/keycloakify/commits?author=kasir-barati" title="Documentation">📖</a></td>
|
|
||||||
<td align="center" valign="top" width="14.28%"><a href="https://github.com/asashay"><img src="https://avatars.githubusercontent.com/u/10714670?v=4?s=100" width="100px;" alt="Alex Oliynyk"/><br /><sub><b>Alex Oliynyk</b></sub></a><br /><a href="https://github.com/keycloakify/keycloakify/commits?author=asashay" title="Code">💻</a></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center" valign="top" width="14.28%"><a href="https://www.gravitysoftware.be"><img src="https://avatars.githubusercontent.com/u/1140574?v=4?s=100" width="100px;" alt="Thomas Silvestre"/><br /><sub><b>Thomas Silvestre</b></sub></a><br /><a href="https://github.com/keycloakify/keycloakify/commits?author=thosil" title="Code">💻</a></td>
|
|
||||||
<td align="center" valign="top" width="14.28%"><a href="https://github.com/satanshiro"><img src="https://avatars.githubusercontent.com/u/38865738?v=4?s=100" width="100px;" alt="satanshiro"/><br /><sub><b>satanshiro</b></sub></a><br /><a href="https://github.com/keycloakify/keycloakify/commits?author=satanshiro" title="Code">💻</a></td>
|
|
||||||
<td align="center" valign="top" width="14.28%"><a href="https://poelhekke.dev"><img src="https://avatars.githubusercontent.com/u/1632377?v=4?s=100" width="100px;" alt="Koen Poelhekke"/><br /><sub><b>Koen Poelhekke</b></sub></a><br /><a href="https://github.com/keycloakify/keycloakify/commits?author=kpoelhekke" title="Code">💻</a></td>
|
|
||||||
<td align="center" valign="top" width="14.28%"><a href="https://github.com/zavoloklom"><img src="https://avatars.githubusercontent.com/u/4151869?v=4?s=100" width="100px;" alt="Sergey Kupletsky"/><br /><sub><b>Sergey Kupletsky</b></sub></a><br /><a href="https://github.com/keycloakify/keycloakify/commits?author=zavoloklom" title="Tests">⚠️</a> <a href="https://github.com/keycloakify/keycloakify/commits?author=zavoloklom" title="Code">💻</a></td>
|
|
||||||
<td align="center" valign="top" width="14.28%"><a href="https://github.com/rome-user"><img src="https://avatars.githubusercontent.com/u/114131048?v=4?s=100" width="100px;" alt="rome-user"/><br /><sub><b>rome-user</b></sub></a><br /><a href="https://github.com/keycloakify/keycloakify/commits?author=rome-user" title="Code">💻</a></td>
|
|
||||||
<td align="center" valign="top" width="14.28%"><a href="https://github.com/celinepelletier"><img src="https://avatars.githubusercontent.com/u/82821620?v=4?s=100" width="100px;" alt="Céline Pelletier"/><br /><sub><b>Céline Pelletier</b></sub></a><br /><a href="https://github.com/keycloakify/keycloakify/commits?author=celinepelletier" title="Code">💻</a></td>
|
|
||||||
<td align="center" valign="top" width="14.28%"><a href="https://github.com/xgp"><img src="https://avatars.githubusercontent.com/u/244253?v=4?s=100" width="100px;" alt="Garth"/><br /><sub><b>Garth</b></sub></a><br /><a href="https://github.com/keycloakify/keycloakify/commits?author=xgp" title="Code">💻</a></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center" valign="top" width="14.28%"><a href="https://github.com/BlackVoid"><img src="https://avatars.githubusercontent.com/u/673720?v=4?s=100" width="100px;" alt="Felix Gustavsson"/><br /><sub><b>Felix Gustavsson</b></sub></a><br /><a href="https://github.com/keycloakify/keycloakify/commits?author=BlackVoid" title="Code">💻</a></td>
|
|
||||||
<td align="center" valign="top" width="14.28%"><a href="https://m-siemens.de/"><img src="https://avatars.githubusercontent.com/u/1873922?v=4?s=100" width="100px;" alt="Markus Siemens"/><br /><sub><b>Markus Siemens</b></sub></a><br /><a href="https://github.com/keycloakify/keycloakify/commits?author=msiemens" title="Code">💻</a></td>
|
|
||||||
<td align="center" valign="top" width="14.28%"><a href="https://github.com/law108000"><img src="https://avatars.githubusercontent.com/u/8112024?v=4?s=100" width="100px;" alt="Rlok"/><br /><sub><b>Rlok</b></sub></a><br /><a href="https://github.com/keycloakify/keycloakify/commits?author=law108000" title="Code">💻</a></td>
|
|
||||||
<td align="center" valign="top" width="14.28%"><a href="https://github.com/Moulyy"><img src="https://avatars.githubusercontent.com/u/115405804?v=4?s=100" width="100px;" alt="Moulyy"/><br /><sub><b>Moulyy</b></sub></a><br /><a href="https://github.com/keycloakify/keycloakify/commits?author=Moulyy" title="Code">💻</a></td>
|
|
||||||
<td align="center" valign="top" width="14.28%"><a href="https://github.com/madmadson"><img src="https://avatars.githubusercontent.com/u/798831?v=4?s=100" width="100px;" alt="Tobias Matt"/><br /><sub><b>Tobias Matt</b></sub></a><br /><a href="https://github.com/keycloakify/keycloakify/commits?author=madmadson" title="Code">💻</a></td>
|
|
||||||
<td align="center" valign="top" width="14.28%"><a href="https://github.com/oliviergoulet5"><img src="https://avatars.githubusercontent.com/u/17685861?v=4?s=100" width="100px;" alt="Olivier Goulet"/><br /><sub><b>Olivier Goulet</b></sub></a><br /><a href="https://github.com/keycloakify/keycloakify/commits?author=oliviergoulet5" title="Code">💻</a></td>
|
|
||||||
<td align="center" valign="top" width="14.28%"><a href="https://github.com/liamlows"><img src="https://avatars.githubusercontent.com/u/1365914?v=4?s=100" width="100px;" alt="Liam Lowsley-Williams"/><br /><sub><b>Liam Lowsley-Williams</b></sub></a><br /><a href="https://github.com/keycloakify/keycloakify/commits?author=liamlows" title="Code">💻</a> <a href="https://github.com/keycloakify/keycloakify/commits?author=liamlows" title="Documentation">📖</a></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center" valign="top" width="14.28%"><a href="https://www.linkedin.com/in/oes-rioniz/"><img src="https://avatars.githubusercontent.com/u/5172296?v=4?s=100" width="100px;" alt="Omid"/><br /><sub><b>Omid</b></sub></a><br /><a href="https://github.com/keycloakify/keycloakify/commits?author=uchar" title="Tests">⚠️</a> <a href="https://github.com/keycloakify/keycloakify/commits?author=uchar" title="Code">💻</a></td>
|
|
||||||
<td align="center" valign="top" width="14.28%"><a href="https://github.com/kathari00"><img src="https://avatars.githubusercontent.com/u/42547712?v=4?s=100" width="100px;" alt="Katharina Eiserfey"/><br /><sub><b>Katharina Eiserfey</b></sub></a><br /><a href="https://github.com/keycloakify/keycloakify/commits?author=kathari00" title="Code">💻</a> <a href="https://github.com/keycloakify/keycloakify/commits?author=kathari00" title="Tests">⚠️</a> <a href="https://github.com/keycloakify/keycloakify/commits?author=kathari00" title="Documentation">📖</a></td>
|
|
||||||
<td align="center" valign="top" width="14.28%"><a href="https://github.com/luca-peruzzo"><img src="https://avatars.githubusercontent.com/u/69015314?v=4?s=100" width="100px;" alt="Luca Peruzzo"/><br /><sub><b>Luca Peruzzo</b></sub></a><br /><a href="https://github.com/keycloakify/keycloakify/commits?author=luca-peruzzo" title="Code">💻</a> <a href="https://github.com/keycloakify/keycloakify/commits?author=luca-peruzzo" title="Tests">⚠️</a></td>
|
|
||||||
<td align="center" valign="top" width="14.28%"><a href="https://github.com/nima70"><img src="https://avatars.githubusercontent.com/u/5094767?v=4?s=100" width="100px;" alt="Nima Shokouhfar"/><br /><sub><b>Nima Shokouhfar</b></sub></a><br /><a href="https://github.com/keycloakify/keycloakify/commits?author=nima70" title="Code">💻</a> <a href="https://github.com/keycloakify/keycloakify/commits?author=nima70" title="Tests">⚠️</a></td>
|
|
||||||
<td align="center" valign="top" width="14.28%"><a href="https://mruder.dev"><img src="https://avatars.githubusercontent.com/u/18495294?v=4?s=100" width="100px;" alt="Marvin A. Ruder"/><br /><sub><b>Marvin A. Ruder</b></sub></a><br /><a href="https://github.com/keycloakify/keycloakify/issues?q=author%3Amarvinruder" title="Bug reports">🐛</a></td>
|
|
||||||
<td align="center" valign="top" width="14.28%"><a href="https://github.com/zvn2060"><img src="https://avatars.githubusercontent.com/u/45450852?v=4?s=100" width="100px;" alt="HI_OuO"/><br /><sub><b>HI_OuO</b></sub></a><br /><a href="https://github.com/keycloakify/keycloakify/commits?author=zvn2060" title="Code">💻</a></td>
|
|
||||||
<td align="center" valign="top" width="14.28%"><a href="https://github.com/tripheo0412"><img src="https://avatars.githubusercontent.com/u/25382052?v=4?s=100" width="100px;" alt="Tri Hoang"/><br /><sub><b>Tri Hoang</b></sub></a><br /><a href="https://github.com/keycloakify/keycloakify/commits?author=tripheo0412" title="Documentation">📖</a></td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td align="center" valign="top" width="14.28%"><a href="http://t.me/AAT_L"><img src="https://avatars.githubusercontent.com/u/118743608?v=4?s=100" width="100px;" alt="Lesha"/><br /><sub><b>Lesha</b></sub></a><br /><a href="https://github.com/keycloakify/keycloakify/commits?author=EternalSide" title="Code">💻</a></td>
|
|
||||||
<td align="center" valign="top" width="14.28%"><a href="https://blog.bacongobbler.com"><img src="https://avatars.githubusercontent.com/u/1360539?v=4?s=100" width="100px;" alt="Matthew Fisher"/><br /><sub><b>Matthew Fisher</b></sub></a><br /><a href="https://github.com/keycloakify/keycloakify/commits?author=bacongobbler" title="Documentation">📖</a></td>
|
|
||||||
<td align="center" valign="top" width="14.28%"><a href="https://github.com/kodebach"><img src="https://avatars.githubusercontent.com/u/23529132?v=4?s=100" width="100px;" alt="Klemens Böswirth"/><br /><sub><b>Klemens Böswirth</b></sub></a><br /><a href="https://github.com/keycloakify/keycloakify/commits?author=kodebach" title="Code">💻</a></td>
|
|
||||||
<td align="center" valign="top" width="14.28%"><a href="https://github.com/wnmzzzz"><img src="https://avatars.githubusercontent.com/u/117174301?v=4?s=100" width="100px;" alt="wnmzzzz"/><br /><sub><b>wnmzzzz</b></sub></a><br /><a href="https://github.com/keycloakify/keycloakify/commits?author=wnmzzzz" title="Tests">⚠️</a></td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<!-- markdownlint-restore -->
|
- Add support for `webauthn-authenticate.ftl` thanks to [@mstrodl](https://github.com/Mstrodl)'s hacktoberfest [PR](https://github.com/keycloakify/keycloakify/pull/185).
|
||||||
<!-- prettier-ignore-end -->
|
|
||||||
|
|
||||||
<!-- ALL-CONTRIBUTORS-LIST:END -->
|
## 6.6.0
|
||||||
|
|
||||||
|
- Add support for `login-password.ftl` thanks to [@mstrodl](https://github.com/Mstrodl)'s hacktoberfest [PR](https://github.com/keycloakify/keycloakify/pull/184).
|
||||||
|
|
||||||
|
## 6.5.0
|
||||||
|
|
||||||
|
- Add support for `login-username.ftl` thanks to [@mstrodl](https://github.com/Mstrodl)'s hacktoberfest [PR](https://github.com/keycloakify/keycloakify/pull/183).
|
||||||
|
|
||||||
|
## 6.4.0
|
||||||
|
|
||||||
|
- You can now optionally pass a `doFetchDefaultThemeResources: boolean` prop to every page component and the default `<KcApp />`
|
||||||
|
This enables you to prevent the default CSS and JS that comes with the builtin Keycloak theme to be downloaded.
|
||||||
|
You'll get [a black slate](https://user-images.githubusercontent.com/6702424/192619083-4baa5df4-4a21-4ec7-8e28-d200d1208299.png).
|
||||||
|
|
||||||
|
## 6.0.0
|
||||||
|
|
||||||
|
- Bundle size drastically reduced, locals and component dynamically loaded.
|
||||||
|
- First print much quicker, use of React.lazy() everywhere.
|
||||||
|
- Real i18n API.
|
||||||
|
- Actual documentation for build options.
|
||||||
|
|
||||||
|
Checkout [the migration guide](https://docs.keycloakify.dev/v5-to-v6)
|
||||||
|
|
||||||
|
## 5.8.0
|
||||||
|
|
||||||
|
- [React.lazy()](https://reactjs.org/docs/code-splitting.html#reactlazy) support 🎉. [#141](https://github.com/keycloakify/keycloakify/issues/141)
|
||||||
|
|
||||||
|
## 5.7.0
|
||||||
|
|
||||||
|
- Feat `logout-confirm.ftl`. [PR](https://github.com/keycloakify/keycloakify/pull/120)
|
||||||
|
|
||||||
|
## 5.6.4
|
||||||
|
|
||||||
|
Fix `login-verify-email.ftl` page. [Before](https://user-images.githubusercontent.com/6702424/177436014-0bad22c4-5bfb-45bb-8fc9-dad65143cd0c.png) - [After](https://user-images.githubusercontent.com/6702424/177435797-ec5d7db3-84cf-49cb-8efc-3427a81f744e.png)
|
||||||
|
|
||||||
|
## v5.6.0
|
||||||
|
|
||||||
|
Add support for `login-config-totp.ftl` page [#127](https://github.com/keycloakify/keycloakify/pull/127).
|
||||||
|
|
||||||
|
## v5.3.0
|
||||||
|
|
||||||
|
Rename `keycloak_theme_email` to `keycloak_email`.
|
||||||
|
If you already had a `keycloak_theme_email` you should rename it `keycloak_email`.
|
||||||
|
|
||||||
|
## v5.0.0
|
||||||
|
|
||||||
|
[Migration guide](https://github.com/garronej/keycloakify-demo-app/blob/a5b6a50f24bc25e082931f5ad9ebf47492acd12a/src/index.tsx#L46-L63)
|
||||||
|
New i18n system.
|
||||||
|
Import of terms and services have changed. [See example](https://github.com/garronej/keycloakify-demo-app/blob/a5b6a50f24bc25e082931f5ad9ebf47492acd12a/src/index.tsx#L46-L63).
|
||||||
|
|
||||||
|
## v4.10.0
|
||||||
|
|
||||||
|
Add `login-idp-link-email.ftl` page [See PR](https://github.com/keycloakify/keycloakify/pull/92).
|
||||||
|
|
||||||
|
## v4.8.0
|
||||||
|
|
||||||
|
[Email template customization.](#email-template-customization)
|
||||||
|
|
||||||
|
## v4.7.4
|
||||||
|
|
||||||
|
**M1 Mac** support (for testing locally with a dockerized Keycloak).
|
||||||
|
|
||||||
|
## v4.7.2
|
||||||
|
|
||||||
|
> WARNING: This is broken.
|
||||||
|
> Testing with local Keycloak container working with M1 Mac. Thanks to [@eduardosanzb](https://github.com/keycloakify/keycloakify/issues/43#issuecomment-975699658).
|
||||||
|
> Be aware: When running M1s you are testing with Keycloak v15 else the local container spun will be a Keycloak v16.1.0.
|
||||||
|
|
||||||
|
## v4.7.0
|
||||||
|
|
||||||
|
Register with user profile enabled: Out of the box `options` validator support.
|
||||||
|
[Example](https://user-images.githubusercontent.com/6702424/158911163-81e6bbe8-feb0-4dc8-abff-de199d7a678e.mov)
|
||||||
|
|
||||||
|
## v4.6.0
|
||||||
|
|
||||||
|
`tss-react` and `powerhooks` are no longer peer dependencies of `keycloakify`.
|
||||||
|
After updating Keycloakify you can remove `tss-react` and `powerhooks` from your dependencies if you don't use them explicitly.
|
||||||
|
|
||||||
|
## v4.5.3
|
||||||
|
|
||||||
|
There is a new recommended way to setup highly customized theme. See [here](https://github.com/garronej/keycloakify-demo-app/blob/look_and_feel/src/KcApp/KcApp.tsx).
|
||||||
|
Unlike with [the previous recommended method](https://github.com/garronej/keycloakify-demo-app/blob/a51660578bea15fb3e506b8a2b78e1056c6d68bb/src/KcApp/KcApp.tsx),
|
||||||
|
with this new method your theme wont break on minor Keycloakify update.
|
||||||
|
|
||||||
|
## v4.3.0
|
||||||
|
|
||||||
|
Feature [`login-update-password.ftl`](https://user-images.githubusercontent.com/6702424/147517600-6191cf72-93dd-437b-a35c-47180142063e.png).
|
||||||
|
Every time a page is added it's a breaking change for non CSS-only theme.
|
||||||
|
Change [this](https://github.com/garronej/keycloakify-demo-app/blob/df664c13c77ce3c53ac7df0622d94d04e76d3f9f/src/KcApp/KcApp.tsx#L17) and [this](https://github.com/garronej/keycloakify-demo-app/blob/df664c13c77ce3c53ac7df0622d94d04e76d3f9f/src/KcApp/KcApp.tsx#L37) to update.
|
||||||
|
|
||||||
|
## v4
|
||||||
|
|
||||||
|
- Out of the box [frontend form validation](#user-profile-and-frontend-form-validation) 🥳
|
||||||
|
- Improvements (and breaking changes in `import { useKcMessage } from "keycloakify"`.
|
||||||
|
|
||||||
|
## v3
|
||||||
|
|
||||||
|
No breaking changes except that `@emotion/react`, [`tss-react`](https://www.npmjs.com/package/tss-react) and [`powerhooks`](https://www.npmjs.com/package/powerhooks) are now `peerDependencies` instead of being just dependencies.
|
||||||
|
It's important to avoid problem when using `keycloakify` alongside [`mui`](https://mui.com) and
|
||||||
|
[when passing params from the app to the login page](https://github.com/keycloakify/keycloakify#implement-context-persistence-optional).
|
||||||
|
|
||||||
|
## v2.5
|
||||||
|
|
||||||
|
- Feature [Use advanced message](https://github.com/keycloakify/keycloakify/blob/59f106bf9e210b63b190826da2bf5f75fc8b7644/src/lib/i18n/useKcMessage.tsx#L53-L66)
|
||||||
|
and [`messagesPerFields`](https://github.com/keycloakify/keycloakify/blob/59f106bf9e210b63b190826da2bf5f75fc8b7644/src/lib/getKcContext/KcContextBase.ts#L70-L75) (implementation [here](https://github.com/keycloakify/keycloakify/blob/59f106bf9e210b63b190826da2bf5f75fc8b7644/src/bin/build-keycloak-theme/generateFtl/common.ftl#L130-L189))
|
||||||
|
- Test container now uses Keycloak version `15.0.2`.
|
||||||
|
|
||||||
|
## v2
|
||||||
|
|
||||||
|
- It's now possible to implement custom `.ftl` pages.
|
||||||
|
- Support for Keycloak plugins that introduce non standard ftl values.
|
||||||
|
(Like for example [this plugin](https://github.com/micedre/keycloak-mail-whitelisting) that define `authorizedMailDomains` in `register.ftl`).
|
||||||
|
|||||||
91
keycloakify-json-schema.json
Normal file
91
keycloakify-json-schema.json
Normal file
@ -0,0 +1,91 @@
|
|||||||
|
{
|
||||||
|
"allOf": [
|
||||||
|
{
|
||||||
|
"$ref": "https://json.schemastore.org/package.json"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"$ref": "keycloakifyPackageJsonSchema"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"$ref": "#/definitions/keycloakifyPackageJsonSchema",
|
||||||
|
"definitions": {
|
||||||
|
"keycloakifyPackageJsonSchema": {
|
||||||
|
"type": "object",
|
||||||
|
"properties": {
|
||||||
|
"name": {
|
||||||
|
"type": "string"
|
||||||
|
},
|
||||||
|
"version": {
|
||||||
|
"type": "string"
|
||||||
|
},
|
||||||
|
"homepage": {
|
||||||
|
"type": "string"
|
||||||
|
},
|
||||||
|
"keycloakify": {
|
||||||
|
"type": "object",
|
||||||
|
"properties": {
|
||||||
|
"extraPages": {
|
||||||
|
"type": "array",
|
||||||
|
"items": {
|
||||||
|
"type": "string"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"extraLoginPages": {
|
||||||
|
"type": "array",
|
||||||
|
"items": {
|
||||||
|
"type": "string"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"extraAccountPages": {
|
||||||
|
"type": "array",
|
||||||
|
"items": {
|
||||||
|
"type": "string"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"extraThemeProperties": {
|
||||||
|
"type": "array",
|
||||||
|
"items": {
|
||||||
|
"type": "string"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"areAppAndKeycloakServerSharingSameDomain": {
|
||||||
|
"type": "boolean"
|
||||||
|
},
|
||||||
|
"artifactId": {
|
||||||
|
"type": "string"
|
||||||
|
},
|
||||||
|
"groupId": {
|
||||||
|
"type": "string"
|
||||||
|
},
|
||||||
|
"bundler": {
|
||||||
|
"type": "string",
|
||||||
|
"enum": ["mvn", "keycloakify", "none"]
|
||||||
|
},
|
||||||
|
"keycloakVersionDefaultAssets": {
|
||||||
|
"type": "string"
|
||||||
|
},
|
||||||
|
"reactAppBuildDirPath": {
|
||||||
|
"type": "string"
|
||||||
|
},
|
||||||
|
"keycloakifyBuildDirPath": {
|
||||||
|
"type": "string"
|
||||||
|
},
|
||||||
|
"customUserAttributes": {
|
||||||
|
"type": "array",
|
||||||
|
"items": {
|
||||||
|
"type": "string"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"themeName": {
|
||||||
|
"type": "string"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"additionalProperties": false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"required": ["name", "version"],
|
||||||
|
"additionalProperties": false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"$schema": "http://json-schema.org/draft-07/schema#"
|
||||||
|
}
|
||||||
129
package.json
129
package.json
@ -1,26 +1,36 @@
|
|||||||
{
|
{
|
||||||
"name": "keycloakify",
|
"name": "keycloakify",
|
||||||
"version": "11.8.23",
|
"version": "7.6.5",
|
||||||
"description": "Framework to create custom Keycloak UIs",
|
"description": "Create Keycloak themes using React",
|
||||||
"repository": {
|
"repository": {
|
||||||
"type": "git",
|
"type": "git",
|
||||||
"url": "git://github.com/keycloakify/keycloakify.git"
|
"url": "git://github.com/keycloakify/keycloakify.git"
|
||||||
},
|
},
|
||||||
|
"main": "dist/index.js",
|
||||||
|
"types": "dist/index.d.ts",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"prepare": "tsx scripts/generate-i18n-messages.ts",
|
"prepare": "yarn generate-i18n-messages",
|
||||||
"build": "tsx scripts/build/main.ts",
|
"build": "rimraf dist/ && tsc -p src/bin && tsc -p src/tsconfig.json && tsc-alias -p src/tsconfig.json && yarn grant-exec-perms && yarn copy-files dist/",
|
||||||
"storybook": "tsx scripts/start-storybook.ts",
|
"build:watch": "tsc -p src/tsconfig.json && (concurrently \"tsc -p src/tsconfig.json -w\" \"tsc-alias -p src/tsconfig.json\")",
|
||||||
"link-in-starter": "tsx scripts/link-in-starter.ts",
|
"generate:json-schema": "ts-node scripts/generate-json-schema.ts",
|
||||||
|
"grant-exec-perms": "node dist/bin/tools/grant-exec-perms.js",
|
||||||
|
"copy-files": "copyfiles -u 1 src/**/*.ftl",
|
||||||
"test": "yarn test:types && vitest run",
|
"test": "yarn test:types && vitest run",
|
||||||
|
"test:keycloakify-starter": "ts-node scripts/test-keycloakify-starter",
|
||||||
"test:types": "tsc -p test/tsconfig.json --noEmit",
|
"test:types": "tsc -p test/tsconfig.json --noEmit",
|
||||||
"_format": "prettier '**/*.{ts,tsx,json,md}'",
|
"_format": "prettier '**/*.{ts,tsx,json,md}'",
|
||||||
"format": "yarn _format --write",
|
"format": "yarn _format --write",
|
||||||
"link-in-app": "tsx scripts/link-in-app.ts",
|
"format:check": "yarn _format --list-different",
|
||||||
"build-storybook": "tsx scripts/build-storybook.ts",
|
"generate-i18n-messages": "ts-node --skipProject scripts/generate-i18n-messages.ts",
|
||||||
"dump-keycloak-realm": "tsx scripts/dump-keycloak-realm.ts"
|
"link-in-app": "ts-node --skipProject scripts/link-in-app.ts",
|
||||||
|
"link-in-starter": "yarn link-in-app keycloakify-starter",
|
||||||
|
"tsc-watch": "tsc -p src/bin -w & tsc -p src/lib -w "
|
||||||
},
|
},
|
||||||
"bin": {
|
"bin": {
|
||||||
"keycloakify": "dist/bin/main.js"
|
"keycloakify": "dist/bin/keycloakify/index.js",
|
||||||
|
"initialize-email-theme": "dist/bin/initialize-email-theme.js",
|
||||||
|
"download-builtin-keycloak-theme": "dist/bin/download-builtin-keycloak-theme.js",
|
||||||
|
"eject-keycloak-page": "dist/bin/eject-keycloak-page.js"
|
||||||
},
|
},
|
||||||
"lint-staged": {
|
"lint-staged": {
|
||||||
"*.{ts,tsx,json,md}": [
|
"*.{ts,tsx,json,md}": [
|
||||||
@ -35,91 +45,62 @@
|
|||||||
"author": "u/garronej",
|
"author": "u/garronej",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"files": [
|
"files": [
|
||||||
|
"src/",
|
||||||
"dist/",
|
"dist/",
|
||||||
"!dist/tsconfig.tsbuildinfo",
|
"!dist/tsconfig.tsbuildinfo",
|
||||||
"!dist/bin/",
|
"!dist/bin/tsconfig.tsbuildinfo"
|
||||||
"dist/bin/**/*.d.ts",
|
|
||||||
"dist/bin/main.js",
|
|
||||||
"dist/bin/*.index.js",
|
|
||||||
"dist/bin/*.node",
|
|
||||||
"dist/bin/shared/constants.js",
|
|
||||||
"dist/bin/shared/constants.js.map",
|
|
||||||
"dist/bin/shared/customHandler.js",
|
|
||||||
"dist/bin/shared/customHandler.js.map",
|
|
||||||
"!dist/vite-plugin/",
|
|
||||||
"dist/vite-plugin/index.js",
|
|
||||||
"dist/vite-plugin/index.d.ts",
|
|
||||||
"dist/vite-plugin/vite-plugin.d.ts"
|
|
||||||
],
|
],
|
||||||
"keywords": [
|
"keywords": [
|
||||||
|
"bluehats",
|
||||||
"keycloak",
|
"keycloak",
|
||||||
"react",
|
"react",
|
||||||
"theme",
|
"theme",
|
||||||
"FreeMarker",
|
"FreeMarker",
|
||||||
"ftl",
|
"ftl",
|
||||||
"login",
|
"login",
|
||||||
"register",
|
"register"
|
||||||
"account",
|
|
||||||
"bluehats"
|
|
||||||
],
|
],
|
||||||
"homepage": "https://www.keycloakify.dev",
|
"homepage": "https://www.keycloakify.dev",
|
||||||
"dependencies": {
|
"peerDependencies": {
|
||||||
"tsafe": "^1.8.5"
|
"react": "^16.8.0 || ^17.0.0 || ^18.0.0"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@babel/core": "^7.24.5",
|
"@babel/core": "^7.0.0",
|
||||||
"@babel/generator": "^7.24.5",
|
|
||||||
"@babel/parser": "^7.24.5",
|
|
||||||
"@babel/preset-env": "7.24.8",
|
|
||||||
"@babel/types": "^7.24.5",
|
|
||||||
"@emotion/react": "^11.11.4",
|
|
||||||
"@octokit/rest": "^20.1.1",
|
|
||||||
"@storybook/addon-a11y": "^6.5.16",
|
|
||||||
"@storybook/builder-webpack5": "^6.5.13",
|
|
||||||
"@storybook/manager-webpack5": "^6.5.13",
|
|
||||||
"@storybook/react": "^6.5.13",
|
|
||||||
"@types/babel__generator": "^7.6.4",
|
|
||||||
"@types/dompurify": "^2.0.0",
|
|
||||||
"@types/make-fetch-happen": "^10.0.1",
|
"@types/make-fetch-happen": "^10.0.1",
|
||||||
"@types/minimist": "^1.2.2",
|
"@types/minimist": "^1.2.2",
|
||||||
"@types/node": "^18.15.3",
|
"@types/node": "^18.15.3",
|
||||||
"@types/properties-parser": "^0.3.3",
|
"@types/react": "18.0.9",
|
||||||
"@types/react": "^18.0.35",
|
"@types/yauzl": "^2.10.0",
|
||||||
"@types/react-dom": "^18.0.11",
|
"concurrently": "^7.6.0",
|
||||||
"@types/yauzl": "^2.10.3",
|
"copyfiles": "^2.4.1",
|
||||||
"@vercel/ncc": "^0.38.1",
|
|
||||||
"babel-loader": "9.1.3",
|
|
||||||
"chalk": "^4.1.2",
|
|
||||||
"cheerio": "1.0.0-rc.12",
|
|
||||||
"chokidar-cli": "^3.0.0",
|
|
||||||
"cli-select": "^1.1.2",
|
|
||||||
"dompurify": "^3.1.6",
|
|
||||||
"eslint-plugin-storybook": "^0.6.7",
|
|
||||||
"evt": "^2.5.8",
|
|
||||||
"html-entities": "^2.5.2",
|
|
||||||
"husky": "^4.3.8",
|
"husky": "^4.3.8",
|
||||||
"isomorphic-dompurify": "^2.15.0",
|
|
||||||
"lint-staged": "^11.0.0",
|
"lint-staged": "^11.0.0",
|
||||||
"magic-string": "^0.30.7",
|
"prettier": "^2.3.0",
|
||||||
"make-fetch-happen": "^11.0.3",
|
|
||||||
"powerhooks": "^1.0.19",
|
|
||||||
"prettier": "^3.2.5",
|
|
||||||
"properties-parser": "^0.3.1",
|
"properties-parser": "^0.3.1",
|
||||||
"react": "^18.2.0",
|
"react": "18.1.0",
|
||||||
"react-dom": "^18.2.0",
|
"rimraf": "^3.0.2",
|
||||||
"recast": "^0.23.3",
|
"scripting-tools": "^0.19.13",
|
||||||
"run-exclusive": "^2.2.19",
|
"ts-node": "^10.9.1",
|
||||||
"storybook-dark-mode": "^1.1.2",
|
"tsc-alias": "^1.8.3",
|
||||||
"termost": "^v0.12.1",
|
"typescript": "^5.0.1-rc",
|
||||||
"tsc-alias": "^1.8.10",
|
"vitest": "^0.29.8",
|
||||||
"tss-react": "^4.9.10",
|
"zod-to-json-schema": "^3.20.4"
|
||||||
"tsx": "^4.15.5",
|
},
|
||||||
"typescript": "^4.9.4",
|
"dependencies": {
|
||||||
"vite": "^5.2.11",
|
"@octokit/rest": "^18.12.0",
|
||||||
"vitest": "^1.6.0",
|
"@types/yazl": "^2.4.2",
|
||||||
"webpack": "5.93.0",
|
"cheerio": "^1.0.0-rc.5",
|
||||||
"webpack-cli": "5.1.4",
|
"cli-select": "^1.1.2",
|
||||||
|
"evt": "^2.4.18",
|
||||||
|
"make-fetch-happen": "^11.0.3",
|
||||||
|
"minimal-polyfills": "^2.2.2",
|
||||||
|
"minimist": "^1.2.6",
|
||||||
|
"path-browserify": "^1.0.1",
|
||||||
|
"react-markdown": "^5.0.3",
|
||||||
|
"rfc4648": "^1.5.2",
|
||||||
|
"tsafe": "^1.6.0",
|
||||||
"yauzl": "^2.10.0",
|
"yauzl": "^2.10.0",
|
||||||
|
"yazl": "^2.5.1",
|
||||||
"zod": "^3.17.10"
|
"zod": "^3.17.10"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"$schema": "https://docs.renovatebot.com/renovate-schema.json",
|
"$schema": "https://docs.renovatebot.com/renovate-schema.json",
|
||||||
"baseBranches": ["main"],
|
"baseBranches": ["main", "landingpage"],
|
||||||
"extends": ["config:base"],
|
"extends": ["config:base"],
|
||||||
"dependencyDashboard": false,
|
"dependencyDashboard": false,
|
||||||
"bumpVersion": "patch",
|
"bumpVersion": "patch",
|
||||||
|
|||||||
@ -1,4 +0,0 @@
|
|||||||
import { run } from "./shared/run";
|
|
||||||
|
|
||||||
run("yarn build");
|
|
||||||
run("npx build-storybook");
|
|
||||||
@ -1,79 +0,0 @@
|
|||||||
import * as fs from "fs";
|
|
||||||
import { join as pathJoin } from "path";
|
|
||||||
import { transformCodebase } from "../../src/bin/tools/transformCodebase";
|
|
||||||
import { downloadKeycloakDefaultTheme } from "../shared/downloadKeycloakDefaultTheme";
|
|
||||||
import { WELL_KNOWN_DIRECTORY_BASE_NAME } from "../../src/bin/shared/constants";
|
|
||||||
import { getThisCodebaseRootDirPath } from "../../src/bin/tools/getThisCodebaseRootDirPath";
|
|
||||||
import { accountMultiPageSupportedLanguages } from "../generate-i18n-messages";
|
|
||||||
import * as fsPr from "fs/promises";
|
|
||||||
|
|
||||||
export async function createAccountV1Dir() {
|
|
||||||
const { extractedDirPath } = await downloadKeycloakDefaultTheme({
|
|
||||||
keycloakVersionId: "FOR_ACCOUNT_MULTI_PAGE"
|
|
||||||
});
|
|
||||||
|
|
||||||
const destDirPath = pathJoin(
|
|
||||||
getThisCodebaseRootDirPath(),
|
|
||||||
"dist",
|
|
||||||
"res",
|
|
||||||
"account-v1"
|
|
||||||
);
|
|
||||||
|
|
||||||
await fsPr.rm(destDirPath, { recursive: true, force: true });
|
|
||||||
|
|
||||||
transformCodebase({
|
|
||||||
srcDirPath: pathJoin(extractedDirPath, "base", "account"),
|
|
||||||
destDirPath
|
|
||||||
});
|
|
||||||
|
|
||||||
transformCodebase({
|
|
||||||
srcDirPath: pathJoin(extractedDirPath, "keycloak", "account", "resources"),
|
|
||||||
destDirPath: pathJoin(destDirPath, "resources")
|
|
||||||
});
|
|
||||||
|
|
||||||
transformCodebase({
|
|
||||||
srcDirPath: pathJoin(extractedDirPath, "keycloak", "common", "resources"),
|
|
||||||
destDirPath: pathJoin(
|
|
||||||
destDirPath,
|
|
||||||
"resources",
|
|
||||||
WELL_KNOWN_DIRECTORY_BASE_NAME.RESOURCES_COMMON
|
|
||||||
)
|
|
||||||
});
|
|
||||||
|
|
||||||
fs.writeFileSync(
|
|
||||||
pathJoin(destDirPath, "theme.properties"),
|
|
||||||
Buffer.from(
|
|
||||||
[
|
|
||||||
"accountResourceProvider=account-v1",
|
|
||||||
"",
|
|
||||||
`locales=${accountMultiPageSupportedLanguages.join(",")}`,
|
|
||||||
"",
|
|
||||||
"styles=" +
|
|
||||||
[
|
|
||||||
"css/account.css",
|
|
||||||
"img/icon-sidebar-active.png",
|
|
||||||
"img/logo.png",
|
|
||||||
...[
|
|
||||||
"patternfly.min.css",
|
|
||||||
"patternfly-additions.min.css",
|
|
||||||
"patternfly-additions.min.css"
|
|
||||||
].map(
|
|
||||||
fileBasename =>
|
|
||||||
`${WELL_KNOWN_DIRECTORY_BASE_NAME.RESOURCES_COMMON}/node_modules/patternfly/dist/css/${fileBasename}`
|
|
||||||
)
|
|
||||||
].join(" "),
|
|
||||||
"",
|
|
||||||
"##### css classes for form buttons",
|
|
||||||
"# main class used for all buttons",
|
|
||||||
"kcButtonClass=btn",
|
|
||||||
"# classes defining priority of the button - primary or default (there is typically only one priority button for the form)",
|
|
||||||
"kcButtonPrimaryClass=btn-primary",
|
|
||||||
"kcButtonDefaultClass=btn-default",
|
|
||||||
"# classes defining size of the button",
|
|
||||||
"kcButtonLargeClass=btn-lg",
|
|
||||||
""
|
|
||||||
].join("\n"),
|
|
||||||
"utf8"
|
|
||||||
)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@ -1,73 +0,0 @@
|
|||||||
import { join as pathJoin } from "path";
|
|
||||||
import { downloadKeycloakDefaultTheme } from "../shared/downloadKeycloakDefaultTheme";
|
|
||||||
import { transformCodebase } from "../../src/bin/tools/transformCodebase";
|
|
||||||
import { existsAsync } from "../../src/bin/tools/fs.existsAsync";
|
|
||||||
import { getThisCodebaseRootDirPath } from "../../src/bin/tools/getThisCodebaseRootDirPath";
|
|
||||||
import { WELL_KNOWN_DIRECTORY_BASE_NAME } from "../../src/bin/shared/constants";
|
|
||||||
import { assert, type Equals } from "tsafe/assert";
|
|
||||||
import * as fsPr from "fs/promises";
|
|
||||||
|
|
||||||
export async function createPublicKeycloakifyDevResourcesDir() {
|
|
||||||
await Promise.all(
|
|
||||||
(["login", "account"] as const).map(async themeType => {
|
|
||||||
const { extractedDirPath } = await downloadKeycloakDefaultTheme({
|
|
||||||
keycloakVersionId: (() => {
|
|
||||||
switch (themeType) {
|
|
||||||
case "login":
|
|
||||||
return "FOR_LOGIN_THEME";
|
|
||||||
case "account":
|
|
||||||
return "FOR_ACCOUNT_MULTI_PAGE";
|
|
||||||
}
|
|
||||||
assert<Equals<typeof themeType, never>>();
|
|
||||||
})()
|
|
||||||
});
|
|
||||||
|
|
||||||
const destDirPath = pathJoin(
|
|
||||||
getThisCodebaseRootDirPath(),
|
|
||||||
"dist",
|
|
||||||
"res",
|
|
||||||
"public",
|
|
||||||
WELL_KNOWN_DIRECTORY_BASE_NAME.KEYCLOAKIFY_DEV_RESOURCES,
|
|
||||||
themeType
|
|
||||||
);
|
|
||||||
|
|
||||||
await fsPr.rm(destDirPath, { recursive: true, force: true });
|
|
||||||
|
|
||||||
base_resources: {
|
|
||||||
const srcDirPath = pathJoin(
|
|
||||||
extractedDirPath,
|
|
||||||
"base",
|
|
||||||
themeType,
|
|
||||||
"resources"
|
|
||||||
);
|
|
||||||
|
|
||||||
if (!(await existsAsync(srcDirPath))) {
|
|
||||||
break base_resources;
|
|
||||||
}
|
|
||||||
|
|
||||||
transformCodebase({
|
|
||||||
srcDirPath,
|
|
||||||
destDirPath
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
transformCodebase({
|
|
||||||
srcDirPath: pathJoin(
|
|
||||||
extractedDirPath,
|
|
||||||
"keycloak",
|
|
||||||
themeType,
|
|
||||||
"resources"
|
|
||||||
),
|
|
||||||
destDirPath
|
|
||||||
});
|
|
||||||
|
|
||||||
transformCodebase({
|
|
||||||
srcDirPath: pathJoin(extractedDirPath, "keycloak", "common", "resources"),
|
|
||||||
destDirPath: pathJoin(
|
|
||||||
destDirPath,
|
|
||||||
WELL_KNOWN_DIRECTORY_BASE_NAME.RESOURCES_COMMON
|
|
||||||
)
|
|
||||||
});
|
|
||||||
})
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@ -1,39 +0,0 @@
|
|||||||
import { downloadAndExtractArchive } from "../../src/bin/tools/downloadAndExtractArchive";
|
|
||||||
import { cacheDirPath } from "../shared/cacheDirPath";
|
|
||||||
import { getProxyFetchOptions } from "../../src/bin/tools/fetchProxyOptions";
|
|
||||||
import { getThisCodebaseRootDirPath } from "../../src/bin/tools/getThisCodebaseRootDirPath";
|
|
||||||
import { existsAsync } from "../../src/bin/tools/fs.existsAsync";
|
|
||||||
import * as fs from "fs/promises";
|
|
||||||
import {
|
|
||||||
KEYCLOAKIFY_LOGGING_VERSION,
|
|
||||||
KEYCLOAKIFY_LOGIN_JAR_BASENAME
|
|
||||||
} from "../../src/bin/shared/constants";
|
|
||||||
import { join as pathJoin } from "path";
|
|
||||||
|
|
||||||
export async function downloadKeycloakifyLogging(params: { distDirPath: string }) {
|
|
||||||
const { distDirPath } = params;
|
|
||||||
|
|
||||||
const jarFilePath = pathJoin(
|
|
||||||
distDirPath,
|
|
||||||
"src",
|
|
||||||
"bin",
|
|
||||||
"start-keycloak",
|
|
||||||
KEYCLOAKIFY_LOGIN_JAR_BASENAME
|
|
||||||
);
|
|
||||||
|
|
||||||
if (await existsAsync(jarFilePath)) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
const { archiveFilePath } = await downloadAndExtractArchive({
|
|
||||||
cacheDirPath,
|
|
||||||
fetchOptions: getProxyFetchOptions({
|
|
||||||
npmConfigGetCwd: getThisCodebaseRootDirPath()
|
|
||||||
}),
|
|
||||||
url: `https://github.com/keycloakify/keycloakify-logging/releases/download/${KEYCLOAKIFY_LOGGING_VERSION}/keycloakify-logging-${KEYCLOAKIFY_LOGGING_VERSION}.jar`,
|
|
||||||
uniqueIdOfOnArchiveFile: "no extraction",
|
|
||||||
onArchiveFile: async () => {}
|
|
||||||
});
|
|
||||||
|
|
||||||
await fs.cp(archiveFilePath, jarFilePath);
|
|
||||||
}
|
|
||||||
@ -1,188 +0,0 @@
|
|||||||
import * as fs from "fs";
|
|
||||||
import { join } from "path";
|
|
||||||
import { assert } from "tsafe/assert";
|
|
||||||
import { transformCodebase } from "../../src/bin/tools/transformCodebase";
|
|
||||||
import { createPublicKeycloakifyDevResourcesDir } from "./createPublicKeycloakifyDevResourcesDir";
|
|
||||||
import { createAccountV1Dir } from "./createAccountV1Dir";
|
|
||||||
import chalk from "chalk";
|
|
||||||
import { run } from "../shared/run";
|
|
||||||
import { vendorFrontendDependencies } from "./vendorFrontendDependencies";
|
|
||||||
import { downloadKeycloakifyLogging } from "./downloadKeycloakifyLogging";
|
|
||||||
|
|
||||||
(async () => {
|
|
||||||
console.log(chalk.cyan("Building Keycloakify..."));
|
|
||||||
|
|
||||||
const startTime = Date.now();
|
|
||||||
|
|
||||||
if (fs.existsSync(join("dist", "bin", "main.original.js"))) {
|
|
||||||
fs.renameSync(
|
|
||||||
join("dist", "bin", "main.original.js"),
|
|
||||||
join("dist", "bin", "main.js")
|
|
||||||
);
|
|
||||||
|
|
||||||
fs.readdirSync(join("dist", "bin")).forEach(fileBasename => {
|
|
||||||
if (/[0-9]\.index.js/.test(fileBasename) || fileBasename.endsWith(".node")) {
|
|
||||||
fs.rmSync(join("dist", "bin", fileBasename));
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
run(`npx tsc -p ${join("src", "bin", "tsconfig.json")}`);
|
|
||||||
|
|
||||||
if (
|
|
||||||
!fs
|
|
||||||
.readFileSync(join("dist", "bin", "main.js"))
|
|
||||||
.toString("utf8")
|
|
||||||
.includes("__nccwpck_require__")
|
|
||||||
) {
|
|
||||||
fs.cpSync(
|
|
||||||
join("dist", "bin", "main.js"),
|
|
||||||
join("dist", "bin", "main.original.js")
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
run(
|
|
||||||
`npx ncc build ${join("dist", "bin", "main.js")} --external prettier -o ${join("dist", "ncc_out")}`
|
|
||||||
);
|
|
||||||
|
|
||||||
transformCodebase({
|
|
||||||
srcDirPath: join("dist", "ncc_out"),
|
|
||||||
destDirPath: join("dist", "bin"),
|
|
||||||
transformSourceCode: ({ fileRelativePath, sourceCode }) => {
|
|
||||||
if (fileRelativePath === "index.js") {
|
|
||||||
return {
|
|
||||||
newFileName: "main.js",
|
|
||||||
modifiedSourceCode: sourceCode
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
return { modifiedSourceCode: sourceCode };
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
fs.rmSync(join("dist", "ncc_out"), { recursive: true });
|
|
||||||
|
|
||||||
{
|
|
||||||
let hasBeenPatched = false;
|
|
||||||
|
|
||||||
fs.readdirSync(join("dist", "bin")).forEach(fileBasename => {
|
|
||||||
if (fileBasename !== "main.js" && !fileBasename.endsWith(".index.js")) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
const { hasBeenPatched: hasBeenPatched_i } = patchDeprecatedBufferApiUsage(
|
|
||||||
join("dist", "bin", fileBasename)
|
|
||||||
);
|
|
||||||
|
|
||||||
if (hasBeenPatched_i) {
|
|
||||||
hasBeenPatched = true;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
assert(hasBeenPatched);
|
|
||||||
}
|
|
||||||
|
|
||||||
fs.chmodSync(
|
|
||||||
join("dist", "bin", "main.js"),
|
|
||||||
fs.statSync(join("dist", "bin", "main.js")).mode |
|
|
||||||
fs.constants.S_IXUSR |
|
|
||||||
fs.constants.S_IXGRP |
|
|
||||||
fs.constants.S_IXOTH
|
|
||||||
);
|
|
||||||
|
|
||||||
run(`npx tsc -p ${join("src", "tsconfig.json")}`);
|
|
||||||
run(`npx tsc-alias -p ${join("src", "tsconfig.json")}`);
|
|
||||||
vendorFrontendDependencies({ distDirPath: join(process.cwd(), "dist") });
|
|
||||||
|
|
||||||
if (fs.existsSync(join("dist", "vite-plugin", "index.original.js"))) {
|
|
||||||
fs.renameSync(
|
|
||||||
join("dist", "vite-plugin", "index.original.js"),
|
|
||||||
join("dist", "vite-plugin", "index.js")
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
run(`npx tsc -p ${join("src", "vite-plugin", "tsconfig.json")}`);
|
|
||||||
|
|
||||||
if (
|
|
||||||
!fs
|
|
||||||
.readFileSync(join("dist", "vite-plugin", "index.js"))
|
|
||||||
.toString("utf8")
|
|
||||||
.includes("__nccwpck_require__")
|
|
||||||
) {
|
|
||||||
fs.cpSync(
|
|
||||||
join("dist", "vite-plugin", "index.js"),
|
|
||||||
join("dist", "vite-plugin", "index.original.js")
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
run(
|
|
||||||
`npx ncc build ${join("dist", "vite-plugin", "index.js")} --external prettier -o ${join(
|
|
||||||
"dist",
|
|
||||||
"ncc_out"
|
|
||||||
)}`
|
|
||||||
);
|
|
||||||
|
|
||||||
fs.readdirSync(join("dist", "ncc_out")).forEach(fileBasename => {
|
|
||||||
assert(!fileBasename.endsWith(".index.js"));
|
|
||||||
assert(!fileBasename.endsWith(".node"));
|
|
||||||
});
|
|
||||||
|
|
||||||
transformCodebase({
|
|
||||||
srcDirPath: join("dist", "ncc_out"),
|
|
||||||
destDirPath: join("dist", "vite-plugin"),
|
|
||||||
transformSourceCode: ({ fileRelativePath, sourceCode }) => {
|
|
||||||
assert(fileRelativePath === "index.js");
|
|
||||||
|
|
||||||
return { modifiedSourceCode: sourceCode };
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
fs.rmSync(join("dist", "ncc_out"), { recursive: true });
|
|
||||||
|
|
||||||
{
|
|
||||||
const dirBasename = "src";
|
|
||||||
|
|
||||||
const destDirPath = join("dist", dirBasename);
|
|
||||||
|
|
||||||
fs.rmSync(destDirPath, { recursive: true, force: true });
|
|
||||||
|
|
||||||
fs.cpSync(dirBasename, destDirPath, { recursive: true });
|
|
||||||
}
|
|
||||||
|
|
||||||
transformCodebase({
|
|
||||||
srcDirPath: join("stories"),
|
|
||||||
destDirPath: join("dist", "stories"),
|
|
||||||
transformSourceCode: ({ fileRelativePath, sourceCode }) => {
|
|
||||||
if (!fileRelativePath.endsWith(".stories.tsx")) {
|
|
||||||
return undefined;
|
|
||||||
}
|
|
||||||
|
|
||||||
return { modifiedSourceCode: sourceCode };
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
await createPublicKeycloakifyDevResourcesDir();
|
|
||||||
await createAccountV1Dir();
|
|
||||||
await downloadKeycloakifyLogging({
|
|
||||||
distDirPath: join(process.cwd(), "dist")
|
|
||||||
});
|
|
||||||
|
|
||||||
console.log(
|
|
||||||
chalk.green(`✓ built in ${((Date.now() - startTime) / 1000).toFixed(2)}s`)
|
|
||||||
);
|
|
||||||
})();
|
|
||||||
|
|
||||||
function patchDeprecatedBufferApiUsage(filePath: string) {
|
|
||||||
const before = fs.readFileSync(filePath).toString("utf8");
|
|
||||||
|
|
||||||
const after = before.replace(
|
|
||||||
`var buffer = new Buffer(toRead);`,
|
|
||||||
`var buffer = Buffer.allocUnsafe ? Buffer.allocUnsafe(toRead) : new Buffer(toRead);`
|
|
||||||
);
|
|
||||||
|
|
||||||
fs.writeFileSync(filePath, Buffer.from(after, "utf8"));
|
|
||||||
|
|
||||||
const hasBeenPatched = after !== before;
|
|
||||||
|
|
||||||
return { hasBeenPatched };
|
|
||||||
}
|
|
||||||
@ -1,97 +0,0 @@
|
|||||||
import * as fs from "fs";
|
|
||||||
import { join as pathJoin, basename as pathBasename, dirname as pathDirname } from "path";
|
|
||||||
import { assert } from "tsafe/assert";
|
|
||||||
import { run } from "../shared/run";
|
|
||||||
import { cacheDirPath as cacheDirPath_base } from "../shared/cacheDirPath";
|
|
||||||
|
|
||||||
export function vendorFrontendDependencies(params: { distDirPath: string }) {
|
|
||||||
const { distDirPath } = params;
|
|
||||||
|
|
||||||
const vendorDirPath = pathJoin(distDirPath, "tools", "vendor");
|
|
||||||
const cacheDirPath = pathJoin(cacheDirPath_base, "vendorFrontendDependencies");
|
|
||||||
|
|
||||||
const extraBundleFileBasenames = new Set<string>();
|
|
||||||
|
|
||||||
fs.readdirSync(vendorDirPath)
|
|
||||||
.filter(fileBasename => fileBasename.endsWith(".js"))
|
|
||||||
.map(fileBasename => pathJoin(vendorDirPath, fileBasename))
|
|
||||||
.forEach(filePath => {
|
|
||||||
{
|
|
||||||
const mapFilePath = `${filePath}.map`;
|
|
||||||
|
|
||||||
if (fs.existsSync(mapFilePath)) {
|
|
||||||
fs.unlinkSync(mapFilePath);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!fs.existsSync(cacheDirPath)) {
|
|
||||||
fs.mkdirSync(cacheDirPath, { recursive: true });
|
|
||||||
}
|
|
||||||
|
|
||||||
const webpackConfigJsFilePath = pathJoin(cacheDirPath, "webpack.config.js");
|
|
||||||
const webpackOutputDirPath = pathJoin(cacheDirPath, "webpack_output");
|
|
||||||
const webpackOutputFilePath = pathJoin(webpackOutputDirPath, "index.js");
|
|
||||||
|
|
||||||
fs.writeFileSync(
|
|
||||||
webpackConfigJsFilePath,
|
|
||||||
Buffer.from(
|
|
||||||
[
|
|
||||||
``,
|
|
||||||
`module.exports = {`,
|
|
||||||
` mode: 'production',`,
|
|
||||||
` entry: Buffer.from("${Buffer.from(filePath, "utf8").toString("base64")}", "base64").toString("utf8"),`,
|
|
||||||
` output: {`,
|
|
||||||
` path: Buffer.from("${Buffer.from(webpackOutputDirPath, "utf8").toString("base64")}", "base64").toString("utf8"),`,
|
|
||||||
` filename: '${pathBasename(webpackOutputFilePath)}',`,
|
|
||||||
` libraryTarget: 'module',`,
|
|
||||||
` },`,
|
|
||||||
` target: "web",`,
|
|
||||||
` module: {`,
|
|
||||||
` rules: [`,
|
|
||||||
` {`,
|
|
||||||
` test: /\.js$/,`,
|
|
||||||
` use: {`,
|
|
||||||
` loader: 'babel-loader',`,
|
|
||||||
` options: {`,
|
|
||||||
` presets: ['@babel/preset-env'],`,
|
|
||||||
` }`,
|
|
||||||
` }`,
|
|
||||||
` }`,
|
|
||||||
` ]`,
|
|
||||||
` },`,
|
|
||||||
` experiments: {`,
|
|
||||||
` outputModule: true`,
|
|
||||||
` }`,
|
|
||||||
`};`
|
|
||||||
].join("\n")
|
|
||||||
)
|
|
||||||
);
|
|
||||||
|
|
||||||
run(`npx webpack --config ${pathBasename(webpackConfigJsFilePath)}`, {
|
|
||||||
cwd: pathDirname(webpackConfigJsFilePath)
|
|
||||||
});
|
|
||||||
|
|
||||||
fs.readdirSync(webpackOutputDirPath)
|
|
||||||
.filter(fileBasename => !fileBasename.endsWith(".txt"))
|
|
||||||
.map(fileBasename => pathJoin(webpackOutputDirPath, fileBasename))
|
|
||||||
.forEach(bundleFilePath => {
|
|
||||||
assert(bundleFilePath.endsWith(".js"));
|
|
||||||
|
|
||||||
if (pathBasename(bundleFilePath) === "index.js") {
|
|
||||||
fs.renameSync(webpackOutputFilePath, filePath);
|
|
||||||
} else {
|
|
||||||
const bundleFileBasename = pathBasename(bundleFilePath);
|
|
||||||
|
|
||||||
assert(!extraBundleFileBasenames.has(bundleFileBasename));
|
|
||||||
extraBundleFileBasenames.add(bundleFileBasename);
|
|
||||||
|
|
||||||
fs.renameSync(
|
|
||||||
bundleFilePath,
|
|
||||||
pathJoin(pathDirname(filePath), bundleFileBasename)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
fs.rmSync(webpackOutputDirPath, { recursive: true });
|
|
||||||
});
|
|
||||||
}
|
|
||||||
@ -1,45 +0,0 @@
|
|||||||
import { CONTAINER_NAME } from "../src/bin/shared/constants";
|
|
||||||
import child_process from "child_process";
|
|
||||||
import { SemVer } from "../src/bin/tools/SemVer";
|
|
||||||
import { dumpContainerConfig } from "../src/bin/start-keycloak/realmConfig/dumpContainerConfig";
|
|
||||||
import { cacheDirPath } from "./shared/cacheDirPath";
|
|
||||||
import { getThisCodebaseRootDirPath } from "../src/bin/tools/getThisCodebaseRootDirPath";
|
|
||||||
import { writeRealmJsonFile } from "../src/bin/start-keycloak/realmConfig/ParsedRealmJson";
|
|
||||||
import { join as pathJoin } from "path";
|
|
||||||
import chalk from "chalk";
|
|
||||||
|
|
||||||
(async () => {
|
|
||||||
const keycloakMajorVersionNumber = SemVer.parse(
|
|
||||||
child_process
|
|
||||||
.execSync(`docker inspect --format '{{.Config.Image}}' ${CONTAINER_NAME}`)
|
|
||||||
.toString("utf8")
|
|
||||||
.trim()
|
|
||||||
.split(":")[1]
|
|
||||||
).major;
|
|
||||||
|
|
||||||
const parsedRealmJson = await dumpContainerConfig({
|
|
||||||
buildContext: {
|
|
||||||
cacheDirPath
|
|
||||||
},
|
|
||||||
keycloakMajorVersionNumber,
|
|
||||||
realmName: "myrealm"
|
|
||||||
});
|
|
||||||
|
|
||||||
const realmJsonFilePath = pathJoin(
|
|
||||||
getThisCodebaseRootDirPath(),
|
|
||||||
"src",
|
|
||||||
"bin",
|
|
||||||
"start-keycloak",
|
|
||||||
"realmConfig",
|
|
||||||
"defaultConfig",
|
|
||||||
`realm-kc-${keycloakMajorVersionNumber}.json`
|
|
||||||
);
|
|
||||||
|
|
||||||
await writeRealmJsonFile({
|
|
||||||
parsedRealmJson,
|
|
||||||
realmJsonFilePath,
|
|
||||||
keycloakMajorVersionNumber
|
|
||||||
});
|
|
||||||
|
|
||||||
console.log(chalk.green(`Realm config dumped to ${realmJsonFilePath}`));
|
|
||||||
})();
|
|
||||||
@ -1,200 +1,90 @@
|
|||||||
|
import "minimal-polyfills/Object.fromEntries";
|
||||||
import * as fs from "fs";
|
import * as fs from "fs";
|
||||||
import {
|
import { join as pathJoin, relative as pathRelative, dirname as pathDirname, sep as pathSep } from "path";
|
||||||
join as pathJoin,
|
|
||||||
relative as pathRelative,
|
|
||||||
dirname as pathDirname,
|
|
||||||
sep as pathSep
|
|
||||||
} from "path";
|
|
||||||
import { assert, type Equals } from "tsafe/assert";
|
|
||||||
import { same } from "evt/tools/inDepth";
|
|
||||||
import { crawl } from "../src/bin/tools/crawl";
|
import { crawl } from "../src/bin/tools/crawl";
|
||||||
import { downloadKeycloakDefaultTheme } from "./shared/downloadKeycloakDefaultTheme";
|
import { downloadBuiltinKeycloakTheme } from "../src/bin/download-builtin-keycloak-theme";
|
||||||
import { getThisCodebaseRootDirPath } from "../src/bin/tools/getThisCodebaseRootDirPath";
|
import { getProjectRoot } from "../src/bin/tools/getProjectRoot";
|
||||||
import { deepAssign } from "../src/tools/deepAssign";
|
import { getCliOptions } from "../src/bin/tools/cliOptions";
|
||||||
import { THEME_TYPES } from "../src/bin/shared/constants";
|
import { getLogger } from "../src/bin/tools/logger";
|
||||||
import { transformCodebase } from "../src/bin/tools/transformCodebase";
|
|
||||||
import propertiesParser from "properties-parser";
|
|
||||||
|
|
||||||
if (require.main === module) {
|
// NOTE: To run without argument when we want to generate src/i18n/generated_kcMessages files,
|
||||||
generateI18nMessages();
|
// update the version array for generating for newer version.
|
||||||
}
|
|
||||||
|
|
||||||
async function generateI18nMessages() {
|
//@ts-ignore
|
||||||
const thisCodebaseRootDirPath = getThisCodebaseRootDirPath();
|
const propertiesParser = require("properties-parser");
|
||||||
|
|
||||||
const accountI18nDirPath = pathJoin(
|
const { isSilent } = getCliOptions(process.argv.slice(2));
|
||||||
thisCodebaseRootDirPath,
|
const logger = getLogger({ isSilent });
|
||||||
"src",
|
|
||||||
"account",
|
|
||||||
"i18n"
|
|
||||||
);
|
|
||||||
|
|
||||||
if (fs.existsSync(accountI18nDirPath)) {
|
async function main() {
|
||||||
fs.rmSync(accountI18nDirPath, { recursive: true });
|
const keycloakVersion = "21.0.1";
|
||||||
}
|
|
||||||
|
const tmpDirPath = pathJoin(getProjectRoot(), "tmp_xImOef9dOd44");
|
||||||
|
|
||||||
|
fs.rmSync(tmpDirPath, { "recursive": true, "force": true });
|
||||||
|
|
||||||
|
await downloadBuiltinKeycloakTheme({
|
||||||
|
keycloakVersion,
|
||||||
|
"destDirPath": tmpDirPath,
|
||||||
|
isSilent
|
||||||
|
});
|
||||||
|
|
||||||
type Dictionary = { [idiomId: string]: string };
|
type Dictionary = { [idiomId: string]: string };
|
||||||
|
|
||||||
const record: { [themeType: string]: { [language: string]: Dictionary } } = {};
|
const record: { [typeOfPage: string]: { [language: string]: Dictionary } } = {};
|
||||||
|
|
||||||
for (const themeType of THEME_TYPES.filter(themeType => themeType !== "admin")) {
|
{
|
||||||
const { extractedDirPath } = await downloadKeycloakDefaultTheme({
|
const baseThemeDirPath = pathJoin(tmpDirPath, "base");
|
||||||
keycloakVersionId: (() => {
|
const re = new RegExp(`^([^\\${pathSep}]+)\\${pathSep}messages\\${pathSep}messages_([^.]+).properties$`);
|
||||||
switch (themeType) {
|
|
||||||
case "login":
|
|
||||||
return "FOR_LOGIN_THEME";
|
|
||||||
case "account":
|
|
||||||
return "FOR_ACCOUNT_MULTI_PAGE";
|
|
||||||
}
|
|
||||||
assert<Equals<typeof themeType, never>>();
|
|
||||||
})()
|
|
||||||
});
|
|
||||||
|
|
||||||
{
|
crawl(baseThemeDirPath).forEach(filePath => {
|
||||||
const baseThemeDirPath = pathJoin(extractedDirPath, "base");
|
const match = filePath.match(re);
|
||||||
const re = new RegExp(
|
|
||||||
`^([^\\${pathSep}]+)\\${pathSep}messages\\${pathSep}messages_([^.]+).properties$`
|
|
||||||
);
|
|
||||||
|
|
||||||
crawl({
|
if (match === null) {
|
||||||
dirPath: baseThemeDirPath,
|
return;
|
||||||
returnedPathsType: "relative to dirPath"
|
|
||||||
}).forEach(filePath => {
|
|
||||||
const match = filePath.match(re);
|
|
||||||
|
|
||||||
if (match === null) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
const [, themeType_here, language] = match;
|
|
||||||
|
|
||||||
if (themeType_here !== themeType) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
(record[themeType] ??= {})[language.replace(/_/g, "-")] =
|
|
||||||
Object.fromEntries(
|
|
||||||
Object.entries(
|
|
||||||
propertiesParser.parse(
|
|
||||||
fs
|
|
||||||
.readFileSync(pathJoin(baseThemeDirPath, filePath))
|
|
||||||
.toString("utf8")
|
|
||||||
) as Record<string, string>
|
|
||||||
)
|
|
||||||
.map(([key, value]) => [key, value.replace(/''/g, "'")])
|
|
||||||
.map(([key, value]) => [
|
|
||||||
key === "locale_pt_BR" ? "locale_pt-BR" : key,
|
|
||||||
value
|
|
||||||
])
|
|
||||||
.map(([key, value]) => [
|
|
||||||
key,
|
|
||||||
key === "termsText" ? "" : value
|
|
||||||
])
|
|
||||||
);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
const recordForThemeType = record[themeType];
|
|
||||||
|
|
||||||
const languages = Object.keys(recordForThemeType);
|
|
||||||
|
|
||||||
const keycloakifyExtraMessages = (() => {
|
|
||||||
switch (themeType) {
|
|
||||||
case "login":
|
|
||||||
return keycloakifyExtraMessages_login;
|
|
||||||
case "account":
|
|
||||||
return keycloakifyExtraMessages_account;
|
|
||||||
}
|
}
|
||||||
assert(false);
|
|
||||||
})();
|
|
||||||
|
|
||||||
/* Migration helper
|
const [, typeOfPage, language] = match;
|
||||||
|
|
||||||
console.log({ themeType });
|
(record[typeOfPage] ??= {})[language.replace(/_/g, "-")] = Object.fromEntries(
|
||||||
|
Object.entries(propertiesParser.parse(fs.readFileSync(pathJoin(baseThemeDirPath, filePath)).toString("utf8"))).map(
|
||||||
{
|
([key, value]: any) => [key, value.replace(/''/g, "'")]
|
||||||
|
)
|
||||||
const all = new Set<string>();
|
);
|
||||||
|
|
||||||
languages.forEach(languages => all.add(languages));
|
|
||||||
const currentlySupportedLanguages = Object.keys(keycloakifyExtraMessages);
|
|
||||||
currentlySupportedLanguages.forEach(languages => all.add(languages));
|
|
||||||
|
|
||||||
all.forEach(language => {
|
|
||||||
console.log([
|
|
||||||
`"${language}": `,
|
|
||||||
`isInLanguages: ${languages.includes(language)}`,
|
|
||||||
`isInKeycloakifyExtraMessages: ${currentlySupportedLanguages.includes(language)}`
|
|
||||||
].join(" "))
|
|
||||||
});
|
|
||||||
|
|
||||||
}
|
|
||||||
*/
|
|
||||||
|
|
||||||
assert(
|
|
||||||
same(languages, Object.keys(keycloakifyExtraMessages), {
|
|
||||||
takeIntoAccountArraysOrdering: false
|
|
||||||
})
|
|
||||||
);
|
|
||||||
|
|
||||||
deepAssign({
|
|
||||||
target: recordForThemeType,
|
|
||||||
source: keycloakifyExtraMessages
|
|
||||||
});
|
});
|
||||||
|
}
|
||||||
|
|
||||||
const messagesDirPath = pathJoin(
|
fs.rmSync(tmpDirPath, { recursive: true, force: true });
|
||||||
thisCodebaseRootDirPath,
|
|
||||||
"src",
|
|
||||||
themeType,
|
|
||||||
"i18n",
|
|
||||||
"messages_defaultSet"
|
|
||||||
);
|
|
||||||
|
|
||||||
if (!fs.existsSync(messagesDirPath)) {
|
Object.keys(record).forEach(themeType => {
|
||||||
fs.mkdirSync(messagesDirPath, { recursive: true });
|
const recordForPageType = record[themeType];
|
||||||
|
|
||||||
|
if (themeType !== "login" && themeType !== "account") {
|
||||||
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
fs.writeFileSync(
|
const baseMessagesDirPath = pathJoin(getProjectRoot(), "src", themeType, "i18n", "baseMessages");
|
||||||
pathJoin(messagesDirPath, "types.ts"),
|
|
||||||
Buffer.from(
|
const languages = Object.keys(recordForPageType);
|
||||||
[
|
|
||||||
``,
|
|
||||||
`export const languageTags = ${JSON.stringify(languages, null, 2)} as const;`,
|
|
||||||
``,
|
|
||||||
`export type LanguageTag = typeof languageTags[number];`,
|
|
||||||
``,
|
|
||||||
`export type MessageKey = keyof typeof import("./en")["default"];`,
|
|
||||||
``
|
|
||||||
].join("\n"),
|
|
||||||
"utf8"
|
|
||||||
)
|
|
||||||
);
|
|
||||||
|
|
||||||
const generatedFileHeader = [
|
const generatedFileHeader = [
|
||||||
`//This code was automatically generated by running ${pathRelative(
|
`//This code was automatically generated by running ${pathRelative(getProjectRoot(), __filename)}`,
|
||||||
thisCodebaseRootDirPath,
|
"//PLEASE DO NOT EDIT MANUALLY",
|
||||||
__filename
|
""
|
||||||
)}`,
|
|
||||||
"//PLEASE DO NOT EDIT MANUALLY"
|
|
||||||
].join("\n");
|
].join("\n");
|
||||||
|
|
||||||
languages.forEach(language => {
|
languages.forEach(language => {
|
||||||
const filePath = pathJoin(messagesDirPath, `${language}.ts`);
|
const filePath = pathJoin(baseMessagesDirPath, `${language}.ts`);
|
||||||
|
|
||||||
fs.mkdirSync(pathDirname(filePath), { recursive: true });
|
fs.mkdirSync(pathDirname(filePath), { "recursive": true });
|
||||||
|
|
||||||
fs.writeFileSync(
|
fs.writeFileSync(
|
||||||
filePath,
|
filePath,
|
||||||
Buffer.from(
|
Buffer.from(
|
||||||
[
|
[
|
||||||
generatedFileHeader,
|
generatedFileHeader,
|
||||||
"",
|
|
||||||
"/* spell-checker: disable */",
|
"/* spell-checker: disable */",
|
||||||
`const messages= ${JSON.stringify(
|
`const messages= ${JSON.stringify(recordForPageType[language], null, 2)};`,
|
||||||
recordForThemeType[language],
|
|
||||||
null,
|
|
||||||
2
|
|
||||||
)};`,
|
|
||||||
"",
|
"",
|
||||||
"export default messages;",
|
"export default messages;",
|
||||||
"/* spell-checker: enable */"
|
"/* spell-checker: enable */"
|
||||||
@ -203,551 +93,30 @@ async function generateI18nMessages() {
|
|||||||
)
|
)
|
||||||
);
|
);
|
||||||
|
|
||||||
//console.log(`${filePath} wrote`);
|
logger.log(`${filePath} wrote`);
|
||||||
});
|
});
|
||||||
|
|
||||||
fs.writeFileSync(
|
fs.writeFileSync(
|
||||||
pathJoin(messagesDirPath, "index.ts"),
|
pathJoin(baseMessagesDirPath, "index.ts"),
|
||||||
Buffer.from(
|
Buffer.from(
|
||||||
[
|
[
|
||||||
generatedFileHeader,
|
generatedFileHeader,
|
||||||
`import * as en from "./en";`,
|
"export async function getMessages(currentLanguageTag: string) {",
|
||||||
"",
|
" const { default: messages } = await (() => {",
|
||||||
"export async function fetchMessages_defaultSet(currentLanguageTag: string) {",
|
|
||||||
" const { default: messages_defaultSet } = await (() => {",
|
|
||||||
" switch (currentLanguageTag) {",
|
" switch (currentLanguageTag) {",
|
||||||
` case "en": return en;`,
|
...languages.map(language => ` case "${language}": return import("./${language}");`),
|
||||||
...languages
|
|
||||||
.filter(language => language !== "en")
|
|
||||||
.map(
|
|
||||||
language =>
|
|
||||||
` case "${language}": return import("./${language}");`
|
|
||||||
),
|
|
||||||
' default: return { "default": {} };',
|
' default: return { "default": {} };',
|
||||||
" }",
|
" }",
|
||||||
" })();",
|
" })();",
|
||||||
" return messages_defaultSet;",
|
" return messages;",
|
||||||
"}"
|
"}"
|
||||||
].join("\n"),
|
].join("\n"),
|
||||||
"utf8"
|
"utf8"
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
}
|
|
||||||
|
|
||||||
transformCodebase({
|
|
||||||
srcDirPath: pathJoin(thisCodebaseRootDirPath, "src", "login", "i18n"),
|
|
||||||
destDirPath: accountI18nDirPath,
|
|
||||||
transformSourceCode: ({ fileRelativePath, sourceCode }) => {
|
|
||||||
if (fileRelativePath.startsWith("messages_defaultSet")) {
|
|
||||||
return undefined;
|
|
||||||
}
|
|
||||||
|
|
||||||
return { modifiedSourceCode: sourceCode };
|
|
||||||
}
|
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
const keycloakifyExtraMessages_login: Record<
|
if (require.main === module) {
|
||||||
| "en"
|
main();
|
||||||
| "ar"
|
}
|
||||||
| "ca"
|
|
||||||
| "cs"
|
|
||||||
| "da"
|
|
||||||
| "de"
|
|
||||||
| "el"
|
|
||||||
| "es"
|
|
||||||
| "fa"
|
|
||||||
| "fi"
|
|
||||||
| "fr"
|
|
||||||
| "hu"
|
|
||||||
| "it"
|
|
||||||
| "ja"
|
|
||||||
| "lt"
|
|
||||||
| "lv"
|
|
||||||
| "nl"
|
|
||||||
| "no"
|
|
||||||
| "pl"
|
|
||||||
| "pt"
|
|
||||||
| "pt-BR"
|
|
||||||
| "ru"
|
|
||||||
| "sk"
|
|
||||||
| "sv"
|
|
||||||
| "th"
|
|
||||||
| "tr"
|
|
||||||
| "uk"
|
|
||||||
| "ka"
|
|
||||||
| "zh-CN"
|
|
||||||
| "zh-TW",
|
|
||||||
Record<
|
|
||||||
| "shouldBeEqual"
|
|
||||||
| "shouldBeDifferent"
|
|
||||||
| "shouldMatchPattern"
|
|
||||||
| "mustBeAnInteger"
|
|
||||||
| "notAValidOption"
|
|
||||||
| "selectAnOption"
|
|
||||||
| "remove"
|
|
||||||
| "addValue"
|
|
||||||
| "languages",
|
|
||||||
string
|
|
||||||
>
|
|
||||||
> = {
|
|
||||||
en: {
|
|
||||||
shouldBeEqual: "{0} should be equal to {1}",
|
|
||||||
shouldBeDifferent: "{0} should be different to {1}",
|
|
||||||
shouldMatchPattern: "Pattern should match: `/{0}/`",
|
|
||||||
mustBeAnInteger: "Must be an integer",
|
|
||||||
notAValidOption: "Not a valid option",
|
|
||||||
selectAnOption: "Select an option",
|
|
||||||
remove: "Remove",
|
|
||||||
addValue: "Add value",
|
|
||||||
languages: "Languages"
|
|
||||||
},
|
|
||||||
/* spell-checker: disable */
|
|
||||||
ar: {
|
|
||||||
shouldBeEqual: "{0} يجب أن يكون مساويًا لـ {1}",
|
|
||||||
shouldBeDifferent: "{0} يجب أن يكون مختلفًا عن {1}",
|
|
||||||
shouldMatchPattern: "`/يجب أن يطابق النمط: `/{0}/",
|
|
||||||
mustBeAnInteger: "يجب أن يكون عددًا صحيحًا",
|
|
||||||
notAValidOption: "ليس خيارًا صالحًا",
|
|
||||||
selectAnOption: "اختر خيارًا",
|
|
||||||
remove: "إزالة",
|
|
||||||
addValue: "أضف قيمة",
|
|
||||||
languages: "اللغات"
|
|
||||||
},
|
|
||||||
ca: {
|
|
||||||
shouldBeEqual: "{0} hauria de ser igual a {1}",
|
|
||||||
shouldBeDifferent: "{0} hauria de ser diferent de {1}",
|
|
||||||
shouldMatchPattern: "El patró hauria de coincidir: `/{0}/`",
|
|
||||||
mustBeAnInteger: "Ha de ser un enter",
|
|
||||||
notAValidOption: "No és una opció vàlida",
|
|
||||||
selectAnOption: "Selecciona una opció",
|
|
||||||
remove: "Elimina",
|
|
||||||
addValue: "Afegeix valor",
|
|
||||||
languages: "Idiomes"
|
|
||||||
},
|
|
||||||
cs: {
|
|
||||||
shouldBeEqual: "{0} by měl být roven {1}",
|
|
||||||
shouldBeDifferent: "{0} by měl být odlišný od {1}",
|
|
||||||
shouldMatchPattern: "Vzor by měl odpovídat: `/{0}/`",
|
|
||||||
mustBeAnInteger: "Musí být celé číslo",
|
|
||||||
notAValidOption: "Není platná možnost",
|
|
||||||
selectAnOption: "Vyberte možnost",
|
|
||||||
remove: "Odstranit",
|
|
||||||
addValue: "Přidat hodnotu",
|
|
||||||
languages: "Jazyky"
|
|
||||||
},
|
|
||||||
da: {
|
|
||||||
shouldBeEqual: "{0} bør være lig med {1}",
|
|
||||||
shouldBeDifferent: "{0} bør være forskellig fra {1}",
|
|
||||||
shouldMatchPattern: "Mønsteret bør matche: `/{0}/`",
|
|
||||||
mustBeAnInteger: "Skal være et heltal",
|
|
||||||
notAValidOption: "Ikke en gyldig mulighed",
|
|
||||||
selectAnOption: "Vælg en mulighed",
|
|
||||||
remove: "Fjern",
|
|
||||||
addValue: "Tilføj værdi",
|
|
||||||
languages: "Sprog"
|
|
||||||
},
|
|
||||||
de: {
|
|
||||||
shouldBeEqual: "{0} sollte gleich {1} sein",
|
|
||||||
shouldBeDifferent: "{0} sollte sich von {1} unterscheiden",
|
|
||||||
shouldMatchPattern: "Muster sollte übereinstimmen: `/{0}/`",
|
|
||||||
mustBeAnInteger: "Muss eine ganze Zahl sein",
|
|
||||||
notAValidOption: "Keine gültige Option",
|
|
||||||
selectAnOption: "Wählen Sie eine Option",
|
|
||||||
remove: "Entfernen",
|
|
||||||
addValue: "Wert hinzufügen",
|
|
||||||
languages: "Sprachen"
|
|
||||||
},
|
|
||||||
el: {
|
|
||||||
shouldBeEqual: "Το {0} πρέπει να είναι ίσο με {1}",
|
|
||||||
shouldBeDifferent: "Το {0} πρέπει να διαφέρει από το {1}",
|
|
||||||
shouldMatchPattern: "Το πρότυπο πρέπει να ταιριάζει: `/{0}/`",
|
|
||||||
mustBeAnInteger: "Πρέπει να είναι ακέραιος",
|
|
||||||
notAValidOption: "Δεν είναι μια έγκυρη επιλογή",
|
|
||||||
selectAnOption: "Επιλέξτε μια επιλογή",
|
|
||||||
remove: "Αφαίρεση",
|
|
||||||
addValue: "Προσθήκη τιμής",
|
|
||||||
languages: "Γλώσσες"
|
|
||||||
},
|
|
||||||
es: {
|
|
||||||
shouldBeEqual: "{0} debería ser igual a {1}",
|
|
||||||
shouldBeDifferent: "{0} debería ser diferente a {1}",
|
|
||||||
shouldMatchPattern: "El patrón debería coincidir: `/{0}/`",
|
|
||||||
mustBeAnInteger: "Debe ser un número entero",
|
|
||||||
notAValidOption: "No es una opción válida",
|
|
||||||
selectAnOption: "Selecciona una opción",
|
|
||||||
remove: "Eliminar",
|
|
||||||
addValue: "Añadir valor",
|
|
||||||
languages: "Idiomas"
|
|
||||||
},
|
|
||||||
fa: {
|
|
||||||
shouldBeEqual: "{0} باید برابر باشد با {1}",
|
|
||||||
shouldBeDifferent: "{0} باید متفاوت باشد از {1}",
|
|
||||||
shouldMatchPattern: "الگو باید مطابقت داشته باشد: `/{0}/`",
|
|
||||||
mustBeAnInteger: "باید یک عدد صحیح باشد",
|
|
||||||
notAValidOption: "یک گزینه معتبر نیست",
|
|
||||||
selectAnOption: "یک گزینه انتخاب کنید",
|
|
||||||
remove: "حذف",
|
|
||||||
addValue: "افزودن مقدار",
|
|
||||||
languages: "زبانها"
|
|
||||||
},
|
|
||||||
fi: {
|
|
||||||
shouldBeEqual: "{0} pitäisi olla yhtä suuri kuin {1}",
|
|
||||||
shouldBeDifferent: "{0} pitäisi olla erilainen kuin {1}",
|
|
||||||
shouldMatchPattern: "Mallin tulisi vastata: `/{0}/`",
|
|
||||||
mustBeAnInteger: "On oltava kokonaisluku",
|
|
||||||
notAValidOption: "Ei ole kelvollinen vaihtoehto",
|
|
||||||
selectAnOption: "Valitse vaihtoehto",
|
|
||||||
remove: "Poista",
|
|
||||||
addValue: "Lisää arvo",
|
|
||||||
languages: "Kielet"
|
|
||||||
},
|
|
||||||
fr: {
|
|
||||||
shouldBeEqual: "{0} devrait être égal à {1}",
|
|
||||||
shouldBeDifferent: "{0} devrait être différent de {1}",
|
|
||||||
shouldMatchPattern: "Le motif devrait correspondre: `/{0}/`",
|
|
||||||
mustBeAnInteger: "Doit être un entier",
|
|
||||||
notAValidOption: "Pas une option valide",
|
|
||||||
selectAnOption: "Sélectionnez une option",
|
|
||||||
remove: "Supprimer",
|
|
||||||
addValue: "Ajouter une valeur",
|
|
||||||
languages: "Langues"
|
|
||||||
},
|
|
||||||
hu: {
|
|
||||||
shouldBeEqual: "{0} egyenlő kell legyen {1}-vel",
|
|
||||||
shouldBeDifferent: "{0} különbözőnek kell lennie, mint {1}",
|
|
||||||
shouldMatchPattern: "A mintának egyeznie kell: `/{0}/`",
|
|
||||||
mustBeAnInteger: "Egész számnak kell lennie",
|
|
||||||
notAValidOption: "Nem érvényes opció",
|
|
||||||
selectAnOption: "Válasszon egy lehetőséget",
|
|
||||||
remove: "Eltávolítás",
|
|
||||||
addValue: "Érték hozzáadása",
|
|
||||||
languages: "Nyelvek"
|
|
||||||
},
|
|
||||||
it: {
|
|
||||||
shouldBeEqual: "{0} dovrebbe essere uguale a {1}",
|
|
||||||
shouldBeDifferent: "{0} dovrebbe essere diverso da {1}",
|
|
||||||
shouldMatchPattern: "Il modello dovrebbe corrispondere: `/{0}/`",
|
|
||||||
mustBeAnInteger: "Deve essere un numero intero",
|
|
||||||
notAValidOption: "Non è un'opzione valida",
|
|
||||||
selectAnOption: "Seleziona un'opzione",
|
|
||||||
remove: "Rimuovi",
|
|
||||||
addValue: "Aggiungi valore",
|
|
||||||
languages: "Lingue"
|
|
||||||
},
|
|
||||||
ja: {
|
|
||||||
shouldBeEqual: "{0} は {1} と等しい必要があります",
|
|
||||||
shouldBeDifferent: "{0} は {1} と異なる必要があります",
|
|
||||||
shouldMatchPattern: "パターンは一致する必要があります: `/{0}/`",
|
|
||||||
mustBeAnInteger: "整数である必要があります",
|
|
||||||
notAValidOption: "有効なオプションではありません",
|
|
||||||
selectAnOption: "オプションを選択",
|
|
||||||
remove: "削除",
|
|
||||||
addValue: "値を追加",
|
|
||||||
languages: "言語"
|
|
||||||
},
|
|
||||||
lt: {
|
|
||||||
shouldBeEqual: "{0} turėtų būti lygus {1}",
|
|
||||||
shouldBeDifferent: "{0} turėtų skirtis nuo {1}",
|
|
||||||
shouldMatchPattern: "Šablonas turėtų atitikti: `/{0}/`",
|
|
||||||
mustBeAnInteger: "Turi būti sveikasis skaičius",
|
|
||||||
notAValidOption: "Netinkama parinktis",
|
|
||||||
selectAnOption: "Pasirinkite parinktį",
|
|
||||||
remove: "Pašalinti",
|
|
||||||
addValue: "Pridėti reikšmę",
|
|
||||||
languages: "Kalbos"
|
|
||||||
},
|
|
||||||
lv: {
|
|
||||||
shouldBeEqual: "{0} jābūt vienādam ar {1}",
|
|
||||||
shouldBeDifferent: "{0} jābūt atšķirīgam no {1}",
|
|
||||||
shouldMatchPattern: "Mustrim jāsakrīt: `/{0}/`",
|
|
||||||
mustBeAnInteger: "Jābūt veselam skaitlim",
|
|
||||||
notAValidOption: "Nav derīga opcija",
|
|
||||||
selectAnOption: "Izvēlieties opciju",
|
|
||||||
remove: "Noņemt",
|
|
||||||
addValue: "Pievienot vērtību",
|
|
||||||
languages: "Valodas"
|
|
||||||
},
|
|
||||||
nl: {
|
|
||||||
shouldBeEqual: "{0} moet gelijk zijn aan {1}",
|
|
||||||
shouldBeDifferent: "{0} moet verschillen van {1}",
|
|
||||||
shouldMatchPattern: "Patroon moet overeenkomen: `/{0}/`",
|
|
||||||
mustBeAnInteger: "Moet een geheel getal zijn",
|
|
||||||
notAValidOption: "Geen geldige optie",
|
|
||||||
selectAnOption: "Selecteer een optie",
|
|
||||||
remove: "Verwijderen",
|
|
||||||
addValue: "Waarde toevoegen",
|
|
||||||
languages: "Talen"
|
|
||||||
},
|
|
||||||
no: {
|
|
||||||
shouldBeEqual: "{0} skal være lik {1}",
|
|
||||||
shouldBeDifferent: "{0} skal være forskjellig fra {1}",
|
|
||||||
shouldMatchPattern: "Mønsteret skal matche: `/{0}/`",
|
|
||||||
mustBeAnInteger: "Må være et heltall",
|
|
||||||
notAValidOption: "Ikke et gyldig alternativ",
|
|
||||||
selectAnOption: "Velg et alternativ",
|
|
||||||
remove: "Fjern",
|
|
||||||
addValue: "Legg til verdi",
|
|
||||||
languages: "Språk"
|
|
||||||
},
|
|
||||||
pl: {
|
|
||||||
shouldBeEqual: "{0} powinno być równe {1}",
|
|
||||||
shouldBeDifferent: "{0} powinno być różne od {1}",
|
|
||||||
shouldMatchPattern: "Wzór pow inien pasować: `/{0}/`",
|
|
||||||
mustBeAnInteger: "Musi być liczbą całkowitą",
|
|
||||||
notAValidOption: "Nieprawidłowa opcja",
|
|
||||||
selectAnOption: "Wybierz opcję",
|
|
||||||
remove: "Usuń",
|
|
||||||
addValue: "Dodaj wartość",
|
|
||||||
languages: "Języki"
|
|
||||||
},
|
|
||||||
pt: {
|
|
||||||
shouldBeEqual: "{0} deve ser igual a {1}",
|
|
||||||
shouldBeDifferent: "{0} deve ser diferente de {1}",
|
|
||||||
shouldMatchPattern: "O padrão deve corresponder: `/{0}/`",
|
|
||||||
mustBeAnInteger: "Deve ser um número inteiro",
|
|
||||||
notAValidOption: "Não é uma opção válida",
|
|
||||||
selectAnOption: "Selecione uma opção",
|
|
||||||
remove: "Remover",
|
|
||||||
addValue: "Adicionar valor",
|
|
||||||
languages: "Idiomas"
|
|
||||||
},
|
|
||||||
"pt-BR": {
|
|
||||||
shouldBeEqual: "{0} deve ser igual a {1}",
|
|
||||||
shouldBeDifferent: "{0} deve ser diferente de {1}",
|
|
||||||
shouldMatchPattern: "O padrão deve corresponder: `/{0}/`",
|
|
||||||
mustBeAnInteger: "Deve ser um número inteiro",
|
|
||||||
notAValidOption: "Não é uma opção válida",
|
|
||||||
selectAnOption: "Selecione uma opção",
|
|
||||||
remove: "Remover",
|
|
||||||
addValue: "Adicionar valor",
|
|
||||||
languages: "Idiomas"
|
|
||||||
},
|
|
||||||
ru: {
|
|
||||||
shouldBeEqual: "{0} должно быть равно {1}",
|
|
||||||
shouldBeDifferent: "{0} должно отличаться от {1}",
|
|
||||||
shouldMatchPattern: "Шаблон должен соответствовать: `/{0}/`",
|
|
||||||
mustBeAnInteger: "Должно быть целым числом",
|
|
||||||
notAValidOption: "Недопустимый вариант",
|
|
||||||
selectAnOption: "Выберите вариант",
|
|
||||||
remove: "Удалить",
|
|
||||||
addValue: "Добавить значение",
|
|
||||||
languages: "Языки"
|
|
||||||
},
|
|
||||||
sk: {
|
|
||||||
shouldBeEqual: "{0} by mal byť rovnaký ako {1}",
|
|
||||||
shouldBeDifferent: "{0} by mal byť odlišný od {1}",
|
|
||||||
shouldMatchPattern: "Vzor by mal zodpovedať: `/{0}/`",
|
|
||||||
mustBeAnInteger: "Musí byť celé číslo",
|
|
||||||
notAValidOption: "Nie je platná možnosť",
|
|
||||||
selectAnOption: "Vyberte možnosť",
|
|
||||||
remove: "Odstrániť",
|
|
||||||
addValue: "Pridať hodnotu",
|
|
||||||
languages: "Jazyky"
|
|
||||||
},
|
|
||||||
sv: {
|
|
||||||
shouldBeEqual: "{0} bör vara lika med {1}",
|
|
||||||
shouldBeDifferent: "{0} bör vara annorlunda än {1}",
|
|
||||||
shouldMatchPattern: "Mönstret bör matcha: `/{0}/`",
|
|
||||||
mustBeAnInteger: "Måste vara ett heltal",
|
|
||||||
notAValidOption: "Inte ett giltigt alternativ",
|
|
||||||
selectAnOption: "Välj ett alternativ",
|
|
||||||
remove: "Ta bort",
|
|
||||||
addValue: "Lägg till värde",
|
|
||||||
languages: "Språk"
|
|
||||||
},
|
|
||||||
th: {
|
|
||||||
shouldBeEqual: "{0} ควรเท่ากับ {1}",
|
|
||||||
shouldBeDifferent: "{0} ควรแตกต่างจาก {1}",
|
|
||||||
shouldMatchPattern: "รูปแบบควรตรงกับ: `/{0}/`",
|
|
||||||
mustBeAnInteger: "ต้องเป็นจำนวนเต็ม",
|
|
||||||
notAValidOption: "ไม่ใช่ตัวเลือกที่ถูกต้อง",
|
|
||||||
selectAnOption: "เลือกตัวเลือก",
|
|
||||||
remove: "ลบ",
|
|
||||||
addValue: "เพิ่มค่า",
|
|
||||||
languages: "ภาษา"
|
|
||||||
},
|
|
||||||
tr: {
|
|
||||||
shouldBeEqual: "{0} {1} eşit olmalıdır",
|
|
||||||
shouldBeDifferent: "{0} {1} farklı olmalıdır",
|
|
||||||
shouldMatchPattern: "Desen eşleşmelidir: `/{0}/`",
|
|
||||||
mustBeAnInteger: "Tam sayı olmalıdır",
|
|
||||||
notAValidOption: "Geçerli bir seçenek değil",
|
|
||||||
selectAnOption: "Bir seçenek seçin",
|
|
||||||
remove: "Kaldır",
|
|
||||||
addValue: "Değer ekle",
|
|
||||||
languages: "Diller"
|
|
||||||
},
|
|
||||||
uk: {
|
|
||||||
shouldBeEqual: "{0} повинно бути рівним {1}",
|
|
||||||
shouldBeDifferent: "{0} повинно відрізнятися від {1}",
|
|
||||||
shouldMatchPattern: "Шаблон повинен відповідати: `/{0}/`",
|
|
||||||
mustBeAnInteger: "Повинно бути цілим числом",
|
|
||||||
notAValidOption: "Не є дійсною опцією",
|
|
||||||
selectAnOption: "Виберіть опцію",
|
|
||||||
remove: "Видалити",
|
|
||||||
addValue: "Додати значення",
|
|
||||||
languages: "Мови"
|
|
||||||
},
|
|
||||||
ka: {
|
|
||||||
shouldBeEqual: "{0} უნდა იყოს ტოლი {1}-სთვის",
|
|
||||||
shouldBeDifferent: "{0} უნდა იყოს სხვა {1}-სთვის",
|
|
||||||
shouldMatchPattern: "შაბლონს უნდა ემთხვევა: `/{0}/`",
|
|
||||||
mustBeAnInteger: "უნდა იყოს მთელი რიცხვი",
|
|
||||||
notAValidOption: "არასწორი ვარიანტი",
|
|
||||||
selectAnOption: "აირჩიეთ ვარიანტი",
|
|
||||||
remove: "წაშალეთ",
|
|
||||||
addValue: "დაამატეთ მნიშვნელობა",
|
|
||||||
languages: "ენები"
|
|
||||||
},
|
|
||||||
"zh-CN": {
|
|
||||||
shouldBeEqual: "{0} 应该等于 {1}",
|
|
||||||
shouldBeDifferent: "{0} 应该不同于 {1}",
|
|
||||||
shouldMatchPattern: "模式应匹配: `/{0}/`",
|
|
||||||
mustBeAnInteger: "必须是整数",
|
|
||||||
notAValidOption: "不是有效选项",
|
|
||||||
selectAnOption: "选择一个选项",
|
|
||||||
remove: "移除",
|
|
||||||
addValue: "添加值",
|
|
||||||
languages: "语言"
|
|
||||||
},
|
|
||||||
"zh-TW": {
|
|
||||||
shouldBeEqual: "{0} 應該等於 {1}",
|
|
||||||
shouldBeDifferent: "{0} 應該不同於 {1}",
|
|
||||||
shouldMatchPattern: "模式應匹配: `/{0}/`",
|
|
||||||
mustBeAnInteger: "必須是整數",
|
|
||||||
notAValidOption: "不是有效選項",
|
|
||||||
selectAnOption: "選擇一個選項",
|
|
||||||
remove: "移除",
|
|
||||||
addValue: "添加值",
|
|
||||||
languages: "語言"
|
|
||||||
}
|
|
||||||
/* spell-checker: enable */
|
|
||||||
};
|
|
||||||
|
|
||||||
export const accountMultiPageSupportedLanguages = [
|
|
||||||
"en",
|
|
||||||
"ar",
|
|
||||||
"ca",
|
|
||||||
"cs",
|
|
||||||
"da",
|
|
||||||
"de",
|
|
||||||
"es",
|
|
||||||
"fi",
|
|
||||||
"fr",
|
|
||||||
"hu",
|
|
||||||
"it",
|
|
||||||
"ja",
|
|
||||||
"lt",
|
|
||||||
"lv",
|
|
||||||
"nl",
|
|
||||||
"no",
|
|
||||||
"pl",
|
|
||||||
"pt-BR",
|
|
||||||
"ru",
|
|
||||||
"sk",
|
|
||||||
"sv",
|
|
||||||
"tr",
|
|
||||||
"zh-CN"
|
|
||||||
] as const;
|
|
||||||
|
|
||||||
const keycloakifyExtraMessages_account: Record<
|
|
||||||
(typeof accountMultiPageSupportedLanguages)[number],
|
|
||||||
Record<"newPasswordSameAsOld" | "passwordConfirmNotMatch", string>
|
|
||||||
> = {
|
|
||||||
en: {
|
|
||||||
newPasswordSameAsOld: "New password must be different from the old one",
|
|
||||||
passwordConfirmNotMatch: "Password confirmation does not match"
|
|
||||||
},
|
|
||||||
/* spell-checker: disable */
|
|
||||||
ar: {
|
|
||||||
newPasswordSameAsOld: "يجب أن تكون كلمة المرور الجديدة مختلفة عن القديمة",
|
|
||||||
passwordConfirmNotMatch: "تأكيد كلمة المرور لا يتطابق"
|
|
||||||
},
|
|
||||||
ca: {
|
|
||||||
newPasswordSameAsOld: "La nova contrasenya ha de ser diferent de l'anterior",
|
|
||||||
passwordConfirmNotMatch: "La confirmació de la contrasenya no coincideix"
|
|
||||||
},
|
|
||||||
cs: {
|
|
||||||
newPasswordSameAsOld: "Nové heslo musí být odlišné od starého",
|
|
||||||
passwordConfirmNotMatch: "Potvrzení hesla se neshoduje"
|
|
||||||
},
|
|
||||||
da: {
|
|
||||||
newPasswordSameAsOld: "Det nye kodeord skal være forskelligt fra det gamle",
|
|
||||||
passwordConfirmNotMatch: "Adgangskodebekræftelse matcher ikke"
|
|
||||||
},
|
|
||||||
de: {
|
|
||||||
newPasswordSameAsOld: "Das neue Passwort muss sich vom alten unterscheiden",
|
|
||||||
passwordConfirmNotMatch: "Passwortbestätigung stimmt nicht überein"
|
|
||||||
},
|
|
||||||
es: {
|
|
||||||
newPasswordSameAsOld: "La nueva contraseña debe ser diferente de la anterior",
|
|
||||||
passwordConfirmNotMatch: "La confirmación de la contraseña no coincide"
|
|
||||||
},
|
|
||||||
fi: {
|
|
||||||
newPasswordSameAsOld: "Uusi salasana on oltava erilainen kuin vanha",
|
|
||||||
passwordConfirmNotMatch: "Salasanan vahvistus ei täsmää"
|
|
||||||
},
|
|
||||||
fr: {
|
|
||||||
newPasswordSameAsOld: "Le nouveau mot de passe doit être différent de l'ancien",
|
|
||||||
passwordConfirmNotMatch: "La confirmation du mot de passe ne correspond pas"
|
|
||||||
},
|
|
||||||
hu: {
|
|
||||||
newPasswordSameAsOld: "Az új jelszónak különböznie kell az előzőtől",
|
|
||||||
passwordConfirmNotMatch: "A jelszó megerősítése nem egyezik"
|
|
||||||
},
|
|
||||||
it: {
|
|
||||||
newPasswordSameAsOld:
|
|
||||||
"La nuova password deve essere diversa da quella precedente",
|
|
||||||
passwordConfirmNotMatch: "La conferma della password non corrisponde"
|
|
||||||
},
|
|
||||||
ja: {
|
|
||||||
newPasswordSameAsOld: "新しいパスワードは古いパスワードと異なる必要があります",
|
|
||||||
passwordConfirmNotMatch: "パスワード確認が一致しません"
|
|
||||||
},
|
|
||||||
lt: {
|
|
||||||
newPasswordSameAsOld: "Naujas slaptažodis turi skirtis nuo seno",
|
|
||||||
passwordConfirmNotMatch: "Slaptažodžio patvirtinimas neatitinka"
|
|
||||||
},
|
|
||||||
lv: {
|
|
||||||
newPasswordSameAsOld: "Jaunajam parolam jābūt atšķirīgam no vecā",
|
|
||||||
passwordConfirmNotMatch: "Paroles apstiprināšana neatbilst"
|
|
||||||
},
|
|
||||||
nl: {
|
|
||||||
newPasswordSameAsOld: "Het nieuwe wachtwoord moet verschillend zijn van het oude",
|
|
||||||
passwordConfirmNotMatch: "Wachtwoordbevestiging komt niet overeen"
|
|
||||||
},
|
|
||||||
no: {
|
|
||||||
newPasswordSameAsOld: "Det nye passordet må være forskjellig fra det gamle",
|
|
||||||
passwordConfirmNotMatch: "Passordbekreftelsen stemmer ikke"
|
|
||||||
},
|
|
||||||
pl: {
|
|
||||||
newPasswordSameAsOld: "Nowe hasło musi być inne niż stare",
|
|
||||||
passwordConfirmNotMatch: "Potwierdzenie hasła nie pasuje"
|
|
||||||
},
|
|
||||||
"pt-BR": {
|
|
||||||
newPasswordSameAsOld: "A nova senha deve ser diferente da antiga",
|
|
||||||
passwordConfirmNotMatch: "A confirmação da senha não corresponde"
|
|
||||||
},
|
|
||||||
ru: {
|
|
||||||
newPasswordSameAsOld: "Новый пароль должен отличаться от старого",
|
|
||||||
passwordConfirmNotMatch: "Подтверждение пароля не совпадает"
|
|
||||||
},
|
|
||||||
sk: {
|
|
||||||
newPasswordSameAsOld: "Nové heslo musí byť odlišné od starého",
|
|
||||||
passwordConfirmNotMatch: "Potvrdenie hesla sa nezhoduje"
|
|
||||||
},
|
|
||||||
sv: {
|
|
||||||
newPasswordSameAsOld: "Det nya lösenordet måste skilja sig från det gamla",
|
|
||||||
passwordConfirmNotMatch: "Lösenordsbekräftelsen matchar inte"
|
|
||||||
},
|
|
||||||
tr: {
|
|
||||||
newPasswordSameAsOld: "Yeni şifre eskisinden farklı olmalıdır",
|
|
||||||
passwordConfirmNotMatch: "Şifre doğrulama eşleşmiyor"
|
|
||||||
},
|
|
||||||
"zh-CN": {
|
|
||||||
newPasswordSameAsOld: "新密码必须与旧密码不同",
|
|
||||||
passwordConfirmNotMatch: "密码确认不匹配"
|
|
||||||
}
|
|
||||||
/* spell-checker: enable */
|
|
||||||
};
|
|
||||||
|
|||||||
14
scripts/generate-json-schema.ts
Normal file
14
scripts/generate-json-schema.ts
Normal file
@ -0,0 +1,14 @@
|
|||||||
|
import fs from "fs";
|
||||||
|
import path from "path";
|
||||||
|
import zodToJsonSchema from "zod-to-json-schema";
|
||||||
|
import { zParsedPackageJson } from "../src/bin/keycloakify/parsedPackageJson";
|
||||||
|
|
||||||
|
const jsonSchemaName = "keycloakifyPackageJsonSchema";
|
||||||
|
const jsonSchema = zodToJsonSchema(zParsedPackageJson, jsonSchemaName);
|
||||||
|
|
||||||
|
const baseProperties = {
|
||||||
|
// merges package.json schema with keycloakify properties
|
||||||
|
"allOf": [{ "$ref": "https://json.schemastore.org/package.json" }, { "$ref": jsonSchemaName }]
|
||||||
|
};
|
||||||
|
|
||||||
|
fs.writeFileSync(path.join(process.cwd(), "keycloakify-json-schema.json"), JSON.stringify({ ...baseProperties, ...jsonSchema }, null, 2));
|
||||||
@ -1,104 +1,79 @@
|
|||||||
import { execSync } from "child_process";
|
import { execSync } from "child_process";
|
||||||
import { join as pathJoin, relative as pathRelative } from "path";
|
import { join as pathJoin, relative as pathRelative } from "path";
|
||||||
import { getThisCodebaseRootDirPath } from "../src/bin/tools/getThisCodebaseRootDirPath";
|
import { getProjectRoot } from "../src/bin/tools/getProjectRoot";
|
||||||
import * as fs from "fs";
|
import * as fs from "fs";
|
||||||
import * as os from "os";
|
|
||||||
|
|
||||||
const singletonDependencies: string[] = ["react", "@types/react"];
|
const singletonDependencies: string[] = ["react", "@types/react"];
|
||||||
|
|
||||||
// For example [ "@emotion" ] it's more convenient than
|
const rootDirPath = getProjectRoot();
|
||||||
// having to list every sub emotion packages (@emotion/css @emotion/utils ...)
|
|
||||||
// in singletonDependencies
|
|
||||||
const namespaceSingletonDependencies: string[] = [];
|
|
||||||
|
|
||||||
const rootDirPath = getThisCodebaseRootDirPath();
|
|
||||||
|
|
||||||
const commonThirdPartyDeps = [
|
|
||||||
...namespaceSingletonDependencies
|
|
||||||
.map(namespaceModuleName =>
|
|
||||||
fs
|
|
||||||
.readdirSync(pathJoin(rootDirPath, "node_modules", namespaceModuleName))
|
|
||||||
.map(submoduleName => `${namespaceModuleName}/${submoduleName}`)
|
|
||||||
)
|
|
||||||
.reduce((prev, curr) => [...prev, ...curr], []),
|
|
||||||
...singletonDependencies
|
|
||||||
];
|
|
||||||
|
|
||||||
//NOTE: This is only required because of: https://github.com/garronej/ts-ci/blob/c0e207b9677523d4ec97fe672ddd72ccbb3c1cc4/README.md?plain=1#L54-L58
|
//NOTE: This is only required because of: https://github.com/garronej/ts-ci/blob/c0e207b9677523d4ec97fe672ddd72ccbb3c1cc4/README.md?plain=1#L54-L58
|
||||||
{
|
fs.writeFileSync(
|
||||||
let modifiedPackageJsonContent = fs
|
pathJoin(rootDirPath, "dist", "package.json"),
|
||||||
.readFileSync(pathJoin(rootDirPath, "package.json"))
|
Buffer.from(
|
||||||
.toString("utf8");
|
JSON.stringify(
|
||||||
|
(() => {
|
||||||
|
const packageJsonParsed = JSON.parse(fs.readFileSync(pathJoin(rootDirPath, "package.json")).toString("utf8"));
|
||||||
|
|
||||||
modifiedPackageJsonContent = (() => {
|
return {
|
||||||
const o = JSON.parse(modifiedPackageJsonContent);
|
...packageJsonParsed,
|
||||||
|
"main": packageJsonParsed["main"]?.replace(/^dist\//, ""),
|
||||||
|
"types": packageJsonParsed["types"]?.replace(/^dist\//, ""),
|
||||||
|
"module": packageJsonParsed["module"]?.replace(/^dist\//, ""),
|
||||||
|
"exports": !("exports" in packageJsonParsed)
|
||||||
|
? undefined
|
||||||
|
: Object.fromEntries(
|
||||||
|
Object.entries(packageJsonParsed["exports"]).map(([key, value]) => [
|
||||||
|
key,
|
||||||
|
(value as string).replace(/^\.\/dist\//, "./")
|
||||||
|
])
|
||||||
|
)
|
||||||
|
};
|
||||||
|
})(),
|
||||||
|
null,
|
||||||
|
2
|
||||||
|
),
|
||||||
|
"utf8"
|
||||||
|
)
|
||||||
|
);
|
||||||
|
|
||||||
delete o.files;
|
fs.cpSync(pathJoin(rootDirPath, "src"), pathJoin(rootDirPath, "dist", "src"), { "recursive": true });
|
||||||
|
|
||||||
return JSON.stringify(o, null, 2);
|
const commonThirdPartyDeps = (() => {
|
||||||
})();
|
// For example [ "@emotion" ] it's more convenient than
|
||||||
|
// having to list every sub emotion packages (@emotion/css @emotion/utils ...)
|
||||||
|
// in singletonDependencies
|
||||||
|
const namespaceSingletonDependencies: string[] = [];
|
||||||
|
|
||||||
modifiedPackageJsonContent = modifiedPackageJsonContent
|
return [
|
||||||
.replace(/"dist\//g, '"')
|
...namespaceSingletonDependencies
|
||||||
.replace(/"\.\/dist\//g, '"./')
|
.map(namespaceModuleName =>
|
||||||
.replace(/"!dist\//g, '"!')
|
fs
|
||||||
.replace(/"!\.\/dist\//g, '"!./');
|
.readdirSync(pathJoin(rootDirPath, "node_modules", namespaceModuleName))
|
||||||
|
.map(submoduleName => `${namespaceModuleName}/${submoduleName}`)
|
||||||
|
)
|
||||||
|
.reduce((prev, curr) => [...prev, ...curr], []),
|
||||||
|
...singletonDependencies
|
||||||
|
];
|
||||||
|
})();
|
||||||
|
|
||||||
modifiedPackageJsonContent = JSON.stringify(
|
|
||||||
{
|
|
||||||
...JSON.parse(modifiedPackageJsonContent),
|
|
||||||
version: `0.0.0-rc.${~~(Math.random() * 1000000)}`
|
|
||||||
},
|
|
||||||
null,
|
|
||||||
4
|
|
||||||
);
|
|
||||||
|
|
||||||
fs.writeFileSync(
|
|
||||||
pathJoin(rootDirPath, "dist", "package.json"),
|
|
||||||
Buffer.from(modifiedPackageJsonContent, "utf8")
|
|
||||||
);
|
|
||||||
}
|
|
||||||
const yarnGlobalDirPath = pathJoin(rootDirPath, ".yarn_home");
|
const yarnGlobalDirPath = pathJoin(rootDirPath, ".yarn_home");
|
||||||
|
|
||||||
fs.rmSync(yarnGlobalDirPath, { recursive: true, force: true });
|
fs.rmSync(yarnGlobalDirPath, { "recursive": true, "force": true });
|
||||||
fs.mkdirSync(yarnGlobalDirPath);
|
fs.mkdirSync(yarnGlobalDirPath);
|
||||||
|
|
||||||
const execYarnLink = (params: { targetModuleName?: string; cwd: string }) => {
|
const execYarnLink = (params: { targetModuleName?: string; cwd: string }) => {
|
||||||
const { targetModuleName, cwd } = params;
|
const { targetModuleName, cwd } = params;
|
||||||
|
|
||||||
if (targetModuleName === undefined) {
|
const cmd = ["yarn", "link", ...(targetModuleName !== undefined ? [targetModuleName] : ["--no-bin-links"])].join(" ");
|
||||||
const packageJsonFilePath = pathJoin(cwd, "package.json");
|
|
||||||
|
|
||||||
const packageJson = JSON.parse(
|
|
||||||
fs.readFileSync(packageJsonFilePath).toString("utf8")
|
|
||||||
);
|
|
||||||
|
|
||||||
delete packageJson["packageManager"];
|
|
||||||
|
|
||||||
fs.writeFileSync(
|
|
||||||
packageJsonFilePath,
|
|
||||||
Buffer.from(JSON.stringify(packageJson, null, 2))
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
const cmd = [
|
|
||||||
"yarn",
|
|
||||||
"link",
|
|
||||||
...(targetModuleName !== undefined ? [targetModuleName] : ["--no-bin-links"])
|
|
||||||
].join(" ");
|
|
||||||
|
|
||||||
console.log(`$ cd ${pathRelative(rootDirPath, cwd) || "."} && ${cmd}`);
|
console.log(`$ cd ${pathRelative(rootDirPath, cwd) || "."} && ${cmd}`);
|
||||||
|
|
||||||
execSync(cmd, {
|
execSync(cmd, {
|
||||||
cwd,
|
cwd,
|
||||||
env: {
|
"env": {
|
||||||
...process.env,
|
...process.env,
|
||||||
...(os.platform() === "win32"
|
"HOME": yarnGlobalDirPath
|
||||||
? {
|
|
||||||
USERPROFILE: yarnGlobalDirPath,
|
|
||||||
LOCALAPPDATA: yarnGlobalDirPath
|
|
||||||
}
|
|
||||||
: { HOME: yarnGlobalDirPath })
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
@ -114,9 +89,7 @@ const testAppPaths = (() => {
|
|||||||
return testAppPath;
|
return testAppPath;
|
||||||
}
|
}
|
||||||
|
|
||||||
console.warn(
|
console.warn(`Skipping ${testAppName} since it cant be found here: ${testAppPath}`);
|
||||||
`Skipping ${testAppName} since it cant be found here: ${testAppPath}`
|
|
||||||
);
|
|
||||||
|
|
||||||
return undefined;
|
return undefined;
|
||||||
})
|
})
|
||||||
@ -128,54 +101,7 @@ if (testAppPaths.length === 0) {
|
|||||||
process.exit(-1);
|
process.exit(-1);
|
||||||
}
|
}
|
||||||
|
|
||||||
testAppPaths.forEach(testAppPath => {
|
testAppPaths.forEach(testAppPath => execSync("yarn install", { "cwd": testAppPath }));
|
||||||
const packageJsonFilePath = pathJoin(testAppPath, "package.json");
|
|
||||||
|
|
||||||
const packageJsonContent = fs.readFileSync(packageJsonFilePath);
|
|
||||||
|
|
||||||
const parsedPackageJson = JSON.parse(packageJsonContent.toString("utf8")) as {
|
|
||||||
scripts?: Record<string, string>;
|
|
||||||
};
|
|
||||||
|
|
||||||
let hasPostInstallOrPrepareScript = false;
|
|
||||||
|
|
||||||
if (parsedPackageJson.scripts !== undefined) {
|
|
||||||
for (const scriptName of ["postinstall", "prepare"]) {
|
|
||||||
if (parsedPackageJson.scripts[scriptName] === undefined) {
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
|
|
||||||
hasPostInstallOrPrepareScript = true;
|
|
||||||
|
|
||||||
delete parsedPackageJson.scripts[scriptName];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if (hasPostInstallOrPrepareScript) {
|
|
||||||
fs.writeFileSync(
|
|
||||||
packageJsonFilePath,
|
|
||||||
Buffer.from(JSON.stringify(parsedPackageJson, null, 2), "utf8")
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
const restorePackageJson = () => {
|
|
||||||
if (!hasPostInstallOrPrepareScript) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
fs.writeFileSync(packageJsonFilePath, packageJsonContent);
|
|
||||||
};
|
|
||||||
|
|
||||||
try {
|
|
||||||
execSync("yarn install", { cwd: testAppPath });
|
|
||||||
} catch (error) {
|
|
||||||
restorePackageJson();
|
|
||||||
|
|
||||||
throw error;
|
|
||||||
}
|
|
||||||
|
|
||||||
restorePackageJson();
|
|
||||||
});
|
|
||||||
|
|
||||||
console.log("=== Linking common dependencies ===");
|
console.log("=== Linking common dependencies ===");
|
||||||
|
|
||||||
@ -188,54 +114,30 @@ commonThirdPartyDeps.forEach(commonThirdPartyDep => {
|
|||||||
console.log(`${current}/${total} ${commonThirdPartyDep}`);
|
console.log(`${current}/${total} ${commonThirdPartyDep}`);
|
||||||
|
|
||||||
const localInstallPath = pathJoin(
|
const localInstallPath = pathJoin(
|
||||||
...[
|
...[rootDirPath, "node_modules", ...(commonThirdPartyDep.startsWith("@") ? commonThirdPartyDep.split("/") : [commonThirdPartyDep])]
|
||||||
rootDirPath,
|
|
||||||
"node_modules",
|
|
||||||
...(commonThirdPartyDep.startsWith("@")
|
|
||||||
? commonThirdPartyDep.split("/")
|
|
||||||
: [commonThirdPartyDep])
|
|
||||||
]
|
|
||||||
);
|
);
|
||||||
|
|
||||||
execYarnLink({ cwd: localInstallPath });
|
execYarnLink({ "cwd": localInstallPath });
|
||||||
});
|
});
|
||||||
|
|
||||||
commonThirdPartyDeps.forEach(commonThirdPartyDep =>
|
commonThirdPartyDeps.forEach(commonThirdPartyDep =>
|
||||||
testAppPaths.forEach(testAppPath =>
|
testAppPaths.forEach(testAppPath =>
|
||||||
execYarnLink({
|
execYarnLink({
|
||||||
cwd: testAppPath,
|
"cwd": testAppPath,
|
||||||
targetModuleName: commonThirdPartyDep
|
"targetModuleName": commonThirdPartyDep
|
||||||
})
|
})
|
||||||
)
|
)
|
||||||
);
|
);
|
||||||
|
|
||||||
console.log("=== Linking in house dependencies ===");
|
console.log("=== Linking in house dependencies ===");
|
||||||
|
|
||||||
execYarnLink({ cwd: pathJoin(rootDirPath, "dist") });
|
execYarnLink({ "cwd": pathJoin(rootDirPath, "dist") });
|
||||||
|
|
||||||
testAppPaths.forEach(testAppPath =>
|
testAppPaths.forEach(testAppPath =>
|
||||||
execYarnLink({
|
execYarnLink({
|
||||||
cwd: testAppPath,
|
"cwd": testAppPath,
|
||||||
targetModuleName: JSON.parse(
|
"targetModuleName": JSON.parse(fs.readFileSync(pathJoin(rootDirPath, "package.json")).toString("utf8"))["name"]
|
||||||
fs.readFileSync(pathJoin(rootDirPath, "package.json")).toString("utf8")
|
|
||||||
)["name"]
|
|
||||||
})
|
})
|
||||||
);
|
);
|
||||||
|
|
||||||
testAppPaths.forEach(testAppPath => {
|
|
||||||
const { scripts = {} } = JSON.parse(
|
|
||||||
fs.readFileSync(pathJoin(testAppPath, "package.json")).toString("utf8")
|
|
||||||
) as {
|
|
||||||
scripts?: Record<string, string>;
|
|
||||||
};
|
|
||||||
|
|
||||||
for (const scriptName of ["postinstall", "prepare"]) {
|
|
||||||
if (scripts[scriptName] === undefined) {
|
|
||||||
continue;
|
|
||||||
}
|
|
||||||
|
|
||||||
execSync(`yarn run ${scriptName}`, { cwd: testAppPath });
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
export {};
|
export {};
|
||||||
|
|||||||
@ -1,88 +0,0 @@
|
|||||||
import * as fs from "fs";
|
|
||||||
import { join as pathJoin, sep as pathSep } from "path";
|
|
||||||
import { run } from "./shared/run";
|
|
||||||
import cliSelect from "cli-select";
|
|
||||||
import { getThisCodebaseRootDirPath } from "../src/bin/tools/getThisCodebaseRootDirPath";
|
|
||||||
import chalk from "chalk";
|
|
||||||
import { removeNodeModules } from "./tools/removeNodeModules";
|
|
||||||
import { startRebuildOnSrcChange } from "./shared/startRebuildOnSrcChange";
|
|
||||||
|
|
||||||
(async () => {
|
|
||||||
const parentDirPath = pathJoin(getThisCodebaseRootDirPath(), "..");
|
|
||||||
|
|
||||||
const { starterName } = await (async () => {
|
|
||||||
const starterNames = fs
|
|
||||||
.readdirSync(parentDirPath)
|
|
||||||
.filter(
|
|
||||||
basename =>
|
|
||||||
basename.includes("starter") &&
|
|
||||||
basename.includes("keycloakify") &&
|
|
||||||
fs.statSync(pathJoin(parentDirPath, basename)).isDirectory()
|
|
||||||
);
|
|
||||||
|
|
||||||
if (starterNames.length === 0) {
|
|
||||||
console.log(
|
|
||||||
chalk.red(
|
|
||||||
`No starter found. Keycloakify Angular starter found in ${parentDirPath}`
|
|
||||||
)
|
|
||||||
);
|
|
||||||
process.exit(-1);
|
|
||||||
}
|
|
||||||
|
|
||||||
const starterName = await (async () => {
|
|
||||||
if (starterNames.length === 1) {
|
|
||||||
return starterNames[0];
|
|
||||||
}
|
|
||||||
|
|
||||||
console.log(chalk.cyan(`\nSelect a starter to link in:`));
|
|
||||||
|
|
||||||
const { value } = await cliSelect<string>({
|
|
||||||
values: starterNames.map(starterName => `..${pathSep}${starterName}`)
|
|
||||||
}).catch(() => {
|
|
||||||
process.exit(-1);
|
|
||||||
});
|
|
||||||
|
|
||||||
return value.split(pathSep)[1];
|
|
||||||
})();
|
|
||||||
|
|
||||||
return { starterName };
|
|
||||||
})();
|
|
||||||
|
|
||||||
const startTime = Date.now();
|
|
||||||
|
|
||||||
console.log(chalk.cyan(`\n\nLinking in ..${pathSep}${starterName}...`));
|
|
||||||
|
|
||||||
removeNodeModules({
|
|
||||||
nodeModulesDirPath: pathJoin(getThisCodebaseRootDirPath(), "node_modules")
|
|
||||||
});
|
|
||||||
|
|
||||||
fs.rmSync(pathJoin(getThisCodebaseRootDirPath(), "dist"), {
|
|
||||||
recursive: true,
|
|
||||||
force: true
|
|
||||||
});
|
|
||||||
fs.rmSync(pathJoin(getThisCodebaseRootDirPath(), ".yarn_home"), {
|
|
||||||
recursive: true,
|
|
||||||
force: true
|
|
||||||
});
|
|
||||||
|
|
||||||
run("yarn install");
|
|
||||||
run("yarn build");
|
|
||||||
|
|
||||||
const starterDirPath = pathJoin(parentDirPath, starterName);
|
|
||||||
|
|
||||||
removeNodeModules({
|
|
||||||
nodeModulesDirPath: pathJoin(starterDirPath, "node_modules")
|
|
||||||
});
|
|
||||||
|
|
||||||
run("yarn install", { cwd: starterDirPath });
|
|
||||||
|
|
||||||
run(`npx tsx ${pathJoin("scripts", "link-in-app.ts")} ${starterName}`);
|
|
||||||
|
|
||||||
const durationSeconds = Math.round((Date.now() - startTime) / 1000);
|
|
||||||
|
|
||||||
await new Promise(resolve => setTimeout(resolve, 1000));
|
|
||||||
|
|
||||||
startRebuildOnSrcChange();
|
|
||||||
|
|
||||||
console.log(chalk.green(`\n\nLinked in ${starterName} in ${durationSeconds}s`));
|
|
||||||
})();
|
|
||||||
@ -1,9 +0,0 @@
|
|||||||
import { join as pathJoin } from "path";
|
|
||||||
import { getThisCodebaseRootDirPath } from "../../src/bin/tools/getThisCodebaseRootDirPath";
|
|
||||||
|
|
||||||
export const cacheDirPath = pathJoin(
|
|
||||||
getThisCodebaseRootDirPath(),
|
|
||||||
"node_modules",
|
|
||||||
".cache",
|
|
||||||
"scripts"
|
|
||||||
);
|
|
||||||
@ -1,357 +0,0 @@
|
|||||||
import { relative as pathRelative } from "path";
|
|
||||||
import { downloadAndExtractArchive } from "../../src/bin/tools/downloadAndExtractArchive";
|
|
||||||
import { getProxyFetchOptions } from "../../src/bin/tools/fetchProxyOptions";
|
|
||||||
import { join as pathJoin } from "path";
|
|
||||||
import { assert, type Equals } from "tsafe/assert";
|
|
||||||
import { cacheDirPath } from "./cacheDirPath";
|
|
||||||
import { getThisCodebaseRootDirPath } from "../../src/bin/tools/getThisCodebaseRootDirPath";
|
|
||||||
|
|
||||||
const KEYCLOAK_VERSION = {
|
|
||||||
FOR_LOGIN_THEME: "25.0.4",
|
|
||||||
FOR_ACCOUNT_MULTI_PAGE: "21.1.2"
|
|
||||||
} as const;
|
|
||||||
|
|
||||||
export async function downloadKeycloakDefaultTheme(params: {
|
|
||||||
keycloakVersionId: keyof typeof KEYCLOAK_VERSION;
|
|
||||||
}) {
|
|
||||||
const { keycloakVersionId } = params;
|
|
||||||
|
|
||||||
const keycloakVersion = KEYCLOAK_VERSION[keycloakVersionId];
|
|
||||||
|
|
||||||
let kcNodeModulesKeepFilePaths: Set<string> | undefined = undefined;
|
|
||||||
let kcNodeModulesKeepFilePaths_lastAccountV1: Set<string> | undefined = undefined;
|
|
||||||
|
|
||||||
const { extractedDirPath } = await downloadAndExtractArchive({
|
|
||||||
url: `https://repo1.maven.org/maven2/org/keycloak/keycloak-themes/${keycloakVersion}/keycloak-themes-${keycloakVersion}.jar`,
|
|
||||||
cacheDirPath,
|
|
||||||
fetchOptions: getProxyFetchOptions({
|
|
||||||
npmConfigGetCwd: getThisCodebaseRootDirPath()
|
|
||||||
}),
|
|
||||||
uniqueIdOfOnArchiveFile: "extractOnlyRequiredFiles",
|
|
||||||
onArchiveFile: async params => {
|
|
||||||
const fileRelativePath = pathRelative("theme", params.fileRelativePath);
|
|
||||||
|
|
||||||
if (fileRelativePath.startsWith("..")) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
const { readFile, writeFile } = params;
|
|
||||||
|
|
||||||
if (
|
|
||||||
!fileRelativePath.startsWith("base") &&
|
|
||||||
!fileRelativePath.startsWith("keycloak")
|
|
||||||
) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
switch (keycloakVersion) {
|
|
||||||
case KEYCLOAK_VERSION.FOR_LOGIN_THEME:
|
|
||||||
if (
|
|
||||||
!fileRelativePath.startsWith(pathJoin("base", "login")) &&
|
|
||||||
!fileRelativePath.startsWith(pathJoin("keycloak", "login")) &&
|
|
||||||
!fileRelativePath.startsWith(pathJoin("keycloak", "common"))
|
|
||||||
) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (fileRelativePath.endsWith(".ftl")) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
break;
|
|
||||||
case KEYCLOAK_VERSION.FOR_ACCOUNT_MULTI_PAGE:
|
|
||||||
if (
|
|
||||||
!fileRelativePath.startsWith(pathJoin("base", "account")) &&
|
|
||||||
!fileRelativePath.startsWith(pathJoin("keycloak", "account")) &&
|
|
||||||
!fileRelativePath.startsWith(pathJoin("keycloak", "common"))
|
|
||||||
) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
break;
|
|
||||||
default:
|
|
||||||
assert<Equals<typeof keycloakVersion, never>>(false);
|
|
||||||
}
|
|
||||||
|
|
||||||
last_account_v1_transformations: {
|
|
||||||
if (keycloakVersion !== KEYCLOAK_VERSION.FOR_ACCOUNT_MULTI_PAGE) {
|
|
||||||
break last_account_v1_transformations;
|
|
||||||
}
|
|
||||||
|
|
||||||
skip_web_modules: {
|
|
||||||
if (
|
|
||||||
!fileRelativePath.startsWith(
|
|
||||||
pathJoin("keycloak", "common", "resources", "web_modules")
|
|
||||||
)
|
|
||||||
) {
|
|
||||||
break skip_web_modules;
|
|
||||||
}
|
|
||||||
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
skip_lib: {
|
|
||||||
if (
|
|
||||||
!fileRelativePath.startsWith(
|
|
||||||
pathJoin("keycloak", "common", "resources", "lib")
|
|
||||||
)
|
|
||||||
) {
|
|
||||||
break skip_lib;
|
|
||||||
}
|
|
||||||
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
skip_node_modules: {
|
|
||||||
const nodeModulesRelativeDirPath = pathJoin(
|
|
||||||
"keycloak",
|
|
||||||
"common",
|
|
||||||
"resources",
|
|
||||||
"node_modules"
|
|
||||||
);
|
|
||||||
|
|
||||||
if (!fileRelativePath.startsWith(nodeModulesRelativeDirPath)) {
|
|
||||||
break skip_node_modules;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (kcNodeModulesKeepFilePaths_lastAccountV1 === undefined) {
|
|
||||||
kcNodeModulesKeepFilePaths_lastAccountV1 = new Set([
|
|
||||||
pathJoin("patternfly", "dist", "css", "patternfly.min.css"),
|
|
||||||
pathJoin(
|
|
||||||
"patternfly",
|
|
||||||
"dist",
|
|
||||||
"css",
|
|
||||||
"patternfly-additions.min.css"
|
|
||||||
),
|
|
||||||
pathJoin(
|
|
||||||
"patternfly",
|
|
||||||
"dist",
|
|
||||||
"fonts",
|
|
||||||
"OpenSans-Regular-webfont.woff2"
|
|
||||||
),
|
|
||||||
pathJoin(
|
|
||||||
"patternfly",
|
|
||||||
"dist",
|
|
||||||
"fonts",
|
|
||||||
"OpenSans-Bold-webfont.woff2"
|
|
||||||
),
|
|
||||||
pathJoin(
|
|
||||||
"patternfly",
|
|
||||||
"dist",
|
|
||||||
"fonts",
|
|
||||||
"OpenSans-Light-webfont.woff2"
|
|
||||||
),
|
|
||||||
pathJoin(
|
|
||||||
"patternfly",
|
|
||||||
"dist",
|
|
||||||
"fonts",
|
|
||||||
"OpenSans-Semibold-webfont.woff2"
|
|
||||||
),
|
|
||||||
pathJoin(
|
|
||||||
"patternfly",
|
|
||||||
"dist",
|
|
||||||
"fonts",
|
|
||||||
"PatternFlyIcons-webfont.ttf"
|
|
||||||
),
|
|
||||||
pathJoin(
|
|
||||||
"patternfly",
|
|
||||||
"dist",
|
|
||||||
"fonts",
|
|
||||||
"PatternFlyIcons-webfont.woff"
|
|
||||||
)
|
|
||||||
]);
|
|
||||||
}
|
|
||||||
|
|
||||||
const fileRelativeToNodeModulesPath = fileRelativePath.substring(
|
|
||||||
nodeModulesRelativeDirPath.length + 1
|
|
||||||
);
|
|
||||||
|
|
||||||
if (
|
|
||||||
kcNodeModulesKeepFilePaths_lastAccountV1.has(
|
|
||||||
fileRelativeToNodeModulesPath
|
|
||||||
)
|
|
||||||
) {
|
|
||||||
break skip_node_modules;
|
|
||||||
}
|
|
||||||
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
patch_account_css: {
|
|
||||||
if (
|
|
||||||
fileRelativePath !==
|
|
||||||
pathJoin("keycloak", "account", "resources", "css", "account.css")
|
|
||||||
) {
|
|
||||||
break patch_account_css;
|
|
||||||
}
|
|
||||||
|
|
||||||
await writeFile({
|
|
||||||
fileRelativePath,
|
|
||||||
modifiedData: Buffer.from(
|
|
||||||
(await readFile())
|
|
||||||
.toString("utf8")
|
|
||||||
.replace("top: -34px;", "top: -34px !important;"),
|
|
||||||
"utf8"
|
|
||||||
)
|
|
||||||
});
|
|
||||||
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
skip_unused_resources: {
|
|
||||||
if (keycloakVersion !== KEYCLOAK_VERSION.FOR_LOGIN_THEME) {
|
|
||||||
break skip_unused_resources;
|
|
||||||
}
|
|
||||||
|
|
||||||
skip_node_modules: {
|
|
||||||
const nodeModulesRelativeDirPath = pathJoin(
|
|
||||||
"keycloak",
|
|
||||||
"common",
|
|
||||||
"resources",
|
|
||||||
"node_modules"
|
|
||||||
);
|
|
||||||
|
|
||||||
if (!fileRelativePath.startsWith(nodeModulesRelativeDirPath)) {
|
|
||||||
break skip_node_modules;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (kcNodeModulesKeepFilePaths === undefined) {
|
|
||||||
kcNodeModulesKeepFilePaths = new Set([
|
|
||||||
pathJoin("@patternfly", "patternfly", "patternfly.min.css"),
|
|
||||||
pathJoin("patternfly", "dist", "css", "patternfly.min.css"),
|
|
||||||
pathJoin(
|
|
||||||
"patternfly",
|
|
||||||
"dist",
|
|
||||||
"css",
|
|
||||||
"patternfly-additions.min.css"
|
|
||||||
),
|
|
||||||
pathJoin(
|
|
||||||
"patternfly",
|
|
||||||
"dist",
|
|
||||||
"fonts",
|
|
||||||
"OpenSans-Regular-webfont.woff2"
|
|
||||||
),
|
|
||||||
pathJoin(
|
|
||||||
"patternfly",
|
|
||||||
"dist",
|
|
||||||
"fonts",
|
|
||||||
"OpenSans-Light-webfont.woff2"
|
|
||||||
),
|
|
||||||
pathJoin(
|
|
||||||
"patternfly",
|
|
||||||
"dist",
|
|
||||||
"fonts",
|
|
||||||
"OpenSans-Bold-webfont.woff2"
|
|
||||||
),
|
|
||||||
pathJoin(
|
|
||||||
"patternfly",
|
|
||||||
"dist",
|
|
||||||
"fonts",
|
|
||||||
"OpenSans-Bold-webfont.woff"
|
|
||||||
),
|
|
||||||
pathJoin(
|
|
||||||
"patternfly",
|
|
||||||
"dist",
|
|
||||||
"fonts",
|
|
||||||
"OpenSans-Bold-webfont.ttf"
|
|
||||||
),
|
|
||||||
pathJoin(
|
|
||||||
"patternfly",
|
|
||||||
"dist",
|
|
||||||
"fonts",
|
|
||||||
"fontawesome-webfont.woff2"
|
|
||||||
),
|
|
||||||
pathJoin(
|
|
||||||
"patternfly",
|
|
||||||
"dist",
|
|
||||||
"fonts",
|
|
||||||
"PatternFlyIcons-webfont.ttf"
|
|
||||||
),
|
|
||||||
pathJoin(
|
|
||||||
"patternfly",
|
|
||||||
"dist",
|
|
||||||
"fonts",
|
|
||||||
"PatternFlyIcons-webfont.woff"
|
|
||||||
),
|
|
||||||
pathJoin(
|
|
||||||
"patternfly",
|
|
||||||
"dist",
|
|
||||||
"fonts",
|
|
||||||
"OpenSans-Semibold-webfont.woff2"
|
|
||||||
),
|
|
||||||
pathJoin(
|
|
||||||
"patternfly",
|
|
||||||
"dist",
|
|
||||||
"fonts",
|
|
||||||
"OpenSans-SemiboldItalic-webfont.woff2"
|
|
||||||
),
|
|
||||||
pathJoin(
|
|
||||||
"patternfly",
|
|
||||||
"dist",
|
|
||||||
"fonts",
|
|
||||||
"OpenSans-SemiboldItalic-webfont.woff"
|
|
||||||
),
|
|
||||||
pathJoin(
|
|
||||||
"patternfly",
|
|
||||||
"dist",
|
|
||||||
"fonts",
|
|
||||||
"OpenSans-SemiboldItalic-webfont.ttf"
|
|
||||||
),
|
|
||||||
pathJoin("patternfly", "dist", "img", "bg-login.jpg"),
|
|
||||||
pathJoin("jquery", "dist", "jquery.min.js"),
|
|
||||||
pathJoin("rfc4648", "lib", "rfc4648.js")
|
|
||||||
]);
|
|
||||||
}
|
|
||||||
|
|
||||||
const fileRelativeToNodeModulesPath = fileRelativePath.substring(
|
|
||||||
nodeModulesRelativeDirPath.length + 1
|
|
||||||
);
|
|
||||||
|
|
||||||
if (kcNodeModulesKeepFilePaths.has(fileRelativeToNodeModulesPath)) {
|
|
||||||
break skip_node_modules;
|
|
||||||
}
|
|
||||||
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
skip_vendor: {
|
|
||||||
if (
|
|
||||||
!fileRelativePath.startsWith(
|
|
||||||
pathJoin("keycloak", "common", "resources", "vendor")
|
|
||||||
)
|
|
||||||
) {
|
|
||||||
break skip_vendor;
|
|
||||||
}
|
|
||||||
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
skip_rollup_config: {
|
|
||||||
if (
|
|
||||||
fileRelativePath !==
|
|
||||||
pathJoin("keycloak", "common", "resources", "rollup.config.js")
|
|
||||||
) {
|
|
||||||
break skip_rollup_config;
|
|
||||||
}
|
|
||||||
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
skip_package_json: {
|
|
||||||
if (
|
|
||||||
fileRelativePath !==
|
|
||||||
pathJoin("keycloak", "common", "resources", "package.json")
|
|
||||||
) {
|
|
||||||
break skip_package_json;
|
|
||||||
}
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
await writeFile({ fileRelativePath });
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
return { extractedDirPath };
|
|
||||||
}
|
|
||||||
@ -1,8 +0,0 @@
|
|||||||
import * as child_process from "child_process";
|
|
||||||
import chalk from "chalk";
|
|
||||||
|
|
||||||
export function run(command: string, options?: { cwd: string }) {
|
|
||||||
console.log(chalk.grey(`$ ${command}`));
|
|
||||||
|
|
||||||
child_process.execSync(command, { stdio: "inherit", ...options });
|
|
||||||
}
|
|
||||||
@ -1,40 +0,0 @@
|
|||||||
import * as child_process from "child_process";
|
|
||||||
import { waitForDebounceFactory } from "powerhooks/tools/waitForDebounce";
|
|
||||||
import chokidar from "chokidar";
|
|
||||||
import * as runExclusive from "run-exclusive";
|
|
||||||
import { Deferred } from "evt/tools/Deferred";
|
|
||||||
import chalk from "chalk";
|
|
||||||
|
|
||||||
export function startRebuildOnSrcChange() {
|
|
||||||
const { waitForDebounce } = waitForDebounceFactory({ delay: 400 });
|
|
||||||
|
|
||||||
const runYarnBuild = runExclusive.build(async () => {
|
|
||||||
console.log(chalk.green("Running `yarn build`"));
|
|
||||||
|
|
||||||
const dCompleted = new Deferred<void>();
|
|
||||||
|
|
||||||
const child = child_process.spawn("yarn", ["build"], { shell: true });
|
|
||||||
|
|
||||||
child.stdout.on("data", data => process.stdout.write(data));
|
|
||||||
|
|
||||||
child.stderr.on("data", data => process.stderr.write(data));
|
|
||||||
|
|
||||||
child.on("exit", () => dCompleted.resolve());
|
|
||||||
|
|
||||||
await dCompleted.pr;
|
|
||||||
|
|
||||||
console.log("\n\n");
|
|
||||||
});
|
|
||||||
|
|
||||||
console.log(chalk.green("Watching for changes in src/"));
|
|
||||||
|
|
||||||
chokidar
|
|
||||||
.watch(["src", "stories"], { ignoreInitial: true })
|
|
||||||
.on("all", async (event, path) => {
|
|
||||||
console.log(chalk.bold(`${event}: ${path}`));
|
|
||||||
|
|
||||||
await waitForDebounce();
|
|
||||||
|
|
||||||
runYarnBuild();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
@ -1,21 +0,0 @@
|
|||||||
import * as child_process from "child_process";
|
|
||||||
import { startRebuildOnSrcChange } from "./shared/startRebuildOnSrcChange";
|
|
||||||
import { run } from "./shared/run";
|
|
||||||
|
|
||||||
(async () => {
|
|
||||||
run("yarn build");
|
|
||||||
|
|
||||||
{
|
|
||||||
const child = child_process.spawn("npx", ["start-storybook", "-p", "6006"], {
|
|
||||||
shell: true
|
|
||||||
});
|
|
||||||
|
|
||||||
child.stdout.on("data", data => process.stdout.write(data));
|
|
||||||
|
|
||||||
child.stderr.on("data", data => process.stderr.write(data));
|
|
||||||
|
|
||||||
child.on("exit", process.exit.bind(process));
|
|
||||||
}
|
|
||||||
|
|
||||||
startRebuildOnSrcChange();
|
|
||||||
})();
|
|
||||||
29
scripts/test-keycloakify-starter.ts
Normal file
29
scripts/test-keycloakify-starter.ts
Normal file
@ -0,0 +1,29 @@
|
|||||||
|
import { execSync } from "child_process";
|
||||||
|
import { existsSync, readFileSync, rmSync, writeFileSync } from "fs";
|
||||||
|
import path from "path";
|
||||||
|
|
||||||
|
const testDir = "keycloakify_starter_test";
|
||||||
|
|
||||||
|
if (existsSync(path.join(process.cwd(), testDir))) {
|
||||||
|
rmSync(path.join(process.cwd(), testDir), { recursive: true });
|
||||||
|
}
|
||||||
|
// Build and link package
|
||||||
|
execSync("yarn build");
|
||||||
|
const pkgJSON = JSON.parse(readFileSync(path.join(process.cwd(), "package.json")).toString("utf8"));
|
||||||
|
pkgJSON.main = "./index.js";
|
||||||
|
pkgJSON.types = "./index.d.ts";
|
||||||
|
pkgJSON.scripts.prepare = undefined;
|
||||||
|
writeFileSync(path.join(process.cwd(), "dist", "package.json"), JSON.stringify(pkgJSON));
|
||||||
|
// Wrapped in a try/catch because unlink errors if the package isn't linked
|
||||||
|
try {
|
||||||
|
execSync("yarn unlink");
|
||||||
|
} catch {}
|
||||||
|
execSync("yarn link", { "cwd": path.join(process.cwd(), "dist") });
|
||||||
|
|
||||||
|
// Clone latest keycloakify-starter and link to keycloakify output
|
||||||
|
execSync(`git clone https://github.com/keycloakify/keycloakify-starter.git ${testDir}`);
|
||||||
|
execSync("yarn install", { "cwd": path.join(process.cwd(), testDir) });
|
||||||
|
execSync("yarn link keycloakify", { "cwd": path.join(process.cwd(), testDir) });
|
||||||
|
|
||||||
|
//Ensure keycloak theme can be built
|
||||||
|
execSync("yarn build-keycloak-theme", { "cwd": path.join(process.cwd(), testDir) });
|
||||||
@ -1,27 +0,0 @@
|
|||||||
import * as fs from "fs";
|
|
||||||
import { crawl } from "../../src/bin/tools/crawl";
|
|
||||||
|
|
||||||
export function removeNodeModules(params: { nodeModulesDirPath: string }) {
|
|
||||||
const { nodeModulesDirPath } = params;
|
|
||||||
|
|
||||||
try {
|
|
||||||
fs.rmSync(nodeModulesDirPath, { recursive: true, force: true });
|
|
||||||
} catch {
|
|
||||||
// NOTE: This is a workaround for windows
|
|
||||||
// we can't remove locked executables.
|
|
||||||
|
|
||||||
crawl({
|
|
||||||
dirPath: nodeModulesDirPath,
|
|
||||||
returnedPathsType: "absolute"
|
|
||||||
}).forEach(filePath => {
|
|
||||||
try {
|
|
||||||
fs.rmSync(filePath, { force: true });
|
|
||||||
} catch (error) {
|
|
||||||
if (filePath.endsWith(".exe")) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
throw error;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,23 +0,0 @@
|
|||||||
import { WELL_KNOWN_DIRECTORY_BASE_NAME } from "keycloakify/bin/shared/constants";
|
|
||||||
import { assert } from "tsafe/assert";
|
|
||||||
|
|
||||||
/**
|
|
||||||
* This is an equivalent of process.env.PUBLIC_URL that you can use in Webpack projects.
|
|
||||||
* This works both in your main app and in your Keycloak theme.
|
|
||||||
*/
|
|
||||||
export const PUBLIC_URL = (() => {
|
|
||||||
const kcContext: { "x-keycloakify": { resourcesPath: string } } | undefined = (
|
|
||||||
window as any
|
|
||||||
).kcContext;
|
|
||||||
|
|
||||||
if (kcContext === undefined || process.env.NODE_ENV === "development") {
|
|
||||||
assert(
|
|
||||||
process.env.PUBLIC_URL !== undefined,
|
|
||||||
`If you use keycloakify/PUBLIC_URL you should be in Webpack and thus process.env.PUBLIC_URL should be defined`
|
|
||||||
);
|
|
||||||
|
|
||||||
return process.env.PUBLIC_URL;
|
|
||||||
}
|
|
||||||
|
|
||||||
return `${kcContext["x-keycloakify"].resourcesPath}/${WELL_KNOWN_DIRECTORY_BASE_NAME.DIST}`;
|
|
||||||
})();
|
|
||||||
@ -1,41 +0,0 @@
|
|||||||
import { lazy, Suspense } from "react";
|
|
||||||
import { assert, type Equals } from "tsafe/assert";
|
|
||||||
import type { PageProps } from "keycloakify/account/pages/PageProps";
|
|
||||||
import type { KcContext } from "keycloakify/account/KcContext";
|
|
||||||
import { I18n } from "keycloakify/account/i18n";
|
|
||||||
|
|
||||||
const Password = lazy(() => import("keycloakify/account/pages/Password"));
|
|
||||||
const Account = lazy(() => import("keycloakify/account/pages/Account"));
|
|
||||||
const Sessions = lazy(() => import("keycloakify/account/pages/Sessions"));
|
|
||||||
const Totp = lazy(() => import("keycloakify/account/pages/Totp"));
|
|
||||||
const Applications = lazy(() => import("keycloakify/account/pages/Applications"));
|
|
||||||
const Log = lazy(() => import("keycloakify/account/pages/Log"));
|
|
||||||
const FederatedIdentity = lazy(() => import("keycloakify/account/pages/FederatedIdentity"));
|
|
||||||
|
|
||||||
export default function DefaultPage(props: PageProps<KcContext, I18n>) {
|
|
||||||
const { kcContext, ...rest } = props;
|
|
||||||
|
|
||||||
return (
|
|
||||||
<Suspense>
|
|
||||||
{(() => {
|
|
||||||
switch (kcContext.pageId) {
|
|
||||||
case "password.ftl":
|
|
||||||
return <Password kcContext={kcContext} {...rest} />;
|
|
||||||
case "sessions.ftl":
|
|
||||||
return <Sessions kcContext={kcContext} {...rest} />;
|
|
||||||
case "account.ftl":
|
|
||||||
return <Account kcContext={kcContext} {...rest} />;
|
|
||||||
case "totp.ftl":
|
|
||||||
return <Totp kcContext={kcContext} {...rest} />;
|
|
||||||
case "applications.ftl":
|
|
||||||
return <Applications kcContext={kcContext} {...rest} />;
|
|
||||||
case "log.ftl":
|
|
||||||
return <Log kcContext={kcContext} {...rest} />;
|
|
||||||
case "federatedIdentity.ftl":
|
|
||||||
return <FederatedIdentity kcContext={kcContext} {...rest} />;
|
|
||||||
}
|
|
||||||
assert<Equals<typeof kcContext, never>>(false);
|
|
||||||
})()}
|
|
||||||
</Suspense>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
26
src/account/Fallback.tsx
Normal file
26
src/account/Fallback.tsx
Normal file
@ -0,0 +1,26 @@
|
|||||||
|
import { lazy, Suspense } from "react";
|
||||||
|
import type { PageProps } from "keycloakify/account/pages/PageProps";
|
||||||
|
import type { I18n } from "keycloakify/account/i18n";
|
||||||
|
import type { KcContext } from "./kcContext";
|
||||||
|
import { assert, type Equals } from "tsafe/assert";
|
||||||
|
|
||||||
|
const Password = lazy(() => import("keycloakify/account/pages/Password"));
|
||||||
|
const Account = lazy(() => import("keycloakify/account/pages/Account"));
|
||||||
|
|
||||||
|
export default function Fallback(props: PageProps<KcContext, I18n>) {
|
||||||
|
const { kcContext, ...rest } = props;
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Suspense>
|
||||||
|
{(() => {
|
||||||
|
switch (kcContext.pageId) {
|
||||||
|
case "password.ftl":
|
||||||
|
return <Password kcContext={kcContext} {...rest} />;
|
||||||
|
case "account.ftl":
|
||||||
|
return <Account kcContext={kcContext} {...rest} />;
|
||||||
|
}
|
||||||
|
assert<Equals<typeof kcContext, never>>(false);
|
||||||
|
})()}
|
||||||
|
</Suspense>
|
||||||
|
);
|
||||||
|
}
|
||||||
@ -1,310 +0,0 @@
|
|||||||
import type { ThemeType, AccountThemePageId } from "keycloakify/bin/shared/constants";
|
|
||||||
import type { ValueOf } from "keycloakify/tools/ValueOf";
|
|
||||||
import { assert } from "tsafe/assert";
|
|
||||||
import type { Equals } from "tsafe";
|
|
||||||
|
|
||||||
export type ExtendKcContext<
|
|
||||||
KcContextExtension extends { properties?: Record<string, string | undefined> },
|
|
||||||
KcContextExtensionPerPage extends Record<string, Record<string, unknown>>
|
|
||||||
> = ValueOf<{
|
|
||||||
[PageId in keyof KcContextExtensionPerPage | KcContext["pageId"]]: Extract<
|
|
||||||
KcContext,
|
|
||||||
{ pageId: PageId }
|
|
||||||
> extends never
|
|
||||||
? KcContext.Common &
|
|
||||||
KcContextExtension & {
|
|
||||||
pageId: PageId;
|
|
||||||
} & KcContextExtensionPerPage[PageId]
|
|
||||||
: Extract<KcContext, { pageId: PageId }> &
|
|
||||||
KcContextExtension &
|
|
||||||
KcContextExtensionPerPage[PageId];
|
|
||||||
}>;
|
|
||||||
|
|
||||||
export type KcContext =
|
|
||||||
| KcContext.Password
|
|
||||||
| KcContext.Account
|
|
||||||
| KcContext.Sessions
|
|
||||||
| KcContext.Totp
|
|
||||||
| KcContext.Applications
|
|
||||||
| KcContext.Log
|
|
||||||
| KcContext.FederatedIdentity;
|
|
||||||
|
|
||||||
export declare namespace KcContext {
|
|
||||||
export type Common = {
|
|
||||||
themeVersion: string;
|
|
||||||
keycloakifyVersion: string;
|
|
||||||
themeType: "account";
|
|
||||||
themeName: string;
|
|
||||||
locale?: {
|
|
||||||
supported: {
|
|
||||||
url: string;
|
|
||||||
label: string;
|
|
||||||
languageTag: string;
|
|
||||||
}[];
|
|
||||||
currentLanguageTag: string;
|
|
||||||
};
|
|
||||||
url: {
|
|
||||||
accountUrl: string;
|
|
||||||
passwordUrl: string;
|
|
||||||
totpUrl: string;
|
|
||||||
socialUrl: string;
|
|
||||||
sessionsUrl: string;
|
|
||||||
applicationsUrl: string;
|
|
||||||
logUrl: string;
|
|
||||||
logoutUrl: string;
|
|
||||||
resourceUrl: string;
|
|
||||||
resourcesCommonPath: string;
|
|
||||||
resourcesPath: string;
|
|
||||||
/** @deprecated, not present in recent keycloak version apparently, use kcContext.referrer instead */
|
|
||||||
referrerURI?: string;
|
|
||||||
getLogoutUrl: () => string;
|
|
||||||
};
|
|
||||||
features: {
|
|
||||||
passwordUpdateSupported: boolean;
|
|
||||||
identityFederation: boolean;
|
|
||||||
log: boolean;
|
|
||||||
authorization: boolean;
|
|
||||||
};
|
|
||||||
realm: {
|
|
||||||
internationalizationEnabled: boolean;
|
|
||||||
userManagedAccessAllowed: boolean;
|
|
||||||
};
|
|
||||||
// Present only if redirected to account page with ?referrer=xxx&referrer_uri=http...
|
|
||||||
message?: {
|
|
||||||
type: "success" | "warning" | "error" | "info";
|
|
||||||
summary: string;
|
|
||||||
};
|
|
||||||
referrer?: {
|
|
||||||
url: string; // The url of the App
|
|
||||||
name: string; // Client id
|
|
||||||
};
|
|
||||||
messagesPerField: {
|
|
||||||
/**
|
|
||||||
* Return text if message for given field exists. Useful eg. to add css styles for fields with message.
|
|
||||||
*
|
|
||||||
* @param fieldName to check for
|
|
||||||
* @param text to return
|
|
||||||
* @return text if message exists for given field, else undefined
|
|
||||||
*/
|
|
||||||
printIfExists: <T extends string>(
|
|
||||||
fieldName: string,
|
|
||||||
text: T
|
|
||||||
) => T | undefined;
|
|
||||||
/**
|
|
||||||
* Check if exists error message for given fields
|
|
||||||
*
|
|
||||||
* @param fields
|
|
||||||
* @return boolean
|
|
||||||
*/
|
|
||||||
existsError: (fieldName: string) => boolean;
|
|
||||||
/**
|
|
||||||
* Get message for given field.
|
|
||||||
*
|
|
||||||
* @param fieldName
|
|
||||||
* @return message text or empty string
|
|
||||||
*/
|
|
||||||
get: (fieldName: string) => string;
|
|
||||||
/**
|
|
||||||
* Check if message for given field exists
|
|
||||||
*
|
|
||||||
* @param field
|
|
||||||
* @return boolean
|
|
||||||
*/
|
|
||||||
exists: (fieldName: string) => boolean;
|
|
||||||
};
|
|
||||||
account: {
|
|
||||||
email?: string;
|
|
||||||
firstName: string;
|
|
||||||
lastName?: string;
|
|
||||||
username?: string;
|
|
||||||
};
|
|
||||||
properties: {};
|
|
||||||
"x-keycloakify": {
|
|
||||||
messages: Record<string, string>;
|
|
||||||
};
|
|
||||||
};
|
|
||||||
|
|
||||||
export type Password = Common & {
|
|
||||||
pageId: "password.ftl";
|
|
||||||
password: {
|
|
||||||
passwordSet: boolean;
|
|
||||||
};
|
|
||||||
stateChecker: string;
|
|
||||||
};
|
|
||||||
|
|
||||||
export type Account = Common & {
|
|
||||||
pageId: "account.ftl";
|
|
||||||
url: {
|
|
||||||
accountUrl: string;
|
|
||||||
};
|
|
||||||
realm: {
|
|
||||||
registrationEmailAsUsername: boolean;
|
|
||||||
editUsernameAllowed: boolean;
|
|
||||||
};
|
|
||||||
stateChecker: string;
|
|
||||||
};
|
|
||||||
|
|
||||||
export type Sessions = Common & {
|
|
||||||
pageId: "sessions.ftl";
|
|
||||||
sessions: {
|
|
||||||
sessions: {
|
|
||||||
expires: string;
|
|
||||||
clients: string[];
|
|
||||||
ipAddress: string;
|
|
||||||
started: string;
|
|
||||||
lastAccess: string;
|
|
||||||
id: string;
|
|
||||||
}[];
|
|
||||||
};
|
|
||||||
stateChecker: string;
|
|
||||||
};
|
|
||||||
|
|
||||||
export type Totp = Common & {
|
|
||||||
pageId: "totp.ftl";
|
|
||||||
totp: {
|
|
||||||
enabled: boolean;
|
|
||||||
totpSecretEncoded: string;
|
|
||||||
qrUrl: string;
|
|
||||||
policy: {
|
|
||||||
algorithm: "HmacSHA1" | "HmacSHA256" | "HmacSHA512";
|
|
||||||
digits: number;
|
|
||||||
lookAheadWindow: number;
|
|
||||||
getAlgorithmKey: () => string;
|
|
||||||
} & (
|
|
||||||
| {
|
|
||||||
type: "totp";
|
|
||||||
period: number;
|
|
||||||
}
|
|
||||||
| {
|
|
||||||
type: "hotp";
|
|
||||||
initialCounter: number;
|
|
||||||
}
|
|
||||||
);
|
|
||||||
supportedApplications: string[];
|
|
||||||
totpSecretQrCode: string;
|
|
||||||
manualUrl: string;
|
|
||||||
totpSecret: string;
|
|
||||||
otpCredentials: { id: string; userLabel: string }[];
|
|
||||||
};
|
|
||||||
mode?: "qr" | "manual" | undefined | null;
|
|
||||||
isAppInitiatedAction: boolean;
|
|
||||||
stateChecker: string;
|
|
||||||
};
|
|
||||||
|
|
||||||
export type Applications = Common & {
|
|
||||||
pageId: "applications.ftl";
|
|
||||||
features: {
|
|
||||||
log: boolean;
|
|
||||||
identityFederation: boolean;
|
|
||||||
authorization: boolean;
|
|
||||||
passwordUpdateSupported: boolean;
|
|
||||||
};
|
|
||||||
stateChecker: string;
|
|
||||||
applications: {
|
|
||||||
applications: {
|
|
||||||
realmRolesAvailable: {
|
|
||||||
name: string;
|
|
||||||
description: string;
|
|
||||||
compositesStream?: Record<string, unknown>;
|
|
||||||
clientRole?: boolean;
|
|
||||||
composite?: boolean;
|
|
||||||
id?: string;
|
|
||||||
containerId?: string;
|
|
||||||
attributes?: Record<string, unknown>;
|
|
||||||
}[];
|
|
||||||
resourceRolesAvailable: Record<
|
|
||||||
string,
|
|
||||||
{
|
|
||||||
roleName: string;
|
|
||||||
roleDescription?: string;
|
|
||||||
clientName: string;
|
|
||||||
clientId: string;
|
|
||||||
}[]
|
|
||||||
>;
|
|
||||||
additionalGrants: string[];
|
|
||||||
clientScopesGranted: string[];
|
|
||||||
effectiveUrl?: string;
|
|
||||||
client: {
|
|
||||||
alwaysDisplayInConsole: boolean;
|
|
||||||
attributes: Record<string, unknown>;
|
|
||||||
authenticationFlowBindingOverrides: Record<string, unknown>;
|
|
||||||
baseUrl?: string;
|
|
||||||
bearerOnly: boolean;
|
|
||||||
clientAuthenticatorType: string;
|
|
||||||
clientId: string;
|
|
||||||
consentRequired: boolean;
|
|
||||||
consentScreenText: string;
|
|
||||||
description: string;
|
|
||||||
directAccessGrantsEnabled: boolean;
|
|
||||||
displayOnConsentScreen: boolean;
|
|
||||||
dynamicScope: boolean;
|
|
||||||
enabled: boolean;
|
|
||||||
frontchannelLogout: boolean;
|
|
||||||
fullScopeAllowed: boolean;
|
|
||||||
id: string;
|
|
||||||
implicitFlowEnabled: boolean;
|
|
||||||
includeInTokenScope: boolean;
|
|
||||||
managementUrl: string;
|
|
||||||
name?: string;
|
|
||||||
nodeReRegistrationTimeout: string;
|
|
||||||
notBefore: string;
|
|
||||||
protocol: string;
|
|
||||||
protocolMappersStream: Record<string, unknown>;
|
|
||||||
publicClient: boolean;
|
|
||||||
realm: Record<string, unknown>;
|
|
||||||
realmScopeMappingsStream: Record<string, unknown>;
|
|
||||||
redirectUris: string[];
|
|
||||||
registeredNodes: Record<string, unknown>;
|
|
||||||
rolesStream: Record<string, unknown>;
|
|
||||||
rootUrl?: string;
|
|
||||||
scopeMappingsStream: Record<string, unknown>;
|
|
||||||
secret: string;
|
|
||||||
serviceAccountsEnabled: boolean;
|
|
||||||
standardFlowEnabled: boolean;
|
|
||||||
surrogateAuthRequired: boolean;
|
|
||||||
webOrigins: string[];
|
|
||||||
};
|
|
||||||
}[];
|
|
||||||
};
|
|
||||||
};
|
|
||||||
|
|
||||||
export type Log = Common & {
|
|
||||||
pageId: "log.ftl";
|
|
||||||
log: {
|
|
||||||
events: {
|
|
||||||
date: string | number | Date;
|
|
||||||
event: string;
|
|
||||||
ipAddress: string;
|
|
||||||
client: string;
|
|
||||||
details: { value: string; key: string }[];
|
|
||||||
}[];
|
|
||||||
};
|
|
||||||
};
|
|
||||||
|
|
||||||
export type FederatedIdentity = Common & {
|
|
||||||
pageId: "federatedIdentity.ftl";
|
|
||||||
stateChecker: string;
|
|
||||||
federatedIdentity: {
|
|
||||||
identities: {
|
|
||||||
providerId: string;
|
|
||||||
displayName: string;
|
|
||||||
userName: string;
|
|
||||||
connected: boolean;
|
|
||||||
}[];
|
|
||||||
removeLinkPossible: boolean;
|
|
||||||
};
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
{
|
|
||||||
type Got = KcContext["pageId"];
|
|
||||||
type Expected = AccountThemePageId;
|
|
||||||
|
|
||||||
type OnlyInGot = Exclude<Got, Expected>;
|
|
||||||
type OnlyInExpected = Exclude<Expected, Got>;
|
|
||||||
|
|
||||||
assert<Equals<OnlyInGot, never>>();
|
|
||||||
assert<Equals<OnlyInExpected, never>>();
|
|
||||||
}
|
|
||||||
|
|
||||||
assert<KcContext["themeType"] extends ThemeType ? true : false>();
|
|
||||||
@ -1,69 +0,0 @@
|
|||||||
import type { ExtendKcContext, KcContext as KcContextBase } from "./KcContext";
|
|
||||||
import type { AccountThemePageId } from "keycloakify/bin/shared/constants";
|
|
||||||
import type { DeepPartial } from "keycloakify/tools/DeepPartial";
|
|
||||||
import { deepAssign } from "keycloakify/tools/deepAssign";
|
|
||||||
import { structuredCloneButFunctions } from "keycloakify/tools/structuredCloneButFunctions";
|
|
||||||
import { kcContextMocks, kcContextCommonMock } from "./kcContextMocks";
|
|
||||||
import { exclude } from "tsafe/exclude";
|
|
||||||
|
|
||||||
export function createGetKcContextMock<
|
|
||||||
KcContextExtension extends { properties?: Record<string, string | undefined> },
|
|
||||||
KcContextExtensionPerPage extends Record<`${string}.ftl`, Record<string, unknown>>
|
|
||||||
>(params: {
|
|
||||||
kcContextExtension: KcContextExtension;
|
|
||||||
kcContextExtensionPerPage: KcContextExtensionPerPage;
|
|
||||||
overrides?: DeepPartial<KcContextExtension & KcContextBase.Common>;
|
|
||||||
overridesPerPage?: {
|
|
||||||
[PageId in AccountThemePageId | keyof KcContextExtensionPerPage]?: DeepPartial<
|
|
||||||
Extract<
|
|
||||||
ExtendKcContext<KcContextExtension, KcContextExtensionPerPage>,
|
|
||||||
{ pageId: PageId }
|
|
||||||
>
|
|
||||||
>;
|
|
||||||
};
|
|
||||||
}) {
|
|
||||||
const {
|
|
||||||
kcContextExtension,
|
|
||||||
kcContextExtensionPerPage,
|
|
||||||
overrides: overrides_global,
|
|
||||||
overridesPerPage: overridesPerPage_global
|
|
||||||
} = params;
|
|
||||||
|
|
||||||
type KcContext = ExtendKcContext<KcContextExtension, KcContextExtensionPerPage>;
|
|
||||||
|
|
||||||
function getKcContextMock<
|
|
||||||
PageId extends AccountThemePageId | keyof KcContextExtensionPerPage
|
|
||||||
>(params: {
|
|
||||||
pageId: PageId;
|
|
||||||
overrides?: DeepPartial<Extract<KcContext, { pageId: PageId }>>;
|
|
||||||
}): Extract<KcContext, { pageId: PageId }> {
|
|
||||||
const { pageId, overrides } = params;
|
|
||||||
|
|
||||||
const kcContextMock = structuredCloneButFunctions(
|
|
||||||
kcContextMocks.find(kcContextMock => kcContextMock.pageId === pageId) ?? {
|
|
||||||
...kcContextCommonMock,
|
|
||||||
pageId
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
[
|
|
||||||
kcContextExtension,
|
|
||||||
kcContextExtensionPerPage[pageId],
|
|
||||||
overrides_global,
|
|
||||||
overridesPerPage_global?.[pageId],
|
|
||||||
overrides
|
|
||||||
]
|
|
||||||
.filter(exclude(undefined))
|
|
||||||
.forEach(overrides =>
|
|
||||||
deepAssign({
|
|
||||||
target: kcContextMock,
|
|
||||||
source: overrides
|
|
||||||
})
|
|
||||||
);
|
|
||||||
|
|
||||||
// @ts-expect-error
|
|
||||||
return kcContextMock;
|
|
||||||
}
|
|
||||||
|
|
||||||
return { getKcContextMock };
|
|
||||||
}
|
|
||||||
@ -1,2 +0,0 @@
|
|||||||
export type { ExtendKcContext, KcContext } from "./KcContext";
|
|
||||||
export { createGetKcContextMock } from "./getKcContextMock";
|
|
||||||
@ -1,213 +0,0 @@
|
|||||||
import "keycloakify/tools/Object.fromEntries";
|
|
||||||
import { WELL_KNOWN_DIRECTORY_BASE_NAME } from "keycloakify/bin/shared/constants";
|
|
||||||
import { id } from "tsafe/id";
|
|
||||||
import type { KcContext } from "./KcContext";
|
|
||||||
import { BASE_URL } from "keycloakify/lib/BASE_URL";
|
|
||||||
import { assert, type Equals } from "tsafe/assert";
|
|
||||||
import type { LanguageTag } from "keycloakify/account/i18n/messages_defaultSet/types";
|
|
||||||
|
|
||||||
const resourcesPath = `${BASE_URL}${WELL_KNOWN_DIRECTORY_BASE_NAME.KEYCLOAKIFY_DEV_RESOURCES}/account`;
|
|
||||||
|
|
||||||
export const kcContextCommonMock: KcContext.Common = {
|
|
||||||
themeVersion: "0.0.0",
|
|
||||||
keycloakifyVersion: "0.0.0",
|
|
||||||
themeType: "account",
|
|
||||||
themeName: "my-theme-name",
|
|
||||||
url: {
|
|
||||||
resourcesPath,
|
|
||||||
resourcesCommonPath: `${resourcesPath}/${WELL_KNOWN_DIRECTORY_BASE_NAME.RESOURCES_COMMON}`,
|
|
||||||
resourceUrl: "#",
|
|
||||||
accountUrl: "#",
|
|
||||||
applicationsUrl: "#",
|
|
||||||
logoutUrl: "#",
|
|
||||||
getLogoutUrl: () => "#",
|
|
||||||
logUrl: "#",
|
|
||||||
passwordUrl: "#",
|
|
||||||
sessionsUrl: "#",
|
|
||||||
socialUrl: "#",
|
|
||||||
totpUrl: "#"
|
|
||||||
},
|
|
||||||
realm: {
|
|
||||||
internationalizationEnabled: true,
|
|
||||||
userManagedAccessAllowed: true
|
|
||||||
},
|
|
||||||
messagesPerField: {
|
|
||||||
printIfExists: () => {
|
|
||||||
return undefined;
|
|
||||||
},
|
|
||||||
existsError: () => false,
|
|
||||||
get: key => `Fake error for ${key}`,
|
|
||||||
exists: () => false
|
|
||||||
},
|
|
||||||
locale: {
|
|
||||||
supported: (
|
|
||||||
[
|
|
||||||
/* spell-checker: disable */
|
|
||||||
["de", "Deutsch"],
|
|
||||||
["no", "Norsk"],
|
|
||||||
["ru", "Русский"],
|
|
||||||
["sv", "Svenska"],
|
|
||||||
["pt-BR", "Português (Brasil)"],
|
|
||||||
["lt", "Lietuvių"],
|
|
||||||
["en", "English"],
|
|
||||||
["it", "Italiano"],
|
|
||||||
["fr", "Français"],
|
|
||||||
["zh-CN", "中文简体"],
|
|
||||||
["es", "Español"],
|
|
||||||
["cs", "Čeština"],
|
|
||||||
["ja", "日本語"],
|
|
||||||
["sk", "Slovenčina"],
|
|
||||||
["pl", "Polski"],
|
|
||||||
["ca", "Català"],
|
|
||||||
["nl", "Nederlands"],
|
|
||||||
["tr", "Türkçe"],
|
|
||||||
["ar", "العربية"],
|
|
||||||
["da", "Dansk"],
|
|
||||||
["fi", "Suomi"],
|
|
||||||
["hu", "Magyar"],
|
|
||||||
["lv", "Latviešu"]
|
|
||||||
/* spell-checker: enable */
|
|
||||||
] as const
|
|
||||||
).map(([languageTag, label]) => {
|
|
||||||
{
|
|
||||||
type Got = typeof languageTag;
|
|
||||||
type Expected = LanguageTag;
|
|
||||||
|
|
||||||
type Missing = Exclude<Expected, Got>;
|
|
||||||
type Unexpected = Exclude<Got, Expected>;
|
|
||||||
|
|
||||||
assert<Equals<Missing, never>>;
|
|
||||||
assert<Equals<Unexpected, never>>;
|
|
||||||
}
|
|
||||||
|
|
||||||
return {
|
|
||||||
languageTag,
|
|
||||||
label,
|
|
||||||
url: "https://gist.github.com/garronej/52baaca1bb925f2296ab32741e062b8e"
|
|
||||||
} as const;
|
|
||||||
}),
|
|
||||||
|
|
||||||
currentLanguageTag: "en"
|
|
||||||
},
|
|
||||||
features: {
|
|
||||||
authorization: true,
|
|
||||||
identityFederation: true,
|
|
||||||
log: true,
|
|
||||||
passwordUpdateSupported: true
|
|
||||||
},
|
|
||||||
referrer: undefined,
|
|
||||||
account: {
|
|
||||||
firstName: "john",
|
|
||||||
lastName: "doe",
|
|
||||||
email: "john.doe@code.gouv.fr",
|
|
||||||
username: "doe_j"
|
|
||||||
},
|
|
||||||
properties: {},
|
|
||||||
"x-keycloakify": {
|
|
||||||
messages: {}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
export const kcContextMocks: KcContext[] = [
|
|
||||||
id<KcContext.Password>({
|
|
||||||
...kcContextCommonMock,
|
|
||||||
pageId: "password.ftl",
|
|
||||||
password: {
|
|
||||||
passwordSet: true
|
|
||||||
},
|
|
||||||
stateChecker: "state checker"
|
|
||||||
}),
|
|
||||||
id<KcContext.Account>({
|
|
||||||
...kcContextCommonMock,
|
|
||||||
pageId: "account.ftl",
|
|
||||||
url: {
|
|
||||||
...kcContextCommonMock.url,
|
|
||||||
referrerURI: "#",
|
|
||||||
accountUrl: "#"
|
|
||||||
},
|
|
||||||
realm: {
|
|
||||||
...kcContextCommonMock.realm,
|
|
||||||
registrationEmailAsUsername: true,
|
|
||||||
editUsernameAllowed: true
|
|
||||||
},
|
|
||||||
stateChecker: ""
|
|
||||||
}),
|
|
||||||
id<KcContext.Sessions>({
|
|
||||||
...kcContextCommonMock,
|
|
||||||
pageId: "sessions.ftl",
|
|
||||||
sessions: {
|
|
||||||
sessions: [
|
|
||||||
{
|
|
||||||
ipAddress: "127.0.0.1",
|
|
||||||
started: new Date().toString(),
|
|
||||||
lastAccess: new Date().toString(),
|
|
||||||
expires: new Date().toString(),
|
|
||||||
clients: ["Chrome", "Firefox"],
|
|
||||||
id: "f8951177-817d-4a70-9c02-86d3c170fe51"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
stateChecker: "g6WB1FaYnKotTkiy7ZrlxvFztSqS0U8jvHsOOOb2z4g"
|
|
||||||
}),
|
|
||||||
id<KcContext.Totp>({
|
|
||||||
...kcContextCommonMock,
|
|
||||||
pageId: "totp.ftl",
|
|
||||||
totp: {
|
|
||||||
enabled: true,
|
|
||||||
totpSecretEncoded: "KVVF G2BY N4YX S6LB IUYT K2LH IFYE 4SBV",
|
|
||||||
qrUrl: "#",
|
|
||||||
totpSecretQrCode:
|
|
||||||
"iVBORw0KGgoAAAANSUhEUgAAAPYAAAD2AQAAAADNaUdlAAACM0lEQVR4Xu3OIZJgOQwDUDFd2UxiurLAVnnbHw4YGDKtSiWOn4Gxf81//7r/+q8b4HfLGBZDK9d85NmNR+sB42sXvOYrN5P1DcgYYFTGfOlbzE8gzwy3euweGizw7cfdl34/GRhlkxjKNV+5AebPXPORX1JuB9x8ZfbyyD2y1krWAKsbMq1HnqQDaLfa77p4+MqvzEGSqvSAD/2IHW2yHaigR9tX3m8dDIYGcNf3f+gDpVBZbZU77zyJ6Rlcy+qoTMG887KAPD9hsh6a1Sv3gJUHGHUAxSMzj7zqDDe7Phmt2eG+8UsMxjRGm816MAO+8VMl1R1jGHOrZB/5Zo/WXAPgxixm9Mo96vDGrM1eOto8c4Ax4wF437mifOXlpiPzCnN7Y9l95NnEMxgMY9AAGA8fucH14Y1aVb6N/cqrmyh0BVht7k1e+bU8LK0Cg5vmVq9c5vHIjOfqxDIfeTraNVTwewa4wVe+SW5N+uP1qACeudUZbqGOfA6VZV750Noq2Xx3kpveV44ZelSV1V7KFHzkWyVrrlUwG0Pl9pWnoy3vsQoME6vKI69i5osVgwWzHT7zjmJtMcNUSVn1oYMd7ZodbgowZl45VG0uVuLPUr1yc79uaQBag/mqR34xhlWyHm1prplHboCWdZ4TeZjsK8+dI+jbz1C5hl65mcpgB5dhcj8+dGO+0Ko68+lD37JDD83dpDLzzK+TrQyaVwGj6pUboGV+7+AyN8An/pf84/7rv/4/1l4OCc/1BYMAAAAASUVORK5CYII=",
|
|
||||||
manualUrl: "#",
|
|
||||||
totpSecret: "G4nsI8lQagRMUchH8jEG",
|
|
||||||
otpCredentials: [],
|
|
||||||
supportedApplications: [
|
|
||||||
"totpAppFreeOTPName",
|
|
||||||
"totpAppMicrosoftAuthenticatorName",
|
|
||||||
"totpAppGoogleName"
|
|
||||||
],
|
|
||||||
policy: {
|
|
||||||
algorithm: "HmacSHA1",
|
|
||||||
digits: 6,
|
|
||||||
lookAheadWindow: 1,
|
|
||||||
type: "totp",
|
|
||||||
period: 30,
|
|
||||||
getAlgorithmKey: () => "SHA1"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
mode: "qr",
|
|
||||||
isAppInitiatedAction: false,
|
|
||||||
stateChecker: ""
|
|
||||||
}),
|
|
||||||
id<KcContext.Log>({
|
|
||||||
...kcContextCommonMock,
|
|
||||||
pageId: "log.ftl",
|
|
||||||
log: {
|
|
||||||
events: [
|
|
||||||
{
|
|
||||||
date: "2/21/2024, 1:28:39 PM",
|
|
||||||
event: "login",
|
|
||||||
ipAddress: "172.17.0.1",
|
|
||||||
client: "security-admin-console",
|
|
||||||
details: [{ key: "openid-connect", value: "admin" }]
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
}),
|
|
||||||
id<KcContext.FederatedIdentity>({
|
|
||||||
...kcContextCommonMock,
|
|
||||||
stateChecker: "",
|
|
||||||
pageId: "federatedIdentity.ftl",
|
|
||||||
federatedIdentity: {
|
|
||||||
identities: [
|
|
||||||
{
|
|
||||||
providerId: "keycloak-oidc",
|
|
||||||
displayName: "keycloak-oidc",
|
|
||||||
userName: "John",
|
|
||||||
connected: true
|
|
||||||
}
|
|
||||||
],
|
|
||||||
removeLinkPossible: true
|
|
||||||
}
|
|
||||||
})
|
|
||||||
];
|
|
||||||
@ -1,39 +1,30 @@
|
|||||||
import { useEffect } from "react";
|
|
||||||
import { clsx } from "keycloakify/tools/clsx";
|
import { clsx } from "keycloakify/tools/clsx";
|
||||||
import { kcSanitize } from "keycloakify/lib/kcSanitize";
|
import { usePrepareTemplate } from "keycloakify/lib/usePrepareTemplate";
|
||||||
import { getKcClsx } from "keycloakify/account/lib/kcClsx";
|
import { type TemplateProps } from "keycloakify/account/TemplateProps";
|
||||||
import { useSetClassName } from "keycloakify/tools/useSetClassName";
|
import { useGetClassName } from "keycloakify/account/lib/useGetClassName";
|
||||||
import { useInitialize } from "keycloakify/account/Template.useInitialize";
|
import type { KcContext } from "./kcContext";
|
||||||
import type { TemplateProps } from "keycloakify/account/TemplateProps";
|
|
||||||
import type { I18n } from "./i18n";
|
import type { I18n } from "./i18n";
|
||||||
import type { KcContext } from "./KcContext";
|
import { assert } from "keycloakify/tools/assert";
|
||||||
|
|
||||||
export default function Template(props: TemplateProps<KcContext, I18n>) {
|
export default function Template(props: TemplateProps<KcContext, I18n>) {
|
||||||
const { kcContext, i18n, doUseDefaultCss, active, classes, children } = props;
|
const { kcContext, i18n, doUseDefaultCss, active, classes, children } = props;
|
||||||
|
|
||||||
const { kcClsx } = getKcClsx({ doUseDefaultCss, classes });
|
const { getClassName } = useGetClassName({ doUseDefaultCss, classes });
|
||||||
|
|
||||||
const { msg, msgStr, currentLanguage, enabledLanguages } = i18n;
|
const { msg, changeLocale, labelBySupportedLanguageTag, currentLanguageTag } = i18n;
|
||||||
|
|
||||||
const { url, features, realm, message, referrer } = kcContext;
|
const { locale, url, features, realm, message, referrer } = kcContext;
|
||||||
|
|
||||||
useEffect(() => {
|
const { isReady } = usePrepareTemplate({
|
||||||
document.title = msgStr("accountManagementTitle");
|
"doFetchDefaultThemeResources": doUseDefaultCss,
|
||||||
}, []);
|
url,
|
||||||
|
"stylesCommon": ["node_modules/patternfly/dist/css/patternfly.min.css", "node_modules/patternfly/dist/css/patternfly-additions.min.css"],
|
||||||
useSetClassName({
|
"styles": ["css/account.css"],
|
||||||
qualifiedName: "html",
|
"htmlClassName": undefined,
|
||||||
className: kcClsx("kcHtmlClass")
|
"bodyClassName": clsx("admin-console", "user", getClassName("kcBodyClass"))
|
||||||
});
|
});
|
||||||
|
|
||||||
useSetClassName({
|
if (!isReady) {
|
||||||
qualifiedName: "body",
|
|
||||||
className: clsx("admin-console", "user", kcClsx("kcBodyClass"))
|
|
||||||
});
|
|
||||||
|
|
||||||
const { isReadyToRender } = useInitialize({ kcContext, doUseDefaultCss });
|
|
||||||
|
|
||||||
if (!isReadyToRender) {
|
|
||||||
return null;
|
return null;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -49,23 +40,27 @@ export default function Template(props: TemplateProps<KcContext, I18n>) {
|
|||||||
<div className="navbar-collapse navbar-collapse-1">
|
<div className="navbar-collapse navbar-collapse-1">
|
||||||
<div className="container">
|
<div className="container">
|
||||||
<ul className="nav navbar-nav navbar-utility">
|
<ul className="nav navbar-nav navbar-utility">
|
||||||
{enabledLanguages.length > 1 && (
|
{realm.internationalizationEnabled && (assert(locale !== undefined), true) && locale.supported.length > 1 && (
|
||||||
<li>
|
<li>
|
||||||
<div className="kc-dropdown" id="kc-locale-dropdown">
|
<div className="kc-dropdown" id="kc-locale-dropdown">
|
||||||
|
{/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}
|
||||||
<a href="#" id="kc-current-locale-link">
|
<a href="#" id="kc-current-locale-link">
|
||||||
{currentLanguage.label}
|
{labelBySupportedLanguageTag[currentLanguageTag]}
|
||||||
</a>
|
</a>
|
||||||
<ul>
|
<ul>
|
||||||
{enabledLanguages.map(({ languageTag, label, href }) => (
|
{locale.supported.map(({ languageTag }) => (
|
||||||
<li key={languageTag} className="kc-dropdown-item">
|
<li key={languageTag} className="kc-dropdown-item">
|
||||||
<a href={href}>{label}</a>
|
{/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}
|
||||||
|
<a href="#" onClick={() => changeLocale(languageTag)}>
|
||||||
|
{labelBySupportedLanguageTag[languageTag]}
|
||||||
|
</a>
|
||||||
</li>
|
</li>
|
||||||
))}
|
))}
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
)}
|
)}
|
||||||
{referrer?.url && (
|
{referrer?.url !== undefined && (
|
||||||
<li>
|
<li>
|
||||||
<a href={referrer.url} id="referrer">
|
<a href={referrer.url} id="referrer">
|
||||||
{msg("backTo", referrer.name)}
|
{msg("backTo", referrer.name)}
|
||||||
@ -124,12 +119,7 @@ export default function Template(props: TemplateProps<KcContext, I18n>) {
|
|||||||
<div className={clsx("alert", `alert-${message.type}`)}>
|
<div className={clsx("alert", `alert-${message.type}`)}>
|
||||||
{message.type === "success" && <span className="pficon pficon-ok"></span>}
|
{message.type === "success" && <span className="pficon pficon-ok"></span>}
|
||||||
{message.type === "error" && <span className="pficon pficon-error-circle-o"></span>}
|
{message.type === "error" && <span className="pficon pficon-error-circle-o"></span>}
|
||||||
<span
|
<span className="kc-feedback-text">{message.summary}</span>
|
||||||
className="kc-feedback-text"
|
|
||||||
dangerouslySetInnerHTML={{
|
|
||||||
__html: kcSanitize(message.summary)
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
|
|||||||
@ -1,35 +0,0 @@
|
|||||||
import { assert } from "keycloakify/tools/assert";
|
|
||||||
import { useInsertLinkTags } from "keycloakify/tools/useInsertLinkTags";
|
|
||||||
import type { KcContext } from "keycloakify/account/KcContext";
|
|
||||||
|
|
||||||
export type KcContextLike = {
|
|
||||||
url: {
|
|
||||||
resourcesCommonPath: string;
|
|
||||||
resourcesPath: string;
|
|
||||||
};
|
|
||||||
};
|
|
||||||
|
|
||||||
assert<keyof KcContextLike extends keyof KcContext ? true : false>();
|
|
||||||
assert<KcContext extends KcContextLike ? true : false>();
|
|
||||||
|
|
||||||
export function useInitialize(params: {
|
|
||||||
kcContext: KcContextLike;
|
|
||||||
doUseDefaultCss: boolean;
|
|
||||||
}) {
|
|
||||||
const { kcContext, doUseDefaultCss } = params;
|
|
||||||
|
|
||||||
const { url } = kcContext;
|
|
||||||
|
|
||||||
const { areAllStyleSheetsLoaded } = useInsertLinkTags({
|
|
||||||
componentOrHookName: "Template",
|
|
||||||
hrefs: !doUseDefaultCss
|
|
||||||
? []
|
|
||||||
: [
|
|
||||||
`${url.resourcesCommonPath}/node_modules/patternfly/dist/css/patternfly.min.css`,
|
|
||||||
`${url.resourcesCommonPath}/node_modules/patternfly/dist/css/patternfly-additions.min.css`,
|
|
||||||
`${url.resourcesPath}/css/account.css`
|
|
||||||
]
|
|
||||||
});
|
|
||||||
|
|
||||||
return { isReadyToRender: areAllStyleSheetsLoaded };
|
|
||||||
}
|
|
||||||
@ -1,14 +1,14 @@
|
|||||||
import type { ReactNode } from "react";
|
import type { ReactNode } from "react";
|
||||||
import type { ClassKey } from "keycloakify/account/lib/kcClsx";
|
import type { KcContext } from "./kcContext";
|
||||||
|
import type { I18n } from "./i18n";
|
||||||
|
|
||||||
export type TemplateProps<KcContext, I18n> = {
|
export type TemplateProps<KcContext extends KcContext.Common, I18nExtended extends I18n> = {
|
||||||
kcContext: KcContext;
|
kcContext: KcContext;
|
||||||
i18n: I18n;
|
i18n: I18nExtended;
|
||||||
doUseDefaultCss: boolean;
|
doUseDefaultCss: boolean;
|
||||||
|
active: string;
|
||||||
classes?: Partial<Record<ClassKey, string>>;
|
classes?: Partial<Record<ClassKey, string>>;
|
||||||
children: ReactNode;
|
children: ReactNode;
|
||||||
|
|
||||||
active: string;
|
|
||||||
};
|
};
|
||||||
|
|
||||||
export type { ClassKey };
|
export type ClassKey = "kcBodyClass" | "kcButtonClass" | "kcButtonPrimaryClass" | "kcButtonLargeClass" | "kcButtonDefaultClass";
|
||||||
|
|||||||
229
src/account/i18n/i18n.tsx
Normal file
229
src/account/i18n/i18n.tsx
Normal file
@ -0,0 +1,229 @@
|
|||||||
|
import "minimal-polyfills/Object.fromEntries";
|
||||||
|
//NOTE for later: https://github.com/remarkjs/react-markdown/blob/236182ecf30bd89c1e5a7652acaf8d0bf81e6170/src/renderers.js#L7-L35
|
||||||
|
import { useEffect, useState, useRef } from "react";
|
||||||
|
import fallbackMessages from "./baseMessages/en";
|
||||||
|
import { getMessages } from "./baseMessages";
|
||||||
|
import { assert } from "tsafe/assert";
|
||||||
|
import type { KcContext } from "../kcContext/KcContext";
|
||||||
|
import { Markdown } from "keycloakify/tools/Markdown";
|
||||||
|
|
||||||
|
export const fallbackLanguageTag = "en";
|
||||||
|
|
||||||
|
export type KcContextLike = {
|
||||||
|
locale?: {
|
||||||
|
currentLanguageTag: string;
|
||||||
|
supported: { languageTag: string; url: string; label: string }[];
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
assert<KcContext extends KcContextLike ? true : false>();
|
||||||
|
|
||||||
|
export type MessageKey = keyof typeof fallbackMessages | keyof (typeof keycloakifyExtraMessages)[typeof fallbackLanguageTag];
|
||||||
|
|
||||||
|
export type GenericI18n<MessageKey extends string> = {
|
||||||
|
/**
|
||||||
|
* e.g: "en", "fr", "zh-CN"
|
||||||
|
*
|
||||||
|
* The current language
|
||||||
|
*/
|
||||||
|
currentLanguageTag: string;
|
||||||
|
/**
|
||||||
|
* To call when the user switch language.
|
||||||
|
* This will cause the page to be reloaded,
|
||||||
|
* on next load currentLanguageTag === newLanguageTag
|
||||||
|
*/
|
||||||
|
changeLocale: (newLanguageTag: string) => never;
|
||||||
|
/**
|
||||||
|
* e.g. "en" => "English", "fr" => "Français", ...
|
||||||
|
*
|
||||||
|
* Used to render a select that enable user to switch language.
|
||||||
|
* ex: https://user-images.githubusercontent.com/6702424/186044799-38801eec-4e89-483b-81dd-8e9233e8c0eb.png
|
||||||
|
* */
|
||||||
|
labelBySupportedLanguageTag: Record<string, string>;
|
||||||
|
/**
|
||||||
|
* Examples assuming currentLanguageTag === "en"
|
||||||
|
*
|
||||||
|
* msg("access-denied") === <span>Access denied</span>
|
||||||
|
* msg("impersonateTitleHtml", "Foo") === <span><strong>Foo</strong> Impersonate User</span>
|
||||||
|
*/
|
||||||
|
msg: (key: MessageKey, ...args: (string | undefined)[]) => JSX.Element;
|
||||||
|
/**
|
||||||
|
* It's the same thing as msg() but instead of returning a JSX.Element it returns a string.
|
||||||
|
* It can be more convenient to manipulate strings but if there are HTML tags it wont render.
|
||||||
|
* msgStr("impersonateTitleHtml", "Foo") === "<strong>Foo</strong> Impersonate User"
|
||||||
|
*/
|
||||||
|
msgStr: (key: MessageKey, ...args: (string | undefined)[]) => string;
|
||||||
|
/**
|
||||||
|
* Examples assuming currentLanguageTag === "en"
|
||||||
|
* advancedMsg("${access-denied} foo bar") === <span>${msgStr("access-denied")} foo bar<span> === <span>Access denied foo bar</span>
|
||||||
|
* advancedMsg("${access-denied}") === advancedMsg("access-denied") === msg("access-denied") === <span>Access denied</span>
|
||||||
|
* advancedMsg("${not-a-message-key}") === advancedMsg(not-a-message-key") === <span>not-a-message-key</span>
|
||||||
|
*/
|
||||||
|
advancedMsg: (key: string, ...args: (string | undefined)[]) => JSX.Element;
|
||||||
|
/**
|
||||||
|
* Examples assuming currentLanguageTag === "en"
|
||||||
|
* advancedMsg("${access-denied} foo bar") === msg("access-denied") + " foo bar" === "Access denied foo bar"
|
||||||
|
* advancedMsg("${not-a-message-key}") === advancedMsg(not-a-message-key") === "not-a-message-key"
|
||||||
|
*/
|
||||||
|
advancedMsgStr: (key: string, ...args: (string | undefined)[]) => string;
|
||||||
|
};
|
||||||
|
|
||||||
|
export type I18n = GenericI18n<MessageKey>;
|
||||||
|
|
||||||
|
export function createUseI18n<ExtraMessageKey extends string = never>(extraMessages: {
|
||||||
|
[languageTag: string]: { [key in ExtraMessageKey]: string };
|
||||||
|
}) {
|
||||||
|
function useI18n(params: { kcContext: KcContextLike }): GenericI18n<MessageKey | ExtraMessageKey> | null {
|
||||||
|
const { kcContext } = params;
|
||||||
|
|
||||||
|
const [i18n, setI18n] = useState<GenericI18n<ExtraMessageKey | MessageKey> | undefined>(undefined);
|
||||||
|
|
||||||
|
const refHasStartedFetching = useRef(false);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (refHasStartedFetching.current) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
refHasStartedFetching.current = true;
|
||||||
|
|
||||||
|
(async () => {
|
||||||
|
const { currentLanguageTag = fallbackLanguageTag } = kcContext.locale ?? {};
|
||||||
|
|
||||||
|
setI18n({
|
||||||
|
...createI18nTranslationFunctions({
|
||||||
|
"fallbackMessages": {
|
||||||
|
...fallbackMessages,
|
||||||
|
...(keycloakifyExtraMessages[fallbackLanguageTag] ?? {}),
|
||||||
|
...(extraMessages[fallbackLanguageTag] ?? {})
|
||||||
|
} as any,
|
||||||
|
"messages": {
|
||||||
|
...(await getMessages(currentLanguageTag)),
|
||||||
|
...((keycloakifyExtraMessages as any)[currentLanguageTag] ?? {}),
|
||||||
|
...(extraMessages[currentLanguageTag] ?? {})
|
||||||
|
} as any
|
||||||
|
}),
|
||||||
|
currentLanguageTag,
|
||||||
|
"changeLocale": newLanguageTag => {
|
||||||
|
const { locale } = kcContext;
|
||||||
|
|
||||||
|
assert(locale !== undefined, "Internationalization not enabled");
|
||||||
|
|
||||||
|
const targetSupportedLocale = locale.supported.find(({ languageTag }) => languageTag === newLanguageTag);
|
||||||
|
|
||||||
|
assert(targetSupportedLocale !== undefined, `${newLanguageTag} need to be enabled in Keycloak admin`);
|
||||||
|
|
||||||
|
window.location.href = targetSupportedLocale.url;
|
||||||
|
|
||||||
|
assert(false, "never");
|
||||||
|
},
|
||||||
|
"labelBySupportedLanguageTag": Object.fromEntries(
|
||||||
|
(kcContext.locale?.supported ?? []).map(({ languageTag, label }) => [languageTag, label])
|
||||||
|
)
|
||||||
|
});
|
||||||
|
})();
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
return i18n ?? null;
|
||||||
|
}
|
||||||
|
|
||||||
|
return { useI18n };
|
||||||
|
}
|
||||||
|
|
||||||
|
function createI18nTranslationFunctions<MessageKey extends string>(params: {
|
||||||
|
fallbackMessages: Record<MessageKey, string>;
|
||||||
|
messages: Record<MessageKey, string>;
|
||||||
|
}): Pick<GenericI18n<MessageKey>, "msg" | "msgStr" | "advancedMsg" | "advancedMsgStr"> {
|
||||||
|
const { fallbackMessages, messages } = params;
|
||||||
|
|
||||||
|
function resolveMsg(props: { key: string; args: (string | undefined)[]; doRenderMarkdown: boolean }): string | JSX.Element | undefined {
|
||||||
|
const { key, args, doRenderMarkdown } = props;
|
||||||
|
|
||||||
|
const messageOrUndefined: string | undefined = (messages as any)[key] ?? (fallbackMessages as any)[key];
|
||||||
|
|
||||||
|
if (messageOrUndefined === undefined) {
|
||||||
|
return undefined;
|
||||||
|
}
|
||||||
|
|
||||||
|
const message = messageOrUndefined;
|
||||||
|
|
||||||
|
const messageWithArgsInjectedIfAny = (() => {
|
||||||
|
const startIndex = message
|
||||||
|
.match(/{[0-9]+}/g)
|
||||||
|
?.map(g => g.match(/{([0-9]+)}/)![1])
|
||||||
|
.map(indexStr => parseInt(indexStr))
|
||||||
|
.sort((a, b) => a - b)[0];
|
||||||
|
|
||||||
|
if (startIndex === undefined) {
|
||||||
|
// No {0} in message (no arguments expected)
|
||||||
|
return message;
|
||||||
|
}
|
||||||
|
|
||||||
|
let messageWithArgsInjected = message;
|
||||||
|
|
||||||
|
args.forEach((arg, i) => {
|
||||||
|
if (arg === undefined) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
messageWithArgsInjected = messageWithArgsInjected.replace(new RegExp(`\\{${i + startIndex}\\}`, "g"), arg);
|
||||||
|
});
|
||||||
|
|
||||||
|
return messageWithArgsInjected;
|
||||||
|
})();
|
||||||
|
|
||||||
|
return doRenderMarkdown ? (
|
||||||
|
<Markdown allowDangerousHtml renderers={{ "paragraph": "span" }}>
|
||||||
|
{messageWithArgsInjectedIfAny}
|
||||||
|
</Markdown>
|
||||||
|
) : (
|
||||||
|
messageWithArgsInjectedIfAny
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function resolveMsgAdvanced(props: { key: string; args: (string | undefined)[]; doRenderMarkdown: boolean }): JSX.Element | string {
|
||||||
|
const { key, args, doRenderMarkdown } = props;
|
||||||
|
|
||||||
|
const match = key.match(/^\$\{([^{]+)\}$/);
|
||||||
|
|
||||||
|
const keyUnwrappedFromCurlyBraces = match === null ? key : match[1];
|
||||||
|
|
||||||
|
const out = resolveMsg({
|
||||||
|
"key": keyUnwrappedFromCurlyBraces,
|
||||||
|
args,
|
||||||
|
doRenderMarkdown
|
||||||
|
});
|
||||||
|
|
||||||
|
return (out !== undefined ? out : doRenderMarkdown ? <span>{keyUnwrappedFromCurlyBraces}</span> : keyUnwrappedFromCurlyBraces) as any;
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
"msgStr": (key, ...args) => resolveMsg({ key, args, "doRenderMarkdown": false }) as string,
|
||||||
|
"msg": (key, ...args) => resolveMsg({ key, args, "doRenderMarkdown": true }) as JSX.Element,
|
||||||
|
"advancedMsg": (key, ...args) => resolveMsgAdvanced({ key, args, "doRenderMarkdown": true }) as JSX.Element,
|
||||||
|
"advancedMsgStr": (key, ...args) => resolveMsgAdvanced({ key, args, "doRenderMarkdown": false }) as string
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
const keycloakifyExtraMessages = {
|
||||||
|
"en": {
|
||||||
|
"shouldBeEqual": "{0} should be equal to {1}",
|
||||||
|
"shouldBeDifferent": "{0} should be different to {1}",
|
||||||
|
"shouldMatchPattern": "Pattern should match: `/{0}/`",
|
||||||
|
"mustBeAnInteger": "Must be an integer",
|
||||||
|
"notAValidOption": "Not a valid option"
|
||||||
|
},
|
||||||
|
"fr": {
|
||||||
|
/* spell-checker: disable */
|
||||||
|
"shouldBeEqual": "{0} doit être égal à {1}",
|
||||||
|
"shouldBeDifferent": "{0} doit être différent de {1}",
|
||||||
|
"shouldMatchPattern": "Dois respecter le schéma: `/{0}/`",
|
||||||
|
"mustBeAnInteger": "Doit être un nombre entier",
|
||||||
|
"notAValidOption": "N'est pas une option valide",
|
||||||
|
|
||||||
|
"logoutConfirmTitle": "Déconnexion",
|
||||||
|
"logoutConfirmHeader": "Êtes-vous sûr(e) de vouloir vous déconnecter ?",
|
||||||
|
"doLogout": "Se déconnecter"
|
||||||
|
/* spell-checker: enable */
|
||||||
|
}
|
||||||
|
};
|
||||||
1
src/account/i18n/index.ts
Normal file
1
src/account/i18n/index.ts
Normal file
@ -0,0 +1 @@
|
|||||||
|
export type { I18n } from "./i18n";
|
||||||
@ -1,3 +1,8 @@
|
|||||||
export type { ExtendKcContext } from "keycloakify/account/KcContext";
|
import Fallback from "keycloakify/account/Fallback";
|
||||||
export type { ClassKey } from "keycloakify/account/TemplateProps";
|
|
||||||
export { i18nBuilder, type MessageKey_defaultSet } from "keycloakify/account/i18n";
|
export default Fallback;
|
||||||
|
|
||||||
|
export { getKcContext } from "keycloakify/account/kcContext/getKcContext";
|
||||||
|
export { createUseI18n } from "keycloakify/account/i18n/i18n";
|
||||||
|
|
||||||
|
export type { PageProps } from "keycloakify/account/pages/PageProps";
|
||||||
|
|||||||
85
src/account/kcContext/KcContext.ts
Normal file
85
src/account/kcContext/KcContext.ts
Normal file
@ -0,0 +1,85 @@
|
|||||||
|
import type { AccountThemePageId } from "keycloakify/bin/keycloakify/generateFtl";
|
||||||
|
import { assert } from "tsafe/assert";
|
||||||
|
import type { Equals } from "tsafe";
|
||||||
|
|
||||||
|
export type KcContext = KcContext.Password | KcContext.Account;
|
||||||
|
|
||||||
|
export declare namespace KcContext {
|
||||||
|
export type Common = {
|
||||||
|
keycloakifyVersion: string;
|
||||||
|
locale?: {
|
||||||
|
supported: {
|
||||||
|
url: string;
|
||||||
|
label: string;
|
||||||
|
languageTag: string;
|
||||||
|
}[];
|
||||||
|
currentLanguageTag: string;
|
||||||
|
};
|
||||||
|
url: {
|
||||||
|
accountUrl: string;
|
||||||
|
passwordUrl: string;
|
||||||
|
totpUrl: string;
|
||||||
|
socialUrl: string;
|
||||||
|
sessionsUrl: string;
|
||||||
|
applicationsUrl: string;
|
||||||
|
logUrl: string;
|
||||||
|
resourceUrl: string;
|
||||||
|
resourcesCommonPath: string;
|
||||||
|
resourcesPath: string;
|
||||||
|
getLogoutUrl: () => string;
|
||||||
|
};
|
||||||
|
features: {
|
||||||
|
passwordUpdateSupported: boolean;
|
||||||
|
identityFederation: boolean;
|
||||||
|
log: boolean;
|
||||||
|
authorization: boolean;
|
||||||
|
};
|
||||||
|
realm: {
|
||||||
|
internationalizationEnabled: boolean;
|
||||||
|
userManagedAccessAllowed: boolean;
|
||||||
|
};
|
||||||
|
message?: {
|
||||||
|
type: "success" | "warning" | "error" | "info";
|
||||||
|
summary: string;
|
||||||
|
};
|
||||||
|
referrer?: {
|
||||||
|
url?: string;
|
||||||
|
name: string;
|
||||||
|
};
|
||||||
|
messagesPerField: {
|
||||||
|
printIfExists: <T>(fieldName: string, x: T) => T | undefined;
|
||||||
|
existsError: (fieldName: string) => boolean;
|
||||||
|
get: (fieldName: string) => string;
|
||||||
|
exists: (fieldName: string) => boolean;
|
||||||
|
};
|
||||||
|
account: {
|
||||||
|
email?: string;
|
||||||
|
firstName: string;
|
||||||
|
lastName?: string;
|
||||||
|
username?: string;
|
||||||
|
};
|
||||||
|
};
|
||||||
|
|
||||||
|
export type Password = Common & {
|
||||||
|
pageId: "password.ftl";
|
||||||
|
password: {
|
||||||
|
passwordSet: boolean;
|
||||||
|
};
|
||||||
|
stateChecker: string;
|
||||||
|
};
|
||||||
|
|
||||||
|
export type Account = Common & {
|
||||||
|
pageId: "account.ftl";
|
||||||
|
url: {
|
||||||
|
referrerURI: string;
|
||||||
|
accountUrl: string;
|
||||||
|
};
|
||||||
|
realm: {
|
||||||
|
registrationEmailAsUsername: boolean;
|
||||||
|
editUsernameAllowed: boolean;
|
||||||
|
};
|
||||||
|
stateChecker: string;
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
assert<Equals<KcContext["pageId"], AccountThemePageId>>();
|
||||||
78
src/account/kcContext/getKcContext.ts
Normal file
78
src/account/kcContext/getKcContext.ts
Normal file
@ -0,0 +1,78 @@
|
|||||||
|
import type { DeepPartial } from "keycloakify/tools/DeepPartial";
|
||||||
|
import { deepAssign } from "keycloakify/tools/deepAssign";
|
||||||
|
import type { ExtendKcContext } from "./getKcContextFromWindow";
|
||||||
|
import { getKcContextFromWindow } from "./getKcContextFromWindow";
|
||||||
|
import { pathJoin } from "keycloakify/bin/tools/pathJoin";
|
||||||
|
import { pathBasename } from "keycloakify/tools/pathBasename";
|
||||||
|
import { mockTestingResourcesCommonPath } from "keycloakify/bin/mockTestingResourcesPath";
|
||||||
|
import { symToStr } from "tsafe/symToStr";
|
||||||
|
import { kcContextMocks, kcContextCommonMock } from "keycloakify/account/kcContext/kcContextMocks";
|
||||||
|
import { id } from "tsafe/id";
|
||||||
|
import { accountThemePageIds } from "keycloakify/bin/keycloakify/generateFtl/pageId";
|
||||||
|
|
||||||
|
export function getKcContext<KcContextExtension extends { pageId: string } = never>(params?: {
|
||||||
|
mockPageId?: ExtendKcContext<KcContextExtension>["pageId"];
|
||||||
|
mockData?: readonly DeepPartial<ExtendKcContext<KcContextExtension>>[];
|
||||||
|
}): { kcContext: ExtendKcContext<KcContextExtension> | undefined } {
|
||||||
|
const { mockPageId, mockData } = params ?? {};
|
||||||
|
|
||||||
|
const realKcContext = getKcContextFromWindow<KcContextExtension>();
|
||||||
|
|
||||||
|
if (mockPageId !== undefined && realKcContext === undefined) {
|
||||||
|
//TODO maybe trow if no mock fo custom page
|
||||||
|
|
||||||
|
console.log(
|
||||||
|
[
|
||||||
|
`%cKeycloakify: ${symToStr({ mockPageId })} set to ${mockPageId}.`,
|
||||||
|
`If assets are missing make sure you have built your Keycloak theme at least once.`
|
||||||
|
].join(" "),
|
||||||
|
"background: red; color: yellow; font-size: medium"
|
||||||
|
);
|
||||||
|
|
||||||
|
const kcContextDefaultMock = kcContextMocks.find(({ pageId }) => pageId === mockPageId);
|
||||||
|
|
||||||
|
const partialKcContextCustomMock = mockData?.find(({ pageId }) => pageId === mockPageId);
|
||||||
|
|
||||||
|
if (kcContextDefaultMock === undefined && partialKcContextCustomMock === undefined) {
|
||||||
|
console.warn(
|
||||||
|
[
|
||||||
|
`WARNING: You declared the non build in page ${mockPageId} but you didn't `,
|
||||||
|
`provide mock data needed to debug the page outside of Keycloak as you are trying to do now.`,
|
||||||
|
`Please check the documentation of the getKcContext function`
|
||||||
|
].join("\n")
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
const kcContext: any = {};
|
||||||
|
|
||||||
|
deepAssign({
|
||||||
|
"target": kcContext,
|
||||||
|
"source": kcContextDefaultMock !== undefined ? kcContextDefaultMock : { "pageId": mockPageId, ...kcContextCommonMock }
|
||||||
|
});
|
||||||
|
|
||||||
|
if (partialKcContextCustomMock !== undefined) {
|
||||||
|
deepAssign({
|
||||||
|
"target": kcContext,
|
||||||
|
"source": partialKcContextCustomMock
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
return { kcContext };
|
||||||
|
}
|
||||||
|
|
||||||
|
if (realKcContext === undefined) {
|
||||||
|
return { "kcContext": undefined };
|
||||||
|
}
|
||||||
|
|
||||||
|
if (id<readonly string[]>(accountThemePageIds).indexOf(realKcContext.pageId) < 0 && !("account" in realKcContext)) {
|
||||||
|
return { "kcContext": undefined };
|
||||||
|
}
|
||||||
|
|
||||||
|
{
|
||||||
|
const { url } = realKcContext;
|
||||||
|
|
||||||
|
url.resourcesCommonPath = pathJoin(url.resourcesPath, pathBasename(mockTestingResourcesCommonPath));
|
||||||
|
}
|
||||||
|
|
||||||
|
return { "kcContext": realKcContext };
|
||||||
|
}
|
||||||
11
src/account/kcContext/getKcContextFromWindow.ts
Normal file
11
src/account/kcContext/getKcContextFromWindow.ts
Normal file
@ -0,0 +1,11 @@
|
|||||||
|
import type { AndByDiscriminatingKey } from "keycloakify/tools/AndByDiscriminatingKey";
|
||||||
|
import { ftlValuesGlobalName } from "keycloakify/bin/keycloakify/ftlValuesGlobalName";
|
||||||
|
import type { KcContext } from "./KcContext";
|
||||||
|
|
||||||
|
export type ExtendKcContext<KcContextExtension extends { pageId: string }> = [KcContextExtension] extends [never]
|
||||||
|
? KcContext
|
||||||
|
: AndByDiscriminatingKey<"pageId", KcContextExtension & KcContext.Common, KcContext>;
|
||||||
|
|
||||||
|
export function getKcContextFromWindow<KcContextExtension extends { pageId: string } = never>(): ExtendKcContext<KcContextExtension> | undefined {
|
||||||
|
return typeof window === "undefined" ? undefined : (window as any)[ftlValuesGlobalName];
|
||||||
|
}
|
||||||
1
src/account/kcContext/index.ts
Normal file
1
src/account/kcContext/index.ts
Normal file
@ -0,0 +1 @@
|
|||||||
|
export type { KcContext } from "./KcContext";
|
||||||
176
src/account/kcContext/kcContextMocks.ts
Normal file
176
src/account/kcContext/kcContextMocks.ts
Normal file
@ -0,0 +1,176 @@
|
|||||||
|
import "minimal-polyfills/Object.fromEntries";
|
||||||
|
import { mockTestingResourcesCommonPath, mockTestingResourcesPath } from "keycloakify/bin/mockTestingResourcesPath";
|
||||||
|
import { pathJoin } from "keycloakify/bin/tools/pathJoin";
|
||||||
|
import { id } from "tsafe/id";
|
||||||
|
import type { KcContext } from "./KcContext";
|
||||||
|
|
||||||
|
const PUBLIC_URL = process.env["PUBLIC_URL"] ?? "/";
|
||||||
|
|
||||||
|
export const kcContextCommonMock: KcContext.Common = {
|
||||||
|
"keycloakifyVersion": "0.0.0",
|
||||||
|
"url": {
|
||||||
|
"resourcesPath": pathJoin(PUBLIC_URL, mockTestingResourcesPath),
|
||||||
|
"resourcesCommonPath": pathJoin(PUBLIC_URL, mockTestingResourcesCommonPath),
|
||||||
|
"resourceUrl": "#",
|
||||||
|
"accountUrl": "#",
|
||||||
|
"applicationsUrl": "#",
|
||||||
|
"getLogoutUrl": () => "#",
|
||||||
|
"logUrl": "#",
|
||||||
|
"passwordUrl": "#",
|
||||||
|
"sessionsUrl": "#",
|
||||||
|
"socialUrl": "#",
|
||||||
|
"totpUrl": "#"
|
||||||
|
},
|
||||||
|
"realm": {
|
||||||
|
"internationalizationEnabled": true,
|
||||||
|
"userManagedAccessAllowed": true
|
||||||
|
},
|
||||||
|
"messagesPerField": {
|
||||||
|
"printIfExists": () => {
|
||||||
|
return undefined;
|
||||||
|
},
|
||||||
|
"existsError": () => false,
|
||||||
|
"get": key => `Fake error for ${key}`,
|
||||||
|
"exists": () => false
|
||||||
|
},
|
||||||
|
"locale": {
|
||||||
|
"supported": [
|
||||||
|
/* spell-checker: disable */
|
||||||
|
{
|
||||||
|
"url": "/auth/realms/myrealm/login-actions/authenticate?client_id=account&tab_id=HoAx28ja4xg&execution=ee6c2834-46a4-4a20-a1b6-f6d6f6451b36&kc_locale=de",
|
||||||
|
"label": "Deutsch",
|
||||||
|
"languageTag": "de"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"url": "/auth/realms/myrealm/login-actions/authenticate?client_id=account&tab_id=HoAx28ja4xg&execution=ee6c2834-46a4-4a20-a1b6-f6d6f6451b36&kc_locale=no",
|
||||||
|
"label": "Norsk",
|
||||||
|
"languageTag": "no"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"url": "/auth/realms/myrealm/login-actions/authenticate?client_id=account&tab_id=HoAx28ja4xg&execution=ee6c2834-46a4-4a20-a1b6-f6d6f6451b36&kc_locale=ru",
|
||||||
|
"label": "Русский",
|
||||||
|
"languageTag": "ru"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"url": "/auth/realms/myrealm/login-actions/authenticate?client_id=account&tab_id=HoAx28ja4xg&execution=ee6c2834-46a4-4a20-a1b6-f6d6f6451b36&kc_locale=sv",
|
||||||
|
"label": "Svenska",
|
||||||
|
"languageTag": "sv"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"url": "/auth/realms/myrealm/login-actions/authenticate?client_id=account&tab_id=HoAx28ja4xg&execution=ee6c2834-46a4-4a20-a1b6-f6d6f6451b36&kc_locale=pt-BR",
|
||||||
|
"label": "Português (Brasil)",
|
||||||
|
"languageTag": "pt-BR"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"url": "/auth/realms/myrealm/login-actions/authenticate?client_id=account&tab_id=HoAx28ja4xg&execution=ee6c2834-46a4-4a20-a1b6-f6d6f6451b36&kc_locale=lt",
|
||||||
|
"label": "Lietuvių",
|
||||||
|
"languageTag": "lt"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"url": "/auth/realms/myrealm/login-actions/authenticate?client_id=account&tab_id=HoAx28ja4xg&execution=ee6c2834-46a4-4a20-a1b6-f6d6f6451b36&kc_locale=en",
|
||||||
|
"label": "English",
|
||||||
|
"languageTag": "en"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"url": "/auth/realms/myrealm/login-actions/authenticate?client_id=account&tab_id=HoAx28ja4xg&execution=ee6c2834-46a4-4a20-a1b6-f6d6f6451b36&kc_locale=it",
|
||||||
|
"label": "Italiano",
|
||||||
|
"languageTag": "it"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"url": "/auth/realms/myrealm/login-actions/authenticate?client_id=account&tab_id=HoAx28ja4xg&execution=ee6c2834-46a4-4a20-a1b6-f6d6f6451b36&kc_locale=fr",
|
||||||
|
"label": "Français",
|
||||||
|
"languageTag": "fr"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"url": "/auth/realms/myrealm/login-actions/authenticate?client_id=account&tab_id=HoAx28ja4xg&execution=ee6c2834-46a4-4a20-a1b6-f6d6f6451b36&kc_locale=zh-CN",
|
||||||
|
"label": "中文简体",
|
||||||
|
"languageTag": "zh-CN"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"url": "/auth/realms/myrealm/login-actions/authenticate?client_id=account&tab_id=HoAx28ja4xg&execution=ee6c2834-46a4-4a20-a1b6-f6d6f6451b36&kc_locale=es",
|
||||||
|
"label": "Español",
|
||||||
|
"languageTag": "es"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"url": "/auth/realms/myrealm/login-actions/authenticate?client_id=account&tab_id=HoAx28ja4xg&execution=ee6c2834-46a4-4a20-a1b6-f6d6f6451b36&kc_locale=cs",
|
||||||
|
"label": "Čeština",
|
||||||
|
"languageTag": "cs"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"url": "/auth/realms/myrealm/login-actions/authenticate?client_id=account&tab_id=HoAx28ja4xg&execution=ee6c2834-46a4-4a20-a1b6-f6d6f6451b36&kc_locale=ja",
|
||||||
|
"label": "日本語",
|
||||||
|
"languageTag": "ja"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"url": "/auth/realms/myrealm/login-actions/authenticate?client_id=account&tab_id=HoAx28ja4xg&execution=ee6c2834-46a4-4a20-a1b6-f6d6f6451b36&kc_locale=sk",
|
||||||
|
"label": "Slovenčina",
|
||||||
|
"languageTag": "sk"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"url": "/auth/realms/myrealm/login-actions/authenticate?client_id=account&tab_id=HoAx28ja4xg&execution=ee6c2834-46a4-4a20-a1b6-f6d6f6451b36&kc_locale=pl",
|
||||||
|
"label": "Polski",
|
||||||
|
"languageTag": "pl"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"url": "/auth/realms/myrealm/login-actions/authenticate?client_id=account&tab_id=HoAx28ja4xg&execution=ee6c2834-46a4-4a20-a1b6-f6d6f6451b36&kc_locale=ca",
|
||||||
|
"label": "Català",
|
||||||
|
"languageTag": "ca"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"url": "/auth/realms/myrealm/login-actions/authenticate?client_id=account&tab_id=HoAx28ja4xg&execution=ee6c2834-46a4-4a20-a1b6-f6d6f6451b36&kc_locale=nl",
|
||||||
|
"label": "Nederlands",
|
||||||
|
"languageTag": "nl"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"url": "/auth/realms/myrealm/login-actions/authenticate?client_id=account&tab_id=HoAx28ja4xg&execution=ee6c2834-46a4-4a20-a1b6-f6d6f6451b36&kc_locale=tr",
|
||||||
|
"label": "Türkçe",
|
||||||
|
"languageTag": "tr"
|
||||||
|
}
|
||||||
|
/* spell-checker: enable */
|
||||||
|
],
|
||||||
|
"currentLanguageTag": "en"
|
||||||
|
},
|
||||||
|
"message": {
|
||||||
|
"type": "success",
|
||||||
|
"summary": "This is a test message"
|
||||||
|
},
|
||||||
|
"features": {
|
||||||
|
"authorization": true,
|
||||||
|
"identityFederation": true,
|
||||||
|
"log": true,
|
||||||
|
"passwordUpdateSupported": true
|
||||||
|
},
|
||||||
|
"referrer": undefined,
|
||||||
|
"account": {
|
||||||
|
"firstName": "john",
|
||||||
|
"lastName": "doe",
|
||||||
|
"email": "john.doe@code.gouv.fr",
|
||||||
|
"username": "doe_j"
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
export const kcContextMocks: KcContext[] = [
|
||||||
|
id<KcContext.Password>({
|
||||||
|
...kcContextCommonMock,
|
||||||
|
"pageId": "password.ftl",
|
||||||
|
"password": {
|
||||||
|
"passwordSet": true
|
||||||
|
},
|
||||||
|
"stateChecker": "state checker"
|
||||||
|
}),
|
||||||
|
id<KcContext.Account>({
|
||||||
|
...kcContextCommonMock,
|
||||||
|
"pageId": "account.ftl",
|
||||||
|
"url": {
|
||||||
|
...kcContextCommonMock.url,
|
||||||
|
"referrerURI": "#",
|
||||||
|
"accountUrl": "#"
|
||||||
|
},
|
||||||
|
"realm": {
|
||||||
|
...kcContextCommonMock.realm,
|
||||||
|
"registrationEmailAsUsername": true,
|
||||||
|
"editUsernameAllowed": true
|
||||||
|
},
|
||||||
|
"stateChecker": ""
|
||||||
|
})
|
||||||
|
];
|
||||||
@ -1,37 +0,0 @@
|
|||||||
import { createGetKcClsx } from "keycloakify/lib/getKcClsx";
|
|
||||||
|
|
||||||
export type ClassKey =
|
|
||||||
| "kcHtmlClass"
|
|
||||||
| "kcBodyClass"
|
|
||||||
| "kcButtonClass"
|
|
||||||
| "kcButtonPrimaryClass"
|
|
||||||
| "kcButtonLargeClass"
|
|
||||||
| "kcButtonDefaultClass"
|
|
||||||
| "kcContentWrapperClass"
|
|
||||||
| "kcFormClass"
|
|
||||||
| "kcFormGroupClass"
|
|
||||||
| "kcInputWrapperClass"
|
|
||||||
| "kcLabelClass"
|
|
||||||
| "kcInputClass"
|
|
||||||
| "kcInputErrorMessageClass";
|
|
||||||
|
|
||||||
export const { getKcClsx } = createGetKcClsx<ClassKey>({
|
|
||||||
defaultClasses: {
|
|
||||||
kcHtmlClass: undefined,
|
|
||||||
kcBodyClass: undefined,
|
|
||||||
kcButtonClass: "btn",
|
|
||||||
kcContentWrapperClass: "row",
|
|
||||||
kcButtonPrimaryClass: "btn-primary",
|
|
||||||
kcButtonLargeClass: "btn-lg",
|
|
||||||
kcButtonDefaultClass: "btn-default",
|
|
||||||
kcFormClass: "form-horizontal",
|
|
||||||
kcFormGroupClass: "form-group",
|
|
||||||
kcInputWrapperClass: "col-xs-12 col-sm-12 col-md-12 col-lg-12",
|
|
||||||
kcLabelClass: "control-label",
|
|
||||||
kcInputClass: "form-control",
|
|
||||||
kcInputErrorMessageClass:
|
|
||||||
"pf-c-form__helper-text pf-m-error required kc-feedback-text"
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
export type KcClsx = ReturnType<typeof getKcClsx>["kcClsx"];
|
|
||||||
12
src/account/lib/useGetClassName.ts
Normal file
12
src/account/lib/useGetClassName.ts
Normal file
@ -0,0 +1,12 @@
|
|||||||
|
import { createUseClassName } from "keycloakify/lib/useGetClassName";
|
||||||
|
import type { ClassKey } from "keycloakify/account/TemplateProps";
|
||||||
|
|
||||||
|
export const { useGetClassName } = createUseClassName<ClassKey>({
|
||||||
|
"defaultClasses": {
|
||||||
|
"kcBodyClass": undefined,
|
||||||
|
"kcButtonClass": "btn",
|
||||||
|
"kcButtonPrimaryClass": "btn-primary",
|
||||||
|
"kcButtonLargeClass": "btn-lg",
|
||||||
|
"kcButtonDefaultClass": "btn-default"
|
||||||
|
}
|
||||||
|
});
|
||||||
@ -1,23 +1,21 @@
|
|||||||
import { clsx } from "keycloakify/tools/clsx";
|
import { clsx } from "keycloakify/tools/clsx";
|
||||||
import type { PageProps } from "keycloakify/account/pages/PageProps";
|
import type { PageProps } from "keycloakify/account/pages/PageProps";
|
||||||
import { getKcClsx } from "keycloakify/account/lib/kcClsx";
|
import { useGetClassName } from "keycloakify/account/lib/useGetClassName";
|
||||||
import type { KcContext } from "../KcContext";
|
import type { KcContext } from "../kcContext";
|
||||||
import type { I18n } from "../i18n";
|
import type { I18n } from "../i18n";
|
||||||
|
|
||||||
export default function Account(props: PageProps<Extract<KcContext, { pageId: "account.ftl" }>, I18n>) {
|
export default function LogoutConfirm(props: PageProps<Extract<KcContext, { pageId: "account.ftl" }>, I18n>) {
|
||||||
const { kcContext, i18n, doUseDefaultCss, Template } = props;
|
const { kcContext, i18n, doUseDefaultCss, Template, classes } = props;
|
||||||
|
|
||||||
const classes = {
|
const { getClassName } = useGetClassName({
|
||||||
...props.classes,
|
|
||||||
kcBodyClass: clsx(props.classes?.kcBodyClass, "user")
|
|
||||||
};
|
|
||||||
|
|
||||||
const { kcClsx } = getKcClsx({
|
|
||||||
doUseDefaultCss,
|
doUseDefaultCss,
|
||||||
classes
|
"classes": {
|
||||||
|
...classes,
|
||||||
|
"kcBodyClass": clsx(classes?.kcBodyClass, "user")
|
||||||
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
const { url, realm, messagesPerField, stateChecker, account, referrer } = kcContext;
|
const { url, realm, messagesPerField, stateChecker, account } = kcContext;
|
||||||
|
|
||||||
const { msg } = i18n;
|
const { msg } = i18n;
|
||||||
|
|
||||||
@ -53,7 +51,7 @@ export default function Account(props: PageProps<Extract<KcContext, { pageId: "a
|
|||||||
id="username"
|
id="username"
|
||||||
name="username"
|
name="username"
|
||||||
disabled={!realm.editUsernameAllowed}
|
disabled={!realm.editUsernameAllowed}
|
||||||
defaultValue={account.username ?? ""}
|
value={account.username ?? ""}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -68,7 +66,7 @@ export default function Account(props: PageProps<Extract<KcContext, { pageId: "a
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="col-sm-10 col-md-10">
|
<div className="col-sm-10 col-md-10">
|
||||||
<input type="text" className="form-control" id="email" name="email" autoFocus defaultValue={account.email ?? ""} />
|
<input type="text" className="form-control" id="email" name="email" autoFocus value={account.email ?? ""} />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -81,7 +79,7 @@ export default function Account(props: PageProps<Extract<KcContext, { pageId: "a
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="col-sm-10 col-md-10">
|
<div className="col-sm-10 col-md-10">
|
||||||
<input type="text" className="form-control" id="firstName" name="firstName" defaultValue={account.firstName ?? ""} />
|
<input type="text" className="form-control" id="firstName" name="firstName" value={account.firstName ?? ""} />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -94,17 +92,21 @@ export default function Account(props: PageProps<Extract<KcContext, { pageId: "a
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="col-sm-10 col-md-10">
|
<div className="col-sm-10 col-md-10">
|
||||||
<input type="text" className="form-control" id="lastName" name="lastName" defaultValue={account.lastName ?? ""} />
|
<input type="text" className="form-control" id="lastName" name="lastName" value={account.lastName ?? ""} />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="form-group">
|
<div className="form-group">
|
||||||
<div id="kc-form-buttons" className="col-md-offset-2 col-md-10 submit">
|
<div id="kc-form-buttons" className="col-md-offset-2 col-md-10 submit">
|
||||||
<div>
|
<div>
|
||||||
{referrer !== undefined && <a href={referrer?.url}>{msg("backToApplication")}</a>}
|
{url.referrerURI !== undefined && <a href={url.referrerURI}>${msg("backToApplication")}</a>}
|
||||||
<button
|
<button
|
||||||
type="submit"
|
type="submit"
|
||||||
className={kcClsx("kcButtonClass", "kcButtonPrimaryClass", "kcButtonLargeClass")}
|
className={clsx(
|
||||||
|
getClassName("kcButtonClass"),
|
||||||
|
getClassName("kcButtonPrimaryClass"),
|
||||||
|
getClassName("kcButtonLargeClass")
|
||||||
|
)}
|
||||||
name="submitAction"
|
name="submitAction"
|
||||||
value="Save"
|
value="Save"
|
||||||
>
|
>
|
||||||
@ -112,12 +114,17 @@ export default function Account(props: PageProps<Extract<KcContext, { pageId: "a
|
|||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
type="submit"
|
type="submit"
|
||||||
className={kcClsx("kcButtonClass", "kcButtonDefaultClass", "kcButtonLargeClass")}
|
className={clsx(
|
||||||
|
getClassName("kcButtonClass"),
|
||||||
|
getClassName("kcButtonDefaultClass"),
|
||||||
|
getClassName("kcButtonLargeClass")
|
||||||
|
)}
|
||||||
name="submitAction"
|
name="submitAction"
|
||||||
value="Cancel"
|
value="Cancel"
|
||||||
>
|
>
|
||||||
{msg("doCancel")}
|
{msg("doCancel")}
|
||||||
</button>
|
</button>
|
||||||
|
I
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -1,136 +0,0 @@
|
|||||||
import { getKcClsx } from "keycloakify/account/lib/kcClsx";
|
|
||||||
import type { PageProps } from "keycloakify/account/pages/PageProps";
|
|
||||||
import type { KcContext } from "../KcContext";
|
|
||||||
import type { I18n } from "../i18n";
|
|
||||||
|
|
||||||
export default function Applications(props: PageProps<Extract<KcContext, { pageId: "applications.ftl" }>, I18n>) {
|
|
||||||
const { kcContext, i18n, doUseDefaultCss, classes, Template } = props;
|
|
||||||
|
|
||||||
const { kcClsx } = getKcClsx({
|
|
||||||
doUseDefaultCss,
|
|
||||||
classes
|
|
||||||
});
|
|
||||||
|
|
||||||
const {
|
|
||||||
url,
|
|
||||||
applications: { applications },
|
|
||||||
stateChecker
|
|
||||||
} = kcContext;
|
|
||||||
|
|
||||||
const { msg, advancedMsg } = i18n;
|
|
||||||
|
|
||||||
return (
|
|
||||||
<Template {...{ kcContext, i18n, doUseDefaultCss, classes }} active="applications">
|
|
||||||
<div className="row">
|
|
||||||
<div className="col-md-10">
|
|
||||||
<h2>{msg("applicationsHtmlTitle")}</h2>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<form action={url.applicationsUrl} method="post">
|
|
||||||
<input type="hidden" id="stateChecker" name="stateChecker" value={stateChecker} />
|
|
||||||
<input type="hidden" id="referrer" name="referrer" value={stateChecker} />
|
|
||||||
|
|
||||||
<table className="table table-striped table-bordered">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<td>{msg("application")}</td>
|
|
||||||
<td>{msg("availableRoles")}</td>
|
|
||||||
<td>{msg("grantedPermissions")}</td>
|
|
||||||
<td>{msg("additionalGrants")}</td>
|
|
||||||
<td>{msg("action")}</td>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
|
|
||||||
<tbody>
|
|
||||||
{applications.map(application => (
|
|
||||||
<tr key={application.client.clientId}>
|
|
||||||
<td>
|
|
||||||
{application.effectiveUrl && (
|
|
||||||
<a href={application.effectiveUrl}>
|
|
||||||
{(application.client.name && advancedMsg(application.client.name)) || application.client.clientId}
|
|
||||||
</a>
|
|
||||||
)}
|
|
||||||
{!application.effectiveUrl &&
|
|
||||||
((application.client.name && advancedMsg(application.client.name)) || application.client.clientId)}
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td>
|
|
||||||
{!isArrayWithEmptyObject(application.realmRolesAvailable) &&
|
|
||||||
application.realmRolesAvailable.map((role, index) => (
|
|
||||||
<span key={role.name}>
|
|
||||||
{role.description ? advancedMsg(role.description) : advancedMsg(role.name)}
|
|
||||||
{index < application.realmRolesAvailable.length - 1 && ", "}
|
|
||||||
</span>
|
|
||||||
))}
|
|
||||||
{application.resourceRolesAvailable &&
|
|
||||||
Object.keys(application.resourceRolesAvailable).map(resource => (
|
|
||||||
<span key={resource}>
|
|
||||||
{!isArrayWithEmptyObject(application.realmRolesAvailable) && ", "}
|
|
||||||
{application.resourceRolesAvailable[resource].map(clientRole => (
|
|
||||||
<span key={clientRole.roleName}>
|
|
||||||
{clientRole.roleDescription
|
|
||||||
? advancedMsg(clientRole.roleDescription)
|
|
||||||
: advancedMsg(clientRole.roleName)}{" "}
|
|
||||||
{msg("inResource")}{" "}
|
|
||||||
<strong>
|
|
||||||
{clientRole.clientName ? advancedMsg(clientRole.clientName) : clientRole.clientId}
|
|
||||||
</strong>
|
|
||||||
{clientRole !==
|
|
||||||
application.resourceRolesAvailable[resource][
|
|
||||||
application.resourceRolesAvailable[resource].length - 1
|
|
||||||
] && ", "}
|
|
||||||
</span>
|
|
||||||
))}
|
|
||||||
</span>
|
|
||||||
))}
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td>
|
|
||||||
{application.client.consentRequired ? (
|
|
||||||
application.clientScopesGranted.map(claim => (
|
|
||||||
<span key={claim}>
|
|
||||||
{advancedMsg(claim)}
|
|
||||||
{claim !== application.clientScopesGranted[application.clientScopesGranted.length - 1] && ", "}
|
|
||||||
</span>
|
|
||||||
))
|
|
||||||
) : (
|
|
||||||
<strong>{msg("fullAccess")}</strong>
|
|
||||||
)}
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td>
|
|
||||||
{application.additionalGrants.map(grant => (
|
|
||||||
<span key={grant}>
|
|
||||||
{advancedMsg(grant)}
|
|
||||||
{grant !== application.additionalGrants[application.additionalGrants.length - 1] && ", "}
|
|
||||||
</span>
|
|
||||||
))}
|
|
||||||
</td>
|
|
||||||
|
|
||||||
<td>
|
|
||||||
{(application.client.consentRequired && application.clientScopesGranted.length > 0) ||
|
|
||||||
application.additionalGrants.length > 0 ? (
|
|
||||||
<button
|
|
||||||
type="submit"
|
|
||||||
className={kcClsx("kcButtonPrimaryClass", "kcButtonClass")}
|
|
||||||
id={`revoke-${application.client.clientId}`}
|
|
||||||
name="clientId"
|
|
||||||
value={application.client.id}
|
|
||||||
>
|
|
||||||
{msg("revoke")}
|
|
||||||
</button>
|
|
||||||
) : null}
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
))}
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</Template>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
function isArrayWithEmptyObject(variable: any): boolean {
|
|
||||||
return Array.isArray(variable) && variable.length === 1 && typeof variable[0] === "object" && Object.keys(variable[0]).length === 0;
|
|
||||||
}
|
|
||||||
@ -1,58 +0,0 @@
|
|||||||
import type { PageProps } from "keycloakify/account/pages/PageProps";
|
|
||||||
import type { KcContext } from "../KcContext";
|
|
||||||
import type { I18n } from "../i18n";
|
|
||||||
|
|
||||||
export default function FederatedIdentity(props: PageProps<Extract<KcContext, { pageId: "federatedIdentity.ftl" }>, I18n>) {
|
|
||||||
const { kcContext, i18n, doUseDefaultCss, classes, Template } = props;
|
|
||||||
|
|
||||||
const { url, federatedIdentity, stateChecker } = kcContext;
|
|
||||||
const { msg } = i18n;
|
|
||||||
return (
|
|
||||||
<Template {...{ kcContext, i18n, doUseDefaultCss, classes }} active="social">
|
|
||||||
<div className="main-layout social">
|
|
||||||
<div className="row">
|
|
||||||
<div className="col-md-10">
|
|
||||||
<h2>{msg("federatedIdentitiesHtmlTitle")}</h2>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id="federated-identities">
|
|
||||||
{federatedIdentity.identities.map(identity => (
|
|
||||||
<div key={identity.providerId} className="row margin-bottom">
|
|
||||||
<div className="col-sm-2 col-md-2">
|
|
||||||
<label htmlFor={identity.providerId} className="control-label">
|
|
||||||
{identity.displayName}
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<div className="col-sm-5 col-md-5">
|
|
||||||
<input disabled className="form-control" value={identity.userName} />
|
|
||||||
</div>
|
|
||||||
<div className="col-sm-5 col-md-5">
|
|
||||||
{identity.connected ? (
|
|
||||||
federatedIdentity.removeLinkPossible && (
|
|
||||||
<form action={url.socialUrl} method="post" className="form-inline">
|
|
||||||
<input type="hidden" name="stateChecker" value={stateChecker} />
|
|
||||||
<input type="hidden" name="action" value="remove" />
|
|
||||||
<input type="hidden" name="providerId" value={identity.providerId} />
|
|
||||||
<button id={`remove-link-${identity.providerId}`} className="btn btn-default">
|
|
||||||
{msg("doRemove")}
|
|
||||||
</button>
|
|
||||||
</form>
|
|
||||||
)
|
|
||||||
) : (
|
|
||||||
<form action={url.socialUrl} method="post" className="form-inline">
|
|
||||||
<input type="hidden" name="stateChecker" value={stateChecker} />
|
|
||||||
<input type="hidden" name="action" value="add" />
|
|
||||||
<input type="hidden" name="providerId" value={identity.providerId} />
|
|
||||||
<button id={`add-link-${identity.providerId}`} className="btn btn-default">
|
|
||||||
{msg("doAdd")}
|
|
||||||
</button>
|
|
||||||
</form>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
))}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</Template>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@ -1,70 +0,0 @@
|
|||||||
import type { Key } from "react";
|
|
||||||
import { getKcClsx } from "keycloakify/account/lib/kcClsx";
|
|
||||||
import type { PageProps } from "keycloakify/account/pages/PageProps";
|
|
||||||
import type { KcContext } from "../KcContext";
|
|
||||||
import type { I18n } from "../i18n";
|
|
||||||
|
|
||||||
export default function Log(props: PageProps<Extract<KcContext, { pageId: "log.ftl" }>, I18n>) {
|
|
||||||
const { kcContext, i18n, doUseDefaultCss, classes, Template } = props;
|
|
||||||
|
|
||||||
const { kcClsx } = getKcClsx({
|
|
||||||
doUseDefaultCss,
|
|
||||||
classes
|
|
||||||
});
|
|
||||||
|
|
||||||
const { log } = kcContext;
|
|
||||||
|
|
||||||
const { msg } = i18n;
|
|
||||||
|
|
||||||
return (
|
|
||||||
<Template {...{ kcContext, i18n, doUseDefaultCss, classes }} active="log">
|
|
||||||
<div className={kcClsx("kcContentWrapperClass")}>
|
|
||||||
<div className="col-md-10">
|
|
||||||
<h2>{msg("accountLogHtmlTitle")}</h2>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<table className="table table-striped table-bordered">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<td>{msg("date")}</td>
|
|
||||||
<td>{msg("event")}</td>
|
|
||||||
<td>{msg("ip")}</td>
|
|
||||||
<td>{msg("client")}</td>
|
|
||||||
<td>{msg("details")}</td>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
|
|
||||||
<tbody>
|
|
||||||
{log.events.map(
|
|
||||||
(
|
|
||||||
event: {
|
|
||||||
date: string | number | Date;
|
|
||||||
event: string;
|
|
||||||
ipAddress: string;
|
|
||||||
client: any;
|
|
||||||
details: any[];
|
|
||||||
},
|
|
||||||
index: Key | null | undefined
|
|
||||||
) => (
|
|
||||||
<tr key={index}>
|
|
||||||
<td>{event.date ? new Date(event.date).toLocaleString() : ""}</td>
|
|
||||||
<td>{event.event}</td>
|
|
||||||
<td>{event.ipAddress}</td>
|
|
||||||
<td>{event.client || ""}</td>
|
|
||||||
<td>
|
|
||||||
{event.details.map((detail, detailIndex) => (
|
|
||||||
<span key={detailIndex}>
|
|
||||||
{`${detail.key} = ${detail.value}`}
|
|
||||||
{detailIndex < event.details.length - 1 && ", "}
|
|
||||||
</span>
|
|
||||||
))}
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
)
|
|
||||||
)}
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
</Template>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@ -1,11 +1,11 @@
|
|||||||
import type { JSX } from "keycloakify/tools/JSX";
|
import type { LazyExoticComponent } from "react";
|
||||||
import { type TemplateProps, type ClassKey } from "keycloakify/account/TemplateProps";
|
import type { I18n } from "keycloakify/account/i18n";
|
||||||
import type { LazyOrNot } from "keycloakify/tools/LazyOrNot";
|
import type { TemplateProps, ClassKey } from "keycloakify/account/TemplateProps";
|
||||||
|
|
||||||
export type PageProps<NarrowedKcContext, I18n> = {
|
export type PageProps<KcContext, I18nExtended extends I18n> = {
|
||||||
Template: LazyOrNot<(props: TemplateProps<any, any>) => JSX.Element | null>;
|
Template: LazyExoticComponent<(props: TemplateProps<any, any>) => JSX.Element | null>;
|
||||||
kcContext: NarrowedKcContext;
|
kcContext: KcContext;
|
||||||
i18n: I18n;
|
i18n: I18nExtended;
|
||||||
doUseDefaultCss: boolean;
|
doUseDefaultCss: boolean;
|
||||||
classes?: Partial<Record<ClassKey, string>>;
|
classes?: Partial<Record<ClassKey, string>>;
|
||||||
};
|
};
|
||||||
|
|||||||
@ -1,94 +1,32 @@
|
|||||||
import { useState } from "react";
|
|
||||||
import { clsx } from "keycloakify/tools/clsx";
|
import { clsx } from "keycloakify/tools/clsx";
|
||||||
import { getKcClsx } from "keycloakify/account/lib/kcClsx";
|
|
||||||
import type { PageProps } from "keycloakify/account/pages/PageProps";
|
import type { PageProps } from "keycloakify/account/pages/PageProps";
|
||||||
import type { KcContext } from "../KcContext";
|
import { useGetClassName } from "keycloakify/account/lib/useGetClassName";
|
||||||
|
import type { KcContext } from "../kcContext";
|
||||||
import type { I18n } from "../i18n";
|
import type { I18n } from "../i18n";
|
||||||
|
|
||||||
export default function Password(props: PageProps<Extract<KcContext, { pageId: "password.ftl" }>, I18n>) {
|
export default function LogoutConfirm(props: PageProps<Extract<KcContext, { pageId: "password.ftl" }>, I18n>) {
|
||||||
const { kcContext, i18n, doUseDefaultCss, Template } = props;
|
const { kcContext, i18n, doUseDefaultCss, Template, classes } = props;
|
||||||
|
|
||||||
const classes = {
|
const { getClassName } = useGetClassName({
|
||||||
...props.classes,
|
|
||||||
kcBodyClass: clsx(props.classes?.kcBodyClass, "password")
|
|
||||||
};
|
|
||||||
|
|
||||||
const { kcClsx } = getKcClsx({
|
|
||||||
doUseDefaultCss,
|
doUseDefaultCss,
|
||||||
classes
|
"classes": {
|
||||||
|
...classes,
|
||||||
|
"kcBodyClass": clsx(classes?.kcBodyClass, "password")
|
||||||
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
const { url, password, account, stateChecker } = kcContext;
|
const { url, password, account, stateChecker } = kcContext;
|
||||||
|
|
||||||
const { msgStr, msg } = i18n;
|
const { msg } = i18n;
|
||||||
|
|
||||||
const [currentPassword, setCurrentPassword] = useState("");
|
|
||||||
const [newPassword, setNewPassword] = useState("");
|
|
||||||
const [newPasswordConfirm, setNewPasswordConfirm] = useState("");
|
|
||||||
const [newPasswordError, setNewPasswordError] = useState("");
|
|
||||||
const [newPasswordConfirmError, setNewPasswordConfirmError] = useState("");
|
|
||||||
const [hasNewPasswordBlurred, setHasNewPasswordBlurred] = useState(false);
|
|
||||||
const [hasNewPasswordConfirmBlurred, setHasNewPasswordConfirmBlurred] = useState(false);
|
|
||||||
|
|
||||||
const checkNewPassword = (newPassword: string) => {
|
|
||||||
if (!password.passwordSet) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (newPassword === currentPassword) {
|
|
||||||
setNewPasswordError(msgStr("newPasswordSameAsOld"));
|
|
||||||
} else {
|
|
||||||
setNewPasswordError("");
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
const checkNewPasswordConfirm = (newPasswordConfirm: string) => {
|
|
||||||
if (newPasswordConfirm === "") {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (newPassword !== newPasswordConfirm) {
|
|
||||||
setNewPasswordConfirmError(msgStr("passwordConfirmNotMatch"));
|
|
||||||
} else {
|
|
||||||
setNewPasswordConfirmError("");
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Template
|
<Template {...{ kcContext, i18n, doUseDefaultCss, classes }} active="password">
|
||||||
{...{
|
|
||||||
kcContext: {
|
|
||||||
...kcContext,
|
|
||||||
message: (() => {
|
|
||||||
if (newPasswordError !== "") {
|
|
||||||
return {
|
|
||||||
type: "error",
|
|
||||||
summary: newPasswordError
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
if (newPasswordConfirmError !== "") {
|
|
||||||
return {
|
|
||||||
type: "error",
|
|
||||||
summary: newPasswordConfirmError
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
return kcContext.message;
|
|
||||||
})()
|
|
||||||
},
|
|
||||||
i18n,
|
|
||||||
doUseDefaultCss,
|
|
||||||
classes
|
|
||||||
}}
|
|
||||||
active="password"
|
|
||||||
>
|
|
||||||
<div className="row">
|
<div className="row">
|
||||||
<div className="col-md-10">
|
<div className="col-md-10">
|
||||||
<h2>{msg("changePasswordHtmlTitle")}</h2>
|
<h2>{msg("changePasswordHtmlTitle")}</h2>
|
||||||
</div>
|
</div>
|
||||||
<div className="col-md-2 subtitle">
|
<div className="col-md-2 subtitle">
|
||||||
<span className="subtitle">{msg("allFieldsRequired")}</span>
|
<span className="subtitle">${msg("allFieldsRequired")}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -100,7 +38,7 @@ export default function Password(props: PageProps<Extract<KcContext, { pageId: "
|
|||||||
value={account.username ?? ""}
|
value={account.username ?? ""}
|
||||||
autoComplete="username"
|
autoComplete="username"
|
||||||
readOnly
|
readOnly
|
||||||
style={{ display: "none" }}
|
style={{ "display": "none;" }}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
{password.passwordSet && (
|
{password.passwordSet && (
|
||||||
@ -110,17 +48,9 @@ export default function Password(props: PageProps<Extract<KcContext, { pageId: "
|
|||||||
{msg("password")}
|
{msg("password")}
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="col-sm-10 col-md-10">
|
<div className="col-sm-10 col-md-10">
|
||||||
<input
|
<input type="password" className="form-control" id="password" name="password" autoFocus autoComplete="current-password" />
|
||||||
type="password"
|
|
||||||
className="form-control"
|
|
||||||
id="password"
|
|
||||||
name="password"
|
|
||||||
autoFocus
|
|
||||||
autoComplete="current-password"
|
|
||||||
value={currentPassword}
|
|
||||||
onChange={event => setCurrentPassword(event.target.value)}
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
@ -133,27 +63,9 @@ export default function Password(props: PageProps<Extract<KcContext, { pageId: "
|
|||||||
{msg("passwordNew")}
|
{msg("passwordNew")}
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
<div className="col-sm-10 col-md-10">
|
|
||||||
<input
|
|
||||||
type="password"
|
|
||||||
className="form-control"
|
|
||||||
id="password-new"
|
|
||||||
name="password-new"
|
|
||||||
autoComplete="new-password"
|
|
||||||
value={newPassword}
|
|
||||||
onChange={event => {
|
|
||||||
const newPassword = event.target.value;
|
|
||||||
|
|
||||||
setNewPassword(newPassword);
|
<div className="col-sm-10 col-md-10">
|
||||||
if (hasNewPasswordBlurred) {
|
<input type="password" className="form-control" id="password-new" name="password-new" autoComplete="new-password" />
|
||||||
checkNewPassword(newPassword);
|
|
||||||
}
|
|
||||||
}}
|
|
||||||
onBlur={() => {
|
|
||||||
setHasNewPasswordBlurred(true);
|
|
||||||
checkNewPassword(newPassword);
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -165,26 +77,7 @@ export default function Password(props: PageProps<Extract<KcContext, { pageId: "
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="col-sm-10 col-md-10">
|
<div className="col-sm-10 col-md-10">
|
||||||
<input
|
<input type="password" className="form-control" id="password-confirm" name="password-confirm" autoComplete="new-password" />
|
||||||
type="password"
|
|
||||||
className="form-control"
|
|
||||||
id="password-confirm"
|
|
||||||
name="password-confirm"
|
|
||||||
autoComplete="new-password"
|
|
||||||
value={newPasswordConfirm}
|
|
||||||
onChange={event => {
|
|
||||||
const newPasswordConfirm = event.target.value;
|
|
||||||
|
|
||||||
setNewPasswordConfirm(newPasswordConfirm);
|
|
||||||
if (hasNewPasswordConfirmBlurred) {
|
|
||||||
checkNewPasswordConfirm(newPasswordConfirm);
|
|
||||||
}
|
|
||||||
}}
|
|
||||||
onBlur={() => {
|
|
||||||
setHasNewPasswordConfirmBlurred(true);
|
|
||||||
checkNewPasswordConfirm(newPasswordConfirm);
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -192,9 +85,12 @@ export default function Password(props: PageProps<Extract<KcContext, { pageId: "
|
|||||||
<div id="kc-form-buttons" className="col-md-offset-2 col-md-10 submit">
|
<div id="kc-form-buttons" className="col-md-offset-2 col-md-10 submit">
|
||||||
<div>
|
<div>
|
||||||
<button
|
<button
|
||||||
disabled={newPasswordError !== "" || newPasswordConfirmError !== ""}
|
|
||||||
type="submit"
|
type="submit"
|
||||||
className={kcClsx("kcButtonClass", "kcButtonPrimaryClass", "kcButtonLargeClass")}
|
className={clsx(
|
||||||
|
getClassName("kcButtonClass"),
|
||||||
|
getClassName("kcButtonPrimaryClass"),
|
||||||
|
getClassName("kcButtonLargeClass")
|
||||||
|
)}
|
||||||
name="submitAction"
|
name="submitAction"
|
||||||
value="Save"
|
value="Save"
|
||||||
>
|
>
|
||||||
|
|||||||
@ -1,64 +0,0 @@
|
|||||||
import { getKcClsx } from "keycloakify/account/lib/kcClsx";
|
|
||||||
import type { PageProps } from "keycloakify/account/pages/PageProps";
|
|
||||||
import type { KcContext } from "../KcContext";
|
|
||||||
import type { I18n } from "../i18n";
|
|
||||||
|
|
||||||
export default function Sessions(props: PageProps<Extract<KcContext, { pageId: "sessions.ftl" }>, I18n>) {
|
|
||||||
const { kcContext, i18n, doUseDefaultCss, Template, classes } = props;
|
|
||||||
|
|
||||||
const { kcClsx } = getKcClsx({
|
|
||||||
doUseDefaultCss,
|
|
||||||
classes
|
|
||||||
});
|
|
||||||
|
|
||||||
const { url, stateChecker, sessions } = kcContext;
|
|
||||||
|
|
||||||
const { msg } = i18n;
|
|
||||||
return (
|
|
||||||
<Template {...{ kcContext, i18n, doUseDefaultCss, classes }} active="sessions">
|
|
||||||
<div className={kcClsx("kcContentWrapperClass")}>
|
|
||||||
<div className="col-md-10">
|
|
||||||
<h2>{msg("sessionsHtmlTitle")}</h2>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<table className="table table-striped table-bordered">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>{msg("ip")}</th>
|
|
||||||
<th>{msg("started")}</th>
|
|
||||||
<th>{msg("lastAccess")}</th>
|
|
||||||
<th>{msg("expires")}</th>
|
|
||||||
<th>{msg("clients")}</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
|
|
||||||
<tbody role="rowgroup">
|
|
||||||
{sessions.sessions.map((session, index: number) => (
|
|
||||||
<tr key={index}>
|
|
||||||
<td>{session.ipAddress}</td>
|
|
||||||
<td>{session?.started}</td>
|
|
||||||
<td>{session?.lastAccess}</td>
|
|
||||||
<td>{session?.expires}</td>
|
|
||||||
<td>
|
|
||||||
{session.clients.map((client: string, clientIndex: number) => (
|
|
||||||
<div key={clientIndex}>
|
|
||||||
{client}
|
|
||||||
<br />
|
|
||||||
</div>
|
|
||||||
))}
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
))}
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<form action={url.sessionsUrl} method="post">
|
|
||||||
<input type="hidden" id="stateChecker" name="stateChecker" value={stateChecker} />
|
|
||||||
<button id="logout-all-sessions" type="submit" className={kcClsx("kcButtonDefaultClass", "kcButtonClass")}>
|
|
||||||
{msg("doLogOutAllSessions")}
|
|
||||||
</button>
|
|
||||||
</form>
|
|
||||||
</Template>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@ -1,226 +0,0 @@
|
|||||||
import { clsx } from "keycloakify/tools/clsx";
|
|
||||||
import { getKcClsx } from "keycloakify/account/lib/kcClsx";
|
|
||||||
import { kcSanitize } from "keycloakify/lib/kcSanitize";
|
|
||||||
import type { PageProps } from "keycloakify/account/pages/PageProps";
|
|
||||||
import type { KcContext } from "../KcContext";
|
|
||||||
import type { I18n } from "../i18n";
|
|
||||||
|
|
||||||
export default function Totp(props: PageProps<Extract<KcContext, { pageId: "totp.ftl" }>, I18n>) {
|
|
||||||
const { kcContext, i18n, doUseDefaultCss, Template, classes } = props;
|
|
||||||
|
|
||||||
const { kcClsx } = getKcClsx({
|
|
||||||
doUseDefaultCss,
|
|
||||||
classes
|
|
||||||
});
|
|
||||||
|
|
||||||
const { totp, mode, url, messagesPerField, stateChecker } = kcContext;
|
|
||||||
|
|
||||||
const { msg, msgStr, advancedMsg } = i18n;
|
|
||||||
|
|
||||||
return (
|
|
||||||
<Template {...{ kcContext, i18n, doUseDefaultCss, classes }} active="totp">
|
|
||||||
<>
|
|
||||||
<div className="row">
|
|
||||||
<div className="col-md-10">
|
|
||||||
<h2>{msg("authenticatorTitle")}</h2>
|
|
||||||
</div>
|
|
||||||
{totp.otpCredentials.length === 0 && (
|
|
||||||
<div className="subtitle col-md-2">
|
|
||||||
<span className="required">*</span>
|
|
||||||
{msg("requiredFields")}
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
{totp.enabled && (
|
|
||||||
<table className="table table-bordered table-striped">
|
|
||||||
<thead>
|
|
||||||
{totp.otpCredentials.length > 1 ? (
|
|
||||||
<tr>
|
|
||||||
<th colSpan={4}>{msg("configureAuthenticators")}</th>
|
|
||||||
</tr>
|
|
||||||
) : (
|
|
||||||
<tr>
|
|
||||||
<th colSpan={3}>{msg("configureAuthenticators")}</th>
|
|
||||||
</tr>
|
|
||||||
)}
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
{totp.otpCredentials.map((credential, index) => (
|
|
||||||
<tr key={index}>
|
|
||||||
<td className="provider">{msg("mobile")}</td>
|
|
||||||
{totp.otpCredentials.length > 1 && <td className="provider">{credential.id}</td>}
|
|
||||||
<td className="provider">{credential.userLabel || ""}</td>
|
|
||||||
<td className="action">
|
|
||||||
<form action={url.totpUrl} method="post" className="form-inline">
|
|
||||||
<input type="hidden" id="stateChecker" name="stateChecker" value={stateChecker} />
|
|
||||||
<input type="hidden" id="submitAction" name="submitAction" value="Delete" />
|
|
||||||
<input type="hidden" id="credentialId" name="credentialId" value={credential.id} />
|
|
||||||
<button id={`remove-mobile-${index}`} className="btn btn-default">
|
|
||||||
<i className="pficon pficon-delete"></i>
|
|
||||||
</button>
|
|
||||||
</form>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
))}
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
)}
|
|
||||||
{!totp.enabled && (
|
|
||||||
<div>
|
|
||||||
<hr />
|
|
||||||
<ol id="kc-totp-settings">
|
|
||||||
<li>
|
|
||||||
<p>{msg("totpStep1")}</p>
|
|
||||||
|
|
||||||
<ul id="kc-totp-supported-apps">{totp.supportedApplications?.map(app => <li key={app}>{advancedMsg(app)}</li>)}</ul>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
{mode && mode == "manual" ? (
|
|
||||||
<>
|
|
||||||
<li>
|
|
||||||
<p>{msg("totpManualStep2")}</p>
|
|
||||||
<p>
|
|
||||||
<span id="kc-totp-secret-key">{totp.totpSecretEncoded}</span>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
<a href={totp.qrUrl} id="mode-barcode">
|
|
||||||
{msg("totpScanBarcode")}
|
|
||||||
</a>
|
|
||||||
</p>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<p>{msg("totpManualStep3")}</p>
|
|
||||||
<ul>
|
|
||||||
<li id="kc-totp-type">
|
|
||||||
{msg("totpType")}: {msg(`totp.${totp.policy.type}`)}
|
|
||||||
</li>
|
|
||||||
<li id="kc-totp-algorithm">
|
|
||||||
{msg("totpAlgorithm")}: {totp.policy.getAlgorithmKey()}
|
|
||||||
</li>
|
|
||||||
<li id="kc-totp-digits">
|
|
||||||
{msg("totpDigits")}: {totp.policy.digits}
|
|
||||||
</li>
|
|
||||||
{totp.policy.type === "totp" ? (
|
|
||||||
<li id="kc-totp-period">
|
|
||||||
{msg("totpInterval")}: {totp.policy.period}
|
|
||||||
</li>
|
|
||||||
) : (
|
|
||||||
<li id="kc-totp-counter">
|
|
||||||
{msg("totpCounter")}: {totp.policy.initialCounter}
|
|
||||||
</li>
|
|
||||||
)}
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
</>
|
|
||||||
) : (
|
|
||||||
<li>
|
|
||||||
<p>{msg("totpStep2")}</p>
|
|
||||||
<p>
|
|
||||||
<img
|
|
||||||
id="kc-totp-secret-qr-code"
|
|
||||||
src={`data:image/png;base64, ${totp.totpSecretQrCode}`}
|
|
||||||
alt="Figure: Barcode"
|
|
||||||
/>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
<a href={totp.manualUrl} id="mode-manual">
|
|
||||||
{msg("totpUnableToScan")}
|
|
||||||
</a>
|
|
||||||
</p>
|
|
||||||
</li>
|
|
||||||
)}
|
|
||||||
<li>
|
|
||||||
<p>{msg("totpStep3")}</p>
|
|
||||||
<p>{msg("totpStep3DeviceName")}</p>
|
|
||||||
</li>
|
|
||||||
</ol>
|
|
||||||
<hr />
|
|
||||||
<form action={url.totpUrl} className={kcClsx("kcFormClass")} id="kc-totp-settings-form" method="post">
|
|
||||||
<input type="hidden" id="stateChecker" name="stateChecker" value={stateChecker} />
|
|
||||||
<div className={kcClsx("kcFormGroupClass")}>
|
|
||||||
<div className="col-sm-2 col-md-2">
|
|
||||||
<label htmlFor="totp" className="control-label">
|
|
||||||
{msg("authenticatorCode")}
|
|
||||||
</label>
|
|
||||||
<span className="required">*</span>
|
|
||||||
</div>
|
|
||||||
<div className="col-sm-10 col-md-10">
|
|
||||||
<input
|
|
||||||
type="text"
|
|
||||||
id="totp"
|
|
||||||
name="totp"
|
|
||||||
autoComplete="off"
|
|
||||||
className={kcClsx("kcInputClass")}
|
|
||||||
aria-invalid={messagesPerField.existsError("totp")}
|
|
||||||
/>
|
|
||||||
|
|
||||||
{messagesPerField.existsError("totp") && (
|
|
||||||
<span
|
|
||||||
id="input-error-otp-code"
|
|
||||||
className={kcClsx("kcInputErrorMessageClass")}
|
|
||||||
aria-live="polite"
|
|
||||||
dangerouslySetInnerHTML={{
|
|
||||||
__html: kcSanitize(messagesPerField.get("totp"))
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
<input type="hidden" id="totpSecret" name="totpSecret" value={totp.totpSecret} />
|
|
||||||
{mode && <input type="hidden" id="mode" value={mode} />}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className={kcClsx("kcFormGroupClass")}>
|
|
||||||
<div className="col-sm-2 col-md-2">
|
|
||||||
<label htmlFor="userLabel" className={kcClsx("kcLabelClass")}>
|
|
||||||
{msg("totpDeviceName")}
|
|
||||||
</label>
|
|
||||||
{totp.otpCredentials.length >= 1 && <span className="required">*</span>}
|
|
||||||
</div>
|
|
||||||
<div className="col-sm-10 col-md-10">
|
|
||||||
<input
|
|
||||||
type="text"
|
|
||||||
id="userLabel"
|
|
||||||
name="userLabel"
|
|
||||||
autoComplete="off"
|
|
||||||
className={kcClsx("kcInputClass")}
|
|
||||||
aria-invalid={messagesPerField.existsError("userLabel")}
|
|
||||||
/>
|
|
||||||
{messagesPerField.existsError("userLabel") && (
|
|
||||||
<span
|
|
||||||
id="input-error-otp-label"
|
|
||||||
className={kcClsx("kcInputErrorMessageClass")}
|
|
||||||
aria-live="polite"
|
|
||||||
dangerouslySetInnerHTML={{
|
|
||||||
__html: kcSanitize(messagesPerField.get("userLabel"))
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
)}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="kc-form-buttons" className={clsx(kcClsx("kcFormGroupClass"), "text-right")}>
|
|
||||||
<div className={kcClsx("kcInputWrapperClass")}>
|
|
||||||
<input
|
|
||||||
type="submit"
|
|
||||||
className={kcClsx("kcButtonClass", "kcButtonPrimaryClass", "kcButtonLargeClass")}
|
|
||||||
id="saveTOTPBtn"
|
|
||||||
value={msgStr("doSave")}
|
|
||||||
/>
|
|
||||||
<button
|
|
||||||
type="submit"
|
|
||||||
className={kcClsx("kcButtonClass", "kcButtonDefaultClass", "kcButtonLargeClass", "kcButtonLargeClass")}
|
|
||||||
id="cancelTOTPBtn"
|
|
||||||
name="submitAction"
|
|
||||||
value="Cancel"
|
|
||||||
>
|
|
||||||
{msg("doCancel")}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</>
|
|
||||||
</Template>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@ -1,165 +0,0 @@
|
|||||||
import { getThisCodebaseRootDirPath } from "./tools/getThisCodebaseRootDirPath";
|
|
||||||
import cliSelect from "cli-select";
|
|
||||||
import {
|
|
||||||
LOGIN_THEME_PAGE_IDS,
|
|
||||||
ACCOUNT_THEME_PAGE_IDS,
|
|
||||||
type LoginThemePageId,
|
|
||||||
type AccountThemePageId,
|
|
||||||
THEME_TYPES
|
|
||||||
} from "./shared/constants";
|
|
||||||
import { capitalize } from "tsafe/capitalize";
|
|
||||||
import * as fs from "fs";
|
|
||||||
import { join as pathJoin, relative as pathRelative, dirname as pathDirname } from "path";
|
|
||||||
import { kebabCaseToCamelCase } from "./tools/kebabCaseToSnakeCase";
|
|
||||||
import { assert, Equals } from "tsafe/assert";
|
|
||||||
import type { BuildContext } from "./shared/buildContext";
|
|
||||||
import chalk from "chalk";
|
|
||||||
import { runPrettier, getIsPrettierAvailable } from "./tools/runPrettier";
|
|
||||||
import { maybeDelegateCommandToCustomHandler } from "./shared/customHandler_delegate";
|
|
||||||
|
|
||||||
export async function command(params: { buildContext: BuildContext }) {
|
|
||||||
const { buildContext } = params;
|
|
||||||
|
|
||||||
const { hasBeenHandled } = await maybeDelegateCommandToCustomHandler({
|
|
||||||
commandName: "add-story",
|
|
||||||
buildContext
|
|
||||||
});
|
|
||||||
|
|
||||||
if (hasBeenHandled) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
console.log(chalk.cyan("Theme type:"));
|
|
||||||
|
|
||||||
const themeType = await (async () => {
|
|
||||||
const values = THEME_TYPES.filter(themeType => {
|
|
||||||
switch (themeType) {
|
|
||||||
case "account":
|
|
||||||
return buildContext.implementedThemeTypes.account.isImplemented;
|
|
||||||
case "login":
|
|
||||||
return buildContext.implementedThemeTypes.login.isImplemented;
|
|
||||||
case "admin":
|
|
||||||
return buildContext.implementedThemeTypes.admin.isImplemented;
|
|
||||||
}
|
|
||||||
assert<Equals<typeof themeType, never>>(false);
|
|
||||||
});
|
|
||||||
|
|
||||||
assert(values.length > 0, "No theme is implemented in this project");
|
|
||||||
|
|
||||||
if (values.length === 1) {
|
|
||||||
return values[0];
|
|
||||||
}
|
|
||||||
|
|
||||||
const { value } = await cliSelect({
|
|
||||||
values
|
|
||||||
}).catch(() => {
|
|
||||||
process.exit(-1);
|
|
||||||
});
|
|
||||||
|
|
||||||
return value;
|
|
||||||
})();
|
|
||||||
|
|
||||||
if (
|
|
||||||
themeType === "account" &&
|
|
||||||
(assert(buildContext.implementedThemeTypes.account.isImplemented),
|
|
||||||
buildContext.implementedThemeTypes.account.type === "Single-Page")
|
|
||||||
) {
|
|
||||||
console.log(
|
|
||||||
`${chalk.red("✗")} Sorry, there is no Storybook support for Single-Page Account themes.`
|
|
||||||
);
|
|
||||||
|
|
||||||
process.exit(0);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (themeType === "admin") {
|
|
||||||
console.log(
|
|
||||||
`${chalk.red("✗")} Sorry, there is no Storybook support for the Admin UI.`
|
|
||||||
);
|
|
||||||
|
|
||||||
process.exit(0);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
console.log(`→ ${themeType}`);
|
|
||||||
|
|
||||||
console.log(chalk.cyan("Select the page you want to create a Storybook for:"));
|
|
||||||
|
|
||||||
const { value: pageId } = await cliSelect<LoginThemePageId | AccountThemePageId>({
|
|
||||||
values: (() => {
|
|
||||||
switch (themeType) {
|
|
||||||
case "login":
|
|
||||||
return [...LOGIN_THEME_PAGE_IDS];
|
|
||||||
case "account":
|
|
||||||
return [...ACCOUNT_THEME_PAGE_IDS];
|
|
||||||
}
|
|
||||||
assert<Equals<typeof themeType, never>>(false);
|
|
||||||
})()
|
|
||||||
}).catch(() => {
|
|
||||||
process.exit(-1);
|
|
||||||
});
|
|
||||||
|
|
||||||
console.log(`→ ${pageId}`);
|
|
||||||
|
|
||||||
const componentBasename = capitalize(kebabCaseToCamelCase(pageId)).replace(
|
|
||||||
/ftl$/,
|
|
||||||
"stories.tsx"
|
|
||||||
);
|
|
||||||
|
|
||||||
const targetFilePath = pathJoin(
|
|
||||||
buildContext.themeSrcDirPath,
|
|
||||||
themeType,
|
|
||||||
"pages",
|
|
||||||
componentBasename
|
|
||||||
);
|
|
||||||
|
|
||||||
if (fs.existsSync(targetFilePath)) {
|
|
||||||
console.log(`${pathRelative(process.cwd(), targetFilePath)} already exists`);
|
|
||||||
|
|
||||||
process.exit(-1);
|
|
||||||
}
|
|
||||||
|
|
||||||
let sourceCode = fs
|
|
||||||
.readFileSync(
|
|
||||||
pathJoin(
|
|
||||||
getThisCodebaseRootDirPath(),
|
|
||||||
"stories",
|
|
||||||
themeType,
|
|
||||||
"pages",
|
|
||||||
componentBasename
|
|
||||||
)
|
|
||||||
)
|
|
||||||
.toString("utf8")
|
|
||||||
.replace('import React from "react";\n', "")
|
|
||||||
.replace(/from "[./]+dist\//, 'from "keycloakify/');
|
|
||||||
|
|
||||||
run_prettier: {
|
|
||||||
if (!(await getIsPrettierAvailable())) {
|
|
||||||
break run_prettier;
|
|
||||||
}
|
|
||||||
|
|
||||||
sourceCode = await runPrettier({
|
|
||||||
filePath: targetFilePath,
|
|
||||||
sourceCode: sourceCode
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
{
|
|
||||||
const targetDirPath = pathDirname(targetFilePath);
|
|
||||||
|
|
||||||
if (!fs.existsSync(targetDirPath)) {
|
|
||||||
fs.mkdirSync(targetDirPath, { recursive: true });
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
fs.writeFileSync(targetFilePath, Buffer.from(sourceCode, "utf8"));
|
|
||||||
|
|
||||||
console.log(
|
|
||||||
[
|
|
||||||
`${chalk.green("✓")} ${chalk.bold(
|
|
||||||
pathJoin(".", pathRelative(process.cwd(), targetFilePath))
|
|
||||||
)} copy pasted from the Keycloakify source code into your project`,
|
|
||||||
`You can start storybook with ${chalk.bold("npm run storybook")}`
|
|
||||||
].join("\n")
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@ -1,96 +0,0 @@
|
|||||||
import { maybeDelegateCommandToCustomHandler } from "./shared/customHandler_delegate";
|
|
||||||
import { join as pathJoin, dirname as pathDirname } from "path";
|
|
||||||
import { WELL_KNOWN_DIRECTORY_BASE_NAME } from "./shared/constants";
|
|
||||||
import { readThisNpmPackageVersion } from "./tools/readThisNpmPackageVersion";
|
|
||||||
import * as fs from "fs";
|
|
||||||
import { rmSync } from "./tools/fs.rmSync";
|
|
||||||
import type { BuildContext } from "./shared/buildContext";
|
|
||||||
import { transformCodebase } from "./tools/transformCodebase";
|
|
||||||
import { getThisCodebaseRootDirPath } from "./tools/getThisCodebaseRootDirPath";
|
|
||||||
|
|
||||||
export async function command(params: { buildContext: BuildContext }) {
|
|
||||||
const { buildContext } = params;
|
|
||||||
|
|
||||||
const { hasBeenHandled } = await maybeDelegateCommandToCustomHandler({
|
|
||||||
commandName: "copy-keycloak-resources-to-public",
|
|
||||||
buildContext
|
|
||||||
});
|
|
||||||
|
|
||||||
if (hasBeenHandled) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
const destDirPath = pathJoin(
|
|
||||||
buildContext.publicDirPath,
|
|
||||||
WELL_KNOWN_DIRECTORY_BASE_NAME.KEYCLOAKIFY_DEV_RESOURCES
|
|
||||||
);
|
|
||||||
|
|
||||||
const keycloakifyBuildinfoFilePath = pathJoin(destDirPath, "keycloakify.buildinfo");
|
|
||||||
|
|
||||||
const keycloakifyBuildinfoRaw = JSON.stringify(
|
|
||||||
{
|
|
||||||
keycloakifyVersion: readThisNpmPackageVersion()
|
|
||||||
},
|
|
||||||
null,
|
|
||||||
2
|
|
||||||
);
|
|
||||||
|
|
||||||
skip_if_already_done: {
|
|
||||||
if (!fs.existsSync(keycloakifyBuildinfoFilePath)) {
|
|
||||||
break skip_if_already_done;
|
|
||||||
}
|
|
||||||
|
|
||||||
const keycloakifyBuildinfoRaw_previousRun = fs
|
|
||||||
.readFileSync(keycloakifyBuildinfoFilePath)
|
|
||||||
.toString("utf8");
|
|
||||||
|
|
||||||
if (keycloakifyBuildinfoRaw_previousRun !== keycloakifyBuildinfoRaw) {
|
|
||||||
break skip_if_already_done;
|
|
||||||
}
|
|
||||||
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
rmSync(destDirPath, { force: true, recursive: true });
|
|
||||||
|
|
||||||
// NOTE: To remove in a while, remove the legacy keycloak-resources directory
|
|
||||||
rmSync(pathJoin(pathDirname(destDirPath), "keycloak-resources"), {
|
|
||||||
force: true,
|
|
||||||
recursive: true
|
|
||||||
});
|
|
||||||
rmSync(pathJoin(pathDirname(destDirPath), ".keycloakify"), {
|
|
||||||
force: true,
|
|
||||||
recursive: true
|
|
||||||
});
|
|
||||||
|
|
||||||
fs.mkdirSync(destDirPath, { recursive: true });
|
|
||||||
|
|
||||||
fs.writeFileSync(pathJoin(destDirPath, ".gitignore"), Buffer.from("*", "utf8"));
|
|
||||||
|
|
||||||
transformCodebase({
|
|
||||||
srcDirPath: pathJoin(
|
|
||||||
getThisCodebaseRootDirPath(),
|
|
||||||
"res",
|
|
||||||
"public",
|
|
||||||
WELL_KNOWN_DIRECTORY_BASE_NAME.KEYCLOAKIFY_DEV_RESOURCES
|
|
||||||
),
|
|
||||||
destDirPath
|
|
||||||
});
|
|
||||||
|
|
||||||
fs.writeFileSync(
|
|
||||||
pathJoin(destDirPath, "README.txt"),
|
|
||||||
Buffer.from(
|
|
||||||
// prettier-ignore
|
|
||||||
[
|
|
||||||
"This directory is only used in dev mode by Keycloakify",
|
|
||||||
"It won't be included in your final build.",
|
|
||||||
"Do not modify anything in this directory.",
|
|
||||||
].join("\n")
|
|
||||||
)
|
|
||||||
);
|
|
||||||
|
|
||||||
fs.writeFileSync(
|
|
||||||
keycloakifyBuildinfoFilePath,
|
|
||||||
Buffer.from(keycloakifyBuildinfoRaw, "utf8")
|
|
||||||
);
|
|
||||||
}
|
|
||||||
51
src/bin/download-builtin-keycloak-theme.ts
Normal file
51
src/bin/download-builtin-keycloak-theme.ts
Normal file
@ -0,0 +1,51 @@
|
|||||||
|
#!/usr/bin/env node
|
||||||
|
import { join as pathJoin } from "path";
|
||||||
|
import { downloadAndUnzip } from "./tools/downloadAndUnzip";
|
||||||
|
import { promptKeycloakVersion } from "./promptKeycloakVersion";
|
||||||
|
import { getCliOptions } from "./tools/cliOptions";
|
||||||
|
import { getLogger } from "./tools/logger";
|
||||||
|
import { readBuildOptions } from "./keycloakify/BuildOptions";
|
||||||
|
|
||||||
|
export async function downloadBuiltinKeycloakTheme(params: { keycloakVersion: string; destDirPath: string; isSilent: boolean }) {
|
||||||
|
const { keycloakVersion, destDirPath } = params;
|
||||||
|
|
||||||
|
await Promise.all(
|
||||||
|
["", "-community"].map(ext =>
|
||||||
|
downloadAndUnzip({
|
||||||
|
"destDirPath": destDirPath,
|
||||||
|
"url": `https://github.com/keycloak/keycloak/archive/refs/tags/${keycloakVersion}.zip`,
|
||||||
|
"pathOfDirToExtractInArchive": `keycloak-${keycloakVersion}/themes/src/main/resources${ext}/theme`
|
||||||
|
})
|
||||||
|
)
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
async function main() {
|
||||||
|
const { isSilent } = getCliOptions(process.argv.slice(2));
|
||||||
|
const logger = getLogger({ isSilent });
|
||||||
|
const { keycloakVersion } = await promptKeycloakVersion();
|
||||||
|
|
||||||
|
const destDirPath = pathJoin(
|
||||||
|
readBuildOptions({
|
||||||
|
"isSilent": true,
|
||||||
|
"isExternalAssetsCliParamProvided": false,
|
||||||
|
"projectDirPath": process.cwd()
|
||||||
|
}).keycloakifyBuildDirPath,
|
||||||
|
"src",
|
||||||
|
"main",
|
||||||
|
"resources",
|
||||||
|
"theme"
|
||||||
|
);
|
||||||
|
|
||||||
|
logger.log(`Downloading builtins theme of Keycloak ${keycloakVersion} here ${destDirPath}`);
|
||||||
|
|
||||||
|
await downloadBuiltinKeycloakTheme({
|
||||||
|
keycloakVersion,
|
||||||
|
destDirPath,
|
||||||
|
isSilent
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
if (require.main === module) {
|
||||||
|
main();
|
||||||
|
}
|
||||||
69
src/bin/eject-keycloak-page.ts
Normal file
69
src/bin/eject-keycloak-page.ts
Normal file
@ -0,0 +1,69 @@
|
|||||||
|
#!/usr/bin/env node
|
||||||
|
|
||||||
|
import { getProjectRoot } from "./tools/getProjectRoot";
|
||||||
|
import cliSelect from "cli-select";
|
||||||
|
import {
|
||||||
|
loginThemePageIds,
|
||||||
|
accountThemePageIds,
|
||||||
|
type LoginThemePageId,
|
||||||
|
type AccountThemePageId,
|
||||||
|
themeTypes,
|
||||||
|
type ThemeType
|
||||||
|
} from "./keycloakify/generateFtl";
|
||||||
|
import { capitalize } from "tsafe/capitalize";
|
||||||
|
import { readFile, writeFile } from "fs/promises";
|
||||||
|
import { existsSync } from "fs";
|
||||||
|
import { join as pathJoin, relative as pathRelative } from "path";
|
||||||
|
import { kebabCaseToCamelCase } from "./tools/kebabCaseToSnakeCase";
|
||||||
|
import { assert, Equals } from "tsafe/assert";
|
||||||
|
import { getThemeSrcDirPath } from "./getSrcDirPath";
|
||||||
|
|
||||||
|
(async () => {
|
||||||
|
console.log("Select a theme type");
|
||||||
|
|
||||||
|
const { value: themeType } = await cliSelect<ThemeType>({
|
||||||
|
"values": [...themeTypes]
|
||||||
|
}).catch(() => {
|
||||||
|
console.log("Aborting");
|
||||||
|
|
||||||
|
process.exit(-1);
|
||||||
|
});
|
||||||
|
|
||||||
|
console.log("Select a page you would like to eject");
|
||||||
|
|
||||||
|
const { value: pageId } = await cliSelect<LoginThemePageId | AccountThemePageId>({
|
||||||
|
"values": (() => {
|
||||||
|
switch (themeType) {
|
||||||
|
case "login":
|
||||||
|
return [...loginThemePageIds];
|
||||||
|
case "account":
|
||||||
|
return [...accountThemePageIds];
|
||||||
|
}
|
||||||
|
assert<Equals<typeof themeType, never>>(false);
|
||||||
|
})()
|
||||||
|
}).catch(() => {
|
||||||
|
console.log("Aborting");
|
||||||
|
|
||||||
|
process.exit(-1);
|
||||||
|
});
|
||||||
|
|
||||||
|
const pageBasename = capitalize(kebabCaseToCamelCase(pageId)).replace(/ftl$/, "tsx");
|
||||||
|
|
||||||
|
const { themeSrcDirPath } = getThemeSrcDirPath({ "projectDirPath": process.cwd() });
|
||||||
|
|
||||||
|
if (themeSrcDirPath === undefined) {
|
||||||
|
throw new Error("Couldn't locate your theme sources");
|
||||||
|
}
|
||||||
|
|
||||||
|
const targetFilePath = pathJoin(themeSrcDirPath, themeType, "pages", pageBasename);
|
||||||
|
|
||||||
|
if (existsSync(targetFilePath)) {
|
||||||
|
console.log(`${pageId} is already ejected, ${pathRelative(process.cwd(), targetFilePath)} already exists`);
|
||||||
|
|
||||||
|
process.exit(-1);
|
||||||
|
}
|
||||||
|
|
||||||
|
await writeFile(targetFilePath, await readFile(pathJoin(getProjectRoot(), "src", themeType, "pages", pageBasename)));
|
||||||
|
|
||||||
|
console.log(`${pathRelative(process.cwd(), targetFilePath)} created`);
|
||||||
|
})();
|
||||||
@ -1,332 +0,0 @@
|
|||||||
#!/usr/bin/env node
|
|
||||||
|
|
||||||
import { getThisCodebaseRootDirPath } from "./tools/getThisCodebaseRootDirPath";
|
|
||||||
import cliSelect from "cli-select";
|
|
||||||
import {
|
|
||||||
LOGIN_THEME_PAGE_IDS,
|
|
||||||
ACCOUNT_THEME_PAGE_IDS,
|
|
||||||
type LoginThemePageId,
|
|
||||||
type AccountThemePageId,
|
|
||||||
THEME_TYPES
|
|
||||||
} from "./shared/constants";
|
|
||||||
import { capitalize } from "tsafe/capitalize";
|
|
||||||
import * as fs from "fs";
|
|
||||||
import { join as pathJoin, relative as pathRelative, dirname as pathDirname } from "path";
|
|
||||||
import { kebabCaseToCamelCase } from "./tools/kebabCaseToSnakeCase";
|
|
||||||
import { assert, Equals } from "tsafe/assert";
|
|
||||||
import type { BuildContext } from "./shared/buildContext";
|
|
||||||
import chalk from "chalk";
|
|
||||||
import { maybeDelegateCommandToCustomHandler } from "./shared/customHandler_delegate";
|
|
||||||
import { runPrettier, getIsPrettierAvailable } from "./tools/runPrettier";
|
|
||||||
|
|
||||||
export async function command(params: { buildContext: BuildContext }) {
|
|
||||||
const { buildContext } = params;
|
|
||||||
|
|
||||||
const { hasBeenHandled } = await maybeDelegateCommandToCustomHandler({
|
|
||||||
commandName: "eject-page",
|
|
||||||
buildContext
|
|
||||||
});
|
|
||||||
|
|
||||||
if (hasBeenHandled) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
console.log(chalk.cyan("Theme type:"));
|
|
||||||
|
|
||||||
const themeType = await (async () => {
|
|
||||||
const values = THEME_TYPES.filter(themeType => {
|
|
||||||
switch (themeType) {
|
|
||||||
case "account":
|
|
||||||
return buildContext.implementedThemeTypes.account.isImplemented;
|
|
||||||
case "login":
|
|
||||||
return buildContext.implementedThemeTypes.login.isImplemented;
|
|
||||||
case "admin":
|
|
||||||
return buildContext.implementedThemeTypes.admin.isImplemented;
|
|
||||||
}
|
|
||||||
assert<Equals<typeof themeType, never>>(false);
|
|
||||||
});
|
|
||||||
|
|
||||||
assert(values.length > 0, "No theme is implemented in this project");
|
|
||||||
|
|
||||||
if (values.length === 1) {
|
|
||||||
return values[0];
|
|
||||||
}
|
|
||||||
|
|
||||||
const { value } = await cliSelect({
|
|
||||||
values
|
|
||||||
}).catch(() => {
|
|
||||||
process.exit(-1);
|
|
||||||
});
|
|
||||||
|
|
||||||
return value;
|
|
||||||
})();
|
|
||||||
|
|
||||||
if (themeType === "admin") {
|
|
||||||
console.log("Use `npx keycloakify own` command instead, see documentation");
|
|
||||||
|
|
||||||
process.exit(-1);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (
|
|
||||||
themeType === "account" &&
|
|
||||||
(assert(buildContext.implementedThemeTypes.account.isImplemented),
|
|
||||||
buildContext.implementedThemeTypes.account.type === "Single-Page")
|
|
||||||
) {
|
|
||||||
console.log(
|
|
||||||
chalk.yellow(
|
|
||||||
[
|
|
||||||
"You are implementing a Single-Page Account theme.",
|
|
||||||
"The eject-page command isn't applicable in this context"
|
|
||||||
].join("\n")
|
|
||||||
)
|
|
||||||
);
|
|
||||||
|
|
||||||
process.exit(1);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
console.log(`→ ${themeType}`);
|
|
||||||
|
|
||||||
console.log(chalk.cyan("Select the page you want to customize:"));
|
|
||||||
|
|
||||||
const templateValue = "Template.tsx (Layout common to every page)";
|
|
||||||
const userProfileFormFieldsValue =
|
|
||||||
"UserProfileFormFields.tsx (Renders the form of the register.ftl, login-update-profile.ftl, update-email.ftl and idp-review-user-profile.ftl)";
|
|
||||||
const otherPageValue = "The page you're looking for isn't listed here";
|
|
||||||
|
|
||||||
const { value: pageIdOrComponent } = await cliSelect<
|
|
||||||
| LoginThemePageId
|
|
||||||
| AccountThemePageId
|
|
||||||
| typeof templateValue
|
|
||||||
| typeof userProfileFormFieldsValue
|
|
||||||
| typeof otherPageValue
|
|
||||||
>({
|
|
||||||
values: (() => {
|
|
||||||
switch (themeType) {
|
|
||||||
case "login":
|
|
||||||
return [
|
|
||||||
templateValue,
|
|
||||||
userProfileFormFieldsValue,
|
|
||||||
...LOGIN_THEME_PAGE_IDS,
|
|
||||||
otherPageValue
|
|
||||||
];
|
|
||||||
case "account":
|
|
||||||
return [templateValue, ...ACCOUNT_THEME_PAGE_IDS, otherPageValue];
|
|
||||||
}
|
|
||||||
assert<Equals<typeof themeType, never>>(false);
|
|
||||||
})()
|
|
||||||
}).catch(() => {
|
|
||||||
process.exit(-1);
|
|
||||||
});
|
|
||||||
|
|
||||||
if (pageIdOrComponent === otherPageValue) {
|
|
||||||
console.log(
|
|
||||||
[
|
|
||||||
"To style a page not included in the base Keycloak, such as one added by a third-party Keycloak extension,",
|
|
||||||
"refer to the documentation: https://docs.keycloakify.dev/features/styling-a-custom-page-not-included-in-base-keycloak"
|
|
||||||
].join(" ")
|
|
||||||
);
|
|
||||||
|
|
||||||
process.exit(0);
|
|
||||||
}
|
|
||||||
|
|
||||||
console.log(`→ ${pageIdOrComponent}`);
|
|
||||||
|
|
||||||
const componentBasename = (() => {
|
|
||||||
if (pageIdOrComponent === templateValue) {
|
|
||||||
return "Template.tsx";
|
|
||||||
}
|
|
||||||
|
|
||||||
if (pageIdOrComponent === userProfileFormFieldsValue) {
|
|
||||||
return "UserProfileFormFields.tsx";
|
|
||||||
}
|
|
||||||
|
|
||||||
return capitalize(kebabCaseToCamelCase(pageIdOrComponent)).replace(/ftl$/, "tsx");
|
|
||||||
})();
|
|
||||||
|
|
||||||
const pagesOrDot = (() => {
|
|
||||||
if (
|
|
||||||
pageIdOrComponent === templateValue ||
|
|
||||||
pageIdOrComponent === userProfileFormFieldsValue
|
|
||||||
) {
|
|
||||||
return ".";
|
|
||||||
}
|
|
||||||
|
|
||||||
return "pages";
|
|
||||||
})();
|
|
||||||
|
|
||||||
const targetFilePath = pathJoin(
|
|
||||||
buildContext.themeSrcDirPath,
|
|
||||||
themeType,
|
|
||||||
pagesOrDot,
|
|
||||||
componentBasename
|
|
||||||
);
|
|
||||||
|
|
||||||
if (fs.existsSync(targetFilePath)) {
|
|
||||||
console.log(
|
|
||||||
`${pageIdOrComponent} is already ejected, ${pathRelative(
|
|
||||||
process.cwd(),
|
|
||||||
targetFilePath
|
|
||||||
)} already exists`
|
|
||||||
);
|
|
||||||
|
|
||||||
process.exit(-1);
|
|
||||||
}
|
|
||||||
|
|
||||||
let componentCode = fs
|
|
||||||
.readFileSync(
|
|
||||||
pathJoin(
|
|
||||||
getThisCodebaseRootDirPath(),
|
|
||||||
"src",
|
|
||||||
themeType,
|
|
||||||
pagesOrDot,
|
|
||||||
componentBasename
|
|
||||||
)
|
|
||||||
)
|
|
||||||
.toString("utf8");
|
|
||||||
|
|
||||||
run_prettier: {
|
|
||||||
if (!(await getIsPrettierAvailable())) {
|
|
||||||
break run_prettier;
|
|
||||||
}
|
|
||||||
|
|
||||||
componentCode = await runPrettier({
|
|
||||||
filePath: targetFilePath,
|
|
||||||
sourceCode: componentCode
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
{
|
|
||||||
const targetDirPath = pathDirname(targetFilePath);
|
|
||||||
|
|
||||||
if (!fs.existsSync(targetDirPath)) {
|
|
||||||
fs.mkdirSync(targetDirPath, { recursive: true });
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
fs.writeFileSync(targetFilePath, Buffer.from(componentCode, "utf8"));
|
|
||||||
|
|
||||||
console.log(
|
|
||||||
`${chalk.green("✓")} ${chalk.bold(
|
|
||||||
pathJoin(".", pathRelative(process.cwd(), targetFilePath))
|
|
||||||
)} copy pasted from the Keycloakify source code into your project`
|
|
||||||
);
|
|
||||||
|
|
||||||
edit_KcPage: {
|
|
||||||
if (
|
|
||||||
pageIdOrComponent !== templateValue &&
|
|
||||||
pageIdOrComponent !== userProfileFormFieldsValue
|
|
||||||
) {
|
|
||||||
break edit_KcPage;
|
|
||||||
}
|
|
||||||
|
|
||||||
const kcAppTsxPath = pathJoin(
|
|
||||||
buildContext.themeSrcDirPath,
|
|
||||||
themeType,
|
|
||||||
"KcPage.tsx"
|
|
||||||
);
|
|
||||||
|
|
||||||
const kcAppTsxCode = fs.readFileSync(kcAppTsxPath).toString("utf8");
|
|
||||||
|
|
||||||
const modifiedKcAppTsxCode = (() => {
|
|
||||||
switch (pageIdOrComponent) {
|
|
||||||
case templateValue:
|
|
||||||
return kcAppTsxCode.replace(
|
|
||||||
`keycloakify/${themeType}/Template`,
|
|
||||||
"./Template"
|
|
||||||
);
|
|
||||||
case userProfileFormFieldsValue:
|
|
||||||
return kcAppTsxCode.replace(
|
|
||||||
`keycloakify/login/UserProfileFormFields`,
|
|
||||||
"./UserProfileFormFields"
|
|
||||||
);
|
|
||||||
}
|
|
||||||
assert<Equals<typeof pageIdOrComponent, never>>(false);
|
|
||||||
})();
|
|
||||||
|
|
||||||
if (kcAppTsxCode === modifiedKcAppTsxCode) {
|
|
||||||
console.log(
|
|
||||||
chalk.red(
|
|
||||||
"Unable to automatically update KcPage.tsx, please update it manually"
|
|
||||||
)
|
|
||||||
);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
fs.writeFileSync(kcAppTsxPath, Buffer.from(modifiedKcAppTsxCode, "utf8"));
|
|
||||||
|
|
||||||
console.log(
|
|
||||||
`${chalk.green("✓")} ${chalk.bold(
|
|
||||||
pathJoin(".", pathRelative(process.cwd(), kcAppTsxPath))
|
|
||||||
)} Updated`
|
|
||||||
);
|
|
||||||
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
const userProfileFormFieldComponentName = "UserProfileFormFields";
|
|
||||||
|
|
||||||
const componentName = componentBasename.replace(/.tsx$/, "");
|
|
||||||
|
|
||||||
console.log(
|
|
||||||
[
|
|
||||||
``,
|
|
||||||
`You now need to update your page router:`,
|
|
||||||
``,
|
|
||||||
`${chalk.bold(
|
|
||||||
pathJoin(
|
|
||||||
".",
|
|
||||||
pathRelative(process.cwd(), buildContext.themeSrcDirPath),
|
|
||||||
themeType,
|
|
||||||
"KcPage.tsx"
|
|
||||||
)
|
|
||||||
)}:`,
|
|
||||||
chalk.grey("```"),
|
|
||||||
`// ...`,
|
|
||||||
``,
|
|
||||||
chalk.green(
|
|
||||||
`+const ${componentName} = lazy(() => import("./pages/${componentName}"));`
|
|
||||||
),
|
|
||||||
...[
|
|
||||||
``,
|
|
||||||
` export default function KcPage(props: { kcContext: KcContext; }) {`,
|
|
||||||
``,
|
|
||||||
` // ...`,
|
|
||||||
``,
|
|
||||||
` return (`,
|
|
||||||
` <Suspense>`,
|
|
||||||
` {(() => {`,
|
|
||||||
` switch (kcContext.pageId) {`,
|
|
||||||
` // ...`,
|
|
||||||
`+ case "${pageIdOrComponent}": return (`,
|
|
||||||
`+ <${componentName}`,
|
|
||||||
`+ {...{ kcContext, i18n, classes }}`,
|
|
||||||
`+ Template={Template}`,
|
|
||||||
`+ doUseDefaultCss={true}`,
|
|
||||||
...(!componentCode.includes(userProfileFormFieldComponentName)
|
|
||||||
? []
|
|
||||||
: [
|
|
||||||
`+ ${userProfileFormFieldComponentName}={${userProfileFormFieldComponentName}}`,
|
|
||||||
`+ doMakeUserConfirmPassword={doMakeUserConfirmPassword}`
|
|
||||||
]),
|
|
||||||
`+ />`,
|
|
||||||
`+ );`,
|
|
||||||
` default: return <Fallback /* .. */ />;`,
|
|
||||||
` }`,
|
|
||||||
` })()}`,
|
|
||||||
` </Suspense>`,
|
|
||||||
` );`,
|
|
||||||
` }`
|
|
||||||
].map(line => {
|
|
||||||
if (line.startsWith("+")) {
|
|
||||||
return chalk.green(line);
|
|
||||||
}
|
|
||||||
if (line.startsWith("-")) {
|
|
||||||
return chalk.red(line);
|
|
||||||
}
|
|
||||||
return chalk.grey(line);
|
|
||||||
}),
|
|
||||||
chalk.grey("```")
|
|
||||||
].join("\n")
|
|
||||||
);
|
|
||||||
}
|
|
||||||
43
src/bin/getSrcDirPath.ts
Normal file
43
src/bin/getSrcDirPath.ts
Normal file
@ -0,0 +1,43 @@
|
|||||||
|
import * as fs from "fs";
|
||||||
|
import { exclude } from "tsafe";
|
||||||
|
import { crawl } from "./tools/crawl";
|
||||||
|
import { join as pathJoin } from "path";
|
||||||
|
|
||||||
|
const themeSrcDirBasename = "keycloak-theme";
|
||||||
|
|
||||||
|
export function getThemeSrcDirPath(params: { projectDirPath: string }) {
|
||||||
|
const { projectDirPath } = params;
|
||||||
|
|
||||||
|
const srcDirPath = pathJoin(projectDirPath, "src");
|
||||||
|
|
||||||
|
const themeSrcDirPath: string | undefined = crawl(srcDirPath)
|
||||||
|
.map(fileRelativePath => {
|
||||||
|
const split = fileRelativePath.split(themeSrcDirBasename);
|
||||||
|
|
||||||
|
if (split.length !== 2) {
|
||||||
|
return undefined;
|
||||||
|
}
|
||||||
|
|
||||||
|
return pathJoin(srcDirPath, split[0] + themeSrcDirBasename);
|
||||||
|
})
|
||||||
|
.filter(exclude(undefined))[0];
|
||||||
|
|
||||||
|
if (themeSrcDirPath === undefined) {
|
||||||
|
if (fs.existsSync(pathJoin(srcDirPath, "login")) || fs.existsSync(pathJoin(srcDirPath, "account"))) {
|
||||||
|
return { "themeSrcDirPath": srcDirPath };
|
||||||
|
}
|
||||||
|
return { "themeSrcDirPath": undefined };
|
||||||
|
}
|
||||||
|
|
||||||
|
return { themeSrcDirPath };
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getEmailThemeSrcDirPath(params: { projectDirPath: string }) {
|
||||||
|
const { projectDirPath } = params;
|
||||||
|
|
||||||
|
const { themeSrcDirPath } = getThemeSrcDirPath({ projectDirPath });
|
||||||
|
|
||||||
|
const emailThemeSrcDirPath = themeSrcDirPath === undefined ? undefined : pathJoin(themeSrcDirPath, "email");
|
||||||
|
|
||||||
|
return { emailThemeSrcDirPath };
|
||||||
|
}
|
||||||
@ -1 +0,0 @@
|
|||||||
export * from "./initialize-account-theme";
|
|
||||||
@ -1,94 +0,0 @@
|
|||||||
import type { BuildContext } from "../shared/buildContext";
|
|
||||||
import cliSelect from "cli-select";
|
|
||||||
import chalk from "chalk";
|
|
||||||
import { join as pathJoin, relative as pathRelative } from "path";
|
|
||||||
import * as fs from "fs";
|
|
||||||
import { updateAccountThemeImplementationInConfig } from "./updateAccountThemeImplementationInConfig";
|
|
||||||
import { command as updateKcGenCommand } from "../update-kc-gen";
|
|
||||||
import { maybeDelegateCommandToCustomHandler } from "../shared/customHandler_delegate";
|
|
||||||
import { exitIfUncommittedChanges } from "../shared/exitIfUncommittedChanges";
|
|
||||||
import { getThisCodebaseRootDirPath } from "../tools/getThisCodebaseRootDirPath";
|
|
||||||
|
|
||||||
export async function command(params: { buildContext: BuildContext }) {
|
|
||||||
const { buildContext } = params;
|
|
||||||
|
|
||||||
const { hasBeenHandled } = await maybeDelegateCommandToCustomHandler({
|
|
||||||
commandName: "initialize-account-theme",
|
|
||||||
buildContext
|
|
||||||
});
|
|
||||||
|
|
||||||
if (hasBeenHandled) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
const accountThemeSrcDirPath = pathJoin(buildContext.themeSrcDirPath, "account");
|
|
||||||
|
|
||||||
exitIfUncommittedChanges({
|
|
||||||
projectDirPath: buildContext.projectDirPath
|
|
||||||
});
|
|
||||||
|
|
||||||
const { value: accountThemeType } = await cliSelect({
|
|
||||||
values: ["Single-Page" as const, "Multi-Page" as const]
|
|
||||||
}).catch(() => {
|
|
||||||
process.exit(-1);
|
|
||||||
});
|
|
||||||
|
|
||||||
switch (accountThemeType) {
|
|
||||||
case "Multi-Page":
|
|
||||||
{
|
|
||||||
if (
|
|
||||||
fs.existsSync(accountThemeSrcDirPath) &&
|
|
||||||
fs.readdirSync(accountThemeSrcDirPath).length > 0
|
|
||||||
) {
|
|
||||||
console.warn(
|
|
||||||
chalk.red(
|
|
||||||
`There is already a ${pathRelative(
|
|
||||||
process.cwd(),
|
|
||||||
accountThemeSrcDirPath
|
|
||||||
)} directory in your project. Aborting.`
|
|
||||||
)
|
|
||||||
);
|
|
||||||
|
|
||||||
process.exit(-1);
|
|
||||||
}
|
|
||||||
|
|
||||||
fs.cpSync(
|
|
||||||
pathJoin(
|
|
||||||
getThisCodebaseRootDirPath(),
|
|
||||||
"src",
|
|
||||||
"bin",
|
|
||||||
"initialize-account-theme",
|
|
||||||
"multi-page-boilerplate"
|
|
||||||
),
|
|
||||||
accountThemeSrcDirPath,
|
|
||||||
{ recursive: true }
|
|
||||||
);
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
case "Single-Page":
|
|
||||||
{
|
|
||||||
const { initializeSpa } = await import("../shared/initializeSpa");
|
|
||||||
|
|
||||||
await initializeSpa({
|
|
||||||
themeType: "account",
|
|
||||||
buildContext
|
|
||||||
});
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
|
|
||||||
updateAccountThemeImplementationInConfig({ buildContext, accountThemeType });
|
|
||||||
|
|
||||||
await updateKcGenCommand({
|
|
||||||
buildContext: {
|
|
||||||
...buildContext,
|
|
||||||
implementedThemeTypes: {
|
|
||||||
...buildContext.implementedThemeTypes,
|
|
||||||
account: {
|
|
||||||
isImplemented: true,
|
|
||||||
type: accountThemeType
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
@ -1,12 +0,0 @@
|
|||||||
/* eslint-disable @typescript-eslint/ban-types */
|
|
||||||
import type { ExtendKcContext } from "keycloakify/account";
|
|
||||||
import type { KcEnvName, ThemeName } from "../kc.gen";
|
|
||||||
|
|
||||||
export type KcContextExtension = {
|
|
||||||
themeName: ThemeName;
|
|
||||||
properties: Record<KcEnvName, string> & {};
|
|
||||||
};
|
|
||||||
|
|
||||||
export type KcContextExtensionPerPage = {};
|
|
||||||
|
|
||||||
export type KcContext = ExtendKcContext<KcContextExtension, KcContextExtensionPerPage>;
|
|
||||||
@ -1,25 +0,0 @@
|
|||||||
import { Suspense } from "react";
|
|
||||||
import type { ClassKey } from "keycloakify/account";
|
|
||||||
import type { KcContext } from "./KcContext";
|
|
||||||
import { useI18n } from "./i18n";
|
|
||||||
import DefaultPage from "keycloakify/account/DefaultPage";
|
|
||||||
import Template from "keycloakify/account/Template";
|
|
||||||
|
|
||||||
export default function KcPage(props: { kcContext: KcContext }) {
|
|
||||||
const { kcContext } = props;
|
|
||||||
|
|
||||||
const { i18n } = useI18n({ kcContext });
|
|
||||||
|
|
||||||
return (
|
|
||||||
<Suspense>
|
|
||||||
{(() => {
|
|
||||||
switch (kcContext.pageId) {
|
|
||||||
default:
|
|
||||||
return <DefaultPage kcContext={kcContext} i18n={i18n} classes={classes} Template={Template} doUseDefaultCss={true} />;
|
|
||||||
}
|
|
||||||
})()}
|
|
||||||
</Suspense>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
const classes = {} satisfies { [key in ClassKey]?: string };
|
|
||||||
@ -1,38 +0,0 @@
|
|||||||
import type { DeepPartial } from "keycloakify/tools/DeepPartial";
|
|
||||||
import type { KcContext } from "./KcContext";
|
|
||||||
import { createGetKcContextMock } from "keycloakify/account/KcContext";
|
|
||||||
import type { KcContextExtension, KcContextExtensionPerPage } from "./KcContext";
|
|
||||||
import KcPage from "./KcPage";
|
|
||||||
import { themeNames, kcEnvDefaults } from "../kc.gen";
|
|
||||||
|
|
||||||
const kcContextExtension: KcContextExtension = {
|
|
||||||
themeName: themeNames[0],
|
|
||||||
properties: {
|
|
||||||
...kcEnvDefaults
|
|
||||||
}
|
|
||||||
};
|
|
||||||
const kcContextExtensionPerPage: KcContextExtensionPerPage = {};
|
|
||||||
|
|
||||||
export const { getKcContextMock } = createGetKcContextMock({
|
|
||||||
kcContextExtension,
|
|
||||||
kcContextExtensionPerPage,
|
|
||||||
overrides: {},
|
|
||||||
overridesPerPage: {}
|
|
||||||
});
|
|
||||||
|
|
||||||
export function createKcPageStory<PageId extends KcContext["pageId"]>(params: { pageId: PageId }) {
|
|
||||||
const { pageId } = params;
|
|
||||||
|
|
||||||
function KcPageStory(props: { kcContext?: DeepPartial<Extract<KcContext, { pageId: PageId }>> }) {
|
|
||||||
const { kcContext: overrides } = props;
|
|
||||||
|
|
||||||
const kcContextMock = getKcContextMock({
|
|
||||||
pageId,
|
|
||||||
overrides
|
|
||||||
});
|
|
||||||
|
|
||||||
return <KcPage kcContext={kcContextMock} />;
|
|
||||||
}
|
|
||||||
|
|
||||||
return { KcPageStory };
|
|
||||||
}
|
|
||||||
@ -1,10 +0,0 @@
|
|||||||
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
||||||
import { i18nBuilder } from "keycloakify/account";
|
|
||||||
import type { ThemeName } from "../kc.gen";
|
|
||||||
|
|
||||||
/** @see: https://docs.keycloakify.dev/features/i18n */
|
|
||||||
const { useI18n, ofTypeI18n } = i18nBuilder.withThemeName<ThemeName>().build();
|
|
||||||
|
|
||||||
type I18n = typeof ofTypeI18n;
|
|
||||||
|
|
||||||
export { useI18n, type I18n };
|
|
||||||
@ -1,101 +0,0 @@
|
|||||||
import { join as pathJoin } from "path";
|
|
||||||
import { assert, type Equals, is } from "tsafe/assert";
|
|
||||||
import type { BuildContext } from "../shared/buildContext";
|
|
||||||
import * as fs from "fs";
|
|
||||||
import chalk from "chalk";
|
|
||||||
import { z } from "zod";
|
|
||||||
import { id } from "tsafe/id";
|
|
||||||
|
|
||||||
export type BuildContextLike = {
|
|
||||||
bundler: BuildContext["bundler"];
|
|
||||||
projectDirPath: string;
|
|
||||||
packageJsonFilePath: string;
|
|
||||||
};
|
|
||||||
|
|
||||||
assert<BuildContext extends BuildContextLike ? true : false>();
|
|
||||||
|
|
||||||
export function updateAccountThemeImplementationInConfig(params: {
|
|
||||||
buildContext: BuildContextLike;
|
|
||||||
accountThemeType: "Single-Page" | "Multi-Page";
|
|
||||||
}) {
|
|
||||||
const { buildContext, accountThemeType } = params;
|
|
||||||
|
|
||||||
switch (buildContext.bundler) {
|
|
||||||
case "vite":
|
|
||||||
{
|
|
||||||
const viteConfigPath = pathJoin(
|
|
||||||
buildContext.projectDirPath,
|
|
||||||
"vite.config.ts"
|
|
||||||
);
|
|
||||||
|
|
||||||
if (!fs.existsSync(viteConfigPath)) {
|
|
||||||
console.log(
|
|
||||||
chalk.bold(
|
|
||||||
`You must manually set the accountThemeImplementation to "${accountThemeType}" in your vite config`
|
|
||||||
)
|
|
||||||
);
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
|
|
||||||
const viteConfigContent = fs
|
|
||||||
.readFileSync(viteConfigPath)
|
|
||||||
.toString("utf8");
|
|
||||||
|
|
||||||
const modifiedViteConfigContent = viteConfigContent.replace(
|
|
||||||
/accountThemeImplementation\s*:\s*"none"/,
|
|
||||||
`accountThemeImplementation: "${accountThemeType}"`
|
|
||||||
);
|
|
||||||
|
|
||||||
if (modifiedViteConfigContent === viteConfigContent) {
|
|
||||||
console.log(
|
|
||||||
chalk.bold(
|
|
||||||
`You must manually set the accountThemeImplementation to "${accountThemeType}" in your vite.config.ts`
|
|
||||||
)
|
|
||||||
);
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
|
|
||||||
fs.writeFileSync(viteConfigPath, modifiedViteConfigContent);
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
case "webpack":
|
|
||||||
{
|
|
||||||
const parsedPackageJson = (() => {
|
|
||||||
type ParsedPackageJson = {
|
|
||||||
keycloakify: Record<string, unknown>;
|
|
||||||
};
|
|
||||||
|
|
||||||
const zParsedPackageJson = (() => {
|
|
||||||
type TargetType = ParsedPackageJson;
|
|
||||||
|
|
||||||
const zTargetType = z.object({
|
|
||||||
keycloakify: z.record(z.unknown())
|
|
||||||
});
|
|
||||||
|
|
||||||
assert<Equals<z.infer<typeof zTargetType>, TargetType>>();
|
|
||||||
|
|
||||||
return id<z.ZodType<TargetType>>(zTargetType);
|
|
||||||
})();
|
|
||||||
|
|
||||||
const parsedPackageJson = JSON.parse(
|
|
||||||
fs.readFileSync(buildContext.packageJsonFilePath).toString("utf8")
|
|
||||||
);
|
|
||||||
|
|
||||||
zParsedPackageJson.parse(parsedPackageJson);
|
|
||||||
|
|
||||||
assert(is<ParsedPackageJson>(parsedPackageJson));
|
|
||||||
|
|
||||||
return parsedPackageJson;
|
|
||||||
})();
|
|
||||||
|
|
||||||
parsedPackageJson.keycloakify.accountThemeImplementation =
|
|
||||||
accountThemeType;
|
|
||||||
|
|
||||||
fs.writeFileSync(
|
|
||||||
buildContext.packageJsonFilePath,
|
|
||||||
Buffer.from(JSON.stringify(parsedPackageJson, undefined, 4), "utf8")
|
|
||||||
);
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,39 +0,0 @@
|
|||||||
import type { BuildContext } from "./shared/buildContext";
|
|
||||||
import { maybeDelegateCommandToCustomHandler } from "./shared/customHandler_delegate";
|
|
||||||
import { initializeSpa } from "./shared/initializeSpa";
|
|
||||||
import { exitIfUncommittedChanges } from "./shared/exitIfUncommittedChanges";
|
|
||||||
import { command as updateKcGenCommand } from "./update-kc-gen";
|
|
||||||
|
|
||||||
export async function command(params: { buildContext: BuildContext }) {
|
|
||||||
const { buildContext } = params;
|
|
||||||
|
|
||||||
const { hasBeenHandled } = await maybeDelegateCommandToCustomHandler({
|
|
||||||
commandName: "initialize-admin-theme",
|
|
||||||
buildContext
|
|
||||||
});
|
|
||||||
|
|
||||||
if (hasBeenHandled) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
exitIfUncommittedChanges({
|
|
||||||
projectDirPath: buildContext.projectDirPath
|
|
||||||
});
|
|
||||||
|
|
||||||
await initializeSpa({
|
|
||||||
themeType: "admin",
|
|
||||||
buildContext
|
|
||||||
});
|
|
||||||
|
|
||||||
await updateKcGenCommand({
|
|
||||||
buildContext: {
|
|
||||||
...buildContext,
|
|
||||||
implementedThemeTypes: {
|
|
||||||
...buildContext.implementedThemeTypes,
|
|
||||||
admin: {
|
|
||||||
isImplemented: true
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
@ -1,156 +1,60 @@
|
|||||||
import type { BuildContext } from "./shared/buildContext";
|
#!/usr/bin/env node
|
||||||
import cliSelect from "cli-select";
|
|
||||||
import { maybeDelegateCommandToCustomHandler } from "./shared/customHandler_delegate";
|
|
||||||
import { exitIfUncommittedChanges } from "./shared/exitIfUncommittedChanges";
|
|
||||||
|
|
||||||
import { dirname as pathDirname, join as pathJoin, relative as pathRelative } from "path";
|
import { downloadBuiltinKeycloakTheme } from "./download-builtin-keycloak-theme";
|
||||||
|
import { join as pathJoin, relative as pathRelative } from "path";
|
||||||
|
import { transformCodebase } from "./tools/transformCodebase";
|
||||||
|
import { promptKeycloakVersion } from "./promptKeycloakVersion";
|
||||||
import * as fs from "fs";
|
import * as fs from "fs";
|
||||||
import { assert, is, type Equals } from "tsafe/assert";
|
import { getCliOptions } from "./tools/cliOptions";
|
||||||
import { id } from "tsafe/id";
|
import { getLogger } from "./tools/logger";
|
||||||
import { addSyncExtensionsToPostinstallScript } from "./shared/addSyncExtensionsToPostinstallScript";
|
import { getEmailThemeSrcDirPath } from "./getSrcDirPath";
|
||||||
import { getIsPrettierAvailable, runPrettier } from "./tools/runPrettier";
|
|
||||||
import { npmInstall } from "./tools/npmInstall";
|
|
||||||
import * as child_process from "child_process";
|
|
||||||
import { z } from "zod";
|
|
||||||
import chalk from "chalk";
|
|
||||||
|
|
||||||
export async function command(params: { buildContext: BuildContext }) {
|
export async function main() {
|
||||||
const { buildContext } = params;
|
const { isSilent } = getCliOptions(process.argv.slice(2));
|
||||||
|
const logger = getLogger({ isSilent });
|
||||||
|
|
||||||
const { hasBeenHandled } = await maybeDelegateCommandToCustomHandler({
|
const { emailThemeSrcDirPath } = getEmailThemeSrcDirPath({
|
||||||
commandName: "initialize-email-theme",
|
"projectDirPath": process.cwd()
|
||||||
buildContext
|
|
||||||
});
|
});
|
||||||
|
|
||||||
if (hasBeenHandled) {
|
if (emailThemeSrcDirPath === undefined) {
|
||||||
return;
|
logger.warn("Couldn't locate your theme source directory");
|
||||||
}
|
|
||||||
|
|
||||||
exitIfUncommittedChanges({
|
|
||||||
projectDirPath: buildContext.projectDirPath
|
|
||||||
});
|
|
||||||
|
|
||||||
const emailThemeSrcDirPath = pathJoin(buildContext.themeSrcDirPath, "email");
|
|
||||||
|
|
||||||
if (
|
|
||||||
fs.existsSync(emailThemeSrcDirPath) &&
|
|
||||||
fs.readdirSync(emailThemeSrcDirPath).length > 0
|
|
||||||
) {
|
|
||||||
console.warn(
|
|
||||||
chalk.red(
|
|
||||||
`There is already a ${pathRelative(
|
|
||||||
process.cwd(),
|
|
||||||
emailThemeSrcDirPath
|
|
||||||
)} directory in your project. Aborting.`
|
|
||||||
)
|
|
||||||
);
|
|
||||||
|
|
||||||
process.exit(-1);
|
process.exit(-1);
|
||||||
}
|
}
|
||||||
|
|
||||||
const { value: emailThemeType } = await cliSelect({
|
if (fs.existsSync(emailThemeSrcDirPath)) {
|
||||||
values: [
|
logger.warn(`There is already a ${pathRelative(process.cwd(), emailThemeSrcDirPath)} directory in your project. Aborting.`);
|
||||||
"native (FreeMarker)" as const,
|
|
||||||
"Another email templating solution" as const
|
|
||||||
]
|
|
||||||
}).catch(() => {
|
|
||||||
process.exit(-1);
|
process.exit(-1);
|
||||||
});
|
|
||||||
|
|
||||||
if (emailThemeType === "Another email templating solution") {
|
|
||||||
console.log(
|
|
||||||
[
|
|
||||||
"There is currently no automated support for keycloakify-email, it has to be done manually, see documentation:",
|
|
||||||
"https://docs.keycloakify.dev/theme-types/email-theme"
|
|
||||||
].join("\n")
|
|
||||||
);
|
|
||||||
|
|
||||||
process.exit(0);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const parsedPackageJson = (() => {
|
const { keycloakVersion } = await promptKeycloakVersion();
|
||||||
type ParsedPackageJson = {
|
|
||||||
scripts?: Record<string, string | undefined>;
|
|
||||||
dependencies?: Record<string, string | undefined>;
|
|
||||||
devDependencies?: Record<string, string | undefined>;
|
|
||||||
};
|
|
||||||
|
|
||||||
const zParsedPackageJson = (() => {
|
const builtinKeycloakThemeTmpDirPath = pathJoin(emailThemeSrcDirPath, "..", "tmp_xIdP3_builtin_keycloak_theme");
|
||||||
type TargetType = ParsedPackageJson;
|
|
||||||
|
|
||||||
const zTargetType = z.object({
|
await downloadBuiltinKeycloakTheme({
|
||||||
scripts: z.record(z.union([z.string(), z.undefined()])).optional(),
|
keycloakVersion,
|
||||||
dependencies: z.record(z.union([z.string(), z.undefined()])).optional(),
|
"destDirPath": builtinKeycloakThemeTmpDirPath,
|
||||||
devDependencies: z.record(z.union([z.string(), z.undefined()])).optional()
|
isSilent
|
||||||
});
|
|
||||||
|
|
||||||
assert<Equals<z.infer<typeof zTargetType>, TargetType>>;
|
|
||||||
|
|
||||||
return id<z.ZodType<TargetType>>(zTargetType);
|
|
||||||
})();
|
|
||||||
const parsedPackageJson = JSON.parse(
|
|
||||||
fs.readFileSync(buildContext.packageJsonFilePath).toString("utf8")
|
|
||||||
);
|
|
||||||
|
|
||||||
zParsedPackageJson.parse(parsedPackageJson);
|
|
||||||
|
|
||||||
assert(is<ParsedPackageJson>(parsedPackageJson));
|
|
||||||
|
|
||||||
return parsedPackageJson;
|
|
||||||
})();
|
|
||||||
|
|
||||||
addSyncExtensionsToPostinstallScript({
|
|
||||||
parsedPackageJson,
|
|
||||||
buildContext
|
|
||||||
});
|
});
|
||||||
|
|
||||||
const moduleName = `@keycloakify/email-native`;
|
transformCodebase({
|
||||||
|
"srcDirPath": pathJoin(builtinKeycloakThemeTmpDirPath, "base", "email"),
|
||||||
const [version] = ((): string[] => {
|
"destDirPath": emailThemeSrcDirPath
|
||||||
const cmdOutput = child_process
|
});
|
||||||
.execSync(`npm show ${moduleName} versions --json`)
|
|
||||||
.toString("utf8")
|
|
||||||
.trim();
|
|
||||||
|
|
||||||
const versions = JSON.parse(cmdOutput) as string | string[];
|
|
||||||
|
|
||||||
// NOTE: Bug in some older npm versions
|
|
||||||
if (typeof versions === "string") {
|
|
||||||
return [versions];
|
|
||||||
}
|
|
||||||
|
|
||||||
return versions;
|
|
||||||
})()
|
|
||||||
.reverse()
|
|
||||||
.filter(version => !version.includes("-"));
|
|
||||||
|
|
||||||
assert(version !== undefined);
|
|
||||||
|
|
||||||
(parsedPackageJson.dependencies ??= {})[moduleName] = `~${version}`;
|
|
||||||
|
|
||||||
if (parsedPackageJson.devDependencies !== undefined) {
|
|
||||||
delete parsedPackageJson.devDependencies[moduleName];
|
|
||||||
}
|
|
||||||
|
|
||||||
{
|
{
|
||||||
let sourceCode = JSON.stringify(parsedPackageJson, undefined, 2);
|
const themePropertyFilePath = pathJoin(emailThemeSrcDirPath, "theme.properties");
|
||||||
|
|
||||||
if (await getIsPrettierAvailable()) {
|
fs.writeFileSync(themePropertyFilePath, Buffer.from(`parent=base\n${fs.readFileSync(themePropertyFilePath).toString("utf8")}`, "utf8"));
|
||||||
sourceCode = await runPrettier({
|
|
||||||
sourceCode,
|
|
||||||
filePath: buildContext.packageJsonFilePath
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
fs.writeFileSync(
|
|
||||||
buildContext.packageJsonFilePath,
|
|
||||||
Buffer.from(sourceCode, "utf8")
|
|
||||||
);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
await npmInstall({
|
logger.log(`${pathRelative(process.cwd(), emailThemeSrcDirPath)} ready to be customized, feel free to remove every file you do not customize`);
|
||||||
packageJsonDirPath: pathDirname(buildContext.packageJsonFilePath)
|
|
||||||
});
|
|
||||||
|
|
||||||
console.log(chalk.green("Email theme initialized."));
|
fs.rmSync(builtinKeycloakThemeTmpDirPath, { "recursive": true, "force": true });
|
||||||
|
}
|
||||||
|
|
||||||
|
if (require.main === module) {
|
||||||
|
main();
|
||||||
}
|
}
|
||||||
|
|||||||
226
src/bin/keycloakify/BuildOptions.ts
Normal file
226
src/bin/keycloakify/BuildOptions.ts
Normal file
@ -0,0 +1,226 @@
|
|||||||
|
import { assert } from "tsafe/assert";
|
||||||
|
import { id } from "tsafe/id";
|
||||||
|
import { parse as urlParse } from "url";
|
||||||
|
import { typeGuard } from "tsafe/typeGuard";
|
||||||
|
import { symToStr } from "tsafe/symToStr";
|
||||||
|
import { bundlers, getParsedPackageJson, type Bundler } from "./parsedPackageJson";
|
||||||
|
import * as fs from "fs";
|
||||||
|
import { join as pathJoin, sep as pathSep } from "path";
|
||||||
|
|
||||||
|
/** Consolidated build option gathered form CLI arguments and config in package.json */
|
||||||
|
export type BuildOptions = BuildOptions.Standalone | BuildOptions.ExternalAssets;
|
||||||
|
|
||||||
|
export namespace BuildOptions {
|
||||||
|
export type Common = {
|
||||||
|
isSilent: boolean;
|
||||||
|
themeVersion: string;
|
||||||
|
themeName: string;
|
||||||
|
extraLoginPages: string[] | undefined;
|
||||||
|
extraAccountPages: string[] | undefined;
|
||||||
|
extraThemeProperties?: string[];
|
||||||
|
groupId: string;
|
||||||
|
artifactId: string;
|
||||||
|
bundler: Bundler;
|
||||||
|
keycloakVersionDefaultAssets: string;
|
||||||
|
/** Directory of your built react project. Defaults to {cwd}/build */
|
||||||
|
reactAppBuildDirPath: string;
|
||||||
|
/** Directory that keycloakify outputs to. Defaults to {cwd}/build_keycloak */
|
||||||
|
keycloakifyBuildDirPath: string;
|
||||||
|
customUserAttributes: string[];
|
||||||
|
};
|
||||||
|
|
||||||
|
export type Standalone = Common & {
|
||||||
|
isStandalone: true;
|
||||||
|
urlPathname: string | undefined;
|
||||||
|
};
|
||||||
|
|
||||||
|
export type ExternalAssets = ExternalAssets.SameDomain | ExternalAssets.DifferentDomains;
|
||||||
|
|
||||||
|
export namespace ExternalAssets {
|
||||||
|
export type CommonExternalAssets = Common & {
|
||||||
|
isStandalone: false;
|
||||||
|
};
|
||||||
|
|
||||||
|
export type SameDomain = CommonExternalAssets & {
|
||||||
|
areAppAndKeycloakServerSharingSameDomain: true;
|
||||||
|
};
|
||||||
|
|
||||||
|
export type DifferentDomains = CommonExternalAssets & {
|
||||||
|
areAppAndKeycloakServerSharingSameDomain: false;
|
||||||
|
urlOrigin: string;
|
||||||
|
urlPathname: string | undefined;
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export function readBuildOptions(params: { projectDirPath: string; isExternalAssetsCliParamProvided: boolean; isSilent: boolean }): BuildOptions {
|
||||||
|
const { projectDirPath, isExternalAssetsCliParamProvided, isSilent } = params;
|
||||||
|
|
||||||
|
const parsedPackageJson = getParsedPackageJson({ projectDirPath });
|
||||||
|
|
||||||
|
const url = (() => {
|
||||||
|
const { homepage } = parsedPackageJson;
|
||||||
|
|
||||||
|
let url: URL | undefined = undefined;
|
||||||
|
|
||||||
|
if (homepage !== undefined) {
|
||||||
|
url = new URL(homepage);
|
||||||
|
}
|
||||||
|
|
||||||
|
const CNAME = (() => {
|
||||||
|
const cnameFilePath = pathJoin(projectDirPath, "public", "CNAME");
|
||||||
|
|
||||||
|
if (!fs.existsSync(cnameFilePath)) {
|
||||||
|
return undefined;
|
||||||
|
}
|
||||||
|
|
||||||
|
return fs.readFileSync(cnameFilePath).toString("utf8");
|
||||||
|
})();
|
||||||
|
|
||||||
|
if (CNAME !== undefined) {
|
||||||
|
url = new URL(`https://${CNAME.replace(/\s+$/, "")}`);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (url === undefined) {
|
||||||
|
return undefined;
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
"origin": url.origin,
|
||||||
|
"pathname": (() => {
|
||||||
|
const out = url.pathname.replace(/([^/])$/, "$1/");
|
||||||
|
|
||||||
|
return out === "/" ? undefined : out;
|
||||||
|
})()
|
||||||
|
};
|
||||||
|
})();
|
||||||
|
|
||||||
|
const common: BuildOptions.Common = (() => {
|
||||||
|
const { name, keycloakify = {}, version, homepage } = parsedPackageJson;
|
||||||
|
|
||||||
|
const { extraPages, extraLoginPages, extraAccountPages, extraThemeProperties, groupId, artifactId, bundler, keycloakVersionDefaultAssets } =
|
||||||
|
keycloakify ?? {};
|
||||||
|
|
||||||
|
const themeName =
|
||||||
|
keycloakify.themeName ??
|
||||||
|
name
|
||||||
|
.replace(/^@(.*)/, "$1")
|
||||||
|
.split("/")
|
||||||
|
.join("-");
|
||||||
|
|
||||||
|
return {
|
||||||
|
themeName,
|
||||||
|
"bundler": (() => {
|
||||||
|
const { KEYCLOAKIFY_BUNDLER } = process.env;
|
||||||
|
|
||||||
|
assert(
|
||||||
|
typeGuard<Bundler | undefined>(
|
||||||
|
KEYCLOAKIFY_BUNDLER,
|
||||||
|
[undefined, ...id<readonly string[]>(bundlers)].includes(KEYCLOAKIFY_BUNDLER)
|
||||||
|
),
|
||||||
|
`${symToStr({ KEYCLOAKIFY_BUNDLER })} should be one of ${bundlers.join(", ")}`
|
||||||
|
);
|
||||||
|
|
||||||
|
return KEYCLOAKIFY_BUNDLER ?? bundler ?? "keycloakify";
|
||||||
|
})(),
|
||||||
|
"artifactId": process.env.KEYCLOAKIFY_ARTIFACT_ID ?? artifactId ?? `${themeName}-keycloak-theme`,
|
||||||
|
"groupId": (() => {
|
||||||
|
const fallbackGroupId = `${themeName}.keycloak`;
|
||||||
|
|
||||||
|
return (
|
||||||
|
process.env.KEYCLOAKIFY_GROUP_ID ??
|
||||||
|
groupId ??
|
||||||
|
(!homepage
|
||||||
|
? fallbackGroupId
|
||||||
|
: urlParse(homepage)
|
||||||
|
.host?.replace(/:[0-9]+$/, "")
|
||||||
|
?.split(".")
|
||||||
|
.reverse()
|
||||||
|
.join(".") ?? fallbackGroupId) + ".keycloak"
|
||||||
|
);
|
||||||
|
})(),
|
||||||
|
"themeVersion": process.env.KEYCLOAKIFY_THEME_VERSION ?? process.env.KEYCLOAKIFY_VERSION ?? version ?? "0.0.0",
|
||||||
|
"extraLoginPages": [...(extraPages ?? []), ...(extraLoginPages ?? [])],
|
||||||
|
extraAccountPages,
|
||||||
|
extraThemeProperties,
|
||||||
|
isSilent,
|
||||||
|
"keycloakVersionDefaultAssets": keycloakVersionDefaultAssets ?? "11.0.3",
|
||||||
|
"reactAppBuildDirPath": (() => {
|
||||||
|
let { reactAppBuildDirPath = undefined } = parsedPackageJson.keycloakify ?? {};
|
||||||
|
|
||||||
|
if (reactAppBuildDirPath === undefined) {
|
||||||
|
return pathJoin(projectDirPath, "build");
|
||||||
|
}
|
||||||
|
|
||||||
|
if (pathSep === "\\") {
|
||||||
|
reactAppBuildDirPath = reactAppBuildDirPath.replace(/\//g, pathSep);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (reactAppBuildDirPath.startsWith(`.${pathSep}`)) {
|
||||||
|
return pathJoin(projectDirPath, reactAppBuildDirPath);
|
||||||
|
}
|
||||||
|
|
||||||
|
return reactAppBuildDirPath;
|
||||||
|
})(),
|
||||||
|
"keycloakifyBuildDirPath": (() => {
|
||||||
|
let { keycloakifyBuildDirPath = undefined } = parsedPackageJson.keycloakify ?? {};
|
||||||
|
|
||||||
|
if (keycloakifyBuildDirPath === undefined) {
|
||||||
|
return pathJoin(projectDirPath, "build_keycloak");
|
||||||
|
}
|
||||||
|
|
||||||
|
if (pathSep === "\\") {
|
||||||
|
keycloakifyBuildDirPath = keycloakifyBuildDirPath.replace(/\//g, pathSep);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (keycloakifyBuildDirPath.startsWith(`.${pathSep}`)) {
|
||||||
|
return pathJoin(projectDirPath, keycloakifyBuildDirPath);
|
||||||
|
}
|
||||||
|
|
||||||
|
return keycloakifyBuildDirPath;
|
||||||
|
})(),
|
||||||
|
"customUserAttributes": keycloakify.customUserAttributes ?? []
|
||||||
|
};
|
||||||
|
})();
|
||||||
|
|
||||||
|
if (isExternalAssetsCliParamProvided) {
|
||||||
|
const commonExternalAssets = id<BuildOptions.ExternalAssets.CommonExternalAssets>({
|
||||||
|
...common,
|
||||||
|
"isStandalone": false
|
||||||
|
});
|
||||||
|
|
||||||
|
if (parsedPackageJson.keycloakify?.areAppAndKeycloakServerSharingSameDomain) {
|
||||||
|
return id<BuildOptions.ExternalAssets.SameDomain>({
|
||||||
|
...commonExternalAssets,
|
||||||
|
"areAppAndKeycloakServerSharingSameDomain": true
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
assert(
|
||||||
|
url !== undefined,
|
||||||
|
[
|
||||||
|
"Can't compile in external assets mode if we don't know where",
|
||||||
|
"the app will be hosted.",
|
||||||
|
"You should provide a homepage field in the package.json (or create a",
|
||||||
|
"public/CNAME file.",
|
||||||
|
"Alternatively, if your app and the Keycloak server are on the same domain, ",
|
||||||
|
"eg https://example.com is your app and https://example.com/auth is the keycloak",
|
||||||
|
'admin UI, you can set "keycloakify": { "areAppAndKeycloakServerSharingSameDomain": true }',
|
||||||
|
"in your package.json"
|
||||||
|
].join(" ")
|
||||||
|
);
|
||||||
|
|
||||||
|
return id<BuildOptions.ExternalAssets.DifferentDomains>({
|
||||||
|
...commonExternalAssets,
|
||||||
|
"areAppAndKeycloakServerSharingSameDomain": false,
|
||||||
|
"urlOrigin": url.origin,
|
||||||
|
"urlPathname": url.pathname
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return id<BuildOptions.Standalone>({
|
||||||
|
...common,
|
||||||
|
"isStandalone": true,
|
||||||
|
"urlPathname": url?.pathname
|
||||||
|
});
|
||||||
|
}
|
||||||
@ -1,265 +0,0 @@
|
|||||||
import { assert, type Equals } from "tsafe/assert";
|
|
||||||
import type {
|
|
||||||
KeycloakAccountV1Version,
|
|
||||||
KeycloakThemeAdditionalInfoExtensionVersion
|
|
||||||
} from "./extensionVersions";
|
|
||||||
import { join as pathJoin, dirname as pathDirname } from "path";
|
|
||||||
import { transformCodebase } from "../../tools/transformCodebase";
|
|
||||||
import type { BuildContext } from "../../shared/buildContext";
|
|
||||||
import * as fs from "fs/promises";
|
|
||||||
import {
|
|
||||||
generatePom,
|
|
||||||
BuildContextLike as BuildContextLike_generatePom
|
|
||||||
} from "./generatePom";
|
|
||||||
import { readFileSync } from "fs";
|
|
||||||
import { isInside } from "../../tools/isInside";
|
|
||||||
import child_process from "child_process";
|
|
||||||
import { rmSync } from "../../tools/fs.rmSync";
|
|
||||||
import { existsAsync } from "../../tools/fs.existsAsync";
|
|
||||||
|
|
||||||
export type BuildContextLike = BuildContextLike_generatePom & {
|
|
||||||
keycloakifyBuildDirPath: string;
|
|
||||||
themeNames: string[];
|
|
||||||
artifactId: string;
|
|
||||||
themeVersion: string;
|
|
||||||
cacheDirPath: string;
|
|
||||||
implementedThemeTypes: BuildContext["implementedThemeTypes"];
|
|
||||||
};
|
|
||||||
|
|
||||||
assert<BuildContext extends BuildContextLike ? true : false>();
|
|
||||||
|
|
||||||
export async function buildJar(params: {
|
|
||||||
jarFileBasename: string;
|
|
||||||
keycloakAccountV1Version: KeycloakAccountV1Version;
|
|
||||||
keycloakThemeAdditionalInfoExtensionVersion: KeycloakThemeAdditionalInfoExtensionVersion;
|
|
||||||
resourcesDirPath: string;
|
|
||||||
doesImplementAccountV1Theme: boolean;
|
|
||||||
buildContext: BuildContextLike;
|
|
||||||
}): Promise<void> {
|
|
||||||
const {
|
|
||||||
jarFileBasename,
|
|
||||||
keycloakAccountV1Version,
|
|
||||||
keycloakThemeAdditionalInfoExtensionVersion,
|
|
||||||
resourcesDirPath,
|
|
||||||
doesImplementAccountV1Theme,
|
|
||||||
buildContext
|
|
||||||
} = params;
|
|
||||||
|
|
||||||
const keycloakifyBuildCacheDirPath = pathJoin(
|
|
||||||
buildContext.cacheDirPath,
|
|
||||||
"maven",
|
|
||||||
jarFileBasename.replace(".jar", "")
|
|
||||||
);
|
|
||||||
|
|
||||||
const tmpResourcesDirPath = pathJoin(
|
|
||||||
keycloakifyBuildCacheDirPath,
|
|
||||||
"src",
|
|
||||||
"main",
|
|
||||||
"resources"
|
|
||||||
);
|
|
||||||
|
|
||||||
rmSync(tmpResourcesDirPath, { recursive: true, force: true });
|
|
||||||
|
|
||||||
transformCodebase({
|
|
||||||
srcDirPath: resourcesDirPath,
|
|
||||||
destDirPath: tmpResourcesDirPath,
|
|
||||||
transformSourceCode:
|
|
||||||
!doesImplementAccountV1Theme || keycloakAccountV1Version !== null
|
|
||||||
? undefined
|
|
||||||
: (params: {
|
|
||||||
fileRelativePath: string;
|
|
||||||
sourceCode: Buffer;
|
|
||||||
}): { modifiedSourceCode: Buffer } | undefined => {
|
|
||||||
const { fileRelativePath, sourceCode } = params;
|
|
||||||
|
|
||||||
if (
|
|
||||||
isInside({
|
|
||||||
dirPath: pathJoin("theme", "account-v1"),
|
|
||||||
filePath: fileRelativePath
|
|
||||||
})
|
|
||||||
) {
|
|
||||||
return undefined;
|
|
||||||
}
|
|
||||||
|
|
||||||
for (const themeName of buildContext.themeNames) {
|
|
||||||
if (
|
|
||||||
fileRelativePath ===
|
|
||||||
pathJoin("theme", themeName, "account", "theme.properties")
|
|
||||||
) {
|
|
||||||
const modifiedSourceCode = Buffer.from(
|
|
||||||
sourceCode
|
|
||||||
.toString("utf8")
|
|
||||||
.replace(`parent=account-v1`, "parent=keycloak"),
|
|
||||||
"utf8"
|
|
||||||
);
|
|
||||||
|
|
||||||
assert(
|
|
||||||
Buffer.compare(modifiedSourceCode, sourceCode) !== 0
|
|
||||||
);
|
|
||||||
|
|
||||||
return { modifiedSourceCode };
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return { modifiedSourceCode: sourceCode };
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
{
|
|
||||||
const filePath = pathJoin(
|
|
||||||
tmpResourcesDirPath,
|
|
||||||
"META-INF",
|
|
||||||
"keycloak-themes.json"
|
|
||||||
);
|
|
||||||
|
|
||||||
await fs.mkdir(pathDirname(filePath));
|
|
||||||
|
|
||||||
await fs.writeFile(
|
|
||||||
filePath,
|
|
||||||
Buffer.from(
|
|
||||||
JSON.stringify(
|
|
||||||
{
|
|
||||||
themes: await (async () => {
|
|
||||||
const dirPath = pathJoin(tmpResourcesDirPath, "theme");
|
|
||||||
|
|
||||||
const themeNames = (await fs.readdir(dirPath)).sort(
|
|
||||||
(a, b) => {
|
|
||||||
const indexA = buildContext.themeNames.indexOf(a);
|
|
||||||
const indexB = buildContext.themeNames.indexOf(b);
|
|
||||||
|
|
||||||
const orderA = indexA === -1 ? Infinity : indexA;
|
|
||||||
const orderB = indexB === -1 ? Infinity : indexB;
|
|
||||||
|
|
||||||
return orderA - orderB;
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
return Promise.all(
|
|
||||||
themeNames.map(async themeName => {
|
|
||||||
const types = await fs.readdir(
|
|
||||||
pathJoin(dirPath, themeName)
|
|
||||||
);
|
|
||||||
|
|
||||||
return {
|
|
||||||
name: themeName,
|
|
||||||
types
|
|
||||||
};
|
|
||||||
})
|
|
||||||
);
|
|
||||||
})()
|
|
||||||
},
|
|
||||||
null,
|
|
||||||
2
|
|
||||||
),
|
|
||||||
"utf8"
|
|
||||||
)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
route_legacy_pages: {
|
|
||||||
if (!buildContext.implementedThemeTypes.login.isImplemented) {
|
|
||||||
break route_legacy_pages;
|
|
||||||
}
|
|
||||||
|
|
||||||
await Promise.all(
|
|
||||||
(["register.ftl", "login-update-profile.ftl"] as const)
|
|
||||||
.map(pageId =>
|
|
||||||
buildContext.themeNames.map(async themeName => {
|
|
||||||
const ftlFilePath = pathJoin(
|
|
||||||
tmpResourcesDirPath,
|
|
||||||
"theme",
|
|
||||||
themeName,
|
|
||||||
"login",
|
|
||||||
pageId
|
|
||||||
);
|
|
||||||
|
|
||||||
// NOTE: https://github.com/keycloakify/keycloakify/issues/665
|
|
||||||
if (!(await existsAsync(ftlFilePath))) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
const ftlFileContent = readFileSync(ftlFilePath).toString("utf8");
|
|
||||||
|
|
||||||
const ftlFileBasename = (() => {
|
|
||||||
switch (pageId) {
|
|
||||||
case "register.ftl":
|
|
||||||
return "register-user-profile.ftl";
|
|
||||||
case "login-update-profile.ftl":
|
|
||||||
return "update-user-profile.ftl";
|
|
||||||
}
|
|
||||||
assert<Equals<typeof pageId, never>>(false);
|
|
||||||
})();
|
|
||||||
|
|
||||||
const modifiedFtlFileContent = ftlFileContent.replace(
|
|
||||||
`"ftlTemplateFileName": "${pageId}"`,
|
|
||||||
`"ftlTemplateFileName": "${ftlFileBasename}"`
|
|
||||||
);
|
|
||||||
|
|
||||||
assert(modifiedFtlFileContent !== ftlFileContent);
|
|
||||||
|
|
||||||
await fs.writeFile(
|
|
||||||
pathJoin(pathDirname(ftlFilePath), ftlFileBasename),
|
|
||||||
Buffer.from(modifiedFtlFileContent, "utf8")
|
|
||||||
);
|
|
||||||
})
|
|
||||||
)
|
|
||||||
.flat()
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
{
|
|
||||||
const { pomFileCode } = generatePom({
|
|
||||||
buildContext,
|
|
||||||
keycloakAccountV1Version,
|
|
||||||
keycloakThemeAdditionalInfoExtensionVersion
|
|
||||||
});
|
|
||||||
|
|
||||||
await fs.writeFile(
|
|
||||||
pathJoin(keycloakifyBuildCacheDirPath, "pom.xml"),
|
|
||||||
Buffer.from(pomFileCode, "utf8")
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
{
|
|
||||||
const mvnBuildCmd = `mvn clean install -Dmaven.repo.local="${pathJoin(keycloakifyBuildCacheDirPath, ".m2")}"`;
|
|
||||||
|
|
||||||
await new Promise<void>((resolve, reject) =>
|
|
||||||
child_process.exec(
|
|
||||||
mvnBuildCmd,
|
|
||||||
{ cwd: keycloakifyBuildCacheDirPath },
|
|
||||||
error => {
|
|
||||||
if (error !== null) {
|
|
||||||
console.error(
|
|
||||||
[
|
|
||||||
`Build jar failed: ${JSON.stringify(
|
|
||||||
{
|
|
||||||
jarFileBasename,
|
|
||||||
keycloakAccountV1Version,
|
|
||||||
keycloakThemeAdditionalInfoExtensionVersion
|
|
||||||
},
|
|
||||||
null,
|
|
||||||
2
|
|
||||||
)}`,
|
|
||||||
"Try running the following command to debug the issue (you are probably under a restricted network and you need to configure your proxy):",
|
|
||||||
`cd ${keycloakifyBuildCacheDirPath} && ${mvnBuildCmd}`
|
|
||||||
].join("\n")
|
|
||||||
);
|
|
||||||
|
|
||||||
reject(error);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
resolve();
|
|
||||||
}
|
|
||||||
)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
await fs.rename(
|
|
||||||
pathJoin(
|
|
||||||
keycloakifyBuildCacheDirPath,
|
|
||||||
"target",
|
|
||||||
`${buildContext.artifactId}-${buildContext.themeVersion}.jar`
|
|
||||||
),
|
|
||||||
pathJoin(buildContext.keycloakifyBuildDirPath, jarFileBasename)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@ -1,68 +0,0 @@
|
|||||||
import { assert } from "tsafe/assert";
|
|
||||||
import {
|
|
||||||
keycloakAccountV1Versions,
|
|
||||||
keycloakThemeAdditionalInfoExtensionVersions
|
|
||||||
} from "./extensionVersions";
|
|
||||||
import { getKeycloakVersionRangeForJar } from "./getKeycloakVersionRangeForJar";
|
|
||||||
import { buildJar, BuildContextLike as BuildContextLike_buildJar } from "./buildJar";
|
|
||||||
import type { BuildContext } from "../../shared/buildContext";
|
|
||||||
|
|
||||||
export type BuildContextLike = BuildContextLike_buildJar & {
|
|
||||||
projectDirPath: string;
|
|
||||||
keycloakifyBuildDirPath: string;
|
|
||||||
implementedThemeTypes: BuildContext["implementedThemeTypes"];
|
|
||||||
jarTargets: BuildContext["jarTargets"];
|
|
||||||
};
|
|
||||||
|
|
||||||
assert<BuildContext extends BuildContextLike ? true : false>();
|
|
||||||
|
|
||||||
export async function buildJars(params: {
|
|
||||||
resourcesDirPath: string;
|
|
||||||
buildContext: BuildContextLike;
|
|
||||||
}): Promise<void> {
|
|
||||||
const { resourcesDirPath, buildContext } = params;
|
|
||||||
|
|
||||||
const doesImplementAccountV1Theme =
|
|
||||||
buildContext.implementedThemeTypes.account.isImplemented &&
|
|
||||||
buildContext.implementedThemeTypes.account.type === "Multi-Page";
|
|
||||||
|
|
||||||
await Promise.all(
|
|
||||||
keycloakAccountV1Versions
|
|
||||||
.map(keycloakAccountV1Version =>
|
|
||||||
keycloakThemeAdditionalInfoExtensionVersions.map(
|
|
||||||
keycloakThemeAdditionalInfoExtensionVersion => {
|
|
||||||
const keycloakVersionRange = getKeycloakVersionRangeForJar({
|
|
||||||
doesImplementAccountV1Theme,
|
|
||||||
keycloakAccountV1Version,
|
|
||||||
keycloakThemeAdditionalInfoExtensionVersion
|
|
||||||
});
|
|
||||||
|
|
||||||
if (keycloakVersionRange === undefined) {
|
|
||||||
return undefined;
|
|
||||||
}
|
|
||||||
|
|
||||||
const jarTarget = buildContext.jarTargets.find(
|
|
||||||
jarTarget =>
|
|
||||||
jarTarget.keycloakVersionRange === keycloakVersionRange
|
|
||||||
);
|
|
||||||
|
|
||||||
if (jarTarget === undefined) {
|
|
||||||
return undefined;
|
|
||||||
}
|
|
||||||
|
|
||||||
const { jarFileBasename } = jarTarget;
|
|
||||||
|
|
||||||
return buildJar({
|
|
||||||
jarFileBasename,
|
|
||||||
keycloakAccountV1Version,
|
|
||||||
keycloakThemeAdditionalInfoExtensionVersion,
|
|
||||||
resourcesDirPath,
|
|
||||||
doesImplementAccountV1Theme,
|
|
||||||
buildContext
|
|
||||||
});
|
|
||||||
}
|
|
||||||
)
|
|
||||||
)
|
|
||||||
.flat()
|
|
||||||
);
|
|
||||||
}
|
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user