@livedesk/client 0.1.59 → 0.1.60

package/bin/livedesk-client.js

@@ -579,12 +579,16 @@ function renderOAuthCallbackPage({ title, message, tone = 'neutral' }) {
 </html>`;
 }
 
-function renderConnectionChoicePage({ error = '', pin = '', slot = '', startup = false, startupSupported = false } = {}) {
+function renderConnectionChoicePage({ autoGoogle = false, error = '', pin = '', slot = '', startup = false, startupSupported = false } = {}) {
+    const shouldAutoGoogle = Boolean(autoGoogle && !error);
     const errorBlock = error
         ? `<div class="error">${escapeHtml(error)}</div>`
         : '';
     const normalizedSlot = normalizeSlotNumber(slot);
     const slotLabel = normalizedSlot ? `Slot ${String(normalizedSlot).padStart(3, '0')}` : 'First available';
+    const footerText = shouldAutoGoogle
+        ? 'Checking Google sign-in automatically. Enter a PIN to use the PIN path.'
+        : 'This tab can stay open until the connection is ready.';
     const startupBlock = startupSupported
         ? `<label class="startup-option">
             <input id="startup-toggle" type="checkbox" ${startup ? 'checked' : ''}>
@@ -926,7 +930,7 @@ function renderConnectionChoicePage({ error = '', pin = '', slot = '', startup =
             <input id="pin-startup" type="hidden" name="startup" value="${startup ? '1' : '0'}">
             <label class="field-label">
               Hub PIN
-              <input class="pin-input" name="pin" value="${escapeHtml(pin)}" inputmode="numeric" autocomplete="one-time-code" pattern="[0-9]{6}" maxlength="6" placeholder="000000" autofocus>
+              <input class="pin-input" name="pin" value="${escapeHtml(pin)}" inputmode="numeric" autocomplete="one-time-code" pattern="[0-9]{6}" maxlength="6" placeholder="000000" ${shouldAutoGoogle ? '' : 'autofocus'}>
             </label>
             <button type="submit">Connect with PIN</button>
           </form>
@@ -936,7 +940,7 @@ function renderConnectionChoicePage({ error = '', pin = '', slot = '', startup =
             <strong>${escapeHtml(slotLabel)}</strong>
           </div>
         </section>
-        <small>This tab can stay open until the connection is ready.</small>
+        <small>${escapeHtml(footerText)}</small>
       </div>
     </main>
     <aside aria-hidden="true">
@@ -969,6 +973,35 @@ function renderConnectionChoicePage({ error = '', pin = '', slot = '', startup =
       startupToggle.addEventListener('change', syncStartupFields);
       syncStartupFields();
     }
+    const autoGoogle = ${shouldAutoGoogle ? 'true' : 'false'};
+    let autoGoogleCanceled = false;
+    function cancelAutoGoogle() {
+      autoGoogleCanceled = true;
+    }
+    const pinInput = document.querySelector('.pin-input');
+    const pinForm = document.getElementById('pin-form');
+    if (pinInput) {
+      pinInput.addEventListener('focus', cancelAutoGoogle);
+      pinInput.addEventListener('input', cancelAutoGoogle);
+      pinInput.addEventListener('keydown', cancelAutoGoogle);
+    }
+    if (pinForm) {
+      pinForm.addEventListener('submit', cancelAutoGoogle);
+    }
+    if (startupToggle) {
+      startupToggle.addEventListener('change', cancelAutoGoogle);
+    }
+    if (autoGoogle) {
+      setTimeout(() => {
+        if (autoGoogleCanceled) return;
+        const googleForm = document.getElementById('google-form');
+        if (googleForm && typeof googleForm.requestSubmit === 'function') {
+          googleForm.requestSubmit();
+        } else if (googleForm) {
+          googleForm.submit();
+        }
+      }, 900);
+    }
     async function watchAutoConnection() {
       try {
         const response = await fetch('/api/state', { cache: 'no-store' });
@@ -1418,6 +1451,7 @@ async function startConnectionChoiceServer(supabase, options = {}) {
     const startupArgs = Array.isArray(options.startupArgs) ? options.startupArgs : [];
     const savedSession = options.savedSession?.access_token ? options.savedSession : null;
     const savedPin = normalizePairingPin(options.savedPin);
+    const autoGoogle = options.autoGoogle === true;
     let pendingStartup = isWindowsStartupRegistered();
     let listeningPort = port;
     let completed = false;
@@ -1458,6 +1492,7 @@ async function startConnectionChoiceServer(supabase, options = {}) {
         }
     };
     const renderChoice = (props = {}) => renderConnectionChoicePage({
+        autoGoogle,
         slot,
         startup: pendingStartup,
         startupSupported: isWindowsStartupSupported(),
@@ -1525,6 +1560,7 @@ async function startConnectionChoiceServer(supabase, options = {}) {
         res.writeHead(200, { 'Content-Type': 'text/html; charset=utf-8' });
         res.end(renderChoice({
             error: error instanceof Error ? error.message : String(error),
+            autoGoogle: false,
             pin
         }));
     };
@@ -1565,6 +1601,7 @@ async function startConnectionChoiceServer(supabase, options = {}) {
                 }
                 res.writeHead(200, { 'Content-Type': 'text/html; charset=utf-8' });
                 res.end(completed ? renderDashboard() : renderChoice({
+                    autoGoogle: false,
                     error: 'Saved Google sign-in was cleared.'
                 }));
                 return;
@@ -1660,6 +1697,7 @@ async function startConnectionChoiceServer(supabase, options = {}) {
                 if (!code) {
                     res.writeHead(200, { 'Content-Type': 'text/html; charset=utf-8' });
                     res.end(renderChoice({
+                        autoGoogle: false,
                         error: 'Google did not return an auth code. Try Google sign-in again.'
                     }));
                     return;
@@ -1691,6 +1729,7 @@ async function startConnectionChoiceServer(supabase, options = {}) {
 
             res.writeHead(404, { 'Content-Type': 'text/html; charset=utf-8' });
             res.end(renderChoice({
+                autoGoogle: false,
                 error: 'Unknown LiveDesk connection route.'
             }));
         })().catch(err => {
@@ -1749,8 +1788,11 @@ async function startConnectionChoiceServer(supabase, options = {}) {
 async function chooseClientConnection(supabase, options = {}) {
     const connectionPage = await startConnectionChoiceServer(supabase, {
         authPort: options.authPort,
+        autoGoogle: options.autoGoogle,
         slot: options.slot,
-        startupArgs: options.startupArgs
+        startupArgs: options.startupArgs,
+        savedSession: options.savedSession,
+        savedPin: options.savedPin
     });
     console.log('Opening LiveDesk connection page...');
     openBrowser(connectionPage.url);
@@ -1901,6 +1943,7 @@ async function prepareLoginConnection(parsed) {
         if (!choice) {
             choice = await chooseClientConnection(supabase, {
                 authPort: parsed.authPort,
+                autoGoogle: !savedSession?.access_token && !savedPin,
                 slot: parsed.slot,
                 startupArgs,
                 savedSession,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@livedesk/client",
-  "version": "0.1.59",
+  "version": "0.1.60",
   "description": "LiveDesk local remote client",
   "type": "module",
   "bin": {