feat(vscode): Introduce support for Static Web Apps

.vscode/launch.json

@@ -6,6 +6,7 @@
  "type": "extensionHost",
  "request": "launch",
  "runtimeExecutable": "${execPath}",
+
  "args": [
  "--extensionDevelopmentPath=${workspaceFolder}/apps/vs-code-designer/dist"
  ],

Localize/lang/strings.json

@@ -234,7 +234,6 @@
  "7ZR1xr": "Add an action",
  "7aJqIH": "Optional. The locale to be used when formatting (defaults to 'en-us').",
  "7gUE8h": "This will revert your workflow to the state it was in before Copilot's edit. If you made additional edits to the workflow after Copilot's, you will lose them. This action cannot be undone. Do you want to continue?",
- "7jAQar": "Enter value for parameter.",
  "7jcTNd": "Enter a valid email.",
  "7k9jXx": "Status code",
  "7lnElz": "Returns the number of ticks (100 nanoseconds interval) since 1 January 0001 00:00:00 UT of a string timestamp",
@@ -1158,7 +1157,6 @@
  "_7ZR1xr.comment": "Text on example action node",
  "_7aJqIH.comment": "Optional locale parameter to apply formatNumber function with",
  "_7gUE8h.comment": "Warning description of what undoing operation will do to the workflow",
- "_7jAQar.comment": "Parameter Field Default Value Placeholder Text",
  "_7jcTNd.comment": "Error validation message for emails",
  "_7k9jXx.comment": "Label text for response status code",
  "_7lnElz.comment": "Label for description of custom ticks Function",
@@ -2136,7 +2134,6 @@
  "_mGUdCO.comment": "Label for description of custom getPastTime Function",
  "_mGpKsl.comment": "Label for description of custom dataUriToString Function",
  "_mNaBPE.comment": "Error message for invalid JSON in authentication editor",
- "_mOxbN1.comment": "Parameter Field Default Value Title",
  "_mPakaD.comment": "Label for description of custom encodeUriComponent Function",
  "_mPuXlv.comment": "Error message for when split on array is invalid. Do not remove the double single quotes around the placeholder text, as it is needed to wrap the placeholder text in single quotes.",
  "_mUURJW.comment": "Tooltip for the button to reassign actions",
@@ -2784,7 +2781,6 @@
  "mGUdCO": "Returns a timestamp that is the current time minus the specified time interval.",
  "mGpKsl": "Returns a string representation of a data URI",
  "mNaBPE": "Enter a valid JSON.",
- "mOxbN1": "Value",
  "mPakaD": "Url encodes the input string",
  "mPuXlv": "Invalid type on split on value ''{splitOn}'', split on not in array.",
  "mUURJW": "Connection is invalid",

apps/vs-code-designer/src/app/commands/GenerateStaticWebApp/generateStaticWebApp.ts

@@ -0,0 +1,11 @@
+import type { IAzureConnectorsContext } from '../workflows/azureConnectorWizard';
+import type * as vscode from 'vscode';
+import { executeCommand } from '../../utils/funcCoreTools/cpUtils';
+import { ext } from '../../../extensionVariables';
+
+export async function generateStaticWebApp(context: IAzureConnectorsContext, node: vscode.Uri): Promise<void> {
+ console.log('generate SWA');
+ //removing "/c: because that doesn't fit SWA cli format"
+ const command: string = `node C:\\Users\\t-azhiyanov\\static-web-apps-cli-sifat\\dist\\cli\\bin.js generate ${node.path.substring(3)}`;
+ executeCommand(ext.outputChannel, undefined, command);
+}

apps/vs-code-designer/src/app/commands/createCodeless/createCodelessSteps/CodelessWorkflowCreateStep.ts

