feat: add react dev tools (#143)

3 files changed, 52 insertions, 2 deletions

diff --git a/package-lock.json b/package-lock.json
index 350087e5..4fb42af5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -20,6 +20,7 @@
         "globals": "^16.0.0",
         "lodash": "^4.17.21",
         "prettier": "^3.5.3",
+        "react-devtools-core": "^4.28.5",
         "typescript-eslint": "^8.30.1"
       }
     },
@@ -5086,6 +5087,39 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/react-devtools-core": {
+      "version": "4.28.5",
+      "resolved": "https://registry.npmjs.org/react-devtools-core/-/react-devtools-core-4.28.5.tgz",
+      "integrity": "sha512-cq/o30z9W2Wb4rzBefjv5fBalHU0rJGZCHAkf/RHSBWSSYwh8PlQTqqOJmgIIbBtpj27T6FIPXeomIjZtCNVqA==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "shell-quote": "^1.6.1",
+        "ws": "^7"
+      }
+    },
+    "node_modules/react-devtools-core/node_modules/ws": {
+      "version": "7.5.10",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.10.tgz",
+      "integrity": "sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.3.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": "^5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/react-is": {
       "version": "16.13.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
@@ -5493,6 +5527,19 @@
         "node": ">=8"
       }
     },
+    "node_modules/shell-quote": {
+      "version": "1.8.2",
+      "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.2.tgz",
+      "integrity": "sha512-AzqKpGKjrj7EM6rKVQEPpB288oCfnrEIuyoT9cyF4nmGa7V8Zk6f7RRqYisX8X9m+Q7bd632aZW4ky7EhbQztA==",
+      "devOptional": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/side-channel": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
diff --git a/package.json b/package.json
index 2ffff251..a769e010 100644
--- a/package.json
+++ b/package.json
@@ -30,6 +30,7 @@
     "globals": "^16.0.0",
     "lodash": "^4.17.21",
     "prettier": "^3.5.3",
+    "react-devtools-core": "^4.28.5",
     "typescript-eslint": "^8.30.1"
   }
 }
diff --git a/scripts/start.sh b/scripts/start.sh
index 66025b86..c2adbcb0 100755
--- a/scripts/start.sh
+++ b/scripts/start.sh
@@ -23,9 +23,11 @@ if scripts/sandbox_command.sh -q; then
     scripts/start_sandbox.sh "$@"
 else
     echo "WARNING: OUTSIDE SANDBOX. See README.md to enable sandboxing."
+    # DEV=true to enable React Dev Tools (https://github.com/vadimdemedes/ink?tab=readme-ov-file#using-react-devtools)
+    # CLI_VERSION to display in the app ui footer
     if [ -n "${DEBUG:-}" ]; then
-        CLI_VERSION='development' node --inspect-brk node_modules/@gemini-code/cli "$@"
+        CLI_VERSION='development' DEV=true node --inspect-brk node_modules/.bin/gemini-code "$@"
     else
-        CLI_VERSION='development' node node_modules/@gemini-code/cli "$@"
+        CLI_VERSION='development' DEV=true node node_modules/.bin/gemini-code "$@"
     fi
 fi
\ No newline at end of file