hzhang/HangmanLab.Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improve: upgrade node to 20, upgrade react-query to v4

Browse Source
This commit is contained in:
h z
2025-04-27 00:36:42 +01:00
parent 9ea44385ee
commit 1ce2eebbfa
22 changed files with 309 additions and 218 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/utils/queries/markdown-permission-setting-queries.js
View File

@@ -1,12 +1,12 @@
import {useConfig} from "../../ConfigProvider";
import {useMutation, useQuery, useQueryClient} from "react-query";
import {useMutation, useQuery, useQueryClient} from "@tanstack/react-query";
import {fetch_} from "../request-utils";
export const useMarkdownPermissionSettings = () => {
const config = useConfig();
const queryClient = useQueryClient();
return useQuery(
"markdown_permission_settings",
["markdown_permission_settings"],
() => fetch_(`${config.BACKEND_HOST}/api/setting/markdown/permission/`), {
onSuccess: (data) => {
if(data){
@@ -38,7 +38,7 @@ export const useCreateMarkdownPermissionSetting = () => {
}), {
onSuccess: (data) => {
queryClient.invalidateQueries(["markdown_permission_setting", data.id]);
queryClient.invalidateQueries("markdown_permission_settings");
queryClient.invalidateQueries(["markdown_permission_settings"]);
}
});
};
@@ -53,7 +53,7 @@ export const useUpdateMarkdownPermissionSetting = () => {
}),{
onSuccess: (res) => {
queryClient.invalidateQueries(["markdown_permission_setting", res.id]);
queryClient.invalidateQueries("markdown_permission_settings");
queryClient.invalidateQueries(["markdown_permission_settings"]);
}
}
);
@@ -68,8 +68,8 @@ export const useDeleteMarkdownPermissionSetting = () => {
}), {
onSuccess: (res, variables) => {
queryClient.invalidateQueries(["markdown_permission_setting", variables.id]);
queryClient.invalidateQueries("markdown_permission_settings");
queryClient.invalidateQueries(["markdown_permission_settings"]);
}
}
);
};
};

9
src/utils/queries/markdown-queries.js
View File

@@ -1,4 +1,4 @@
import {useQuery, useMutation, useQueryClient} from 'react-query';
import {useQuery, useMutation, useQueryClient} from '@tanstack/react-query';
import {fetch_} from "../request-utils";
import {useConfig} from "../../ConfigProvider";
@@ -70,7 +70,7 @@ export const useSaveMarkdown = () => {
onSuccess: (res) => {
queryClient.invalidateQueries(["markdownsByPath", res.path_id]);
queryClient.invalidateQueries(["markdown", res.id]);
queryClient.invalidateQueries("tree");
queryClient.invalidateQueries(["tree"]);
},
});
};
@@ -87,8 +87,8 @@ export const useMoveMarkdown = () => {
},
{
onSuccess: () => {
queryClient.invalidateQueries("paths");
queryClient.invalidateQueries("tree");
queryClient.invalidateQueries(["paths"]);
queryClient.invalidateQueries(["tree"]);
}
}
);
@@ -111,4 +111,3 @@ export const useLinks = () => {
const config = useConfig();
return useQuery(["links"], () => fetch_(`${config.BACKEND_HOST}/api/markdown/links`));
}

4
src/utils/queries/markdown-setting-queries.js
View File

