refactor: use absolute paths for ts imports

The tsconfig.json file already defined ~ as the project root so the imports just needed to be
changed. It should make refactoring a little easier in the future.

src/app/background.ts

@@ -1,7 +1,7 @@
 import { browser, Runtime } from "webextension-polyfill-ts";
-import { messages } from "./constants";
-import { resetTab, toggleDiffOnTab } from "./messenging";
-import { Message } from "./types/messenging";
+import { messages } from "~app/constants";
+import { resetTab, toggleDiffOnTab } from "~app/messenging";
+import { Message } from "~app/types/messenging";
 
 const tabEnabledSet = new Set();
 

src/app/main.ts

@@ -1,15 +1,15 @@
 import { browser, Runtime } from "webextension-polyfill-ts";
-import "../scss/extension.scss";
-import { messages } from "./constants";
-import { setTabSupportsMulePreview } from "./messenging";
-import { isDiffMode, stopDiff, toggleDiff } from "./modes/diff";
-import { isPreviewMode, togglePreview } from "./modes/preview";
+import { messages } from "~app/constants";
+import { setTabSupportsMulePreview } from "~app/messenging";
+import { isDiffMode, stopDiff, toggleDiff } from "~app/modes/diff";
+import { isPreviewMode, togglePreview } from "~app/modes/preview";
 import {
   getBitbucketDiffElement,
   getBitbucketFilePreviewElement,
   isRunningInBitbucket
-} from "./scms/bitbucket/ui";
-import { Message } from "./types/messenging";
+} from "~app/scms/bitbucket/ui";
+import { Message } from "~app/types/messenging";
+import "../scss/extension.scss";
 
 const bitbucketPollPeriod = 1000; // ms
 const timeout = bitbucketPollPeriod * 10; // ms

src/app/messenging.ts

@@ -1,6 +1,6 @@
 import { browser } from "webextension-polyfill-ts";
-import { messages } from "./constants";
-import { Message } from "./types/messenging";
+import { messages } from "~app/constants";
+import { Message } from "~app/types/messenging";
 
 const sendMessageRobust = async (currentTabId: number, message: Message) =>
   browser.tabs.sendMessage(currentTabId, message).catch((error: unknown) => {

src/app/modes/diff.tsx

@@ -2,11 +2,11 @@ import { MulePreviewDiffContent } from "@agiledigital/mule-preview";
 import * as React from "react";
 import * as ReactDOM from "react-dom";
 import { browser } from "webextension-polyfill-ts";
+import { getFileContentFromDiff } from "~app/scms/bitbucket/fetch";
 import { DiffContent } from "~app/scms/bitbucket/types";
+import { getBitbucketData } from "~app/scms/bitbucket/ui";
 import { ScraperResponse } from "~app/types/scraper";
-import { getFileContentFromDiff } from "../scms/bitbucket/fetch";
-import { getBitbucketData } from "../scms/bitbucket/ui";
-import { createContainerElement, getMulePreviewElement } from "../ui";
+import { createContainerElement, getMulePreviewElement } from "~app/ui";
 
 const handleBitbucketData = (bitbucketData: ScraperResponse) => {
   if (!bitbucketData.valid) {

src/app/modes/preview.tsx

@@ -3,8 +3,8 @@ import fetch from "cross-fetch";
 import * as React from "react";
 import * as ReactDOM from "react-dom";
 import { browser } from "webextension-polyfill-ts";
-import { getFileRawUrlFromContentView } from "../scms/bitbucket/ui";
-import { createContainerElement, getMulePreviewElement } from "../ui";
+import { getFileRawUrlFromContentView } from "~app/scms/bitbucket/ui";
+import { createContainerElement, getMulePreviewElement } from "~app/ui";
 
 const startPreview = () => {
   if (getMulePreviewElement() !== null) {

src/app/scms/bitbucket/fetch.ts

@@ -1,6 +1,6 @@
 import fetch from "cross-fetch";
+import { Change, ChangesResponse, DiffContent } from "~app/scms/bitbucket/types";
 import { ValidScraperResponse } from "~app/types/scraper";
-import { Change, ChangesResponse, DiffContent } from "./types";
 
 /**
  * Functions to fetch files from Bitbucket to preview and diff

src/app/scms/bitbucket/ui.ts

@@ -1,7 +1,7 @@
 import { browser } from "webextension-polyfill-ts";
+import { messages } from "~app/constants";
+import { injectScript } from "~app/inject";
 import { ScraperResponse } from "~app/types/scraper";
-import { messages } from "../../constants";
-import { injectScript } from "../../inject";
 
 /**
  * Functions to get the state of the Bitbucket UI

src/app/scraper.ts

@@ -1,10 +1,10 @@
-import { messages } from "./constants";
+import { messages } from "~app/constants";
 import {
   CommonPageState,
   DiffPageState,
   PullRequestPageState
-} from "./scms/bitbucket/types";
-import { DiffDetails, ScraperResponse } from "./types/scraper";
+} from "~app/scms/bitbucket/types";
+import { DiffDetails, ScraperResponse } from "~app/types/scraper";
 
 // Note: Code in this file has to be injected into the target
 // browser so it should be free of dependencies and small as possible