@cedarjs/web 7.0.0-canary.3259 → 7.0.0-rc.123
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/apollo/index.js +1 -0
- package/apollo/package.json +5 -0
- package/dist/apollo/ApolloProviderWithFetchConfig.d.ts +3 -9
- package/dist/apollo/ApolloProviderWithFetchConfig.d.ts.map +1 -1
- package/dist/apollo/ApolloProviderWithFetchConfig.js +37 -60
- package/dist/apollo/CedarApolloProvider.d.ts +0 -1
- package/dist/apollo/CedarApolloProvider.d.ts.map +1 -1
- package/dist/apollo/CedarApolloProvider.js +6 -13
- package/dist/apollo/apolloLinkTypes.d.ts +4 -9
- package/dist/apollo/apolloLinkTypes.d.ts.map +1 -1
- package/dist/apollo/fragmentRegistry.d.ts +3 -3
- package/dist/apollo/fragmentRegistry.d.ts.map +1 -1
- package/dist/apollo/fragmentRegistry.js +8 -35
- package/dist/apollo/index.d.ts +0 -4
- package/dist/apollo/index.d.ts.map +1 -1
- package/dist/apollo/index.js +1 -3
- package/dist/apollo/links.d.ts +5 -6
- package/dist/apollo/links.d.ts.map +1 -1
- package/dist/apollo/links.js +9 -14
- package/dist/apollo/sseLink.d.ts +8 -5
- package/dist/apollo/sseLink.d.ts.map +1 -1
- package/dist/apollo/sseLink.js +12 -9
- package/dist/apollo/suspense.d.ts +3 -5
- package/dist/apollo/suspense.d.ts.map +1 -1
- package/dist/apollo/suspense.js +7 -35
- package/dist/apollo/useCache.d.ts +6 -4
- package/dist/apollo/useCache.d.ts.map +1 -1
- package/dist/apollo/useCache.js +1 -1
- package/dist/bundled/apollo-upload-client.d.ts +2 -2
- package/dist/bundled/apollo-upload-client.d.ts.map +1 -1
- package/dist/bundled/apollo-upload-client.js +1685 -1513
- package/dist/components/DevFatalErrorPage.d.ts +3 -3
- package/dist/components/DevFatalErrorPage.d.ts.map +1 -1
- package/dist/components/DevFatalErrorPage.js +49 -66
- package/dist/components/FatalErrorBoundary.d.ts +1 -1
- package/dist/components/cell/CellErrorBoundary.d.ts +3 -3
- package/dist/components/cell/CellErrorBoundary.d.ts.map +1 -1
- package/dist/components/cell/cellTypes.d.ts +18 -51
- package/dist/components/cell/cellTypes.d.ts.map +1 -1
- package/dist/components/cell/createCell.d.ts +1 -2
- package/dist/components/cell/createCell.d.ts.map +1 -1
- package/dist/components/cell/createCell.js +60 -65
- package/dist/components/cell/createFragmentCell.d.ts +1 -2
- package/dist/components/cell/createFragmentCell.d.ts.map +1 -1
- package/dist/components/cell/createFragmentCell.js +2 -4
- package/dist/components/cell/createServerCell.d.ts +2 -3
- package/dist/components/cell/createServerCell.d.ts.map +1 -1
- package/dist/components/cell/createServerCell.js +2 -4
- package/dist/components/cell/createSuspendingCell.d.ts +1 -2
- package/dist/components/cell/createSuspendingCell.d.ts.map +1 -1
- package/dist/components/cell/createSuspendingCell.js +34 -37
- package/dist/index.d.ts +2 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +5 -2
- package/dist/server/middleware.d.ts +1 -1
- package/dist/server/middleware.d.ts.map +1 -1
- package/package.json +26 -20
- package/toast/index.js +1 -0
- package/toast/package.json +5 -0
- package/dist/apollo/ApolloClientFactoryContext.d.ts +0 -26
- package/dist/apollo/ApolloClientFactoryContext.d.ts.map +0 -1
- package/dist/apollo/ApolloClientFactoryContext.js +0 -5
- package/dist/apollo/parsedScalars.d.ts +0 -36
- package/dist/apollo/parsedScalars.d.ts.map +0 -1
- package/dist/apollo/parsedScalars.js +0 -75
- package/dist/apollo/typeOverrides.d.ts +0 -8
- package/dist/apollo/typeOverrides.d.ts.map +0 -1
- package/dist/apollo/typeOverrides.js +0 -0
- package/dist/apollo/useCreateApolloClient.d.ts +0 -11
- package/dist/apollo/useCreateApolloClient.d.ts.map +0 -1
- package/dist/apollo/useCreateApolloClient.js +0 -14
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type {
|
|
2
|
+
import type { GraphQLError } from 'graphql';
|
|
3
3
|
type RequestDetails = {
|
|
4
4
|
query: string;
|
|
5
5
|
operationName: string;
|
|
6
6
|
operationKind: string;
|
|
7
7
|
variables: any;
|
|
8
8
|
};
|
|
9
|
-
interface EnhancedGqlError extends
|
|
9
|
+
interface EnhancedGqlError extends GraphQLError {
|
|
10
10
|
__RedwoodEnhancedError: RequestDetails;
|
|
11
11
|
}
|
|
12
12
|
type ErrorWithRequestMeta = Error & {
|
|
13
13
|
mostRecentRequest?: RequestDetails;
|
|
14
|
-
|
|
14
|
+
graphQLErrors?: EnhancedGqlError[];
|
|
15
15
|
mostRecentResponse?: any;
|
|
16
16
|
};
|
|
17
17
|
export declare const DevFatalErrorPage: (props: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DevFatalErrorPage.d.ts","sourceRoot":"","sources":["../../src/components/DevFatalErrorPage.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAE1D,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"DevFatalErrorPage.d.ts","sourceRoot":"","sources":["../../src/components/DevFatalErrorPage.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAE1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAmB3C,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,EAAE,MAAM,CAAA;IACrB,aAAa,EAAE,MAAM,CAAA;IACrB,SAAS,EAAE,GAAG,CAAA;CACf,CAAA;AAED,UAAU,gBAAiB,SAAQ,YAAY;IAC7C,sBAAsB,EAAE,cAAc,CAAA;CACvC;AAGD,KAAK,oBAAoB,GAAG,KAAK,GAAG;IAClC,iBAAiB,CAAC,EAAE,cAAc,CAAA;IAClC,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAClC,kBAAkB,CAAC,EAAE,GAAG,CAAA;CACzB,CAAA;AAiGD,eAAO,MAAM,iBAAiB,GAAI,OAAO;IAAE,KAAK,CAAC,EAAE,oBAAoB,CAAA;CAAE,sBA4FxE,CAAA"}
|
|
@@ -10,90 +10,73 @@ if (/^[A-Z]:\\/.test(srcRoot)) {
|
|
|
10
10
|
} else {
|
|
11
11
|
appRoot = srcRoot.substring(1);
|
|
12
12
|
}
|
|
13
|
-
function
|
|
14
|
-
const
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
}
|
|
24
|
-
function longestBacktickRun(value) {
|
|
25
|
-
return Array.from(value.matchAll(/`+/g)).reduce(
|
|
26
|
-
(longest, [run]) => Math.max(longest, run.length),
|
|
27
|
-
0
|
|
28
|
-
);
|
|
29
|
-
}
|
|
30
|
-
function formatErrorForClipboard(stack, typeName, msg, errorWithMeta) {
|
|
31
|
-
const sections = [
|
|
32
|
-
`## Error
|
|
33
|
-
|
|
34
|
-
${formatMarkdownCode(typeName)}: ${formatMarkdownCode(msg)}`
|
|
35
|
-
];
|
|
36
|
-
const mostRecentRequest = errorWithMeta.mostRecentRequest || errorWithMeta.errors?.find((gqlErr) => gqlErr.__RedwoodEnhancedError)?.__RedwoodEnhancedError;
|
|
13
|
+
function formatErrorForClipboard(err, stack, typeName, msg, errorWithMeta) {
|
|
14
|
+
const lines = [];
|
|
15
|
+
lines.push("=".repeat(80));
|
|
16
|
+
lines.push("FATAL ERROR REPORT");
|
|
17
|
+
lines.push("=".repeat(80));
|
|
18
|
+
lines.push("");
|
|
19
|
+
lines.push(`ERROR TYPE: ${typeName}`);
|
|
20
|
+
lines.push(`ERROR MESSAGE: ${msg}`);
|
|
21
|
+
lines.push("");
|
|
22
|
+
const mostRecentRequest = errorWithMeta.mostRecentRequest || errorWithMeta.graphQLErrors?.find((gqlErr) => gqlErr.__RedwoodEnhancedError)?.__RedwoodEnhancedError;
|
|
37
23
|
if (mostRecentRequest) {
|
|
38
|
-
|
|
24
|
+
lines.push("-".repeat(80));
|
|
25
|
+
lines.push("REQUEST CONTEXT");
|
|
26
|
+
lines.push("-".repeat(80));
|
|
27
|
+
lines.push(`Operation: ${mostRecentRequest.operationName}`);
|
|
28
|
+
lines.push(`Kind: ${mostRecentRequest.operationKind}`);
|
|
29
|
+
lines.push("");
|
|
30
|
+
lines.push("Variables:");
|
|
39
31
|
try {
|
|
40
|
-
|
|
32
|
+
lines.push(JSON.stringify(mostRecentRequest.variables, null, 2));
|
|
41
33
|
} catch {
|
|
42
|
-
|
|
34
|
+
lines.push("Unable to stringify variables");
|
|
43
35
|
}
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
`${mostRecentRequest.operationKind} ${mostRecentRequest.operationName}`,
|
|
49
|
-
"",
|
|
50
|
-
"### Variables",
|
|
51
|
-
"",
|
|
52
|
-
formatMarkdownCodeBlock(variables, "json"),
|
|
53
|
-
"",
|
|
54
|
-
"### Query",
|
|
55
|
-
"",
|
|
56
|
-
formatMarkdownCodeBlock(mostRecentRequest.query, "graphql")
|
|
57
|
-
].join("\n")
|
|
58
|
-
);
|
|
36
|
+
lines.push("");
|
|
37
|
+
lines.push("Query:");
|
|
38
|
+
lines.push(mostRecentRequest.query);
|
|
39
|
+
lines.push("");
|
|
59
40
|
}
|
|
60
41
|
if (errorWithMeta.mostRecentResponse) {
|
|
61
|
-
|
|
42
|
+
lines.push("-".repeat(80));
|
|
43
|
+
lines.push("RESPONSE CONTEXT");
|
|
44
|
+
lines.push("-".repeat(80));
|
|
62
45
|
try {
|
|
63
|
-
|
|
46
|
+
lines.push(JSON.stringify(errorWithMeta.mostRecentResponse, null, 2));
|
|
64
47
|
} catch {
|
|
65
|
-
|
|
48
|
+
lines.push("Unable to stringify response");
|
|
66
49
|
}
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
${formatMarkdownCodeBlock(response, "json")}`);
|
|
50
|
+
lines.push("");
|
|
70
51
|
}
|
|
71
|
-
|
|
72
|
-
|
|
52
|
+
lines.push("-".repeat(80));
|
|
53
|
+
lines.push("STACK TRACE");
|
|
54
|
+
lines.push("-".repeat(80));
|
|
55
|
+
stack.items.forEach((entry, i) => {
|
|
56
|
+
const fileShort = entry.fileShort || "[Unknown]";
|
|
73
57
|
const callee = entry.callee || "[Anonymous]";
|
|
74
|
-
const
|
|
75
|
-
const
|
|
58
|
+
const line = entry.line || "?";
|
|
59
|
+
const column = entry.column || "?";
|
|
60
|
+
lines.push(`[${i}] ${fileShort}:${line}:${column} in ${callee}`);
|
|
76
61
|
const sourceFile = entry.sourceFile;
|
|
77
|
-
if (sourceFile?.lines
|
|
78
|
-
const lineIndex = entry.line - 1;
|
|
62
|
+
if (sourceFile?.lines && sourceFile.lines.length > 0) {
|
|
63
|
+
const lineIndex = (entry.line || 1) - 1;
|
|
79
64
|
const window = 2;
|
|
80
65
|
const start = Math.max(0, lineIndex - window);
|
|
81
66
|
const end = Math.min(sourceFile.lines.length, lineIndex + window + 1);
|
|
82
|
-
|
|
67
|
+
lines.push(" Source context:");
|
|
83
68
|
for (let idx = start; idx < end; idx++) {
|
|
84
|
-
const marker = idx === lineIndex ? ">" : "
|
|
85
|
-
|
|
86
|
-
|
|
69
|
+
const marker = idx === lineIndex ? "> " : " ";
|
|
70
|
+
lines.push(
|
|
71
|
+
` ${marker}${(idx + 1).toString().padStart(4)} | ${sourceFile.lines[idx]}`
|
|
87
72
|
);
|
|
88
73
|
}
|
|
89
|
-
lines.push(""
|
|
74
|
+
lines.push("");
|
|
90
75
|
}
|
|
91
|
-
return lines.join("\n");
|
|
92
76
|
});
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
return sections.join("\n\n");
|
|
77
|
+
lines.push("");
|
|
78
|
+
lines.push("=".repeat(80));
|
|
79
|
+
return lines.join("\n");
|
|
97
80
|
}
|
|
98
81
|
const DevFatalErrorPage = (props) => {
|
|
99
82
|
const [copyFeedback, setCopyFeedback] = useState("");
|
|
@@ -116,7 +99,7 @@ const DevFatalErrorPage = (props) => {
|
|
|
116
99
|
const msg = String(err?.message);
|
|
117
100
|
const FileRef = stack.items[0] ? /* @__PURE__ */ React.createElement("a", { href: toVSCodeURL(stack.items[0]) }, stack.items[0].fileName) : null;
|
|
118
101
|
const handleCopyAll = async () => {
|
|
119
|
-
const errorText = formatErrorForClipboard(stack, typeName, msg, err);
|
|
102
|
+
const errorText = formatErrorForClipboard(err, stack, typeName, msg, err);
|
|
120
103
|
try {
|
|
121
104
|
await navigator.clipboard.writeText(errorText);
|
|
122
105
|
setCopyFeedback("\u2713 Copied to clipboard");
|
|
@@ -211,7 +194,7 @@ function ResponseRequest(props) {
|
|
|
211
194
|
if (!props.error) {
|
|
212
195
|
return null;
|
|
213
196
|
}
|
|
214
|
-
const mostRecentRequest = props.error.mostRecentRequest || props.error.
|
|
197
|
+
const mostRecentRequest = props.error.mostRecentRequest || props.error.graphQLErrors?.find((gqlErr) => gqlErr.__RedwoodEnhancedError)?.__RedwoodEnhancedError;
|
|
215
198
|
const mostRecentResponse = props.error.mostRecentResponse;
|
|
216
199
|
return /* @__PURE__ */ React.createElement("div", { className: "request-response" }, mostRecentRequest ? /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h4", null, "Request: ", mostRecentRequest.operationName), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h5", null, "Variables:"), /* @__PURE__ */ React.createElement("code", null, /* @__PURE__ */ React.createElement("pre", null, JSON.stringify(mostRecentRequest.variables, null, " ")))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("h5", null, "Query:"), /* @__PURE__ */ React.createElement("code", null, /* @__PURE__ */ React.createElement(
|
|
217
200
|
"pre",
|
|
@@ -18,7 +18,7 @@ declare class FatalErrorBoundary extends React.Component<PropsFatalErrorBoundary
|
|
|
18
18
|
hasError: boolean;
|
|
19
19
|
error: Error;
|
|
20
20
|
};
|
|
21
|
-
render(): string | number |
|
|
21
|
+
render(): string | number | boolean | Iterable<React.ReactNode> | React.PromiseLikeOfReactNode | React.JSX.Element | null | undefined;
|
|
22
22
|
}
|
|
23
23
|
export { FatalErrorBoundary };
|
|
24
24
|
//# sourceMappingURL=FatalErrorBoundary.d.ts.map
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type {
|
|
2
|
+
import type { QueryResult } from '@apollo/client';
|
|
3
3
|
import type { CellFailureProps } from './cellTypes.js';
|
|
4
4
|
export type FallbackProps = {
|
|
5
|
-
error:
|
|
5
|
+
error: QueryResult['error'];
|
|
6
6
|
resetErrorBoundary: () => void;
|
|
7
7
|
};
|
|
8
8
|
export type CellErrorBoundaryProps = {
|
|
@@ -11,7 +11,7 @@ export type CellErrorBoundaryProps = {
|
|
|
11
11
|
};
|
|
12
12
|
interface ErrState {
|
|
13
13
|
hasError: boolean;
|
|
14
|
-
error?:
|
|
14
|
+
error?: QueryResult['error'];
|
|
15
15
|
}
|
|
16
16
|
export declare class CellErrorBoundary extends React.Component<CellErrorBoundaryProps, ErrState> {
|
|
17
17
|
constructor(props: CellErrorBoundaryProps);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CellErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/components/cell/CellErrorBoundary.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"CellErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/components/cell/CellErrorBoundary.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAEjD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAEtD,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC3B,kBAAkB,EAAE,MAAM,IAAI,CAAA;CAC/B,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG;IAGnC,cAAc,EAAE,CACd,OAAO,EAAE,aAAa,KACnB,KAAK,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAA;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAED,UAAU,QAAQ;IAChB,QAAQ,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;CAC7B;AAED,qBAAa,iBAAkB,SAAQ,KAAK,CAAC,SAAS,CACpD,sBAAsB,EACtB,QAAQ,CACT;gBACa,KAAK,EAAE,sBAAsB;IAKzC,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK;;;;IAI5C,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS;IAQ1D,MAAM;CAgBP"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import type { ComponentProps,
|
|
2
|
-
import type { ApolloClient, NetworkStatus, OperationVariables,
|
|
3
|
-
import type { QueryRef, SkipToken, useBackgroundQuery, useQuery } from '@apollo/client/react';
|
|
1
|
+
import type { ComponentProps, JSXElementConstructor } from 'react';
|
|
2
|
+
import type { ApolloClient, NetworkStatus, OperationVariables, QueryRef, QueryResult, UseBackgroundQueryResult } from '@apollo/client';
|
|
4
3
|
import type { DocumentNode } from 'graphql';
|
|
5
4
|
import type { A, L, O, U } from 'ts-toolbelt';
|
|
6
5
|
/**
|
|
@@ -22,7 +21,7 @@ type CellPropsVariables<Cell, GQLVariables> = Cell extends {
|
|
|
22
21
|
* Cell component props which is the combination of query variables and Success props.
|
|
23
22
|
*/
|
|
24
23
|
export type CellProps<CellSuccess extends keyof JSX.IntrinsicElements | JSXElementConstructor<any>, GQLResult, CellType, GQLVariables> = A.Compute<Omit<ComponentProps<CellSuccess>, keyof CellPropsVariables<CellType, GQLVariables> | keyof (GQLVariables extends Record<string, never> ? unknown : GQLVariables) | keyof GQLResult | 'updating' | 'queryResult'> & CellPropsVariables<CellType, GQLVariables>>;
|
|
25
|
-
type InputVarProps<T> =
|
|
24
|
+
type InputVarProps<T> = T extends {
|
|
26
25
|
[key: string]: never;
|
|
27
26
|
} ? unknown : T;
|
|
28
27
|
export type CellLoadingProps<TVariables extends OperationVariables = any> = {
|
|
@@ -30,7 +29,7 @@ export type CellLoadingProps<TVariables extends OperationVariables = any> = {
|
|
|
30
29
|
} & InputVarProps<TVariables>;
|
|
31
30
|
export type CellFailureProps<TVariables extends OperationVariables = any> = {
|
|
32
31
|
queryResult?: NonSuspenseCellQueryResult<TVariables, any> | SuspenseCellQueryResult;
|
|
33
|
-
error?:
|
|
32
|
+
error?: QueryResult['error'] | Error;
|
|
34
33
|
/**
|
|
35
34
|
* @see {@link https://www.apollographql.com/docs/apollo-server/data/errors/#error-codes}
|
|
36
35
|
*/
|
|
@@ -76,50 +75,17 @@ export type CellSuccessProps<TData = any, TVariables extends OperationVariables
|
|
|
76
75
|
export type DataObject = {
|
|
77
76
|
[key: string]: unknown;
|
|
78
77
|
};
|
|
79
|
-
/**
|
|
80
|
-
* What `beforeQuery` returns is handed straight to the GraphQL client's query
|
|
81
|
-
* hook, so any of that hook's options can be set here.
|
|
82
|
-
*/
|
|
83
|
-
export type CellBeforeQueryOptions<CellVariables> = {
|
|
84
|
-
variables: CellVariables;
|
|
85
|
-
} & Omit<useQuery.Options<DataObject, OperationVariables>, 'variables'>;
|
|
86
|
-
/**
|
|
87
|
-
* `beforeQuery` can return `skipToken` instead of an options object to keep the
|
|
88
|
-
* query from being executed at all. A skipped Cell renders nothing -- none of
|
|
89
|
-
* `Loading`, `Empty`, `Failure` or `Success` are rendered.
|
|
90
|
-
*
|
|
91
|
-
* @see {@link https://www.apollographql.com/docs/react/api/react/hooks#skiptoken}
|
|
92
|
-
*
|
|
93
|
-
* @example
|
|
94
|
-
* ```ts
|
|
95
|
-
* import { skipToken } from '@apollo/client/react'
|
|
96
|
-
*
|
|
97
|
-
* export const beforeQuery = ({ id }) => {
|
|
98
|
-
* const otherId = useStore((state) => state.getOther(id))
|
|
99
|
-
*
|
|
100
|
-
* return otherId ? { variables: { id, otherId } } : skipToken
|
|
101
|
-
* }
|
|
102
|
-
* ```
|
|
103
|
-
*/
|
|
104
|
-
export type CellBeforeQueryResult<CellVariables> = CellBeforeQueryOptions<CellVariables> | SkipToken;
|
|
105
78
|
/**
|
|
106
79
|
* The main interface.
|
|
107
|
-
*
|
|
108
|
-
* @param GQLResult - The shape of the data returned by `QUERY` (or, for
|
|
109
|
-
* fragment Cells, the shape of the fragment's data). This is what
|
|
110
|
-
* `Success`/`Empty` receive their data as. Defaults to `any` so Cells that
|
|
111
|
-
* don't -- or can't -- type their `QUERY` with `TypedDocumentNode` (e.g. in
|
|
112
|
-
* tests, or Cells built from a plain string) keep the pre-existing loose
|
|
113
|
-
* behavior instead of erroring.
|
|
114
80
|
*/
|
|
115
|
-
export interface CreateCellProps<CellProps, CellVariables
|
|
81
|
+
export interface CreateCellProps<CellProps, CellVariables> {
|
|
116
82
|
/**
|
|
117
83
|
* The GraphQL syntax tree to execute or function to call that returns it.
|
|
118
84
|
* If `QUERY` is a function, it's called with the result of `beforeQuery`.
|
|
119
85
|
*
|
|
120
86
|
* Either `QUERY` or `FRAGMENT` must be provided.
|
|
121
87
|
*/
|
|
122
|
-
QUERY?:
|
|
88
|
+
QUERY?: DocumentNode | ((variables: Record<string, unknown>) => DocumentNode);
|
|
123
89
|
/**
|
|
124
90
|
* A GraphQL fragment that declares this Cell's data requirements. Fragment
|
|
125
91
|
* Cells don't fire their own query. Instead a parent Cell spreads the
|
|
@@ -133,11 +99,12 @@ export interface CreateCellProps<CellProps, CellVariables extends OperationVaria
|
|
|
133
99
|
FRAGMENT?: DocumentNode;
|
|
134
100
|
/**
|
|
135
101
|
* Parse `props` into query variables. Most of the time `props` are appropriate variables as is.
|
|
136
|
-
*
|
|
137
|
-
* Any other option the GraphQL client's query hook accepts can be returned
|
|
138
|
-
* here as well. Return `skipToken` to not execute the query at all.
|
|
139
102
|
*/
|
|
140
|
-
beforeQuery?: ((props: CellProps) =>
|
|
103
|
+
beforeQuery?: ((props: CellProps) => {
|
|
104
|
+
variables: CellVariables;
|
|
105
|
+
}) | (() => {
|
|
106
|
+
variables: CellVariables;
|
|
107
|
+
});
|
|
141
108
|
/**
|
|
142
109
|
* Sanitize the data returned from the query.
|
|
143
110
|
*/
|
|
@@ -167,19 +134,19 @@ export interface CreateCellProps<CellProps, CellVariables extends OperationVaria
|
|
|
167
134
|
/**
|
|
168
135
|
* If the query's in flight and there's no stale data, render this.
|
|
169
136
|
*/
|
|
170
|
-
Loading?: React.FC<CellLoadingProps
|
|
137
|
+
Loading?: React.FC<CellLoadingProps & Partial<CellProps>>;
|
|
171
138
|
/**
|
|
172
139
|
* If something went wrong, render this.
|
|
173
140
|
*/
|
|
174
|
-
Failure?: React.FC<CellFailureProps
|
|
141
|
+
Failure?: React.FC<CellFailureProps & Partial<CellProps>>;
|
|
175
142
|
/**
|
|
176
143
|
* If no data was returned, render this.
|
|
177
144
|
*/
|
|
178
|
-
Empty?: React.FC<CellSuccessProps
|
|
145
|
+
Empty?: React.FC<CellSuccessProps & Partial<CellProps>>;
|
|
179
146
|
/**
|
|
180
147
|
* If data was returned, render this.
|
|
181
148
|
*/
|
|
182
|
-
Success: React.FC<CellSuccessProps
|
|
149
|
+
Success: React.FC<CellSuccessProps & Partial<CellProps>>;
|
|
183
150
|
/**
|
|
184
151
|
* What to call the Cell. Defaults to the filename.
|
|
185
152
|
*/
|
|
@@ -190,9 +157,9 @@ export type SuspendingSuccessProps = React.PropsWithChildren<Record<string, unkn
|
|
|
190
157
|
suspenseQueryResult: SuspenseCellQueryResult<DataObject, any>;
|
|
191
158
|
userProps: Record<string, any>;
|
|
192
159
|
};
|
|
193
|
-
export type NonSuspenseCellQueryResult<TVariables extends OperationVariables = any, TData = any> = Partial<Omit<
|
|
194
|
-
export interface SuspenseCellQueryResult<_TData = any, _TVariables extends OperationVariables = any> extends
|
|
195
|
-
client: ApolloClient
|
|
160
|
+
export type NonSuspenseCellQueryResult<TVariables extends OperationVariables = any, TData = any> = Partial<Omit<QueryResult<TData, TVariables>, 'loading' | 'error' | 'data'>>;
|
|
161
|
+
export interface SuspenseCellQueryResult<_TData = any, _TVariables extends OperationVariables = any> extends UseBackgroundQueryResult {
|
|
162
|
+
client: ApolloClient<any>;
|
|
196
163
|
networkStatus?: NetworkStatus;
|
|
197
164
|
called: boolean;
|
|
198
165
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cellTypes.d.ts","sourceRoot":"","sources":["../../../src/components/cell/cellTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,
|
|
1
|
+
{"version":3,"file":"cellTypes.d.ts","sourceRoot":"","sources":["../../../src/components/cell/cellTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAA;AAElE,OAAO,KAAK,EACV,YAAY,EACZ,aAAa,EACb,kBAAkB,EAClB,QAAQ,EACR,WAAW,EACX,wBAAwB,EACzB,MAAM,gBAAgB,CAAA;AACvB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAC3C,OAAO,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,aAAa,CAAA;AAE7C;;;;;;;;;;;GAWG;AACH,KAAK,kBAAkB,CAAC,IAAI,EAAE,YAAY,IAAI,IAAI,SAAS;IACzD,WAAW,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;CACrC,GACG,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,SAAS,CAAC,MAAM,QAAQ,EAAE,GAAG,GAAG,EAAE,CAAC,GAGhE,OAAO,SAAS,QAAQ,GACtB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GACvB,QAAQ,GACV,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GACzB,YAAY,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACxC,OAAO,GACP,YAAY,CAAA;AAElB;;GAEG;AACH,MAAM,MAAM,SAAS,CACnB,WAAW,SAAS,MAAM,GAAG,CAAC,iBAAiB,GAAG,qBAAqB,CAAC,GAAG,CAAC,EAC5E,SAAS,EACT,QAAQ,EACR,YAAY,IACV,CAAC,CAAC,OAAO,CACX,IAAI,CACF,cAAc,CAAC,WAAW,CAAC,EACzB,MAAM,kBAAkB,CAAC,QAAQ,EAAE,YAAY,CAAC,GAQhD,MAAM,CAAC,YAAY,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GAC7C,OAAO,GACP,YAAY,CAAC,GACjB,MAAM,SAAS,GACf,UAAU,GACV,aAAa,CAChB,GACC,kBAAkB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAC7C,CAAA;AAED,KAAK,aAAa,CAAC,CAAC,IAAI,CAAC,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAA;CAAE,GAAG,OAAO,GAAG,CAAC,CAAA;AAExE,MAAM,MAAM,gBAAgB,CAAC,UAAU,SAAS,kBAAkB,GAAG,GAAG,IAAI;IAC1E,WAAW,CAAC,EACR,0BAA0B,CAAC,UAAU,EAAE,GAAG,CAAC,GAC3C,uBAAuB,CAAA;CAC5B,GAAG,aAAa,CAAC,UAAU,CAAC,CAAA;AAE7B,MAAM,MAAM,gBAAgB,CAAC,UAAU,SAAS,kBAAkB,GAAG,GAAG,IAAI;IAC1E,WAAW,CAAC,EACR,0BAA0B,CAAC,UAAU,EAAE,GAAG,CAAC,GAC3C,uBAAuB,CAAA;IAC3B,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,GAAG,KAAK,CAAA;IAEpC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,aAAa,CAAC,UAAU,CAAC,CAAA;AAG7B,KAAK,UAAU,CAAC,CAAC,IAAI;KAClB,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CACpC,CAAA;AAED,KAAK,QAAQ,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAA;AAU1E,KAAK,uBAAuB,CAAC,CAAC,SAAS,MAAM,IAC3C,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;AAE3C;;;;;;;;GAQG;AACH,MAAM,MAAM,eAAe,CAAC,KAAK,GAAG,GAAG,IAAI,uBAAuB,CAChE,IAAI,CAAC,KAAK,EAAE,YAAY,CAAC,CAC1B,CAAA;AAED;;;;;GAKG;AAEH,MAAM,MAAM,gBAAgB,CAC1B,KAAK,GAAG,GAAG,EACX,UAAU,SAAS,kBAAkB,GAAG,GAAG,IACzC;IACF,WAAW,CAAC,EACR,0BAA0B,CAAC,UAAU,EAAE,KAAK,CAAC,GAC7C,uBAAuB,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,aAAa,CAAC,UAAU,CAAC,GAE3B,CAAC,CAAC,OAAO,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAA;AAEnC;;;;;;;;;;GAUG;AACH,MAAM,MAAM,UAAU,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,CAAA;AAEnD;;GAEG;AACH,MAAM,WAAW,eAAe,CAAC,SAAS,EAAE,aAAa;IACvD;;;;;OAKG;IACH,KAAK,CAAC,EAAE,YAAY,GAAG,CAAC,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,YAAY,CAAC,CAAA;IAC7E;;;;;;;;;OASG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAA;IACvB;;OAEG;IACH,WAAW,CAAC,EACR,CAAC,CAAC,KAAK,EAAE,SAAS,KAAK;QAAE,SAAS,EAAE,aAAa,CAAA;KAAE,CAAC,GACpD,CAAC,MAAM;QAAE,SAAS,EAAE,aAAa,CAAA;KAAE,CAAC,CAAA;IACxC;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,UAAU,CAAA;IAC7C;;;;;;;;;;;;;;;;;;OAkBG;IACH,OAAO,CAAC,EAAE,CACR,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE;QACP,WAAW,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,OAAO,CAAA;KAC3C,KACE,OAAO,CAAA;IACZ;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,CAAA;IACzD;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,CAAA;IACzD;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,CAAA;IACvD;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,CAAA;IACxD;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,iBAAiB,CAC1D,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CACxB,GAAG;IACF,QAAQ,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAA;IAC9B,mBAAmB,EAAE,uBAAuB,CAAC,UAAU,EAAE,GAAG,CAAC,CAAA;IAC7D,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAC/B,CAAA;AAED,MAAM,MAAM,0BAA0B,CACpC,UAAU,SAAS,kBAAkB,GAAG,GAAG,EAC3C,KAAK,GAAG,GAAG,IACT,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,UAAU,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC,CAAC,CAAA;AAI/E,MAAM,WAAW,uBAAuB,CACtC,MAAM,GAAG,GAAG,EACZ,WAAW,SAAS,kBAAkB,GAAG,GAAG,CAC5C,SAAQ,wBAAwB;IAChC,MAAM,EAAE,YAAY,CAAC,GAAG,CAAC,CAAA;IAEzB,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,MAAM,EAAE,OAAO,CAAA;CAChB"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { OperationVariables } from '@apollo/client';
|
|
3
2
|
import type { CreateCellProps } from './cellTypes.js';
|
|
4
|
-
export declare function createCell<CellProps extends Record<string, unknown>, CellVariables extends
|
|
3
|
+
export declare function createCell<CellProps extends Record<string, unknown>, CellVariables extends Record<string, unknown>>(createCellProps: CreateCellProps<CellProps, CellVariables>): React.FC<CellProps>;
|
|
5
4
|
//# sourceMappingURL=createCell.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createCell.d.ts","sourceRoot":"","sources":["../../../src/components/cell/createCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"createCell.d.ts","sourceRoot":"","sources":["../../../src/components/cell/createCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAKrD,wBAAgB,UAAU,CACxB,SAAS,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACzC,aAAa,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAE7C,eAAe,EAAE,eAAe,CAAC,SAAS,EAAE,aAAa,CAAC,GACzD,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAiCrB"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import {
|
|
3
|
-
import { useQuery } from "@apollo/client/react";
|
|
2
|
+
import { useQuery } from "@apollo/client/react/hooks/hooks.cjs";
|
|
4
3
|
import { fragmentRegistry } from "../../apollo/fragmentRegistry.js";
|
|
5
4
|
import { getOperationName } from "../../graphql.js";
|
|
6
5
|
import { useCellCacheContext } from "./CellCacheContext.js";
|
|
@@ -16,9 +15,7 @@ function createCell(createCellProps) {
|
|
|
16
15
|
}
|
|
17
16
|
if (RWJS_ENV.RWJS_EXP_STREAMING_SSR) {
|
|
18
17
|
const suspendingCellProps = createCellProps;
|
|
19
|
-
return createSuspendingCell(
|
|
20
|
-
suspendingCellProps
|
|
21
|
-
);
|
|
18
|
+
return createSuspendingCell(suspendingCellProps);
|
|
22
19
|
}
|
|
23
20
|
return createNonSuspendingCell(createCellProps);
|
|
24
21
|
}
|
|
@@ -53,9 +50,7 @@ function createNonSuspendingCell({
|
|
|
53
50
|
function NamedCell(props) {
|
|
54
51
|
const { children: _, ...variables } = props;
|
|
55
52
|
const options = beforeQuery(variables);
|
|
56
|
-
const
|
|
57
|
-
const skipped = !queryOptions || queryOptions.skip === true;
|
|
58
|
-
const query = typeof cellQuery === "function" ? cellQuery(queryOptions ?? {}) : cellQuery;
|
|
53
|
+
const query = typeof cellQuery === "function" ? cellQuery(options) : cellQuery;
|
|
59
54
|
let {
|
|
60
55
|
// eslint-disable-next-line prefer-const
|
|
61
56
|
error,
|
|
@@ -65,77 +60,77 @@ function createNonSuspendingCell({
|
|
|
65
60
|
} = useQuery(query, options);
|
|
66
61
|
if (globalThis.__REDWOOD__PRERENDERING) {
|
|
67
62
|
const { queryCache } = useCellCacheContext();
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
63
|
+
const operationName = getOperationName(query);
|
|
64
|
+
const transformedQuery = fragmentRegistry.transform(query);
|
|
65
|
+
let cacheKey;
|
|
66
|
+
if (operationName) {
|
|
67
|
+
cacheKey = operationName + "_" + JSON.stringify(variables);
|
|
68
|
+
} else {
|
|
69
|
+
const cellName = displayName === "Cell" ? "the cell" : displayName;
|
|
70
|
+
throw new Error(
|
|
71
|
+
`The gql query in ${cellName} is missing an operation name. Something like FindBlogPostQuery in \`query FindBlogPostQuery($id: Int!)\``
|
|
72
|
+
);
|
|
73
|
+
}
|
|
74
|
+
const queryInfo = queryCache[cacheKey];
|
|
75
|
+
if (queryInfo?.renderLoading) {
|
|
76
|
+
loading = true;
|
|
77
|
+
} else {
|
|
78
|
+
if (queryInfo?.hasProcessed) {
|
|
79
|
+
loading = false;
|
|
80
|
+
data = queryInfo.data;
|
|
81
|
+
queryResult = { variables };
|
|
74
82
|
} else {
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
const queryInfo = queryCache[cacheKey];
|
|
81
|
-
if (queryInfo?.renderLoading) {
|
|
82
|
-
loading = true;
|
|
83
|
-
} else {
|
|
84
|
-
if (queryInfo?.hasProcessed) {
|
|
85
|
-
loading = false;
|
|
86
|
-
data = queryInfo.data;
|
|
87
|
-
queryResult = { variables };
|
|
88
|
-
} else {
|
|
89
|
-
queryCache[cacheKey] ||= {
|
|
90
|
-
query: transformedQuery,
|
|
91
|
-
variables: queryOptions.variables,
|
|
92
|
-
hasProcessed: false
|
|
93
|
-
};
|
|
94
|
-
}
|
|
83
|
+
queryCache[cacheKey] ||= {
|
|
84
|
+
query: transformedQuery,
|
|
85
|
+
variables: options.variables,
|
|
86
|
+
hasProcessed: false
|
|
87
|
+
};
|
|
95
88
|
}
|
|
96
89
|
}
|
|
97
90
|
}
|
|
98
|
-
if (skipped) {
|
|
99
|
-
return null;
|
|
100
|
-
}
|
|
101
91
|
if (error) {
|
|
102
92
|
if (Failure) {
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
93
|
+
return /* @__PURE__ */ React.createElement(
|
|
94
|
+
Failure,
|
|
95
|
+
{
|
|
96
|
+
error,
|
|
97
|
+
errorCode: (
|
|
98
|
+
// Use the ad-hoc QueryResultWithErrorCode type to access the errorCode
|
|
99
|
+
queryResult.errorCode ?? error.graphQLErrors?.[0]?.extensions?.["code"]
|
|
100
|
+
),
|
|
101
|
+
...props,
|
|
102
|
+
updating: loading,
|
|
103
|
+
queryResult
|
|
104
|
+
}
|
|
105
|
+
);
|
|
114
106
|
} else {
|
|
115
|
-
throw error
|
|
107
|
+
throw error;
|
|
116
108
|
}
|
|
117
109
|
} else if (data) {
|
|
118
110
|
const afterQueryData = afterQuery(data);
|
|
119
111
|
if (isEmpty(data, { isDataEmpty }) && Empty) {
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
112
|
+
return /* @__PURE__ */ React.createElement(
|
|
113
|
+
Empty,
|
|
114
|
+
{
|
|
115
|
+
...props,
|
|
116
|
+
...afterQueryData,
|
|
117
|
+
updating: loading,
|
|
118
|
+
queryResult
|
|
119
|
+
}
|
|
120
|
+
);
|
|
127
121
|
} else {
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
122
|
+
return /* @__PURE__ */ React.createElement(
|
|
123
|
+
Success,
|
|
124
|
+
{
|
|
125
|
+
...props,
|
|
126
|
+
...afterQueryData,
|
|
127
|
+
updating: loading,
|
|
128
|
+
queryResult
|
|
129
|
+
}
|
|
130
|
+
);
|
|
135
131
|
}
|
|
136
132
|
} else if (loading) {
|
|
137
|
-
|
|
138
|
-
return /* @__PURE__ */ React.createElement(Loading, { ...loadingProps });
|
|
133
|
+
return /* @__PURE__ */ React.createElement(Loading, { ...props, queryResult });
|
|
139
134
|
} else {
|
|
140
135
|
console.warn(
|
|
141
136
|
`If you're using Apollo Client, check for its debug logs here in the console, which may help explain the error.`
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { OperationVariables } from '@apollo/client';
|
|
3
2
|
import type { CreateCellProps } from './cellTypes.js';
|
|
4
3
|
/**
|
|
5
4
|
* Creates a Cell out of a GraphQL fragment and components that render its
|
|
@@ -16,5 +15,5 @@ import type { CreateCellProps } from './cellTypes.js';
|
|
|
16
15
|
* mutations update the underlying entity. If the cache read is incomplete,
|
|
17
16
|
* the passed-in object itself is used as the data snapshot.
|
|
18
17
|
*/
|
|
19
|
-
export declare function createFragmentCell<CellProps extends Record<string, unknown>, CellVariables extends
|
|
18
|
+
export declare function createFragmentCell<CellProps extends Record<string, unknown>, CellVariables extends Record<string, unknown>>({ FRAGMENT, afterQuery, isEmpty, Empty, Success, displayName, }: CreateCellProps<CellProps, CellVariables>): React.FC<CellProps>;
|
|
20
19
|
//# sourceMappingURL=createFragmentCell.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createFragmentCell.d.ts","sourceRoot":"","sources":["../../../src/components/cell/createFragmentCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"createFragmentCell.d.ts","sourceRoot":"","sources":["../../../src/components/cell/createFragmentCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAqDrD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,kBAAkB,CAChC,SAAS,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACzC,aAAa,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC7C,EACA,QAAQ,EACR,UAA2B,EAC3B,OAAqB,EACrB,KAAK,EACL,OAAO,EACP,WAAoB,GACrB,EAAE,eAAe,CAAC,SAAS,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAkEjE"}
|
|
@@ -58,12 +58,10 @@ function createFragmentCell({
|
|
|
58
58
|
}
|
|
59
59
|
const data = fragmentResult.complete ? fragmentResult.data : dataRef ?? null;
|
|
60
60
|
const afterQueryData = afterQuery({ [propName]: data });
|
|
61
|
-
const restProps = rest;
|
|
62
|
-
const successProps = { ...restProps, ...afterQueryData };
|
|
63
61
|
if (isEmpty({ [propName]: data }, { isDataEmpty }) && Empty) {
|
|
64
|
-
return /* @__PURE__ */ React.createElement(Empty, { ...
|
|
62
|
+
return /* @__PURE__ */ React.createElement(Empty, { ...rest, ...afterQueryData });
|
|
65
63
|
}
|
|
66
|
-
return /* @__PURE__ */ React.createElement(Success, { ...
|
|
64
|
+
return /* @__PURE__ */ React.createElement(Success, { ...rest, ...afterQueryData });
|
|
67
65
|
}
|
|
68
66
|
NamedCell.displayName = displayName;
|
|
69
67
|
return (props) => {
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { OperationVariables } from '@apollo/client';
|
|
3
2
|
import type { CreateCellProps } from './cellTypes.js';
|
|
4
|
-
type CreateServerCellProps<CellProps, CellVariables
|
|
3
|
+
type CreateServerCellProps<CellProps, CellVariables> = Omit<CreateCellProps<CellProps, CellVariables>, 'QUERY' | 'Failure'> & {
|
|
5
4
|
data: (variables?: AnyObj) => any;
|
|
6
5
|
Failure?: React.ComponentType<{
|
|
7
6
|
error: unknown;
|
|
@@ -11,6 +10,6 @@ type CreateServerCellProps<CellProps, CellVariables extends OperationVariables =
|
|
|
11
10
|
}>;
|
|
12
11
|
};
|
|
13
12
|
type AnyObj = Record<string, unknown>;
|
|
14
|
-
export declare function createServerCell<CellProps extends AnyObj, CellVariables extends
|
|
13
|
+
export declare function createServerCell<CellProps extends AnyObj, CellVariables extends AnyObj>(createCellProps: CreateServerCellProps<CellProps, CellVariables>): React.FC<CellProps>;
|
|
15
14
|
export {};
|
|
16
15
|
//# sourceMappingURL=createServerCell.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createServerCell.d.ts","sourceRoot":"","sources":["../../../src/components/cell/createServerCell.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"createServerCell.d.ts","sourceRoot":"","sources":["../../../src/components/cell/createServerCell.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAMvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAIrD,KAAK,qBAAqB,CAAC,SAAS,EAAE,aAAa,IAAI,IAAI,CACzD,eAAe,CAAC,SAAS,EAAE,aAAa,CAAC,EACzC,OAAO,GAAG,SAAS,CACpB,GAAG;IACF,IAAI,EAAE,CAAC,SAAS,CAAC,EAAE,MAAM,KAAK,GAAG,CAAA;IACjC,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC5B,KAAK,EAAE,OAAO,CAAA;QACd,WAAW,EAAE;YAAE,OAAO,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,MAAM,CAAA;SAAE,CAAA;KAC3D,CAAC,CAAA;CACH,CAAA;AAED,KAAK,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AAErC,wBAAgB,gBAAgB,CAC9B,SAAS,SAAS,MAAM,EACxB,aAAa,SAAS,MAAM,EAE5B,eAAe,EAAE,qBAAqB,CAAC,SAAS,EAAE,aAAa,CAAC,GAC/D,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CA2ErB"}
|