@@ -1,12 +1,12 @@
import {useConfig} from "../../ConfigProvider";
import {useMutation, useQuery, useQueryClient} from "react-query";
import {useMutation, useQuery, useQueryClient} from "@tanstack/react-query";
import {fetch_} from "../request-utils";
export const useMarkdownSettings = () => {
const config = useConfig();
const queryClient = useQueryClient();
return useQuery(
"markdown_setting",
["markdown_setting"],
() => fetch_(`${config.BACKEND_HOST}/api/setting/markdown/`),
{
onSuccess: (data) => {

12
src/utils/queries/markdown-template-queries.js
View File

@@ -1,5 +1,5 @@
import {useConfig} from "../../ConfigProvider";
import {useMutation, useQuery, useQueryClient} from "react-query";
import {useMutation, useQuery, useQueryClient} from "@tanstack/react-query";
import {fetch_} from "../request-utils";
import {template} from "@babel/core";
import {data} from "react-router-dom";
@@ -19,7 +19,7 @@ export const useMarkdownTemplates = () => {
const config = useConfig();
const queryClient = useQueryClient();
return useQuery(
"markdown_templates",
["markdown_templates"],
() => fetch_(`${config.BACKEND_HOST}/api/template/markdown/`), {
onSuccess: (data) => {
if(data){
@@ -43,7 +43,7 @@ export const useUpdateMarkdownTemplate = () => {
{
onSuccess: (data) => {
queryClient.invalidateQueries(["markdown_template", data.id]);
queryClient.invalidateQueries("markdown_templates");
queryClient.invalidateQueries(["markdown_templates"]);
}
}
);
@@ -59,7 +59,7 @@ export const useCreateMarkdownTemplate = () => {
}),{
onSuccess: (data) => {
queryClient.invalidateQueries(["markdown_template", data.id]);
queryClient.invalidateQueries("markdown_templates");
queryClient.invalidateQueries(["markdown_templates"]);
}
}
);
@@ -74,7 +74,7 @@ export const useDeleteMarkdownTemplate = () => {
}), {
onSuccess: (res, variables) => {
queryClient.invalidateQueries(["markdown_template", variables]);
queryClient.invalidateQueries("markdown_templates");
queryClient.invalidateQueries(["markdown_templates"]);
}
}
)
@@ -95,7 +95,7 @@ export const useSaveMarkdownTemplate = () => {
},{
onSuccess: (data) => {
queryClient.invalidateQueries(["markdown_template", data.id]);
queryClient.invalidateQueries("markdown_templates");
queryClient.invalidateQueries(["markdown_templates"]);
}
});
}

6
src/utils/queries/markdown-template-setting-queries.js
View File

@@ -1,12 +1,12 @@
import {useConfig} from "../../ConfigProvider";
import {useMutation, useQuery, useQueryClient} from "react-query";
import {useMutation, useQuery, useQueryClient} from "@tanstack/react-query";
import {fetch_} from "../request-utils";
export const useMarkdownTemplateSettings = () => {
const config = useConfig();
const queryClient = useQueryClient();
return useQuery(
"markdown_template_settings",
["markdown_template_settings"],
() => fetch_(`${config.BACKEND_HOST}/api/setting/markdown/template/`), {
onSuccess: (data) => {
if(data){
@@ -53,7 +53,7 @@ export const useUpdateMarkdownTemplateSetting = () => {
}),{
onSuccess: (res) => {
queryClient.invalidateQueries(["markdown_template_setting", res.id]);
queryClient.invalidateQueries("markdown_template_settings");
queryClient.invalidateQueries(["markdown_template_settings"]);
}
}
);

14
src/utils/queries/path-queries.js
View File

@@ -1,4 +1,4 @@
import { useQuery, useMutation, useQueryClient } from "react-query";
import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
import { fetch_ } from "../request-utils";
import {useConfig} from "../../ConfigProvider";
@@ -47,7 +47,7 @@ export const useCreatePath = () => {
{
onSuccess: (res) => {
queryClient.invalidateQueries(["paths", res.parent_id]);
queryClient.invalidateQueries("tree");
queryClient.invalidateQueries(["tree"]);
},
}
);
@@ -66,7 +66,7 @@ export const useUpdatePath = () => {
onSuccess: (res) => {
queryClient.invalidateQueries(["paths", res.parent_id]);
queryClient.invalidateQueries(["path", res.id]);
queryClient.invalidateQueries("tree");
queryClient.invalidateQueries(["tree"]);
},
}
);
@@ -82,8 +82,8 @@ export const useDeletePath = () => {
}),
{
onSuccess: () => {
queryClient.invalidateQueries("paths");
queryClient.invalidateQueries("tree");
queryClient.invalidateQueries(["paths"]);
queryClient.invalidateQueries(["tree"]);
},
}
);
@@ -101,8 +101,8 @@ export const useMovePath = () => {
},
{
onSuccess: () => {
queryClient.invalidateQueries("paths");
queryClient.invalidateQueries("tree");
queryClient.invalidateQueries(["paths"]);
queryClient.invalidateQueries(["tree"]);
}
}
);

8
src/utils/queries/path-setting-queries.js
View File

@@ -1,5 +1,5 @@
import {useConfig} from "../../ConfigProvider";
import {useMutation, useQuery, useQueryClient} from "react-query";
import {useMutation, useQuery, useQueryClient} from "@tanstack/react-query";
import {fetch_} from "../request-utils";
export const usePathSettings = () => {
@@ -40,7 +40,7 @@ export const useCreatePathSetting = () => {
}), {
onSuccess: (data) => {
queryClient.invalidateQueries(["path_setting", data.id]);
queryClient.invalidateQueries("path_settings");
queryClient.invalidateQueries(["path_settings"]);
}
}
);
@@ -57,7 +57,7 @@ export const useUpdatePathSetting = () => {
}), {
onSuccess: (data, variables) => {
queryClient.invalidateQueries(["path_setting", variables.id]);
queryClient.invalidateQueries("path_settings");
queryClient.invalidateQueries(["path_settings"]);
}
}
);
@@ -73,7 +73,7 @@ export const useDeletePathSetting = () => {
}),{
onSuccess: (data, variables) => {
queryClient.invalidateQueries(["path_setting", variables.id]);
queryClient.invalidateQueries("path_settings");
queryClient.invalidateQueries(["path_settings"]);
}
}
);

