@keycloakify/angular 0.0.1-rc.0

package/src/login/pipes/to-number.pipe.ts

@@ -0,0 +1,13 @@
+import { Pipe, PipeTransform } from "@angular/core";
+
+@Pipe({
+    name: "toNumber",
+    standalone: true
+})
+export class ToNumberPipe implements PipeTransform {
+    transform(value: string | number): number {
+        const number = parseInt(`${value}`);
+        if (isNaN(number)) throw new Error("number is NaN");
+        return number;
+    }
+}

package/src/login/services/index.ts

@@ -0,0 +1,2 @@
+export * from "./login-resource-injector.service";
+export * from "./user-profile-form.service";

package/src/login/services/login-resource-injector.service.ts

@@ -0,0 +1,72 @@
+import { inject, Injectable } from "@angular/core";
+import { KC_CONTEXT } from "@keycloakify/angular/lib/public-api";
+import { ResourceInjectorService, Script } from "@keycloakify/angular/lib/public-api";
+import { KcContext } from "keycloakify/login/KcContext";
+import { catchError, forkJoin, of, switchMap } from "rxjs";
+
+@Injectable({
+    providedIn: "root"
+})
+export class LoginResourceInjectorService {
+    private kcContext: KcContext = inject<KcContext>(KC_CONTEXT);
+    private resourceInjectorService: ResourceInjectorService = inject(
+        ResourceInjectorService
+    );
+
+    injectResource(doUseDefaultCss = true) {
+        if (!doUseDefaultCss) {
+            this.injectScripts();
+            return of(true);
+        }
+        const stylesheets = [
+            `${this.kcContext.url.resourcesCommonPath}/node_modules/@patternfly/patternfly/patternfly.min.css`,
+            `${this.kcContext.url.resourcesCommonPath}/node_modules/patternfly/dist/css/patternfly.min.css`,
+            `${this.kcContext.url.resourcesCommonPath}/node_modules/patternfly/dist/css/patternfly-additions.min.css`,
+            `${this.kcContext.url.resourcesCommonPath}/lib/pficon/pficon.css`,
+            `${this.kcContext.url.resourcesPath}/css/login.css`
+        ];
+
+        return forkJoin(
+            stylesheets.map(url => this.resourceInjectorService.createLink(url))
+        ).pipe(
+            switchMap(() => {
+                this.injectScripts();
+                return of(true);
+            }),
+            catchError(error => {
+                console.error("Error loading styles:", error);
+                return of(false);
+            })
+        );
+    }
+
+    insertAdditionalScripts(scripts: Script[]) {
+        scripts.map(script => this.resourceInjectorService.createScript(script));
+    }
+
+    private injectScripts() {
+        const scripts: Script[] = [
+            {
+                type: "module",
+                id: `${this.kcContext.url.resourcesPath}/js/menu-button-links.js`,
+                src: `${this.kcContext.url.resourcesPath}/js/menu-button-links.js`
+            },
+            ...this.kcContext.scripts.map(script => ({
+                type: "text/javascript",
+                src: script,
+                id: script
+            })),
+            {
+                type: "module",
+                id: "authenticationSession",
+                textContent: `
+        import { checkCookiesAndSetTimer } from "${this.kcContext.url.resourcesPath}/js/authChecker.js";
+          
+        checkCookiesAndSetTimer(
+            "${this.kcContext.url.ssoLoginInOtherTabsUrl}"
+        );`
+            }
+        ];
+        this.insertAdditionalScripts(scripts);
+    }
+}