Add custom backlink settings

Author: Jujuyeh

config.d.ts

@@ -21,5 +21,11 @@ export interface Config {
        * @visibility frontend
        */
       endpoint: string;
+
+      /**
+       * Custom backlink to Sysdig Secure.
+       * @visibility frontend
+       */
+      backlink: string;
     };
   }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sysdig/backstage-plugin-sysdig",
-  "version": "1.1.1",
+  "version": "1.2.0",
   "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "license": "Apache-2.0",

src/components/SysdigPostureFetchComponent/SysdigPostureFetchComponent.tsx

@@ -59,7 +59,7 @@ import {
 
   API_PROXY_BASE_PATH,
   API_INVENTORY,
-  BACKLINK_INVENTORY
+  getBacklink
 } from '../../lib'
 
 
@@ -212,8 +212,10 @@ export const DenseTable = ({ postureScans, title }: DenseTableProps) => {
 export const SysdigPostureFetchComponent = () => {
   const { entity } = useEntity();
   const backendUrl = useApi(configApiRef).getString('backend.baseUrl');
-  var backlink = useApi(configApiRef).getString('sysdig.endpoint') + BACKLINK_INVENTORY;
+  let endpoint: string | undefined = useApi(configApiRef).getOptionalString("sysdig.endpoint");
+  let backlink_config: string | undefined = useApi(configApiRef).getOptionalString("sysdig.backlink");
 
+  var backlink = getBacklink(endpoint, backlink_config, "inventory");
   const annotations = entity.metadata.annotations;
 
   let uri = backendUrl + API_PROXY_BASE_PATH + API_INVENTORY;

src/components/SysdigVMPipelineFetchComponent/SysdigVMPipelineFetchComponent.tsx

@@ -31,7 +31,7 @@ import {
 
   API_PROXY_BASE_PATH,
   API_VULN_PIPELINE,
-  BACKLINK_VULN_PIPELINE
+  getBacklink
 } from '../../lib'
 
 type PipelineScan = {
@@ -114,7 +114,10 @@ export const DenseTable = ({ pipelineScans, title }: DenseTableProps) => {
 export const SysdigVMPipelineFetchComponent = () => {
   const { entity } = useEntity();
   const backendUrl = useApi(configApiRef).getString('backend.baseUrl');
-  var backlink = useApi(configApiRef).getString('sysdig.endpoint') + BACKLINK_VULN_PIPELINE;
+  let endpoint: string | undefined = useApi(configApiRef).getOptionalString("sysdig.endpoint");
+  let backlink_config: string | undefined = useApi(configApiRef).getOptionalString("sysdig.backlink");
+
+  var backlink = getBacklink(endpoint, backlink_config, "vm-pipeline");
 
   let uri = backendUrl + API_PROXY_BASE_PATH + API_VULN_PIPELINE;
   let filter = '?filter=';

src/components/SysdigVMRegistryFetchComponent/SysdigVMRegistryFetchComponent.tsx

@@ -31,7 +31,7 @@ import {
 
   API_PROXY_BASE_PATH,
   API_VULN_REGISTRY,
-  BACKLINK_VULN_REGISTRY
+  getBacklink
 } from '../../lib'
 
 
@@ -103,7 +103,10 @@ export const DenseTable = ({ registryScans, title }: DenseTableProps) => {
 export const SysdigVMRegistryFetchComponent = () => {
   const { entity } = useEntity();
   const backendUrl = useApi(configApiRef).getString('backend.baseUrl');
-  var backlink = useApi(configApiRef).getString('sysdig.endpoint') + BACKLINK_VULN_REGISTRY;
+  let endpoint: string | undefined = useApi(configApiRef).getOptionalString("sysdig.endpoint");
+  let backlink_config: string | undefined = useApi(configApiRef).getOptionalString("sysdig.backlink");
+
+  var backlink = getBacklink(endpoint, backlink_config, "vm-registry");
 
   let uri = backendUrl + API_PROXY_BASE_PATH + API_VULN_REGISTRY;
   let filter = '?filter=';

src/components/SysdigVMRuntimeFetchComponent/SysdigVMRuntimeFetchComponent.tsx

@@ -37,7 +37,7 @@ import {
 
   API_PROXY_BASE_PATH,
   API_VULN_RUNTIME,
-  BACKLINK_VULN_RUNTIME
+  getBacklink
 } from '../../lib'
 
 
@@ -154,7 +154,10 @@ export const DenseTable = ({ runtimeScans, title }: DenseTableProps) => {
 export const SysdigVMRuntimeFetchComponent = () => {
   const { entity } = useEntity();
   const backendUrl = useApi(configApiRef).getString('backend.baseUrl');
-  var backlink = useApi(configApiRef).getString('sysdig.endpoint') + BACKLINK_VULN_RUNTIME;
+  let endpoint: string | undefined = useApi(configApiRef).getOptionalString("sysdig.endpoint");
+  let backlink_config: string | undefined = useApi(configApiRef).getOptionalString("sysdig.backlink");
+
+  var backlink = getBacklink(endpoint, backlink_config, "vm-runtime");
 
   let uri = backendUrl + API_PROXY_BASE_PATH + API_VULN_RUNTIME;
   let filter = '?filter=';

src/lib/endpoints.ts

@@ -22,15 +22,36 @@ export const API_INVENTORY = "/api/cspm/v1/inventory/resources";
 /*
  * Backlink paths to product
  */
+let DEFAULT_BACKLINK_BASE: string = "https://secure.sysdig.com/"
 
-// Backlink path to Vulnerability Management at Runtime
-export const BACKLINK_VULN_RUNTIME = "#/vulnerabilities/runtime/";
+const BACKLINKS: Record<string, string> = {
+    // Backlink path to Vulnerability Management at Runtime
+    "vm-runtime": "#/vulnerabilities/runtime/",
 
-// Backlink path to Vulnerability Management at Registry
-export const BACKLINK_VULN_REGISTRY = "#/vulnerabilities/registry/";
+    // Backlink path to Vulnerability Management at Registry
+    "vm-registry": "#/vulnerabilities/registry/",
 
-// Backlink path to Vulnerability Management at Pipeline
-export const BACKLINK_VULN_PIPELINE = "#/vulnerabilities/pipeline/";
+    // Backlink path to Vulnerability Management at Pipeline
+    "vm-pipeline": "#/vulnerabilities/pipeline/",
 
-// Backlink path to Inventory
-export const BACKLINK_INVENTORY = "#/inventory";
+    // Backlink path to Inventory
+    "inventory": "#/inventory"
+}
+
+export function getBacklink(endpoint: string | undefined, backlink: string | undefined, section: string) : string {
+    var backlink_base : string = DEFAULT_BACKLINK_BASE;
+
+    if (backlink != undefined) {
+        backlink_base = backlink
+    } else if (endpoint != undefined) {
+        backlink_base = endpoint
+    }
+
+    let backlink_section : string = BACKLINKS[section];
+
+    if (backlink_section === undefined) {
+        return "";
+    }
+
+    return backlink_base + backlink_section;
+}

src/lib/index.ts

@@ -53,8 +53,5 @@ export {
     API_VULN_REGISTRY,
     API_VULN_PIPELINE,
     API_INVENTORY,
-    BACKLINK_VULN_RUNTIME,
-    BACKLINK_VULN_REGISTRY,
-    BACKLINK_VULN_PIPELINE,
-    BACKLINK_INVENTORY    
+    getBacklink  
 } from './endpoints'