@@ -33,6 +33,7 @@ import type { IFunctionWizardContext, IWorkflowTemplate, IHostJsonV2, StandardAp
 import * as fse from 'fs-extra';
 import * as path from 'path';
 import type { MessageItem } from 'vscode';
+import * as vscodeExtension from 'vscode';
 
 export class CodelessWorkflowCreateStep extends WorkflowCreateStepBase<IFunctionWizardContext> {
  private constructor() {
@@ -45,19 +46,71 @@ export class CodelessWorkflowCreateStep extends WorkflowCreateStepBase<IFunction
  }
 
  public async executeCore(context: IFunctionWizardContext): Promise<string> {
+ // Check if the user chose to initialize a static web app
+ if (context.initializeStaticWebApp) {
+ context.telemetry.properties.initializeStaticWebApp = 'true';
+ //call deploy command
+
+ vscodeExtension.commands.executeCommand('azureLogicAppsStandard.deploy');
+ } else {
+ context.telemetry.properties.initializeStaticWebApp = 'false';
+ }
+
  const template: IWorkflowTemplate = nonNullProp(context, 'functionTemplate');
  const functionPath: string = path.join(context.projectPath, nonNullProp(context, 'functionName'));
-
- const emptyStatefulDefinition: StandardApp = {
- definition: {
- $schema: 'https://schema.management.azure.com/providers/Microsoft.Logic/schemas/2016-06-01/workflowdefinition.json#',
- actions: {},
- contentVersion: '1.0.0.0',
- outputs: {},
- triggers: {},
- },
- kind: 'Stateful',
- };
+ let emptyStatefulDefinition: StandardApp;
+ if (context.initializeStaticWebApp) {
+ //initiate basic logic app which can be called from SWA
+ emptyStatefulDefinition = {
+ definition: {
+ $schema: 'https://schema.management.azure.com/providers/Microsoft.Logic/schemas/2016-06-01/workflowdefinition.json#',
+ actions: {
+ Compose: {
+ type: 'Compose',
+ inputs: {
+ status: 'Hello from Logic App',
+ },
+ runAfter: {},
+ },
+ Response: {
+ type: 'Response',
+ kind: 'Http',
+ inputs: {
+ statusCode: 200,
+ body: "@outputs('Compose')",
+ },
+ runAfter: {
+ Compose: ['SUCCEEDED'],
+ },
+ },
+ },
+ contentVersion: '1.0.0.0',
+ outputs: {},
+ triggers: {
+ When_a_HTTP_request_is_received: {
+ type: 'Request',
+ kind: 'Http',
+ inputs: {
+ method: 'GET',
+ relativePath: '/api/message',
+ },
+ },
+ },
+ },
+ kind: 'Stateful',
+ };
+ } else {
+ emptyStatefulDefinition = {
+ definition: {
+ $schema: 'https://schema.management.azure.com/providers/Microsoft.Logic/schemas/2016-06-01/workflowdefinition.json#',
+ actions: {},
+ contentVersion: '1.0.0.0',
+ outputs: {},
+ triggers: {},
+ },
+ kind: 'Stateful',
+ };
+ }
 
  const emptyStatelessDefinition: StandardApp = {
  definition: {

apps/vs-code-designer/src/app/commands/createNewCodeProject/CodeProjectBase/setLogicAppType.ts

@@ -7,18 +7,33 @@ import { AzureWizardPromptStep } from '@microsoft/vscode-azext-utils';
 import type { IAzureQuickPickItem } from '@microsoft/vscode-azext-utils';
 import type { IProjectWizardContext } from '@microsoft/vscode-extension-logic-apps';
 
+interface ILogicAppPickData {
+ isCustomCodeLogicApp: boolean;
+ initializeStaticWebApp: boolean;
+}
+
 export class SetLogicAppType extends AzureWizardPromptStep<IProjectWizardContext> {
  public async prompt(context: IProjectWizardContext): Promise<void> {
- const picks: IAzureQuickPickItem<boolean>[] = [
- { label: localize('logicApp', 'Logic app'), data: false },
- { label: localize('logicAppCustomCode', 'Logic app with custom code project'), data: true },
+ const picks: IAzureQuickPickItem<ILogicAppPickData>[] = [
+ { label: localize('logicApp', 'Logic app'), data: { isCustomCodeLogicApp: false, initializeStaticWebApp: false } },
+ {
+ label: localize('logicAppCustomCode', 'Logic app with custom code project'),
+ data: { isCustomCodeLogicApp: true, initializeStaticWebApp: false },
+ },
+ {
+ label: localize('logicAppStaticWebApp', 'Logic app with Static Web App'),
+ data: { isCustomCodeLogicApp: false, initializeStaticWebApp: true },
+ },
  ];
 
  const placeHolder = localize('logicAppProjectTemplatePlaceHolder', 'Select a project template for your logic app workspace');
- context.isCustomCodeLogicApp = (await context.ui.showQuickPick(picks, { placeHolder })).data;
+ const selectedPick = await context.ui.showQuickPick(picks, { placeHolder });
+
+ context.isCustomCodeLogicApp = selectedPick.data.isCustomCodeLogicApp;
+ context.initializeStaticWebApp = selectedPick.data.initializeStaticWebApp;
  }
 
  public shouldPrompt(context: IProjectWizardContext): boolean {
- return context.isCustomCodeLogicApp === undefined;
+ return context.isCustomCodeLogicApp === undefined && context.initializeStaticWebApp === undefined;
  }
 }

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

@@ -83,10 +83,12 @@ export async function createNewCodeProjectInternal(context: IActionContext, opti
  title: localize('createNewCodeProject', 'Create new logic app workspace'),
  promptSteps: [
  new FolderListStep(),
+
  new setWorkspaceName(),
  new SetLogicAppType(),
  new SetLogicAppName(),
  new NewCodeProjectTypeStep(options.templateId, options.functionSettings),
+
  new OpenBehaviorStep(),
  ],
  executeSteps: [new OpenFolderStepCodeProject()],

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

@@ -34,6 +34,7 @@ export async function createNewProjectFromCommand(
  functionName?: string,
  functionSettings?: { [key: string]: string | undefined }
 ): Promise<void> {
+ console.log('CREATE NEW PROJECT LOG');
  await createNewProjectInternal(context, {
  folderPath: isString(folderPath) ? folderPath : undefined,
  templateId,

apps/vs-code-designer/src/app/commands/createNewProject/createProjectSteps/ScriptProjectCreateStep.ts

@@ -43,12 +43,14 @@ export class ScriptProjectCreateStep extends ProjectCreateStepBase {
  }
 
  const localSettingsJsonPath: string = path.join(context.projectPath, localSettingsFileName);
+ //added new setting here to allow local start without SAS
  if (await confirmOverwriteFile(context, localSettingsJsonPath)) {
  const localSettingsJson: ILocalSettingsJson = {
  IsEncrypted: false,
  Values: {
  AzureWebJobsStorage: '',
  APP_KIND: logicAppKind,
+ 'AzureFunctionsJobHost__extensions__workflow__Settings__Runtime.Triggers.AnonymousAuthEnabledForDevEnvironment': 'true',
  ProjectDirectoryPath: path.join(context.projectPath),
  },
  };

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

@@ -48,6 +48,7 @@ import type { ConnectionsData, FuncVersion, IIdentityWizardContext, ProjectLangu
 import * as fse from 'fs-extra';
 import * as path from 'path';
 import type { Uri, MessageItem, WorkspaceFolder } from 'vscode';
+import * as vscodeExtension from 'vscode';
 
 export async function deployProductionSlot(
  context: IActionContext,
@@ -188,8 +189,16 @@ async function deploy(
  }
  }
  });
-
  await node.loadAllChildren(context);
+
+ //need to add flag for this call and remove region hardcode TODO
+ const suffix = '/config/web';
+ const logicAppBackendResourceId = siteConfig.id.substring(0, siteConfig.id.length - suffix.length);
+ vscodeExtension.commands.executeCommand('staticWebApps.createStaticWebApp', undefined, undefined, {
+ backendResourceId: logicAppBackendResourceId,
+ region: 'eastus',
+ name: siteConfig.name,
+ });
  await notifyDeployComplete(node, context.workspaceFolder, settingsToExclude);
 }