@wandelbots/nova-js/src/lib/LoginWithAuth0.ts

Official JS client for the Wandelbots API

import { guardedPageReload } from "./errorHandling.ts"

/**
 * Mapping of stages to Auth0 configurations.
 * The client ids are public identifiers for a specific auth0 application
 * and are safe to include in client-side code.
 * https://auth0.com/docs/get-started/applications/application-settings
 */
const auth0ConfigMap = {
  dev: {
    domain: `https://auth.portal.dev.wandelbots.io`,
    clientId: "fLbJD0RLp5r2Dpucm5j8BjwMR6Hunfha",
  },
  stg: {
    domain: `https://auth.portal.stg.wandelbots.io`,
    clientId: "joVDeD9e786WzFNSGCqoVq7HNkWt5j6s",
  },
  prod: {
    domain: `https://auth.portal.wandelbots.io`,
    clientId: "J7WJUi38xVQdJAEBNRT9Xw1b0fXDb4J2",
  },
}

/** Determine which Auth0 configuration to use based on instance URL */
export const getAuth0Config = (instanceUrl: URL) => {
  if (instanceUrl.host.endsWith(".dev.wandelbots.io")) return auth0ConfigMap.dev
  if (instanceUrl.host.endsWith(".stg.wandelbots.io")) return auth0ConfigMap.stg
  if (instanceUrl.host.endsWith(".wandelbots.io")) return auth0ConfigMap.prod
  throw new Error(
    `Unable to authenticate with NOVA instance "${instanceUrl}". Auth0 login is only supported for cloud instances with hosts of the form "**.wandelbots.io".`,
  )
}

/**
 * Initializes Auth0 login process using redirect if necessary and retrieves an access token.
 * Returns null when an access token should not be needed to authenticate (i.e. cookie auth
 * when deployed on the instance domain)
 */
export const loginWithAuth0 = async (
  instanceUrl: URL,
): Promise<string | null> => {
  if (typeof window === "undefined") {
    throw new Error(
      `Access token must be set to use Nova when not in a browser environment.`,
    )
  }

  if (instanceUrl.origin === window.location.origin) {
    // When deployed on the instance itself, our auth is handled by cookies
    // and no access token is needed-- just need to reload the page and it'll
    // login again / set cookie as needed
    return guardedPageReload("cloud_instance_auth")
  }

  // If we're on localhost or another domain, we need to do the full oauth flow
  // Note this will ONLY work for origins which are whitelisted as a redirect_uri
  // in the auth0 config, currently
  const { Auth0Client } = await import("@auth0/auth0-spa-js")

  const auth0Config = getAuth0Config(instanceUrl)

  const auth0Client = new Auth0Client({
    domain: auth0Config.domain,
    clientId: auth0Config.clientId ?? "",
    useRefreshTokens: false,
    authorizationParams: {
      audience: "nova-api",
      redirect_uri: window.location.origin,
    },
  })

  // If the URL includes a redirect result, handle it
  if (
    window.location.search.includes("code=") &&
    window.location.search.includes("state=")
  ) {
    const { appState } = await auth0Client.handleRedirectCallback()
    // Return to the URL the user was originally on before the redirect
    window.history.replaceState(
      {},
      document.title,
      appState?.returnTo || window.location.pathname,
    )
  } else {
    // Initiate login with redirect
    await auth0Client.loginWithRedirect()
  }

  // Once logged in, retrieve the access token silently
  const accessToken = await auth0Client.getTokenSilently()
  return accessToken
}