import type { Api, ApiContext, Module, ModuleName } from './apiTypes' import type { BaseQueryArg, BaseQueryFn } from './baseQueryTypes' import type { SerializeQueryArgs } from './defaultSerializeQueryArgs' import { defaultSerializeQueryArgs } from './defaultSerializeQueryArgs' import type { EndpointBuilder, EndpointDefinitions, } from './endpointDefinitions' import { DefinitionType } from './endpointDefinitions' import { nanoid } from '@reduxjs/toolkit' export interface CreateApiOptions< BaseQuery extends BaseQueryFn, Definitions extends EndpointDefinitions, ReducerPath extends string = 'api', TagTypes extends string = never > { /** * The base query used by each endpoint if no `queryFn` option is specified. RTK Query exports a utility called [fetchBaseQuery](./fetchBaseQuery) as a lightweight wrapper around `fetch` for common use-cases. See [Customizing Queries](../../rtk-query/usage/customizing-queries) if `fetchBaseQuery` does not handle your requirements. * * @example * * ```ts * import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query' * * const api = createApi({ * // highlight-start * baseQuery: fetchBaseQuery({ baseUrl: '/' }), * // highlight-end * endpoints: (build) => ({ * // ...endpoints * }), * }) * ``` */ baseQuery: BaseQuery /** * An array of string tag type names. Specifying tag types is optional, but you should define them so that they can be used for caching and invalidation. When defining an tag type, you will be able to [provide](../../rtk-query/usage/automated-refetching#providing-tags) them with `provides` and [invalidate](../../rtk-query/usage/automated-refetching#invalidating-tags) them with `invalidates` when configuring [endpoints](#endpoints). * * @example * * ```ts * import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query' * * const api = createApi({ * baseQuery: fetchBaseQuery({ baseUrl: '/' }), * // highlight-start * tagTypes: ['Post', 'User'], * // highlight-end * endpoints: (build) => ({ * // ...endpoints * }), * }) * ``` */ tagTypes?: readonly TagTypes[] /** * The `reducerPath` is a _unique_ key that your service will be mounted to in your store. If you call `createApi` more than once in your application, you will need to provide a unique value each time. Defaults to `'api'`. * * @example * * ```ts * // codeblock-meta title="apis.js" * import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query'; * * const apiOne = createApi({ * // highlight-start * reducerPath: 'apiOne', * // highlight-end * baseQuery: fetchBaseQuery({ baseUrl: '/' }), * endpoints: (builder) => ({ * // ...endpoints * }), * }); * * const apiTwo = createApi({ * // highlight-start * reducerPath: 'apiTwo', * // highlight-end * baseQuery: fetchBaseQuery({ baseUrl: '/' }), * endpoints: (builder) => ({ * // ...endpoints * }), * }); * ``` */ reducerPath?: ReducerPath /** * Accepts a custom function if you have a need to change the creation of cache keys for any reason. */ serializeQueryArgs?: SerializeQueryArgs> /** * Endpoints are just a set of operations that you want to perform against your server. You define them as an object using the builder syntax. There are two basic endpoint types: [`query`](../../rtk-query/usage/queries) and [`mutation`](../../rtk-query/usage/mutations). */ endpoints( build: EndpointBuilder ): Definitions /** * Defaults to `60` _(this value is in seconds)_. This is how long RTK Query will keep your data cached for **after** the last component unsubscribes. For example, if you query an endpoint, then unmount the component, then mount another component that makes the same request within the given time frame, the most recent value will be served from the cache. * * ```ts * // codeblock-meta title="keepUnusedDataFor example" * * import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react' * interface Post { * id: number * name: string * } * type PostsResponse = Post[] * * const api = createApi({ * baseQuery: fetchBaseQuery({ baseUrl: '/' }), * endpoints: (build) => ({ * getPosts: build.query({ * query: () => 'posts', * // highlight-start * keepUnusedDataFor: 5 * // highlight-end * }) * }) * }) * ``` */ keepUnusedDataFor?: number /** * Defaults to `false`. This setting allows you to control whether if a cached result is already available RTK Query will only serve a cached result, or if it should `refetch` when set to `true` or if an adequate amount of time has passed since the last successful query result. * - `false` - Will not cause a query to be performed _unless_ it does not exist yet. * - `true` - Will always refetch when a new subscriber to a query is added. Behaves the same as calling the `refetch` callback or passing `forceRefetch: true` in the action creator. * - `number` - **Value is in seconds**. If a number is provided and there is an existing query in the cache, it will compare the current time vs the last fulfilled timestamp, and only refetch if enough time has elapsed. * * If you specify this option alongside `skip: true`, this **will not be evaluated** until `skip` is false. */ refetchOnMountOrArgChange?: boolean | number /** * Defaults to `false`. This setting allows you to control whether RTK Query will try to refetch all subscribed queries after the application window regains focus. * * If you specify this option alongside `skip: true`, this **will not be evaluated** until `skip` is false. * * Note: requires [`setupListeners`](./setupListeners) to have been called. */ refetchOnFocus?: boolean /** * Defaults to `false`. This setting allows you to control whether RTK Query will try to refetch all subscribed queries after regaining a network connection. * * If you specify this option alongside `skip: true`, this **will not be evaluated** until `skip` is false. * * Note: requires [`setupListeners`](./setupListeners) to have been called. */ refetchOnReconnect?: boolean } export type CreateApi = { /** * Creates a service to use in your application. Contains only the basic redux logic (the core module). * * @link https://rtk-query-docs.netlify.app/api/createApi */ < BaseQuery extends BaseQueryFn, Definitions extends EndpointDefinitions, ReducerPath extends string = 'api', TagTypes extends string = never >( options: CreateApiOptions ): Api } /** * Builds a `createApi` method based on the provided `modules`. * * @link https://rtk-query-docs.netlify.app/concepts/customizing-create-api * * @example * ```ts * const MyContext = React.createContext(null as any); * const customCreateApi = buildCreateApi( * coreModule(), * reactHooksModule({ useDispatch: createDispatchHook(MyContext) }) * ); * ``` * * @param modules - A variable number of modules that customize how the `createApi` method handles endpoints * @returns A `createApi` method using the provided `modules`. */ export function buildCreateApi, ...Module[]]>( ...modules: Modules ): CreateApi { return function baseCreateApi(options) { const optionsWithDefaults = { reducerPath: 'api', serializeQueryArgs: defaultSerializeQueryArgs, keepUnusedDataFor: 60, refetchOnMountOrArgChange: false, refetchOnFocus: false, refetchOnReconnect: false, ...options, tagTypes: [...(options.tagTypes || [])], } const context: ApiContext = { endpointDefinitions: {}, batch(fn) { // placeholder "batch" method to be overridden by plugins, for example with React.unstable_batchedUpdate fn() }, apiUid: nanoid(), } const api = { injectEndpoints, enhanceEndpoints({ addTagTypes, endpoints }) { if (addTagTypes) { for (const eT of addTagTypes) { if (!optionsWithDefaults.tagTypes.includes(eT as any)) { optionsWithDefaults.tagTypes.push(eT as any) } } } if (endpoints) { for (const [endpointName, partialDefinition] of Object.entries( endpoints )) { if (typeof partialDefinition === 'function') { partialDefinition(context.endpointDefinitions[endpointName]) } Object.assign( context.endpointDefinitions[endpointName] || {}, partialDefinition ) } } return api }, } as Api const initializedModules = modules.map((m) => m.init(api as any, optionsWithDefaults, context) ) function injectEndpoints( inject: Parameters[0] ) { const evaluatedEndpoints = inject.endpoints({ query: (x) => ({ ...x, type: DefinitionType.query } as any), mutation: (x) => ({ ...x, type: DefinitionType.mutation } as any), }) for (const [endpointName, definition] of Object.entries( evaluatedEndpoints )) { if ( !inject.overrideExisting && endpointName in context.endpointDefinitions ) { if ( typeof process !== 'undefined' && process.env.NODE_ENV === 'development' ) { console.error( `called \`injectEndpoints\` to override already-existing endpointName ${endpointName} without specifying \`overrideExisting: true\`` ) } continue } context.endpointDefinitions[endpointName] = definition for (const m of initializedModules) { m.injectEndpoint(endpointName, definition) } } return api as any } return api.injectEndpoints({ endpoints: options.endpoints as any }) } }