@klauswuestefeld/jux-web 2026.10.9 → 2026.10.22

package/dist/jux-web.js

@@ -1226,78 +1226,6 @@ var juxWeb = (function (exports) {
       return result;
   };
 
-  class JuxWebGlobal {
-      setCurrentUser(newUser) {
-          this._currentUser = newUser;
-      }
-      getCurrentUser() {
-          return this._currentUser;
-      }
-      setBackendToken(token) {
-          this._backendToken = token;
-      }
-      getBackendToken() {
-          return this._backendToken;
-      }
-  }
-
-  const resetJuxWebGlobal = () => {
-      window.juxWebGlobal = new JuxWebGlobal();
-  };
-  const getCurrentUser = () => {
-      var _a;
-      return (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.getCurrentUser();
-  };
-
-  const setBackendToken = (token) => {
-      var _a;
-      (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.setBackendToken(token);
-      if (token)
-          setLocalStorageItem('token', token);
-  };
-  const clearSession = () => {
-      removeLocalStorageItem('token');
-      resetJuxWebGlobal();
-  };
-  const onTokenAcquired = (token, onUserLogin) => {
-      setBackendToken(token);
-      onUserLogin();
-  };
-
-  const applyLoginTokenStyle = (textarea) => {
-      applyTextFieldStyle(textarea);
-      textarea.style.resize = 'none';
-      textarea.style.setProperty('-webkit-text-security', 'disc');
-  };
-  const loginTokenTextarea = (onUserLogin, onLoginError) => {
-      const juxWebGlobal = window.juxWebGlobal;
-      const textarea = document.createElement('textarea');
-      textarea.id = 'input-login-token';
-      textarea.autocomplete = 'off';
-      textarea.placeholder = 'Paste sign-in token';
-      textarea.rows = 1;
-      textarea.spellcheck = false;
-      textarea.setAttribute('aria-label', 'Sign-in token');
-      applyLoginTokenStyle(textarea);
-      let loginInProgress = false;
-      textarea.addEventListener('input', () => {
-          const loginToken = textarea.value.trim();
-          if (loginToken.length !== 16 || loginInProgress)
-              return;
-          loginInProgress = true;
-          juxWebGlobal.setBackendToken(loginToken);
-          backendGet('profile', null, (res) => {
-              juxWebGlobal.setCurrentUser(res);
-              onTokenAcquired(loginToken, onUserLogin);
-          }, (err) => {
-              loginInProgress = false;
-              juxWebGlobal.setBackendToken('');
-              onLoginError(err);
-          });
-      });
-      return textarea;
-  };
-
   const authPasswordRow = (type, autoCompleteValue) => {
       const result = document.createElement(`${type}-row`);
       result.style.display = 'flex';
@@ -1395,9 +1323,7 @@ var juxWeb = (function (exports) {
           content.style.display = 'flex';
           content.style.flexDirection = 'column';
           content.style.width = '356px';
-          const tokenInput = loginTokenTextarea(onUserLogin, onLoginError);
-          tokenInput.style.marginTop = '24px';
-          content.append(subtitle, magicEmailField(onUserLogin, onReturn, backgroundImg, loginPage, clientApp, () => { }, upperLoginTypes, handlers), tokenInput);
+          content.append(subtitle, magicEmailField(onUserLogin, onReturn, backgroundImg, loginPage, clientApp, () => { }, upperLoginTypes, handlers));
           btnsContainer.appendChild(content);
           if (!onlyEmail)
               btnsContainer.appendChild(backButton('Back', showLoginTypes));
@@ -14827,6 +14753,44 @@ var juxWeb = (function (exports) {
       document.body.style.pointerEvents = 'auto';
   };
 
+  class JuxWebGlobal {
+      setCurrentUser(newUser) {
+          this._currentUser = newUser;
+      }
+      getCurrentUser() {
+          return this._currentUser;
+      }
+      setBackendToken(token) {
+          this._backendToken = token;
+      }
+      getBackendToken() {
+          return this._backendToken;
+      }
+  }
+
+  const resetJuxWebGlobal = () => {
+      window.juxWebGlobal = new JuxWebGlobal();
+  };
+  const getCurrentUser = () => {
+      var _a;
+      return (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.getCurrentUser();
+  };
+
+  const setBackendToken = (token) => {
+      var _a;
+      (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.setBackendToken(token);
+      if (token)
+          setLocalStorageItem('token', token);
+  };
+  const clearSession = () => {
+      removeLocalStorageItem('token');
+      resetJuxWebGlobal();
+  };
+  const onTokenAcquired = (token, onUserLogin) => {
+      setBackendToken(token);
+      onUserLogin();
+  };
+
   // TODO: find a better way to import external scripts
   const script = document.createElement('script');
   script.type = 'text/javascript';
@@ -14949,12 +14913,46 @@ var juxWeb = (function (exports) {
       }
   };
 
+  const applyLoginTokenStyle = (textarea) => {
+      applyTextFieldStyle(textarea);
+      textarea.style.resize = 'none';
+      textarea.style.setProperty('-webkit-text-security', 'disc');
+  };
+  const loginTokenTextarea = (onUserLogin, onLoginError) => {
+      const juxWebGlobal = window.juxWebGlobal;
+      const textarea = document.createElement('textarea');
+      textarea.id = 'input-login-token';
+      textarea.autocomplete = 'off';
+      textarea.placeholder = 'Paste sign-in token';
+      textarea.rows = 1;
+      textarea.spellcheck = false;
+      textarea.setAttribute('aria-label', 'Sign-in token');
+      applyLoginTokenStyle(textarea);
+      let loginInProgress = false;
+      textarea.addEventListener('input', () => {
+          const loginToken = textarea.value.trim();
+          if (loginToken.length !== 16 || loginInProgress)
+              return;
+          loginInProgress = true;
+          juxWebGlobal.setBackendToken(loginToken);
+          backendGet('profile', null, (res) => {
+              juxWebGlobal.setCurrentUser(res);
+              onTokenAcquired(loginToken, onUserLogin);
+          }, (err) => {
+              loginInProgress = false;
+              juxWebGlobal.setBackendToken('');
+              onLoginError(err);
+          });
+      });
+      return textarea;
+  };
+
   const magicLinkRequestedPage = (backgroundImg, onReturn, onUserLogin, onLoginError) => {
       const title = document.createElement('h2');
       title.textContent = getTranslation('magic-link-confirmation-title');
       title.style.fontSize = '24px';
       title.style.lineHeight = '1.25';
-      title.style.margin = '0 0 12px';
+      title.style.margin = '0 0 16px';
       const sent = document.createElement('p');
       sent.id = 'magic-link-sent';
       sent.textContent = getTranslation(sent.id);
@@ -14964,20 +14962,18 @@ var juxWeb = (function (exports) {
       email.style.fontWeight = '700';
       email.style.margin = '4px 0 0';
       email.style.overflowWrap = 'anywhere';
-      const howTo = document.createElement('p');
-      howTo.id = 'magic-link-how-to';
-      applyFormattedTranslation(howTo, howTo.id);
-      howTo.style.margin = '28px 0 12px';
       const tokenInput = loginTokenTextarea(onUserLogin, onLoginError);
       tokenInput.style.textAlign = 'left';
+      tokenInput.style.marginTop = '24px';
       const help = document.createElement('p');
       applyFormattedTranslation(help, 'magic-link-check-spam');
-      help.style.margin = '20px 0 0';
+      help.style.margin = '24px 0 0';
       const back = backButton('Back', () => {
           result.remove();
           onReturn();
       });
-      const content = [title, sent, email, howTo, tokenInput, help];
+      back.style.marginTop = '24px';
+      const content = [title, sent, email, tokenInput, help];
       content.forEach(element => {
           element.style.width = '356px';
           element.style.maxWidth = '100%';

package/dist/main.esm.js

@@ -1225,78 +1225,6 @@ const basePage = (pageName, backgroundImg, content) => {
     return result;
 };
 
-class JuxWebGlobal {
-    setCurrentUser(newUser) {
-        this._currentUser = newUser;
-    }
-    getCurrentUser() {
-        return this._currentUser;
-    }
-    setBackendToken(token) {
-        this._backendToken = token;
-    }
-    getBackendToken() {
-        return this._backendToken;
-    }
-}
-
-const resetJuxWebGlobal = () => {
-    window.juxWebGlobal = new JuxWebGlobal();
-};
-const getCurrentUser = () => {
-    var _a;
-    return (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.getCurrentUser();
-};
-
-const setBackendToken = (token) => {
-    var _a;
-    (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.setBackendToken(token);
-    if (token)
-        setLocalStorageItem('token', token);
-};
-const clearSession = () => {
-    removeLocalStorageItem('token');
-    resetJuxWebGlobal();
-};
-const onTokenAcquired = (token, onUserLogin) => {
-    setBackendToken(token);
-    onUserLogin();
-};
-
-const applyLoginTokenStyle = (textarea) => {
-    applyTextFieldStyle(textarea);
-    textarea.style.resize = 'none';
-    textarea.style.setProperty('-webkit-text-security', 'disc');
-};
-const loginTokenTextarea = (onUserLogin, onLoginError) => {
-    const juxWebGlobal = window.juxWebGlobal;
-    const textarea = document.createElement('textarea');
-    textarea.id = 'input-login-token';
-    textarea.autocomplete = 'off';
-    textarea.placeholder = 'Paste sign-in token';
-    textarea.rows = 1;
-    textarea.spellcheck = false;
-    textarea.setAttribute('aria-label', 'Sign-in token');
-    applyLoginTokenStyle(textarea);
-    let loginInProgress = false;
-    textarea.addEventListener('input', () => {
-        const loginToken = textarea.value.trim();
-        if (loginToken.length !== 16 || loginInProgress)
-            return;
-        loginInProgress = true;
-        juxWebGlobal.setBackendToken(loginToken);
-        backendGet('profile', null, (res) => {
-            juxWebGlobal.setCurrentUser(res);
-            onTokenAcquired(loginToken, onUserLogin);
-        }, (err) => {
-            loginInProgress = false;
-            juxWebGlobal.setBackendToken('');
-            onLoginError(err);
-        });
-    });
-    return textarea;
-};
-
 const authPasswordRow = (type, autoCompleteValue) => {
     const result = document.createElement(`${type}-row`);
     result.style.display = 'flex';
@@ -1394,9 +1322,7 @@ const appendLoginTypes = (loginPage, btnsContainer, clientApp, onUserLogin, onLo
         content.style.display = 'flex';
         content.style.flexDirection = 'column';
         content.style.width = '356px';
-        const tokenInput = loginTokenTextarea(onUserLogin, onLoginError);
-        tokenInput.style.marginTop = '24px';
-        content.append(subtitle, magicEmailField(onUserLogin, onReturn, backgroundImg, loginPage, clientApp, () => { }, upperLoginTypes, handlers), tokenInput);
+        content.append(subtitle, magicEmailField(onUserLogin, onReturn, backgroundImg, loginPage, clientApp, () => { }, upperLoginTypes, handlers));
         btnsContainer.appendChild(content);
         if (!onlyEmail)
             btnsContainer.appendChild(backButton('Back', showLoginTypes));
@@ -1507,6 +1433,44 @@ const disableSignInLayout = () => {
     document.body.style.pointerEvents = 'auto';
 };
 
+class JuxWebGlobal {
+    setCurrentUser(newUser) {
+        this._currentUser = newUser;
+    }
+    getCurrentUser() {
+        return this._currentUser;
+    }
+    setBackendToken(token) {
+        this._backendToken = token;
+    }
+    getBackendToken() {
+        return this._backendToken;
+    }
+}
+
+const resetJuxWebGlobal = () => {
+    window.juxWebGlobal = new JuxWebGlobal();
+};
+const getCurrentUser = () => {
+    var _a;
+    return (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.getCurrentUser();
+};
+
+const setBackendToken = (token) => {
+    var _a;
+    (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.setBackendToken(token);
+    if (token)
+        setLocalStorageItem('token', token);
+};
+const clearSession = () => {
+    removeLocalStorageItem('token');
+    resetJuxWebGlobal();
+};
+const onTokenAcquired = (token, onUserLogin) => {
+    setBackendToken(token);
+    onUserLogin();
+};
+
 // TODO: find a better way to import external scripts
 const script = document.createElement('script');
 script.type = 'text/javascript';
@@ -1629,12 +1593,46 @@ const authSignIn = (onUserLogin) => {
     }
 };
 
+const applyLoginTokenStyle = (textarea) => {
+    applyTextFieldStyle(textarea);
+    textarea.style.resize = 'none';
+    textarea.style.setProperty('-webkit-text-security', 'disc');
+};
+const loginTokenTextarea = (onUserLogin, onLoginError) => {
+    const juxWebGlobal = window.juxWebGlobal;
+    const textarea = document.createElement('textarea');
+    textarea.id = 'input-login-token';
+    textarea.autocomplete = 'off';
+    textarea.placeholder = 'Paste sign-in token';
+    textarea.rows = 1;
+    textarea.spellcheck = false;
+    textarea.setAttribute('aria-label', 'Sign-in token');
+    applyLoginTokenStyle(textarea);
+    let loginInProgress = false;
+    textarea.addEventListener('input', () => {
+        const loginToken = textarea.value.trim();
+        if (loginToken.length !== 16 || loginInProgress)
+            return;
+        loginInProgress = true;
+        juxWebGlobal.setBackendToken(loginToken);
+        backendGet('profile', null, (res) => {
+            juxWebGlobal.setCurrentUser(res);
+            onTokenAcquired(loginToken, onUserLogin);
+        }, (err) => {
+            loginInProgress = false;
+            juxWebGlobal.setBackendToken('');
+            onLoginError(err);
+        });
+    });
+    return textarea;
+};
+
 const magicLinkRequestedPage = (backgroundImg, onReturn, onUserLogin, onLoginError) => {
     const title = document.createElement('h2');
     title.textContent = getTranslation('magic-link-confirmation-title');
     title.style.fontSize = '24px';
     title.style.lineHeight = '1.25';
-    title.style.margin = '0 0 12px';
+    title.style.margin = '0 0 16px';
     const sent = document.createElement('p');
     sent.id = 'magic-link-sent';
     sent.textContent = getTranslation(sent.id);
@@ -1644,20 +1642,18 @@ const magicLinkRequestedPage = (backgroundImg, onReturn, onUserLogin, onLoginErr
     email.style.fontWeight = '700';
     email.style.margin = '4px 0 0';
     email.style.overflowWrap = 'anywhere';
-    const howTo = document.createElement('p');
-    howTo.id = 'magic-link-how-to';
-    applyFormattedTranslation(howTo, howTo.id);
-    howTo.style.margin = '28px 0 12px';
     const tokenInput = loginTokenTextarea(onUserLogin, onLoginError);
     tokenInput.style.textAlign = 'left';
+    tokenInput.style.marginTop = '24px';
     const help = document.createElement('p');
     applyFormattedTranslation(help, 'magic-link-check-spam');
-    help.style.margin = '20px 0 0';
+    help.style.margin = '24px 0 0';
     const back = backButton('Back', () => {
         result.remove();
         onReturn();
     });
-    const content = [title, sent, email, howTo, tokenInput, help];
+    back.style.marginTop = '24px';
+    const content = [title, sent, email, tokenInput, help];
     content.forEach(element => {
         element.style.width = '356px';
         element.style.maxWidth = '100%';

package/dist/main.js

@@ -1249,78 +1249,6 @@ const basePage = (pageName, backgroundImg, content) => {
     return result;
 };
 
-class JuxWebGlobal {
-    setCurrentUser(newUser) {
-        this._currentUser = newUser;
-    }
-    getCurrentUser() {
-        return this._currentUser;
-    }
-    setBackendToken(token) {
-        this._backendToken = token;
-    }
-    getBackendToken() {
-        return this._backendToken;
-    }
-}
-
-const resetJuxWebGlobal = () => {
-    window.juxWebGlobal = new JuxWebGlobal();
-};
-const getCurrentUser = () => {
-    var _a;
-    return (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.getCurrentUser();
-};
-
-const setBackendToken = (token) => {
-    var _a;
-    (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.setBackendToken(token);
-    if (token)
-        setLocalStorageItem('token', token);
-};
-const clearSession = () => {
-    removeLocalStorageItem('token');
-    resetJuxWebGlobal();
-};
-const onTokenAcquired = (token, onUserLogin) => {
-    setBackendToken(token);
-    onUserLogin();
-};
-
-const applyLoginTokenStyle = (textarea) => {
-    applyTextFieldStyle(textarea);
-    textarea.style.resize = 'none';
-    textarea.style.setProperty('-webkit-text-security', 'disc');
-};
-const loginTokenTextarea = (onUserLogin, onLoginError) => {
-    const juxWebGlobal = window.juxWebGlobal;
-    const textarea = document.createElement('textarea');
-    textarea.id = 'input-login-token';
-    textarea.autocomplete = 'off';
-    textarea.placeholder = 'Paste sign-in token';
-    textarea.rows = 1;
-    textarea.spellcheck = false;
-    textarea.setAttribute('aria-label', 'Sign-in token');
-    applyLoginTokenStyle(textarea);
-    let loginInProgress = false;
-    textarea.addEventListener('input', () => {
-        const loginToken = textarea.value.trim();
-        if (loginToken.length !== 16 || loginInProgress)
-            return;
-        loginInProgress = true;
-        juxWebGlobal.setBackendToken(loginToken);
-        backendGet('profile', null, (res) => {
-            juxWebGlobal.setCurrentUser(res);
-            onTokenAcquired(loginToken, onUserLogin);
-        }, (err) => {
-            loginInProgress = false;
-            juxWebGlobal.setBackendToken('');
-            onLoginError(err);
-        });
-    });
-    return textarea;
-};
-
 const authPasswordRow = (type, autoCompleteValue) => {
     const result = document.createElement(`${type}-row`);
     result.style.display = 'flex';
@@ -1418,9 +1346,7 @@ const appendLoginTypes = (loginPage, btnsContainer, clientApp, onUserLogin, onLo
         content.style.display = 'flex';
         content.style.flexDirection = 'column';
         content.style.width = '356px';
-        const tokenInput = loginTokenTextarea(onUserLogin, onLoginError);
-        tokenInput.style.marginTop = '24px';
-        content.append(subtitle, magicEmailField(onUserLogin, onReturn, backgroundImg, loginPage, clientApp, () => { }, upperLoginTypes, handlers), tokenInput);
+        content.append(subtitle, magicEmailField(onUserLogin, onReturn, backgroundImg, loginPage, clientApp, () => { }, upperLoginTypes, handlers));
         btnsContainer.appendChild(content);
         if (!onlyEmail)
             btnsContainer.appendChild(backButton('Back', showLoginTypes));
@@ -1531,6 +1457,44 @@ const disableSignInLayout = () => {
     document.body.style.pointerEvents = 'auto';
 };
 
+class JuxWebGlobal {
+    setCurrentUser(newUser) {
+        this._currentUser = newUser;
+    }
+    getCurrentUser() {
+        return this._currentUser;
+    }
+    setBackendToken(token) {
+        this._backendToken = token;
+    }
+    getBackendToken() {
+        return this._backendToken;
+    }
+}
+
+const resetJuxWebGlobal = () => {
+    window.juxWebGlobal = new JuxWebGlobal();
+};
+const getCurrentUser = () => {
+    var _a;
+    return (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.getCurrentUser();
+};
+
+const setBackendToken = (token) => {
+    var _a;
+    (_a = window.juxWebGlobal) === null || _a === void 0 ? void 0 : _a.setBackendToken(token);
+    if (token)
+        setLocalStorageItem('token', token);
+};
+const clearSession = () => {
+    removeLocalStorageItem('token');
+    resetJuxWebGlobal();
+};
+const onTokenAcquired = (token, onUserLogin) => {
+    setBackendToken(token);
+    onUserLogin();
+};
+
 // TODO: find a better way to import external scripts
 const script = document.createElement('script');
 script.type = 'text/javascript';
@@ -1653,12 +1617,46 @@ const authSignIn = (onUserLogin) => {
     }
 };
 
+const applyLoginTokenStyle = (textarea) => {
+    applyTextFieldStyle(textarea);
+    textarea.style.resize = 'none';
+    textarea.style.setProperty('-webkit-text-security', 'disc');
+};
+const loginTokenTextarea = (onUserLogin, onLoginError) => {
+    const juxWebGlobal = window.juxWebGlobal;
+    const textarea = document.createElement('textarea');
+    textarea.id = 'input-login-token';
+    textarea.autocomplete = 'off';
+    textarea.placeholder = 'Paste sign-in token';
+    textarea.rows = 1;
+    textarea.spellcheck = false;
+    textarea.setAttribute('aria-label', 'Sign-in token');
+    applyLoginTokenStyle(textarea);
+    let loginInProgress = false;
+    textarea.addEventListener('input', () => {
+        const loginToken = textarea.value.trim();
+        if (loginToken.length !== 16 || loginInProgress)
+            return;
+        loginInProgress = true;
+        juxWebGlobal.setBackendToken(loginToken);
+        backendGet('profile', null, (res) => {
+            juxWebGlobal.setCurrentUser(res);
+            onTokenAcquired(loginToken, onUserLogin);
+        }, (err) => {
+            loginInProgress = false;
+            juxWebGlobal.setBackendToken('');
+            onLoginError(err);
+        });
+    });
+    return textarea;
+};
+
 const magicLinkRequestedPage = (backgroundImg, onReturn, onUserLogin, onLoginError) => {
     const title = document.createElement('h2');
     title.textContent = getTranslation('magic-link-confirmation-title');
     title.style.fontSize = '24px';
     title.style.lineHeight = '1.25';
-    title.style.margin = '0 0 12px';
+    title.style.margin = '0 0 16px';
     const sent = document.createElement('p');
     sent.id = 'magic-link-sent';
     sent.textContent = getTranslation(sent.id);
@@ -1668,20 +1666,18 @@ const magicLinkRequestedPage = (backgroundImg, onReturn, onUserLogin, onLoginErr
     email.style.fontWeight = '700';
     email.style.margin = '4px 0 0';
     email.style.overflowWrap = 'anywhere';
-    const howTo = document.createElement('p');
-    howTo.id = 'magic-link-how-to';
-    applyFormattedTranslation(howTo, howTo.id);
-    howTo.style.margin = '28px 0 12px';
     const tokenInput = loginTokenTextarea(onUserLogin, onLoginError);
     tokenInput.style.textAlign = 'left';
+    tokenInput.style.marginTop = '24px';
     const help = document.createElement('p');
     applyFormattedTranslation(help, 'magic-link-check-spam');
-    help.style.margin = '20px 0 0';
+    help.style.margin = '24px 0 0';
     const back = backButton('Back', () => {
         result.remove();
         onReturn();
     });
-    const content = [title, sent, email, howTo, tokenInput, help];
+    back.style.marginTop = '24px';
+    const content = [title, sent, email, tokenInput, help];
     content.forEach(element => {
         element.style.width = '356px';
         element.style.maxWidth = '100%';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@klauswuestefeld/jux-web",
-  "version": "2026.10.9",
+  "version": "2026.10.22",
   "author": "Jux.House",
   "license": "Copyrighted",
   "description": "",