feat: Overhaul popup menu and provider management (#103)

This PR is primarily meant to fix a bug where github enterprise URLs
would not actually work due to 'github' being the hardcoded provider on
API requests. While I was in here though I took it as a chance to
rewrite the popup menu to address some other issues.

Author: spalmurray-codecov

package-lock.json

@@ -18,7 +18,6 @@
     "code-tag": "^1.1.0",
     "color-alpha": "^1.1.3",
     "dom-chef": "^5.1.0",
-    "fetch-intercept": "^2.4.0",
     "lodash": "^4.17.21",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -39,7 +38,6 @@
     "autoprefixer": "^10.4.14",
     "copy-webpack-plugin": "^9.0.1",
     "css-loader": "^6.7.3",
-    "daisyui": "^2.51.3",
     "postcss": "^8.4.21",
     "postcss-loader": "^7.0.2",
     "prettier": "^2.2.1",

package.json

@@ -32,18 +32,19 @@ async function handleMessages(message: {
   payload: any;
   referrer?: string;
 }) {
+  const codecov = new Codecov();
   return Sentry.startSpan({ name: message.type }, async () => {
     switch (message.type) {
       case MessageType.FETCH_COMMIT_REPORT:
-        return Codecov.fetchCommitReport(message.payload, message.referrer!);
+        return codecov.fetchCommitReport(message.payload, message.referrer!);
       case MessageType.FETCH_PR_COMPARISON:
-        return Codecov.fetchPRComparison(message.payload, message.referrer!);
+        return codecov.fetchPRComparison(message.payload, message.referrer!);
       case MessageType.FETCH_FLAGS_LIST:
-        return Codecov.listFlags(message.payload, message.referrer!);
+        return codecov.listFlags(message.payload, message.referrer!);
       case MessageType.FETCH_COMPONENTS_LIST:
-        return Codecov.listComponents(message.payload, message.referrer!);
+        return codecov.listComponents(message.payload, message.referrer!);
       case MessageType.CHECK_AUTH:
-        return Codecov.checkAuth(message.payload);
+        return codecov.checkAuth(message.payload);
       case MessageType.REGISTER_CONTENT_SCRIPTS:
         return registerContentScript(message.payload);
       case MessageType.UNREGISTER_CONTENT_SCRIPTS:

src/background/main.ts

@@ -1,5 +1,12 @@
-export const useSelfHostedStorageKey = "use_self_hosted";
+export const codecovApiTokenStorageKey = "self_hosted_codecov_api_token"; // Keeping this key to not break existing installs.
 export const selfHostedCodecovURLStorageKey = "self_hosted_codecov_url";
 export const selfHostedGitHubURLStorageKey = "self_hosted_github_url";
-export const selfHostedCodecovApiToken = "self_hosted_codecov_api_token";
 export const dynamicContentScriptRegistrationId = "dynamic-content-script";
+
+export const codecovCloudApiUrl = "https://api.codecov.io";
+export const githubCloudUrl = "https://github.com";
+
+export const providers = {
+  github: "github",
+  githubEnterprise: "github_enterprise",
+} as const;

src/constants.ts

@@ -7,7 +7,6 @@ import {
 
 export async function getFlags(metadata: FileMetadata): Promise<string[]> {
   const payload = {
-    service: "github",
     owner: metadata.owner,
     repo: metadata.repo,
   };
@@ -25,7 +24,6 @@ export async function getFlags(metadata: FileMetadata): Promise<string[]> {
 
 export async function getComponents(metadata: FileMetadata): Promise<string[]> {
   const payload = {
-    service: "github",
     owner: metadata.owner,
     repo: metadata.repo,
   };
@@ -52,7 +50,6 @@ export async function getCommitReport(
   }
 
   const payload = {
-    service: "github",
     owner: metadata.owner,
     repo: metadata.repo,
     path: metadata.path,
@@ -74,7 +71,6 @@ export async function getBranchReport(
   metadata: FileMetadata
 ): Promise<FileCoverageReportResponse> {
   const payload = {
-    service: "github",
     owner: metadata.owner,
     repo: metadata.repo,
     path: metadata.path,
@@ -92,7 +88,6 @@ export async function getBranchReport(
 
 export async function getPRReport(url: any) {
   const payload = {
-    service: "github",
     owner: url.owner,
     repo: url.repo,
     pullid: url.id,