jotai/system/query.development.js

👻 Next gen state management that will spook you

System.register(['jotai-tanstack-query', 'jotai'], (function (exports) {
  'use strict';
  var atomsWithQuery, queryClientAtom, atomsWithInfiniteQuery, atom;
  return {
    setters: [function (module) {
      atomsWithQuery = module.atomsWithQuery;
      queryClientAtom = module.queryClientAtom;
      atomsWithInfiniteQuery = module.atomsWithInfiniteQuery;
      exports('queryClientAtom', module.queryClientAtom);
    }, function (module) {
      atom = module.atom;
    }],
    execute: (function () {

      exports({
        atomWithInfiniteQuery: atomWithInfiniteQuery,
        atomWithQuery: atomWithQuery
      });

      function atomWithQuery(createQuery, getQueryClient = (get) => get(queryClientAtom)) {
        const getOptions = (get) => ({
          staleTime: 200,
          ...typeof createQuery === "function" ? createQuery(get) : createQuery
        });
        const [dataAtom] = atomsWithQuery(getOptions, getQueryClient);
        return atom(
          (get) => {
            const options = getOptions(get);
            if (options.enabled === false) {
              const queryClient = getQueryClient(get);
              return queryClient.getQueryData(options.queryKey);
            }
            return get(dataAtom);
          },
          (_get, set, action) => {
            if (action.type === "refetch") {
              return set(dataAtom, { type: "refetch", force: true });
            }
          }
        );
      }

      function atomWithInfiniteQuery(createQuery, getQueryClient = (get) => get(queryClientAtom)) {
        const getOptions = (get) => ({
          staleTime: 200,
          ...typeof createQuery === "function" ? createQuery(get) : createQuery
        });
        const [dataAtom] = atomsWithInfiniteQuery(getOptions, getQueryClient);
        return atom(
          (get) => {
            const options = getOptions(get);
            if (options.enabled === false) {
              const queryClient = getQueryClient(get);
              return queryClient.getQueryData(options.queryKey);
            }
            return get(dataAtom);
          },
          (_get, set, action) => {
            if (action.type === "refetch") {
              return set(dataAtom, {
                type: "refetch",
                force: true,
                options: action.payload
              });
            }
            return set(dataAtom, action);
          }
        );
      }

    })
  };
}));