Disable ES512 in Safari: not supported for now.

Author: sebadoom

src/dom-elements.js

@@ -1,6 +1,6 @@
-export const encodedTabLink = 
+export const encodedTabLink =
   document.querySelector('.tab-link a[href="#encoded-jwt"]');
-export const decodedTabLink = 
+export const decodedTabLink =
   document.querySelector('.tab-link a[href="#decoded-jwt"]');
 export const encodedTabElement = document.getElementById('encoded-jwt');
 export const decodedTabElement = document.getElementById('decoded-jwt');
@@ -15,17 +15,21 @@ export const signatureStatusElement =
   document.querySelector('.validation-status.js-signature');
 
 export const algorithmSelect = document.getElementById('algorithm-select');
+export const algorithmEs512 =
+  algorithmSelect.querySelector('option[value="ES512"]');
 
-export const keyEditorContainer = document.querySelector('.jwt-signature pre.RS256');
+export const keyEditorContainer =
+  document.querySelector('.jwt-signature pre.RS256');
 export const rsaShaTextSpan = document.getElementById('rsasha-text');
-export const secretEditorContainer = document.querySelector('.jwt-signature pre.HS256');
+export const secretEditorContainer =
+  document.querySelector('.jwt-signature pre.HS256');
 export const hmacShaTextSpan = document.getElementById('hmacsha-text');
 
 export const publicKeyTextArea =
   document.querySelector('.jwt-signature textarea[name="public-key"]');
 export const privateKeyTextArea =
   document.querySelector('.jwt-signature textarea[name="private-key"]');
-export const secretInput = 
+export const secretInput =
   document.querySelector('.jwt-signature input[name="secret"]');
 export const secretBase64Checkbox =
   document.getElementById('is-base64-encoded');

src/editor/index.js

@@ -1,7 +1,6 @@
 import {
   deferToNextLoop,
-  safeLocalStorageSetItem,
-  copyTokenLink
+  safeLocalStorageSetItem
 } from '../utils.js';
 import { downloadPublicKeyIfPossible } from './public-key-download.js';
 import { setupClaimsTooltip } from './claims-tooltip.js';
@@ -10,7 +9,8 @@ import {
   getTrimmedValue,
   stringify,
   fixEditorHeight,
-  getSelectedAlgorithm
+  getSelectedAlgorithm,
+  disableUnsupportedAlgorithms
 } from './utils.js';
 import { sign, verify, decode } from './jwt.js';
 import EventManager from './event-manager.js';
@@ -26,7 +26,6 @@ import {
   editorElement,
   headerElement,
   payloadElement,
-  decodedElement,
   secretInput,
   privateKeyTextArea,
   publicKeyTextArea,
@@ -388,6 +387,7 @@ export function getTokenEditorValue() {
 }
 
 export function setupTokenEditor() {
+  disableUnsupportedAlgorithms();
   setupEvents();
   selectAlgorithm('HS256');
   loadToken();

src/editor/utils.js

@@ -1,8 +1,7 @@
-import { tokenEditor } from './instances.js';
 import { isWideScreen } from '../utils.js';
-import { 
-  algorithmSelect, 
-  publicKeyTextArea,
+import {
+  algorithmSelect,
+  algorithmEs512,
   editorElement,
   decodedElement
 } from '../dom-elements.js';
@@ -32,3 +31,14 @@ export function getSelectedAlgorithm() {
   const selected = algorithmSelect.options[algorithmSelect.selectedIndex];
   return selected.value;
 }
+
+export function isSafari() {
+  return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+}
+
+export function disableUnsupportedAlgorithms() {
+  // TODO: test supported algorithms in runtime
+  if(isSafari) {
+    algorithmEs512.disabled = true;
+  }
+}