From 7adca9695a11d16734521698777cd038a96b1c58 Mon Sep 17 00:00:00 2001
From: Boyu Guo <iambus@gmail.com>
Date: Sat, 8 Mar 2025 10:41:12 +0800
Subject: [PATCH 1/2] fix "TypeError: process.stdin.setRawMode is not a
 function" when TTY is not available

---
 src/studio.ts | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/studio.ts b/src/studio.ts
index 826a6fb..eff1e1a 100644
--- a/src/studio.ts
+++ b/src/studio.ts
@@ -157,20 +157,22 @@ export function serve(
   const server = app.listen(port);
   printServingMessage(port);
 
-  console.log("Press q | shutdown the server");
+  if (process.stdin.isTTY) {
+    console.log("Press q | shutdown the server");
 
-  process.stdin.setRawMode(true);
-  process.stdin.resume();
+    process.stdin.setRawMode(true);
+    process.stdin.resume();
 
-  process.stdin.on("data", (buffer) => {
-    const c = new TextDecoder().decode(buffer);
+    process.stdin.on("data", (buffer) => {
+      const c = new TextDecoder().decode(buffer);
 
-    if (c.toUpperCase() === "Q" || buffer[0] === 3) {
-      console.log("Shutting down the server");
-      server.closeAllConnections();
-      process.exit();
-    }
-  });
+      if (c.toUpperCase() === "Q" || buffer[0] === 3) {
+        console.log("Shutting down the server");
+        server.closeAllConnections();
+        process.exit();
+      }
+    });
+  }
 
   process.on("SIGINT", function () {
     console.log("Caught interrupt signal");

From df7df8dcfeb201df596721341082834a10838bfa Mon Sep 17 00:00:00 2001
From: Boyu Guo <iambus@gmail.com>
Date: Sat, 8 Mar 2025 10:46:31 +0800
Subject: [PATCH 2/2] add --base-path option for reverse proxy support

---
 src/index.ts  |  3 +++
 src/studio.ts | 19 ++++++++++++-------
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/src/index.ts b/src/index.ts
index 8b2d974..d9a454c 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -15,6 +15,7 @@ program
   .name("@outerbase/studio")
   .version("0.1.0")
   .option("--port <port>", "Set port to serve", "4000")
+  .option("--base-path <base-path>", "Set the base path for the web application", "/")
   .option("--user <username>", "Set basic authentication username")
   .option("--pass <password>", "Set basic authentication password")
   .option("--config <config-file>", "Launch studio using configuration file")
@@ -27,6 +28,7 @@ program
         pass?: string;
         user?: string;
         port?: number;
+        basePath?: string;
         config?: string;
         log?: boolean;
       }
@@ -34,6 +36,7 @@ program
       let options: ServeOptions = {
         driver: null,
         port: flags?.port ?? 4000,
+        basePath: flags?.basePath ?? "/",
         studio: STUDIO_PATH,
         username: flags?.user,
         password: flags?.pass,
diff --git a/src/studio.ts b/src/studio.ts
index eff1e1a..7f2d579 100644
--- a/src/studio.ts
+++ b/src/studio.ts
@@ -28,7 +28,7 @@ const htmlCode = `<!doctype>
   <script>
     function handler(e) {
       if (e.data.type !== "query" && e.data.type !== "transaction") return;
-      fetch("/query", {
+      fetch("$basePathPrefix/query", {
         method: "post",
         headers: {
           "Content-Type": "application/json"
@@ -52,6 +52,7 @@ const htmlCode = `<!doctype>
 export interface ServeOptions {
   driver?: BaseDriver;
   port: number;
+  basePath?: string;
   username?: string;
   password?: string;
   log?: boolean;
@@ -69,11 +70,14 @@ export function serve(
     driver,
     studio,
     port,
+    basePath,
     username,
     password,
     log,
   } = options
 
+  const basePathPrefix = (basePath ?? "").replace(/^\/*/, '/').replace(/\/+$/, '');
+
   if (!driver) {
     console.log("We couldn't find the right driver for this database");
     return;
@@ -102,15 +106,16 @@ export function serve(
     );
   }
 
-  app.get("/", (_, res) => {
+  app.get(`${basePathPrefix}/`, (_, res) => {
     return res.send(
       htmlCode
         .replace("$studio", studioFullUrl ?? "https://libsqlstudio.com/embed/sqlite")
         .replace("$title", driver.connectionName())
+        .replace("$basePathPrefix", basePathPrefix)
     );
   });
 
-  app.post("/query", async (req, res) => {
+  app.post(`${basePathPrefix}/query`, async (req, res) => {
     const body:
       | { id: number; type: "query"; statement: string }
       | {
@@ -155,7 +160,7 @@ export function serve(
   });
 
   const server = app.listen(port);
-  printServingMessage(port);
+  printServingMessage(port, basePathPrefix);
 
   if (process.stdin.isTTY) {
     console.log("Press q | shutdown the server");
@@ -200,11 +205,11 @@ function getIPAddress() {
   return "0.0.0.0";
 }
 
-function printServingMessage(port: number) {
+function printServingMessage(port: number, basePathPrefix: string) {
   const text = [
     "Serving!",
-    `- Local:    http://localhost:${port}`,
-    `- Network:  http://${getIPAddress()}:${port}`,
+    `- Local:    http://localhost:${port}${basePathPrefix}`,
+    `- Network:  http://${getIPAddress()}:${port}${basePathPrefix}`,
   ];
 
   const paddingY = 1;