main.js

// @ts-check

import "./style.css";
import { detectPlatform } from "./src/platforms.js";
import {
  getAppStoreUrl,
  getConfig,
  getRemoteConfigUrl,
  getGooglePlayStoreUrl,
  getMicrosoftStoreUrl,
} from "./src/config.js";

import { resolveAndParseRemoteConfigToUrl } from "./src/remoteConfig.js";

function renderFallBack(config) {
  let badges = ``;
  const appStoreUrl = getAppStoreUrl(config);
  if (appStoreUrl) {
    badges += `<a href="${appStoreUrl}" rel="noopener noreferrer">
            <img src="/us/Download_on_the_App_Store_Badge_US-UK_RGB_blk_092917.svg" class="logo" alt="Download on the App Store" style="width: 150px; height: auto;" />
        </a>`;
  }
  const googlePlayUrl = getGooglePlayStoreUrl(config);
  if (googlePlayUrl) {
    badges += `<a href="${googlePlayUrl}" rel="noopener noreferrer">
            <img src="/us/google-play-badge.png" class="logo" alt="Get it on Google Play" style="width: 200px; height: auto;" />
        </a>`;
  }
  const windowsStoreUrl = getMicrosoftStoreUrl(config);
  if (windowsStoreUrl) {
    badges += `<a href="${windowsStoreUrl}" rel="noopener noreferrer">
            <img src="/us/en-gb dark.svg" class="logo" alt="Get it on the Microsoft Store" style="width: 150px; height: auto;" />
        </a>`;
  }

  if (badges === "") {
    badges = `<p>Sorry, this app link does not support your platform.</p>`;
  }

  // @ts-ignore
  document.querySelector("#app").innerHTML = `
    <div class="badges">
        ${badges}
    </div>
    `;
}

const executeRedirect = async () => {
  // detect platform
  const platform = detectPlatform(navigator.userAgent);

  // determine configuration type
  const remoteUrl = getRemoteConfigUrl(location.href);
  if (remoteUrl) {
    const targetUrl = await resolveAndParseRemoteConfigToUrl(
      remoteUrl,
      platform,
      Intl.DateTimeFormat().resolvedOptions().timeZone
    );
    if (targetUrl) {
      location.href = targetUrl;
    } else {
      renderFallBack({});
    }
  } else {
    // simple link
    const config = getConfig(location.href);

    if (
      !config.appleAppId &&
      !config.googlePackageName &&
      !config.microsoftStoreId
    ) {
      renderFallBack(config);
    } else {
      switch (platform) {
        case "Apple":
          location.href = `https://apps.apple.com/app/id${config.appleAppId}`;
          break;
        case "Google":
          location.href = `https://play.google.com/store/apps/details?id=${config.googlePackageName}`;
          break;
        case "Microsoft":
          location.href = `https://www.microsoft.com/store/apps/${config.microsoftStoreId}`;
          break;
        default:
          renderFallBack(config);
          break;
      }
    }
  }
};

executeRedirect();