@hexclave/react 1.0.27 → 1.0.29

package/dist/pushed-config-error-overlay/index.test.js

@@ -0,0 +1,67 @@
+const require_chunk = require('../chunk-BE-pF4vm.js');
+let vitest = require("vitest");
+let ___lib_hexclave_app_index_js = require("../lib/hexclave-app/index.js");
+let ___generated_env_js = require("../generated/env.js");
+let __index_js = require("./index.js");
+
+//#region src/pushed-config-error-overlay/index.test.ts
+function createMockElement() {
+	return {
+		style: {},
+		appendChild: () => {},
+		addEventListener: () => {},
+		setAttribute: () => {},
+		replaceChildren: () => {},
+		remove: () => {}
+	};
+}
+(0, vitest.describe)("pushed config error overlay", () => {
+	(0, vitest.afterEach)(() => {
+		vitest.vi.unstubAllEnvs();
+		vitest.vi.unstubAllGlobals();
+	});
+	(0, vitest.it)("defers the first project refresh until after construction-time callers finish", async () => {
+		const app = new ___lib_hexclave_app_index_js.StackClientApp({
+			baseUrl: "http://localhost:12345",
+			projectId: "00000000-0000-4000-8000-000000000000",
+			publishableClientKey: "stack-pk-test",
+			tokenStore: "memory",
+			redirectMethod: "none",
+			devTool: false
+		});
+		const getProject = vitest.vi.fn(async () => ({
+			pushedConfigError: null,
+			configWarnings: []
+		}));
+		Reflect.set(app, "getProject", getProject);
+		const appendChild = vitest.vi.fn();
+		vitest.vi.stubEnv("NODE_ENV", "development");
+		(0, vitest.expect)(Reflect.get(___generated_env_js.envVars, "NODE_ENV")).toBe("development");
+		vitest.vi.stubGlobal("window", {
+			"__hexclave-pushed-config-error-overlay": null,
+			location: { href: "http://localhost:3000" }
+		});
+		vitest.vi.stubGlobal("document", {
+			body: { appendChild },
+			createElement: () => createMockElement(),
+			createTextNode: () => createMockElement()
+		});
+		vitest.vi.stubGlobal("localStorage", {
+			getItem: () => null,
+			setItem: () => {},
+			removeItem: () => {}
+		});
+		const cleanup = (0, __index_js.mountPushedConfigErrorOverlay)(app);
+		try {
+			(0, vitest.expect)(appendChild).toHaveBeenCalledOnce();
+			(0, vitest.expect)(getProject).not.toHaveBeenCalled();
+			await Promise.resolve();
+			(0, vitest.expect)(getProject).toHaveBeenCalledOnce();
+		} finally {
+			cleanup();
+		}
+	});
+});
+
+//#endregion
+//# sourceMappingURL=index.test.js.map

