Merge pull request #130 from digma-ai/feature/add_environment_usage_support

Feature/add environment usage support

Author: doppleware

digma-0.5.25.tgz

@@ -182,6 +182,26 @@ export interface ExecutedCodeSummary{
     codeLineNumber: number;
 }
 
+export interface UsageStatusResults {
+    codeObjectStatuses: CodeObjectUsageStatus[];
+    environmentStatuses: EnvironmentUsageStatus[];
+
+}
+
+export interface EnvironmentUsageStatus{
+    name: string;
+    environmentFirstRecordedTime:moment.Moment;
+    environmentLastRecordedTime:moment.Moment;
+}
+
+export interface CodeObjectUsageStatus{
+    environment: string;
+    type: string;
+    name: string;
+    codeObjectId: string;
+    lastRecordedTime: moment.Moment;
+    firstRecordedTime: moment.Moment;
+}
 export interface EndpointSummary{
     id: string;
     highUsage: boolean;
@@ -298,6 +318,18 @@ export class AnalyticsProvider
     }
 
 
+    public async getUsageStatus(codeObjectIds: string []): Promise<UsageStatusResults> 
+    {
+        
+        const response: UsageStatusResults = await this.send<any>(
+            'POST', 
+            `/CodeAnalytics/codeObjects/status`,
+            undefined,
+            {
+                codeObjectIds: codeObjectIds
+            });
+            return response;
+    }
 
     public async getInsights(codeObjectIds: string []): Promise<any []> 
     {

images/no-data.png

@@ -9,6 +9,15 @@ export namespace UiMessage
         export class TabChanged {
             constructor(public viewId?: string) {}
         }
+
+        export class TabRefreshRequested{
+            
+        }
+
+        export class ChangeEnvironmentContext{
+            constructor(public environment?: string) {}
+
+        }
         export class GoToLine{
             constructor(public line?: number){}
         }

images/unused.png

@@ -60,6 +60,27 @@ vscode-panel-view {
     font-size: var(--type-ramp-minus1-font-size);
 }
 
+.codeobj-environment-usage-group {
+    display: flex;
+    align-items: center;
+    margin-top: 0px;
+    margin-bottom: 6px;
+}
+
+.codeobj-environment-usage {
+    margin-right: 0.4em;
+    .codeobj-environment-usage-label {
+        font-size: var(--type-ramp-minus2-font-size);
+        opacity: 0.7;
+        cursor: pointer;
+    }
+    .codeobj-environment-usage-label-selected {
+        border-bottom: 1px solid rgb(78, 103, 228);
+        font-size: var(--type-ramp-minus2-font-size);
+        padding-bottom: 2px;
+    }
+}
+
 .insight-main-value {
     font-size: var(--type-ramp-minus1-font-size);
     text-align: center;
@@ -190,7 +211,7 @@ vscode-panel-view {
             &.disabled {
                 opacity: 0.4;
             }
-            .frame-code-path{
+            .frame-code-path {
                 display: flex;
             }
         }
@@ -199,9 +220,7 @@ vscode-panel-view {
             border-top-color: var(--vscode-tree-tableColumnsBorder);
             border-top-style: dashed;
         }
-        .path-label{
-
-        }
+        .path-label {}
     }
     .no-frames-msg {
         padding: 1em;
@@ -356,7 +375,6 @@ vscode-panel-view {
     display: flex;
     align-items: center;
     margin-top: 10px;
-    
     .scope {
         margin-right: 5px;
         opacity: 0.6;
@@ -386,18 +404,16 @@ vscode-panel-view {
     padding-right: 10px;
 }
 
-#view-insights{
-    .span-usages-insight{
-        .flow-row{
+#view-insights {
+    .span-usages-insight {
+        .flow-row {
             margin-bottom: 2px;
-        
-            .flow-percent{
+            .flow-percent {
                 margin-right: 5px;
             }
-            .flow-entry{
+            .flow-entry {
                 border-radius: 2px;
                 margin-bottom: 4px;
-
                 .flow-service {
                     opacity: 0.7;
                 }
@@ -407,25 +423,24 @@ vscode-panel-view {
             }
         }
     }
-    .span-durations-insight{
-        .percentiles-grid{
+    .span-durations-insight {
+        .percentiles-grid {
             display: grid;
             justify-content: start;
             grid-template-columns: auto auto 1fr auto;
             column-gap: 10px;
             row-gap: 5px;
         }
-        .change{
+        .change {
             opacity: 0.7;
         }
     }
-    .endpoint-bottleneck-insight{
+    .endpoint-bottleneck-insight {
         margin-top: 5px;
-
-        .span-name{
+        .span-name {
             margin-right: 5px;
         }
-        .span-description{
+        .span-description {
             opacity: 0.6;
         }
     }

images/used.png

@@ -92,6 +92,15 @@ window.addEventListener("load", () =>
         }
     });
 
+    $(document).on("click", ".codeobj-environment-usage-label", function () {
+
+        const env = $(this).data("env-name");
+        publish(new UiMessage.Notify.ChangeEnvironmentContext(env));
+
+
+    });
+    
+
     $(document).on("click", ".error-name.link", function () {
         let errorSourceUID = $(this).data("error-source-uid");
         publish(new UiMessage.Get.ErrorDetails(errorSourceUID));
@@ -104,6 +113,7 @@ window.addEventListener("load", () =>
         publish(new UiMessage.Notify.GoToFileAndLine(codeUri,Number(line)));
     });
 
+
     $(document).on("click", ".error_frames_btn", function () {
         $(".error-raw").hide();
         $(".error-frames").show();

src/services/analyticsProvider.ts

@@ -0,0 +1,27 @@
+import { Settings } from "../../settings";
+import { WebViewUris } from "../webViewUtils";
+import { IListViewItemBase } from "./IListViewItem"
+
+export class EmptyGroupItemTemplate implements IListViewItemBase {
+    
+    public constructor( private viewUris: WebViewUris){
+
+    }
+
+    sortIndex: number | undefined;
+    getHtml(): string | undefined {
+        return `<div class="list-item">
+        <div class="list-item-content-area">
+            <div class="list-item-header"><strong>No data received</strong></div>
+            <div class="list-item-content-description">No data received yet about this code object from the selected environment: ${Settings.environment.value}</div>
+        </div>
+        <div class="list-item-right-area">
+            <img style="align-self:center;" src="${this.viewUris.image("no-data.png")}" width="32" height="32">
+        </div>
+    </div>`;
+
+    }
+    groupId: string | undefined; 
+
+
+}

src/views-ui/codeAnalytics/contracts.ts

@@ -0,0 +1,20 @@
+export interface IListGroupItemBase
+{
+    getHtml(): string | undefined;
+    groupId: string;
+    type: string;
+
+}
+
+export class GroupItem implements IListGroupItemBase{
+    public constructor(groupId :string, type: string, private html: string){
+        this.groupId=groupId;
+        this.type=type;
+    }
+    getHtml(): string | undefined {
+        return this.html;
+    }
+    groupId: string;
+    type: string;
+
+}