update deps, open browser

packages/template/package.json

@@ -45,6 +45,7 @@
   ],
   "dependencies": {
     "@hookform/resolvers": "^3.3.4",
+    "@oslojs/otp": "^1.1.0",
     "@simplewebauthn/browser": "^11.0.0",
     "@stackframe/stack-sc": "workspace:*",
     "@stackframe/stack-shared": "workspace:*",
@@ -56,7 +57,7 @@
     "js-cookie": "^3.0.5",
     "lucide-react": "^0.378.0",
     "oauth4webapi": "^2.10.3",
-    "@oslojs/otp": "^1.1.0",
+    "open": "^10.1.0",
     "qrcode": "^1.5.4",
     "react-avatar-editor": "^13.0.2",
     "react-hook-form": "^7.51.4",

packages/template/src/lib/stack-app/apps/implementations/client-app-impl.ts

@@ -1504,8 +1504,13 @@ export class _StackClientAppImplIncomplete<HasTokenStore extends boolean, Projec
 
     // Step 2: Open the browser for the user to authenticate
     const url = `${options.appUrl}/handler/cli-auth-confirm?login_code=${encodeURIComponent(loginCode)}`;
+    if (typeof process !== 'undefined' && process.versions?.node != null) {
+      const open = (await import("open")).default;
+      open(url);
+    }
     console.log(`Please visit the following URL to authenticate:\n${url}`);
 
+
     // Step 3: Poll for the token
     let attempts = 0;
     const maxAttempts = 300; // 10 minutes with 2-second intervals

pnpm-lock.yaml

@@ -1533,6 +1533,9 @@ importers:
       oauth4webapi:
         specifier: ^2.10.3
         version: 2.10.4
+      open:
+        specifier: ^10.1.0
+        version: 10.1.0
       qrcode:
         specifier: ^1.5.4
         version: 1.5.4