@tanstack/react-router 1.15.0 → 1.15.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/CatchBoundary.cjs +2 -1
- package/dist/cjs/CatchBoundary.cjs.map +1 -1
- package/dist/cjs/CatchBoundary.d.cts +2 -2
- package/dist/esm/CatchBoundary.d.ts +2 -2
- package/dist/esm/CatchBoundary.js +2 -1
- package/dist/esm/CatchBoundary.js.map +1 -1
- package/package.json +1 -1
- package/src/CatchBoundary.tsx +3 -3
|
@@ -43,7 +43,8 @@ class CatchBoundaryImpl extends React__namespace.Component {
|
|
|
43
43
|
this.state = { error: null };
|
|
44
44
|
}
|
|
45
45
|
static getDerivedStateFromProps(props) {
|
|
46
|
-
|
|
46
|
+
var _a;
|
|
47
|
+
return { resetKey: (_a = props.getResetKey) == null ? void 0 : _a.call(props) };
|
|
47
48
|
}
|
|
48
49
|
static getDerivedStateFromError(error) {
|
|
49
50
|
return { error };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CatchBoundary.cjs","sources":["../../src/CatchBoundary.tsx"],"sourcesContent":["import * as React from 'react'\n\nexport function CatchBoundary(props: {\n getResetKey: () => string\n children: any\n errorComponent?: any\n onCatch?: (error: any) => void\n}) {\n const errorComponent = props.errorComponent ?? ErrorComponent\n\n return (\n <CatchBoundaryImpl\n getResetKey={props.getResetKey}\n onCatch={props.onCatch}\n children={({ error }) => {\n if (error) {\n return React.createElement(errorComponent, {\n error,\n })\n }\n\n return props.children\n }}\n />\n )\n}\n\nexport class CatchBoundaryImpl extends React.Component<{\n getResetKey
|
|
1
|
+
{"version":3,"file":"CatchBoundary.cjs","sources":["../../src/CatchBoundary.tsx"],"sourcesContent":["import * as React from 'react'\n\nexport function CatchBoundary(props: {\n getResetKey: () => string\n children: any\n errorComponent?: any\n onCatch?: (error: any) => void\n}) {\n const errorComponent = props.errorComponent ?? ErrorComponent\n\n return (\n <CatchBoundaryImpl\n getResetKey={props.getResetKey}\n onCatch={props.onCatch}\n children={({ error }) => {\n if (error) {\n return React.createElement(errorComponent, {\n error,\n })\n }\n\n return props.children\n }}\n />\n )\n}\n\nexport class CatchBoundaryImpl extends React.Component<{\n getResetKey?: () => string\n children: (props: { error: any; reset: () => void }) => any\n onCatch?: (error: any) => void\n}> {\n state = { error: null } as any\n static getDerivedStateFromProps(props: any) {\n return { resetKey: props.getResetKey?.() }\n }\n static getDerivedStateFromError(error: any) {\n return { error }\n }\n componentDidUpdate(\n prevProps: Readonly<{\n getResetKey?: () => string\n children: (props: { error: any; reset: () => void }) => any\n onCatch?: ((error: any, info: any) => void) | undefined\n }>,\n prevState: any,\n ): void {\n if (prevState.error && prevState.resetKey !== this.state.resetKey) {\n this.setState({ error: null })\n }\n }\n componentDidCatch(error: any) {\n this.props.onCatch?.(error)\n }\n render() {\n return this.props.children(this.state)\n }\n}\n\nexport function ErrorComponent({ error }: { error: any }) {\n const [show, setShow] = React.useState(process.env.NODE_ENV !== 'production')\n\n return (\n <div style={{ padding: '.5rem', maxWidth: '100%' }}>\n <div style={{ display: 'flex', alignItems: 'center', gap: '.5rem' }}>\n <strong style={{ fontSize: '1rem' }}>Something went wrong!</strong>\n <button\n style={{\n appearance: 'none',\n fontSize: '.6em',\n border: '1px solid currentColor',\n padding: '.1rem .2rem',\n fontWeight: 'bold',\n borderRadius: '.25rem',\n }}\n onClick={() => setShow((d) => !d)}\n >\n {show ? 'Hide Error' : 'Show Error'}\n </button>\n </div>\n <div style={{ height: '.25rem' }} />\n {show ? (\n <div>\n <pre\n style={{\n fontSize: '.7em',\n border: '1px solid red',\n borderRadius: '.25rem',\n padding: '.3rem',\n color: 'red',\n overflow: 'auto',\n }}\n >\n {error.message ? <code>{error.message}</code> : null}\n </pre>\n </div>\n ) : null}\n </div>\n )\n}\n"],"names":["jsx","React","jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAEO,SAAS,cAAc,OAK3B;AACK,QAAA,iBAAiB,MAAM,kBAAkB;AAG7C,SAAAA,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAa,MAAM;AAAA,MACnB,SAAS,MAAM;AAAA,MACf,UAAU,CAAC,EAAE,YAAY;AACvB,YAAI,OAAO;AACF,iBAAAC,iBAAM,cAAc,gBAAgB;AAAA,YACzC;AAAA,UAAA,CACD;AAAA,QACH;AAEA,eAAO,MAAM;AAAA,MACf;AAAA,IAAA;AAAA,EAAA;AAGN;AAEa,MAAA,0BAA0BA,iBAAM,UAI1C;AAAA,EAJI,cAAA;AAAA,UAAA,GAAA,SAAA;AAKG,SAAA,QAAA,EAAE,OAAO,KAAK;AAAA,EAAA;AAAA,EACtB,OAAO,yBAAyB,OAAY;;AAC1C,WAAO,EAAE,WAAU,WAAM,gBAAN,+BAAsB;AAAA,EAC3C;AAAA,EACA,OAAO,yBAAyB,OAAY;AAC1C,WAAO,EAAE,MAAM;AAAA,EACjB;AAAA,EACA,mBACE,WAKA,WACM;AACN,QAAI,UAAU,SAAS,UAAU,aAAa,KAAK,MAAM,UAAU;AACjE,WAAK,SAAS,EAAE,OAAO,KAAM,CAAA;AAAA,IAC/B;AAAA,EACF;AAAA,EACA,kBAAkB,OAAY;;AACvB,qBAAA,OAAM,YAAN,4BAAgB;AAAA,EACvB;AAAA,EACA,SAAS;AACP,WAAO,KAAK,MAAM,SAAS,KAAK,KAAK;AAAA,EACvC;AACF;AAEgB,SAAA,eAAe,EAAE,SAAyB;AAClD,QAAA,CAAC,MAAM,OAAO,IAAIA,iBAAM,SAAS,QAAQ,IAAI,aAAa,YAAY;AAG1E,SAAAC,2BAAA,KAAC,SAAI,OAAO,EAAE,SAAS,SAAS,UAAU,OACxC,GAAA,UAAA;AAAA,IAACA,2BAAAA,KAAA,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,QAAA,GACxD,UAAA;AAAA,MAAAF,+BAAC,YAAO,OAAO,EAAE,UAAU,UAAU,UAAqB,yBAAA;AAAA,MAC1DA,2BAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,YACL,YAAY;AAAA,YACZ,UAAU;AAAA,YACV,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,cAAc;AAAA,UAChB;AAAA,UACA,SAAS,MAAM,QAAQ,CAAC,MAAM,CAAC,CAAC;AAAA,UAE/B,iBAAO,eAAe;AAAA,QAAA;AAAA,MACzB;AAAA,IAAA,GACF;AAAA,mCACC,OAAI,EAAA,OAAO,EAAE,QAAQ,YAAY;AAAA,IACjC,sCACE,OACC,EAAA,UAAAA,2BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,UACL,UAAU;AAAA,UACV,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,SAAS;AAAA,UACT,OAAO;AAAA,UACP,UAAU;AAAA,QACZ;AAAA,QAEC,gBAAM,UAAUA,+BAAC,QAAM,EAAA,UAAA,MAAM,QAAQ,CAAA,IAAU;AAAA,MAAA;AAAA,OAEpD,IACE;AAAA,EACN,EAAA,CAAA;AAEJ;;;;"}
|
|
@@ -6,7 +6,7 @@ export declare function CatchBoundary(props: {
|
|
|
6
6
|
onCatch?: (error: any) => void;
|
|
7
7
|
}): React.JSX.Element;
|
|
8
8
|
export declare class CatchBoundaryImpl extends React.Component<{
|
|
9
|
-
getResetKey
|
|
9
|
+
getResetKey?: () => string;
|
|
10
10
|
children: (props: {
|
|
11
11
|
error: any;
|
|
12
12
|
reset: () => void;
|
|
@@ -21,7 +21,7 @@ export declare class CatchBoundaryImpl extends React.Component<{
|
|
|
21
21
|
error: any;
|
|
22
22
|
};
|
|
23
23
|
componentDidUpdate(prevProps: Readonly<{
|
|
24
|
-
getResetKey
|
|
24
|
+
getResetKey?: () => string;
|
|
25
25
|
children: (props: {
|
|
26
26
|
error: any;
|
|
27
27
|
reset: () => void;
|
|
@@ -6,7 +6,7 @@ export declare function CatchBoundary(props: {
|
|
|
6
6
|
onCatch?: (error: any) => void;
|
|
7
7
|
}): React.JSX.Element;
|
|
8
8
|
export declare class CatchBoundaryImpl extends React.Component<{
|
|
9
|
-
getResetKey
|
|
9
|
+
getResetKey?: () => string;
|
|
10
10
|
children: (props: {
|
|
11
11
|
error: any;
|
|
12
12
|
reset: () => void;
|
|
@@ -21,7 +21,7 @@ export declare class CatchBoundaryImpl extends React.Component<{
|
|
|
21
21
|
error: any;
|
|
22
22
|
};
|
|
23
23
|
componentDidUpdate(prevProps: Readonly<{
|
|
24
|
-
getResetKey
|
|
24
|
+
getResetKey?: () => string;
|
|
25
25
|
children: (props: {
|
|
26
26
|
error: any;
|
|
27
27
|
reset: () => void;
|
|
@@ -24,7 +24,8 @@ class CatchBoundaryImpl extends React.Component {
|
|
|
24
24
|
this.state = { error: null };
|
|
25
25
|
}
|
|
26
26
|
static getDerivedStateFromProps(props) {
|
|
27
|
-
|
|
27
|
+
var _a;
|
|
28
|
+
return { resetKey: (_a = props.getResetKey) == null ? void 0 : _a.call(props) };
|
|
28
29
|
}
|
|
29
30
|
static getDerivedStateFromError(error) {
|
|
30
31
|
return { error };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CatchBoundary.js","sources":["../../src/CatchBoundary.tsx"],"sourcesContent":["import * as React from 'react'\n\nexport function CatchBoundary(props: {\n getResetKey: () => string\n children: any\n errorComponent?: any\n onCatch?: (error: any) => void\n}) {\n const errorComponent = props.errorComponent ?? ErrorComponent\n\n return (\n <CatchBoundaryImpl\n getResetKey={props.getResetKey}\n onCatch={props.onCatch}\n children={({ error }) => {\n if (error) {\n return React.createElement(errorComponent, {\n error,\n })\n }\n\n return props.children\n }}\n />\n )\n}\n\nexport class CatchBoundaryImpl extends React.Component<{\n getResetKey
|
|
1
|
+
{"version":3,"file":"CatchBoundary.js","sources":["../../src/CatchBoundary.tsx"],"sourcesContent":["import * as React from 'react'\n\nexport function CatchBoundary(props: {\n getResetKey: () => string\n children: any\n errorComponent?: any\n onCatch?: (error: any) => void\n}) {\n const errorComponent = props.errorComponent ?? ErrorComponent\n\n return (\n <CatchBoundaryImpl\n getResetKey={props.getResetKey}\n onCatch={props.onCatch}\n children={({ error }) => {\n if (error) {\n return React.createElement(errorComponent, {\n error,\n })\n }\n\n return props.children\n }}\n />\n )\n}\n\nexport class CatchBoundaryImpl extends React.Component<{\n getResetKey?: () => string\n children: (props: { error: any; reset: () => void }) => any\n onCatch?: (error: any) => void\n}> {\n state = { error: null } as any\n static getDerivedStateFromProps(props: any) {\n return { resetKey: props.getResetKey?.() }\n }\n static getDerivedStateFromError(error: any) {\n return { error }\n }\n componentDidUpdate(\n prevProps: Readonly<{\n getResetKey?: () => string\n children: (props: { error: any; reset: () => void }) => any\n onCatch?: ((error: any, info: any) => void) | undefined\n }>,\n prevState: any,\n ): void {\n if (prevState.error && prevState.resetKey !== this.state.resetKey) {\n this.setState({ error: null })\n }\n }\n componentDidCatch(error: any) {\n this.props.onCatch?.(error)\n }\n render() {\n return this.props.children(this.state)\n }\n}\n\nexport function ErrorComponent({ error }: { error: any }) {\n const [show, setShow] = React.useState(process.env.NODE_ENV !== 'production')\n\n return (\n <div style={{ padding: '.5rem', maxWidth: '100%' }}>\n <div style={{ display: 'flex', alignItems: 'center', gap: '.5rem' }}>\n <strong style={{ fontSize: '1rem' }}>Something went wrong!</strong>\n <button\n style={{\n appearance: 'none',\n fontSize: '.6em',\n border: '1px solid currentColor',\n padding: '.1rem .2rem',\n fontWeight: 'bold',\n borderRadius: '.25rem',\n }}\n onClick={() => setShow((d) => !d)}\n >\n {show ? 'Hide Error' : 'Show Error'}\n </button>\n </div>\n <div style={{ height: '.25rem' }} />\n {show ? (\n <div>\n <pre\n style={{\n fontSize: '.7em',\n border: '1px solid red',\n borderRadius: '.25rem',\n padding: '.3rem',\n color: 'red',\n overflow: 'auto',\n }}\n >\n {error.message ? <code>{error.message}</code> : null}\n </pre>\n </div>\n ) : null}\n </div>\n )\n}\n"],"names":[],"mappings":";;AAEO,SAAS,cAAc,OAK3B;AACK,QAAA,iBAAiB,MAAM,kBAAkB;AAG7C,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAa,MAAM;AAAA,MACnB,SAAS,MAAM;AAAA,MACf,UAAU,CAAC,EAAE,YAAY;AACvB,YAAI,OAAO;AACF,iBAAA,MAAM,cAAc,gBAAgB;AAAA,YACzC;AAAA,UAAA,CACD;AAAA,QACH;AAEA,eAAO,MAAM;AAAA,MACf;AAAA,IAAA;AAAA,EAAA;AAGN;AAEa,MAAA,0BAA0B,MAAM,UAI1C;AAAA,EAJI,cAAA;AAAA,UAAA,GAAA,SAAA;AAKG,SAAA,QAAA,EAAE,OAAO,KAAK;AAAA,EAAA;AAAA,EACtB,OAAO,yBAAyB,OAAY;;AAC1C,WAAO,EAAE,WAAU,WAAM,gBAAN,+BAAsB;AAAA,EAC3C;AAAA,EACA,OAAO,yBAAyB,OAAY;AAC1C,WAAO,EAAE,MAAM;AAAA,EACjB;AAAA,EACA,mBACE,WAKA,WACM;AACN,QAAI,UAAU,SAAS,UAAU,aAAa,KAAK,MAAM,UAAU;AACjE,WAAK,SAAS,EAAE,OAAO,KAAM,CAAA;AAAA,IAC/B;AAAA,EACF;AAAA,EACA,kBAAkB,OAAY;;AACvB,qBAAA,OAAM,YAAN,4BAAgB;AAAA,EACvB;AAAA,EACA,SAAS;AACP,WAAO,KAAK,MAAM,SAAS,KAAK,KAAK;AAAA,EACvC;AACF;AAEgB,SAAA,eAAe,EAAE,SAAyB;AAClD,QAAA,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,QAAQ,IAAI,aAAa,YAAY;AAG1E,SAAA,qBAAC,SAAI,OAAO,EAAE,SAAS,SAAS,UAAU,OACxC,GAAA,UAAA;AAAA,IAAC,qBAAA,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,QAAA,GACxD,UAAA;AAAA,MAAA,oBAAC,YAAO,OAAO,EAAE,UAAU,UAAU,UAAqB,yBAAA;AAAA,MAC1D;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,YACL,YAAY;AAAA,YACZ,UAAU;AAAA,YACV,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,cAAc;AAAA,UAChB;AAAA,UACA,SAAS,MAAM,QAAQ,CAAC,MAAM,CAAC,CAAC;AAAA,UAE/B,iBAAO,eAAe;AAAA,QAAA;AAAA,MACzB;AAAA,IAAA,GACF;AAAA,wBACC,OAAI,EAAA,OAAO,EAAE,QAAQ,YAAY;AAAA,IACjC,2BACE,OACC,EAAA,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,UACL,UAAU;AAAA,UACV,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,SAAS;AAAA,UACT,OAAO;AAAA,UACP,UAAU;AAAA,QACZ;AAAA,QAEC,gBAAM,UAAU,oBAAC,QAAM,EAAA,UAAA,MAAM,QAAQ,CAAA,IAAU;AAAA,MAAA;AAAA,OAEpD,IACE;AAAA,EACN,EAAA,CAAA;AAEJ;"}
|
package/package.json
CHANGED
package/src/CatchBoundary.tsx
CHANGED
|
@@ -26,20 +26,20 @@ export function CatchBoundary(props: {
|
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
export class CatchBoundaryImpl extends React.Component<{
|
|
29
|
-
getResetKey
|
|
29
|
+
getResetKey?: () => string
|
|
30
30
|
children: (props: { error: any; reset: () => void }) => any
|
|
31
31
|
onCatch?: (error: any) => void
|
|
32
32
|
}> {
|
|
33
33
|
state = { error: null } as any
|
|
34
34
|
static getDerivedStateFromProps(props: any) {
|
|
35
|
-
return { resetKey: props.getResetKey() }
|
|
35
|
+
return { resetKey: props.getResetKey?.() }
|
|
36
36
|
}
|
|
37
37
|
static getDerivedStateFromError(error: any) {
|
|
38
38
|
return { error }
|
|
39
39
|
}
|
|
40
40
|
componentDidUpdate(
|
|
41
41
|
prevProps: Readonly<{
|
|
42
|
-
getResetKey
|
|
42
|
+
getResetKey?: () => string
|
|
43
43
|
children: (props: { error: any; reset: () => void }) => any
|
|
44
44
|
onCatch?: ((error: any, info: any) => void) | undefined
|
|
45
45
|
}>,
|