Added fragments API

Author: dkildar

packages/core/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ecency/sdk",
   "private": false,
-  "version": "1.0.37",
+  "version": "1.0.38",
   "type": "module",
   "license": "MIT",
   "main": "./dist/ecency-sdk.umd.js",

packages/core/src/modules/posts/index.ts

@@ -1,2 +1,3 @@
 export * from "./queries";
 export * from "./types";
+export * from "./mutations";

packages/core/src/modules/posts/mutations/add-fragment.ts

@@ -0,0 +1,33 @@
+import { CONFIG, getAccessToken, getQueryClient } from "@/modules/core";
+import { useMutation } from "@tanstack/react-query";
+import { Fragment } from "../types";
+import { getFragmentsQueryOptions } from "../queries";
+
+export function useAddFragment(username: string) {
+  return useMutation({
+    mutationKey: ["posts", "add-fragment", username],
+    mutationFn: async ({ title, body }: { title: string; body: string }) => {
+      const response = await fetch(
+        CONFIG.privateApiHost + "/private-api/fragments-add",
+        {
+          method: "POST",
+          body: JSON.stringify({
+            code: getAccessToken(username),
+            title,
+            body,
+          }),
+          headers: {
+            "Content-Type": "application/json",
+          },
+        }
+      );
+      return response.json() as Promise<Fragment>;
+    },
+    onSuccess(response) {
+      getQueryClient().setQueryData<Fragment[]>(
+        getFragmentsQueryOptions(username).queryKey,
+        (data) => [response, ...(data ?? [])]
+      );
+    },
+  });
+}

packages/core/src/modules/posts/mutations/edit-fragment.ts

@@ -0,0 +1,45 @@
+import { CONFIG, getAccessToken, getQueryClient } from "@/modules/core";
+import { useMutation } from "@tanstack/react-query";
+import { Fragment } from "../types";
+import { getFragmentsQueryOptions } from "../queries";
+
+export function useEditFragment(username: string, fragmentId: string) {
+  return useMutation({
+    mutationKey: ["posts", "edit-fragment", username, fragmentId],
+    mutationFn: async ({ title, body }: { title: string; body: string }) => {
+      const response = await fetch(
+        CONFIG.privateApiHost + "/private-api/fragments-update",
+        {
+          method: "POST",
+          body: JSON.stringify({
+            code: getAccessToken(username),
+            id: fragmentId,
+            title,
+            body,
+          }),
+          headers: {
+            "Content-Type": "application/json",
+          },
+        }
+      );
+      return response.json() as Promise<Fragment>;
+    },
+    onSuccess(response) {
+      getQueryClient().setQueryData<Fragment[]>(
+        getFragmentsQueryOptions(username).queryKey,
+        (data) => {
+          if (!data) {
+            return [];
+          }
+
+          const index = data.findIndex(({ id }) => id === fragmentId);
+          if (index >= 0) {
+            data[index] = response;
+          }
+
+          return [...data];
+        }
+      );
+    },
+  });
+}

packages/core/src/modules/posts/mutations/index.ts

@@ -0,0 +1,3 @@
+export * from "./add-fragment";
+export * from "./edit-fragment";
+export * from "./remove-fragment";

packages/core/src/modules/posts/mutations/remove-fragment.ts

@@ -0,0 +1,27 @@
+import { CONFIG, getAccessToken, getQueryClient } from "@/modules/core";
+import { useMutation } from "@tanstack/react-query";
+import { Fragment } from "../types";
+import { getFragmentsQueryOptions } from "../queries";
+
+export function useRemoveFragment(username: string, fragmentId: string) {
+  return useMutation({
+    mutationKey: ["posts", "remove-fragment", username],
+    mutationFn: async () =>
+      fetch(CONFIG.privateApiHost + "/private-api/fragments-delete", {
+        method: "POST",
+        body: JSON.stringify({
+          code: getAccessToken(username),
+          id: fragmentId,
+        }),
+        headers: {
+          "Content-Type": "application/json",
+        },
+      }),
+    onSuccess() {
+      getQueryClient().setQueryData<Fragment[]>(
+        getFragmentsQueryOptions(username).queryKey,
+        (data) => [...(data ?? [])].filter(({ id }) => id !== fragmentId)
+      );
+    },
+  });
+}

packages/core/src/modules/posts/queries/get-fragments-query-options.ts

@@ -0,0 +1,26 @@
+import { CONFIG, getAccessToken } from "@/modules/core";
+import { queryOptions } from "@tanstack/react-query";
+import { Fragment } from "../types";
+
+export function getFragmentsQueryOptions(username: string) {
+  return queryOptions({
+    queryKey: ["posts", "fragments", username],
+    queryFn: async () => {
+      const response = await fetch(
+        CONFIG.privateApiHost + "/private-api/fragments",
+        {
+          method: "POST",
+          body: JSON.stringify({
+            code: getAccessToken(username),
+          }),
+          headers: {
+            "Content-Type": "application/json",
+          },
+        }
+      );
+
+      return response.json() as Promise<Fragment[]>;
+    },
+    enabled: !!username,
+  });
+}

packages/core/src/modules/posts/queries/index.ts

@@ -1 +1,2 @@
 export * from "./get-trending-tags-query-options";
+export * from "./get-fragments-query-options";

packages/core/src/modules/posts/types/fragment.ts

@@ -0,0 +1,7 @@
+export interface Fragment {
+  id: string;
+  title: string;
+  body: string;
+  created: string;
+  modified: string;
+}

packages/core/src/modules/posts/types/index.ts

@@ -1 +1,2 @@
 export * from "./trending-tag";
+export * from "./fragment";

packages/wallets/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ecency/wallets",
   "private": false,
-  "version": "1.2.11",
+  "version": "1.2.12",
   "type": "module",
   "license": "MIT",
   "main": "./dist/ecency-sdk.umd.js",