react-error-boundary 5.0.0 → 6.0.1

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "react-error-boundary",
-  "version": "5.0.0",
+  "version": "6.0.1",
+  "type": "module",
   "description": "Simple reusable React error boundary component",
   "author": "Brian Vaughn <brian.david.vaughn@gmail.com>",
   "license": "MIT",
@@ -8,86 +9,121 @@
     "type": "git",
     "url": "https://github.com/bvaughn/react-error-boundary"
   },
-  "packageManager": "pnpm@9.6.0",
-  "main": "dist/react-error-boundary.cjs.js",
-  "module": "dist/react-error-boundary.esm.js",
-  "exports": {
-    ".": {
-      "types": {
-        "import": "./dist/react-error-boundary.cjs.mjs",
-        "default": "./dist/react-error-boundary.cjs.js"
-      },
-      "development": {
-        "module": "./dist/react-error-boundary.development.esm.js",
-        "import": "./dist/react-error-boundary.development.cjs.mjs",
-        "default": "./dist/react-error-boundary.development.cjs.js"
-      },
-      "module": "./dist/react-error-boundary.esm.js",
-      "import": "./dist/react-error-boundary.cjs.mjs",
-      "default": "./dist/react-error-boundary.cjs.js"
-    },
-    "./package.json": "./package.json"
-  },
-  "imports": {
-    "#is-development": {
-      "development": "./src/env-conditions/development.ts",
-      "default": "./src/env-conditions/production.ts"
-    }
-  },
-  "types": "dist/react-error-boundary.cjs.d.ts",
+  "contributors": [
+    "Brian Vaughn <brian.david.vaughn@gmail.com> (https://github.com/bvaughn/)"
+  ],
+  "homepage": "http://react-error-boundary.now.sh/",
+  "keywords": [
+    "react",
+    "reactjs",
+    "virtual",
+    "window",
+    "windowed",
+    "list",
+    "scrolling",
+    "infinite",
+    "virtualized",
+    "table",
+    "grid",
+    "spreadsheet"
+  ],
+  "main": "dist/react-error-boundary.cjs",
+  "module": "dist/react-error-boundary.js",
+  "types": "dist/react-error-boundary.d.ts",
   "files": [
     "dist"
   ],
-  "sideEffects": false,
   "scripts": {
-    "clear": "pnpm clear:builds & pnpm clear:node_modules",
-    "clear:builds": "rimraf ./dist",
-    "clear:node_modules": "rimraf ./node_modules",
-    "prerelease": "preconstruct build",
+    "dev": "vite",
+    "build": "pnpm run build:lib && pnpm run build:docs",
+    "build:docs": "TARGET=docs vite build",
+    "build:lib": "TARGET=lib vite build",
+    "compile": "pnpm run compile:docs && pnpm run compile:examples",
+    "compile:docs": "tsx ./scripts/compile-docs",
+    "compile:examples": "tsx ./scripts/compile-examples",
     "lint": "eslint .",
-    "lint:fix": "eslint . --fix",
-    "test": "jest",
-    "test:watch": "jest --watch",
-    "typescript": "tsc --noEmit",
-    "typescript:watch": "tsc --noEmit --watch"
+    "prerelease": "rm -rf dist && pnpm run build:lib",
+    "prettier": "prettier --write \"**/*.{css,html,js,json,jsx,ts,tsx}\"",
+    "prettier:ci": "prettier --check \"**/*.{css,html,js,json,jsx,ts,tsx}\"",
+    "preview": "vite preview",
+    "test": "vitest",
+    "test:ci": "vitest run",
+    "test:debug": "vitest --inspect-brk=127.0.0.1:3000 --no-file-parallelism",
+    "tsc": "tsc -b"
   },
