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

package/dist/cli/config.js

@@ -27,7 +27,7 @@ function loadExtensionConfig(appConfig, appPath) {
                 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, data: Object.assign(Object.assign({}, cardConfig.data), { appName: appConfig.name, sourceId }) });
+                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) {

package/dist/lib/DevModeInterface.d.ts

@@ -21,7 +21,7 @@ declare class DevModeInterface {
     config?: ExtensionConfig;
     appName?: string;
     title?: string;
-    cardConfigs?: string[];
+    extensionConfigPath?: string;
     onUploadRequired?: VoidFunction;
     shutdown?: () => Promise<void>;
     _setDataFromExtensionConfig(extensionConfig: ExtensionConfig): void;

package/dist/lib/DevModeInterface.js

@@ -21,6 +21,7 @@ const logger_1 = require("@hubspot/cli-lib/logger");
 class DevModeInterface {
     _setDataFromExtensionConfig(extensionConfig) {
         this.config = extensionConfig;
+        this.extensionConfigPath = extensionConfig.extensionConfigPath;
         this.appName = extensionConfig.data.appName;
         this.title = extensionConfig.data.title;
     }
@@ -33,7 +34,6 @@ class DevModeInterface {
             if (!((_b = (_a = component.config.extensions) === null || _a === void 0 ? void 0 : _a.crm) === null || _b === void 0 ? void 0 : _b.cards)) {
                 return appExtensionMappings; // It's not an app
             }
-            this.cardConfigs = component.config.extensions.crm.cards.map(card => path_1.default.join(component.path, card.file));
             // Load all of the extension configs for a particular app.json file
             const extensionsConfigForApp = (0, config_1.loadExtensionConfig)(component.config, component.path);
             const extensionConfigKeys = Object.keys(extensionsConfigForApp);
@@ -78,8 +78,8 @@ class DevModeInterface {
     // eslint-disable-next-line require-await
     fileChange(filePath, __event) {
         return __awaiter(this, void 0, void 0, function* () {
-            if (this.cardConfigs &&
-                this.cardConfigs.includes(filePath) &&
+            if (this.extensionConfigPath &&
+                this.extensionConfigPath === filePath &&
                 this.onUploadRequired) {
                 this.onUploadRequired();
             }
@@ -105,7 +105,6 @@ class DevModeInterface {
                 outputDir: path_1.default.join(this.config.extensionPath, constants_1.OUTPUT_DIR),
                 functionsConfig,
                 root: appPath,
-                cardConfigs: this.cardConfigs || [],
             });
             logger_1.logger.info(`Running extension '${this.title}' from app '${this.appName}'`);
         });

package/dist/lib/dev.d.ts

@@ -7,7 +7,6 @@ interface StartDevModeArgs {
     expressPort?: number;
     root?: string;
     functionsConfig: Partial<ServiceConfiguration>;
-    cardConfigs: string[];
 }
-export declare function startDevMode({ extensionConfig, functionsConfig, outputDir, expressPort, webSocketPort, root, cardConfigs, }: StartDevModeArgs): Promise<() => Promise<void>>;
+export declare function startDevMode({ extensionConfig, functionsConfig, outputDir, expressPort, webSocketPort, root, }: StartDevModeArgs): Promise<() => Promise<void>>;
 export {};

package/dist/lib/dev.js

@@ -17,13 +17,12 @@ 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 utils_1 = require("./utils");
 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, cardConfigs, }) {
+function _createViteDevServer({ outputDir, extensionConfig, webSocketPort, baseMessage, root, }) {
     return __awaiter(this, void 0, void 0, function* () {
         return yield (0, vite_1.createServer)({
             root,
@@ -45,18 +44,11 @@ function _createViteDevServer({ outputDir, extensionConfig, webSocketPort, baseM
                     ],
                 },
             },
-            build: {
-                rollupOptions: {
-                    input: extensionConfig.data.module.file,
-                    output: { file: (0, utils_1.getUrlSafeFileName)(extensionConfig.data.module.file) },
-                },
-            },
             plugins: [
                 (0, devBuildPlugin_1.default)({
                     extensionConfig,
                     outputDir,
                     baseMessage,
-                    cardConfigs,
                 }),
             ],
             clearScreen: false,
@@ -72,7 +64,7 @@ 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(), cardConfigs, }) {
+function startDevMode({ extensionConfig, functionsConfig, outputDir = constants_1.OUTPUT_DIR, expressPort = constants_1.VITE_DEFAULT_PORT, webSocketPort = constants_1.WEBSOCKET_PORT, root = process.cwd(), }) {
     return __awaiter(this, void 0, void 0, function* () {
         if (!extensionConfig) {
             throw new Error('Unable to determine which extension to run');
@@ -96,7 +88,6 @@ function startDevMode({ extensionConfig, functionsConfig, outputDir = constants_
             webSocketPort: actualWebSocketPort,
             baseMessage,
             root,
-            cardConfigs,
         });
         const shutdownServer = yield (0, server_1.default)({
             outputDir,

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

@@ -4,7 +4,6 @@ export interface DevBuildPluginOptions {
     extensionConfig: ExtensionConfig;
     outputDir: string;
     baseMessage: BaseMessage;
-    cardConfigs: string[];
 }
 export type DevBuildPlugin = (options: DevBuildPluginOptions) => Vite.Plugin;
 declare const devBuildPlugin: DevBuildPlugin;

package/dist/lib/plugins/devBuildPlugin.js

@@ -1,4 +1,27 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : 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 __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) {
@@ -21,9 +44,10 @@ const path_1 = __importDefault(require("path"));
 // @ts-expect-error no type defs
 const logger_1 = require("@hubspot/cli-lib/logger");
 const friendlyLoggingPlugin_1 = __importDefault(require("./friendlyLoggingPlugin"));
+const relevantModulesPlugin_1 = __importStar(require("./relevantModulesPlugin"));
 const devBuildPlugin = options => {
     let lastBuildError;
-    const { extensionConfig, outputDir, baseMessage, cardConfigs } = options;
+    const { extensionConfig, outputDir, baseMessage } = options;
     const versionedBaseMessage = Object.assign(Object.assign({}, baseMessage), { version: constants_1.WEBSOCKET_MESSAGE_VERSION });
     const handleBuildError = (error, server) => {
         const { plugin, errors, frame, loc, id } = error;
@@ -72,6 +96,7 @@ const devBuildPlugin = options => {
                                 output: path_1.default.join(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,
@@ -108,7 +133,8 @@ const devBuildPlugin = options => {
             yield devBuild(localServer);
         }),
         handleHotUpdate: ({ file, server }) => __awaiter(void 0, void 0, void 0, function* () {
-            if (cardConfigs.includes(file)) {
+            // 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);

package/dist/lib/plugins/manifestPlugin.js

@@ -9,6 +9,7 @@ const constants_1 = require("../constants");
 const path_2 = __importDefault(require("path"));
 // @ts-expect-error no type defs for the logger
 const logger_1 = require("@hubspot/cli-lib/logger");
+const utils_1 = require("../utils");
 const PACKAGE_LOCK_FILE = 'package-lock.json';
 const PACKAGE_FILE = 'package.json';
 const EXTENSIONS_PATH = 'src/app/extensions/';
@@ -78,13 +79,12 @@ function _buildModulesInfo(moduleIds, modules) {
         external: [],
     };
     return moduleIds.reduce((acc, mod) => {
-        var _a;
         const { renderedExports } = modules[mod];
         const moduleData = {
             module: _stripPathPriorToExtDir(mod),
             renderedExports,
         };
-        if ((_a = moduleData.module) === null || _a === void 0 ? void 0 : _a.includes('node_modules')) {
+        if ((0, utils_1.isNodeModule)(moduleData.module)) {
             acc.external.push(moduleData);
         }
         else {

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

@@ -0,0 +1,11 @@
+import Vite from 'vite';
+export interface RelevantModules {
+    [key: string]: string[];
+}
+export declare function getRelevantModules(output: string): string[];
+export interface RelevantModulesPluginOptions {
+    output: string;
+}
+export type RelevantModulesPlugin = (options: RelevantModulesPluginOptions) => Vite.Plugin;
+declare const relevantModulesPlugin: RelevantModulesPlugin;
+export default relevantModulesPlugin;

package/dist/lib/plugins/relevantModulesPlugin.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getRelevantModules = void 0;
+const utils_1 = require("../utils");
+// @ts-expect-error no type defs for the logger
+const logger_1 = require("@hubspot/cli-lib/logger");
+const relevantModules = {};
+function getRelevantModules(output) {
+    return relevantModules[output] || [];
+}
+exports.getRelevantModules = getRelevantModules;
+const relevantModulesPlugin = ({ output }) => {
+    return {
+        name: 'ui-extensions-relevant-modules-plugin',
+        generateBundle(_options, bundle) {
+            const subBundle = bundle[output];
+            if (!subBundle || !subBundle.moduleIds) {
+                // If this happens, something has gone horribly wrong
+                logger_1.logger.error('Invalid bundle format, please try saving the extension again.  If the problem persists try restarting `hs project dev`');
+                return;
+            }
+            const updatedRelevantModules = subBundle.moduleIds.filter(moduleId => !(0, utils_1.isNodeModule)(moduleId));
+            if (updatedRelevantModules.length === 0) {
+                logger_1.logger.error('Unable to determine relevant files to watch, please try saving the extension again. If the problem persists try restarting `hs project dev`');
+                return;
+            }
+            relevantModules[output] = updatedRelevantModules;
+        },
+    };
+};
+exports.default = relevantModulesPlugin;

package/dist/lib/types.d.ts

@@ -6,6 +6,7 @@ export interface ExtensionConfig {
     output: string;
     path: string;
     extensionPath: string;
+    extensionConfigPath: string;
     data: {
         appName: string;
         title: string;

package/dist/lib/utils.d.ts

@@ -3,3 +3,4 @@ export declare function getUrlSafeFileName(filePath: string): string;
 export declare function stripAnsiColorCodes(stringWithColorCodes: string | undefined | null): string | null;
 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;

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.buildSourceId = exports.loadManifest = exports.stripAnsiColorCodes = exports.getUrlSafeFileName = void 0;
+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");
@@ -40,3 +40,11 @@ function buildSourceId(appConfig, extensionConfig) {
     return null;
 }
 exports.buildSourceId = buildSourceId;
+function isNodeModule(filepath) {
+    if (!filepath) {
+        return false;
+    }
+    const directory = path_1.default.parse(filepath).dir;
+    return directory.includes('node_modules');
+}
+exports.isNodeModule = isNodeModule;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hubspot/ui-extensions-dev-server",
-  "version": "0.8.1",
+  "version": "0.8.2",
   "description": "",
   "scripts": {
     "test": "jest",
@@ -24,7 +24,7 @@
   ],
   "license": "MIT",
   "dependencies": {
-    "@hubspot/app-functions-dev-server": "^0.8.0",
+    "@hubspot/app-functions-dev-server": "^0.8.2",
     "@hubspot/cli-lib": "^4.1.6",
     "command-line-args": "^5.2.1",
     "command-line-usage": "^7.0.1",
@@ -66,5 +66,5 @@
       "optional": true
     }
   },
-  "gitHead": "5fd5fe43bc0b09750653dd7121d56bf0d60788bb"
+  "gitHead": "19c43b6956e7a2397e0b4435b3829bd3e3b5e5bc"
 }