@hubspot/cli 7.8.0-beta.0 → 7.8.0-beta.1

package/lib/projects/add/{v3AddComponent.d.ts → v2AddComponent.d.ts}

@@ -1,5 +1,5 @@
 import { ProjectConfig } from '../../../types/Projects.js';
-export declare function v3AddComponent(args: {
+export declare function v2AddComponent(args: {
     name?: string;
     type?: string;
     features?: string[];

package/lib/projects/add/{v3AddComponent.js → v2AddComponent.js}

@@ -1,10 +1,10 @@
 import { commands, lib } from '../../../lang/en.js';
 import { getConfigForPlatformVersion } from '../create/legacy.js';
-import { calculateComponentTemplateChoices, createV3App, } from '../create/v3.js';
+import { calculateComponentTemplateChoices, createV2App, } from '../create/v2.js';
 import { PROJECT_WITH_APP } from '../../constants.js';
 import path from 'path';
 import fs from 'fs';
-import { projectAddPromptV3 } from '../../prompts/projectAddPrompt.js';
+import { projectAddPromptV2 } from '../../prompts/projectAddPrompt.js';
 import { HUBSPOT_PROJECT_COMPONENTS_GITHUB_PATH, DEFAULT_PROJECT_TEMPLATE_BRANCH, } from '../../constants.js';
 import { updateHsMetaFilesWithAutoGeneratedFields, handleComponentCollision, } from '../components.js';
 import { getProjectMetadata, } from '@hubspot/project-parsing-lib/src/lib/project.js';
@@ -13,7 +13,7 @@ import { cloneGithubRepo } from '@hubspot/local-dev-lib/github';
 import { debugError } from '../../errorHandlers/index.js';
 import { uiLogger } from '../../ui/logger.js';
 import { trackCommandUsage } from '../../usageTracking.js';
-export async function v3AddComponent(args, projectDir, projectConfig, accountId) {
+export async function v2AddComponent(args, projectDir, projectConfig, accountId) {
     uiLogger.log(commands.project.add.creatingComponent(projectConfig.name));
     const config = await getConfigForPlatformVersion(projectConfig.platformVersion);
     const { components, parentComponents } = config;
@@ -27,7 +27,7 @@ export async function v3AddComponent(args, projectDir, projectConfig, accountId)
     const appsMetadata = currentProjectMetadata.components[AppKey];
     const shouldCreateApp = appsMetadata.count === 0;
     if (shouldCreateApp) {
-        const { authType, distribution } = await createV3App(args.auth, args.distribution);
+        const { authType, distribution } = await createV2App(args.auth, args.distribution);
         derivedDistribution = distribution;
         derivedAuthType = authType;
     }
@@ -47,7 +47,7 @@ export async function v3AddComponent(args, projectDir, projectConfig, accountId)
         derivedAuthType = apps[0].config?.auth?.type;
     }
     const componentTemplateChoices = await calculateComponentTemplateChoices(components, derivedAuthType, derivedDistribution, args.derivedAccountId, currentProjectMetadata);
-    const projectAddPromptResponse = await projectAddPromptV3(componentTemplateChoices, args.features);
+    const projectAddPromptResponse = await projectAddPromptV2(componentTemplateChoices, args.features);
     const componentTypes = projectAddPromptResponse.componentTemplate?.map(componentTemplate => componentTemplate.cliSelector || componentTemplate.type);
     await trackCommandUsage('project-add', {
         type: componentTypes?.join(','),

package/lib/projects/create/__tests__/v2.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/projects/create/__tests__/{v3.test.js → v2.test.js}

@@ -1,10 +1,10 @@
-import { calculateComponentTemplateChoices } from '../v3.js';
+import { calculateComponentTemplateChoices } from '../v2.js';
 import { hasFeature } from '../../../hasFeature.js';
 vi.mock('../../ui/logger.js');
 vi.mock('@hubspot/local-dev-lib/api/github');
 vi.mock('../../../hasFeature.js');
 const mockHasFeature = vi.mocked(hasFeature);
-describe('lib/projects/create/v3', () => {
+describe('lib/projects/create/v2', () => {
     beforeEach(() => {
         mockHasFeature.mockResolvedValue(true);
     });

package/lib/projects/create/index.js

@@ -2,7 +2,7 @@ import { selectProjectTemplatePrompt, } from '../../prompts/selectProjectTemplat
 import { projectNameAndDestPrompt } from '../../prompts/projectNameAndDestPrompt.js';
 import { DEFAULT_PROJECT_TEMPLATE_BRANCH, HUBSPOT_PROJECT_COMPONENTS_GITHUB_PATH, EMPTY_PROJECT, } from '../../constants.js';
 import { isV2Project } from '../platformVersion.js';
-import { v3ComponentFlow } from './v3.js';
+import { v2ComponentFlow } from './v2.js';
 import { getProjectTemplateListFromRepo } from './legacy.js';
 import { uiLogger } from '../../ui/logger.js';
 import { commands } from '../../../lang/en.js';
@@ -12,7 +12,7 @@ export async function handleProjectCreationFlow(args) {
     const repo = templateSource || HUBSPOT_PROJECT_COMPONENTS_GITHUB_PATH;
     const projectNameAndDestPromptResponse = await projectNameAndDestPrompt(args);
     if (isV2Project(platformVersion)) {
-        const { componentTemplateChoices, authType, distribution, repoConfig, projectContents, } = await v3ComponentFlow(platformVersion, projectBase, providedAuth, providedDistribution, args.derivedAccountId);
+        const { componentTemplateChoices, authType, distribution, repoConfig, projectContents, } = await v2ComponentFlow(platformVersion, projectBase, providedAuth, providedDistribution, args.derivedAccountId);
         const selectProjectTemplatePromptResponse = await selectProjectTemplatePrompt(args, undefined, projectContents !== EMPTY_PROJECT ? componentTemplateChoices : undefined);
         return {
             authType,

package/lib/projects/create/{v3.d.ts → v2.d.ts}

@@ -2,19 +2,19 @@ import { Separator } from '@inquirer/prompts';
 import { ComponentTemplate, ComponentTemplateChoice, ProjectTemplateRepoConfig } from '../../../types/Projects.js';
 import { ProjectMetadata } from '@hubspot/project-parsing-lib/src/lib/project.js';
 import { SelectProjectTemplatePromptResponse } from '../../prompts/selectProjectTemplatePrompt.js';
-export declare function createV3App(providedAuth: string | undefined, providedDistribution: string | undefined): Promise<{
+export declare function createV2App(providedAuth: string | undefined, providedDistribution: string | undefined): Promise<{
     authType: string;
     distribution: string;
 }>;
 export declare function calculateComponentTemplateChoices(components: ComponentTemplate[], authType: string | undefined, distribution: string | undefined, accountId: number, projectMetadata?: ProjectMetadata): Promise<(ComponentTemplateChoice | Separator)[]>;
-type V3ComponentInfo = {
+type V2ComponentInfo = {
     authType?: string;
     distribution?: string;
     repoConfig?: ProjectTemplateRepoConfig;
     projectContents?: string;
     componentTemplateChoices?: (ComponentTemplateChoice | Separator)[];
 };
-export declare function v3ComponentFlow(platformVersion: string, projectBase: string | undefined, providedAuth: string | undefined, providedDistribution: string | undefined, accountId: number): Promise<V3ComponentInfo>;
+export declare function v2ComponentFlow(platformVersion: string, projectBase: string | undefined, providedAuth: string | undefined, providedDistribution: string | undefined, accountId: number): Promise<V2ComponentInfo>;
 export declare function generateComponentPaths({ selectProjectTemplatePromptResponse, platformVersion, repoConfig, projectContents, authType, distribution, }: {
     selectProjectTemplatePromptResponse: SelectProjectTemplatePromptResponse;
     platformVersion: string;

package/lib/projects/create/{v3.js → v2.js}

@@ -10,7 +10,7 @@ import { logError } from '../../errorHandlers/index.js';
 import { EXIT_CODES } from '../../enums/exitCodes.js';
 import { hasFeature } from '../../hasFeature.js';
 import { AppEventsKey, PagesKey, } from '@hubspot/project-parsing-lib/src/lib/constants.js';
-export async function createV3App(providedAuth, providedDistribution) {
+export async function createV2App(providedAuth, providedDistribution) {
     let authType;
     if (providedAuth &&
         providedDistribution === marketplaceDistribution &&
@@ -112,7 +112,7 @@ export async function calculateComponentTemplateChoices(components, authType, di
         ]
         : [...enabledComponents];
 }
-export async function v3ComponentFlow(platformVersion, projectBase, providedAuth, providedDistribution, accountId) {
+export async function v2ComponentFlow(platformVersion, projectBase, providedAuth, providedDistribution, accountId) {
     let repoConfig = undefined;
     let authType;
     let distribution;
@@ -134,7 +134,7 @@ export async function v3ComponentFlow(platformVersion, projectBase, providedAuth
             ],
         }));
     if (projectContentsChoice === PROJECT_WITH_APP) {
-        const { authType: selectedAuthType, distribution: selectedDistribution } = await createV3App(providedAuth, providedDistribution);
+        const { authType: selectedAuthType, distribution: selectedDistribution } = await createV2App(providedAuth, providedDistribution);
         authType = selectedAuthType;
         distribution = selectedDistribution;
     }

package/lib/projects/deploy.d.ts

@@ -10,4 +10,4 @@ export declare function logDeployErrors(errorData: {
         };
     }>;
 }): void;
-export declare function handleProjectDeploy(targetAccountId: number, projectName: string, buildId: number, useV3Api: boolean, force: boolean): Promise<Deploy | undefined>;
+export declare function handleProjectDeploy(targetAccountId: number, projectName: string, buildId: number, isV2Project: boolean, force: boolean): Promise<Deploy | undefined>;

package/lib/projects/deploy.js

@@ -47,8 +47,8 @@ function handleBlockedDeploy(deployResp) {
         uiLogger.log('');
     });
 }
-export async function handleProjectDeploy(targetAccountId, projectName, buildId, useV3Api, force) {
-    const { data: deployResp } = await deployProject(targetAccountId, projectName, buildId, useV3Api, force);
+export async function handleProjectDeploy(targetAccountId, projectName, buildId, isV2Project, force) {
+    const { data: deployResp } = await deployProject(targetAccountId, projectName, buildId, isV2Project, force);
     if (!deployResp || deployResp.buildResultType !== 'DEPLOY_QUEUED') {
         if (deployResp?.buildResultType === 'DEPLOY_BLOCKED') {
             handleBlockedDeploy(deployResp);

package/lib/projects/localDev/AppDevModeInterface.d.ts

@@ -10,6 +10,7 @@ declare class AppDevModeInterface {
     localDevLogger: LocalDevLogger;
     _appNode?: AppIRNode | null;
     marketplaceAppInstalls?: number;
+    private appInstallResolve?;
     constructor(options: AppDevModeInterfaceConstructorOptions);
     private getAppNodeFromProjectNodes;
     private get appNode();
@@ -17,14 +18,20 @@ declare class AppDevModeInterface {
     private set appData(value);
     private isStaticAuthApp;
     private isOAuthApp;
+    private isAutomaticallyInstallable;
     private getAppInstallUrl;
     private fetchAppData;
     private checkMarketplaceAppInstalls;
+    private waitUntilAppIsInstalled;
+    private autoInstallStaticAuthApp;
     private installAppOrOpenInstallUrl;
     private checkTestAccountAppInstallation;
+    private resolveAppInstallPromise;
+    private handleAppInstallSuccessDevServerMessage;
+    private handleAppInstallInitiatedDevServerMessage;
+    private handleAppInstallFailureDevServerMessage;
     private onDevServerMessage;
     private onChangeProjectNodes;
-    private setUpStateListeners;
     private removeStateListeners;
     setup(args: any): Promise<void>;
     start(): Promise<void>;

package/lib/projects/localDev/AppDevModeInterface.js

@@ -1,27 +1,26 @@
 import { fetchAppInstallationData } from '@hubspot/local-dev-lib/api/localDevAuth';
-import { fetchPublicAppsForPortal, fetchPublicAppProductionInstallCounts,
-// installStaticAuthAppOnTestAccount,
- } from '@hubspot/local-dev-lib/api/appsDev';
+import { fetchAppMetadataByUid, fetchPublicAppProductionInstallCounts, installStaticAuthAppOnTestAccount, } from '@hubspot/local-dev-lib/api/appsDev';
 import { DevModeUnifiedInterface as UIEDevModeInterface } from '@hubspot/ui-extensions-dev-server';
 import { requestPorts } from '@hubspot/local-dev-lib/portManager';
+import { getAccountConfig } from '@hubspot/local-dev-lib/config';
 import { APP_AUTH_TYPES, APP_DISTRIBUTION_TYPES, APP_INSTALLATION_STATES, LOCAL_DEV_SERVER_MESSAGE_TYPES, } from '../../constants.js';
 import { EXIT_CODES } from '../../enums/exitCodes.js';
 import { isAppIRNode } from '../../projects/structure.js';
 import { uiLine } from '../../ui/index.js';
 import { logError } from '../../errorHandlers/index.js';
-import { 
-// installAppAutoPrompt,
-installAppBrowserPrompt, } from '../../prompts/installAppPrompt.js';
+import { installAppAutoPrompt, installAppBrowserPrompt, } from '../../prompts/installAppPrompt.js';
 import { confirmPrompt } from '../../prompts/promptUtils.js';
 import { lib } from '../../../lang/en.js';
 import { uiLogger } from '../../ui/logger.js';
 import { getOauthAppInstallUrl, getStaticAuthAppInstallUrl, } from '../../app/urls.js';
+import { isDeveloperTestAccount, isSandbox } from '../../accountTypes.js';
 import SpinniesManager from '../../ui/SpinniesManager.js';
 class AppDevModeInterface {
     localDevState;
     localDevLogger;
     _appNode;
     marketplaceAppInstalls;
+    appInstallResolve;
     constructor(options) {
         this.localDevState = options.localDevState;
         this.localDevLogger = options.localDevLogger;
@@ -60,26 +59,17 @@ class AppDevModeInterface {
     isOAuthApp() {
         return (this.appNode?.config.auth.type.toLowerCase() === APP_AUTH_TYPES.OAUTH);
     }
-    // @TODO: Restore test account auto install functionality
-    // private isAutomaticallyInstallable(): boolean {
-    //   const targetTestingAccount = getAccountConfig(
-    //     this.localDevState.targetTestingAccountId
-    //   );
-    //   if (!targetTestingAccount) {
-    //     return false;
-    //   }
-    //   const isTestAccount =
-    //     isDeveloperTestAccount(targetTestingAccount) ||
-    //     isSandbox(targetTestingAccount);
-    //   const hasCorrectParent =
-    //     targetTestingAccount.parentAccountId ===
-    //     this.localDevState.targetProjectAccountId;
-    //   return (
-    //     isTestAccount &&
-    //     hasCorrectParent &&
-    //     this.isStaticAuthApp()
-    //   );
-    // }
+    isAutomaticallyInstallable() {
+        const targetTestingAccount = getAccountConfig(this.localDevState.targetTestingAccountId);
+        if (!targetTestingAccount) {
+            return false;
+        }
+        const isTestAccount = isDeveloperTestAccount(targetTestingAccount) ||
+            isSandbox(targetTestingAccount);
+        const hasCorrectParent = targetTestingAccount.parentAccountId ===
+            this.localDevState.targetProjectAccountId;
+        return isTestAccount && hasCorrectParent && this.isStaticAuthApp();
+    }
     async getAppInstallUrl() {
         if (this.appNode && this.isOAuthApp()) {
             return getOauthAppInstallUrl({
@@ -90,26 +80,20 @@ class AppDevModeInterface {
                 redirectUrls: this.appNode.config.auth.redirectUrls,
             });
         }
-        const { data: { results }, } = await fetchPublicAppsForPortal(this.localDevState.targetProjectAccountId);
-        const app = results.find(app => app.sourceId === this.appNode?.uid);
-        if (!app) {
-            uiLogger.error(lib.LocalDevManager.appNotFound(this.localDevState.targetProjectAccountId, this.appNode?.uid));
-            process.exit(EXIT_CODES.ERROR);
-        }
         return getStaticAuthAppInstallUrl({
             targetAccountId: this.localDevState.targetTestingAccountId,
             env: this.localDevState.env,
-            appId: app.id,
+            appId: this.appData.id,
         });
     }
     async fetchAppData() {
         SpinniesManager.add('fetchAppData', {
             text: lib.AppDevModeInterface.fetchAppData.checking(this.appNode?.config.name || ''),
         });
-        let portalApps = [];
+        let appData;
         try {
-            const { data: { results }, } = await fetchPublicAppsForPortal(this.localDevState.targetProjectAccountId);
-            portalApps = results;
+            const { data } = await fetchAppMetadataByUid(this.appNode.uid, this.localDevState.targetProjectAccountId);
+            appData = data;
         }
         catch (e) {
             SpinniesManager.fail('fetchAppData', {
@@ -118,7 +102,6 @@ class AppDevModeInterface {
             logError(e);
             process.exit(EXIT_CODES.ERROR);
         }
-        const appData = portalApps.find(({ sourceId }) => sourceId === this.appNode?.uid);
         if (!appData) {
             return;
         }
@@ -127,7 +110,7 @@ class AppDevModeInterface {
             id: appData.id,
             clientId: appData.clientId,
             name: appData.name,
-            installationState: APP_INSTALLATION_STATES.NOT_INSTALLED,
+            installationState: APP_INSTALLATION_STATES.UNKNOWN,
             scopeGroupIds: appData.scopeGroupIds,
         };
         this.marketplaceAppInstalls = uniquePortalInstallCount;
@@ -149,50 +132,55 @@ class AppDevModeInterface {
         }
         this.localDevState.addUploadWarning(lib.AppDevModeInterface.defaultMarketplaceAppWarning(this.marketplaceAppInstalls));
     }
-    // @TODO: Restore test account auto install functionality
-    // private async autoInstallStaticAuthApp(): Promise<void> {
-    //   const shouldInstall = await installAppAutoPrompt();
-    //   if (!shouldInstall) {
-    //     uiLogger.log(lib.AppDevModeInterface.autoInstallDeclined);
-    //     process.exit(EXIT_CODES.SUCCESS);
-    //   }
-    //   await installStaticAuthAppOnTestAccount(
-    //     this.appData!.id,
-    //     this.localDevState.targetTestingAccountId,
-    //     this.appData!.scopeGroupIds
-    //   );
-    // }
+    async waitUntilAppIsInstalled(installUrl) {
+        uiLogger.log(lib.AppDevModeInterface.waitUntilAppIsInstalled.link(installUrl));
+        SpinniesManager.add('waitUntilAppIsInstalled', {
+            text: lib.AppDevModeInterface.waitUntilAppIsInstalled.waiting,
+        });
+        await new Promise(resolve => {
+            this.appInstallResolve = resolve;
+        });
+        SpinniesManager.succeed('waitUntilAppIsInstalled', {
+            text: lib.AppDevModeInterface.waitUntilAppIsInstalled.success(this.appNode?.config.name || '', this.localDevState.targetTestingAccountId),
+        });
+    }
+    async autoInstallStaticAuthApp() {
+        const shouldInstall = await installAppAutoPrompt();
+        if (!shouldInstall) {
+            uiLogger.log(lib.AppDevModeInterface.autoInstallDeclined);
+            process.exit(EXIT_CODES.SUCCESS);
+        }
+        uiLogger.log('');
+        SpinniesManager.add('autoInstallStaticAuthApp', {
+            text: lib.AppDevModeInterface.autoInstallStaticAuthApp.installing(this.appData.name, this.localDevState.targetTestingAccountId),
+        });
+        try {
+            await installStaticAuthAppOnTestAccount(this.appData.id, this.localDevState.targetTestingAccountId, this.appData.scopeGroupIds);
+            SpinniesManager.succeed('autoInstallStaticAuthApp', {
+                text: lib.AppDevModeInterface.autoInstallStaticAuthApp.success(this.appData.name, this.localDevState.targetTestingAccountId),
+            });
+            return true;
+        }
+        catch (e) {
+            SpinniesManager.fail('autoInstallStaticAuthApp', {
+                text: lib.AppDevModeInterface.autoInstallStaticAuthApp.error(this.appData.name, this.localDevState.targetTestingAccountId),
+                failColor: 'white',
+            });
+            return false;
+        }
+    }
     async installAppOrOpenInstallUrl(isReinstall) {
-        // @TODO: Restore test account auto install functionality
-        // if (this.isAutomaticallyInstallable()) {
-        //   try {
-        //     await this.autoInstallStaticAuthApp();
-        //     uiLogger.success(
-        //       lib.AppDevModeInterface.autoInstallSuccess(
-        //         this.appData!.name,
-        //         this.localDevState.targetTestingAccountId
-        //       )
-        //     );
-        //     return;
-        //   } catch (e) {
-        //     uiLogger.error(
-        //       lib.AppDevModeInterface.autoInstallError(
-        //         this.appData!.name,
-        //         this.localDevState.targetTestingAccountId
-        //       )
-        //     );
-        //   }
-        // }
-        const staticAuthInstallOptions = this.isStaticAuthApp()
-            ? {
-                testingAccountId: this.localDevState.targetTestingAccountId,
-                projectAccountId: this.localDevState.targetProjectAccountId,
-                projectName: this.localDevState.projectConfig.name,
-                appUid: this.appNode.uid,
+        if (this.isAutomaticallyInstallable()) {
+            const installSuccess = await this.autoInstallStaticAuthApp();
+            if (installSuccess) {
+                return;
             }
-            : undefined;
+        }
         const installUrl = await this.getAppInstallUrl();
-        await installAppBrowserPrompt(installUrl, isReinstall, staticAuthInstallOptions);
+        await installAppBrowserPrompt(installUrl, isReinstall);
+        if (!isReinstall) {
+            await this.waitUntilAppIsInstalled(installUrl);
+        }
     }
     async checkTestAccountAppInstallation() {
         if (!this.appNode || !this.appData) {
@@ -212,11 +200,46 @@ class AppDevModeInterface {
                 installationState: APP_INSTALLATION_STATES.INSTALLED_WITH_OUTDATED_SCOPES,
             };
         }
+        else {
+            this.appData = {
+                ...this.appData,
+                installationState: APP_INSTALLATION_STATES.NOT_INSTALLED,
+            };
+        }
         return { needsInstall: !isInstalledWithScopeGroups, isReinstall };
     }
-    onDevServerMessage = (message) => {
+    resolveAppInstallPromise() {
+        if (this.appInstallResolve) {
+            this.appInstallResolve();
+            this.appInstallResolve = undefined;
+        }
+    }
+    handleAppInstallSuccessDevServerMessage() {
+        this.resolveAppInstallPromise();
+        this.appData = {
+            ...this.appData,
+            installationState: APP_INSTALLATION_STATES.INSTALLED,
+        };
+    }
+    handleAppInstallInitiatedDevServerMessage() {
+        this.resolveAppInstallPromise();
+    }
+    handleAppInstallFailureDevServerMessage() {
+        uiLogger.error(lib.AppDevModeInterface.installationFailed);
+        process.exit(EXIT_CODES.ERROR);
+    }
+    onDevServerMessage = async (message) => {
         if (message === LOCAL_DEV_SERVER_MESSAGE_TYPES.WEBSOCKET_SERVER_CONNECTED) {
-            this.checkTestAccountAppInstallation();
+            await this.checkTestAccountAppInstallation();
+        }
+        else if (message === LOCAL_DEV_SERVER_MESSAGE_TYPES.STATIC_AUTH_APP_INSTALL_SUCCESS) {
+            this.handleAppInstallSuccessDevServerMessage();
+        }
+        else if (message === LOCAL_DEV_SERVER_MESSAGE_TYPES.STATIC_AUTH_APP_INSTALL_FAILURE) {
+            this.handleAppInstallFailureDevServerMessage();
+        }
+        else if (message === LOCAL_DEV_SERVER_MESSAGE_TYPES.OAUTH_APP_INSTALL_INITIATED) {
+            this.handleAppInstallInitiatedDevServerMessage();
         }
     };
     onChangeProjectNodes = (nodes) => {
@@ -234,10 +257,6 @@ class AppDevModeInterface {
             this.localDevState.addUploadWarning(lib.AppDevModeInterface.authTypeChanged);
         }
     };
-    setUpStateListeners() {
-        this.localDevState.addListener('devServerMessage', this.onDevServerMessage);
-        this.localDevState.addListener('projectNodes', this.onChangeProjectNodes);
-    }
     removeStateListeners() {
         this.localDevState.removeListener('devServerMessage', this.onDevServerMessage);
         this.localDevState.removeListener('projectNodes', this.onChangeProjectNodes);
@@ -261,6 +280,7 @@ class AppDevModeInterface {
                         failColor: 'white',
                     });
                 }
+                this.localDevState.addListener('devServerMessage', this.onDevServerMessage);
                 await this.installAppOrOpenInstallUrl(isReinstall || false);
             }
             else {
@@ -275,7 +295,7 @@ class AppDevModeInterface {
         catch (e) {
             logError(e);
         }
-        this.setUpStateListeners();
+        this.localDevState.addListener('projectNodes', this.onChangeProjectNodes);
         return UIEDevModeInterface.setup(args);
     }
     async start() {

package/lib/projects/localDev/DevServerManager.d.ts

@@ -1,40 +1,22 @@
-import { ProjectConfig, ComponentTypes, Component } from '../../../types/Projects.js';
-type DevServerInterface = {
-    setup?: Function;
-    start?: (options: object) => Promise<void>;
-    fileChange?: (filePath: string, event: string) => Promise<void>;
-    cleanup?: () => Promise<void>;
-};
-type ComponentsByType = {
-    [key in ComponentTypes]?: {
-        [key: string]: Component;
-    };
+import LocalDevState from './LocalDevState.js';
+import LocalDevLogger from './LocalDevLogger.js';
+type DevServerManagerConstructorOptions = {
+    localDevState: LocalDevState;
+    logger: LocalDevLogger;
 };
 declare class DevServerManager {
     private initialized;
     private started;
-    private componentsByType;
     private devServers;
-    constructor();
-    iterateDevServers(callback: (serverInterface: DevServerInterface, compatibleComponents: {
-        [key: string]: Component;
-    }) => Promise<void>): Promise<void>;
-    arrangeComponentsByType(components: Component[]): ComponentsByType;
-    setup({ components, onUploadRequired, accountId, setActiveApp, }: {
-        components: Component[];
-        onUploadRequired: () => void;
-        accountId: number;
-        setActiveApp: (appUid: string | undefined) => Promise<void>;
-    }): Promise<void>;
-    start({ accountId, projectConfig, }: {
-        accountId: number;
-        projectConfig: ProjectConfig;
-    }): Promise<void>;
+    private localDevState;
+    constructor(options: DevServerManagerConstructorOptions);
+    private iterateDevServers;
+    setup(): Promise<void>;
+    start(): Promise<void>;
     fileChange({ filePath, event, }: {
         filePath: string;
         event: string;
     }): Promise<void>;
     cleanup(): Promise<void>;
 }
-declare const Manager: DevServerManager;
-export default Manager;
+export default DevServerManager;

package/lib/projects/localDev/DevServerManager.js

@@ -1,93 +1,53 @@
 import { logger } from '@hubspot/local-dev-lib/logger';
-import { DevModeInterface as UIEDevModeInterface } from '@hubspot/ui-extensions-dev-server';
-import { startPortManagerServer, stopPortManagerServer, requestPorts, } from '@hubspot/local-dev-lib/portManager';
 import { getHubSpotApiOrigin, getHubSpotWebsiteOrigin, } from '@hubspot/local-dev-lib/urls';
 import { getAccountConfig } from '@hubspot/local-dev-lib/config';
-import { ComponentTypes, } from '../../../types/Projects.js';
+import AppDevModeInterface from './AppDevModeInterface.js';
 import { lib } from '../../../lang/en.js';
-import { uiLogger } from '../../ui/logger.js';
-const SERVER_KEYS = {
-    privateApp: 'privateApp',
-    publicApp: 'publicApp',
-};
 class DevServerManager {
     initialized;
     started;
-    componentsByType;
     devServers;
-    constructor() {
+    localDevState;
+    constructor(options) {
         this.initialized = false;
         this.started = false;
-        this.componentsByType = {};
-        this.devServers = {
-            [SERVER_KEYS.privateApp]: {
-                componentType: ComponentTypes.PrivateApp,
-                serverInterface: UIEDevModeInterface,
-            },
-            [SERVER_KEYS.publicApp]: {
-                componentType: ComponentTypes.PublicApp,
-                serverInterface: UIEDevModeInterface,
-            },
-        };
+        this.localDevState = options.localDevState;
+        const AppsDevServer = new AppDevModeInterface({
+            localDevState: options.localDevState,
+            localDevLogger: options.logger,
+        });
+        this.devServers = [AppsDevServer];
     }
     async iterateDevServers(callback) {
-        const serverKeys = Object.keys(this.devServers);
-        for (let i = 0; i < serverKeys.length; i++) {
-            const serverKey = serverKeys[i];
-            const devServer = this.devServers[serverKey];
-            const compatibleComponents = this.componentsByType[devServer.componentType] || {};
-            if (Object.keys(compatibleComponents).length) {
-                await callback(devServer.serverInterface, compatibleComponents);
-            }
-            else {
-                uiLogger.debug(lib.DevServerManager.noCompatibleComponents(serverKey));
-            }
-        }
-    }
-    arrangeComponentsByType(components) {
-        return components.reduce((acc, component) => {
-            if (!acc[component.type]) {
-                acc[component.type] = {};
-            }
-            if ('name' in component.config && component.config.name) {
-                acc[component.type][component.config.name] = component;
-            }
-            return acc;
-        }, {});
+        await Promise.all(this.devServers.map(devServer => callback(devServer)));
     }
-    async setup({ components, onUploadRequired, accountId, setActiveApp, }) {
-        this.componentsByType = this.arrangeComponentsByType(components);
+    async setup() {
         let env;
-        const accountConfig = getAccountConfig(accountId);
+        const accountConfig = getAccountConfig(this.localDevState.targetTestingAccountId);
         if (accountConfig) {
             env = accountConfig.env;
         }
-        await startPortManagerServer();
-        await this.iterateDevServers(async (serverInterface, compatibleComponents) => {
+        await this.iterateDevServers(async (serverInterface) => {
             if (serverInterface.setup) {
+                // @TODO: In the future, update UIE Dev Server to use LocalDevState
                 await serverInterface.setup({
-                    components: compatibleComponents,
-                    onUploadRequired,
+                    components: this.localDevState.projectNodes,
+                    profileData: this.localDevState.projectProfileData,
                     logger,
                     urls: {
                         api: getHubSpotApiOrigin(env),
                         web: getHubSpotWebsiteOrigin(env),
                     },
-                    setActiveApp,
                 });
             }
         });
         this.initialized = true;
     }
-    async start({ accountId, projectConfig, }) {
+    async start() {
         if (this.initialized) {
             await this.iterateDevServers(async (serverInterface) => {
                 if (serverInterface.start) {
-                    await serverInterface.start({
-                        accountId,
-                        projectConfig,
-                        requestPorts,
-                    });
+                    await serverInterface.start();
                 }
             });
         }
@@ -112,9 +72,7 @@ class DevServerManager {
                     await serverInterface.cleanup();
                 }
             });
-            await stopPortManagerServer();
         }
     }
 }
-const Manager = new DevServerManager();
-export default Manager;
+export default DevServerManager;