-  "dependencies": {
-    "@babel/runtime": "^7.12.5"
-  },
-  "devDependencies": {
-    "@babel/preset-env": "^7.22.5",
-    "@babel/preset-typescript": "^7.21.5",
-    "@preconstruct/cli": "^2.8.1",
-    "@types/assert": "^1.5.10",
-    "@types/jest": "^26.0.15",
-    "@types/react": "^18.3.17",
-    "@types/react-dom": "^18",
-    "assert": "^2.0.0",
-    "eslint": "^9.13.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-import": "^2.25.2",
-    "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-react": "^7.37.2",
-    "globals": "^15.11.0",
-    "jest": "^29.4.3",
-    "jest-environment-jsdom": "^29.4.3",
-    "prettier": "^3.0.1",
-    "react": "^18",
-    "react-dom": "^18",
-    "rimraf": "^6.0.1",
-    "ts-jest": "^29.0.5",
-    "typescript": "^5.1.6",
-    "typescript-eslint": "^8.18.0"
+  "lint-staged": {
+    "**/*": "prettier --write --ignore-unknown"
   },
   "peerDependencies": {
-    "react": ">=16.13.1"
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
   },
-  "preconstruct": {
-    "exports": {
-      "importConditionDefaultExport": "default"
-    },
-    "___experimentalFlags_WILL_CHANGE_IN_PATCH": {
-      "importsConditions": true
-    }
+  "devDependencies": {
+    "@codemirror/lang-css": "latest",
+    "@codemirror/lang-html": "latest",
+    "@codemirror/lang-javascript": "latest",
+    "@codemirror/lang-markdown": "latest",
+    "@codemirror/language": "latest",
+    "@codemirror/state": "latest",
+    "@csstools/postcss-oklab-function": "^4.0.11",
+    "@eslint/js": "^9.30.1",
+    "@headlessui/react": "^2.2.4",
+    "@headlessui/tailwindcss": "^0.2.2",
+    "@heroicons/react": "^2.2.0",
+    "@lezer/highlight": "latest",
+    "@tailwindcss/vite": "^4.1.11",
+    "@tailwindplus/elements": "^1.0.5",
+    "@testing-library/jest-dom": "^6.6.4",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^14.6.1",
+    "@ts-ast-parser/core": "^0.8.0",
+    "@types/compression": "^1.8.1",
+    "@types/express": "^5.0.5",
+    "@types/markdown-it": "^14.1.2",
+    "@types/node": "^24.2.0",
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react-swc": "^3.10.2",
+    "clsx": "^2.1.1",
+    "compression": "^1.8.1",
+    "csstype": "^3.1.3",
+    "eslint": "^9.30.1",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.20",
+    "express": "^5.1.0",
+    "globals": "^16.3.0",
+    "husky": "^9.1.7",
+    "jsdom": "^26.1.0",
+    "lint-staged": "^16.1.4",
+    "markdown-it": "^14.1.0",
+    "marked": "^16.4.1",
+    "postcss": "^8.5.6",
+    "prettier": "3.6.2",
+    "prettier-plugin-tailwindcss": "^0.7.1",
+    "react": "^19.2.3",
+    "react-docgen-typescript": "^2.4.0",
+    "react-dom": "^19.2.3",
+    "react-error-boundary": "^6.0.0",
+    "react-lib-tools": "^0.0.10",
+    "react-router-dom": "^7.6.3",
+    "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-visualizer": "^6.0.3",
+    "rollup-preserve-directives": "^1.1.3",
+    "sirv": "^3.0.2",
+    "tailwind-merge": "^3.3.1",
+    "tailwindcss": "^4.1.11",
+    "terser": "^5.43.1",
+    "ts-blank-space": "^0.6.2",
+    "ts-node": "^10.9.2",
+    "tsx": "^4.21.0",
+    "typescript": "~5.8.3",
+    "typescript-eslint": "^8.35.1",
+    "typescript-json-schema": "^0.65.1",
+    "vite": "^7.0.4",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-svgr": "^4.3.0",
+    "vitest": "^3.2.4",
+    "vitest-fail-on-console": "^0.10.1",
+    "zustand": "^5.0.7"
   }
 }

package/dist/declarations/src/ErrorBoundary.d.ts

@@ -1,21 +0,0 @@
-import { Component, ErrorInfo } from "react";
-import { ErrorBoundaryProps } from "./types.js";
-type ErrorBoundaryState = {
-    didCatch: true;
-    error: any;
-} | {
-    didCatch: false;
-    error: null;
-};
-export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
-    constructor(props: ErrorBoundaryProps);
-    static getDerivedStateFromError(error: Error): {
-        didCatch: boolean;
-        error: Error;
-    };
-    resetErrorBoundary(...args: any[]): void;
-    componentDidCatch(error: Error, info: ErrorInfo): void;
-    componentDidUpdate(prevProps: ErrorBoundaryProps, prevState: ErrorBoundaryState): void;
-    render(): import("react").FunctionComponentElement<import("react").ProviderProps<import("./ErrorBoundaryContext.js").ErrorBoundaryContextType | null>>;
-}
-export {};

