advent22/ui/src/plugins/advent22.ts

import axios, { AxiosInstance, ResponseType } from 'axios';
import { App, Plugin } from 'vue';

export class Advent22 {
  private axios: AxiosInstance;
  private api_auth = { username: "", password: "" };

  public constructor() {
    this.axios = axios.create();
  }

  private get api_baseurl(): string {
    // in production mode, return "//host/api"
    if (process.env.NODE_ENV === "production") {
      return `//${window.location.host}/api`;

    } else if (process.env.NODE_ENV !== "development") {
      // not in prouction or development mode
      console.warn("Unexpected NODE_ENV value");
    }

    // in development mode, return "//hostname:8000/api"
    return `//${window.location.hostname}:8000/api`;
  }

  public api_url(endpoint?: string): string {
    if (endpoint === undefined)
      return this.api_baseurl;

    while (endpoint.startsWith('/'))
      endpoint = endpoint.substring(1);

    return `${this.api_baseurl}/${endpoint}`;
  }

  public set_api_auth(username: string, password: string) {
    this.api_auth = { username: username, password: password };
  }

  private fail(name: string): (reason: unknown) => void {
    return (reason: unknown) =>
      console.warn("Failed to query", name, "-", reason);
  }

  private api_get<T>(
    endpoint: string,
    on_success: (data: T) => void,
    responseType: ResponseType = "json",
  ) {
    const req_data = {
      auth: this.api_auth,
      responseType: responseType,
    };

    this.axios.get<T>(this.api_url(endpoint), req_data)
      .then((response) => on_success(response.data))
      .catch(this.fail(endpoint));
  }

  public api_get_blob(
    endpoint: string,
    on_success: (data: string) => void,
  ) {
    this.api_get<Blob>(
      endpoint,
      (data: Blob) => {
        const reader = new FileReader();
        reader.readAsDataURL(data);
        reader.onloadend = () => {
          if (typeof reader.result === "string")
            on_success(reader.result);

          else
            this.fail(endpoint);
        }
      },
      "blob",
    );
  }

  public api_get_string(
    endpoint: string,
    on_success: (data: string) => void,
  ) {
    this.api_get<string>(
      endpoint,
      (data: string) => {
        on_success(data);
      }
    );
  }

  public api_get_number(
    endpoint: string,
    on_success: (data: number) => void,
  ) {
    this.api_get<number>(
      endpoint,
      (data: number) => {
        on_success(data);
      }
    );
  }
}

export const Advent22Plugin: Plugin = {
  install(app: App) {
    app.config.globalProperties.$advent22 = new Advent22();
  }
}