chore(repo): allow PORT and UI_PORT overrides for sandbox dev servers (#8673)

Author: iagodahlem

.changeset/sandbox-port-env-vars.md

@@ -0,0 +1,2 @@
+---
+---

packages/clerk-js/rspack.config.js

@@ -434,7 +434,7 @@ const devConfig = ({ mode, env }) => {
             template: './sandbox/template.html',
             inject: false,
             templateParameters: {
-              uiScriptUrl: 'http://localhost:4011/npm/ui.browser.js',
+              uiScriptUrl: `http://localhost:${process.env.UI_PORT || 4011}/npm/ui.browser.js`,
             },
           }),
       ].filter(Boolean),

packages/ui/package.json

@@ -82,7 +82,7 @@
     "dev": "rspack serve --config rspack.config.js",
     "dev:origin": "rspack serve --config rspack.config.js --env devOrigin=http://localhost:${PORT:-4011}",
     "dev:sandbox": "pnpm -w dev:sandbox",
-    "dev:sandbox:serve": "rspack serve --config rspack.config.js --env devOrigin=http://localhost:4011",
+    "dev:sandbox:serve": "rspack serve --config rspack.config.js --env devOrigin=http://localhost:${UI_PORT:-4011}",
     "format": "node ../../scripts/format-package.mjs",
     "format:check": "node ../../scripts/format-package.mjs --check",
     "lint:attw": "attw --pack . --exclude-entrypoints themes/shadcn.css --profile esm-only",

turbo.json

@@ -36,7 +36,9 @@
     "GITHUB_TOKEN",
     "ACTIONS_RUNNER_DEBUG",
     "ACTIONS_STEP_DEBUG",
-    "VERCEL_AUTOMATION_BYPASS_SECRET"
+    "VERCEL_AUTOMATION_BYPASS_SECRET",
+    "PORT",
+    "UI_PORT"
   ],
   "tasks": {
     "build": {