@authhero/react-admin 0.24.0 → 0.26.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @authhero/react-admin
 
+## 0.26.0
+
+### Minor Changes
+
+- c89fb59: Skip dialog if there is a env varitable for environment
+
+## 0.25.0
+
+### Minor Changes
+
+- 7bf78f7: Add deploy buttons for react-admin
+
 ## 0.24.0
 
 ### Minor Changes

package/README.md

@@ -1,5 +1,10 @@
 # react-admin
 
+[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fauthhero%2Fauthhero&env=VITE_AUTH0_DOMAIN,VITE_AUTH0_CLIENT_ID,VITE_AUTH0_API_URL,VITE_SINGLE_DOMAIN_MODE&envDescription=Configure%20your%20AuthHero%20connection.%20Set%20VITE_SINGLE_DOMAIN_MODE%20to%20%22true%22%20to%20skip%20domain%20selector.&envLink=https%3A%2F%2Fgithub.com%2Fauthhero%2Fauthhero%2Fblob%2Fmain%2Fapps%2Freact-admin%2FREADME.md&project-name=authhero-admin&repository-name=authhero-admin&root-directory=apps%2Freact-admin&build-command=pnpm%20run%20build&output-directory=dist&install-command=corepack%20enable%20%26%26%20corepack%20prepare%20pnpm%4010.11.0%20--activate%20%26%26%20pnpm%20install%20--no-frozen-lockfile)
+[![Deploy to Cloudflare Pages](https://deploy.workers.cloudflare.com/button)](https://deploy.workers.cloudflare.com/?url=https://github.com/authhero/authhero)
+
+> **Cloudflare Pages Setup:** Select "Pages" during setup, set root directory to `apps/react-admin`, build command to `pnpm run build`, and output directory to `dist`. Add environment variables `VITE_AUTH0_DOMAIN`, `VITE_AUTH0_CLIENT_ID`, `VITE_AUTH0_API_URL`, and `VITE_SINGLE_DOMAIN_MODE`.
+
 ## Installation
 
 Install the application dependencies by running:
@@ -26,6 +31,9 @@ VITE_AUTH0_API_URL=https://auth2.sesamy.com
 VITE_AUTH0_DOMAIN=localhost:3000
 VITE_AUTH0_CLIENT_ID=auth-admin
 VITE_AUTH0_API_URL=https://localhost:3000
+
+# Optional: Skip domain selector and use configured domain directly
+VITE_SINGLE_DOMAIN_MODE=true
 ```
 
 See `.env.example` for more details.
@@ -33,7 +41,8 @@ See `.env.example` for more details.
 **Notes:**
 
 - If `VITE_AUTH0_DOMAIN` is set, it will be automatically added to the domain list
-- Users can still add additional domains through the UI
+- Users can still add additional domains through the UI (unless `VITE_SINGLE_DOMAIN_MODE=true`)
+- Set `VITE_SINGLE_DOMAIN_MODE=true` to skip the domain selector entirely
 
 ## Development
 
@@ -55,6 +64,12 @@ npm run build
 yarn build
 ```
 
+## Deployment
+
+The React Admin application can be deployed to Vercel. See the [Vercel deployment guide](../docs/deployment-targets/vercel.md) for detailed instructions.
+
+**Important:** When deploying to Vercel, you must set the environment variable `ENABLE_EXPERIMENTAL_COREPACK=1` to avoid build errors with pnpm.
+
 ## DataProvider
 
 The included data provider use [FakeREST](https://github.com/marmelab/fakerest) to simulate a backend.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@authhero/react-admin",
-  "version": "0.24.0",
+  "version": "0.26.0",
   "packageManager": "pnpm@10.20.0",
   "private": false,
   "repository": {

package/src/index.tsx

@@ -7,13 +7,12 @@ import { AuthCallback } from "./AuthCallback";
 import { DomainSelector } from "./components/DomainSelector";
 import { getSelectedDomainFromStorage } from "./utils/domainUtils";
 
-// Check if running on local.authhero.net - if so, auto-connect to localhost:3000
-const isLocalDevelopment = window.location.hostname.startsWith("local.");
-const LOCAL_DOMAIN = "localhost:3000";
+// If a domain is configured via env, use single-domain mode automatically
+const envDomain = import.meta.env.VITE_AUTH0_DOMAIN;
 
 function Root() {
   const [selectedDomain, setSelectedDomain] = useState<string | null>(
-    isLocalDevelopment ? LOCAL_DOMAIN : null,
+    envDomain || null,
   );
   const currentPath = location.pathname;
   const isAuthCallback = currentPath === "/auth-callback";
@@ -24,10 +23,9 @@ function Root() {
     currentPath.startsWith("/tenants/create") ||
     currentPath === "/tenants/";
 
-  // Load domain from cookies on component mount (skip for local development)
+  // Load domain from cookies on component mount (only when no env domain configured)
   useEffect(() => {
-    if (isLocalDevelopment) {
-      // For local development, always use localhost:3000
+    if (envDomain) {
       return;
     }
     const savedDomain = getSelectedDomainFromStorage();
@@ -47,9 +45,8 @@ function Root() {
     );
   }
 
-  // Show domain selector on root path or if no domain is selected
-  // Skip for local development - redirect to /tenants instead
-  if (!isLocalDevelopment && (isRootPath || !selectedDomain)) {
+  // Show domain selector only if no domain is selected
+  if (!selectedDomain) {
     return (
       <DomainSelector
         onDomainSelected={(domain) => setSelectedDomain(domain)}
@@ -58,8 +55,8 @@ function Root() {
     );
   }
 
-  // For local development on root path, redirect to /tenants
-  if (isLocalDevelopment && isRootPath) {
+  // For env-configured domain on root path, redirect to /tenants
+  if (envDomain && isRootPath) {
     window.location.href = "/tenants";
     return null;
   }
@@ -89,12 +86,7 @@ function Root() {
     );
   }
 
-  // Fallback to domain selector (or redirect for local development)
-  if (isLocalDevelopment) {
-    window.location.href = "/tenants";
-    return null;
-  }
-
+  // Fallback to domain selector
   return (
     <DomainSelector
       onDomainSelected={(domain) => setSelectedDomain(domain)}

package/vercel.json

@@ -13,5 +13,5 @@
       "destination": "/index.html"
     }
   ],
-  "installCommand": "pnpm install --no-frozen-lockfile"
+  "installCommand": "corepack enable && corepack prepare pnpm@10.11.0 --activate && pnpm install --no-frozen-lockfile"
 }