Add onProgress state to show activity log creating in real-time

utils/index.d.ts

@@ -1161,6 +1161,7 @@ export interface IWizardOptions<T extends IActionContext> {
 
 export const activitySuccessContext: string;
 export const activityFailContext: string;
+export const activityProgressContext: string;
 
 export const activityInfoIcon: ThemeIcon;
 export const activitySuccessIcon: ThemeIcon;

utils/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@microsoft/vscode-azext-utils",
     "author": "Microsoft Corporation",
-    "version": "2.5.4",
+    "version": "2.5.5",
     "description": "Common UI tools for developing Azure extensions for VS Code",
     "tags": [
         "azure",

utils/src/activityLog/Activity.ts

@@ -37,6 +37,7 @@ export abstract class ActivityBase<R> implements hTypes.Activity {
 
     abstract initialState(): hTypes.ActivityTreeItemOptions;
     abstract successState(): hTypes.ActivityTreeItemOptions;
+    abstract progressState(): hTypes.ActivityTreeItemOptions;
     abstract errorState(error?: types.IParsedError): hTypes.ActivityTreeItemOptions;
 
     public constructor(task: types.ActivityTask<R>) {
@@ -51,6 +52,7 @@ export abstract class ActivityBase<R> implements hTypes.Activity {
 
     private report(progress: { message?: string; increment?: number }): void {
         this._onProgressEmitter.fire({ ...this.getState(), message: progress.message });
+        this.status = ActivityStatus.Running;
     }
 
     public async run(): Promise<R> {
@@ -74,6 +76,8 @@ export abstract class ActivityBase<R> implements hTypes.Activity {
                 return this.errorState(this.error);
             case ActivityStatus.Succeeded:
                 return this.successState();
+            case ActivityStatus.Running:
+                return this.progressState();
             default:
                 return this.initialState();
         }

utils/src/activityLog/activities/ExecuteActivity.ts

@@ -71,6 +71,16 @@ export class ExecuteActivity<TContext extends types.ExecuteActivityContext = typ
         }
     }
 
+    public progressState(): hTypes.ActivityTreeItemOptions {
+        return {
+            label: this.label,
+            getChildren: this.context.activityChildren ? ((parent: AzExtParentTreeItem) => {
+                parent.compareChildrenImpl = () => 0;  // Don't sort
+                return this.context.activityChildren || [];
+            }) : undefined
+        }
+    }
+
     private appendErrorItemToActivityChildren(errorItem: AzExtTreeItem): void {
         // Honor any error suppression flag
         if ((this.context as unknown as types.IActionContext).errorHandling?.suppressDisplay) {

utils/src/constants.ts

@@ -16,7 +16,9 @@ export namespace AzExtQuickInputButtons {
 
 export const activitySuccessContext: string = 'activity:success';
 export const activityFailContext: string = 'activity:fail';
+export const activityProgressContext: string = 'activity:progress';
 
 export const activityInfoIcon: ThemeIcon = new ThemeIcon('info', new ThemeColor('charts.blue'));
 export const activitySuccessIcon: ThemeIcon = new ThemeIcon('pass', new ThemeColor('testing.iconPassed'));
 export const activityFailIcon: ThemeIcon = new ThemeIcon('error', new ThemeColor('testing.iconFailed'));
+export const activityProgressIcon: ThemeIcon = new ThemeIcon('loading~spin', new ThemeColor('testing.iconQueued'));

utils/src/wizard/AzureWizard.ts

@@ -193,6 +193,9 @@ export class AzureWizard<T extends (IInternalActionContext & Partial<types.Execu
                 }
 
                 let output: types.ExecuteActivityOutput | undefined;
+                const progressOutput = step.createProgressOutput?.(this._context) ?? {};
+                this.displayActivityOutput(progressOutput, step.options);
+
                 try {
                     this._context.telemetry.properties.lastStep = `execute-${getEffectiveStepId(step)}`;
                     await step.execute(this._context, internalProgress);
@@ -204,6 +207,9 @@ export class AzureWizard<T extends (IInternalActionContext & Partial<types.Execu
                     }
                 } finally {
                     output ??= {};
+
+                    // always remove the progress item from the activity log
+                    this._context.activityChildren = this._context.activityChildren?.filter(t => t !== progressOutput.item)
                     this.displayActivityOutput(output, step.options);
 
                     currentStep += 1;

utils/src/wizard/AzureWizardExecuteStep.ts

@@ -16,4 +16,6 @@ export abstract class AzureWizardExecuteStep<T extends types.IActionContext & Pa
 
     public createSuccessOutput?(context: T): types.ExecuteActivityOutput;
     public createFailOutput?(context: T): types.ExecuteActivityOutput;
+    public createProgressOutput?(context: T): types.ExecuteActivityOutput;
+
 }