automatic/javascript/authWrap.js

let user;
let token;

async function getToken() {
  if (token === undefined || user === undefined) {
    const res = await fetch(`${window.subpath}/token`);
    if (res.ok) {
      const data = await res.json();
      user = data.user;
      token = data.token;
      log('getToken', user);
    }
  }
  return { user, token };
}

async function authFetch(url, options = {}) {
  await getToken();
  if (user && token) {
    if (!options.headers) options.headers = {};
    const encoded = btoa(`${user}:${token}`);
    options.headers.Authorization = `Basic ${encoded}`;
  }
  let res;
  try {
    res = await fetch(url, options);
    if (!res.ok) error('fetch', { status: res?.status || 503, url, user, token });
  } catch (err) {
    error('fetch', { status: res?.status || 503, url, user, token, error: err });
  }
  return res;
}