SilentImp/setLoggedIn.html

## setLoggedIn.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>isLoggedIn API</title>
</head>
<body>
  <header>
    <button id="signin" type="button">Sign-in</button>
    <button id="signout" type="button">Sign-out</button>
  </header>

  <main>
    User is <output id="output"></output>
  </main>

  <script>
    (async () => {
      if (!navigator.isLoggedIn) return;

      const signIn = document.getElementById('signin');
      const signOut = document.getElementById('signout');
      const output = document.getElementById('output');

      const checkIsLoggedIn = async () => {
        const isLoggedIn = await navigator.isLoggedIn(); // It looks like always resolved with `true`.
        console.log('isLoggedIn: ', isLoggedIn);
        output.innerText = isLoggedIn ? 'authenticated' : 'anonimus';
      }

      signIn.addEventListener('click', async (event) => {
        try {
          console.log(navigator.setLoggedIn);
          const response1 = await navigator.setLoggedIn({
            username: "silentimp",
            credentialTokenType: "legacyAuthCookie"
          });  // resolved with `undefined`.
          console.log(response1);
          const response2 = await navigator.setLoggedIn("silentimp", "legacyAuthCookie"); // resolved with `undefined`.
          console.log(response2);
          checkIsLoggedIn();
        } catch (error) {
          console.log(error);
        }
      });

      signOut.addEventListener('click', async (event) => {
        const response = await navigator.setLoggedOut("silentimp");  // resolved with `undefined`.
        console.log(response);
        checkIsLoggedIn();
      });

      checkIsLoggedIn();

    })();
  </script>
</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>isLoggedIn API</title>
	</head>
	<body>
	<header>
	<button id="signin" type="button">Sign-in</button>
	<button id="signout" type="button">Sign-out</button>
	</header>

	<main>
	User is <output id="output"></output>
	</main>

	<script>
	(async () => {
	if (!navigator.isLoggedIn) return;

	const signIn = document.getElementById('signin');
	const signOut = document.getElementById('signout');
	const output = document.getElementById('output');

	const checkIsLoggedIn = async () => {
	const isLoggedIn = await navigator.isLoggedIn(); // It looks like always resolved with `true`.
	console.log('isLoggedIn: ', isLoggedIn);
	output.innerText = isLoggedIn ? 'authenticated' : 'anonimus';
	}

	signIn.addEventListener('click', async (event) => {
	try {
	console.log(navigator.setLoggedIn);
	const response1 = await navigator.setLoggedIn({
	username: "silentimp",
	credentialTokenType: "legacyAuthCookie"
	}); // resolved with `undefined`.
	console.log(response1);
	const response2 = await navigator.setLoggedIn("silentimp", "legacyAuthCookie"); // resolved with `undefined`.
	console.log(response2);
	checkIsLoggedIn();
	} catch (error) {
	console.log(error);
	}
	});

	signOut.addEventListener('click', async (event) => {
	const response = await navigator.setLoggedOut("silentimp"); // resolved with `undefined`.
	console.log(response);
	checkIsLoggedIn();
	});

	checkIsLoggedIn();

	})();
	</script>
	</body>
	</html>