feat(vscode): Custom Code Support in VSCode (#6251)

* merge

* temp commit

* work in progress

* temp commit

* work being done

* remove datamapper code

* fixing code based on comments

* merge

* add unit tests

* edit error message

Author: Eric-B-Wu

.eslintrc.json

@@ -40,7 +40,8 @@
           "error",
           {
             "argsIgnorePattern": "^_",
-            "destructuredArrayIgnorePattern": "^_"
+            "destructuredArrayIgnorePattern": "^_",
+            "caughtErrorsIgnorePattern": "^_"
           }
         ],
         "@typescript-eslint/explicit-module-boundary-types": "off",

apps/Standalone/.eslintrc.cjs

@@ -13,6 +13,7 @@ module.exports = {
       {
         argsIgnorePattern: '^_',
         destructuredArrayIgnorePattern: '^_',
+        caughtErrorsIgnorePattern: '^_',
       },
     ],
   },

apps/Standalone/src/designer/app/AzureLogicAppsDesigner/Models/Workflow.ts

@@ -15,6 +15,7 @@ export const Artifact = {
   ConnectionsFile: 'connections.json',
   ParametersFile: 'parameters.json',
   WorkflowFile: 'workflow.json',
+  HostFile: 'host.json',
 } as const;
 
 export interface ArtifactProperties {
@@ -105,7 +106,7 @@ export interface ConnectionsData {
 }
 
 // eslint-disable-next-line @typescript-eslint/no-empty-interface
-export interface ParametersData extends Record<string, Parameter> {}
+export type ParametersData = Record<string, Parameter>;
 
 export interface Parameter {
   name?: string;

apps/Standalone/src/designer/app/AzureLogicAppsDesigner/Utilities/resourceUtilities.ts

@@ -39,7 +39,7 @@ export const fetchAppsByQuery = async (query: string): Promise<any[]> => {
         return await requestPage(value, pageNum + 1, $skipToken);
       }
       return value;
-    } catch (error) {
+    } catch (_e) {
       return value;
     }
   };

apps/Standalone/src/designer/state/store.ts

