Feature Flag, Routing, and UI Set up and partial integration for dev env

Set up feature flag for configs v3 and the routing for accessing the UI of the new config page. Still need to set up analytics to have a fully performative feature flag and routing set up. Working out the UI of new config page currently.

Author: Migelangel04

package.json

@@ -332,6 +332,11 @@
                 "title": "Open Settings",
                 "category": "Atlassian"
             },
+            {
+                "command": "atlascode.showConfigPageV3",
+                "title": "Open Settings V3",
+                "category": "Atlassian"
+            },
             {
                 "command": "atlascode.extensionContext.showConfigPage",
                 "title": "Extension Settings (UI)",

src/commands.ts

@@ -48,6 +48,12 @@ export function registerCommands(vscodeContext: ExtensionContext) {
                 subSection: ConfigSubSection.Auth,
             }),
         ),
+        commands.registerCommand(Commands.ShowConfigPageV3, () =>
+            Container.settingsV3WebviewFactory.createOrShow({
+                section: ConfigSection.Jira,
+                subSection: ConfigSubSection.Auth,
+            }),
+        ),
         commands.registerCommand(Commands.ShowConfigPageFromExtensionContext, () => {
             Container.analyticsApi.fireOpenSettingsButtonEvent('extensionContext');
             Container.settingsWebviewFactory.createOrShow({

src/constants.ts

@@ -56,6 +56,7 @@ export const enum Commands {
     ShowIssueForSiteIdAndKey = 'atlascode.jira.showIssueForSiteIdAndKey',
     ShowIssueForURL = 'atlascode.jira.showIssueForURL',
     ShowConfigPage = 'atlascode.showConfigPage',
+    ShowConfigPageV3 = 'atlascode.showConfigPageV3',
     ShowConfigPageFromExtensionContext = 'atlascode.extensionContext.showConfigPage',
     ShowJiraAuth = 'atlascode.showJiraAuth',
     ShowBitbucketAuth = 'atlascode.showBitbucketAuth',

src/container.ts

@@ -35,7 +35,7 @@ import { RovoDevCodeActionProvider } from './rovo-dev/rovoDevCodeActionProvider'
 import { RovoDevDecorator } from './rovo-dev/rovoDevDecorator';
 import { RovoDevWebviewProvider } from './rovo-dev/rovoDevWebviewProvider';
 import { SiteManager } from './siteManager';
-import { AtlascodeUriHandler, ONBOARDING_URL, SETTINGS_URL } from './uriHandler';
+import { AtlascodeUriHandler, ONBOARDING_URL, SETTINGS_URL, SETTINGS_URL_V3 } from './uriHandler';
 import { FeatureFlagClient, FeatureFlagClientInitError } from './util/featureFlags';
 import { AuthStatusBar } from './views/authStatusBar';
 import { HelpExplorer } from './views/HelpExplorer';
@@ -48,6 +48,7 @@ import { PipelinesExplorer } from './views/pipelines/PipelinesExplorer';
 import { VSCAnalyticsApi } from './vscAnalyticsApi';
 import { VSCCommonMessageHandler } from './webview/common/vscCommonMessageActionHandler';
 import { VSCConfigActionApi } from './webview/config/vscConfigActionApi';
+import { VSCConfigV3WebviewControllerFactory } from './webview/config/vscConfigV3WebviewControllerFactory';
 import { VSCConfigWebviewControllerFactory } from './webview/config/vscConfigWebviewControllerFactory';
 import { ExplorerFocusManager } from './webview/ExplorerFocusManager';
 import { MultiWebview } from './webview/multiViewFactory';
@@ -124,6 +125,17 @@ export class Container {
             this._analyticsApi,
         );
 
+        const settingsV3ViewFactory = new SingleWebview<SectionChangeMessage, ConfigAction>(
+            context.extensionPath,
+            new VSCConfigV3WebviewControllerFactory(
+                new VSCConfigActionApi(this._analyticsApi, this._cancellationManager),
+                this._commonMessageHandler,
+                this._analyticsApi,
+                SETTINGS_URL_V3,
+            ),
+            this._analyticsApi,
+        );
+
         const onboardingV2ViewFactory = new SingleWebview<any, OnboardingAction>(
             context.extensionPath,
             new VSCOnboardingWebviewControllerFactory(
@@ -166,6 +178,7 @@ export class Container {
         );
 
         context.subscriptions.push((this._settingsWebviewFactory = settingsV2ViewFactory));
+        context.subscriptions.push((this._settingsV3WebviewFactory = settingsV3ViewFactory));
         context.subscriptions.push((this._onboardingWebviewFactory = onboardingV2ViewFactory));
         context.subscriptions.push((this._startWorkWebviewFactory = startWorkV2ViewFactory));
         context.subscriptions.push((this._startWorkV3WebviewFactory = startWorkV3ViewFactory));
@@ -365,6 +378,11 @@ export class Container {
         return this._settingsWebviewFactory;
     }
 
+    private static _settingsV3WebviewFactory: SingleWebview<SectionChangeMessage, ConfigAction>;
+    public static get settingsV3WebviewFactory() {
+        return this._settingsV3WebviewFactory;
+    }
+
     private static _onboardingWebviewFactory: SingleWebview<any, OnboardingAction>;
     public static get onboardingWebviewFactory() {
         return this._onboardingWebviewFactory;

src/lib/ipc/models/config.ts

@@ -11,6 +11,12 @@ export enum ConfigSection {
     Explore = 'explore',
 }
 
+export enum ConfigV3Section {
+    Auth = 'auth',
+    AdvancedConfig = 'advancedConfig',
+    Explore = 'explore',
+}
+
 export enum ConfigSubSection {
     Auth = 'auth',
     Issues = 'issues',
@@ -29,4 +35,9 @@ export enum ConfigSubSection {
     StartWork = 'startWork',
 }
 
+export enum ConfigV3SubSection {
+    BBAuth = 'bitbucketAuth',
+    jiraAuth = 'jiraAuth',
+}
+
 export type FlattenedConfig = { [key: string]: any };

src/lib/webview/controller/config/configWebviewController.ts

@@ -21,7 +21,8 @@ import { ConfigActionApi } from './configActionApi';
 
 const AUTH_URI = `${env.uriScheme || 'vscode'}://${ExtensionId}/auth`;
 
-export const id: string = 'atlascodeSettingsV2';
+export const id: string = 'atlascodeSettingsV2'; // Need to change this to 'id_v2' to help with dif versions
+export const id_v3: string = 'atlascodeSettingsV3';
 
 export class ConfigWebviewController implements WebviewController<SectionChangeMessage> {
     public readonly requiredFeatureFlags = [];