main.ts

import "./trusted-types-polyfill";

import "./animation.scss";
import "./tailwind.css";

import { App, createApp } from "vue";
import subtitleComponents from "./subtitle/components/components";
import generalComponents from "./common/components/components";

import { netflix } from "./subtitle/web_netflix/initializer";
import { youtube } from "./subtitle/web_youtube/initializer";
import { AppInitializer } from "./common/types/general.type";
import { cleanText } from "./common/helper/text";
import { analytic } from "./plugins/mixpanel";
import { VERSION } from "./common/static/global";
import { log } from "./common/helper/log";
import { addPlugins } from "./plugins/install";
import {
  registerGlobalEvents,
  unregisterGlobalEvents,
} from "./subtitle/helpers/global-events";
import { loginWithLastSession } from "./plugins/modular-rest";
import { useSettingsStore } from "./common/store/settings";

log("Using version", VERSION);

let vueApp!: App;
let appInitializer!: AppInitializer;
let initialized = false;

// Select an app initializer from existing modules
//
[youtube, netflix].forEach((item) => {
  if (location.hostname.includes(item.website.host)) {
    appInitializer = item;
  }
});

// Create an interval to initializing the app
// In each interval cycle Initializer seeks for a subtitle container,
// Then the app being initiated if container exists
//
function start() {
  setInterval(() => {
    //
    // Mount vue app of location match
    //
    if (
      !initialized &&
      location.pathname.includes(appInitializer.website.path)
    ) {
      initialized = true;

      // Create a vue app
      const app = createApp(appInitializer.component as any);

      // Add plugins
      vueApp = addPlugins(app);

      // Initialize settings
      const settingsStore = useSettingsStore();
      settingsStore.initialize();

      // Login with last session
      loginWithLastSession();

      // Register components
      //

      const components = {
        ...subtitleComponents,
        ...generalComponents,
      };

      Object.keys(components).forEach((name) => {
        let component = (components as any)[name];
        vueApp.component(name, component);

        vueApp.config.globalProperties.$filters = {
          cleanText: cleanText,
        };
      });

      //
      // END Register components

      appInitializer
        .start(vueApp)
        .then((_) => {
          registerGlobalEvents();
        })
        .catch((_) => analytic.track("extension_init-failed"));
    }

    //
    // Unmount vue app if location doesn't match anymore
    //
    else if (
      initialized &&
      !location.pathname.includes(appInitializer.website.path)
    ) {
      initialized = false;
      unregisterGlobalEvents();
      vueApp.unmount();
    }
  }, 100);
}

start();