package/dist/pushed-config-error-overlay/index.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.test.js","names":["StackClientApp","vi","envVars"],"sources":["../../src/pushed-config-error-overlay/index.test.ts"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { afterEach, describe, expect, it, vi } from \"vitest\";\nimport { envVars } from \"../generated/env\";\nimport { StackClientApp } from \"../lib/hexclave-app\";\nimport { mountPushedConfigErrorOverlay } from \".\";\n\nfunction createMockElement() {\n  return {\n    style: {},\n    appendChild: () => {},\n    addEventListener: () => {},\n    setAttribute: () => {},\n    replaceChildren: () => {},\n    remove: () => {},\n  };\n}\n\ndescribe(\"pushed config error overlay\", () => {\n  afterEach(() => {\n    vi.unstubAllEnvs();\n    vi.unstubAllGlobals();\n  });\n\n  it(\"defers the first project refresh until after construction-time callers finish\", async () => {\n    const app = new StackClientApp({\n      baseUrl: \"http://localhost:12345\",\n      projectId: \"00000000-0000-4000-8000-000000000000\",\n      publishableClientKey: \"stack-pk-test\",\n      tokenStore: \"memory\",\n      redirectMethod: \"none\",\n      devTool: false,\n    });\n    const getProject = vi.fn(async () => ({\n      pushedConfigError: null,\n      configWarnings: [],\n    }));\n    Reflect.set(app, \"getProject\", getProject);\n    const appendChild = vi.fn();\n    vi.stubEnv(\"NODE_ENV\", \"development\");\n    expect(Reflect.get(envVars, \"NODE_ENV\")).toBe(\"development\");\n\n    vi.stubGlobal(\"window\", {\n      \"__hexclave-pushed-config-error-overlay\": null,\n      location: {\n        href: \"http://localhost:3000\",\n      },\n    });\n    vi.stubGlobal(\"document\", {\n      body: {\n        appendChild,\n      },\n      createElement: () => createMockElement(),\n      createTextNode: () => createMockElement(),\n    });\n    vi.stubGlobal(\"localStorage\", {\n      getItem: () => null,\n      setItem: () => {},\n      removeItem: () => {},\n    });\n\n    const cleanup = mountPushedConfigErrorOverlay(app);\n    try {\n      expect(appendChild).toHaveBeenCalledOnce();\n      expect(getProject).not.toHaveBeenCalled();\n\n      await Promise.resolve();\n\n      expect(getProject).toHaveBeenCalledOnce();\n    } finally {\n      cleanup();\n    }\n  });\n});\n"],"mappings":";;;;;;;AASA,SAAS,oBAAoB;AAC3B,QAAO;EACL,OAAO,EAAE;EACT,mBAAmB;EACnB,wBAAwB;EACxB,oBAAoB;EACpB,uBAAuB;EACvB,cAAc;EACf;;qBAGM,qCAAqC;AAC5C,6BAAgB;AACd,YAAG,eAAe;AAClB,YAAG,kBAAkB;GACrB;AAEF,gBAAG,iFAAiF,YAAY;EAC9F,MAAM,MAAM,IAAIA,4CAAe;GAC7B,SAAS;GACT,WAAW;GACX,sBAAsB;GACtB,YAAY;GACZ,gBAAgB;GAChB,SAAS;GACV,CAAC;EACF,MAAM,aAAaC,UAAG,GAAG,aAAa;GACpC,mBAAmB;GACnB,gBAAgB,EAAE;GACnB,EAAE;AACH,UAAQ,IAAI,KAAK,cAAc,WAAW;EAC1C,MAAM,cAAcA,UAAG,IAAI;AAC3B,YAAG,QAAQ,YAAY,cAAc;AACrC,qBAAO,QAAQ,IAAIC,6BAAS,WAAW,CAAC,CAAC,KAAK,cAAc;AAE5D,YAAG,WAAW,UAAU;GACtB,0CAA0C;GAC1C,UAAU,EACR,MAAM,yBACP;GACF,CAAC;AACF,YAAG,WAAW,YAAY;GACxB,MAAM,EACJ,aACD;GACD,qBAAqB,mBAAmB;GACxC,sBAAsB,mBAAmB;GAC1C,CAAC;AACF,YAAG,WAAW,gBAAgB;GAC5B,eAAe;GACf,eAAe;GACf,kBAAkB;GACnB,CAAC;EAEF,MAAM,wDAAwC,IAAI;AAClD,MAAI;AACF,sBAAO,YAAY,CAAC,sBAAsB;AAC1C,sBAAO,WAAW,CAAC,IAAI,kBAAkB;AAEzC,SAAM,QAAQ,SAAS;AAEvB,sBAAO,WAAW,CAAC,sBAAsB;YACjC;AACR,YAAS;;GAEX;EACF"}

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/react",
-  "version": "1.0.27",
+  "version": "1.0.29",
   "repository": "https://github.com/hexclave/hexclave",
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -73,10 +73,9 @@
     "react-hook-form": "^7.70.0",
     "tailwindcss-animate": "^1.0.7",
     "rrweb": "^1.1.3",
-    "tsx": "^4.21.0",
     "yup": "^1.7.1",