package/dist/declarations/src/ErrorBoundaryContext.d.ts

@@ -1,6 +0,0 @@
-export type ErrorBoundaryContextType = {
-    didCatch: boolean;
-    error: any;
-    resetErrorBoundary: (...args: any[]) => void;
-};
-export declare const ErrorBoundaryContext: import("react").Context<ErrorBoundaryContextType | null>;

package/dist/declarations/src/index.d.ts

@@ -1,5 +0,0 @@
-export * from "./ErrorBoundary.js";
-export * from "./ErrorBoundaryContext.js";
-export * from "./useErrorBoundary.js";
-export * from "./withErrorBoundary.js";
-export * from "./types.js";

package/dist/declarations/src/types.d.ts

@@ -1,34 +0,0 @@
-import { ComponentType, ErrorInfo, PropsWithChildren, ReactNode } from "react";
-export type FallbackProps = {
-    error: any;
-    resetErrorBoundary: (...args: any[]) => void;
-};
-type ErrorBoundarySharedProps = PropsWithChildren<{
-    onError?: (error: Error, info: ErrorInfo) => void;
-    onReset?: (details: {
-        reason: "imperative-api";
-        args: any[];
-    } | {
-        reason: "keys";
-        prev: any[] | undefined;
-        next: any[] | undefined;
-    }) => void;
-    resetKeys?: any[];
-}>;
-export type ErrorBoundaryPropsWithComponent = ErrorBoundarySharedProps & {
-    fallback?: never;
-    FallbackComponent: ComponentType<FallbackProps>;
-    fallbackRender?: never;
-};
-export type ErrorBoundaryPropsWithRender = ErrorBoundarySharedProps & {
-    fallback?: never;
-    FallbackComponent?: never;
-    fallbackRender: (props: FallbackProps) => ReactNode;
-};
-export type ErrorBoundaryPropsWithFallback = ErrorBoundarySharedProps & {
-    fallback: ReactNode;
-    FallbackComponent?: never;
-    fallbackRender?: never;
-};
-export type ErrorBoundaryProps = ErrorBoundaryPropsWithFallback | ErrorBoundaryPropsWithComponent | ErrorBoundaryPropsWithRender;
-export {};

package/dist/declarations/src/useErrorBoundary.d.ts

@@ -1,5 +0,0 @@
-export type UseErrorBoundaryApi<TError> = {
-    resetBoundary: () => void;
-    showBoundary: (error: TError) => void;
-};
-export declare function useErrorBoundary<TError = any>(): UseErrorBoundaryApi<TError>;

package/dist/declarations/src/withErrorBoundary.d.ts

