PenguinOwl/keycloak-theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update

Browse Source
This commit is contained in:
Joseph Garrone
2024-06-09 10:24:14 +02:00
parent 5a42b618bd
commit b6159180ea
10 changed files with 83 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/account/KcApp.tsx
View File

@ -1,21 +1,12 @@
import { Suspense, lazy } from "react";
import { Suspense } from "react";
import type { ClassKey } from "keycloakify/account";
import type { KcContext } from "./KcContext";
import { useI18n } from "./i18n";
import Fallback from "keycloakify/account/Fallback";
import Template from "keycloakify/account/Template";
const Fallback = lazy(() => import("keycloakify/account/Fallback"));
const classes = {} satisfies { [key in ClassKey]?: string };
export default function KcApp(props: { kcContext: KcContext }) {
const { kcContext } = props;
const i18n = useI18n({ kcContext });
if (i18n === null) {
return null;
}
return (
<Suspense>
{(() => {
@ -23,12 +14,9 @@ export default function KcApp(props: { kcContext: KcContext }) {
default:
return (
<Fallback
{...{
kcContext,
i18n,
classes,
Template
}}
kcContext={kcContext}
classes={classes}
Template={Template}
doUseDefaultCss={true}
/>
);
@ -37,3 +25,5 @@ export default function KcApp(props: { kcContext: KcContext }) {
</Suspense>
);
}
const classes = {} satisfies { [key in ClassKey]?: string };

12
src/account/KcContext.ts
View File

@ -1,11 +1,15 @@
/* eslint-disable @typescript-eslint/ban-types */
import type { ExtendKcContext } from "keycloakify/account";
import type { KcEnvName, ThemeName } from "../kc.gen";
export type KcContextExtraProperties = {};
export type KcContextExtension = {
themeName: ThemeName;
properties: Record<KcEnvName, string> & {};
};
export type KcContextExtraPropertiesPerPage = {};
export type KcContextExtensionPerPage = {};
export type KcContext = ExtendKcContext<
KcContextExtraProperties,
KcContextExtraPropertiesPerPage
KcContextExtension,
KcContextExtensionPerPage
>;

18
src/account/PageStory.tsx
View File

@ -2,17 +2,23 @@ import type { DeepPartial } from "keycloakify/tools/DeepPartial";
import type { KcContext } from "./KcContext";
import { createGetKcContextMock } from "keycloakify/account/KcContext";
import type {
KcContextExtraProperties,
KcContextExtraPropertiesPerPage
KcContextExtension,
KcContextExtensionPerPage
} from "./KcContext";
import KcApp from "./KcApp";
import { themeNames, kcEnvDefaults } from "../kc.gen";
const kcContextExtraProperties: KcContextExtraProperties = {};
const kcContextExtraPropertiesPerPage: KcContextExtraPropertiesPerPage = {};
const kcContextExtension: KcContextExtension = {
themeName: themeNames[0],
properties: {
...kcEnvDefaults
}
};
const kcContextExtensionPerPage: KcContextExtensionPerPage = {};
export const { getKcContextMock } = createGetKcContextMock({
kcContextExtraProperties,
kcContextExtraPropertiesPerPage,
kcContextExtension,
kcContextExtensionPerPage,
overrides: {},
overridesPerPage: {}
});

21
src/kc.gen.ts Normal file
View File

@ -0,0 +1,21 @@
/* prettier-ignore-start */
/* eslint-disable */
// @ts-nocheck
// noinspection JSUnusedGlobalSymbols
// This file is auto-generated by Keycloakify
export type ThemeName = "keycloakify-starter";
export const themeNames: ThemeName[] = ["keycloakify-starter"];
export type KcEnvName = never;
export const KcEnvNames: KcEnvName[] = [];
export const kcEnvDefaults: Record<KcEnvName, string> = {};
/* prettier-ignore-end */

25
src/login/KcApp.tsx
View File

@ -1,19 +1,16 @@
import { Suspense, lazy } from "react";
import type { ClassKey } from "keycloakify/login";
import type { KcContext } from "./KcContext";
import { useI18n } from "./i18n";
import { useDownloadTerms } from "keycloakify/login";
import Fallback from "keycloakify/login/Fallback";
import Template from "keycloakify/login/Template";
const Fallback = lazy(() => import("keycloakify/login/Fallback"));
const UserProfileFormFields = lazy(() => import("keycloakify/login/UserProfileFormFields"));
const classes = {} satisfies { [key in ClassKey]?: string };
const doMakeUserConfirmPassword = true;
export default function KcApp(props: { kcContext: KcContext }) {
const { kcContext } = props;
const i18n = useI18n({ kcContext });
useDownloadTerms({
kcContext,
downloadTermsMarkdown: async ({ currentLanguageTag }) => {
@ -39,10 +36,6 @@ export default function KcApp(props: { kcContext: KcContext }) {
}
});
if (i18n === null) {
return null;
}
return (
<Suspense>
{(() => {
@ -50,14 +43,12 @@ export default function KcApp(props: { kcContext: KcContext }) {
default:
return (
<Fallback
{...{
kcContext,
i18n,
classes,
Template,
UserProfileFormFields
}}
kcContext={kcContext}
classes={classes}
Template={Template}
doUseDefaultCss={true}
UserProfileFormFields={UserProfileFormFields}
doMakeUserConfirmPassword={doMakeUserConfirmPassword}
/>
);
}
@ -65,3 +56,5 @@ export default function KcApp(props: { kcContext: KcContext }) {
</Suspense>
);
}
const classes = {} satisfies { [key in ClassKey]?: string };

12
src/login/KcContext.ts
View File

@ -1,11 +1,15 @@
/* eslint-disable @typescript-eslint/ban-types */
import type { ExtendKcContext } from "keycloakify/login";
import type { KcEnvName, ThemeName } from "../kc.gen";
export type KcContextExtraProperties = {};
export type KcContextExtension = {
themeName: ThemeName;
properties: Record<KcEnvName, string> & {};
};
export type KcContextExtraPropertiesPerPage = {};
export type KcContextExtensionPerPage = {};
export type KcContext = ExtendKcContext<
KcContextExtraProperties,
KcContextExtraPropertiesPerPage
KcContextExtension,
KcContextExtensionPerPage
>;

18
src/login/PageStory.tsx
View File

@ -3,16 +3,22 @@ import type { KcContext } from "./KcContext";
import KcApp from "./KcApp";
import { createGetKcContextMock } from "keycloakify/login/KcContext";
import type {
KcContextExtraProperties,
KcContextExtraPropertiesPerPage
KcContextExtension,
KcContextExtensionPerPage
} from "./KcContext";
import { themeNames, kcEnvDefaults } from "../kc.gen";
const kcContextExtraProperties: KcContextExtraProperties = {};
const kcContextExtraPropertiesPerPage: KcContextExtraPropertiesPerPage = {};
const kcContextExtension: KcContextExtension = {
themeName: themeNames[0],
properties: {
...kcEnvDefaults
}
};
const kcContextExtensionPerPage: KcContextExtensionPerPage = {};
export const { getKcContextMock } = createGetKcContextMock({
kcContextExtraProperties,
kcContextExtraPropertiesPerPage,
kcContextExtension,
kcContextExtensionPerPage,
overrides: {},
overridesPerPage: {}
});