feat: review changes

README.md

@@ -110,7 +110,7 @@ snyk:
   # Host of the Web UI to render links. Defaults to "app.snyk.io"
   # If you use EU or AU Snyk account, change this to app.eu.snyk.io or app.au.snyk.io
   appHost: app.snyk.io
-  # Version of the API to use on the calls. Defaults to "2023-11-06"
+  # Version of the API to use on the calls. Defaults to "2023-06-19~experimental"
   apiVersion: 2023-11-06
   # Mocks the API calls, useful for development and for testing the plugin without a Snyk account. Defaults to "false"
   mocked: false

config.d.ts

@@ -20,6 +20,10 @@ export interface Config {
      * @visibility frontend
      */
     appHost?: string;
+    /**
+     * @visibility frontend
+     */
+    AppHost?: string; // kept for backward compatibility
     /**
      * @visibility frontend
      */

src/api/index.ts

@@ -91,7 +91,10 @@ export class SnykApiClient implements SnykApi {
   }
 
   getSnykAppHost() {
-    return this.configApi.getOptionalString("snyk.appHost") ?? "app.snyk.io";
+    const appHost =
+      this.configApi.getOptionalString("snyk.AppHost") ??
+      this.configApi.getOptionalString("snyk.appHost");
+    return appHost ?? "app.snyk.io";
   }
 
   isMocked(): boolean {
@@ -105,7 +108,10 @@ export class SnykApiClient implements SnykApi {
   }
 
   getSnykApiVersion(): string {
-    return this.configApi.getOptionalString("snyk.apiVersion") ?? "2023-11-06";
+    return (
+      this.configApi.getOptionalString("snyk.apiVersion") ??
+      "2023-06-19~experimental"
+    );
   }
 
   isAvailableInEntity(entity: Entity): boolean {

src/components/SnykEntityComponent/components/SnykCircularCountersComponent.tsx

@@ -1,7 +1,6 @@
 import React, { FC, useEffect, useRef, useState } from "react";
 import {
   CircularProgressbarWithChildren,
-  CircularProgressbar,
   buildStyles,
 } from "react-circular-progressbar";
 import "react-circular-progressbar/dist/styles.css";
@@ -173,7 +172,7 @@ export const SnykCircularCounter: FC<SnykCircularCounterProps> = ({
               })}
             >
               <div style={{ width: "88%" }}>
-                <CircularProgressbar
+                <CircularProgressbarWithChildren
                   value={lines[3].value}
                   circleRatio={2 / 3}
                   styles={buildStyles({