Add support to set a base URL to allow proxying

package.json

@@ -151,6 +151,11 @@
           "default": "",
           "markdownDescription": "Absolute path to php.ini file. `string`"
         },
+        "fiveServer.baseURL": {
+          "type": "string",
+          "default": "/",
+          "markdownDescription": "Manually set the baseURL of the server. (Useful if the server is behind a reverse proxy) `string`\n\r*If set to 'AUTO' server root will automatically be set to \"/\" if running on desktop and \"/proxy/{PORT}/\" if on web*"
+        },
         "fiveServer.host": {
           "type": "string",
           "default": "0.0.0.0",

src/extension.ts

@@ -20,6 +20,7 @@
 let activeFileName = "";
 let root: string = "";
 let _root: string | null = null;
+let baseURL: string = "NULL";
 let workspace: string | undefined;
 let rootAbsolute: string;
 let config: LiveServerParams = {};
@@ -111,6 +112,21 @@
   return false;
 };
 
+function autoSetBaseURL() {
+  // Auto set baseURL based on appHost
+  if (config.baseURL !== "AUTO") {
+    if (config.baseURL) baseURL = config.baseURL;
+    return;
+  }
+
+  if (vscode.env.appHost !== "desktop") {
+    baseURL = "/proxy/" + config.port ?? "5500" + "/";
+    return;
+  }
+
+  baseURL = "/";
+}
+
 export function activate(context: vscode.ExtensionContext) {
   context.workspaceState.update(state, "off");
 
@@ -268,6 +284,8 @@
       // get configFile for "root, injectBody and highlight"
       config = { ...config, ...(await getConfigFile(true, workspace)) };
 
+      autoSetBaseURL();
+
       if (_root) root = _root;
       else if (config && config.root) root = config.root;
       else root = "";
@@ -303,6 +321,7 @@
           injectBody: shouldInjectBody(),
           open: config.open !== undefined ? config.open : file,
           root,
+          baseURL,
           workspace,
           _cli: true,
         });
@@ -322,6 +341,7 @@
           injectBody: shouldInjectBody(),
           open: config.open !== undefined ? config.open : file,
           root,
+          baseURL,
           workspace,
           _cli: true,
         });
@@ -348,11 +368,14 @@
       const file = basename(fileName);
       const root = fileName.replace(file, "");
 
+      autoSetBaseURL();
+
       // start a simple server
       await fiveServer.start({
         ...config,
         injectBody: shouldInjectBody(),
         root,
+        baseURL,
         open: file,
       });
     }

src/helpers.ts

@@ -33,6 +33,7 @@ export const assignVSCodeConfiguration = () => {
   const navigate = <boolean>getConfig("navigate");
   const php = <string>getConfig("php.executable");
   const phpIni = <string>getConfig("php.ini");
+  const baseURL = <string>getConfig("baseURL");
   const host = <string>getConfig("host");
   const port = <number>getConfig("port");
   const injectBody = <boolean>getConfig("injectBody");
@@ -44,6 +45,7 @@ export const assignVSCodeConfiguration = () => {
     navigate,
     php,
     phpIni,
+    baseURL,
     host,
     port,
     injectBody,

src/test/runTest.ts

@@ -38,7 +38,7 @@ async function main() {
       {
         encoding: "utf-8",
         stdio: "inherit",
-      }
+      },
     );
 
     // Run the extension test