@hexclave/next 1.0.56 → 1.0.57

package/dist/{quetzal-translations-CK45_4Dm.d.ts.map → quetzal-translations-XeH3zQ9l.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"quetzal-translations-CK45_4Dm.d.ts","names":[],"sources":["../src/generated/quetzal-translations.ts"],"mappings":";cAUa,WAAA,EAAW,GAAA;AAAA,cAqTX,cAAA,EAAc,GAAA,mIAAA,GAAA,66qBAAA,GAAA,usnBAAA,GAAA,iyrBAAA,GAAA,g+qBAAA,GAAA,8srBAAA,GAAA,2trBAAA,GAAA,41pBAAA,GAAA,m3eAAA,GAAA,oreAAA,GAAA,swpBAAA,GAAA,+0qBAAA,GAAA,8wbAAA,GAAA"}
+{"version":3,"file":"quetzal-translations-XeH3zQ9l.d.ts","names":[],"sources":["../src/generated/quetzal-translations.ts"],"mappings":";cAUa,WAAA,EAAW,GAAA;AAAA,cAqTX,cAAA,EAAc,GAAA,mIAAA,GAAA,66qBAAA,GAAA,usnBAAA,GAAA,iyrBAAA,GAAA,g+qBAAA,GAAA,8srBAAA,GAAA,2trBAAA,GAAA,41pBAAA,GAAA,m3eAAA,GAAA,oreAAA,GAAA,swpBAAA,GAAA,+0qBAAA,GAAA,8wbAAA,GAAA"}

package/dist/{translation-provider-DQ3BJepJ.d.ts → translation-provider-WOaZXqAz.d.ts}

