svelte-session-manager/src/login.mjs

Session store for svelte (currently only for JWT)

import { JSONContentTypeHeader } from "./constants.mjs";
import { Session } from "./session.mjs";

const defaultTokenMap = Object.fromEntries(
  ["access_token", "refresh_token", "token_type"].map(k => [k, k])
);

/**
 * Bring session into the valid state by calling the authorization endpoint
 * and asking for a access_token.
 * Executes a POST on the endpoint url expecting username, and password as json
 * @param {Session} session to be opened
 * @param {string} endpoint authorization url
 * @param {string} username id of the user
 * @param {string} password user credentials
 * @param {Object} tokenmap token names in response to internal known values
 * @param {string} tokenmap.access_token
 * @return {Promise<string|undefined>} error message in case of failure or undefined on success
 */
export async function login(
  session,
  endpoint,
  username,
  password,
  tokenmap = defaultTokenMap
) {
  try {
    const response = await fetch(endpoint, {
      method: "POST",
      headers: JSONContentTypeHeader,
      body: JSON.stringify({
        username,
        password
      })
    });
    if (response.ok) {
      const data = await response.json();
      if (!data[tokenmap.access_token]) {
        return data.error || "missing access_token";
      }
      session.update({
        endpoint,
        username,
        ...Object.fromEntries(
          Object.entries(tokenmap).map(([k1, k2]) => [k1, data[k2]])
        )
      });
    } else {
      session.update({ username });
      return handleFailedResponse(response);
    }
  } catch (e) {
    session.update({ username });
    throw e;
  }
}

/**
 * Extract error description from response.
 * @param {Response} response
 * @return {Promise<string>}
 */
export async function handleFailedResponse(response) {
  const wa = response.headers.get("WWW-Authenticate");

  if (wa) {
    const o = Object.fromEntries(
      wa.split(/\s*,\s*/).map(entry => entry.split(/=/))
    );
    if (o.error_description) {
      return o.error_description;
    }
  }

  let message = response.statusText;

  let ct = response.headers.get("Content-Type");
  if (ct) {
    ct = ct.replace(/;.*/, "");
  }

  switch (ct) {
    case undefined:
    case "text/plain":
      message += "\n" + (await response.text());
      break;
    case "text/html":
      const root = document.createElement("html");
      root.innerHTML = await response.text();

      for (const tag of ["title", "h1", "h2"]) {
        for (const item of root.getElementsByTagName(tag)) {
          const text = item.innerText;
          if (text) {
            return text;
          }
        }
      }
      break;
  }

  return message;
}