@keycloakify/angular 0.2.12 → 0.2.14

package/README.md

@@ -33,6 +33,8 @@
 
 ## Using the library
 
+Don't, it's not ready yet. Subscribe to notifications to know when it it.
+
 See [getting started](https://docs.keycloakify.dev/).
 
 | Angular | @keycloakify/angular | Maintained |

package/bin/671.index.js

@@ -869,6 +869,7 @@ async function command(params) {
     console.log(source/* default */.Ay.cyan('Select the page you want to customize:'));
     const templateValue = 'template.ftl (Layout common to every page)';
     const userProfileFormFieldsValue = 'user-profile-commons.ftl (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 dist_default()({
         values: (() => {
             switch (themeType) {
@@ -876,10 +877,11 @@ async function command(params) {
                     return [
                         templateValue,
                         userProfileFormFieldsValue,
-                        ...constants/* LOGIN_THEME_PAGE_IDS */.hz
+                        ...constants/* LOGIN_THEME_PAGE_IDS */.hz,
+                        otherPageValue
                     ];
                 case 'account':
-                    return [templateValue, ...constants/* ACCOUNT_THEME_PAGE_IDS */.Hp];
+                    return [templateValue, ...constants/* ACCOUNT_THEME_PAGE_IDS */.Hp, otherPageValue];
                 case 'admin':
                     return [];
             }
@@ -888,6 +890,13 @@ async function command(params) {
     }).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 componentRelativeDirPath_posix_to_componentRelativeFilePath_posix = (params) => {
         const { componentRelativeDirPath_posix } = params;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@keycloakify/angular",
   "type": "module",
-  "version": "0.2.12",
+  "version": "0.2.14",
   "peerDependencies": {
     "keycloakify": "^11.7.0",
     "@angular/core": "^19.0.0",

package/src/bin/eject-page.ts

@@ -68,12 +68,14 @@ export async function command(params: { buildContext: BuildContext }) {
     const templateValue = 'template.ftl (Layout common to every page)';
     const userProfileFormFieldsValue =
         'user-profile-commons.ftl (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) {
@@ -81,10 +83,11 @@ export async function command(params: { buildContext: BuildContext }) {
                     return [
                         templateValue,
                         userProfileFormFieldsValue,
-                        ...LOGIN_THEME_PAGE_IDS
+                        ...LOGIN_THEME_PAGE_IDS,
+                        otherPageValue
                     ];
                 case 'account':
-                    return [templateValue, ...ACCOUNT_THEME_PAGE_IDS];
+                    return [templateValue, ...ACCOUNT_THEME_PAGE_IDS, otherPageValue];
                 case 'admin':
                     return [];
             }
@@ -94,6 +97,17 @@ export async function command(params: { buildContext: BuildContext }) {
         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 componentRelativeDirPath_posix_to_componentRelativeFilePath_posix = (params: {

package/src/bin/initialize-account-theme/boilerplate/i18n.ts

@@ -1,11 +1,10 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
 import { i18nBuilder } from '@keycloakify/angular/account';
-import { ThemeName } from '../kc.gen';
+import type { ThemeName } from '../kc.gen';
+
+/** @see: https://docs.keycloakify.dev/features/i18n */
+const { getI18n, ofTypeI18n } = i18nBuilder.withThemeName<ThemeName>().build();
 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-const { getI18n, ofTypeI18n } = i18nBuilder
-    .withThemeName<ThemeName>()
-    .withExtraLanguages({}) // See: https://docs.keycloakify.dev/i18n/adding-support-for-extra-languages
-    .withCustomTranslations({}) // See: https://docs.keycloakify.dev/i18n/adding-new-translation-messages-or-changing-the-default-ones
-    .build();
 type I18n = typeof ofTypeI18n;
+
 export { getI18n, type I18n };

package/src/bin/tsconfig.json

@@ -18,6 +18,6 @@
     "include": ["**/*.ts"],
     "exclude": ["initialize-account-theme/boilerplate"],
     "ts-node": {
-      "esm": true
+        "esm": true
     }
 }