2022-08-02 14:23:01 +00:00
|
|
|
import type { ComputedRef, Ref } from "vue";
|
2023-08-30 04:56:10 +00:00
|
|
|
import { computed } from "vue";
|
2023-10-26 02:56:14 +00:00
|
|
|
import { type Plugin } from "@halo-dev/api-client";
|
2023-12-28 09:13:38 +00:00
|
|
|
import { cloneDeep } from "lodash-es";
|
2022-09-22 08:46:32 +00:00
|
|
|
import { apiClient } from "@/utils/api-client";
|
2022-12-20 11:04:29 +00:00
|
|
|
import { Dialog, Toast } from "@halo-dev/components";
|
2023-03-23 08:54:33 +00:00
|
|
|
import { useI18n } from "vue-i18n";
|
2023-08-30 04:56:10 +00:00
|
|
|
import { useMutation } from "@tanstack/vue-query";
|
2022-07-26 13:15:24 +00:00
|
|
|
|
2022-08-02 14:23:01 +00:00
|
|
|
interface usePluginLifeCycleReturn {
|
|
|
|
isStarted: ComputedRef<boolean | undefined>;
|
2023-05-17 03:54:15 +00:00
|
|
|
getFailedMessage: () => string | undefined;
|
2022-08-02 14:23:01 +00:00
|
|
|
changeStatus: () => void;
|
2023-08-25 09:26:13 +00:00
|
|
|
changingStatus: Ref<boolean>;
|
2022-10-10 09:04:32 +00:00
|
|
|
uninstall: (deleteExtensions?: boolean) => void;
|
2022-08-02 14:23:01 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
export function usePluginLifeCycle(
|
2022-09-10 09:23:51 +00:00
|
|
|
plugin?: Ref<Plugin | undefined>
|
2022-08-02 14:23:01 +00:00
|
|
|
): usePluginLifeCycleReturn {
|
2023-03-23 08:54:33 +00:00
|
|
|
const { t } = useI18n();
|
|
|
|
|
2022-07-27 08:36:04 +00:00
|
|
|
const isStarted = computed(() => {
|
|
|
|
return (
|
2022-09-10 09:23:51 +00:00
|
|
|
plugin?.value?.status?.phase === "STARTED" && plugin.value?.spec.enabled
|
2022-07-27 08:36:04 +00:00
|
|
|
);
|
|
|
|
});
|
|
|
|
|
2023-05-17 03:54:15 +00:00
|
|
|
const getFailedMessage = () => {
|
|
|
|
if (!plugin?.value) return;
|
|
|
|
|
|
|
|
if (!isStarted.value) {
|
|
|
|
const lastCondition = plugin.value.status?.conditions?.[0];
|
|
|
|
|
|
|
|
return (
|
|
|
|
[lastCondition?.reason, lastCondition?.message].join(":") || "Unknown"
|
|
|
|
);
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
2023-08-30 04:56:10 +00:00
|
|
|
const { isLoading: changingStatus, mutate: changeStatus } = useMutation({
|
|
|
|
mutationKey: ["change-plugin-status"],
|
|
|
|
mutationFn: async () => {
|
|
|
|
if (!plugin?.value) return;
|
2022-07-26 13:15:24 +00:00
|
|
|
|
2023-10-26 02:56:14 +00:00
|
|
|
const { enabled } = plugin.value.spec;
|
2022-12-20 11:04:29 +00:00
|
|
|
|
2023-10-26 02:56:14 +00:00
|
|
|
return await apiClient.plugin.changePluginRunningState({
|
|
|
|
name: plugin.value.metadata.name,
|
|
|
|
pluginRunningStateRequest: {
|
|
|
|
enable: !enabled,
|
|
|
|
},
|
|
|
|
});
|
2023-08-30 04:56:10 +00:00
|
|
|
},
|
|
|
|
retry: 3,
|
|
|
|
retryDelay: 1000,
|
|
|
|
onSuccess() {
|
2023-08-25 09:26:13 +00:00
|
|
|
window.location.reload();
|
2023-08-30 04:56:10 +00:00
|
|
|
},
|
|
|
|
});
|
2022-07-26 13:15:24 +00:00
|
|
|
|
2022-10-10 09:04:32 +00:00
|
|
|
const uninstall = (deleteExtensions?: boolean) => {
|
2022-09-10 09:23:51 +00:00
|
|
|
if (!plugin?.value) return;
|
2022-07-26 13:15:24 +00:00
|
|
|
|
|
|
|
const { enabled } = plugin.value.spec;
|
|
|
|
|
2022-10-18 01:58:09 +00:00
|
|
|
Dialog.warning({
|
2022-10-10 09:04:32 +00:00
|
|
|
title: `${
|
|
|
|
deleteExtensions
|
2023-03-23 08:54:33 +00:00
|
|
|
? t("core.plugin.operations.uninstall_and_delete_config.title")
|
|
|
|
: t("core.plugin.operations.uninstall.title")
|
2022-10-10 09:04:32 +00:00
|
|
|
}`,
|
2022-07-26 13:15:24 +00:00
|
|
|
description: `${
|
2022-12-19 03:26:10 +00:00
|
|
|
enabled
|
2023-03-23 08:54:33 +00:00
|
|
|
? t("core.plugin.operations.uninstall_when_enabled.description")
|
|
|
|
: t("core.common.dialog.descriptions.cannot_be_recovered")
|
2022-07-26 13:15:24 +00:00
|
|
|
}`,
|
|
|
|
confirmType: "danger",
|
2023-03-23 08:54:33 +00:00
|
|
|
confirmText: `${
|
|
|
|
enabled
|
|
|
|
? t("core.plugin.operations.uninstall_when_enabled.confirm_text")
|
|
|
|
: t("core.common.buttons.uninstall")
|
|
|
|
}`,
|
|
|
|
cancelText: t("core.common.buttons.cancel"),
|
2022-07-26 13:15:24 +00:00
|
|
|
onConfirm: async () => {
|
|
|
|
if (!plugin.value) return;
|
|
|
|
|
|
|
|
try {
|
|
|
|
if (enabled) {
|
|
|
|
const pluginToUpdate = cloneDeep(plugin.value);
|
|
|
|
pluginToUpdate.spec.enabled = false;
|
refactor: method parameters of api client (halo-dev/console#605)
<!-- Thanks for sending a pull request! Here are some tips for you:
1. 如果这是你的第一次,请阅读我们的贡献指南:<https://github.com/halo-dev/halo/blob/master/CONTRIBUTING.md>。
1. If this is your first time, please read our contributor guidelines: <https://github.com/halo-dev/halo/blob/master/CONTRIBUTING.md>.
2. 请根据你解决问题的类型为 Pull Request 添加合适的标签。
2. Please label this pull request according to what type of issue you are addressing, especially if this is a release targeted pull request.
3. 请确保你已经添加并运行了适当的测试。
3. Ensure you have added or ran the appropriate tests for your PR.
-->
#### What type of PR is this?
/kind improvement
/milestone 2.0
<!--
添加其中一个类别:
Add one of the following kinds:
/kind bug
/kind cleanup
/kind documentation
/kind feature
/kind optimization
适当添加其中一个或多个类别(可选):
Optionally add one or more of the following kinds if applicable:
/kind api-change
/kind deprecation
/kind failing-test
/kind flake
/kind regression
-->
#### What this PR does / why we need it:
修改 api-client 的请求参数结构,改为所有参数由一个对象包裹,而不是将各个参数作为方法的参数,防止因为后端参数结构发生改变,或者生成 api-client 时参数顺序发生改变导致请求异常。如:
```diff
await apiClient.extension.storage.group.updatestorageHaloRunV1alpha1Group(
- formState.value.metadata.name,
- formState.value
+ {
+ name: formState.value.metadata.name,
+ group: formState.value,
+ }
);
```
#### Which issue(s) this PR fixes:
<!--
PR 合并时自动关闭 issue。
Automatically closes linked issue when PR is merged.
用法:`Fixes #<issue 号>`,或者 `Fixes (粘贴 issue 完整链接)`
Usage: `Fixes #<issue number>`, or `Fixes (paste link of issue)`.
-->
None
#### Screenshots:
<!--
如果此 PR 有 UI 的改动,最好截图说明这个 PR 的改动。
If there are UI changes to this PR, it is best to take a screenshot to illustrate the changes to this PR.
eg.
Before:

After:

-->
None
#### Special notes for your reviewer:
/cc @halo-dev/sig-halo-admin
#### Does this PR introduce a user-facing change?
<!--
如果当前 Pull Request 的修改不会造成用户侧的任何变更,在 `release-note` 代码块儿中填写 `NONE`。
否则请填写用户侧能够理解的 Release Note。如果当前 Pull Request 包含破坏性更新(Break Change),
Release Note 需要以 `action required` 开头。
If no, just write "NONE" in the release-note block below.
If yes, a release note is required:
Enter your extended release note in the block below. If the PR requires additional action from users switching to the new release, include the string "action required".
-->
```release-note
None
```
2022-09-06 02:26:11 +00:00
|
|
|
await apiClient.extension.plugin.updatepluginHaloRunV1alpha1Plugin({
|
|
|
|
name: pluginToUpdate.metadata.name,
|
|
|
|
plugin: pluginToUpdate,
|
|
|
|
});
|
2022-07-26 13:15:24 +00:00
|
|
|
}
|
|
|
|
|
refactor: method parameters of api client (halo-dev/console#605)
<!-- Thanks for sending a pull request! Here are some tips for you:
1. 如果这是你的第一次,请阅读我们的贡献指南:<https://github.com/halo-dev/halo/blob/master/CONTRIBUTING.md>。
1. If this is your first time, please read our contributor guidelines: <https://github.com/halo-dev/halo/blob/master/CONTRIBUTING.md>.
2. 请根据你解决问题的类型为 Pull Request 添加合适的标签。
2. Please label this pull request according to what type of issue you are addressing, especially if this is a release targeted pull request.
3. 请确保你已经添加并运行了适当的测试。
3. Ensure you have added or ran the appropriate tests for your PR.
-->
#### What type of PR is this?
/kind improvement
/milestone 2.0
<!--
添加其中一个类别:
Add one of the following kinds:
/kind bug
/kind cleanup
/kind documentation
/kind feature
/kind optimization
适当添加其中一个或多个类别(可选):
Optionally add one or more of the following kinds if applicable:
/kind api-change
/kind deprecation
/kind failing-test
/kind flake
/kind regression
-->
#### What this PR does / why we need it:
修改 api-client 的请求参数结构,改为所有参数由一个对象包裹,而不是将各个参数作为方法的参数,防止因为后端参数结构发生改变,或者生成 api-client 时参数顺序发生改变导致请求异常。如:
```diff
await apiClient.extension.storage.group.updatestorageHaloRunV1alpha1Group(
- formState.value.metadata.name,
- formState.value
+ {
+ name: formState.value.metadata.name,
+ group: formState.value,
+ }
);
```
#### Which issue(s) this PR fixes:
<!--
PR 合并时自动关闭 issue。
Automatically closes linked issue when PR is merged.
用法:`Fixes #<issue 号>`,或者 `Fixes (粘贴 issue 完整链接)`
Usage: `Fixes #<issue number>`, or `Fixes (paste link of issue)`.
-->
None
#### Screenshots:
<!--
如果此 PR 有 UI 的改动,最好截图说明这个 PR 的改动。
If there are UI changes to this PR, it is best to take a screenshot to illustrate the changes to this PR.
eg.
Before:

After:

-->
None
#### Special notes for your reviewer:
/cc @halo-dev/sig-halo-admin
#### Does this PR introduce a user-facing change?
<!--
如果当前 Pull Request 的修改不会造成用户侧的任何变更,在 `release-note` 代码块儿中填写 `NONE`。
否则请填写用户侧能够理解的 Release Note。如果当前 Pull Request 包含破坏性更新(Break Change),
Release Note 需要以 `action required` 开头。
If no, just write "NONE" in the release-note block below.
If yes, a release note is required:
Enter your extended release note in the block below. If the PR requires additional action from users switching to the new release, include the string "action required".
-->
```release-note
None
```
2022-09-06 02:26:11 +00:00
|
|
|
await apiClient.extension.plugin.deletepluginHaloRunV1alpha1Plugin({
|
|
|
|
name: plugin.value.metadata.name,
|
|
|
|
});
|
2022-10-10 09:04:32 +00:00
|
|
|
|
|
|
|
// delete plugin setting and configMap
|
2022-12-20 11:04:29 +00:00
|
|
|
if (deleteExtensions) {
|
|
|
|
const { settingName, configMapName } = plugin.value.spec;
|
2022-10-10 09:04:32 +00:00
|
|
|
|
2022-12-20 11:04:29 +00:00
|
|
|
if (settingName) {
|
|
|
|
await apiClient.extension.setting.deletev1alpha1Setting(
|
|
|
|
{
|
|
|
|
name: settingName,
|
|
|
|
},
|
|
|
|
{
|
|
|
|
mute: true,
|
|
|
|
}
|
|
|
|
);
|
|
|
|
}
|
2022-10-10 09:04:32 +00:00
|
|
|
|
2022-12-20 11:04:29 +00:00
|
|
|
if (configMapName) {
|
|
|
|
await apiClient.extension.configMap.deletev1alpha1ConfigMap(
|
|
|
|
{
|
|
|
|
name: configMapName,
|
|
|
|
},
|
|
|
|
{
|
|
|
|
mute: true,
|
|
|
|
}
|
|
|
|
);
|
|
|
|
}
|
2022-10-10 09:04:32 +00:00
|
|
|
}
|
2022-12-20 11:04:29 +00:00
|
|
|
|
2023-03-23 08:54:33 +00:00
|
|
|
Toast.success(t("core.common.toast.uninstall_success"));
|
2022-07-26 13:15:24 +00:00
|
|
|
} catch (e) {
|
2022-10-10 09:04:32 +00:00
|
|
|
console.error("Failed to uninstall plugin", e);
|
2022-07-26 13:15:24 +00:00
|
|
|
} finally {
|
|
|
|
window.location.reload();
|
|
|
|
}
|
|
|
|
},
|
|
|
|
});
|
|
|
|
};
|
|
|
|
|
|
|
|
return {
|
2022-07-27 08:36:04 +00:00
|
|
|
isStarted,
|
2023-05-17 03:54:15 +00:00
|
|
|
getFailedMessage,
|
2022-07-26 13:15:24 +00:00
|
|
|
changeStatus,
|
2023-08-25 09:26:13 +00:00
|
|
|
changingStatus,
|
2022-07-26 13:15:24 +00:00
|
|
|
uninstall,
|
|
|
|
};
|
|
|
|
}
|
2023-08-25 16:00:13 +00:00
|
|
|
|
|
|
|
export function usePluginBatchOperations(names: Ref<string[]>) {
|
|
|
|
const { t } = useI18n();
|
|
|
|
|
|
|
|
function handleUninstallInBatch(deleteExtensions: boolean) {
|
|
|
|
Dialog.warning({
|
|
|
|
title: `${
|
|
|
|
deleteExtensions
|
|
|
|
? t(
|
|
|
|
"core.plugin.operations.uninstall_and_delete_config_in_batch.title"
|
|
|
|
)
|
|
|
|
: t("core.plugin.operations.uninstall_in_batch.title")
|
|
|
|
}`,
|
|
|
|
description: t("core.common.dialog.descriptions.cannot_be_recovered"),
|
|
|
|
confirmType: "danger",
|
|
|
|
confirmText: t("core.common.buttons.uninstall"),
|
|
|
|
cancelText: t("core.common.buttons.cancel"),
|
|
|
|
onConfirm: async () => {
|
|
|
|
try {
|
|
|
|
for (let i = 0; i < names.value.length; i++) {
|
|
|
|
await apiClient.extension.plugin.deletepluginHaloRunV1alpha1Plugin({
|
|
|
|
name: names.value[i],
|
|
|
|
});
|
|
|
|
|
|
|
|
if (deleteExtensions) {
|
|
|
|
const { data: plugin } =
|
|
|
|
await apiClient.extension.plugin.getpluginHaloRunV1alpha1Plugin(
|
|
|
|
{
|
|
|
|
name: names.value[i],
|
|
|
|
}
|
|
|
|
);
|
|
|
|
|
|
|
|
const { settingName, configMapName } = plugin.spec;
|
|
|
|
|
|
|
|
if (settingName) {
|
|
|
|
await apiClient.extension.setting.deletev1alpha1Setting(
|
|
|
|
{
|
|
|
|
name: settingName,
|
|
|
|
},
|
|
|
|
{
|
|
|
|
mute: true,
|
|
|
|
}
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
if (configMapName) {
|
|
|
|
await apiClient.extension.configMap.deletev1alpha1ConfigMap(
|
|
|
|
{
|
|
|
|
name: configMapName,
|
|
|
|
},
|
|
|
|
{
|
|
|
|
mute: true,
|
|
|
|
}
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
window.location.reload();
|
|
|
|
} catch (e) {
|
|
|
|
console.error("Failed to uninstall plugin in batch", e);
|
|
|
|
}
|
|
|
|
},
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
function handleChangeStatusInBatch(enabled: boolean) {
|
|
|
|
Dialog.info({
|
|
|
|
title: enabled
|
|
|
|
? t("core.plugin.operations.change_status_in_batch.activate_title")
|
|
|
|
: t("core.plugin.operations.change_status_in_batch.inactivate_title"),
|
|
|
|
confirmText: t("core.common.buttons.confirm"),
|
|
|
|
cancelText: t("core.common.buttons.cancel"),
|
|
|
|
onConfirm: async () => {
|
|
|
|
try {
|
|
|
|
for (let i = 0; i < names.value.length; i++) {
|
2023-10-26 02:56:14 +00:00
|
|
|
await apiClient.plugin.changePluginRunningState({
|
|
|
|
name: names.value[i],
|
|
|
|
pluginRunningStateRequest: {
|
|
|
|
enable: enabled,
|
|
|
|
},
|
2023-08-25 16:00:13 +00:00
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
window.location.reload();
|
|
|
|
} catch (e) {
|
|
|
|
console.error("Failed to change plugin status in batch", e);
|
|
|
|
}
|
|
|
|
},
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
return { handleUninstallInBatch, handleChangeStatusInBatch };
|
|
|
|
}
|