@postrun/react 0.1.0 → 0.2.0

package/dist/index.cjs

@@ -98,7 +98,8 @@ var profileKeys = {
   list: (query) => [...profileKeys.lists(), query ?? {}],
   // Nested under lists() so a create/update/delete invalidating lists() also
   // refreshes the infinite cache; distinct tail so the two cache shapes (a
-  // single Page vs accumulated pages) never collide on one key.
+  // single Page vs accumulated pages) never collide on one key. The filter omits
+  // limit/offset — the infinite hook owns pagination, so they never key the cache.
   infinite: (query) => [...profileKeys.lists(), "infinite", query ?? {}],
   details: () => [...profileKeys.all, "detail"],
   detail: (id) => [...profileKeys.details(), id]
@@ -109,20 +110,28 @@ var postKeys = {
   list: (query) => [...postKeys.lists(), query ?? {}],
   // Nested under lists() so a create/update/delete invalidating lists() also
   // refreshes the infinite cache; distinct tail so the two cache shapes (a
-  // single Page vs accumulated pages) never collide on one key.
+  // single Page vs accumulated pages) never collide on one key. The filter omits
+  // limit/offset — the infinite hook owns pagination, so they never key the cache.
   infinite: (query) => [...postKeys.lists(), "infinite", query ?? {}],
   details: () => [...postKeys.all, "detail"],
   detail: (id) => [...postKeys.details(), id]
 };
 var mediaKeys = {
   all: [ROOT, "media"],
+  lists: () => [...mediaKeys.all, "list"],
+  list: (query) => [...mediaKeys.lists(), query ?? {}],
+  // Nested under lists() so an upload/update/delete invalidating lists() also
+  // refreshes the infinite cache; distinct tail so the two cache shapes (a
+  // single Page vs accumulated pages) never collide on one key. The filter omits
+  // limit/offset — the infinite hook owns pagination, so they never key the cache.
+  infinite: (query) => [...mediaKeys.lists(), "infinite", query ?? {}],
   details: () => [...mediaKeys.all, "detail"],
   detail: (id) => [...mediaKeys.details(), id]
 };
 var connectionKeys = {
   all: [ROOT, "connections"],
   lists: () => [...connectionKeys.all, "list"],
-  list: (profileId) => [...connectionKeys.lists(), profileId],
+  list: (profileId, filter) => [...connectionKeys.lists(), profileId, filter ?? {}],
   details: () => [...connectionKeys.all, "detail"],
   detail: (id) => [...connectionKeys.details(), id],
   accounts: (id) => [...connectionKeys.all, "accounts", id]
@@ -211,19 +220,23 @@ function useConnect() {
           path: { id: profileId },
           body: { platform }
         })).data;
-        navigate(session.connect_url);
+        navigate(session.hosted_connect_url);
         return session;
       }
     },
     queryClient
   );
 }
-function useConnections(profileId) {
+function useConnections(profileId, filter) {
   const { client, queryClient } = usePostrun();
   return reactQuery.useQuery(
     {
-      queryKey: connectionKeys.list(profileId),
-      queryFn: async () => (await js.connectionsListByProfile({ client, path: { id: profileId } })).data,
+      queryKey: connectionKeys.list(profileId, filter),
+      queryFn: async () => (await js.connectionsListByProfile({
+        client,
+        path: { id: profileId },
+        query: filter
+      })).data,
       enabled: Boolean(profileId)
     },
     queryClient
@@ -408,6 +421,7 @@ function useMediaUpload() {
           controller.signal
         );
         queryClient.setQueryData(mediaKeys.detail(created.id), settled);
+        void queryClient.invalidateQueries({ queryKey: mediaKeys.lists() });
         setMedia(settled);
         setStatus(settled.status === "failed" ? "failed" : "ready");
         return settled;
@@ -447,12 +461,33 @@ function useMedia(id) {
     queryClient
   );
 }
+function useMediaList(query) {
+  const { client, queryClient } = usePostrun();
+  return reactQuery.useQuery(
+    {
+      queryKey: mediaKeys.list(query),
+      queryFn: async () => (await js.mediaList({ client, query })).data
+    },
+    queryClient
+  );
+}
+function useMediaInfinite(filters, options) {
+  const { client } = usePostrun();
+  return useInfiniteList({
+    queryKey: mediaKeys.infinite(filters),
+    limit: options?.pageSize,
+    fetchPage: async ({ limit, offset }) => (await js.mediaList({ client, query: { ...filters, limit, offset } })).data
+  });
+}
 function useUpdateMedia() {
   const { client, queryClient } = usePostrun();
   return reactQuery.useMutation(
     {
       mutationFn: async ({ id, ...body }) => (await js.mediaUpdate({ client, path: { id }, body })).data,
-      onSuccess: (result, { id }) => queryClient.setQueryData(mediaKeys.detail(id), result)
+      onSuccess: (result, { id }) => {
+        queryClient.setQueryData(mediaKeys.detail(id), result);
+        void queryClient.invalidateQueries({ queryKey: mediaKeys.lists() });
+      }
     },
     queryClient
   );
@@ -462,7 +497,10 @@ function useDeleteMedia() {
   return reactQuery.useMutation(
     {
       mutationFn: async (id) => (await js.mediaDelete({ client, path: { id } })).data,
-      onSuccess: (_result, id) => queryClient.removeQueries({ queryKey: mediaKeys.detail(id) })
+      onSuccess: (_result, id) => {
+        queryClient.removeQueries({ queryKey: mediaKeys.detail(id) });
+        void queryClient.invalidateQueries({ queryKey: mediaKeys.lists() });
+      }
     },
     queryClient
   );
@@ -1309,6 +1347,8 @@ exports.useDisconnect = useDisconnect;
 exports.useDiscoverableAccounts = useDiscoverableAccounts;
 exports.useInfiniteList = useInfiniteList;
 exports.useMedia = useMedia;
+exports.useMediaInfinite = useMediaInfinite;
+exports.useMediaList = useMediaList;
 exports.useMediaUpload = useMediaUpload;
 exports.usePost = usePost;
 exports.usePostrun = usePostrun;