@hubspot/ui-extensions-dev-server 0.0.1-beta.1 → 0.0.1-beta.2

package/constants.js

@@ -16,10 +16,15 @@ const ROLLUP_OPTIONS = {
   },
 };
 
+const EXTENSIONS_MESSAGE_VERSION = 0;
+const WEBSOCKET_MESSAGE_VERSION = 0;
+
 module.exports = {
   VITE_DEFAULT_PORT,
   ROLLUP_OPTIONS,
   MAIN_APP_CONFIG,
   PROJECT_CONFIG,
   OUTPUT_DIR,
+  EXTENSIONS_MESSAGE_VERSION,
+  WEBSOCKET_MESSAGE_VERSION,
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hubspot/ui-extensions-dev-server",
-  "version": "0.0.1-beta.1",
+  "version": "0.0.1-beta.2",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -58,5 +58,5 @@
       "optional": true
     }
   },
-  "gitHead": "3b1fd0b35b8aa6c88847d27cc3c6b94e635f0452"
+  "gitHead": "3bad0a556e00ca7c628916da199bb6f6b787ad6f"
 }

package/server.js

@@ -5,6 +5,10 @@ const http = require('http');
 const logger = require('./logger');
 const path = require('path');
 const cors = require('cors');
+const {
+  EXTENSIONS_MESSAGE_VERSION,
+  WEBSOCKET_MESSAGE_VERSION,
+} = require('./constants');
 
 function startDevServer(outputDir, port, extensionConfig) {
   const callback = `http://hslocal.net:${port}/${extensionConfig?.output}`;
@@ -41,6 +45,7 @@ function _setupWebSocketServer(server, extensionConfig, callback) {
     appName: extensionConfig?.appName,
     title: extensionConfig?.name,
     callback,
+    version: WEBSOCKET_MESSAGE_VERSION,
   };
 
   wss.on('connection', client => {
@@ -99,12 +104,13 @@ function _addExtensionsEndpoint(server, port) {
       } = manifest;
 
       const response = {
+        websocket: `ws://localhost:${port}`,
+        version: EXTENSIONS_MESSAGE_VERSION,
         extensions: [
           {
             appName,
             title: name,
             callback: `http://hslocal.net:${port}/${output}`,
-            websocket: `ws://localhost:${port}`,
             manifest: {
               ...manifest,
               extension: undefined,

package/tests/testDevServer.js

@@ -4,6 +4,10 @@ const path = require('path');
 const assert = require('assert');
 const http = require('http');
 const WebSocket = require('ws');
+const {
+  WEBSOCKET_MESSAGE_VERSION,
+  EXTENSIONS_MESSAGE_VERSION,
+} = require('../constants');
 
 const testResults = {
   buildTestPassed: false,
@@ -156,6 +160,8 @@ function testExpressServer(results, logger) {
           extension.callback,
           `http://${host}:${port}/PhoneLines.js`
         );
+        assert.equal(body.websocket, `ws://localhost:${port}`);
+        assert.strictEquals(body.version, EXTENSIONS_MESSAGE_VERSION);
         logger.info('- Express serving extension data 🚀');
         results.extensionsEndpointPassed = true;
       });
@@ -172,6 +178,7 @@ function testWebSocketServer(results, logger) {
     assert(message.event === 'start');
     assert.strictEqual(message.appName, 'Example App React UI');
     assert.strictEqual(message.title, 'Phone Lines');
+    assert.strictEqual(message.version, WEBSOCKET_MESSAGE_VERSION);
     logger.info('- WebSocket server connected and sending messages 🚀');
     results.webSocketTestPassed = true;
     ws.close(); // The test passed, close the connection