@connectrpc/connect-query
Version:
TypeScript-first expansion pack for TanStack Query that gives you Protobuf superpowers.
64 lines • 2.5 kB
JavaScript
;
// Copyright 2021-2023 The Connect Authors
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
Object.defineProperty(exports, "__esModule", { value: true });
exports.useSuspenseQuery = exports.useQuery = void 0;
const react_query_1 = require("@tanstack/react-query");
const create_use_query_options_js_1 = require("./create-use-query-options.js");
const use_transport_js_1 = require("./use-transport.js");
/**
* Query the method provided. Maps to useQuery on tanstack/react-query
*
* @param methodSig
* @returns
*/
function useQuery(methodSig, input, { transport, callOptions, ...queryOptions } = {}) {
const transportFromCtx = (0, use_transport_js_1.useTransport)();
const baseOptions = (0, create_use_query_options_js_1.createUseQueryOptions)(methodSig, input, {
transport: transport ?? transportFromCtx,
callOptions,
});
const { enabled: baseEnabled, ...baseRest } = baseOptions;
const tsOpts = {
...queryOptions,
...baseRest,
};
// The query cannot be enabled if the base options are disabled, regardless of
// incoming query options.
const enabled = baseEnabled ?? queryOptions.enabled;
if (enabled !== undefined) {
tsOpts.enabled = enabled;
}
return (0, react_query_1.useQuery)(tsOpts);
}
exports.useQuery = useQuery;
/**
* Query the method provided. Maps to useSuspenseQuery on tanstack/react-query
*
* @param methodSig
* @returns
*/
function useSuspenseQuery(methodSig, input, { transport, callOptions, ...queryOptions } = {}) {
const transportFromCtx = (0, use_transport_js_1.useTransport)();
const baseOptions = (0, create_use_query_options_js_1.createUseQueryOptions)(methodSig, input, {
transport: transport ?? transportFromCtx,
callOptions,
});
return (0, react_query_1.useSuspenseQuery)({
...queryOptions,
...baseOptions,
});
}
exports.useSuspenseQuery = useSuspenseQuery;
//# sourceMappingURL=use-query.js.map