8
src/utils/queries/tree-queries.js
View File

@@ -1,4 +1,4 @@
import {useQuery, useMutation, useQueryClient} from "react-query";
import {useQuery, useMutation, useQueryClient} from "@tanstack/react-query";
import {fetch_} from "../request-utils";
import {useConfig} from "../../ConfigProvider";
@@ -7,13 +7,13 @@ export const useTree = () => {
const queryClient = useQueryClient();
const config = useConfig();
return useQuery(
"tree",
["tree"],
() => fetch_(`${config.BACKEND_HOST}/api/tree/`),
{
onSuccess: data => {
if(data)
queryClient.setQueryData("tree", data);
queryClient.setQueryData(["tree"], data);
}
}
);
}
}

19
src/utils/queries/webhook-queries.js
View File

@@ -1,12 +1,12 @@
import {fetch_ } from "../request-utils"
import {useConfig} from "../../ConfigProvider";
import {useMutation, useQuery, useQueryClient} from "react-query";
import {useMutation, useQuery, useQueryClient} from "@tanstack/react-query";
export const useWebhooks = () =>{
const queryClient = useQueryClient();
const config = useConfig();
return useQuery(
"webhooks",
["webhooks"],
() => fetch_(`${config.BACKEND_HOST}/api/webhook/`),
{
onSuccess: (data) => {
@@ -33,7 +33,7 @@ export const useCreateWebhook = () => {
}),
{
onSuccess: () => {
queryClient.invalidateQueries("webhooks");
queryClient.invalidateQueries(["webhooks"]);
}
}
);
@@ -50,7 +50,7 @@ export const useUpdateWebhook = () =>{
{
onSuccess: (res) => {
queryClient.invalidateQueries(["webhook", res.id]);
queryClient.invalidateQueries("webhooks");
queryClient.invalidateQueries(["webhooks"]);
}
}
);
@@ -66,7 +66,7 @@ export const useDeleteWebhook = () => {
{
onSuccess: (res, variables) => {
queryClient.invalidateQueries(["webhook", variables.id]);
queryClient.invalidateQueries("webhooks");
queryClient.invalidateQueries(["webhooks"]);
}
}
)
@@ -76,7 +76,7 @@ export const useWebhookSettings = () => {
const config = useConfig();
const queryClient = useQueryClient();
return useQuery(
"webhook_setting",
["webhook_setting"],
() => fetch_(`${config.BACKEND_HOST}/api/setting/path/webhook/`),
{
onSuccess: (data) => {
@@ -111,7 +111,7 @@ export const useCreateWebhookSetting = () => {
}),{
onSuccess: (res) => {
queryClient.invalidateQueries(["webhook_setting", res.id]);
queryClient.invalidateQueries("webhook_setting");
queryClient.invalidateQueries(["webhook_setting"]);
}
}
);
@@ -127,7 +127,7 @@ export const useUpdateWebhookSetting = () => {
}),{
onSuccess: (res, variables) => {
queryClient.invalidateQueries(["webhook_setting", variables.id]);
queryClient.invalidateQueries("webhook_setting");
queryClient.invalidateQueries(["webhook_setting"]);
}
}
);
@@ -144,9 +144,8 @@ export const useDeleteWebhookSetting = () => {
{
onSuccess: (res, variables) => {
queryClient.invalidateQueries(["webhook_setting", variables.id]);
queryClient.invalidateQueries("webhook_setting");
queryClient.invalidateQueries(["webhook_setting"]);
}
}
);
};