@@ -1,8 +1,6 @@
 import workflowSlice from './workflowLoadingSlice';
 import { configureStore } from '@reduxjs/toolkit';
 
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-
 export const store = configureStore({
   reducer: {
     workflowLoader: workflowSlice,

apps/vs-code-designer/src/app/commands/createNewCodeProject/__test__/cloudToLocal.test.ts

@@ -1,4 +1,4 @@
-import { extractConnectionDetails, changeAuthTypeToRaw } from '../cloudToLocalHelper';
+import { extractConnectionDetails } from '../cloudToLocalHelper';
 import type { ConnectionReferenceModel } from '@microsoft/vscode-extension-logic-apps';
 import { describe, it, expect, vi } from 'vitest';
 import { beforeEach } from 'vitest';

apps/vs-code-designer/src/app/commands/dataMapper/DataMapperPanel.ts

@@ -13,7 +13,8 @@ import {
   supportedSchemaFileExts,
   supportedCustomXsltFileExts,
 } from './extensionConfig';
-import { type SchemaType, type MapMetadata, type IFileSysTreeItem, LogEntryLevel } from '@microsoft/logic-apps-shared';
+import { LogEntryLevel } from '@microsoft/logic-apps-shared';
+import type { SchemaType, MapMetadata, IFileSysTreeItem } from '@microsoft/logic-apps-shared';
 import type { IActionContext } from '@microsoft/vscode-azext-utils';
 import { callWithTelemetryAndErrorHandlingSync } from '@microsoft/vscode-azext-utils';
 import type { MapDefinitionData, MessageToVsix, MessageToWebview } from '@microsoft/vscode-extension-logic-apps';

apps/vs-code-designer/src/app/commands/deploy/deploy.ts

@@ -278,7 +278,7 @@ async function getLogicAppsPicks(
  * @param context {@link IActionContext}
  * @param fsPath publish path for logic app extension
  */
-async function cleanupPublishBinPath(context: IActionContext, fsPath: string): Promise<void> {
+async function cleanupPublishBinPath(_context: IActionContext, fsPath: string): Promise<void> {
   const netFxWorkerBinPath = path.join(fsPath, 'bin', 'NetFxWorker');
   const netFxWorkerAssetPath = path.join(fsPath, 'NetFxWorker');
   if (await fse.pathExists(netFxWorkerBinPath)) {

apps/vs-code-designer/src/app/commands/workflows/openDesigner/openDesignerForLocalProject.ts

@@ -14,9 +14,12 @@ import {
   addConnectionData,
   getConnectionsAndSettingsToUpdate,
   getConnectionsFromFile,
+  getCustomCodeFromFiles,
+  getCustomCodeToUpdate,
   getLogicAppProjectRoot,
   getParametersFromFile,
   saveConnectionReferences,
+  saveCustomCodeStandard,
 } from '../../../utils/codeless/connection';
 import { saveWorkflowParameter } from '../../../utils/codeless/parameter';
 import { startDesignTimeApi } from '../../../utils/codeless/startDesignTimeApi';
@@ -251,14 +254,14 @@ export default class OpenDesignerForLocalProject extends OpenDesignerBase {
 
     await window.withProgress(options, async () => {
       try {
-        const { definition, connectionReferences, parameters } = workflowToSave;
+        const { definition, connectionReferences, parameters, customCodeData } = workflowToSave;
         const definitionToSave: any = definition;
         const parametersFromDefinition = parameters;
+        const projectPath = await getLogicAppProjectRoot(this.context, filePath);
 
         workflow.definition = definitionToSave;
 
         if (connectionReferences) {
-          const projectPath = await getLogicAppProjectRoot(this.context, filePath);
           const connectionsAndSettingsToUpdate = await getConnectionsAndSettingsToUpdate(
             this.context,
             projectPath,
@@ -271,6 +274,11 @@ export default class OpenDesignerForLocalProject extends OpenDesignerBase {
           await saveConnectionReferences(this.context, projectPath, connectionsAndSettingsToUpdate);
         }
 
+        if (customCodeData) {
+          const customCodeToUpdate = await getCustomCodeToUpdate(this.context, filePath, customCodeData);
+          await saveCustomCodeStandard(filePath, customCodeToUpdate);
+        }
+
         if (parametersFromDefinition) {
           delete parametersFromDefinition.$connections;
           for (const parameterKey of Object.keys(parametersFromDefinition)) {
@@ -417,6 +425,9 @@ export default class OpenDesignerForLocalProject extends OpenDesignerBase {
     const connectionsData: string = await getConnectionsFromFile(this.context, this.workflowFilePath);
     const projectPath: string | undefined = await getLogicAppProjectRoot(this.context, this.workflowFilePath);
     const parametersData: Record<string, Parameter> = await getParametersFromFile(this.context, this.workflowFilePath);
+    const customCodeData: Record<string, string> = await getCustomCodeFromFiles(this.workflowFilePath);
+    const workflowDetails = await getManualWorkflowsInLocalProject(projectPath, this.workflowName);
+    const artifacts = await getArtifactsInLocalProject(projectPath);
     let localSettings: Record<string, string>;
     let azureDetails: AzureConnectorDetails;
 
@@ -432,14 +443,15 @@ export default class OpenDesignerForLocalProject extends OpenDesignerBase {
       appSettingNames: Object.keys(localSettings),
       standardApp: getStandardAppData(this.workflowName, workflowContent),
       connectionsData,
+      customCodeData,
       parametersData,
       localSettings,
       azureDetails,
       accessToken: azureDetails.accessToken,
       workflowContent,
-      workflowDetails: await getManualWorkflowsInLocalProject(projectPath, this.workflowName),
+      workflowDetails,
       workflowName: this.workflowName,
-      artifacts: await getArtifactsInLocalProject(projectPath),
+      artifacts,
       schemaArtifacts: this.schemaArtifacts,
       mapArtifacts: this.mapArtifacts,
     };

apps/vs-code-designer/src/app/commands/workflows/openMonitoringView/openMonitoringViewForLocal.ts

@@ -12,7 +12,12 @@ import {
   getAzureConnectorDetailsForLocalProject,
   getStandardAppData,
 } from '../../../utils/codeless/common';
-import { getConnectionsFromFile, getLogicAppProjectRoot, getParametersFromFile } from '../../../utils/codeless/connection';
+import {
+  getConnectionsFromFile,
+  getCustomCodeFromFiles,
+  getLogicAppProjectRoot,
+  getParametersFromFile,
+} from '../../../utils/codeless/connection';
 import { sendRequest } from '../../../utils/requestUtils';
 import { OpenMonitoringViewBase } from './openMonitoringViewBase';
 import { getTriggerName, HTTP_METHODS } from '@microsoft/logic-apps-shared';
@@ -166,6 +171,7 @@ export default class OpenMonitoringViewForLocal extends OpenMonitoringViewBase {
     const projectPath: string | undefined = await getLogicAppProjectRoot(this.context, this.workflowFilePath);
     const workflowContent: any = JSON.parse(readFileSync(this.workflowFilePath, 'utf8'));
     const parametersData: Record<string, Parameter> = await getParametersFromFile(this.context, this.workflowFilePath);
+    const customCodeData: Record<string, string> = await getCustomCodeFromFiles(this.workflowFilePath);
     let localSettings: Record<string, string>;
     let azureDetails: AzureConnectorDetails;
 
@@ -182,6 +188,7 @@ export default class OpenMonitoringViewForLocal extends OpenMonitoringViewBase {
       connectionsData,
       localSettings,
       parametersData,
+      customCodeData,
       azureDetails,
       accessToken: azureDetails.accessToken,
       workflowName: this.workflowName,