pulse-signage/src/player/player-client-name.script.html

<script>
  let onboardingClientName = null;
  let onboardingClientNameSyncPromise = null;
  const onboardingClientNameStorageKey = 'pulse-signage-player-client-name';
  const onboardingDeviceIdStorageKey = 'pulse-signage-player-device-id';

  function getOnboardingDeviceId() {
    try {
      var storedDeviceId = window.localStorage.getItem(onboardingDeviceIdStorageKey) || '';
      return String(storedDeviceId || '').trim();
    } catch (_error) {
      return '';
    }
  }

  // Return the onboarding client name when one was assigned, otherwise a stable client id.
  function getOnboardingClientName() {
    if (onboardingClientName) {
      return onboardingClientName;
    }
    try {
      var storedClientName = window.localStorage.getItem(onboardingClientNameStorageKey);
      if (storedClientName) {
        onboardingClientName = storedClientName;
        try {
          window.localStorage.setItem('pulse-signage-player-client-name', storedClientName);
        } catch (_mirrorError) {
          // ignore storage errors
        }
        return onboardingClientName;
      }
      var genericClientName = window.localStorage.getItem('pulse-signage-player-client-name');
      if (genericClientName) {
        onboardingClientName = genericClientName;
        try {
          window.localStorage.setItem(onboardingClientNameStorageKey, genericClientName);
        } catch (_error) {
          // ignore storage errors
        }
        return onboardingClientName;
      }
    } catch (_error) {
      // fall through to client id generation
    }
    return '';
  }

  function applyOnboardingClientName(renamedClientName, socket) {
    var normalizedName = String(renamedClientName || '').trim();
    if (!normalizedName) {
      return;
    }
    onboardingClientName = normalizedName;
    try {
      window.localStorage.setItem('pulse-signage-player-client-name', normalizedName);
      window.localStorage.setItem(onboardingClientNameStorageKey, normalizedName);
    } catch (_error) {
      // ignore storage errors
    }
    if (socket && socket.readyState === WebSocket.OPEN) {
      sendCommandHello(socket);
    }
  }

  function syncOnboardingClientNameFromServer(socket) {
    var deviceId = getOnboardingDeviceId();
    if (!deviceId) {
      return Promise.resolve(getOnboardingClientName());
    }

    if (onboardingClientNameSyncPromise) {
      return onboardingClientNameSyncPromise;
    }

    onboardingClientNameSyncPromise = fetch('/api/onboarding/status?deviceId=' + encodeURIComponent(deviceId), {
      cache: 'no-store'
    }).then(function (response) {
      if (!response.ok) {
        return null;
      }
      return response.json().catch(function () {
        return null;
      });
    }).then(function (payload) {
      var serverName = payload && payload.clientName ? String(payload.clientName).trim() : '';
      if (serverName) {
        applyOnboardingClientName(serverName, null);
      }
      return onboardingClientName || getOnboardingClientName();
    }).catch(function () {
      return onboardingClientName || getOnboardingClientName();
    }).finally(function () {
      onboardingClientNameSyncPromise = null;
    });

    return onboardingClientNameSyncPromise;
  }
</script>