Minor implementation example improvement

Author: henser

src/index.html

@@ -62,10 +62,8 @@
         diam.
     </p>
 </div>
-<script type="module" src="../dist/index.js"></script>
-<script>
-</script>
-<script type="module">
+<script src="https://unpkg.com/@frontify/frontify-authenticator@latest/dist/index.js"></script>
+<script">
     import {authorize, revoke, refresh} from "../dist/index.es.js";
     const POPUP_CONFIG = {
         width: 800,
@@ -80,45 +78,58 @@
         scopes: ["basic:read", "finder:read", "account:read"],
     };
 
-    let domain = '';
-    let token = null;
-  
+    let token = localStorage.getItem('FrontifyAuthenticatorToken');
+
     function authorizeAction() {
-        // handle domain window
         if (!token) {
-            authorize(AUTHORIZATION_CONFIG, POPUP_CONFIG).then(res => {
-                if (res) {
-                    domain = res.domain;
-                    token = res;
-                }
-            }).catch((err) => {
-                console.log(err);
-            });
-        } else {
-            console.log(token);
+            FrontifyAuthenticator.authorize(AUTHORIZATION_CONFIG, POPUP_CONFIG)
+                .then((res) => {
+                    if (res) {
+                        localStorage.setItem('FrontifyAuthenticatorToken', JSON.stringify(res));
+                        token = localStorage.getItem('FrontifyAuthenticatorToken');
+                    }
+                })
+                .catch((err) => {
+                    console.log(err);
+                });
         }
     }
 
-
     function revokeAction() {
         if (!token) {
+            console.log('Nothing to revoke! No token available');
             return;
         }
 
-        revoke(token).then(res => {
-            token = null;
-            delete(AUTHORIZATION_CONFIG.domain);
-        });
+        FrontifyAuthenticator.revoke(JSON.parse(token))
+            .then((res) => {
+                if (res) {
+                    localStorage.removeItem('FrontifyAuthenticatorToken');
+                    token = null;
+                    delete AUTHORIZATION_CONFIG.domain;
+                }
+            })
+            .catch((error) => {
+                console.log(error);
+            });
     }
 
     function refreshAction() {
         if (!token) {
+            console.log('Nothing to refresh! No token available');
             return;
         }
 
-        refresh(token).then(res => {
-            token = res;
-        });
+        FrontifyAuthenticator.refresh(JSON.parse(token))
+            .then((res) => {
+                if (res) {
+                    localStorage.setItem('FrontifyAuthenticatorToken', JSON.stringify(res));
+                    token = localStorage.getItem('FrontifyAuthenticatorToken');
+                }
+            })
+            .catch((error) => {
+                console.log(error);
+            });
     }
 
     document.getElementById('authorize').addEventListener('click', authorizeAction);