@@ -1,3 +0,0 @@
-import { RefAttributes, ForwardRefExoticComponent, PropsWithoutRef, ComponentType, ComponentRef, ComponentProps } from "react";
-import { ErrorBoundaryProps } from "./types.js";
-export declare function withErrorBoundary<T extends ComponentType<any>>(component: T, errorBoundaryProps: ErrorBoundaryProps): ForwardRefExoticComponent<PropsWithoutRef<ComponentProps<T>> & RefAttributes<ComponentRef<T>>>;

package/dist/react-error-boundary.cjs.d.mts

@@ -1,2 +0,0 @@
-export * from "./declarations/src/index.js";
-//# sourceMappingURL=react-error-boundary.cjs.d.mts.map

package/dist/react-error-boundary.cjs.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"react-error-boundary.cjs.d.mts","sourceRoot":"","sources":["./declarations/src/index.d.ts"],"names":[],"mappings":"AAAA"}

package/dist/react-error-boundary.cjs.d.ts

@@ -1,2 +0,0 @@
-export * from "./declarations/src/index";
-//# sourceMappingURL=react-error-boundary.cjs.d.ts.map

package/dist/react-error-boundary.cjs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"react-error-boundary.cjs.d.ts","sourceRoot":"","sources":["./declarations/src/index.d.ts"],"names":[],"mappings":"AAAA"}

package/dist/react-error-boundary.cjs.js

@@ -1,158 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var react = require('react');
-
-const ErrorBoundaryContext = react.createContext(null);
-
-const initialState = {
-  didCatch: false,
-  error: null
-};
-class ErrorBoundary extends react.Component {
-  constructor(props) {
-    super(props);
-    this.resetErrorBoundary = this.resetErrorBoundary.bind(this);
-    this.state = initialState;
-  }
-  static getDerivedStateFromError(error) {
-    return {
-      didCatch: true,
-      error
-    };
-  }
-  resetErrorBoundary() {
-    const {
-      error
-    } = this.state;
-    if (error !== null) {
-      var _this$props$onReset, _this$props;
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-      (_this$props$onReset = (_this$props = this.props).onReset) === null || _this$props$onReset === void 0 ? void 0 : _this$props$onReset.call(_this$props, {
-        args,
-        reason: "imperative-api"
-      });
-      this.setState(initialState);
-    }
-  }
-  componentDidCatch(error, info) {
-    var _this$props$onError, _this$props2;
-    (_this$props$onError = (_this$props2 = this.props).onError) === null || _this$props$onError === void 0 ? void 0 : _this$props$onError.call(_this$props2, error, info);
-  }
-  componentDidUpdate(prevProps, prevState) {
-    const {
-      didCatch
-    } = this.state;
-    const {
-      resetKeys
-    } = this.props;
-
-    // There's an edge case where if the thing that triggered the error happens to *also* be in the resetKeys array,
-    // we'd end up resetting the error boundary immediately.
-    // This would likely trigger a second error to be thrown.
-    // So we make sure that we don't check the resetKeys on the first call of cDU after the error is set.
-
-    if (didCatch && prevState.error !== null && hasArrayChanged(prevProps.resetKeys, resetKeys)) {
-      var _this$props$onReset2, _this$props3;
-      (_this$props$onReset2 = (_this$props3 = this.props).onReset) === null || _this$props$onReset2 === void 0 ? void 0 : _this$props$onReset2.call(_this$props3, {
-        next: resetKeys,
-        prev: prevProps.resetKeys,
-        reason: "keys"
-      });
-      this.setState(initialState);
-    }
-  }
-  render() {
-    const {
-      children,
-      fallbackRender,
-      FallbackComponent,
-      fallback
-    } = this.props;
-    const {
-      didCatch,
-      error
-    } = this.state;
-    let childToRender = children;
-    if (didCatch) {
-      const props = {
-        error,
-        resetErrorBoundary: this.resetErrorBoundary
-      };
-      if (typeof fallbackRender === "function") {
-        childToRender = fallbackRender(props);
-      } else if (FallbackComponent) {
-        childToRender = react.createElement(FallbackComponent, props);
-      } else if (fallback !== undefined) {
-        childToRender = fallback;
-      } else {
-        throw error;
-      }
-    }
-    return react.createElement(ErrorBoundaryContext.Provider, {
-      value: {
-        didCatch,
-        error,
-        resetErrorBoundary: this.resetErrorBoundary
-      }
-    }, childToRender);
-  }
-}
-function hasArrayChanged() {
-  let a = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  let b = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  return a.length !== b.length || a.some((item, index) => !Object.is(item, b[index]));
-}
-
-function assertErrorBoundaryContext(value) {
-  if (value == null || typeof value.didCatch !== "boolean" || typeof value.resetErrorBoundary !== "function") {
-    throw new Error("ErrorBoundaryContext not found");
-  }
-}
-
-function useErrorBoundary() {
-  const context = react.useContext(ErrorBoundaryContext);
-  assertErrorBoundaryContext(context);
-  const [state, setState] = react.useState({
-    error: null,
-    hasError: false
-  });
-  const memoized = react.useMemo(() => ({
-    resetBoundary: () => {
-      context.resetErrorBoundary();
-      setState({
-        error: null,
-        hasError: false
-      });
-    },
-    showBoundary: error => setState({
-      error,
-      hasError: true
-    })
-  }), [context.resetErrorBoundary]);
-  if (state.hasError) {
-    throw state.error;
-  }
-  return memoized;
-}
-
-function withErrorBoundary(component, errorBoundaryProps) {
-  const Wrapped = react.forwardRef((props, ref) => react.createElement(ErrorBoundary, errorBoundaryProps, react.createElement(component, {
-    ...props,
-    ref
-  })));
-
-  // Format for display in DevTools
-  const name = component.displayName || component.name || "Unknown";
-  Wrapped.displayName = "withErrorBoundary(".concat(name, ")");
-  return Wrapped;
-}
-
-exports.ErrorBoundary = ErrorBoundary;
-exports.ErrorBoundaryContext = ErrorBoundaryContext;
-exports.useErrorBoundary = useErrorBoundary;
-exports.withErrorBoundary = withErrorBoundary;

