feat: add addRemoteFunctionConstantsScript api

Author: abose

src/LiveDevelopment/BrowserScripts/RemoteFunctions.js

@@ -103,6 +103,9 @@ function RemoteFunctions(config = {}) {
      */
     var _editHandler;
 
+    // the below code comment is replaced by added scripts for extensibility
+    // REPLACE_WITH_ADDED_REMOTE_CONSTANT_SCRIPTS
+
     /**
      * this function is responsible to auto scroll the live preview when
      * dragging an element to the viewport edges

src/LiveDevelopment/MultiBrowserImpl/protocol/LiveDevProtocol.js

@@ -336,18 +336,40 @@ define(function (require, exports, module) {
     }
 
     let remoteFunctionsScripts = new Map();
+    let remoteFunctionsConstantsScripts = new Map();
     let effectiveRemoteFunctionsScripts = RemoteFunctions;
+
+    function _computeRemoteScript() {
+        const remoteScriptText = Array.from(remoteFunctionsScripts.values()).join("\n");
+        const remoteConstantScriptText = Array.from(remoteFunctionsConstantsScripts.values()).join("\n");
+        effectiveRemoteFunctionsScripts = RemoteFunctions
+            .replace("// REPLACE_WITH_ADDED_REMOTE_CONSTANT_SCRIPTS", remoteConstantScriptText)
+            .replace("// REPLACE_WITH_ADDED_REMOTE_SCRIPTS", remoteScriptText);
+    }
+
     function addRemoteFunctionScript(scriptName, scriptText) {
-        if(remoteFunctionsScripts.has(scriptName)){
+        if(remoteFunctionsConstantsScripts.has(scriptName) || remoteFunctionsScripts.has(scriptName)){
             console.error(`Remote function script ${scriptName} already exists. Script wont be added.`);
             return false;
         }
         remoteFunctionsScripts.set(scriptName, scriptText);
         if(!RemoteFunctions.includes("// REPLACE_WITH_ADDED_REMOTE_SCRIPTS")){
             throw new Error("RemoteFunctions script is missing the placeholder // REPLACE_WITH_ADDED_REMOTE_SCRIPTS");
         }
-        effectiveRemoteFunctionsScripts = RemoteFunctions.replace("// REPLACE_WITH_ADDED_REMOTE_SCRIPTS",
-            Array.from(remoteFunctionsScripts.values()).join("\n"));
+        _computeRemoteScript();
+        return true;
+    }
+
+    function addRemoteFunctionConstantsScript(scriptName, scriptText) {
+        if(remoteFunctionsConstantsScripts.has(scriptName) || remoteFunctionsScripts.has(scriptName)){
+            console.error(`Remote function script ${scriptName} already exists. Script wont be added.`);
+            return false;
+        }
+        remoteFunctionsConstantsScripts.set(scriptName, scriptText);
+        if(!RemoteFunctions.includes("// REPLACE_WITH_ADDED_REMOTE_CONSTANT_SCRIPTS")){
+            throw new Error("RemoteFunctions script missing placeholder // REPLACE_WITH_ADDED_REMOTE_CONSTANT_SCRIPTS");
+        }
+        _computeRemoteScript();
         return true;
     }
 
@@ -502,6 +524,7 @@ define(function (require, exports, module) {
     exports.getConnectionIds = getConnectionIds;
     exports.closeAllConnections = closeAllConnections;
     exports.addRemoteFunctionScript = addRemoteFunctionScript;
+    exports.addRemoteFunctionConstantsScript = addRemoteFunctionConstantsScript;
     exports.setLivePreviewMessageHandler = setLivePreviewMessageHandler;
     exports.LIVE_DEV_REMOTE_SCRIPTS_FILE_NAME = LIVE_DEV_REMOTE_SCRIPTS_FILE_NAME;
     exports.LIVE_DEV_REMOTE_WORKER_SCRIPTS_FILE_NAME = LIVE_DEV_REMOTE_WORKER_SCRIPTS_FILE_NAME;