@jjlmoya/utils-developer 1.15.0 → 1.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (63) hide show
  1. package/package.json +1 -1
  2. package/src/category/index.ts +3 -1
  3. package/src/entries.ts +7 -1
  4. package/src/index.ts +4 -0
  5. package/src/tests/locale_completeness.test.ts +2 -3
  6. package/src/tests/pagespeed_best_practices.test.ts +198 -0
  7. package/src/tests/tool_validation.test.ts +2 -2
  8. package/src/tool/aspectRatio/component.astro +3 -1
  9. package/src/tool/colorConverter/component.astro +3 -3
  10. package/src/tool/jwtDecoder/bibliography.astro +14 -0
  11. package/src/tool/jwtDecoder/bibliography.ts +12 -0
  12. package/src/tool/jwtDecoder/component.astro +209 -0
  13. package/src/tool/jwtDecoder/entry.ts +30 -0
  14. package/src/tool/jwtDecoder/i18n/de.ts +248 -0
  15. package/src/tool/jwtDecoder/i18n/en.ts +247 -0
  16. package/src/tool/jwtDecoder/i18n/es.ts +248 -0
  17. package/src/tool/jwtDecoder/i18n/fr.ts +248 -0
  18. package/src/tool/jwtDecoder/i18n/id.ts +248 -0
  19. package/src/tool/jwtDecoder/i18n/it.ts +248 -0
  20. package/src/tool/jwtDecoder/i18n/ja.ts +248 -0
  21. package/src/tool/jwtDecoder/i18n/ko.ts +248 -0
  22. package/src/tool/jwtDecoder/i18n/nl.ts +247 -0
  23. package/src/tool/jwtDecoder/i18n/pl.ts +247 -0
  24. package/src/tool/jwtDecoder/i18n/pt.ts +247 -0
  25. package/src/tool/jwtDecoder/i18n/ru.ts +248 -0
  26. package/src/tool/jwtDecoder/i18n/sv.ts +248 -0
  27. package/src/tool/jwtDecoder/i18n/tr.ts +248 -0
  28. package/src/tool/jwtDecoder/i18n/zh.ts +248 -0
  29. package/src/tool/jwtDecoder/index.ts +11 -0
  30. package/src/tool/jwtDecoder/jwt-decoder-parser-and-claims-inspector.css +358 -0
  31. package/src/tool/jwtDecoder/logic.ts +96 -0
  32. package/src/tool/jwtDecoder/seo.astro +15 -0
  33. package/src/tool/jwtDecoder/ui.ts +38 -0
  34. package/src/tool/llmCostCalculator/component.astro +1 -2
  35. package/src/tool/mobileMockupGenerator/component.astro +4 -5
  36. package/src/tool/placeholderGenerator/component.astro +2 -2
  37. package/src/tool/readabilityCalculator/component.astro +4 -4
  38. package/src/tool/serpPixelSimulator/bibliography.astro +14 -0
  39. package/src/tool/serpPixelSimulator/bibliography.ts +16 -0
  40. package/src/tool/serpPixelSimulator/component.astro +84 -0
  41. package/src/tool/serpPixelSimulator/controller.ts +323 -0
  42. package/src/tool/serpPixelSimulator/entry.ts +30 -0
  43. package/src/tool/serpPixelSimulator/i18n/de.ts +214 -0
  44. package/src/tool/serpPixelSimulator/i18n/en.ts +213 -0
  45. package/src/tool/serpPixelSimulator/i18n/es.ts +214 -0
  46. package/src/tool/serpPixelSimulator/i18n/fr.ts +214 -0
  47. package/src/tool/serpPixelSimulator/i18n/id.ts +214 -0
  48. package/src/tool/serpPixelSimulator/i18n/it.ts +214 -0
  49. package/src/tool/serpPixelSimulator/i18n/ja.ts +214 -0
  50. package/src/tool/serpPixelSimulator/i18n/ko.ts +214 -0
  51. package/src/tool/serpPixelSimulator/i18n/nl.ts +214 -0
  52. package/src/tool/serpPixelSimulator/i18n/pl.ts +214 -0
  53. package/src/tool/serpPixelSimulator/i18n/pt.ts +214 -0
  54. package/src/tool/serpPixelSimulator/i18n/ru.ts +214 -0
  55. package/src/tool/serpPixelSimulator/i18n/sv.ts +214 -0
  56. package/src/tool/serpPixelSimulator/i18n/tr.ts +214 -0
  57. package/src/tool/serpPixelSimulator/i18n/zh.ts +214 -0
  58. package/src/tool/serpPixelSimulator/index.ts +8 -0
  59. package/src/tool/serpPixelSimulator/logic.ts +18 -0
  60. package/src/tool/serpPixelSimulator/seo.astro +15 -0
  61. package/src/tool/serpPixelSimulator/serp-pixel-simulator.css +335 -0
  62. package/src/tool/serpPixelSimulator/ui.ts +33 -0
  63. package/src/tools.ts +3 -2
