@hubspot/ui-extensions-dev-server 0.8.2 → 0.8.4

package/README.md

@@ -1,29 +1,7 @@
 # UI Extensions – Dev Server
 
-Development server to run and test your HubSpot UI Extensions.
+Development server library to run  your HubSpot UI Extensions.
 
 ## Overview
-This package contains the cli for running HubSpot UI extensions locally, as well as running a production build for debugging purposes.
+This package contains the library functions for running HubSpot UI extensions locally, as well as running a production build for debugging purposes.
 
-### Help
-If for any reason you need help with the `ui-extensions-dev-server` you can access the help menu in a few ways:
-
-- `hs-ui-extensions-dev-server`
-- `hs-ui-extensions-dev-server -h`
-- `hs-ui-extensions-dev-server --help`
-
-### Local Development
-Prompts you which of your extensions you would like to run in local dev mode. Once you have made your selection, it sets up a watcher on the entry point file for that project as well as any child files.  Any changes to those files will trigger a local build which will bundle your code and output the bundle in a `dist/` directory inside of your current working directory.  To initiate local dev mode in the browser, you just need to navigate to the CRM where your the deployed version of your card lives.  The browser will detect that you have the dev server running, and make the connection on your behalf.
-
-| Action | Command |
-| - | - |
-| Standard Local Dev | `hs-ui-extensions-dev-server dev` |
-| Bypass Prompt | `hs-ui-extensions-dev-server dev --extension MyEntryPointFile.jsx` <br /> `hs-ui-extensions-dev-server dev -e MyEntryPointFile.jsx`|
-
-### Production Build
-This should not be required in the standard development workflow. It is there to aid debugging the output of an extension.  This command will run a build similar to what we will run when these extensions are uploaded.  The output will be written into a `dist/` directory in the current working directory.
-
-| Action | Command |
-| - | - |
-| Build All Extensions | `hs-ui-extensions-dev-server build` |
-| Build a single extension | `hs-ui-extensions-dev-server build --extension MyEntryPointFile.jsx` <br /> `hs-ui-extensions-dev-server build -e MyEntryPointFile.jsx`|

package/dist/index.d.ts

@@ -1,3 +1,3 @@
-import { remoteBuild, buildAllExtensions, buildSingleExtension } from './lib/build';
+import { remoteBuild, buildSingleExtension } from './lib/build';
 import DevModeInterface from './lib/DevModeInterface';
-export { remoteBuild, buildAllExtensions, buildSingleExtension, DevModeInterface, };
+export { remoteBuild, buildSingleExtension, DevModeInterface };

package/dist/index.js

@@ -3,10 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DevModeInterface = exports.buildSingleExtension = exports.buildAllExtensions = exports.remoteBuild = void 0;
+exports.DevModeInterface = exports.buildSingleExtension = exports.remoteBuild = void 0;
 const build_1 = require("./lib/build");
 Object.defineProperty(exports, "remoteBuild", { enumerable: true, get: function () { return build_1.remoteBuild; } });
-Object.defineProperty(exports, "buildAllExtensions", { enumerable: true, get: function () { return build_1.buildAllExtensions; } });
 Object.defineProperty(exports, "buildSingleExtension", { enumerable: true, get: function () { return build_1.buildSingleExtension; } });
 const DevModeInterface_1 = __importDefault(require("./lib/DevModeInterface"));
 exports.DevModeInterface = DevModeInterface_1.default;

package/dist/lib/DevModeInterface.d.ts

@@ -1,6 +1,7 @@
-import { ExtensionConfig, ProjectComponentMap } from './types';
-import { ServiceConfiguration } from '@hubspot/app-functions-dev-server/dist/types';
+import type { ExtensionConfig, PlatformVersion, ProjectComponentMap } from './types';
+import type { ServiceConfiguration } from '@hubspot/app-functions-dev-server/dist/types';
 import { PromptModule } from 'inquirer';
