remove hardcoded language server ports

.storybook/middleware.js

@@ -1,6 +1,7 @@
 const { createProxyMiddleware } = require("http-proxy-middleware");
 
 module.exports = function (router) {
+  // local dev
   router.use(
     createProxyMiddleware(
       [
@@ -22,4 +23,40 @@ module.exports = function (router) {
       }
     )
   );
+
+  // to test language server locally
+  router.use(
+    "/lsp/**",
+    createProxyMiddleware({
+      target: "http://localhost:3333",
+      ws: true,
+      logLevel: "error",
+      secure: false,
+      changeOrigin: true,
+    })
+  );
+
+  // using movai-flow dev
+  // router.use(
+  //   createProxyMiddleware(
+  //     [
+  //       "/token-auth/**",
+  //       "/api/**",
+  //       "/token-verify/**",
+  //       "/token-refresh/**",
+  //       "/domains/**",
+  //       "/ws/**",
+  //       "/static/maps/**",
+  //       "/static/meshes/**",
+  //       "/static/point_clouds/**",
+  //       "/lsp/**",
+  //     ],
+  //     {
+  //       target: "http://localhost:8080",
+  //       ws: true,
+  //       logLevel: "error",
+  //       secure: false,
+  //     }
+  //   )
+  // );
 };

CHANGELOG.md

@@ -0,0 +1,3 @@
+# 1.0.8
+
+- [FP-2050 : Change Language Server base URL](https://movai.atlassian.net/browse/FP-2050)

src/components/MonacoCodeEditor/hooks/useMonacoEditorCore.js

@@ -11,7 +11,6 @@ import * as monaco from "monaco-editor";
 import normalizeUrl from "normalize-url";
 import { useCallback, useEffect } from "react";
 import ReconnectingWebSocket from "reconnecting-websocket";
-import { PORT, SERVER_PATH } from "../../../constants/Constants";
 
 //========================================================================================
 /*                                                                                      *
@@ -39,9 +38,7 @@ self.MonacoEnvironment = {
 
 const createUrl = () => {
   const protocol = location.protocol === "https:" ? "wss" : "ws";
-  return normalizeUrl(
-    `${protocol}://${location.hostname}:${PORT}/${SERVER_PATH}`
-  );
+  return normalizeUrl(`${protocol}://${location.host}/lsp/languageServer`);
 };
 
 const createWebSocket = (url) => {
@@ -83,7 +80,7 @@ async function getBuiltins() {
  * @returns {undefined}
  */
 function sendBuiltins2LanguageServer(builtins) {
-  const lsBuiltinsAddress = `${location.protocol}//${location.hostname}:${PORT}/builtins`;
+  const lsBuiltinsAddress = `${location.protocol}//${location.host}/lsp/builtins`;
   const builtinsJson = Object.values(builtins).map(({ label }) => ({
     label: label,
   }));