@gusnips/react 0.9.22 → 0.9.24

package/dist/api-error.d.ts

@@ -1,4 +1,4 @@
-import type { ApiError as ApiErrorBody } from "@gusnips/http";
+import type { ApiErrorBody } from "@gusnips/http";
 /**
  * A refusal, with the whole envelope intact.
  *

package/dist/api-error.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"api-error.d.ts","sourceRoot":"","sources":["../src/api-error.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,eAAe,CAAC;AAE9D;;;;;;;;;;GAUG;AACH,qBAAa,QAAS,SAAQ,KAAK;IACjC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,QAAQ,CAAC,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IACxC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,GAAG,SAAS,CAAC;IAC7D,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC;;;;;;;;;OASG;IACH,QAAQ,CAAC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;IAE5C;;;;;;;;OAQG;IACH,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;gBAGzB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,YAAY,CAAC,OAAO,CAAC,GAAG,IAAI,EAClC,IAAI,GAAE;QACJ,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,cAAc,CAAC,EAAE,MAAM,CAAC;KACpB;CAaT;AAED;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO,CAEpD"}
+{"version":3,"file":"api-error.d.ts","sourceRoot":"","sources":["../src/api-error.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD;;;;;;;;;;GAUG;AACH,qBAAa,QAAS,SAAQ,KAAK;IACjC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,QAAQ,CAAC,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IACxC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,GAAG,SAAS,CAAC;IAC7D,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC;;;;;;;;;OASG;IACH,QAAQ,CAAC,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;IAE5C;;;;;;;;OAQG;IACH,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC;gBAGzB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,YAAY,CAAC,OAAO,CAAC,GAAG,IAAI,EAClC,IAAI,GAAE;QACJ,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,cAAc,CAAC,EAAE,MAAM,CAAC;KACpB;CAaT;AAED;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO,CAEpD"}

package/dist/internal-path.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"internal-path.d.ts","sourceRoot":"","sources":["../src/internal-path.ts"],"names":[],"mappings":"AAUA;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAU9D;AAeD,mGAAmG;AACnG,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,sBAAsB,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,SAAS,GAAG,MAAM,CAKpF"}
+{"version":3,"file":"internal-path.d.ts","sourceRoot":"","sources":["../src/internal-path.ts"],"names":[],"mappings":"AAUA;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAU9D;AAiBD,mGAAmG;AACnG,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,sBAAsB,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,SAAS,GAAG,MAAM,CAKpF"}

package/dist/internal-path.js

@@ -30,8 +30,9 @@ export function safeInternalPath(value) {
 }
 /**
  * The keys an OAuth or OIDC implicit response puts in the fragment that are themselves credentials
- * (RFC 6749 §4.2.2, plus the two a provider token is passed through under). The rest of that
- * response — `expires_in`, `token_type`, `state`, `type` — is metadata, worthless on its own.
+ * (RFC 6749 §4.2.2, plus the two a provider token is passed through under, plus `token_hash`, the
+ * single-use hash a Supabase email link carries and `verifyOtp` trades for a session). The rest of
+ * that response — `expires_in`, `token_type`, `state`, `type` — is metadata, worthless on its own.
  */
 const CREDENTIAL_FRAGMENT_KEYS = [
     "access_token",
@@ -39,6 +40,7 @@ const CREDENTIAL_FRAGMENT_KEYS = [
     "id_token",
     "provider_token",
     "provider_refresh_token",
+    "token_hash",
 ];
 /**
  * Where someone is right now, written down so signing in can bring them back.

package/dist/internal-path.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal-path.js","sourceRoot":"","sources":["../src/internal-path.ts"],"names":[],"mappings":"AAAA,MAAM,eAAe,GAAG,0BAA0B,CAAC;AAEnD,SAAS,eAAe,CAAC,KAAa;IACpC,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACzB,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;QAChC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,KAAK,IAAI;YAAE,OAAO,IAAI,CAAC;IACjD,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAAc;IAC7C,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,eAAe,CAAC,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAE/F,IAAI,CAAC;QACH,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC;QAC5C,IAAI,GAAG,CAAC,MAAM,KAAK,eAAe;YAAE,OAAO,IAAI,CAAC;QAChD,OAAO,GAAG,GAAG,CAAC,QAAQ,GAAG,GAAG,CAAC,MAAM,GAAG,GAAG,CAAC,IAAI,EAAE,CAAC;IACnD,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,IAAI,CAAC;IACd,CAAC;AACH,CAAC;AAED;;;;GAIG;AACH,MAAM,wBAAwB,GAAG;IAC/B,cAAc;IACd,eAAe;IACf,UAAU;IACV,gBAAgB;IAChB,wBAAwB;CACzB,CAAC;AASF;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,sBAAsB,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAa;IAC1E,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC7D,MAAM,MAAM,GAAG,IAAI,eAAe,CAAC,QAAQ,CAAC,CAAC;IAC7C,MAAM,iBAAiB,GAAG,wBAAwB,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;IAClF,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;AAChE,CAAC"}
+{"version":3,"file":"internal-path.js","sourceRoot":"","sources":["../src/internal-path.ts"],"names":[],"mappings":"AAAA,MAAM,eAAe,GAAG,0BAA0B,CAAC;AAEnD,SAAS,eAAe,CAAC,KAAa;IACpC,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACzB,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;QAChC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,KAAK,IAAI;YAAE,OAAO,IAAI,CAAC;IACjD,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,gBAAgB,CAAC,KAAc;IAC7C,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,eAAe,CAAC,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAE/F,IAAI,CAAC;QACH,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC;QAC5C,IAAI,GAAG,CAAC,MAAM,KAAK,eAAe;YAAE,OAAO,IAAI,CAAC;QAChD,OAAO,GAAG,GAAG,CAAC,QAAQ,GAAG,GAAG,CAAC,MAAM,GAAG,GAAG,CAAC,IAAI,EAAE,CAAC;IACnD,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,IAAI,CAAC;IACd,CAAC;AACH,CAAC;AAED;;;;;GAKG;AACH,MAAM,wBAAwB,GAAG;IAC/B,cAAc;IACd,eAAe;IACf,UAAU;IACV,gBAAgB;IAChB,wBAAwB;IACxB,YAAY;CACb,CAAC;AASF;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,sBAAsB,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAa;IAC1E,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC7D,MAAM,MAAM,GAAG,IAAI,eAAe,CAAC,QAAQ,CAAC,CAAC;IAC7C,MAAM,iBAAiB,GAAG,wBAAwB,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;IAClF,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;AAChE,CAAC"}

package/dist/query.js

@@ -1,4 +1,4 @@
-import { retryDelayMs as delayFor, shouldRetry as retryRule } from "@gusnips/http/retry";
+import { retryDelayMs as delayFor, isRetryable as retryRule } from "@gusnips/http/retry";
 import { ApiError } from "./api-error.js";
 /**
  * Should this failure be retried?

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gusnips/react",
-  "version": "0.9.22",
+  "version": "0.9.24",
   "description": "The headless runtime under a Vite + React SPA: typed fetch client with single-flight refresh, auth store, query defaults, route guards, error boundary, stale-tab recovery, i18n bootstrap.",
   "type": "module",
   "license": "MIT",
@@ -80,7 +80,7 @@
     "release:major": "bun pm version major && bun publish --access public"
   },
   "dependencies": {
-    "@gusnips/http": "0.1.6",
+    "@gusnips/http": "0.2.0",
     "clsx": "^2.1.1",
     "tailwind-merge": "^3.6.0"
   },

package/src/api-error.ts

@@ -1,4 +1,4 @@
-import type { ApiError as ApiErrorBody } from "@gusnips/http";
+import type { ApiErrorBody } from "@gusnips/http";
 
 /**
  * A refusal, with the whole envelope intact.

package/src/error-boundary.test.ts

@@ -0,0 +1,48 @@
+import { describe, expect, it } from "vitest";
+import { ErrorBoundary } from "./error-boundary.tsx";
+
+/**
+ * The two statics are pure, which is why the reset rule lives in them: it can be checked with no
+ * DOM, no renderer and no thrown error.
+ *
+ * What is worth pinning is that a caught error belongs to the screen it happened on. Wrong one way,
+ * navigating away carries the wreckage to every page after it. Wrong the other way, the fallback
+ * clears itself at once and re-renders the component that just threw, which throws again: a
+ * flicker instead of a state. Lifted from an adopter's copy of this class, deleted when it moved
+ * onto the kit's.
+ */
+const props = (resetKey: string | undefined) => ({
+  resetKey,
+  fallback: () => null,
+  children: null,
+});
+
+describe("ErrorBoundary", () => {
+  it("records the error that was thrown", () => {
+    const error = new TypeError("outcome is not a key of TONE");
+    expect(ErrorBoundary.getDerivedStateFromError(error)).toEqual({ error });
+  });
+
+  it("keeps the error while the route stays put", () => {
+    const state = { error: new Error("boom"), key: "/jobs/abc" };
+    expect(ErrorBoundary.getDerivedStateFromProps(props("/jobs/abc"), state)).toBeNull();
+  });
+
+  it("clears the error when the route changes", () => {
+    const state = { error: new Error("boom"), key: "/jobs/abc" };
+    expect(ErrorBoundary.getDerivedStateFromProps(props("/keys"), state)).toEqual({
+      error: null,
+      key: "/keys",
+    });
+  });
+
+  it("tracks the route while nothing has thrown, so the first error is scoped to it", () => {
+    // Without this the key would still hold the route the boundary mounted on, and the first
+    // error on any later route would clear itself on the next re-render.
+    const state = { error: null, key: "/" };
+    expect(ErrorBoundary.getDerivedStateFromProps(props("/usage"), state)).toEqual({
+      error: null,
+      key: "/usage",
+    });
+  });
+});

package/src/internal-path.test.ts

@@ -44,6 +44,7 @@ describe("returnPathFromLocation", () => {
     "id_token",
     "provider_token",
     "provider_refresh_token",
+    "token_hash",
   ])("drops a fragment carrying %s, and keeps the page", (key) => {
     expect(
       returnPathFromLocation({

package/src/internal-path.ts

@@ -30,8 +30,9 @@ export function safeInternalPath(value: unknown): string | null {
 
 /**
  * The keys an OAuth or OIDC implicit response puts in the fragment that are themselves credentials
- * (RFC 6749 §4.2.2, plus the two a provider token is passed through under). The rest of that
- * response — `expires_in`, `token_type`, `state`, `type` — is metadata, worthless on its own.
+ * (RFC 6749 §4.2.2, plus the two a provider token is passed through under, plus `token_hash`, the
+ * single-use hash a Supabase email link carries and `verifyOtp` trades for a session). The rest of
+ * that response — `expires_in`, `token_type`, `state`, `type` — is metadata, worthless on its own.
  */
 const CREDENTIAL_FRAGMENT_KEYS = [
   "access_token",
@@ -39,6 +40,7 @@ const CREDENTIAL_FRAGMENT_KEYS = [
   "id_token",
   "provider_token",
   "provider_refresh_token",
+  "token_hash",
 ];
 
 /** Anything shaped like the current page: `window.location` and react-router's `useLocation()`. */

package/src/query.ts

@@ -1,4 +1,4 @@
-import { retryDelayMs as delayFor, shouldRetry as retryRule } from "@gusnips/http/retry";
+import { retryDelayMs as delayFor, isRetryable as retryRule } from "@gusnips/http/retry";
 import type { DefaultOptions } from "@tanstack/react-query";
 import { ApiError } from "./api-error.ts";