package/dist/react-error-boundary.cjs.mjs

@@ -1,6 +0,0 @@
-export {
-  ErrorBoundary,
-  ErrorBoundaryContext,
-  useErrorBoundary,
-  withErrorBoundary
-} from "./react-error-boundary.cjs.js";

package/dist/react-error-boundary.development.cjs.js

@@ -1,161 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var react = require('react');
-
-const ErrorBoundaryContext = react.createContext(null);
-
-const initialState = {
-  didCatch: false,
-  error: null
-};
-class ErrorBoundary extends react.Component {
-  constructor(props) {
-    super(props);
-    this.resetErrorBoundary = this.resetErrorBoundary.bind(this);
-    this.state = initialState;
-  }
-  static getDerivedStateFromError(error) {
-    return {
-      didCatch: true,
-      error
-    };
-  }
-  resetErrorBoundary() {
-    const {
-      error
-    } = this.state;
-    if (error !== null) {
-      var _this$props$onReset, _this$props;
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-      (_this$props$onReset = (_this$props = this.props).onReset) === null || _this$props$onReset === void 0 ? void 0 : _this$props$onReset.call(_this$props, {
-        args,
-        reason: "imperative-api"
-      });
-      this.setState(initialState);
-    }
-  }
-  componentDidCatch(error, info) {
-    var _this$props$onError, _this$props2;
-    (_this$props$onError = (_this$props2 = this.props).onError) === null || _this$props$onError === void 0 ? void 0 : _this$props$onError.call(_this$props2, error, info);
-  }
-  componentDidUpdate(prevProps, prevState) {
-    const {
-      didCatch
-    } = this.state;
-    const {
-      resetKeys
-    } = this.props;
-
-    // There's an edge case where if the thing that triggered the error happens to *also* be in the resetKeys array,
-    // we'd end up resetting the error boundary immediately.
-    // This would likely trigger a second error to be thrown.
-    // So we make sure that we don't check the resetKeys on the first call of cDU after the error is set.
-
-    if (didCatch && prevState.error !== null && hasArrayChanged(prevProps.resetKeys, resetKeys)) {
-      var _this$props$onReset2, _this$props3;
-      (_this$props$onReset2 = (_this$props3 = this.props).onReset) === null || _this$props$onReset2 === void 0 ? void 0 : _this$props$onReset2.call(_this$props3, {
-        next: resetKeys,
-        prev: prevProps.resetKeys,
-        reason: "keys"
-      });
-      this.setState(initialState);
-    }
-  }
-  render() {
-    const {
-      children,
-      fallbackRender,
-      FallbackComponent,
-      fallback
-    } = this.props;
-    const {
-      didCatch,
-      error
-    } = this.state;
-    let childToRender = children;
-    if (didCatch) {
-      const props = {
-        error,
-        resetErrorBoundary: this.resetErrorBoundary
-      };
-      if (typeof fallbackRender === "function") {
-        childToRender = fallbackRender(props);
-      } else if (FallbackComponent) {
-        childToRender = react.createElement(FallbackComponent, props);
-      } else if (fallback !== undefined) {
-        childToRender = fallback;
-      } else {
-        {
-          console.error("react-error-boundary requires either a fallback, fallbackRender, or FallbackComponent prop");
-        }
-        throw error;
-      }
-    }
-    return react.createElement(ErrorBoundaryContext.Provider, {
-      value: {
-        didCatch,
-        error,
-        resetErrorBoundary: this.resetErrorBoundary
-      }
-    }, childToRender);
-  }
-}
-function hasArrayChanged() {
-  let a = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  let b = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  return a.length !== b.length || a.some((item, index) => !Object.is(item, b[index]));
-}
-
-function assertErrorBoundaryContext(value) {
-  if (value == null || typeof value.didCatch !== "boolean" || typeof value.resetErrorBoundary !== "function") {
-    throw new Error("ErrorBoundaryContext not found");
-  }
-}
-
-function useErrorBoundary() {
-  const context = react.useContext(ErrorBoundaryContext);
-  assertErrorBoundaryContext(context);
-  const [state, setState] = react.useState({
-    error: null,
-    hasError: false
-  });
-  const memoized = react.useMemo(() => ({
-    resetBoundary: () => {
-      context.resetErrorBoundary();
-      setState({
-        error: null,
-        hasError: false
-      });
-    },
-    showBoundary: error => setState({
-      error,
-      hasError: true
-    })
-  }), [context.resetErrorBoundary]);
-  if (state.hasError) {
-    throw state.error;
-  }
-  return memoized;
-}
-
-function withErrorBoundary(component, errorBoundaryProps) {
-  const Wrapped = react.forwardRef((props, ref) => react.createElement(ErrorBoundary, errorBoundaryProps, react.createElement(component, {
-    ...props,
-    ref
-  })));
-
-  // Format for display in DevTools
-  const name = component.displayName || component.name || "Unknown";
-  Wrapped.displayName = "withErrorBoundary(".concat(name, ")");
-  return Wrapped;
-}
-
-exports.ErrorBoundary = ErrorBoundary;
-exports.ErrorBoundaryContext = ErrorBoundaryContext;
-exports.useErrorBoundary = useErrorBoundary;
-exports.withErrorBoundary = withErrorBoundary;

package/dist/react-error-boundary.development.cjs.mjs

@@ -1,6 +0,0 @@
-export {
-  ErrorBoundary,
-  ErrorBoundaryContext,
-  useErrorBoundary,
-  withErrorBoundary
-} from "./react-error-boundary.development.cjs.js";