Skarakra/msi auth feature

apps/Standalone/src/vscode/VSCodeWrapper.tsx

@@ -2,6 +2,9 @@ import { Routes, Route, Navigate } from 'react-router-dom';
 import { VSCodeExportWrapper } from './components/VSCodeExportWrapper';
 import { VSCodeOverviewWrapper } from './components/VSCodeOverviewWrapper';
 import { VSCodeNavigationWrapper } from './components/VSCodeNavigationWrapper';
+import { VSCodeCreateLogicAppWrapper } from './components/VSCodeCreateLogicAppWrapper';
+import { VSCodeCreateWorkspaceWrapper } from './components/VSCodeCreateWorkspaceWrapper';
+import { VSCodeCreateWorkspaceStructureWrapper } from './components/VSCodeCreateWorkspaceStructureWrapper';
 import { ThemeProvider } from '../../../vs-code-react/src/themeProvider';
 
 export const VSCodeWrapper = () => {
@@ -14,6 +17,10 @@ export const VSCodeWrapper = () => {
             <Route path="/" element={<Navigate to="/vscode/export" replace />} />
             <Route path="/export/*" element={<VSCodeExportWrapper />} />
             <Route path="/overview" element={<VSCodeOverviewWrapper />} />
+            <Route path="/createWorkspace" element={<VSCodeCreateWorkspaceWrapper />} />
+            <Route path="/createLogicApp" element={<VSCodeCreateLogicAppWrapper />} />
+            <Route path="/createWorkspaceStructure" element={<VSCodeCreateWorkspaceStructureWrapper />} />
+            <Route path="/createWorkspaceFromPackage" element={<VSCodeCreateWorkspaceStructureWrapper />} />
             <Route path="*" element={<Navigate to="/vscode/export" replace />} />
           </Routes>
         </div>

apps/Standalone/src/vscode/components/VSCodeCreateLogicAppWrapper.tsx

@@ -0,0 +1,49 @@
+import type React from 'react';
+import { useEffect } from 'react';
+import { CreateLogicApp } from '../../../../vs-code-react/src/app/createLogicApp/createLogicApp';
+import { useDispatch } from 'react-redux';
+import { initializeWorkflow } from '../../../../vs-code-react/src/state/WorkflowSlice';
+import type { AppDispatch } from '../../../../vs-code-react/src/state/store';
+import { VSCodeContextProvider } from '../providers/VSCodeContextProvider';
+import { ReactQueryProvider } from '@microsoft/logic-apps-designer';
+import { IntlProvider } from 'react-intl';
+import '../utils/mockVSCodeApi';
+
+const mockInitialData = {
+  apiVersion: '2018-07-01-preview',
+  baseUrl: 'https://management.azure.com',
+  accessToken: 'mock-access-token',
+  workflowProperties: {
+    name: 'test-workflow',
+    stateType: 'Stateful',
+  },
+  hostVersion: '4.0.0',
+  isLocal: true,
+};
+
+export const VSCodeCreateLogicAppWrapper: React.FC = () => {
+  const dispatch = useDispatch<AppDispatch>();
+
+  useEffect(() => {
+    dispatch(initializeWorkflow(mockInitialData));
+  }, [dispatch]);
+
+  return (
+    <IntlProvider
+      defaultLocale="en"
+      locale="en-US"
+      onError={(err) => {
+        if (err.code === 'MISSING_TRANSLATION') {
+          return;
+        }
+        console.warn('Intl error:', err);
+      }}
+    >
+      <ReactQueryProvider>
+        <VSCodeContextProvider>
+          <CreateLogicApp />
+        </VSCodeContextProvider>
+      </ReactQueryProvider>
+    </IntlProvider>
+  );
+};

apps/Standalone/src/vscode/components/VSCodeCreateWorkspaceFromPackageWrapper.tsx

@@ -0,0 +1,49 @@
+import type React from 'react';
+import { useEffect } from 'react';
+import { CreateWorkspaceFromPackage } from '../../../../vs-code-react/src/app/createWorkspace/createWorkspace';
+import { useDispatch } from 'react-redux';
+import { initializeWorkflow } from '../../../../vs-code-react/src/state/WorkflowSlice';
+import type { AppDispatch } from '../../../../vs-code-react/src/state/store';
+import { VSCodeContextProvider } from '../providers/VSCodeContextProvider';
+import { ReactQueryProvider } from '@microsoft/logic-apps-designer';
+import { IntlProvider } from 'react-intl';
+import '../utils/mockVSCodeApi';
+
+const mockInitialData = {
+  apiVersion: '2018-07-01-preview',
+  baseUrl: 'https://management.azure.com',
+  accessToken: 'mock-access-token',
+  workflowProperties: {
+    name: 'test-workflow',
+    stateType: 'Stateful',
+  },
+  hostVersion: '4.0.0',
+  isLocal: true,
+};
+
+export const VSCodeCreateWorkspaceFromPackageWrapper: React.FC = () => {
+  const dispatch = useDispatch<AppDispatch>();
+
+  useEffect(() => {
+    dispatch(initializeWorkflow(mockInitialData));
+  }, [dispatch]);
+
+  return (
+    <IntlProvider
+      defaultLocale="en"
+      locale="en-US"
+      onError={(err) => {
+        if (err.code === 'MISSING_TRANSLATION') {
+          return;
+        }
+        console.warn('Intl error:', err);
+      }}
+    >
+      <ReactQueryProvider>
+        <VSCodeContextProvider>
+          <CreateWorkspaceFromPackage />
+        </VSCodeContextProvider>
+      </ReactQueryProvider>
+    </IntlProvider>
+  );
+};

apps/Standalone/src/vscode/components/VSCodeCreateWorkspaceStructureWrapper.tsx

@@ -0,0 +1,49 @@
+import type React from 'react';
+import { useEffect } from 'react';
+import { CreateWorkspaceStructure } from '../../../../vs-code-react/src/app/createLogicApp/createWorkspaceStructure';
+import { useDispatch } from 'react-redux';
+import { initializeWorkflow } from '../../../../vs-code-react/src/state/WorkflowSlice';
+import type { AppDispatch } from '../../../../vs-code-react/src/state/store';
+import { VSCodeContextProvider } from '../providers/VSCodeContextProvider';
+import { ReactQueryProvider } from '@microsoft/logic-apps-designer';
+import { IntlProvider } from 'react-intl';
+import '../utils/mockVSCodeApi';
+
+const mockInitialData = {
+  apiVersion: '2018-07-01-preview',
+  baseUrl: 'https://management.azure.com',
+  accessToken: 'mock-access-token',
+  workflowProperties: {
+    name: 'test-workflow',
+    stateType: 'Stateful',
+  },
+  hostVersion: '4.0.0',
+  isLocal: true,
+};
+
+export const VSCodeCreateWorkspaceStructureWrapper: React.FC = () => {
+  const dispatch = useDispatch<AppDispatch>();
+
+  useEffect(() => {
+    dispatch(initializeWorkflow(mockInitialData));
+  }, [dispatch]);
+
+  return (
+    <IntlProvider
+      defaultLocale="en"
+      locale="en-US"
+      onError={(err) => {
+        if (err.code === 'MISSING_TRANSLATION') {
+          return;
+        }
+        console.warn('Intl error:', err);
+      }}
+    >
+      <ReactQueryProvider>
+        <VSCodeContextProvider>
+          <CreateWorkspaceStructure />
+        </VSCodeContextProvider>
+      </ReactQueryProvider>
+    </IntlProvider>
+  );
+};

apps/Standalone/src/vscode/components/VSCodeCreateWorkspaceWrapper.tsx

@@ -0,0 +1,49 @@
+import type React from 'react';
+import { useEffect } from 'react';
+import { CreateWorkspace } from '../../../../vs-code-react/src/app/createWorkspace/createWorkspace';
+import { useDispatch } from 'react-redux';
+import { initializeWorkflow } from '../../../../vs-code-react/src/state/WorkflowSlice';
+import type { AppDispatch } from '../../../../vs-code-react/src/state/store';
+import { VSCodeContextProvider } from '../providers/VSCodeContextProvider';
+import { ReactQueryProvider } from '@microsoft/logic-apps-designer';
+import { IntlProvider } from 'react-intl';
+import '../utils/mockVSCodeApi';
+
+const mockInitialData = {
+  apiVersion: '2018-07-01-preview',
+  baseUrl: 'https://management.azure.com',
+  accessToken: 'mock-access-token',
+  workflowProperties: {
+    name: 'test-workflow',
+    stateType: 'Stateful',
+  },
+  hostVersion: '4.0.0',
+  isLocal: true,
+};
+
+export const VSCodeCreateWorkspaceWrapper: React.FC = () => {
+  const dispatch = useDispatch<AppDispatch>();
+
+  useEffect(() => {
+    dispatch(initializeWorkflow(mockInitialData));
+  }, [dispatch]);
+
+  return (
+    <IntlProvider
+      defaultLocale="en"
+      locale="en-US"
+      onError={(err) => {
+        if (err.code === 'MISSING_TRANSLATION') {
+          return;
+        }
+        console.warn('Intl error:', err);
+      }}
+    >
+      <ReactQueryProvider>
+        <VSCodeContextProvider>
+          <CreateWorkspace />
+        </VSCodeContextProvider>
+      </ReactQueryProvider>
+    </IntlProvider>
+  );
+};

apps/Standalone/src/vscode/components/VSCodeNavigationWrapper.tsx

@@ -43,6 +43,24 @@ export const VSCodeNavigationWrapper = () => {
       <Link to="/vscode/export" className={`${styles.navLink} ${isActiveLink('/export') ? styles.activeLink : ''}`}>
         Export
       </Link>
+      <Link to="/vscode/createWorkspace" className={`${styles.navLink} ${isActiveLink('/createWorkspace') ? styles.activeLink : ''}`}>
+        Create Workspace
+      </Link>
+      <Link
+        to="/vscode/createWorkspaceFromPackage"
+        className={`${styles.navLink} ${isActiveLink('/createWorkspaceFromPackage') ? styles.activeLink : ''}`}
+      >
+        Create Workspace From Package
+      </Link>
+      <Link to="/vscode/createLogicApp" className={`${styles.navLink} ${isActiveLink('/createLogicApp') ? styles.activeLink : ''}`}>
+        Create Logic App
+      </Link>
+      <Link
+        to="/vscode/createWorkspaceStructure"
+        className={`${styles.navLink} ${isActiveLink('/createWorkspaceStructure') ? styles.activeLink : ''}`}
+      >
+        Create Workspace Structure
+      </Link>
       <Link to="/vscode/overview" className={`${styles.navLink} ${isActiveLink('/overview') ? styles.activeLink : ''}`}>
         Overview
       </Link>

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

@@ -9,6 +9,7 @@ import * as parameterUtil from '../../utils/codeless/parameter';
 import * as localSettingsUtil from '../../utils/appSettings/localSettings';
 import * as parameterizerUtil from '../../utils/codeless/parameterizer';
 import * as workspaceUtil from '../../utils/workspace';
+import { localSettingsFileName } from '../../../constants';
 
 describe('parameterizeConnections', () => {
   const testContext: any = {
@@ -85,7 +86,7 @@ describe('parameterizeConnections', () => {
     expect(parameterUtil.getParametersJson).toHaveBeenCalledWith(testLogicAppProjectPath1);
     expect(localSettingsUtil.getLocalSettingsJson).toHaveBeenCalledWith(
       testContext,
-      path.join(testLogicAppProjectPath1, 'local.settings.json')
+      path.join(testLogicAppProjectPath1, localSettingsFileName)
     );
     expect(parameterizerUtil.parameterizeConnection).toHaveBeenCalled();
     expect(parameterUtil.saveWorkflowParameter).toHaveBeenCalledWith(testContext, testLogicAppProjectPath1, testParametersJson);