zeppelin/dashboard/src/auth.ts

import { NavigationGuard } from "vue-router";
import { RootStore } from "./store";

const isAuthenticated = async () => {
  if (RootStore.state.auth.apiKey) return true; // We have an API key -> authenticated
  if (RootStore.state.auth.loadedInitialAuth) return false; // No API key and initial auth data was already loaded -> not authenticated
  await RootStore.dispatch("auth/loadInitialAuth"); // Initial auth data wasn't loaded yet (per above check) -> load it now
  if (RootStore.state.auth.apiKey) return true;
  return false; // Still no API key -> not authenticated
};

export const authGuard: NavigationGuard = async (to, from, next) => {
  if (await isAuthenticated()) return next();
  window.location.href = `${process.env.API_URL}/auth/login`;
};

export const loginCallbackGuard: NavigationGuard = async (to, from, next) => {
  if (to.query.apiKey) {
    await RootStore.dispatch("auth/setApiKey", { key: to.query.apiKey });
    window.location.href = "/dashboard";
  } else {
    window.location.href = `/?error=noAccess`;
  }
};

export const authRedirectGuard: NavigationGuard = async (to, form, next) => {
  if (await isAuthenticated()) return next("/dashboard");
  window.location.href = `${process.env.API_URL}/auth/login`;
};