+ Hello {decodedIdToken.name}
+
+
+ {#if $decodedAccessToken !== null}
+
Decoded Access Token:
+{JSON.stringify(
+ $decodedAccessToken,
+ null,
+ 2
+ )}
+ {:else}
+ The Access Token issued by the IDP is opaque (Not a JWT).
+ {/if} ++ + +{/if} diff --git a/examples/svelte-multi-providers/src/pages/PublicPage.svelte b/examples/svelte-multi-providers/src/pages/PublicPage.svelte new file mode 100644 index 00000000..8a2625e0 --- /dev/null +++ b/examples/svelte-multi-providers/src/pages/PublicPage.svelte @@ -0,0 +1,14 @@ + + + +
This is a page that do not requires the user to be authenticated
diff --git a/examples/svelte-multi-providers/src/routes.ts b/examples/svelte-multi-providers/src/routes.ts new file mode 100644 index 00000000..6ff7b78c --- /dev/null +++ b/examples/svelte-multi-providers/src/routes.ts @@ -0,0 +1,19 @@ +import { type RouteConfig } from "@mateothegreat/svelte5-router"; +import { beforeLoad_protectedRoute } from "./oidc"; +import ProtectedPage from "./pages/ProtectedPage.svelte"; +import PublicPage from "./pages/PublicPage.svelte"; + +export const routes: RouteConfig[] = [ + { + component: PublicPage + }, + { + path: "protected", + component: ProtectedPage, + hooks: { + pre: async route => { + return beforeLoad_protectedRoute({ cause: "" }); + } + } + } +]; diff --git a/examples/svelte-multi-providers/src/vite-env.d.ts b/examples/svelte-multi-providers/src/vite-env.d.ts new file mode 100644 index 00000000..11f02fe2 --- /dev/null +++ b/examples/svelte-multi-providers/src/vite-env.d.ts @@ -0,0 +1 @@ +///Loading...
+{:else if isOidcInitializationError(oidcOrInitializationError)} + {@const initializationError = oidcOrInitializationError} ++ An error occurred while initializing the OIDC client: + {initializationError.message} +
+{:else} + {@const oidc = oidcOrInitializationError} +
+
+{/if}
diff --git a/examples/svelte/src/components/Header.svelte b/examples/svelte/src/components/Header.svelte
new file mode 100644
index 00000000..42bd51b0
--- /dev/null
+++ b/examples/svelte/src/components/Header.svelte
@@ -0,0 +1,35 @@
+
+
+
+
+ Are you still there?
+You will be logged out in {$secondsLeft}
+
+ OIDC-SPA + Svelte5 Router
+
+ {#if initializationError !== undefined}
+
diff --git a/examples/svelte/src/components/LoggedInAuthButton.svelte b/examples/svelte/src/components/LoggedInAuthButton.svelte
new file mode 100644
index 00000000..d669a0c2
--- /dev/null
+++ b/examples/svelte/src/components/LoggedInAuthButton.svelte
@@ -0,0 +1,11 @@
+
+
+
+ {initializationError.isAuthServerLikelyDown
+ ? "Sorry our Auth server is down"
+ : `Initialization error: ${initializationError.message}`}
+
+ {/if}
+
+
+ Home
+
+ My protected page
+
+ {#if isUserLoggedIn}
+
+ Hello {decodedIdToken.name}
+
+
+
diff --git a/examples/svelte/src/components/NotLoggedInAuthButton.svelte b/examples/svelte/src/components/NotLoggedInAuthButton.svelte
new file mode 100644
index 00000000..9dfe9b0b
--- /dev/null
+++ b/examples/svelte/src/components/NotLoggedInAuthButton.svelte
@@ -0,0 +1,39 @@
+
+
+
+
+ {#if keycloakUtils !== undefined}
+
+ {/if}
+ {#if isAuth0}
+
+ {/if}
+
diff --git a/examples/svelte/src/env.d.ts b/examples/svelte/src/env.d.ts
new file mode 100644
index 00000000..d8d2aae8
--- /dev/null
+++ b/examples/svelte/src/env.d.ts
@@ -0,0 +1,10 @@
+///
+ Hello {decodedIdToken.name}
+
+
+ {#if $decodedAccessToken !== null}
+
Decoded Access Token:
+{JSON.stringify(
+ $decodedAccessToken,
+ null,
+ 2
+ )}
+ {:else}
+ The Access Token issued by the IDP is opaque (Not a JWT).
+ {/if} ++ +
+ {#if keycloakUtils !== undefined} +
+ + {#if backFromAuthServer?.extraQueryParams.kc_action === "UPDATE_PASSWORD"} +
Result: {backFromAuthServer.result.kc_action_status}
+ {/if} ++ + {#if backFromAuthServer?.extraQueryParams.kc_action === "UPDATE_PROFILE"} +
Result: {backFromAuthServer.result.kc_action_status}
+ {/if} ++ +
+ + Go to Keycloak Account Management Console + + {/if} + +{/if} diff --git a/examples/svelte/src/pages/PublicPage.svelte b/examples/svelte/src/pages/PublicPage.svelte new file mode 100644 index 00000000..8a2625e0 --- /dev/null +++ b/examples/svelte/src/pages/PublicPage.svelte @@ -0,0 +1,14 @@ + + + +