xtnsn/templates/typescript/override-page/src/app.ts

The CLI for your next Chrome Extension.

'use strict';

import getCurrentTime from './clock';
import getDay from './day';
import './app.css';

(function () {
  function setTime(): void {
    const time: string = getCurrentTime();

    document.getElementById('clock')!.innerHTML = time;
  }

  function setDay(): void {
    const day: string = getDay();

    document.getElementById('day')!.innerHTML = day;
  }

  function setupDashboard(): void {
    setDay();
    setTime();
    setInterval(setTime, 1000);
  }

  setupDashboard();

  // Communicate with background file by sending a message
  chrome.runtime.sendMessage(
    {
      type: 'GREETINGS',
      payload: {
        message: 'Hello, my name is Ove. I am from Override app.',
      },
    },
    (response) => {
      console.log(response.message);
    }
  );
})();