@hubspot/ui-extensions-dev-server 0.9.8 → 0.10.1

package/dist/index.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DevModeUnifiedInterfaceNonSingleton = exports.DevModeUnifiedInterface = exports.DevModeInterfaceNonSingleton = exports.DevModeInterface = exports.buildSingleExtension = exports.remoteBuild = void 0;
 const build_1 = require("./lib/build");

package/dist/lib/DevModeParentInterface.js

@@ -67,9 +67,9 @@ class DevModeParentInterface {
         this.isConfigured = false;
         this.isRunning = false;
     }
-    parentSetup({ onUploadRequired, logger, urls, setActiveApp, choices = [], }) {
-        var _a, _b, _c;
-        return __awaiter(this, void 0, void 0, function* () {
+    parentSetup(_a) {
+        return __awaiter(this, arguments, void 0, function* ({ onUploadRequired, logger, urls, setActiveApp, choices = [], }) {
+            var _b, _c, _d;
             if (this.isConfigured) {
                 logger.debug('Dev server has already been configured, skipping');
                 return;
@@ -105,13 +105,13 @@ class DevModeParentInterface {
             }
             this.isConfigured = true;
             if (typeof setActiveApp === 'function') {
-                yield setActiveApp((_c = (_b = (_a = this.configs) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.appConfig) === null || _c === void 0 ? void 0 : _c.uid);
+                yield setActiveApp((_d = (_c = (_b = this.configs) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.appConfig) === null || _d === void 0 ? void 0 : _d.uid);
             }
         });
     }
-    start({ requestPorts, accountId, projectConfig, }) {
-        var _a, _b, _c, _d;
-        return __awaiter(this, void 0, void 0, function* () {
+    start(_a) {
+        return __awaiter(this, arguments, void 0, function* ({ requestPorts, accountId, projectConfig, }) {
+            var _b, _c, _d, _e;
             this.logger.debug('Start function was invoked', {
                 accountId,
                 projectConfig,
@@ -138,7 +138,7 @@ class DevModeParentInterface {
                     this.logger.debug('Call to port manager failed, using default ports');
                 }
             }
-            const { proxy: localDevUrlMapping } = (0, config_1.loadLocalConfig)(((_b = (_a = this.configs) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.path) || '', this.logger) || {};
+            const { proxy: localDevUrlMapping } = (0, config_1.loadLocalConfig)(((_c = (_b = this.configs) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.path) || '', this.logger) || {};
             try {
                 this.devServerState = new DevServerState_1.DevServerState({
                     localDevUrlMapping,
@@ -149,7 +149,7 @@ class DevModeParentInterface {
                     webSocketPort,
                     logger: this.logger,
                     urls: this.urls,
-                    appConfig: (_d = (_c = this.configs) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.appConfig,
+                    appConfig: (_e = (_d = this.configs) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.appConfig,
                 });
             }
             catch (e) {

package/dist/lib/DevModeUnifiedInterface.d.ts

@@ -1,7 +1,7 @@
-import { AppExtensionMapping, UnifiedProjectComponentMap, UnifiedDevModeSetupArguments } from './types';
+import { AppExtensionMapping, UnifiedProjectComponentMap, UnifiedDevModeSetupArguments, ProfileVariables } from './types';
 import { DevModeParentInterface } from './DevModeParentInterface';
 declare class DevModeUnifiedInterface extends DevModeParentInterface {
-    _generateAppExtensionMappings(components: UnifiedProjectComponentMap): AppExtensionMapping[];
+    _generateAppExtensionMappings(components: UnifiedProjectComponentMap, profileData?: ProfileVariables): AppExtensionMapping[];
     setup(args: UnifiedDevModeSetupArguments): Promise<void>;
 }
 export { DevModeUnifiedInterface as DevModeUnifiedInterfaceNonSingleton };

package/dist/lib/DevModeUnifiedInterface.js

@@ -29,7 +29,7 @@ function getComponentName(componentType) {
     }
 }
 class DevModeUnifiedInterface extends DevModeParentInterface_1.DevModeParentInterface {
-    _generateAppExtensionMappings(components) {
+    _generateAppExtensionMappings(components, profileData) {
         var _a, _b, _c, _d;
         const mappings = [];
         // Loop over all of the components that are passed in
@@ -63,6 +63,7 @@ class DevModeUnifiedInterface extends DevModeParentInterface_1.DevModeParentInte
             allowedUrls: ((_d = appData.config) === null || _d === void 0 ? void 0 : _d.permittedUrls)
                 ? Object.values(appData.config.permittedUrls).flat()
                 : [],
+            variables: profileData || {},
         };
         // Then get all the supported extensions
         const extensionUids = allComponentUids.filter((componentUid) => {
@@ -128,7 +129,8 @@ class DevModeUnifiedInterface extends DevModeParentInterface_1.DevModeParentInte
     }
     setup(args) {
         return __awaiter(this, void 0, void 0, function* () {
-            args.choices = this._generateAppExtensionMappings(args.components);
+            var _a;
+            args.choices = this._generateAppExtensionMappings(args.components, (_a = args.profileData) !== null && _a !== void 0 ? _a : {});
             yield this.parentSetup(args);
         });
     }

package/dist/lib/ast.js

@@ -4,7 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.traverseAbstractSyntaxTree = exports.checkForOutOfBoundsImageImports = void 0;
+exports.checkForOutOfBoundsImageImports = checkForOutOfBoundsImageImports;
+exports.traverseAbstractSyntaxTree = traverseAbstractSyntaxTree;
 const path_1 = __importDefault(require("path"));
 // @ts-expect-error no type defs
 const estraverse_1 = require("estraverse");
@@ -82,7 +83,6 @@ function checkForOutOfBoundsImageImports(node, output, extensionPath) {
         }
     }
 }
-exports.checkForOutOfBoundsImageImports = checkForOutOfBoundsImageImports;
 function _processCrmPropertiesHook(node, output) {
     if (node.type !== 'CallExpression')
         return;
@@ -286,4 +286,3 @@ function traverseAbstractSyntaxTree(ast, checks, extensionPath, logger) {
     }
     return state;
 }
-exports.traverseAbstractSyntaxTree = traverseAbstractSyntaxTree;

package/dist/lib/bin/cli.js

@@ -46,6 +46,7 @@ const buildSteps = {
     },
 };
 program
+    .option('-v, --profile-variables <path>', 'path to a json file with profile variables')
     .command('build <module>', { isDefault: true })
     .description('Build extension source code.')
     .action((module) => __awaiter(void 0, void 0, void 0, function* () {
@@ -74,8 +75,15 @@ function runCommand(command, options) {
     });
 }
 // Mirrors: https://git.hubteam.com/HubSpot/Artifactor/blob/f5cbea91d7a7dfb6278e878ae583e69022384fb5/ArtifactorFunctions/functions/node_18x/uie-remote-build/index.js#L59-L63
-function build({ extensionRoot, extensionDist, entrypoint }) {
-    return (0, build_1.remoteBuild)(extensionRoot, entrypoint, extensionDist);
+function build({ extensionRoot, extensionDist, entrypoint, profileVariables, }) {
+    return (0, build_1.remoteBuild)({
+        root: extensionRoot,
+        entryPoint: entrypoint,
+        outputDir: extensionDist,
+        appConfig: {
+            variables: profileVariables,
+        },
+    });
 }
 // Mirrors: https://git.hubteam.com/HubSpot/Artifactor/blob/f5cbea91d7a7dfb6278e878ae583e69022384fb5/ArtifactorFunctions/functions/node_18x/uie-remote-build/index.js#L53-L57
 function installDeps(options) {
@@ -103,11 +111,26 @@ function getOptions(modulePath) {
     const extensionRoot = node_path_1.default.dirname(entrypoint);
     const extensionDist = node_path_1.default.join(extensionRoot, 'dist');
     const spinner = (0, ora_1.default)();
+    // The Artifactor changes related to this are not yet available.
+    // When it is, this will mirror the process where if applicable, a profile-variables.json file is available in the build bundle.
+    const programOptions = program.opts();
+    let profileVariables = {};
+    if (programOptions.profileVariables) {
+        const profileVariablePath = programOptions.profileVariables;
+        const profileVariableFullPath = node_path_1.default.isAbsolute(profileVariablePath)
+            ? profileVariablePath
+            : node_path_1.default.resolve(process.cwd(), profileVariablePath);
+        if (node_fs_1.default.existsSync(profileVariableFullPath) &&
+            node_path_1.default.extname(profileVariableFullPath) === '.json') {
+            profileVariables = JSON.parse(node_fs_1.default.readFileSync(profileVariableFullPath, 'utf-8'));
+        }
+    }
     return {
         extensionRoot,
         extensionDist,
         entrypoint,
         spinner,
+        profileVariables,
     };
 }
 function execAsync(command, options) {

package/dist/lib/build.d.ts

@@ -1,4 +1,5 @@
 import { InlineConfig } from 'vite';
+import { ManifestConfig } from './types';
 interface BuildSingleExtensionArgs {
     file: string;
     outputDir?: string;
@@ -6,9 +7,17 @@ interface BuildSingleExtensionArgs {
     minify?: boolean;
     root?: string;
     logLevel?: InlineConfig['logLevel'];
+    appConfig?: ManifestConfig;
+}
+interface RemoteBuildArgs {
+    root: string;
+    entryPoint: string;
+    outputDir?: string;
+    logLevel?: BuildSingleExtensionArgs['logLevel'];
+    appConfig?: ManifestConfig;
 }
 export declare const extensionErrorBaseMessage: string;
 export declare function buildSingleExtension({ file, outputDir, emptyOutDir, minify, root, // This is the vite default, so using that as our default
-logLevel, }: BuildSingleExtensionArgs): Promise<void>;
-export declare function remoteBuild(root: string, entryPoint: string, outputDir?: string, logLevel?: BuildSingleExtensionArgs['logLevel']): Promise<void>;
+logLevel, appConfig, }: BuildSingleExtensionArgs): Promise<void>;
+export declare function remoteBuild(args: RemoteBuildArgs): Promise<void>;
 export {};

package/dist/lib/build.js

@@ -12,7 +12,9 @@ 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.extensionErrorBaseMessage = void 0;
+exports.extensionErrorBaseMessage = void 0;
+exports.buildSingleExtension = buildSingleExtension;
+exports.remoteBuild = remoteBuild;
 const vite_1 = require("vite");
 const constants_1 = require("./constants");
 const manifestPlugin_1 = __importDefault(require("./plugins/manifestPlugin"));
@@ -22,9 +24,9 @@ const codeBlockingPlugin_1 = __importDefault(require("./plugins/codeBlockingPlug
 const friendlyLoggingPlugin_1 = __importDefault(require("./plugins/friendlyLoggingPlugin"));
 const allowedExtensions = ['.js', '.ts', '.tsx', '.jsx'];
 exports.extensionErrorBaseMessage = `Supported file extensions are [${allowedExtensions.join(', ')}], received:`;
-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
-logLevel = 'info', }) {
-    return __awaiter(this, void 0, void 0, function* () {
+function buildSingleExtension(_a) {
+    return __awaiter(this, arguments, void 0, function* ({ file, outputDir = constants_1.OUTPUT_DIR, emptyOutDir = true, minify = false, root = process.cwd(), // This is the vite default, so using that as our default
+    logLevel = 'info', appConfig, }) {
         const output = (0, utils_1.getUrlSafeFileName)(file);
         yield (0, vite_1.build)({
             logLevel,
@@ -40,7 +42,12 @@ logLevel = 'info', }) {
                     fileName: () => output,
                 },
                 rollupOptions: Object.assign(Object.assign({}, constants_1.ROLLUP_OPTIONS), { plugins: [
-                        (0, manifestPlugin_1.default)({ output, extensionPath: root, logger: console }),
+                        (0, manifestPlugin_1.default)({
+                            output,
+                            extensionPath: root,
+                            logger: console,
+                            manifestConfig: appConfig,
+                        }),
                         (0, friendlyLoggingPlugin_1.default)({ logger: console }),
                         (0, codeBlockingPlugin_1.default)({ logger: console, extensionPath: root }),
                     ] }),
@@ -51,9 +58,17 @@ logLevel = 'info', }) {
         });
     });
 }
-exports.buildSingleExtension = buildSingleExtension;
-function remoteBuild(root, entryPoint, outputDir = constants_1.OUTPUT_DIR, logLevel) {
+function remoteBuild(args) {
     return __awaiter(this, void 0, void 0, function* () {
+        const { root, entryPoint, outputDir = constants_1.OUTPUT_DIR, logLevel, appConfig, } = args;
+        if (!root) {
+            console.error('remoteBuild Error: root is required');
+            return;
+        }
+        if (!entryPoint) {
+            console.error('remoteBuild Error: entryPoint is required');
+            return;
+        }
         const fileInfo = path_1.default.parse(entryPoint);
         if (!allowedExtensions.includes(fileInfo.ext)) {
             throw new Error(`${exports.extensionErrorBaseMessage} ${fileInfo.ext}`);
@@ -64,7 +79,7 @@ function remoteBuild(root, entryPoint, outputDir = constants_1.OUTPUT_DIR, logLe
             minify: true,
             root,
             logLevel,
+            appConfig,
         });
     });
 }
-exports.remoteBuild = remoteBuild;

package/dist/lib/config.js

@@ -5,7 +5,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadLocalConfig = exports.validateProxyConfigValue = exports.validateProxyConfigKey = exports.loadExtensionConfig = exports.validateCardConfig = exports.loadConfigByPath = void 0;
+exports.loadConfigByPath = loadConfigByPath;
+exports.validateCardConfig = validateCardConfig;
+exports.loadExtensionConfig = loadExtensionConfig;
+exports.validateProxyConfigKey = validateProxyConfigKey;
+exports.validateProxyConfigValue = validateProxyConfigValue;
+exports.loadLocalConfig = loadLocalConfig;
 const fs_1 = __importDefault(require("fs"));
 const path_1 = __importDefault(require("path"));
 const utils_1 = require("./utils");
@@ -13,7 +18,6 @@ function loadConfigByPath(configPath) {
     const source = fs_1.default.readFileSync(configPath).toString();
     return JSON.parse(source);
 }
-exports.loadConfigByPath = loadConfigByPath;
 function validateCardConfig(config) {
     if (!config || typeof config !== 'object') {
         return new Error('Card config must be an object');
@@ -50,7 +54,6 @@ function validateCardConfig(config) {
     }
     return true;
 }
-exports.validateCardConfig = validateCardConfig;
 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;
@@ -81,7 +84,6 @@ function loadExtensionConfig(appConfig, appPath) {
     });
     return outputConfig;
 }
-exports.loadExtensionConfig = loadExtensionConfig;
 function validateProxyConfigKey(urlKey, logger, localConfigPath) {
     try {
         const url = new URL(urlKey);
@@ -93,7 +95,6 @@ function validateProxyConfigKey(urlKey, logger, localConfigPath) {
         logger.warn(`The key "${urlKey}" in "${localConfigPath}" is an invalid url`);
     }
 }
-exports.validateProxyConfigKey = validateProxyConfigKey;
 function validateProxyConfigValue(value, key, logger, localConfigPath) {
     try {
         // eslint-disable-next-line no-new
@@ -103,7 +104,6 @@ function validateProxyConfigValue(value, key, logger, localConfigPath) {
         logger.warn(`The value "${value}" for key "${key}" in "${localConfigPath}" is an invalid url`);
     }
 }
-exports.validateProxyConfigValue = validateProxyConfigValue;
 function loadLocalConfig(appPath, logger) {
     const localConfigFilename = 'local.json';
     const localConfigPath = path_1.default.join(appPath, localConfigFilename);
@@ -125,4 +125,3 @@ function loadLocalConfig(appPath, logger) {
         return undefined;
     }
 }
-exports.loadLocalConfig = loadLocalConfig;

package/dist/lib/dev.js

@@ -12,7 +12,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.startDevMode = void 0;
+exports.startDevMode = startDevMode;
 const vite_1 = require("vite");
 const path_1 = __importDefault(require("path"));
 const server_1 = __importDefault(require("./server"));
@@ -73,4 +73,3 @@ function startDevMode(devServerState) {
         return shutdownServer;
     });
 }
-exports.startDevMode = startDevMode;

package/dist/lib/extensionsService.js

@@ -23,13 +23,9 @@ class ExtensionsService {
                     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:${devServerState.webSocketPort}`,
-                    version: constants_1.EXTENSIONS_MESSAGE_VERSION,
-                    capabilities,
-                    portalId: devServerState.portalId,
-                    extensions,
-                };
+                const response = Object.assign({ websocket: `ws://localhost:${devServerState.webSocketPort}`, version: constants_1.EXTENSIONS_MESSAGE_VERSION, capabilities, portalId: devServerState.portalId, extensions }, (devServerState.functionsConfig.platformVersion && {
+                    platformVersion: devServerState.functionsConfig.platformVersion,
+                }));
                 res.status(200).json(response);
             }
             catch (e) {

package/dist/lib/parsing-utils.js

@@ -1,6 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isFunctionInvoked = exports.isIdentifierDefined = exports.isVariableImported = exports.getValueFromNode = void 0;
+exports.getValueFromNode = getValueFromNode;
+exports.isVariableImported = isVariableImported;
+exports.isIdentifierDefined = isIdentifierDefined;
+exports.isFunctionInvoked = isFunctionInvoked;
 /**
  * Extracts the value from a given AST node based on its type.
  * This function handles various node types such as Literal, Identifier (aka variables), ArrayExpression,
@@ -265,7 +268,6 @@ function getValueFromNode(node, state) {
         };
     }
 }
-exports.getValueFromNode = getValueFromNode;
 function isVariableImported(node, variableName) {
     if (!node) {
         return false;
@@ -276,7 +278,6 @@ function isVariableImported(node, variableName) {
         (node.type === 'ImportNamespaceSpecifier' &&
             node.local.name === variableName));
 }
-exports.isVariableImported = isVariableImported;
 function isIdentifierDefined(node, parent, name) {
     if (parent &&
         (parent.type === 'MemberExpression' || parent.type === 'CallExpression')) {
@@ -284,11 +285,9 @@ function isIdentifierDefined(node, parent, name) {
     }
     return node.type === 'Identifier' && node.name === name;
 }
-exports.isIdentifierDefined = isIdentifierDefined;
 function isFunctionInvoked(node, functionName) {
     return (node.type === 'CallExpression' &&
         node.callee &&
         'name' in node.callee &&
         node.callee.name === functionName);
 }
-exports.isFunctionInvoked = isFunctionInvoked;

package/dist/lib/plugins/codeBlockingPlugin.js

@@ -6,7 +6,7 @@ const ast_1 = require("../ast");
 const codeBlockingPlugin = ({ logger, extensionPath }) => {
     return {
         name: 'ui-extensions-code-blocking-plugin',
-        enforce: 'post',
+        enforce: 'post', // run after default rollup plugins
         transform(code, filename) {
             if ((0, utils_1.isNodeModule)(filename)) {
                 return { code, map: null }; // We don't want to parse node modules

package/dist/lib/plugins/devBuildPlugin.js

@@ -17,13 +17,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 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) {
@@ -49,6 +59,14 @@ const codeBlockingPlugin_1 = __importDefault(require("./codeBlockingPlugin"));
 function addVersionToBaseMessage(baseMessage) {
     return Object.assign(Object.assign({}, baseMessage), { version: constants_1.WEBSOCKET_MESSAGE_VERSION });
 }
+function isValidVariablesRecord(obj) {
+    if (!obj || typeof obj !== 'object')
+        return false;
+    return Object.entries(obj).every(([key, value]) => typeof key === 'string' &&
+        (typeof value === 'string' ||
+            typeof value === 'number' ||
+            typeof value === 'boolean'));
+}
 const devBuildPlugin = (options) => {
     const { devServerState } = options;
     const { logger } = devServerState;
@@ -68,10 +86,18 @@ const devBuildPlugin = (options) => {
                 } }));
         }
     };
-    const devBuild = (server, extensionMetadata, emptyOutDir = false) => __awaiter(void 0, void 0, void 0, function* () {
+    const devBuild = (server_1, extensionMetadata_1, ...args_1) => __awaiter(void 0, [server_1, extensionMetadata_1, ...args_1], void 0, function* (server, extensionMetadata, emptyOutDir = false) {
         try {
             const { config: extensionConfig } = extensionMetadata;
             const { extensionPath } = extensionConfig;
+            let manifestConfig = {};
+            if (devServerState.appConfig &&
+                'variables' in devServerState.appConfig &&
+                isValidVariablesRecord(devServerState.appConfig.variables)) {
+                manifestConfig = {
+                    variables: devServerState.appConfig.variables,
+                };
+            }
             yield (0, vite_1.build)({
                 logLevel: 'warn',
                 mode: 'development',
@@ -98,6 +124,7 @@ const devBuildPlugin = (options) => {
                                 output: extensionConfig.output,
                                 extensionPath,
                                 logger,
+                                manifestConfig,
                             }),
                             (0, codeCheckingPlugin_1.default)({
                                 output: path_1.default.join(devServerState.outputDir, extensionConfig.output),
@@ -151,7 +178,7 @@ const devBuildPlugin = (options) => {
                 yield devBuild(localServer, devServerState.extensionsMetadata[i], i === 0);
             }
         }),
-        handleHotUpdate: ({ file, server }) => __awaiter(void 0, void 0, void 0, function* () {
+        handleHotUpdate: (_a) => __awaiter(void 0, [_a], void 0, function* ({ file, server }) {
             // If the file is not in the relevantModules list, it's update is inconsequential
             const extensionsToRebuild = devServerState.extensionsMetadata.filter((metadata) => {
                 const { config } = metadata;

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

@@ -1,10 +1,11 @@
 import { Rollup } from 'vite';
-import { Logger } from '../types';
+import { Logger, ManifestConfig } from '../types';
 export interface ManifestPluginOptions {
     output: string;
     minify?: boolean;
     extensionPath?: string;
     logger: Logger;
+    manifestConfig?: ManifestConfig;
 }
 export type ManifestPlugin = (options: ManifestPluginOptions) => Rollup.Plugin;
 declare const manifestPlugin: ManifestPlugin;

package/dist/lib/plugins/manifestPlugin.js

@@ -17,7 +17,7 @@ const manifestPlugin = (options) => {
     let allDataDependencies;
     return {
         name: 'ui-extensions-manifest-generation-plugin',
-        enforce: 'post',
+        enforce: 'post', // run after default rollup plugins
         buildStart() {
             // Reset the source metadata for the new build
             allDataDependencies = [];
@@ -47,7 +47,7 @@ const manifestPlugin = (options) => {
             const { output, minify = false, extensionPath = process.cwd(), logger, } = options;
             try {
                 const filename = path_2.default.parse(output).name;
-                const manifest = _generateManifestContents(bundle, extensionPath, allDataDependencies);
+                const manifest = _generateManifestContents(bundle, extensionPath, allDataDependencies, options === null || options === void 0 ? void 0 : options.manifestConfig);
                 this.emitFile({
                     type: 'asset',
                     source: minify
@@ -62,22 +62,31 @@ const manifestPlugin = (options) => {
         },
     };
 };
-function _generateManifestContents(bundle, extensionPath, allDataDependencies) {
+function _generateManifestContents(bundle, extensionPath, allDataDependencies, appConfig) {
     const baseManifest = {
         package: _loadPackageFile(extensionPath),
     };
     const dataDependencies = {
         dataDeps: allDataDependencies !== null && allDataDependencies !== void 0 ? allDataDependencies : [],
     };
+    const variables = {
+        variables: {},
+    };
+    if (appConfig &&
+        'variables' in appConfig &&
+        typeof appConfig.variables === 'object' &&
+        appConfig.variables !== null) {
+        variables.variables = appConfig.variables;
+    }
     // The keys to bundle are the filename without any path information
     const bundles = Object.keys(bundle).filter((cur) => cur.endsWith('.js'));
     if (bundles.length === 1) {
-        return Object.assign(Object.assign(Object.assign({}, _generateManifestEntry(bundle[bundles[0]], extensionPath)), dataDependencies), baseManifest);
+        return Object.assign(Object.assign(Object.assign(Object.assign({}, _generateManifestEntry(bundle[bundles[0]], extensionPath)), dataDependencies), baseManifest), variables);
     }
     const manifest = bundles.reduce((acc, current) => {
         return Object.assign(Object.assign({}, acc), { [current]: _generateManifestEntry(bundle[current], extensionPath) });
     }, {});
-    return Object.assign(Object.assign(Object.assign({}, manifest), dataDependencies), baseManifest);
+    return Object.assign(Object.assign(Object.assign(Object.assign({}, manifest), dataDependencies), baseManifest), variables);
 }
 function _generateManifestEntry(subBundle, extensionPath) {
     const { facadeModuleId, moduleIds, modules } = subBundle;

package/dist/lib/plugins/relevantModulesPlugin.js

@@ -1,12 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getRelevantModules = void 0;
+exports.getRelevantModules = getRelevantModules;
 const utils_1 = require("../utils");
 const relevantModules = {};
 function getRelevantModules(output) {
     return relevantModules[output] || [];
 }
-exports.getRelevantModules = getRelevantModules;
 const relevantModulesPlugin = ({ output, logger }) => {
     return {
         name: 'ui-extensions-relevant-modules-plugin',

package/dist/lib/server.js

@@ -31,9 +31,9 @@ function listen(app, port) {
         });
     });
 }
-function startDevServer({ devServerState, viteDevServer, }) {
-    var _a;
-    return __awaiter(this, void 0, void 0, function* () {
+function startDevServer(_a) {
+    return __awaiter(this, arguments, void 0, function* ({ devServerState, viteDevServer, }) {
+        var _b;
         const app = (0, express_1.default)();
         // Setup middleware
         app.use((0, cors_1.default)());
@@ -75,7 +75,7 @@ function startDevServer({ devServerState, viteDevServer, }) {
             }
             throw new Error(e);
         }
-        (_a = devServerState.extensionsMetadata) === null || _a === void 0 ? void 0 : _a.forEach((metadata) => {
+        (_b = devServerState.extensionsMetadata) === null || _b === void 0 ? void 0 : _b.forEach((metadata) => {
             const { baseMessage } = metadata;
             devServerState.logger.debug(`Listening at ${baseMessage.callback}`);
         });

package/dist/lib/types.d.ts

@@ -163,6 +163,9 @@ export interface UnifiedAppComponent {
             supportUrl: string;
             supportPhone: string;
         };
+        variables?: {
+            [key: string]: string | number | boolean;
+        };
     };
     componentType: UnifiedComponentTypes.APPLICATION;
     componentDeps: {};
@@ -176,6 +179,9 @@ export interface UnifiedAppComponent {
 export type UnifiedAppConfig = Omit<PublicAppConfig, 'auth'> & {
     auth: UnifiedAppAuth;
     isPublicApp: boolean;
+    variables?: {
+        [key: string]: string | number | boolean;
+    };
 };
 export type UnifiedComponent = UnifiedExtensionComponent | UnifiedAppComponent;
 export interface UnifiedProjectComponentMap {
@@ -274,5 +280,11 @@ export interface DevModeSetupArguments extends DevModeBaseSetupArguments {
 }
 export interface UnifiedDevModeSetupArguments extends DevModeBaseSetupArguments {
     components: UnifiedProjectComponentMap;
+    profileData?: ProfileVariables;
+}
+export type ProfileVariableValue = string | number | boolean;
+export type ProfileVariables = Record<string, ProfileVariableValue>;
+export interface ManifestConfig {
+    variables?: ProfileVariables;
 }
 export {};

package/dist/lib/utils.js

@@ -3,7 +3,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isImage = exports.generateHash = exports.extractAllowedUrls = exports.throwUnhandledPlatformVersionError = exports.UnhandledPlatformVersionError = exports.isExtensionFile = exports.isNodeModule = exports.buildSourceId = exports.loadManifest = exports.stripAnsiColorCodes = exports.getUrlSafeFileName = void 0;
+exports.UnhandledPlatformVersionError = void 0;
+exports.getUrlSafeFileName = getUrlSafeFileName;
+exports.stripAnsiColorCodes = stripAnsiColorCodes;
+exports.loadManifest = loadManifest;
+exports.buildSourceId = buildSourceId;
+exports.isNodeModule = isNodeModule;
+exports.isExtensionFile = isExtensionFile;
+exports.throwUnhandledPlatformVersionError = throwUnhandledPlatformVersionError;
+exports.extractAllowedUrls = extractAllowedUrls;
+exports.generateHash = generateHash;
+exports.isImage = isImage;
 const path_1 = __importDefault(require("path"));
 const fs_1 = __importDefault(require("fs"));
 const constants_1 = require("./constants");
@@ -11,7 +21,6 @@ function getUrlSafeFileName(filePath) {
     const { name } = path_1.default.parse(filePath);
     return encodeURIComponent(`${name}.js`);
 }
-exports.getUrlSafeFileName = getUrlSafeFileName;
 // Strips ANSI color codes out of strings because we don't want to pass them to the browser
 function stripAnsiColorCodes(stringWithColorCodes) {
     if (!stringWithColorCodes) {
@@ -21,7 +30,6 @@ function stripAnsiColorCodes(stringWithColorCodes) {
     // eslint-disable-next-line no-control-regex
     /[\u001b][[]*([0-9]{1,4};?)*[m]/g, '');
 }
-exports.stripAnsiColorCodes = stripAnsiColorCodes;
 function loadManifest(outputDir, output) {
     try {
         return JSON.parse(fs_1.default
@@ -32,14 +40,12 @@ function loadManifest(outputDir, output) {
         return {};
     }
 }
-exports.loadManifest = loadManifest;
 function buildSourceId(appConfig, extensionConfig) {
     if (appConfig.uid && extensionConfig.data.uid) {
         return `${appConfig.uid}::${extensionConfig.data.uid}`;
     }
     return null;
 }
-exports.buildSourceId = buildSourceId;
 function isNodeModule(filepath) {
     if (!filepath) {
         return false;
@@ -47,7 +53,6 @@ function isNodeModule(filepath) {
     const directory = path_1.default.parse(filepath).dir;
     return directory.includes('node_modules');
 }
-exports.isNodeModule = isNodeModule;
 /**
  * Check if a given file is within the extension path
  */
@@ -67,7 +72,6 @@ function isExtensionFile(filepath, extensionPath) {
         return false;
     }
 }
-exports.isExtensionFile = isExtensionFile;
 class UnhandledPlatformVersionError extends Error {
     constructor(platformVersion) {
         super(`Unsupported platform version "${platformVersion}"`);
@@ -77,14 +81,12 @@ exports.UnhandledPlatformVersionError = UnhandledPlatformVersionError;
 function throwUnhandledPlatformVersionError(platformVersion) {
     throw new UnhandledPlatformVersionError(platformVersion);
 }
-exports.throwUnhandledPlatformVersionError = throwUnhandledPlatformVersionError;
 function extractAllowedUrls(appConfig) {
     if (!appConfig || !('allowedUrls' in appConfig) || !appConfig.allowedUrls) {
         return [];
     }
     return appConfig.allowedUrls;
 }
-exports.extractAllowedUrls = extractAllowedUrls;
 function simpleHash(input) {
     let hash = 0;
     for (let i = 0; i < input.length; i++) {
@@ -120,11 +122,9 @@ function generateHash(...args) {
         return '';
     }
 }
-exports.generateHash = generateHash;
 /**
  * Check if a given URL is an image (of a type we support)
  */
 function isImage(url) {
     return /\.(png|jpg|jpeg|gif|svg|webp|avif|raw|url|inline)$/.test(url);
 }
-exports.isImage = isImage;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hubspot/ui-extensions-dev-server",
-  "version": "0.9.8",
+  "version": "0.10.1",
   "description": "",
   "bin": {
     "uie": "./dist/lib/bin/cli.js"
@@ -27,7 +27,7 @@
   ],
   "license": "MIT",
   "dependencies": {
-    "@hubspot/app-functions-dev-server": "0.9.2",
+    "@hubspot/app-functions-dev-server": "0.10.1",
     "body-parser": "1.20.3",
     "chalk": "5.4.1",
     "commander": "13.0.0",
@@ -49,7 +49,7 @@
     "axios": "1.6.8",
     "jest": "^29.5.0",
     "ts-jest": "^29.1.1",
-    "typescript": "^5.1.6",
+    "typescript": "^5.9.2",
     "ws": "^8.13.0"
   },
   "eslintConfig": {
@@ -70,5 +70,5 @@
       "optional": true
     }
   },
-  "gitHead": "68d176099343d6d202421ec241c131f1d07562a8"
+  "gitHead": "d3300e12daf61bc1931da0e79d62aede9675a750"
 }