feat(console): display jwks uri on application details page

logto-io · Feb 7, 2025 · 297bcd4 · 297bcd4
1 parent 91cfed9
commit 297bcd4
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 8 deletions.
diff --git a/.changeset/purple-glasses-fix.md b/.changeset/purple-glasses-fix.md
@@ -0,0 +1,6 @@
+---
+"@logto/console": minor
+"@logto/phrases": minor
+---
+
+feat(console): display jwks uri on application details page
diff --git a/packages/console/src/consts/oidc.ts b/packages/console/src/consts/oidc.ts
@@ -1,2 +1,3 @@
 export const openIdProviderConfigPath = 'oidc/.well-known/openid-configuration';
 export const openIdProviderPath = 'oidc';
+export const openIdProviderJwksPath = 'oidc/jwks';
diff --git a/.../src/pages/ApplicationDetails/ApplicationDetailsContent/EndpointsAndCredentials/index.tsx b/.../src/pages/ApplicationDetails/ApplicationDetailsContent/EndpointsAndCredentials/index.tsx
@@ -15,7 +15,11 @@ import CaretUp from '@/assets/icons/caret-up.svg?react';
 import CirclePlus from '@/assets/icons/circle-plus.svg?react';
 import Plus from '@/assets/icons/plus.svg?react';
 import FormCard from '@/components/FormCard';
-import { openIdProviderConfigPath, openIdProviderPath } from '@/consts/oidc';
+import {
+  openIdProviderConfigPath,
+  openIdProviderJwksPath,
+  openIdProviderPath,
+} from '@/consts/oidc';
 import { AppDataContext } from '@/contexts/AppDataProvider';
 import Button from '@/ds-components/Button';
 import CopyToClipboard from '@/ds-components/CopyToClipboard';
@@ -117,13 +121,22 @@ function EndpointsAndCredentials({
         </FormField>
       )}
       {tenantEndpoint && (
-        <FormField title="application_details.issuer_endpoint">
-          <CopyToClipboard
-            displayType="block"
-            value={applyCustomDomain(appendPath(tenantEndpoint, openIdProviderPath).href)}
-            variant="border"
-          />
-        </FormField>
+        <>
+          <FormField title="application_details.issuer_endpoint">
+            <CopyToClipboard
+              displayType="block"
+              value={applyCustomDomain(appendPath(tenantEndpoint, openIdProviderPath).href)}
+              variant="border"
+            />
+          </FormField>
+          <FormField title="application_details.jwks_uri">
+            <CopyToClipboard
+              displayType="block"
+              value={applyCustomDomain(appendPath(tenantEndpoint, openIdProviderJwksPath).href)}
+              variant="border"
+            />
+          </FormField>
+        </>
       )}
       {showMoreEndpoints && (
         <>

diff --git a/packages/phrases/src/locales/en/translation/admin-console/application-details.ts b/packages/phrases/src/locales/en/translation/admin-console/application-details.ts
@@ -23,6 +23,7 @@ const application_details = {
   description_placeholder: 'Enter your application description',
   config_endpoint: 'OpenID provider configuration endpoint',
   issuer_endpoint: 'Issuer endpoint',
+  jwks_uri: 'JWKS URI',
   authorization_endpoint: 'Authorization endpoint',
   authorization_endpoint_tip:
     "The endpoint to perform authentication and authorization. It's used for OpenID Connect <a>Authentication</a>.",