@gusnips/react 0.9.22 → 0.9.23

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/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.23",
   "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/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";