@@ -1,4 +1,4 @@
-import { n as quetzalLocales } from "./quetzal-translations-CK45_4Dm.js";
+import { n as quetzalLocales } from "./quetzal-translations-XeH3zQ9l.js";
 
 //#region src/providers/translation-provider.d.ts
 declare function TranslationProvider({
@@ -12,4 +12,4 @@ declare function TranslationProvider({
 }): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { TranslationProvider as t };
-//# sourceMappingURL=translation-provider-DQ3BJepJ.d.ts.map
+//# sourceMappingURL=translation-provider-WOaZXqAz.d.ts.map

package/dist/{translation-provider-DQ3BJepJ.d.ts.map → translation-provider-WOaZXqAz.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"translation-provider-DQ3BJepJ.d.ts","names":[],"sources":["../src/providers/translation-provider.tsx"],"mappings":";;;iBAQgB,mBAAA;EAAsB,IAAA;EAAM,oBAAA;EAAsB;AAAA;EAChE,IAAA,EAAM,UAAA,QAAkB,cAAA,CAAe,GAAA;EACvC,oBAAA,GAAuB,MAAA;EACvB,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA,gCACjB,GAAA,CAAA,OAAA"}
+{"version":3,"file":"translation-provider-WOaZXqAz.d.ts","names":[],"sources":["../src/providers/translation-provider.tsx"],"mappings":";;;iBAQgB,mBAAA;EAAsB,IAAA;EAAM,oBAAA;EAAsB;AAAA;EAChE,IAAA,EAAM,UAAA,QAAkB,cAAA,CAAe,GAAA;EACvC,oBAAA,GAAuB,MAAA;EACvB,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA,gCACjB,GAAA,CAAA,OAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "//": "THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template (FOR package.json FILES, PLEASE EDIT package-template.json)",
   "name": "@hexclave/next",
-  "version": "1.0.56",
+  "version": "1.0.57",
   "repository": "https://github.com/hexclave/hexclave",
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -74,9 +74,9 @@
     "tailwindcss-animate": "^1.0.7",
     "rrweb": "^1.1.3",
     "yup": "^1.7.1",
-    "@hexclave/sc": "1.0.56",
-    "@hexclave/shared": "1.0.56",
-    "@hexclave/ui": "1.0.56"
+    "@hexclave/sc": "1.0.57",
+    "@hexclave/ui": "1.0.57",
+    "@hexclave/shared": "1.0.57"
   },
   "peerDependencies": {
     "@types/react": ">=18.0.0",

package/src/dev-tool/index.test.ts

@@ -0,0 +1,58 @@
+
+//===========================================
+// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template
+//===========================================
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { StackClientApp } from "../lib/hexclave-app";
+import { createDevTool } from "./dev-tool-core";
+import { mountDevTool } from ".";
+
+vi.mock("./dev-tool-core", () => ({
+  createDevTool: vi.fn(() => () => {}),
+}));
+
+describe("dev tool visibility", () => {
+  afterEach(() => {
+    vi.unstubAllEnvs();
+    vi.unstubAllGlobals();
+    vi.clearAllMocks();
+  });
+
+  it("shows for a development environment project in a production-hosted app", async () => {
+    const app = new StackClientApp({
+      baseUrl: "https://api.example.com",
+      projectId: "00000000-0000-4000-8000-000000000000",
+      publishableClientKey: "stack-pk-test",
+      tokenStore: "memory",
+      redirectMethod: "none",
+      devTool: false,
+    });
+    const getProject = vi.fn(async () => ({
+      isDevelopmentEnvironment: true,
+    }));
+    Reflect.set(app, "getProject", getProject);
+
+    vi.stubEnv("NODE_ENV", "production");
+    vi.stubGlobal("window", {
+      location: {
+        href: "https://example.com",
+      },
+    });
+    vi.stubGlobal("document", {
+      body: {
+        appendChild: () => {},
+      },
+      createElement: () => ({}),
+    });
+    vi.stubGlobal("localStorage", {
+      getItem: () => null,
+    });
+
+    mountDevTool(app);
+
+    await vi.waitFor(() => {
+      expect(getProject).toHaveBeenCalledOnce();
+      expect(createDevTool).toHaveBeenCalledOnce();
+    });
+  });
+});

package/src/dev-tool/index.ts

@@ -24,6 +24,7 @@ function getOverride(): boolean | null {
 }
 
 let activeDevToolOption: true | "auto" | undefined = undefined;
+let activeProjectIsDevelopmentEnvironment = false;
 
 function shouldShow(): boolean {
   const override = getOverride();
@@ -33,6 +34,10 @@ function shouldShow(): boolean {
   // If devTool was explicitly set to true, always show
   if (activeDevToolOption === true) return true;
 
+  // Development environment projects should expose the tool even when the
+  // consuming app itself was built or hosted as production.
+  if (activeProjectIsDevelopmentEnvironment) return true;
+
   // "auto" behavior (the default):
   const nodeEnv = envVars.NODE_ENV;
   if (nodeEnv !== undefined) {
@@ -103,8 +108,28 @@ function tryMount() {
 export function mountDevTool(app: StackClientApp<true>, devToolOption?: boolean | "auto"): () => void {
   activeApp = app;
   activeDevToolOption = devToolOption === false ? undefined : devToolOption ?? undefined;
+  activeProjectIsDevelopmentEnvironment = false;
   tryMount();
 
+  // The project endpoint is also the source of config warnings, so this uses
+  // the backend's development-environment flag instead of inferring it from
+  // the SDK's build or the current page's origin.
+  queueMicrotask(() => {
+    runAsynchronously(async () => {
+      const project = await app.getProject();
+      if (activeApp !== app) return;
+      activeProjectIsDevelopmentEnvironment = project.isDevelopmentEnvironment;
+      if (activeProjectIsDevelopmentEnvironment && activeCleanup === null) {
+        tryMount();
+      }
+    }, {
+      noErrorLogging: true,
+      onError: (error) => {
+        captureError("dev-tool-project-detection", error);
+      },
+    });
+  });
+
   // Capture the cleanup created by THIS specific mount call so that React
   // StrictMode's double-invoke doesn't let the first effect's cleanup tear
   // down the second mount (which would cause the tool to disappear silently).
@@ -112,6 +137,7 @@ export function mountDevTool(app: StackClientApp<true>, devToolOption?: boolean
 
   return () => {
     activeApp = null;
+    activeProjectIsDevelopmentEnvironment = false;
     if (activeCleanup === myCleanup && myCleanup != null) {
       activeCleanup = null;
       myCleanup();
@@ -150,7 +176,7 @@ if (typeof window !== 'undefined') {
         activeCleanup();
         activeCleanup = null;
       }
-      console.log('[Stack DevTool] Reset to default (auto-detect based on NODE_ENV or localhost/file: origin).');
+      console.log('[Stack DevTool] Reset to default (auto-detect based on project, NODE_ENV, or localhost/file: origin).');
     },
   };
 }

package/src/lib/hexclave-app/apps/implementations/client-app-impl.ts

@@ -1638,6 +1638,7 @@ export class _HexclaveClientAppImplIncomplete<HasTokenStore extends boolean, Pro
     return {
       id: crud.id,
       displayName: crud.display_name,
+      isDevelopmentEnvironment: crud.is_development_environment,
       pushedConfigError: crud.pushed_config_error == null ? null : {
         message: crud.pushed_config_error.message,
       },

package/src/lib/hexclave-app/projects/index.ts

@@ -30,6 +30,7 @@ export type PushConfigOptions = {
 export type Project = {
   readonly id: string,
   readonly displayName: string,
+  readonly isDevelopmentEnvironment: boolean,
   readonly pushedConfigError: { message: string } | null,
   readonly configWarnings: { message: string }[],
   readonly config: ProjectConfig,