-    "@hexclave/shared": "1.0.27",
-    "@hexclave/ui": "1.0.27"
+    "@hexclave/shared": "1.0.29",
+    "@hexclave/ui": "1.0.29"
   },
   "peerDependencies": {
     "@types/react": ">=18.0.0",
@@ -112,6 +111,7 @@
     "rimraf": "^6.1.2",
     "tailwindcss": "^3.4.4",
     "tsdown": "^0.20.3",
+    "tsx": "^4.21.0",
     "convex": "^1.27.0"
   },
   "scripts": {

package/src/dev-tool/dev-tool-core.ts

@@ -248,7 +248,7 @@ function generateRandomEmail(): string {
   for (let i = 0; i < 8; i++) {
     id += chars[Math.floor(Math.random() * chars.length)];
   }
-  return `dev-${id}@test.hexclave.com`;
+  return `dev-${id}@devtool-quick-sign-up.example.com`;
 }
 
 // ---------------------------------------------------------------------------

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

@@ -812,7 +812,8 @@ export class _HexclaveAdminAppImplIncomplete<HasTokenStore extends boolean, Proj
   }
 
   async getEmailPreview(options: { themeId?: string | null | false, themeTsxSource?: string, templateId?: string, templateTsxSource?: string }): Promise<string> {
-    return (await this._interface.renderEmailPreview(options)).html;
+    const result = Result.orThrow(await this._emailPreviewCache.getOrWait([options.themeId, options.themeTsxSource, options.templateId, options.templateTsxSource], "write-only"));
+    return result.html;
   }
   useEmailPreview(options: { themeId?: string | null | false, themeTsxSource?: string, templateId?: string, templateTsxSource?: string }): string {
     const crud = useAsyncCache(this._emailPreviewCache, [options.themeId, options.themeTsxSource, options.templateId, options.templateTsxSource] as const, "adminApp.useEmailPreview()");

package/src/pushed-config-error-overlay/index.test.ts

@@ -0,0 +1,76 @@
+
+//===========================================
+// 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 { envVars } from "../generated/env";
+import { StackClientApp } from "../lib/hexclave-app";
+import { mountPushedConfigErrorOverlay } from ".";
+
+function createMockElement() {
+  return {
+    style: {},
+    appendChild: () => {},
+    addEventListener: () => {},
+    setAttribute: () => {},
+    replaceChildren: () => {},
+    remove: () => {},
+  };
+}
+
+describe("pushed config error overlay", () => {
+  afterEach(() => {
+    vi.unstubAllEnvs();
+    vi.unstubAllGlobals();
+  });
+
+  it("defers the first project refresh until after construction-time callers finish", async () => {
+    const app = new StackClientApp({
+      baseUrl: "http://localhost:12345",
+      projectId: "00000000-0000-4000-8000-000000000000",
+      publishableClientKey: "stack-pk-test",
+      tokenStore: "memory",
+      redirectMethod: "none",
+      devTool: false,
+    });
+    const getProject = vi.fn(async () => ({
+      pushedConfigError: null,
+      configWarnings: [],
+    }));
+    Reflect.set(app, "getProject", getProject);
+    const appendChild = vi.fn();
+    vi.stubEnv("NODE_ENV", "development");
+    expect(Reflect.get(envVars, "NODE_ENV")).toBe("development");
+
+    vi.stubGlobal("window", {
+      "__hexclave-pushed-config-error-overlay": null,
+      location: {
+        href: "http://localhost:3000",
+      },
+    });
+    vi.stubGlobal("document", {
+      body: {
+        appendChild,
+      },
+      createElement: () => createMockElement(),
+      createTextNode: () => createMockElement(),
+    });
+    vi.stubGlobal("localStorage", {
+      getItem: () => null,
+      setItem: () => {},
+      removeItem: () => {},
+    });
+
+    const cleanup = mountPushedConfigErrorOverlay(app);
+    try {
+      expect(appendChild).toHaveBeenCalledOnce();
+      expect(getProject).not.toHaveBeenCalled();
+
+      await Promise.resolve();
+
+      expect(getProject).toHaveBeenCalledOnce();
+    } finally {
+      cleanup();
+    }
+  });
+});

package/src/pushed-config-error-overlay/index.ts

@@ -531,7 +531,10 @@ export function mountPushedConfigErrorOverlay(app: StackClientApp<true>): () =>
     });
   };
 
-  refresh();
+  // This is mounted from the base client-app constructor, which also runs
+  // before subclass field initializers. Defer the first app call so overridden
+  // methods like adminApp.getProject() can safely touch subclass caches.
+  queueMicrotask(refresh);
   const interval = setInterval(refresh, REFRESH_INTERVAL_MS);
 
   const cleanup = () => {