@@ -0,0 +1,248 @@
1
+ import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
2
+ import type { ToolLocaleContent } from '../../../types';
3
+ import type { JwtDecoderUI } from '../ui';
4
+ import { bibliography } from '../bibliography';
5
+
6
+ const slug = 'decodificador-jwt-parser-e-inspector-de-claims';
7
+ const title = 'Decodificador JWT, Parser e Inspector de Claims';
8
+ const description = 'Pega un JSON Web Token, decodifica su cabecera y payload al instante, inspecciona claims registrados, detecta tokens expirados y copia JSON limpio para depurar flujos de autenticación.';
9
+
10
+ const howTo = [
11
+ {
12
+ name: 'Pega el JWT',
13
+ text: 'Copia un token de una cabecera Authorization, cookie, entrada de log o proveedor de identidad y pégalo en el campo de entrada.',
14
+ },
15
+ {
16
+ name: 'Lee la cabecera y el payload decodificados',
17
+ text: 'La herramienta divide el token en cabecera, payload y firma, luego muestra los segmentos JSON en paneles separados para una inspección rápida.',
18
+ },
19
+ {
20
+ name: 'Comprueba los claims importantes',
21
+ text: 'Revisa el algoritmo, emisor, audiencia, sujeto, fecha de emisión, fecha de validez inicial y fecha de expiración sin convertir manualmente timestamps Unix.',
22
+ },
23
+ {
24
+ name: 'Copia los datos que necesitas',
25
+ text: 'Copia una sección decodificada o la salida decodificada completa cuando necesites compartir una instantánea de depuración saneada con tu equipo.',
26
+ },
27
+ ];
28
+
29
+ const faq = [
30
+ {
31
+ question: '¿Decodificar un JWT demuestra que el token es válido?',
32
+ answer: 'No. Decodificar solo revela la cabecera y el payload codificados en base64url. Un token es confiable solo después de que la firma, el emisor, la audiencia, la expiración y los claims relacionados sean validados por la aplicación o el proveedor de identidad.',
33
+ },
34
+ {
35
+ question: '¿Puedo usar este decodificador JWT para access tokens e ID tokens?',
36
+ answer: 'Sí. El decodificador es útil para inspeccionar access tokens OAuth, ID tokens OpenID Connect, tokens de sesión y tokens servicio a servicio, siempre que usen el formato JWT estándar de tres partes.',
37
+ },
38
+ {
39
+ question: '¿Por qué el panel de firma no verifica el token?',
40
+ answer: 'La verificación JWT requiere el secreto correcto, la clave pública o la configuración JWKS. Esta herramienta se centra intencionadamente en la decodificación e inspección para que los desarrolladores puedan ver el contenido del token sin pretender que una cadena de firma visible es prueba de validez.',
41
+ },
42
+ {
43
+ question: '¿Qué debo comprobar primero al depurar un JWT?',
44
+ answer: 'Empieza por exp, nbf, iss, aud y alg. La mayoría de los problemas reales en producción provienen de tokens expirados, desfase de reloj, valores de audiencia incorrectos, URLs de emisor inesperadas o suposiciones inseguras sobre el algoritmo.',
45
+ },
46
+ ];
47
+
48
+ const ui: JwtDecoderUI = {
49
+ tokenLabel: 'Token JWT',
50
+ tokenPlaceholder: 'Pega un JWT aquí: cabecera.payload.firma',
51
+ sampleButton: 'Cargar ejemplo',
52
+ clearButton: 'Limpiar',
53
+ statusWaiting: 'Pega un token para decodificar su cabecera JSON, payload y claims.',
54
+ statusValid: 'JWT decodificado correctamente.',
55
+ statusInvalid: 'Esto no parece un JWT válido de tres partes.',
56
+ statusExpired: 'JWT decodificado, pero el claim exp ya está expirado.',
57
+ statusUnsigned: 'JWT decodificado, pero no está firmado o usa el algoritmo none.',
58
+ headerTitle: 'Cabecera',
59
+ payloadTitle: 'Payload',
60
+ signatureTitle: 'Firma',
61
+ claimsTitle: 'Claims registrados',
62
+ copyHeader: 'Copiar cabecera decodificada',
63
+ copyPayload: 'Copiar payload decodificado',
64
+ copySignature: 'Copiar firma',
65
+ copyAll: 'Copiar todo',
66
+ copiedLabel: 'Copiado',
67
+ invalidTokenTitle: 'JWT no válido',
68
+ invalidTokenBody: 'Comprueba que el token tiene tres segmentos base64url separados por puntos.',
69
+ invalidSegmentError: 'Comprueba que el token tiene tres segmentos base64url separados por puntos.',
70
+ invalidDecodeError: 'La cabecera o el payload no se pudieron decodificar como JSON válido.',
71
+ emptyJson: '{}',
72
+ signaturePresent: 'El segmento de firma está presente; verifícalo en tu capa de autenticación con la clave correcta.',
73
+ signatureMissing: 'Sin segmento de firma',
74
+ algorithmLabel: 'Algoritmo',
75
+ typeLabel: 'Tipo',
76
+ issuerLabel: 'Emisor',
77
+ subjectLabel: 'Sujeto',
78
+ audienceLabel: 'Audiencia',
79
+ issuedAtLabel: 'Emitido el',
80
+ notBeforeLabel: 'No antes del',
81
+ expiresAtLabel: 'Expira el',
82
+ claimMissing: 'No presente',
83
+ privacyNote: 'La decodificación se ejecuta en tu navegador. No pegues secretos de producción en ninguna herramienta a menos que tu política de seguridad lo permita.',
84
+ sampleToken: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiJnYW1lYm9iLXVzZXItNDIiLCJuYW1lIjoiR2FtZUJvYiBEZXZlbG9wZXIiLCJpc3MiOiJodHRwczovL3d3dy5nYW1lYm9iLmRldiIsImF1ZCI6ImRldmVsb3Blci10b29scyIsImlhdCI6MTcxNzIwMDAwMCwibmJmIjoxNzE3MjAwMDAwLCJleHAiOjE4OTM0NTYwMDAsInJvbGUiOiJhZG1pbiJ9.demo-signature',
85
+ };
86
+
87
+ const faqSchema: WithContext<FAQPage> = {
88
+ '@context': 'https://schema.org',
89
+ '@type': 'FAQPage',
90
+ mainEntity: faq.map((item) => ({
91
+ '@type': 'Question',
92
+ name: item.question,
93
+ acceptedAnswer: {
94
+ '@type': 'Answer',
95
+ text: item.answer,
96
+ },
97
+ })),
98
+ };
99
+
100
+ const howToSchema: WithContext<HowTo> = {
101
+ '@context': 'https://schema.org',
102
+ '@type': 'HowTo',
103
+ name: title,
104
+ description,
105
+ step: howTo.map((step, index) => ({
106
+ '@type': 'HowToStep',
107
+ position: index + 1,
108
+ name: step.name,
109
+ text: step.text,
110
+ })),
111
+ };
112
+
113
+ const appSchema: WithContext<SoftwareApplication> = {
114
+ '@context': 'https://schema.org',
115
+ '@type': 'SoftwareApplication',
116
+ name: title,
117
+ description,
118
+ applicationCategory: 'DeveloperApplication',
119
+ operatingSystem: 'Any',
120
+ offers: {
121
+ '@type': 'Offer',
122
+ price: '0',
123
+ priceCurrency: 'EUR',
124
+ },
125
+ inLanguage: 'es',
126
+ };
127
+
128
+ export const content: ToolLocaleContent<JwtDecoderUI> = {
129
+ slug,
130
+ title,
131
+ description,
132
+ ui,
133
+ faqTitle: 'Preguntas frecuentes sobre el decodificador JWT',
134
+ faq,
135
+ bibliographyTitle: 'Especificaciones JWT y referencias de seguridad',
136
+ bibliography,
137
+ howTo,
138
+ schemas: [appSchema, faqSchema, howToSchema],
139
+ seo: [
140
+ {
141
+ type: 'title',
142
+ text: 'Decodifica JWTs sin perder el contexto de seguridad',
143
+ level: 2,
144
+ },
145
+ {
146
+ type: 'paragraph',
147
+ html: 'Un JSON Web Token parece compacto, pero a menudo contiene el detalle exacto que explica un fallo de autenticación: el algoritmo de firma, emisor, audiencia, sujeto, fecha de emisión, fecha de validez inicial, expiración y claims de autorización específicos de la aplicación. Este <strong>decodificador JWT, parser e inspector de claims</strong> convierte los tres segmentos del token en JSON legible para que puedas depurar flujos de autenticación más rápido.',
148
+ },
149
+ {
150
+ type: 'diagnostic',
151
+ variant: 'warning',
152
+ title: 'Decodificado no significa confiable',
153
+ html: 'Cualquiera puede decodificar un JWT en base64url. La confianza comienza solo después de que tu aplicación verifique la firma con el secreto, clave pública o JWKS correctos y luego valide el emisor, la audiencia, la expiración y cualquier claim específico del dominio. Usa esta herramienta para inspeccionar datos, no para aceptar un token como auténtico.',
154
+ },
155
+ {
156
+ type: 'title',
157
+ text: 'Lo que te dice cada segmento JWT',
158
+ level: 3,
159
+ },
160
+ {
161
+ type: 'table',
162
+ headers: ['Segmento', 'Contenido típico', 'Valor de depuración'],
163
+ rows: [
164
+ ['Cabecera', 'Algoritmo, tipo de token e ID de clave opcional', 'Muestra si el token espera HS256, RS256, ES256 u otra estrategia de verificación.'],
165
+ ['Payload', 'Claims registrados y claims de aplicación', 'Revela identidad, tenant, scopes, roles, expiración y desajustes de audiencia.'],
166
+ ['Firma', 'Bytes de firma criptográfica codificados como base64url', 'Confirma que existe un segmento de firma, pero debe verificarse con la clave correcta en otro lugar.'],
167
+ ],
168
+ },
169
+ {
170
+ type: 'title',
171
+ text: 'Claims que suelen explicar fallos de autenticación',
172
+ level: 3,
173
+ },
174
+ {
175
+ type: 'list',
176
+ items: [
177
+ '<strong>exp:</strong> si el token expiró, la lógica de renovación o la configuración del reloj pueden estar mal.',
178
+ '<strong>nbf:</strong> si el token aún no está activo, los relojes del servidor y del proveedor de identidad pueden estar desincronizados.',
179
+ '<strong>iss:</strong> si la URL del emisor difiere de la configuración, el token puede venir del tenant o entorno equivocado.',
180
+ '<strong>aud:</strong> si la audiencia no coincide con el identificador de la API, el token fue emitido para otro recurso.',
181
+ '<strong>alg:</strong> si el algoritmo es inesperado, tu verificador puede rechazar el token o exponer un error de configuración peligroso.',
182
+ ],
183
+ },
184
+ {
185
+ type: 'title',
186
+ text: 'Casos de uso de un parser JWT durante el desarrollo',
187
+ level: 3,
188
+ },
189
+ {
190
+ type: 'comparative',
191
+ columns: 3,
192
+ items: [
193
+ {
194
+ title: 'Depuración frontend',
195
+ description: 'Inspecciona ID tokens y access tokens recibidos tras el inicio de sesión para confirmar scopes, roles y claims de perfil.',
196
+ icon: 'mdi:monitor-dashboard',
197
+ points: ['Comprueba claims de perfil', 'Confirma scopes y roles', 'Compara entornos de login'],
198
+ },
199
+ {
200
+ title: 'QA de API backend',
201
+ description: 'Compara los valores esperados de emisor y audiencia con el token realmente enviado en una cabecera Authorization.',
202
+ icon: 'mdi:api',
203
+ highlight: true,
204
+ points: ['Valida la forma de la audiencia', 'Detecta desajustes de emisor', 'Inspecciona bearer tokens'],
205
+ },
206
+ {
207
+ title: 'Configuración del proveedor de identidad',
208
+ description: 'Comprueba si los claims de Auth0, Azure AD, Cognito, Keycloak o un proveedor personalizado tienen la forma que tu aplicación espera.',
209
+ icon: 'mdi:account-key',
210
+ points: ['Revisa datos del tenant', 'Comprueba claims personalizados', 'Compara mapeos del proveedor'],
211
+ },
212
+ ],
213
+ },
214
+ {
215
+ type: 'title',
216
+ text: 'Errores comunes de JWT que este inspector hace evidentes',
217
+ level: 3,
218
+ },
219
+ {
220
+ type: 'proscons',
221
+ title: 'Comprobaciones rápidas frente a decisiones de confianza',
222
+ items: [
223
+ {
224
+ pro: 'Ve tokens mal formados inmediatamente.',
225
+ con: 'No puede conocer tu audiencia o emisor esperados.',
226
+ },
227
+ {
228
+ pro: 'Convierte claims de timestamp Unix en fechas legibles.',
229
+ con: 'No puede verificar una firma sin el material de clave real.',
230
+ },
231
+ {
232
+ pro: 'Detecta valores faltantes de emisor, audiencia, sujeto o tipo.',
233
+ con: 'No puede demostrar que los scopes y roles son seguros para tu aplicación.',
234
+ },
235
+ ],
236
+ },
237
+ {
238
+ type: 'summary',
239
+ title: 'Flujo de trabajo recomendado',
240
+ items: [
241
+ 'Decodifica el token para entender lo que el cliente o la API realmente recibieron.',
242
+ 'Comprueba exp, nbf, iss, aud, sub y alg antes de perseguir la lógica de aplicación.',
243
+ 'Verifica firmas y decisiones de confianza solo en tu capa de autenticación.',
244
+ 'Evita compartir JWTs de producción sensibles en tickets, logs o capturas de pantalla.',
245
+ ],
246
+ },
247
+ ],
248
+ };
@@ -0,0 +1,248 @@
1
+ import type { WithContext, FAQPage, HowTo, SoftwareApplication } from 'schema-dts';
2
+ import type { ToolLocaleContent } from '../../../types';
3
+ import type { JwtDecoderUI } from '../ui';
4
+ import { bibliography } from '../bibliography';
5
+
6
+ const slug = 'decodeur-jwt-parser-et-inspecteur-de-claims';
7
+ const title = 'Décodeur JWT, Parser et Inspecteur de Claims';
8
+ const description = 'Collez un JSON Web Token, décodez son en-tête et son payload instantanément, inspectez les claims enregistrés, repérez les tokens expirés et copiez du JSON propre pour déboguer les flux d\'authentification.';
9
+
10
+ const howTo = [
11
+ {
12
+ name: 'Collez le JWT',
13
+ text: 'Copiez un token depuis un en-tête Authorization, un cookie, une entrée de log ou un fournisseur d\'identité et collez-le dans le champ de saisie.',
14
+ },
15
+ {
16
+ name: 'Lisez l\'en-tête et le payload décodés',
17
+ text: 'L\'outil divise le token en en-tête, payload et signature, puis affiche les segments JSON dans des panneaux séparés pour une inspection rapide.',
18
+ },
19
+ {
20
+ name: 'Vérifiez les claims importants',
21
+ text: 'Examinez l\'algorithme, l\'émetteur, l\'audience, le sujet, la date d\'émission, la date de début de validité et la date d\'expiration sans convertir manuellement les timestamps Unix.',
22
+ },
23
+ {
24
+ name: 'Copiez les données dont vous avez besoin',
25
+ text: 'Copiez une section décodée ou la sortie décodée complète lorsque vous devez partager un instantané de débogage assaini avec votre équipe.',
26
+ },
27
+ ];
28
+
29
+ const faq = [
30
+ {
31
+ question: 'Décoder un JWT prouve-t-il que le token est valide ?',
32
+ answer: 'Non. Le décodage révèle uniquement l\'en-tête et le payload encodés en base64url. Un token n\'est digne de confiance qu\'après que la signature, l\'émetteur, l\'audience, l\'expiration et les claims associés ont été validés par l\'application ou le fournisseur d\'identité.',
33
+ },
34
+ {
35
+ question: 'Puis-je utiliser ce décodeur JWT pour les access tokens et les ID tokens ?',
36
+ answer: 'Oui. Le décodeur est utile pour inspecter les access tokens OAuth, les ID tokens OpenID Connect, les tokens de session et les tokens service à service, tant qu\'ils utilisent le format JWT standard en trois parties.',
37
+ },
38
+ {
39
+ question: 'Pourquoi le panneau de signature ne vérifie-t-il pas le token ?',
40
+ answer: 'La vérification JWT nécessite le secret correct, la clé publique ou la configuration JWKS. Cet outil se concentre intentionnellement sur le décodage et l\'inspection afin que les développeurs puissent voir le contenu du token sans prétendre qu\'une chaîne de signature visible constitue une preuve de validité.',
41
+ },
42
+ {
43
+ question: 'Que dois-je vérifier en premier lors du débogage d\'un JWT ?',
44
+ answer: 'Commencez par exp, nbf, iss, aud et alg. La plupart des problèmes réels en production proviennent de tokens expirés, de décalage d\'horloge, de valeurs d\'audience incorrectes, d\'URL d\'émetteur inattendues ou d\'hypothèses d\'algorithme non sécurisées.',
45
+ },
46
+ ];
47
+
48
+ const ui: JwtDecoderUI = {
49
+ tokenLabel: 'Token JWT',
50
+ tokenPlaceholder: 'Collez un JWT ici: en-tête.payload.signature',
51
+ sampleButton: 'Charger l\'exemple',
52
+ clearButton: 'Effacer',
53
+ statusWaiting: 'Collez un token pour décoder son en-tête JSON, son payload et ses claims.',
54
+ statusValid: 'JWT décodé avec succès.',
55
+ statusInvalid: 'Cela ne ressemble pas à un JWT valide en trois parties.',
56
+ statusExpired: 'JWT décodé, mais le claim exp est déjà expiré.',
57
+ statusUnsigned: 'JWT décodé, mais il n\'est pas signé ou utilise l\'algorithme none.',
58
+ headerTitle: 'En-tête',
59
+ payloadTitle: 'Payload',
60
+ signatureTitle: 'Signature',
61
+ claimsTitle: 'Claims enregistrés',
62
+ copyHeader: 'Copier l\'en-tête décodé',
63
+ copyPayload: 'Copier le payload décodé',
64
+ copySignature: 'Copier la signature',
65
+ copyAll: 'Tout copier',
66
+ copiedLabel: 'Copié',
67
+ invalidTokenTitle: 'JWT invalide',
68
+ invalidTokenBody: 'Vérifiez que le token comporte trois segments base64url séparés par des points.',
69
+ invalidSegmentError: 'Vérifiez que le token comporte trois segments base64url séparés par des points.',
70
+ invalidDecodeError: 'L\'en-tête ou le payload n\'a pas pu être décodé en JSON valide.',
71
+ emptyJson: '{}',
72
+ signaturePresent: 'Le segment de signature est présent ; vérifiez-le dans votre couche d\'authentification avec la clé appropriée.',
73
+ signatureMissing: 'Aucun segment de signature',
74
+ algorithmLabel: 'Algorithme',
75
+ typeLabel: 'Type',
76
+ issuerLabel: 'Émetteur',
77
+ subjectLabel: 'Sujet',
78
+ audienceLabel: 'Audience',
79
+ issuedAtLabel: 'Émis le',
80
+ notBeforeLabel: 'Valide à partir du',
81
+ expiresAtLabel: 'Expiré le',
82
+ claimMissing: 'Non présent',
83
+ privacyNote: 'Le décodage s\'exécute dans votre navigateur. Ne collez pas de secrets de production dans un outil, sauf si votre politique de sécurité l\'autorise.',
84
+ sampleToken: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiJnYW1lYm9iLXVzZXItNDIiLCJuYW1lIjoiR2FtZUJvYiBEZXZlbG9wZXIiLCJpc3MiOiJodHRwczovL3d3dy5nYW1lYm9iLmRldiIsImF1ZCI6ImRldmVsb3Blci10b29scyIsImlhdCI6MTcxNzIwMDAwMCwibmJmIjoxNzE3MjAwMDAwLCJleHAiOjE4OTM0NTYwMDAsInJvbGUiOiJhZG1pbiJ9.demo-signature',
85
+ };
86
+
87
+ const faqSchema: WithContext<FAQPage> = {
88
+ '@context': 'https://schema.org',
89
+ '@type': 'FAQPage',
90
+ mainEntity: faq.map((item) => ({
91
+ '@type': 'Question',
92
+ name: item.question,
93
+ acceptedAnswer: {
94
+ '@type': 'Answer',
95
+ text: item.answer,
96
+ },
97
+ })),
98
+ };
99
+
100
+ const howToSchema: WithContext<HowTo> = {
101
+ '@context': 'https://schema.org',
102
+ '@type': 'HowTo',
103
+ name: title,
104
+ description,
105
+ step: howTo.map((step, index) => ({
106
+ '@type': 'HowToStep',
107
+ position: index + 1,
108
+ name: step.name,
109
+ text: step.text,
110
+ })),
111
+ };
112
+
113
+ const appSchema: WithContext<SoftwareApplication> = {
114
+ '@context': 'https://schema.org',
115
+ '@type': 'SoftwareApplication',
116
+ name: title,
117
+ description,
118
+ applicationCategory: 'DeveloperApplication',
119
+ operatingSystem: 'Any',
120
+ offers: {
121
+ '@type': 'Offer',
122
+ price: '0',
123
+ priceCurrency: 'EUR',
124
+ },
125
+ inLanguage: 'fr',
126
+ };
127
+
128
+ export const content: ToolLocaleContent<JwtDecoderUI> = {
129
+ slug,
130
+ title,
131
+ description,
132
+ ui,
133
+ faqTitle: 'FAQ du décodeur JWT',
134
+ faq,
135
+ bibliographyTitle: 'Spécifications JWT et références de sécurité',
136
+ bibliography,
137
+ howTo,
138
+ schemas: [appSchema, faqSchema, howToSchema],
139
+ seo: [
140
+ {
141
+ type: 'title',
142
+ text: 'Décodez les JWT sans perdre le contexte de sécurité',
143
+ level: 2,
144
+ },
145
+ {
146
+ type: 'paragraph',
147
+ html: 'Un JSON Web Token semble compact, mais il contient souvent le détail exact qui explique un échec d\'authentification: l\'algorithme de signature, l\'émetteur, l\'audience, le sujet, la date d\'émission, la date de début de validité, l\'expiration et les claims d\'autorisation spécifiques à l\'application. Ce <strong>décodeur JWT, parser et inspecteur de claims</strong> transforme les trois segments du token en JSON lisible pour que vous puissiez déboguer les flux d\'authentification plus rapidement.',
148
+ },
149
+ {
150
+ type: 'diagnostic',
151
+ variant: 'warning',
152
+ title: 'Décodé ne signifie pas digne de confiance',
153
+ html: 'N\'importe qui peut décoder un JWT en base64url. La confiance ne commence qu\'après que votre application a vérifié la signature avec le secret, la clé publique ou le JWKS appropriés, puis validé l\'émetteur, l\'audience, l\'expiration et tout claim spécifique au domaine. Utilisez cet outil pour inspecter les données, pas pour accepter un token comme authentique.',
154
+ },
155
+ {
156
+ type: 'title',
157
+ text: 'Ce que chaque segment JWT vous dit',
158
+ level: 3,
159
+ },
160
+ {
161
+ type: 'table',
162
+ headers: ['Segment', 'Contenu typique', 'Valeur de débogage'],
163
+ rows: [
164
+ ['En-tête', 'Algorithme, type de token et ID de clé optionnel', 'Indique si le token attend HS256, RS256, ES256 ou une autre stratégie de vérification.'],
165
+ ['Payload', 'Claims enregistrés et claims d\'application', 'Révèle l\'identité, le tenant, les scopes, les rôles, l\'expiration et les décalages d\'audience.'],
166
+ ['Signature', 'Octets de signature cryptographique encodés en base64url', 'Confirme qu\'un segment de signature existe, mais doit être vérifié avec la bonne clé ailleurs.'],
167
+ ],
168
+ },
169
+ {
170
+ type: 'title',
171
+ text: 'Claims qui expliquent généralement les échecs d\'authentification',
172
+ level: 3,
173
+ },
174
+ {
175
+ type: 'list',
176
+ items: [
177
+ '<strong>exp:</strong> si le token a expiré, la logique de renouvellement ou les paramètres d\'horloge peuvent être incorrects.',
178
+ '<strong>nbf:</strong> si le token n\'est pas encore actif, les horloges du serveur et du fournisseur d\'identité peuvent être désynchronisées.',
179
+ '<strong>iss:</strong> si l\'URL de l\'émetteur diffère de la configuration, le token peut provenir d\'un mauvais tenant ou environnement.',
180
+ '<strong>aud:</strong> si l\'audience ne correspond pas à l\'identifiant de l\'API, le token a été émis pour une autre ressource.',
181
+ '<strong>alg:</strong> si l\'algorithme est inattendu, votre vérificateur peut rejeter le token ou exposer une erreur de configuration dangereuse.',
182
+ ],
183
+ },
184
+ {
185
+ type: 'title',
186
+ text: 'Cas d\'utilisation d\'un parser JWT pendant le développement',
187
+ level: 3,
188
+ },
189
+ {
190
+ type: 'comparative',
191
+ columns: 3,
192
+ items: [
193
+ {
194
+ title: 'Débogage frontend',
195
+ description: 'Inspectez les ID tokens et access tokens reçus après la connexion pour confirmer les scopes, les rôles et les claims de profil.',
196
+ icon: 'mdi:monitor-dashboard',
197
+ points: ['Vérifiez les claims de profil', 'Confirmez les scopes et rôles', 'Comparez les environnements de connexion'],
198
+ },
199
+ {
200
+ title: 'QA d\'API backend',
201
+ description: 'Comparez les valeurs attendues de l\'émetteur et de l\'audience avec le token réellement envoyé dans un en-tête Authorization.',
202
+ icon: 'mdi:api',
203
+ highlight: true,
204
+ points: ['Validez la forme de l\'audience', 'Repérez les décalages d\'émetteur', 'Inspectez les bearer tokens'],
205
+ },
206
+ {
207
+ title: 'Configuration du fournisseur d\'identité',
208
+ description: 'Vérifiez si les claims d\'Auth0, Azure AD, Cognito, Keycloak ou d\'un fournisseur personnalisé sont structurés comme votre application l\'attend.',
209
+ icon: 'mdi:account-key',
210
+ points: ['Examinez les données du tenant', 'Vérifiez les claims personnalisés', 'Comparez les mappings du fournisseur'],
211
+ },
212
+ ],
213
+ },
214
+ {
215
+ type: 'title',
216
+ text: 'Erreurs JWT courantes que cet inspecteur rend évidentes',
217
+ level: 3,
218
+ },
219
+ {
220
+ type: 'proscons',
221
+ title: 'Vérifications rapides contre décisions de confiance',
222
+ items: [
223
+ {
224
+ pro: 'Voyez les tokens mal formés immédiatement.',
225
+ con: 'Il ne peut pas connaître votre audience ou émetteur attendu.',
226
+ },
227
+ {
228
+ pro: 'Convertissez les claims de timestamp Unix en dates lisibles.',
229
+ con: 'Il ne peut pas vérifier une signature sans le matériel de clé réel.',
230
+ },
231
+ {
232
+ pro: 'Repérez les valeurs manquantes d\'émetteur, d\'audience, de sujet ou de type.',
233
+ con: 'Il ne peut pas prouver que les scopes et les rôles sont sûrs pour votre application.',
234
+ },
235
+ ],
236
+ },
237
+ {
238
+ type: 'summary',
239
+ title: 'Flux de travail recommandé',
240
+ items: [
241
+ 'Décodez le token pour comprendre ce que le client ou l\'API a réellement reçu.',
242
+ 'Vérifiez exp, nbf, iss, aud, sub et alg avant de poursuivre la logique applicative.',
243
+ 'Vérifiez les signatures et les décisions de confiance uniquement dans votre couche d\'authentification.',
244
+ 'Évitez de partager des JWT de production sensibles dans les tickets, les logs ou les captures d\'écran.',
245
+ ],
246
+ },
247
+ ],
248
+ };