+import { DevServerState } from './DevServerState';
 interface SetupArguments {
     components: ProjectComponentMap;
     debug?: boolean;
@@ -8,27 +9,31 @@ interface SetupArguments {
     onUploadRequired?: VoidFunction;
     promptUser: PromptModule;
 }
+interface ProjectConfig {
+    name: string;
+    srcDir: string;
+    platformVersion?: PlatformVersion;
+}
 interface StartArguments {
     accountId?: number;
     debug?: boolean;
     httpClient?: ServiceConfiguration['httpClient'];
+    projectConfig?: ProjectConfig;
 }
 interface AppExtensionMapping {
     name: string;
     value: ExtensionConfig;
 }
 declare class DevModeInterface {
-    config?: ExtensionConfig;
-    appName?: string;
-    title?: string;
-    extensionConfigPath?: string;
+    configs?: ExtensionConfig[];
+    devServerState?: DevServerState;
     onUploadRequired?: VoidFunction;
     shutdown?: () => Promise<void>;
-    _setDataFromExtensionConfig(extensionConfig: ExtensionConfig): void;
     _generateAppExtensionMappings(components: ProjectComponentMap): AppExtensionMapping[];
+    _getPlatformVersion(projectConfig?: ProjectConfig): PlatformVersion;
     setup({ components, debug, extensionConfig, onUploadRequired, promptUser, }: SetupArguments): Promise<void>;
     fileChange(filePath: string, __event: unknown): Promise<void>;
-    start({ accountId, debug, httpClient }: StartArguments): Promise<void>;
+    start({ accountId, debug, httpClient, projectConfig }: StartArguments): Promise<void>;
     cleanup(): Promise<void>;
 }
 declare const _default: DevModeInterface;

package/dist/lib/DevModeInterface.js

@@ -1,4 +1,6 @@
 "use strict";
+/* hs-eslint ignored failing-rules */
+/* eslint-disable hubspot-dev/no-unsupported-ts-syntax */
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -8,23 +10,15 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 const dev_1 = require("./dev");
-const path_1 = __importDefault(require("path"));
 const constants_1 = require("./constants");
-const config_1 = require("../cli/config");
+const config_1 = require("./config");
 // @ts-expect-error no type defs
 const logger_1 = require("@hubspot/cli-lib/logger");
+const DevServerState_1 = require("./DevServerState");
+const utils_1 = require("./utils");
 class DevModeInterface {
-    _setDataFromExtensionConfig(extensionConfig) {
-        this.config = extensionConfig;
-        this.extensionConfigPath = extensionConfig.extensionConfigPath;
-        this.appName = extensionConfig.data.appName;
-        this.title = extensionConfig.data.title;
-    }
     _generateAppExtensionMappings(components) {
         // Loop over all of the app configs that are passed in
         const allComponentNames = Object.keys(components);
@@ -48,12 +42,26 @@ class DevModeInterface {
             return appExtensionMappings;
         }, []);
     }
+    _getPlatformVersion(projectConfig) {
+        const { platformVersion } = projectConfig !== null && projectConfig !== void 0 ? projectConfig : {};
+        if (!platformVersion) {
+            return constants_1.PLATFORM_VERSION.V20231;
+        }
+        switch (platformVersion) {
+            case constants_1.PLATFORM_VERSION.V20231:
+                return constants_1.PLATFORM_VERSION.V20231;
+            case constants_1.PLATFORM_VERSION.V20232:
+                return constants_1.PLATFORM_VERSION.V20232;
+            default:
+                return (0, utils_1.throwUnhandledPlatformVersionError)(platformVersion);
+        }
+    }
     setup({ components, debug = false, extensionConfig, onUploadRequired, promptUser, }) {
         return __awaiter(this, void 0, void 0, function* () {
             (0, logger_1.setLogLevel)(debug ? logger_1.LOG_LEVEL.DEBUG : logger_1.LOG_LEVEL.LOG);
             this.onUploadRequired = onUploadRequired;
             if (extensionConfig) {
-                this._setDataFromExtensionConfig(extensionConfig);
+                this.configs = [extensionConfig];
                 return;
             }
             const choices = this._generateAppExtensionMappings(components);
@@ -61,16 +69,22 @@ class DevModeInterface {
                 throw new Error('No extensions to run');
             }
             else if (choices.length === 1) {
-                this._setDataFromExtensionConfig(choices[0].value);
+                this.configs = [choices[0].value];
             }
             else {
                 const answers = yield promptUser({
-                    type: 'list',
-                    name: 'extension',
-                    message: 'Which extension would you like to run?',
+                    type: 'checkbox',
+                    name: 'extensions',
+                    message: 'Which extension(s) would you like to run?',
+                    validate: input => {
+                        if (!input || input.length === 0) {
+                            return 'Select at least one extension to run';
+                        }
+                        return true;
+                    },
                     choices,
                 });
-                this._setDataFromExtensionConfig(answers.extension);
+                this.configs = answers.extensions;
             }
         });
     }
@@ -78,35 +92,31 @@ class DevModeInterface {
     // eslint-disable-next-line require-await
     fileChange(filePath, __event) {
         return __awaiter(this, void 0, void 0, function* () {
-            if (this.extensionConfigPath &&
-                this.extensionConfigPath === filePath &&
-                this.onUploadRequired) {
+            if (!this.devServerState || !this.devServerState.extensionsMetadata) {
+                return;
+            }
+            const relevantConfigFileChanged = this.devServerState.extensionsMetadata.some(metadata => metadata.config.extensionConfigPath === filePath);
+            if (relevantConfigFileChanged && this.onUploadRequired) {
                 this.onUploadRequired();
             }
         });
     }
-    start({ accountId, debug, httpClient }) {
+    start({ accountId, debug, httpClient, projectConfig }) {
         return __awaiter(this, void 0, void 0, function* () {
             if (debug !== undefined) {
                 (0, logger_1.setLogLevel)(debug ? logger_1.LOG_LEVEL.DEBUG : logger_1.LOG_LEVEL.LOG);
             }
-            if (!this.config || !this.config.path) {
-                throw new Error('Unable to load the required extension configuration files');
-            }
-            const appPath = this.config.path;
-            // Pass options from the CLI for running app functions locally
-            const functionsConfig = {
-                app: { path: appPath },
+            this.devServerState = new DevServerState_1.DevServerState({
+                extensionConfigs: this.configs,
                 accountId,
                 httpClient,
-            };
-            this.shutdown = yield (0, dev_1.startDevMode)({
-                extensionConfig: this.config,
-                outputDir: path_1.default.join(this.config.extensionPath, constants_1.OUTPUT_DIR),
-                functionsConfig,
-                root: appPath,
+                platformVersion: this._getPlatformVersion(projectConfig),
+            });
+            this.shutdown = yield (0, dev_1.startDevMode)(this.devServerState);
+            this.devServerState.extensionsMetadata.forEach(metadata => {
+                const { config: { data: { title, appName }, }, } = metadata;
+                logger_1.logger.info(`Running extension '${title}' from app '${appName}'`);
             });
-            logger_1.logger.info(`Running extension '${this.title}' from app '${this.appName}'`);
         });
     }
     cleanup() {

package/dist/lib/DevServerState.d.ts

@@ -0,0 +1,28 @@
+import { ExtensionConfig, ExtensionMetadata, PlatformVersion } from './types';
+import { ServiceConfiguration } from '@hubspot/app-functions-dev-server/dist/types';
+interface DevServerStateArgs {
+    extensionConfigs?: ExtensionConfig[];
+    accountId: number | undefined;
+    httpClient: ServiceConfiguration['httpClient'] | undefined;
+    expressPort?: number;
+    webSocketPort?: number;
+    platformVersion: PlatformVersion;
+}
+export declare class DevServerState {
+    private _webSocketPort;
+    private _expressPort;
+    private _functionsConfig;
+    private _outputDir;
+    private _appPath;
+    private _extensionsMetadata;
+    private _portalId?;
+    constructor({ extensionConfigs, accountId, httpClient, expressPort, webSocketPort, platformVersion, }: DevServerStateArgs);
+    get portalId(): number | undefined;
+    get webSocketPort(): number;
+    get expressPort(): number;
+    get extensionsMetadata(): ExtensionMetadata[];
+    get functionsConfig(): Partial<ServiceConfiguration>;
+    get outputDir(): string;
+    get appPath(): string;
+}
+export {};

package/dist/lib/DevServerState.js

@@ -0,0 +1,67 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DevServerState = void 0;
+const constants_1 = require("./constants");
+const path_1 = __importDefault(require("path"));
+class DevServerState {
+    constructor({ extensionConfigs, accountId, httpClient, expressPort = constants_1.VITE_DEFAULT_PORT, webSocketPort = constants_1.WEBSOCKET_PORT, platformVersion, }) {
+        this._webSocketPort = constants_1.WEBSOCKET_PORT;
+        this._expressPort = constants_1.VITE_DEFAULT_PORT;
+        if (!extensionConfigs) {
+            throw new Error('Unable to load the required extension configuration files');
+        }
+        const extensionsMetadata = [];
+        extensionConfigs.forEach(config => {
+            const { appName, title, sourceId } = config.data;
+            extensionsMetadata.push({
+                config,
+                baseMessage: {
+                    appName,
+                    title,
+                    sourceId,
+                    callback: `http://hslocal.net:${expressPort}/${config.output}`,
+                    portalId: accountId,
+                },
+            });
+        });
+        this._webSocketPort = webSocketPort;
+        this._expressPort = expressPort;
+        this._extensionsMetadata = extensionsMetadata;
+        this._appPath = extensionConfigs[0].path;
+        this._portalId = accountId;
+        this._outputDir = path_1.default.join(this._appPath, constants_1.OUTPUT_DIR);
+        // Pass options from the CLI for running app functions locally
+        this._functionsConfig = {
+            app: { path: this._appPath },
+            accountId,
+            httpClient,
+            platformVersion,
+        };
+        Object.freeze(this);
+    }
+    get portalId() {
+        return this._portalId;
+    }
+    get webSocketPort() {
+        return this._webSocketPort;
+    }
+    get expressPort() {
+        return this._expressPort;
+    }
+    get extensionsMetadata() {
+        return this._extensionsMetadata;
+    }
+    get functionsConfig() {
+        return this._functionsConfig;
+    }
+    get outputDir() {
+        return this._outputDir;
+    }
+    get appPath() {
+        return this._appPath;
+    }
+}
+exports.DevServerState = DevServerState;

package/dist/lib/build.d.ts

@@ -6,9 +6,6 @@ interface BuildSingleExtensionArgs {
     root?: string;
 }
 export declare const extensionErrorBaseMessage: string;
-export declare function buildAllExtensions({ outputDir }: {
-    outputDir: string;
-}): Promise<void>;
 export declare function buildSingleExtension({ file, outputDir, emptyOutDir, minify, root, }: BuildSingleExtensionArgs): Promise<void>;
 export declare function remoteBuild(root: string, entryPoint: string, outputDir?: string): Promise<void>;
 export {};

package/dist/lib/build.js

@@ -12,31 +12,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.remoteBuild = exports.buildSingleExtension = exports.buildAllExtensions = exports.extensionErrorBaseMessage = void 0;
+exports.remoteBuild = exports.buildSingleExtension = exports.extensionErrorBaseMessage = void 0;
 const vite_1 = require("vite");
 const constants_1 = require("./constants");
 const manifestPlugin_1 = __importDefault(require("./plugins/manifestPlugin"));
 const path_1 = __importDefault(require("path"));
 const utils_1 = require("./utils");
-const config_1 = require("../cli/config");
 const codeInjectionPlugin_1 = __importDefault(require("./plugins/codeInjectionPlugin"));
 const allowedExtensions = ['.js', '.ts', '.tsx', '.jsx'];
 exports.extensionErrorBaseMessage = `Supported file extensions are [${allowedExtensions.join(', ')}], received:`;
-function buildAllExtensions({ outputDir }) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const config = (0, config_1.loadConfig)();
-        const extensionKeys = Object.keys(config);
-        for (let i = 0; i < extensionKeys.length; ++i) {
-            const { data } = config[extensionKeys[i]];
-            yield buildSingleExtension({
-                file: data.module.file,
-                outputDir,
-                emptyOutDir: i === 0,
-            });
-        }
-    });
-}
-exports.buildAllExtensions = buildAllExtensions;
 function buildSingleExtension({ file, outputDir = constants_1.OUTPUT_DIR, emptyOutDir = true, minify = false, root = process.cwd(), // This is the vite default, so using that as our default
  }) {
     return __awaiter(this, void 0, void 0, function* () {

package/dist/lib/config.d.ts

@@ -0,0 +1,3 @@
+import { AppConfig, ExtensionConfigMap } from './types';
+export declare function loadConfigByPath<T = unknown>(configPath: string): T;
+export declare function loadExtensionConfig(appConfig: AppConfig, appPath: string): ExtensionConfigMap;

package/dist/lib/config.js

@@ -0,0 +1,40 @@
+"use strict";
+/* hs-eslint ignored failing-rules */
+/* eslint-disable hubspot-dev/no-unsupported-ts-syntax */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.loadExtensionConfig = exports.loadConfigByPath = void 0;
+const fs_1 = __importDefault(require("fs"));
+const path_1 = __importDefault(require("path"));
+const utils_1 = require("./utils");
+function loadConfigByPath(configPath) {
+    const source = fs_1.default.readFileSync(configPath).toString();
+    return JSON.parse(source);
+}
+exports.loadConfigByPath = loadConfigByPath;
+function loadExtensionConfig(appConfig, appPath) {
+    var _a, _b;
+    const crmCardsSubConfigFiles = (_b = (_a = appConfig === null || appConfig === void 0 ? void 0 : appConfig.extensions) === null || _a === void 0 ? void 0 : _a.crm) === null || _b === void 0 ? void 0 : _b.cards;
+    const outputConfig = {};
+    crmCardsSubConfigFiles.forEach(card => {
+        var _a, _b;
+        const cardConfigPath = path_1.default.join(appPath, card.file);
+        try {
+            const cardConfig = loadConfigByPath(cardConfigPath);
+            if (cardConfig && cardConfig.data) {
+                const cardConfigDir = path_1.default.parse(cardConfigPath).dir;
+                const entryPointPath = path_1.default.join(cardConfigDir, (_b = (_a = cardConfig.data) === null || _a === void 0 ? void 0 : _a.module) === null || _b === void 0 ? void 0 : _b.file);
+                cardConfig.data.module.file = entryPointPath;
+                const sourceId = (0, utils_1.buildSourceId)(appConfig, cardConfig);
+                outputConfig[sourceId || `${entryPointPath}-${cardConfig.data.location}`] = Object.assign(Object.assign({}, cardConfig), { output: (0, utils_1.getUrlSafeFileName)(entryPointPath), path: appPath, extensionPath: path_1.default.parse(entryPointPath).dir, extensionConfigPath: cardConfigPath, data: Object.assign(Object.assign({}, cardConfig.data), { appName: appConfig.name, sourceId }) });
+            }
+        }
+        catch (e) {
+            throw new Error(`Unable to load ${cardConfigPath}`);
+        }
+    });
+    return outputConfig;
+}
+exports.loadExtensionConfig = loadExtensionConfig;

package/dist/lib/constants.d.ts

@@ -16,3 +16,7 @@ export declare const ROLLUP_OPTIONS: {
 export declare const EXTENSIONS_MESSAGE_VERSION = 2;
 export declare const WEBSOCKET_MESSAGE_VERSION = 1;
 export declare const SERVER_CAPABILITIES: string[];
+export declare const PLATFORM_VERSION: {
+    readonly V20231: "2023.1";
+    readonly V20232: "2023.2";
+};

package/dist/lib/constants.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SERVER_CAPABILITIES = exports.WEBSOCKET_MESSAGE_VERSION = exports.EXTENSIONS_MESSAGE_VERSION = exports.ROLLUP_OPTIONS = exports.WEBSOCKET_PORT = exports.VITE_DEFAULT_PORT = exports.MANIFEST_FILE = exports.MAIN_APP_CONFIG = exports.OUTPUT_DIR = void 0;
+exports.PLATFORM_VERSION = exports.SERVER_CAPABILITIES = exports.WEBSOCKET_MESSAGE_VERSION = exports.EXTENSIONS_MESSAGE_VERSION = exports.ROLLUP_OPTIONS = exports.WEBSOCKET_PORT = exports.VITE_DEFAULT_PORT = exports.MANIFEST_FILE = exports.MAIN_APP_CONFIG = exports.OUTPUT_DIR = void 0;
 exports.OUTPUT_DIR = 'dist';
 exports.MAIN_APP_CONFIG = 'app.json';
 exports.MANIFEST_FILE = 'manifest.json';
@@ -26,3 +26,7 @@ exports.SERVER_CAPABILITIES = [
     'source-id',
     'account-id',
 ];
+exports.PLATFORM_VERSION = {
+    V20231: '2023.1',
+    V20232: '2023.2',
+};

package/dist/lib/dev.d.ts

@@ -1,12 +1,2 @@
-import { ExtensionConfig } from './types';
-import { ServiceConfiguration } from '@hubspot/app-functions-dev-server/dist/types';
-interface StartDevModeArgs {
-    outputDir?: string;
-    extensionConfig: ExtensionConfig;
-    webSocketPort?: number;
-    expressPort?: number;
-    root?: string;
-    functionsConfig: Partial<ServiceConfiguration>;
-}
-export declare function startDevMode({ extensionConfig, functionsConfig, outputDir, expressPort, webSocketPort, root, }: StartDevModeArgs): Promise<() => Promise<void>>;
-export {};
+import { DevServerState } from './DevServerState';
+export declare function startDevMode(devServerState: DevServerState): Promise<() => Promise<void>>;

package/dist/lib/dev.js

@@ -17,26 +17,25 @@ const vite_1 = require("vite");
 const path_1 = __importDefault(require("path"));
 const server_1 = __importDefault(require("./server"));
 const devBuildPlugin_1 = __importDefault(require("./plugins/devBuildPlugin"));
-const constants_1 = require("./constants");
 // @ts-expect-error no type defs
 const logger_1 = require("@hubspot/cli-lib/logger");
 // @ts-expect-error no type defs
 const detect_port_1 = __importDefault(require("detect-port"));
-function _createViteDevServer({ outputDir, extensionConfig, webSocketPort, baseMessage, root, }) {
+function _createViteDevServer(devServerState) {
     return __awaiter(this, void 0, void 0, function* () {
         return yield (0, vite_1.createServer)({
-            root,
+            root: devServerState.appPath,
             logLevel: 'silent',
             appType: 'custom',
             mode: 'development',
             server: {
                 middlewareMode: true,
                 hmr: {
-                    port: webSocketPort,
+                    port: devServerState.webSocketPort,
                 },
                 watch: {
                     ignored: [
-                        path_1.default.join(outputDir, '/**/*'),
+                        path_1.default.join(devServerState.outputDir, '/**/*'),
                         '**/src/app/app.functions/**/*',
                         '**/app.json',
                         '**/package.json',
@@ -46,9 +45,7 @@ function _createViteDevServer({ outputDir, extensionConfig, webSocketPort, baseM
             },
             plugins: [
                 (0, devBuildPlugin_1.default)({
-                    extensionConfig,
-                    outputDir,
-                    baseMessage,
+                    devServerState,
                 }),
             ],
             clearScreen: false,
@@ -64,38 +61,21 @@ function throwIfPortTaken(port) {
         }
     });
 }
-function startDevMode({ extensionConfig, functionsConfig, outputDir = constants_1.OUTPUT_DIR, expressPort = constants_1.VITE_DEFAULT_PORT, webSocketPort = constants_1.WEBSOCKET_PORT, root = process.cwd(), }) {
+function startDevMode(devServerState) {
     return __awaiter(this, void 0, void 0, function* () {
-        if (!extensionConfig) {
+        if (!devServerState || !devServerState.extensionsMetadata) {
             throw new Error('Unable to determine which extension to run');
         }
+        const { expressPort, webSocketPort } = devServerState;
         yield throwIfPortTaken(expressPort);
         const actualWebSocketPort = yield (0, detect_port_1.default)(webSocketPort);
         if (actualWebSocketPort !== webSocketPort) {
             logger_1.logger.debug(`WebSocket port ${webSocketPort} is in use; using next available port ${actualWebSocketPort}`);
         }
-        const { appName, title, sourceId } = extensionConfig.data;
-        const baseMessage = Object.freeze({
-            appName,
-            title,
-            sourceId,
-            callback: `http://hslocal.net:${expressPort}/${extensionConfig.output}`,
-            portalId: functionsConfig.accountId,
-        });
-        const viteDevServer = yield _createViteDevServer({
-            outputDir,
-            extensionConfig,
-            webSocketPort: actualWebSocketPort,
-            baseMessage,
-            root,
-        });
+        const viteDevServer = yield _createViteDevServer(devServerState);
         const shutdownServer = yield (0, server_1.default)({
-            outputDir,
-            expressPort,
-            webSocketPort: actualWebSocketPort,
-            baseMessage,
+            devServerState,
             viteDevServer,
-            functionsConfig,
         });
         return shutdownServer;
     });

package/dist/lib/extensionsService.d.ts

@@ -1,12 +1,12 @@
-import { BaseMessage } from './types';
 import { Response } from 'express/lib/response';
 import { Request } from 'express/lib/request';
 import { Application } from 'express/lib/application';
+import { DevServerState } from './DevServerState';
 declare class ExtensionsService {
     endpoint: string;
     constructor();
-    add(server: Application, webSocketPort: number, outputDir: string, baseMessage: BaseMessage, capabilities: string[]): string[];
-    generateExtensionsHandler(baseMessage: BaseMessage, webSocketPort: number, outputDir: string, capabilities?: string[]): (_req: Request, res: Response) => void;
+    add(server: Application, devServerState: DevServerState, capabilities: string[]): string[];
+    generateExtensionsHandler(devServerState: DevServerState, capabilities?: string[]): (_req: Request, res: Response) => void;
 }
 declare const _default: ExtensionsService;
 export default _default;

package/dist/lib/extensionsService.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+/* eslint-disable hubspot-dev/no-unsupported-ts-syntax */
 const path_1 = __importDefault(require("path"));
 const constants_1 = require("./constants");
 const utils_1 = require("./utils");
@@ -10,22 +11,24 @@ class ExtensionsService {
     constructor() {
         this.endpoint = '/extensions';
     }
-    add(server, webSocketPort, outputDir, baseMessage, capabilities) {
-        server.get(this.endpoint, this.generateExtensionsHandler(baseMessage, webSocketPort, outputDir, capabilities));
+    add(server, devServerState, capabilities) {
+        server.get(this.endpoint, this.generateExtensionsHandler(devServerState, capabilities));
         return [this.endpoint];
     }
-    generateExtensionsHandler(baseMessage, webSocketPort, outputDir, capabilities = []) {
+    generateExtensionsHandler(devServerState, capabilities = []) {
         return function extensionsHandler(_req, res) {
             try {
-                const output = path_1.default.parse(baseMessage.callback).name;
+                const extensions = devServerState.extensionsMetadata.map(metadata => {
+                    const { baseMessage } = metadata;
+                    const output = path_1.default.parse(baseMessage.callback).name;
+                    return Object.assign(Object.assign({}, baseMessage), { manifest: (0, utils_1.loadManifest)(devServerState.outputDir, output) });
+                });
                 const response = {
-                    websocket: `ws://localhost:${webSocketPort}`,
+                    websocket: `ws://localhost:${devServerState.webSocketPort}`,
                     version: constants_1.EXTENSIONS_MESSAGE_VERSION,
                     capabilities,
-                    portalId: baseMessage.portalId,
-                    extensions: [
-                        Object.assign(Object.assign({}, baseMessage), { manifest: (0, utils_1.loadManifest)(outputDir, output) }),
-                    ],
+                    portalId: devServerState.portalId,
+                    extensions,
                 };
                 res.status(200).json(response);
             }

package/dist/lib/plugins/codeCheckingPlugin.js

@@ -14,7 +14,8 @@ const codeCheckingPlugin = options => {
         writeBundle(__options, __bundle) {
             try {
                 const code = fs_1.default.readFileSync(output).toString();
-                if (!code.includes('const extend = (...args) => self.extend(...args);')) {
+                if (!code.includes('const extend = (...args) => self.extend(...args);') &&
+                    !code.includes('self.extend_V2(renderExtensionCallback)')) {
                     logger_1.logger.warn('Unable to determine if your extension entry point is calling hubspot.extend, this may prevent it from rendering as expected');
                 }
             }

package/dist/lib/plugins/devBuildPlugin.d.ts

@@ -1,9 +1,7 @@
 import Vite from 'vite';
-import { ExtensionConfig, BaseMessage } from '../types';
+import { DevServerState } from '../DevServerState';
 export interface DevBuildPluginOptions {
-    extensionConfig: ExtensionConfig;
-    outputDir: string;
-    baseMessage: BaseMessage;
+    devServerState: DevServerState;
 }
 export type DevBuildPlugin = (options: DevBuildPluginOptions) => Vite.Plugin;
 declare const devBuildPlugin: DevBuildPlugin;

package/dist/lib/plugins/devBuildPlugin.js

@@ -1,4 +1,6 @@
 "use strict";
+/* hs-eslint ignored failing-rules */
+/* eslint-disable hubspot-dev/no-unsupported-ts-syntax */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -45,16 +47,18 @@ const path_1 = __importDefault(require("path"));
 const logger_1 = require("@hubspot/cli-lib/logger");
 const friendlyLoggingPlugin_1 = __importDefault(require("./friendlyLoggingPlugin"));
 const relevantModulesPlugin_1 = __importStar(require("./relevantModulesPlugin"));
+function addVersionToBaseMessage(baseMessage) {
+    return Object.assign(Object.assign({}, baseMessage), { version: constants_1.WEBSOCKET_MESSAGE_VERSION });
+}
 const devBuildPlugin = options => {
-    let lastBuildError;
-    const { extensionConfig, outputDir, baseMessage } = options;
-    const versionedBaseMessage = Object.assign(Object.assign({}, baseMessage), { version: constants_1.WEBSOCKET_MESSAGE_VERSION });
+    const { devServerState } = options;
+    let lastBuildErrorContext;
     const handleBuildError = (error, server) => {
-        const { plugin, errors, frame, loc, id } = error;
+        const { error: { plugin, errors, frame, loc, id }, extensionMetadata, } = error;
         // Filter out our custom plugins, but send everything else
         if (!(plugin === null || plugin === void 0 ? void 0 : plugin.startsWith('ui-extensions'))) {
             // @ts-expect-error Our websocket messages don't match Vite format
-            server.ws.send(Object.assign(Object.assign({}, versionedBaseMessage), { event: 'error', error: {
+            server.ws.send(Object.assign(Object.assign({}, addVersionToBaseMessage(extensionMetadata.baseMessage)), { event: 'error', error: {
                     details: {
                         errors,
                         formattedError: (0, utils_1.stripAnsiColorCodes)(frame),
@@ -64,8 +68,9 @@ const devBuildPlugin = options => {
                 } }));
         }
     };
-    const devBuild = (server) => __awaiter(void 0, void 0, void 0, function* () {
+    const devBuild = (server, extensionMetadata, emptyOutDir = false) => __awaiter(void 0, void 0, void 0, function* () {
         try {
+            const { config: extensionConfig } = extensionMetadata;
             yield (0, vite_1.build)({
                 logLevel: 'warn',
                 mode: 'development',
@@ -93,24 +98,27 @@ const devBuildPlugin = options => {
                                 extensionPath: extensionConfig.extensionPath,
                             }),
                             (0, codeCheckingPlugin_1.default)({
-                                output: path_1.default.join(outputDir, extensionConfig.output),
+                                output: path_1.default.join(devServerState.outputDir, extensionConfig.output),
                             }),
                             (0, friendlyLoggingPlugin_1.default)(),
                             (0, relevantModulesPlugin_1.default)({ output: extensionConfig.output }),
                         ], output: Object.assign(Object.assign({}, constants_1.ROLLUP_OPTIONS.output), { sourcemap: 'inline' }) }),
-                    outDir: outputDir,
-                    emptyOutDir: true,
+                    outDir: devServerState.outputDir,
+                    emptyOutDir,
                     minify: false,
                 },
                 clearScreen: false,
             });
-            lastBuildError = null;
+            lastBuildErrorContext = null;
             return true;
         }
         catch (error) {
-            lastBuildError = error;
+            lastBuildErrorContext = {
+                error: error,
+                extensionMetadata,
+            };
             logger_1.logger.debug(error);
-            handleBuildError(lastBuildError, server);
+            handleBuildError(lastBuildErrorContext, server);
             return false;
         }
     });
@@ -124,41 +132,52 @@ const devBuildPlugin = options => {
             localServer = server;
             localServer.ws.on('connection', () => {
                 logger_1.logger.info('Browser connected and listening for bundle updates');
-                // @ts-expect-error Our websocket messages don't match Vite format
-                localServer.ws.send(Object.assign(Object.assign({}, versionedBaseMessage), { event: 'start' }));
-                if (lastBuildError) {
-                    handleBuildError(lastBuildError, server);
+                devServerState.extensionsMetadata.forEach(metadata => {
+                    // @ts-expect-error Our websocket messages don't match Vite format
+                    localServer.ws.send(Object.assign(Object.assign({}, addVersionToBaseMessage(metadata.baseMessage)), { event: 'start' }));
+                });
+                if (lastBuildErrorContext) {
+                    handleBuildError(lastBuildErrorContext, server);
                 }
             });
-            yield devBuild(localServer);
+            for (let i = 0; i < devServerState.extensionsMetadata.length; ++i) {
+                yield devBuild(localServer, devServerState.extensionsMetadata[i], i === 0);
+            }
         }),
         handleHotUpdate: ({ file, server }) => __awaiter(void 0, void 0, void 0, function* () {
             // If the file is not in the relevantModules list, it's update is inconsequential
-            if (!(0, relevantModulesPlugin_1.getRelevantModules)(extensionConfig.output).includes(file)) {
-                return [];
-            }
-            const successful = yield devBuild(server);
-            if (!successful) {
-                return [];
-            }
-            logger_1.logger.info(`Extension ${extensionConfig.data.title} updated, compiled`);
-            if (server.ws.clients.size === 0) {
-                logger_1.logger.debug('Bundle updated, no browsers connected to notify');
-                return [];
+            const extensionsToRebuild = devServerState.extensionsMetadata.filter(metadata => {
+                const { config } = metadata;
+                return (0, relevantModulesPlugin_1.getRelevantModules)(config.output).includes(file);
+            });
+            for (let i = 0; i < extensionsToRebuild.length; ++i) {
+                const toRebuild = extensionsToRebuild[i];
+                const successful = yield devBuild(server, toRebuild);
+                if (!successful) {
+                    return [];
+                }
+                const { config: extensionConfig } = toRebuild;
+                logger_1.logger.info(`Extension ${extensionConfig.data.title} updated, compiled`);
+                if (server.ws.clients.size === 0) {
+                    logger_1.logger.debug('Bundle updated, no browsers connected to notify');
+                    return [];
+                }
+                logger_1.logger.debug('Bundle updated, notifying connected browsers');
+                // @ts-expect-error Our websocket messages don't match Vite format
+                server.ws.send(Object.assign(Object.assign({}, addVersionToBaseMessage(toRebuild.baseMessage)), { event: 'update' }));
             }
-            logger_1.logger.debug('Bundle updated, notifying connected browsers');
-            // @ts-expect-error Our websocket messages don't match Vite format
-            server.ws.send(Object.assign(Object.assign({}, versionedBaseMessage), { event: 'update' }));
             return [];
         }),
         buildEnd(error) {
             if (error) {
                 logger_1.logger.error(error);
             }
-            logger_1.logger.debug('Sending shutdown message to connected browsers');
             if (localServer && localServer.ws) {
-                // @ts-expect-error Our websocket messages don't match Vite format
-                localServer.ws.send(Object.assign(Object.assign({}, versionedBaseMessage), { event: 'shutdown' }));
+                logger_1.logger.debug('Sending shutdown message to connected browsers');
+                devServerState.extensionsMetadata.forEach(metadata => {
+                    // @ts-expect-error Our websocket messages don't match Vite format
+                    localServer.ws.send(Object.assign(Object.assign({}, addVersionToBaseMessage(metadata.baseMessage)), { event: 'shutdown' }));
+                });
             }
         },
     };

package/dist/lib/plugins/friendlyLoggingPlugin.js

@@ -1,4 +1,6 @@
 "use strict";
+/* hs-eslint ignored failing-rules */
+/* eslint-disable hubspot-dev/no-unsupported-ts-syntax */
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/dist/lib/plugins/manifestPlugin.js

@@ -1,4 +1,6 @@
 "use strict";
+/* hs-eslint ignored failing-rules */
+/* eslint-disable hubspot-dev/no-unsupported-ts-syntax */
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };

package/dist/lib/server.d.ts

@@ -1,13 +1,8 @@
-import { BaseMessage } from './types';
 import { ViteDevServer } from 'vite';
-import { ServiceConfiguration } from '@hubspot/app-functions-dev-server/dist/types';
+import { DevServerState } from './DevServerState';
 interface StartDevServerArgs {
-    outputDir: string;
-    expressPort: number;
-    webSocketPort: number;
-    baseMessage: BaseMessage;
+    devServerState: DevServerState;
     viteDevServer: ViteDevServer;
-    functionsConfig: Partial<ServiceConfiguration>;
 }
-declare function startDevServer({ outputDir, expressPort, webSocketPort, baseMessage, viteDevServer, functionsConfig, }: StartDevServerArgs): Promise<() => Promise<void>>;
+declare function startDevServer({ devServerState, viteDevServer, }: StartDevServerArgs): Promise<() => Promise<void>>;
 export default startDevServer;

package/dist/lib/server.js

@@ -1,4 +1,6 @@
 "use strict";
+/* eslint-disable hubspot-dev/no-unsupported-ts-syntax */
+/* eslint-disable no-unused-expressions */
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -30,15 +32,17 @@ function listen(app, port) {
         });
     });
 }
-function startDevServer({ outputDir, expressPort, webSocketPort, baseMessage, viteDevServer, functionsConfig, }) {
+function startDevServer({ devServerState, viteDevServer, }) {
+    var _a;
     return __awaiter(this, void 0, void 0, function* () {
         const app = (0, express_1.default)();
         // Setup middleware
         app.use((0, cors_1.default)());
-        app.use(express_1.default.static(outputDir));
-        app.use('/api/crm-extensibility/execution/internal/v3', (0, app_functions_dev_server_1.AppFunctionExecutionService)(Object.assign(Object.assign({}, functionsConfig), { logger: logger_1.logger })));
-        logger_1.logger.info('Serving app functions locally');
-        const endpointsAdded = extensionsService_1.default.add(app, webSocketPort, outputDir, baseMessage, constants_1.SERVER_CAPABILITIES);
+        app.use(express_1.default.static(devServerState.outputDir));
+        app.use('/api/crm-extensibility/execution/internal/v3', (0, app_functions_dev_server_1.AppFunctionExecutionService)(Object.assign(Object.assign({}, devServerState.functionsConfig), { logger: logger_1.logger })));
+        logger_1.logger.info(`Serving app functions locally (platform version ${devServerState.functionsConfig.platformVersion})`);
+        const endpointsAdded = extensionsService_1.default.add(app, devServerState, constants_1.SERVER_CAPABILITIES);
+        const { expressPort } = devServerState;
         endpointsAdded.forEach(endpoint => {
             logger_1.logger.debug(`Listening at http://hslocal.net:${expressPort}${endpoint}`);
         });
@@ -46,15 +50,18 @@ function startDevServer({ outputDir, expressPort, webSocketPort, baseMessage, vi
         app.use(viteDevServer.middlewares);
         let server;
         try {
-            server = yield listen(app, expressPort);
+            server = yield listen(app, devServerState.expressPort);
         }
         catch (e) {
             if (e.code === 'EADDRINUSE') {
-                throw new Error(`Port ${expressPort} is already in use.`);
+                throw new Error(`Port ${devServerState.expressPort} is already in use.`);
             }
             throw new Error(e);
         }
-        logger_1.logger.debug(`Listening at ${baseMessage.callback}`);
+        (_a = devServerState.extensionsMetadata) === null || _a === void 0 ? void 0 : _a.forEach(metadata => {
+            const { baseMessage } = metadata;
+            logger_1.logger.debug(`Listening at ${baseMessage.callback}`);
+        });
         return function shutdown() {
             return __awaiter(this, void 0, void 0, function* () {
                 yield viteDevServer.pluginContainer.close();

package/dist/lib/types.d.ts

@@ -1,3 +1,4 @@
+import { PLATFORM_VERSION } from './constants';
 export interface ObjectTypes {
     name: string;
 }
@@ -51,4 +52,9 @@ export interface BaseMessage {
     sourceId?: string | null;
     portalId?: number;
 }
+export interface ExtensionMetadata {
+    baseMessage: BaseMessage;
+    config: ExtensionConfig;
+}
+export type PlatformVersion = typeof PLATFORM_VERSION[keyof typeof PLATFORM_VERSION];
 export {};

package/dist/lib/utils.d.ts

@@ -4,3 +4,7 @@ export declare function stripAnsiColorCodes(stringWithColorCodes: string | undef
 export declare function loadManifest(outputDir: string, output: string): any;
 export declare function buildSourceId(appConfig: AppConfig, extensionConfig: ExtensionConfig): string | null;
 export declare function isNodeModule(filepath: string | undefined): boolean;
+export declare class UnhandledPlatformVersionError extends Error {
+    constructor(platformVersion: never);
+}
+export declare function throwUnhandledPlatformVersionError(platformVersion: never): never;

package/dist/lib/utils.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isNodeModule = exports.buildSourceId = exports.loadManifest = exports.stripAnsiColorCodes = exports.getUrlSafeFileName = void 0;
+exports.throwUnhandledPlatformVersionError = exports.UnhandledPlatformVersionError = exports.isNodeModule = exports.buildSourceId = exports.loadManifest = exports.stripAnsiColorCodes = exports.getUrlSafeFileName = void 0;
 const path_1 = __importDefault(require("path"));
 const fs_1 = __importDefault(require("fs"));
 const constants_1 = require("./constants");
@@ -48,3 +48,13 @@ function isNodeModule(filepath) {
     return directory.includes('node_modules');
 }
 exports.isNodeModule = isNodeModule;
+class UnhandledPlatformVersionError extends Error {
+    constructor(platformVersion) {
+        super(`Unsupported platform version "${platformVersion}"`);
+    }
+}
+exports.UnhandledPlatformVersionError = UnhandledPlatformVersionError;
+function throwUnhandledPlatformVersionError(platformVersion) {
+    throw new UnhandledPlatformVersionError(platformVersion);
+}
+exports.throwUnhandledPlatformVersionError = throwUnhandledPlatformVersionError;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hubspot/ui-extensions-dev-server",
-  "version": "0.8.2",
+  "version": "0.8.4",
   "description": "",
   "scripts": {
     "test": "jest",
@@ -24,7 +24,7 @@
   ],
   "license": "MIT",
   "dependencies": {
-    "@hubspot/app-functions-dev-server": "^0.8.2",
+    "@hubspot/app-functions-dev-server": "^0.8.3",
     "@hubspot/cli-lib": "^4.1.6",
     "command-line-args": "^5.2.1",
     "command-line-usage": "^7.0.1",
@@ -45,9 +45,6 @@
     "typescript": "^5.1.6",
     "ws": "^8.13.0"
   },
-  "bin": {
-    "hs-ui-extensions-dev-server": "./dist/cli/run.js"
-  },
   "eslintConfig": {
     "env": {
       "node": true,
@@ -66,5 +63,5 @@
       "optional": true
     }
   },
-  "gitHead": "19c43b6956e7a2397e0b4435b3829bd3e3b5e5bc"
+  "gitHead": "41e3484343d34136e81540d774a101ccf99642b3"
 }

package/dist/cli/config.d.ts

@@ -1,8 +0,0 @@
-import { AppConfig, ExtensionConfigMap } from '../lib/types';
-export declare function loadConfigByPath<T = unknown>(configPath: string): T;
-export declare function loadExtensionConfig(appConfig: AppConfig, appPath: string): ExtensionConfigMap;
-/**
- * @deprecated Will be removed after integration with hubspot-cli is complete
- * This version of load config makes assumptions about the location it is being ran from where the others do not
- */
-export declare function loadConfig(): ExtensionConfigMap;

package/dist/cli/config.js

@@ -1,80 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadConfig = exports.loadExtensionConfig = exports.loadConfigByPath = void 0;
-const fs_1 = __importDefault(require("fs"));
-const path_1 = __importDefault(require("path"));
-const utils_1 = require("../lib/utils");
-const constants_1 = require("../lib/constants");
-function loadConfigByPath(configPath) {
-    const source = fs_1.default.readFileSync(configPath).toString();
-    return JSON.parse(source);
-}
-exports.loadConfigByPath = loadConfigByPath;
-function loadExtensionConfig(appConfig, appPath) {
-    var _a, _b;
-    const crmCardsSubConfigFiles = (_b = (_a = appConfig === null || appConfig === void 0 ? void 0 : appConfig.extensions) === null || _a === void 0 ? void 0 : _a.crm) === null || _b === void 0 ? void 0 : _b.cards;
-    const outputConfig = {};
-    crmCardsSubConfigFiles.forEach(card => {
-        var _a, _b;
-        const cardConfigPath = path_1.default.join(appPath, card.file);
-        try {
-            const cardConfig = loadConfigByPath(cardConfigPath);
-            if (cardConfig && cardConfig.data) {
-                const cardConfigDir = path_1.default.parse(cardConfigPath).dir;
-                const entryPointPath = path_1.default.join(cardConfigDir, (_b = (_a = cardConfig.data) === null || _a === void 0 ? void 0 : _a.module) === null || _b === void 0 ? void 0 : _b.file);
-                cardConfig.data.module.file = entryPointPath;
-                const sourceId = (0, utils_1.buildSourceId)(appConfig, cardConfig);
-                outputConfig[sourceId || `${entryPointPath}-${cardConfig.data.location}`] = Object.assign(Object.assign({}, cardConfig), { output: (0, utils_1.getUrlSafeFileName)(entryPointPath), path: appPath, extensionPath: path_1.default.parse(entryPointPath).dir, extensionConfigPath: cardConfigPath, data: Object.assign(Object.assign({}, cardConfig.data), { appName: appConfig.name, sourceId }) });
-            }
-        }
-        catch (e) {
-            throw new Error(`Unable to load ${cardConfigPath}`);
-        }
-    });
-    return outputConfig;
-}
-exports.loadExtensionConfig = loadExtensionConfig;
-/**
- * @deprecated Will be removed after integration with hubspot-cli is complete
- * This version of load config makes assumptions about the location it is being ran from where the others do not
- */
-function loadConfig() {
-    var _a, _b;
-    // app.json is one level up from the extensions directory, which is where these commands
-    // will need to be ran from, the extensions directory
-    const configPath = path_1.default.join(process.cwd(), '..', constants_1.MAIN_APP_CONFIG);
-    const mainAppConfig = loadConfigByPath(configPath);
-    const crmCardsSubConfigFiles = (_b = (_a = mainAppConfig === null || mainAppConfig === void 0 ? void 0 : mainAppConfig.extensions) === null || _a === void 0 ? void 0 : _a.crm) === null || _b === void 0 ? void 0 : _b.cards;
-    if (!crmCardsSubConfigFiles || crmCardsSubConfigFiles.length === 0) {
-        throw new Error(`The "extensions.crm.cards" array in ${configPath} is missing or empty, it is a required configuration property`);
-    }
-    const outputConfig = {};
-    crmCardsSubConfigFiles.forEach(card => {
-        const cardConfigPath = path_1.default.join(process.cwd(), '..', card.file);
-        try {
-            const cardConfig = loadConfigByPath(cardConfigPath);
-            if (!cardConfig.data) {
-                throw new Error(`Invalid config file at path ${cardConfigPath}, data is a required config property`);
-            }
-            if (!cardConfig.data.module) {
-                throw new Error(`Invalid config file at path ${cardConfigPath}, data.module is a require property`);
-            }
-            // Path.join with a single argument will strip off any relative prefixing such as './'
-            const entryPointPath = path_1.default.join(cardConfig.data.module.file);
-            cardConfig.data.module.file = entryPointPath;
-            outputConfig[entryPointPath] = cardConfig;
-            outputConfig[entryPointPath].data.appName = mainAppConfig.name;
-        }
-        catch (e) {
-            if ((e === null || e === void 0 ? void 0 : e.code) === 'MODULE_NOT_FOUND') {
-                throw new Error(`Unable to load "${cardConfigPath}" file. \nPlease make sure you are running the command from the src/app/extensions directory and that your card JSON config exists within it.`);
-            }
-            throw e;
-        }
-    });
-    return outputConfig;
-}
-exports.loadConfig = loadConfig;

package/dist/cli/run.d.ts

@@ -1,2 +0,0 @@
-#!/usr/bin/env node
-export {};

package/dist/cli/run.js

@@ -1,89 +0,0 @@
-#!/usr/bin/env node
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const utils_1 = require("../cli/utils");
-const index_1 = require("../index");
-const console_log_colors_1 = require("console-log-colors");
-const path_1 = __importDefault(require("path"));
-const constants_1 = require("../lib/constants");
-const inquirer_1 = __importDefault(require("inquirer"));
-const config_1 = require("./config");
-// eslint-disable-next-line no-floating-promise/no-floating-promise
-(() => __awaiter(void 0, void 0, void 0, function* () {
-    const { DEV_MODE, BUILD_MODE, extension, location, help, force, account, } = (0, utils_1.parseArgs)();
-    if (!force) {
-        console.warn((0, console_log_colors_1.yellow)(`"hs-ui-extensions-dev-server" is deprecated, please use "hs project dev" for local development.
-        \nSee our Getting Started guide for detailed instructions: https://app.hubspot.com/l/docs/doc/platform/create-a-project-for-ui-extensions\n`));
-        process.exit(0);
-    }
-    if (help || !(DEV_MODE || BUILD_MODE)) {
-        (0, utils_1.showHelp)(constants_1.OUTPUT_DIR);
-    }
-    else if (DEV_MODE) {
-        const extensionPath = process.cwd(); // Assumed to be /path/to/src/app/extensions
-        const appPath = path_1.default.join(extensionPath, '..');
-        const appConfig = (0, config_1.loadConfigByPath)(path_1.default.join(appPath, constants_1.MAIN_APP_CONFIG));
-        let extensionConfig;
-        if (extension) {
-            const allExtensionsConfig = (0, config_1.loadExtensionConfig)(appConfig, appPath);
-            const matchingConfigs = Object.values(allExtensionsConfig).filter(config => {
-                const entrypoint = path_1.default.parse(config.data.module.file).base;
-                return entrypoint === path_1.default.join(extension);
-            });
-            if (matchingConfigs.length === 1) {
-                extensionConfig = matchingConfigs[0];
-            }
-            else if (matchingConfigs.length > 1 && location) {
-                // We need to do some tie breaking
-                const filteredByLocation = matchingConfigs.filter(config => config.data.location === location);
-                if (filteredByLocation.length === 1) {
-                    extensionConfig = filteredByLocation[0];
-                }
-            }
-        }
-        yield index_1.DevModeInterface.setup({
-            promptUser: inquirer_1.default.createPromptModule(),
-            components: {
-                [appConfig.name]: {
-                    config: appConfig,
-                    path: path_1.default.join(extensionPath, '..'),
-                },
-            },
-            extensionConfig,
-        });
-        yield index_1.DevModeInterface.start({
-            accountId: account,
-        });
-    }
-    else if (BUILD_MODE) {
-        if (extension) {
-            (0, index_1.buildSingleExtension)({
-                file: extension,
-                outputDir: constants_1.OUTPUT_DIR,
-            });
-        }
-        else {
-            (0, index_1.buildAllExtensions)({ outputDir: constants_1.OUTPUT_DIR });
-        }
-    }
-}))();
-function shutdown() {
-    return __awaiter(this, void 0, void 0, function* () {
-        yield index_1.DevModeInterface.cleanup();
-        process.exit(0);
-    });
-}
-process.on('SIGINT', shutdown);
-process.on('SIGTERM', shutdown);

package/dist/cli/utils.d.ts

@@ -1,3 +0,0 @@
-declare function parseArgs(): any;
-declare function showHelp(OUTPUT_DIR: string): void;
-export { parseArgs, showHelp };

package/dist/cli/utils.js

@@ -1,79 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.showHelp = exports.parseArgs = void 0;
-// @ts-expect-error no type defs
-const logger_1 = require("@hubspot/cli-lib/logger");
-// @ts-expect-error no type defs
-const command_line_args_1 = __importDefault(require("command-line-args"));
-// @ts-expect-error no type defs
-const command_line_usage_1 = __importDefault(require("command-line-usage"));
-function parseArgs() {
-    const mainDefinitions = [{ name: 'command', defaultOption: true }];
-    const mainOptions = (0, command_line_args_1.default)(mainDefinitions, {
-        stopAtFirstUnknown: true,
-    });
-    const argv = mainOptions._unknown || [];
-    const DEV_MODE = mainOptions.command === 'dev';
-    const BUILD_MODE = mainOptions.command === 'build';
-    const optionDefinitions = [
-        { name: 'port', alias: 'p', type: Number },
-        { name: 'extension', alias: 'e', type: String },
-        { name: 'location', alias: 'l', type: String },
-        { name: 'help', alias: 'h', type: Boolean },
-        { name: 'force', alias: 'f', type: Boolean },
-        { name: 'account', alias: 'a', type: Number },
-    ];
-    const options = (0, command_line_args_1.default)(optionDefinitions, DEV_MODE || BUILD_MODE ? { argv } : {});
-    return Object.assign({ DEV_MODE, BUILD_MODE }, options);
-}
-exports.parseArgs = parseArgs;
-function showHelp(OUTPUT_DIR) {
-    const sections = [
-        {
-            header: 'HubSpot UI Extensions Local Dev Server',
-            content: `Used for local development of HubSpot extensions.  Built assets can be found in the ${OUTPUT_DIR} directory`,
-        },
-        {
-            header: 'Available Commands',
-            content: [
-                { name: 'dev', summary: 'starts the local development server' },
-                { name: 'build', summary: 'runs a build of your extensions' },
-            ],
-        },
-        {
-            header: 'Options',
-            optionList: [
-                {
-                    name: 'extension',
-                    alias: 'e',
-                    typeLabel: '{underline file}',
-                    description: 'The extension entrypoint file to build or start local development for',
-                },
-                {
-                    name: 'location',
-                    alias: 'l',
-                    typeLabel: '{underline string}',
-                    description: 'The the location of the extension to run, this is only needed if two extensions use the same entrypoint file and do not have uids',
-                },
-                {
-                    name: 'account',
-                    alias: 'a',
-                    typeLabel: '{underline number}',
-                    description: 'The accountId you would like to use to run the extension',
-                },
-                {
-                    name: 'help',
-                    alias: 'h',
-                    description: 'Print this usage guide.',
-                },
-            ],
-        },
-    ];
-    const usage = (0, command_line_usage_1.default)(sections);
-    logger_1.logger.info(usage);
-    process.exit(0);
-}
-exports.showHelp = showHelp;