@keycloakify/angular 21.0.0-rc.3 → 21.0.0-rc.4

package/bin/671.index.js

@@ -908,6 +908,7 @@ async function command(params) {
         }
         return (0,external_path_.join)('pages', pageIdOrComponent.replace(/\.ftl$/, ''));
     })();
+    let hasEjectedUserProfileFormFieldsComponent = false;
     {
         const componentDirRelativeToThemeTypePaths = [
             componentDirRelativeToThemeTypePath
@@ -915,6 +916,10 @@ async function command(params) {
         while (componentDirRelativeToThemeTypePaths.length !== 0) {
             const componentDirRelativeToThemeTypePath_i = componentDirRelativeToThemeTypePaths.pop();
             (0,assert/* assert */.v)(componentDirRelativeToThemeTypePath_i !== undefined);
+            if (componentDirRelativeToThemeTypePath_i ===
+                (0,external_path_.join)('components', 'user-profile-form-fields')) {
+                hasEjectedUserProfileFormFieldsComponent = true;
+            }
             const destDirPath = (0,external_path_.join)(buildContext.themeSrcDirPath, themeType, componentDirRelativeToThemeTypePath_i);
             const dirName = (0,external_path_.basename)(destDirPath);
             const tsFilePath = (0,external_path_.join)(destDirPath, `${dirName}.component.ts`);
@@ -994,12 +999,21 @@ async function command(params) {
         }
     }
     edit_KcFiles: {
-        if (pageIdOrComponent !== templateValue &&
-            pageIdOrComponent !== userProfileFormFieldsValue) {
+        const componentRelativeDirPath_posix = (() => {
+            if (pageIdOrComponent === templateValue) {
+                return 'template';
+            }
+            if (pageIdOrComponent === userProfileFormFieldsValue ||
+                hasEjectedUserProfileFormFieldsComponent) {
+                return 'components/user-profile-form-fields';
+            }
+            return undefined;
+        })();
+        if (componentRelativeDirPath_posix === undefined) {
             break edit_KcFiles;
         }
         const filesToProcess = ['KcPage.ts', 'KcPageStory.ts'];
-        for (let fileName of filesToProcess) {
+        for (const fileName of filesToProcess) {
             const filePath = (0,external_path_.join)(buildContext.themeSrcDirPath, themeType, fileName);
             if (!external_fs_.existsSync(filePath)) {
                 console.log(source/* default */.Ay.yellow(`${fileName} not found, skipping`));
@@ -1007,9 +1021,6 @@ async function command(params) {
             }
             const originalCode = external_fs_.readFileSync(filePath).toString('utf8');
             const modifiedCode = await (async () => {
-                const componentRelativeDirPath_posix = componentDirRelativeToThemeTypePath
-                    .split(external_path_.sep)
-                    .join('/');
                 let sourceCode = originalCode.replace(`@keycloakify/angular/${themeType}/${componentRelativeDirPath_posix}`, componentRelativeDirPath_posix_to_componentRelativeFilePath_posix({
                     componentRelativeDirPath_posix: `./${componentRelativeDirPath_posix}`
                 }));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@keycloakify/angular",
   "type": "module",
-  "version": "21.0.0-rc.3",
+  "version": "21.0.0-rc.4",
   "peerDependencies": {
     "keycloakify": "^11.13.0",
     "@angular/core": "^21.0.0",

package/src/bin/eject-page.ts

@@ -20,7 +20,7 @@ import {
     posix as pathPosix,
     basename as pathBase
 } from 'path';
-import { assert, Equals } from 'tsafe/assert';
+import { assert, type Equals } from 'tsafe/assert';
 import chalk from 'chalk';
 import { transformCodebase } from './tools/transformCodebase_async';
 import { kebabCaseToCamelCase } from './tools/kebabCaseToSnakeCase';
@@ -129,6 +129,8 @@ export async function command(params: { buildContext: BuildContext }) {
         return pathJoin('pages', pageIdOrComponent.replace(/\.ftl$/, ''));
     })();
 
+    let hasEjectedUserProfileFormFieldsComponent = false;
+
     {
         const componentDirRelativeToThemeTypePaths = [
             componentDirRelativeToThemeTypePath
@@ -140,6 +142,13 @@ export async function command(params: { buildContext: BuildContext }) {
 
             assert(componentDirRelativeToThemeTypePath_i !== undefined);
 
+            if (
+                componentDirRelativeToThemeTypePath_i ===
+                pathJoin('components', 'user-profile-form-fields')
+            ) {
+                hasEjectedUserProfileFormFieldsComponent = true;
+            }
+
             const destDirPath = pathJoin(
                 buildContext.themeSrcDirPath,
                 themeType,
@@ -301,16 +310,28 @@ export async function command(params: { buildContext: BuildContext }) {
     }
 
     edit_KcFiles: {
-        if (
-            pageIdOrComponent !== templateValue &&
-            pageIdOrComponent !== userProfileFormFieldsValue
-        ) {
+        const componentRelativeDirPath_posix = (() => {
+            if (pageIdOrComponent === templateValue) {
+                return 'template';
+            }
+
+            if (
+                pageIdOrComponent === userProfileFormFieldsValue ||
+                hasEjectedUserProfileFormFieldsComponent
+            ) {
+                return 'components/user-profile-form-fields';
+            }
+
+            return undefined;
+        })();
+
+        if (componentRelativeDirPath_posix === undefined) {
             break edit_KcFiles;
         }
 
         const filesToProcess = ['KcPage.ts', 'KcPageStory.ts'];
 
-        for (let fileName of filesToProcess) {
+        for (const fileName of filesToProcess) {
             const filePath = pathJoin(buildContext.themeSrcDirPath, themeType, fileName);
 
             if (!fs.existsSync(filePath)) {
@@ -321,10 +342,6 @@ export async function command(params: { buildContext: BuildContext }) {
             const originalCode = fs.readFileSync(filePath).toString('utf8');
 
             const modifiedCode = await (async () => {
-                const componentRelativeDirPath_posix = componentDirRelativeToThemeTypePath
-                    .split(pathSep)
-                    .join('/');
-
                 let sourceCode = originalCode.replace(
                     `@keycloakify/angular/${themeType}/${componentRelativeDirPath_posix}`,
                     componentRelativeDirPath_posix_to_componentRelativeFilePath_posix({