feat(opsflow): fix v1 minor bugs and refactor to use vue query for task apis

apps/web/src/api-clients/opsflow/_types/task-field-type.ts

@@ -17,7 +17,8 @@ export interface TaskFieldOptions { // union of all task field options
 }
 
 /* task field options by type */
-interface TextTaskFieldOptions {
+export interface TextTaskFieldOptions {
+    description?: string;
     example?: string;
     max_length?: number;
 }

apps/web/src/api-clients/opsflow/task-category/composables/use-task-category-api.ts

@@ -0,0 +1,55 @@
+import type { ComputedRef } from 'vue';
+
+import type { QueryKey } from '@tanstack/vue-query';
+
+import { SpaceConnector } from '@cloudforet/core-lib/space-connector';
+
+import { useAPIQueryKey } from '@/api-clients/_common/composables/use-query-key';
+import type { ListResponse } from '@/api-clients/_common/schema/api-verbs/list';
+import type { TaskCategoryCreateParameters } from '@/api-clients/opsflow/task-category/schema/api-verbs/create';
+import type { TaskCategoryDeleteParameters } from '@/api-clients/opsflow/task-category/schema/api-verbs/delete';
+import type { TaskCategoryGetParameters } from '@/api-clients/opsflow/task-category/schema/api-verbs/get';
+import type { TaskCategoryListParameters } from '@/api-clients/opsflow/task-category/schema/api-verbs/list';
+import type { TaskCategoryUpdateParameters } from '@/api-clients/opsflow/task-category/schema/api-verbs/update';
+import type { TaskCategoryModel } from '@/api-clients/opsflow/task-category/schema/model';
+
+interface UseTaskCategoryApiReturn {
+    taskCategoryQueryKey: ComputedRef<QueryKey>;
+    taskCategoryListQueryKey: ComputedRef<QueryKey>;
+    taskCategoryAPI: {
+        create: (params: TaskCategoryCreateParameters) => Promise<TaskCategoryModel>;
+        update: (params: TaskCategoryUpdateParameters) => Promise<TaskCategoryModel>;
+        delete: (params: TaskCategoryDeleteParameters) => Promise<void>;
+        get: (params: TaskCategoryGetParameters) => Promise<TaskCategoryModel>;
+        list: (params: TaskCategoryListParameters) => Promise<ListResponse<TaskCategoryModel>>;
+    }
+}
+
+export const useTaskCategoryApi = (): UseTaskCategoryApiReturn => {
+    const taskCategoryQueryKey = useAPIQueryKey('opsflow/task-category/get');
+    const taskCategoryListQueryKey = useAPIQueryKey('opsflow/task-category/list');
+
+    const actions = {
+        async create(params: TaskCategoryCreateParameters) {
+            return SpaceConnector.clientV2.opsflow.taskCategory.create<TaskCategoryCreateParameters, TaskCategoryModel>(params);
+        },
+        async update(params: TaskCategoryUpdateParameters) {
+            return SpaceConnector.clientV2.opsflow.taskCategory.update<TaskCategoryUpdateParameters, TaskCategoryModel>(params);
+        },
+        async delete(params: TaskCategoryDeleteParameters) {
+            return SpaceConnector.clientV2.opsflow.taskCategory.delete<TaskCategoryDeleteParameters>(params);
+        },
+        async get(params: TaskCategoryGetParameters) {
+            return SpaceConnector.clientV2.opsflow.taskCategory.get<TaskCategoryGetParameters, TaskCategoryModel>(params);
+        },
+        async list(params: TaskCategoryListParameters) {
+            return SpaceConnector.clientV2.opsflow.taskCategory.list<TaskCategoryListParameters, ListResponse<TaskCategoryModel>>(params);
+        },
+    };
+
+    return {
+        taskCategoryQueryKey,
+        taskCategoryListQueryKey,
+        taskCategoryAPI: actions,
+    };
+};

apps/web/src/api-clients/opsflow/task-type/composables/use-task-type-api.ts

@@ -0,0 +1,60 @@
+import type { ComputedRef } from 'vue';
+
+import type { QueryKey } from '@tanstack/vue-query';
+
+import { SpaceConnector } from '@cloudforet/core-lib/space-connector';
+
+import { useAPIQueryKey } from '@/api-clients/_common/composables/use-query-key';
+import type { ListResponse } from '@/api-clients/_common/schema/api-verbs/list';
+import type { TaskTypeCreateParameters } from '@/api-clients/opsflow/task-type/schema/api-verbs/create';
+import type { TaskTypeDeleteParameters } from '@/api-clients/opsflow/task-type/schema/api-verbs/delete';
+import type { TaskTypeGetParameters } from '@/api-clients/opsflow/task-type/schema/api-verbs/get';
+import type { TaskTypeListParameters } from '@/api-clients/opsflow/task-type/schema/api-verbs/list';
+import type { TaskTypeUpdateParameters } from '@/api-clients/opsflow/task-type/schema/api-verbs/update';
+import type { TaskTypeUpdateFieldsParameters } from '@/api-clients/opsflow/task-type/schema/api-verbs/update-fields';
+import type { TaskTypeModel } from '@/api-clients/opsflow/task-type/schema/model';
+
+interface UseTaskTypeApiReturn {
+    taskTypeQueryKey: ComputedRef<QueryKey>;
+    taskTypeListQueryKey: ComputedRef<QueryKey>;
+    taskTypeAPI: {
+        create: (params: TaskTypeCreateParameters) => Promise<TaskTypeModel>;
+        update: (params: TaskTypeUpdateParameters) => Promise<TaskTypeModel>;
+        delete: (params: TaskTypeDeleteParameters) => Promise<void>;
+        get: (params: TaskTypeGetParameters) => Promise<TaskTypeModel>;
+        list: (params: TaskTypeListParameters) => Promise<ListResponse<TaskTypeModel>>;
+        updateFields: (params: TaskTypeUpdateFieldsParameters) => Promise<TaskTypeModel>;
+    }
+}
+
+export const useTaskTypeApi = (): UseTaskTypeApiReturn => {
+    const taskTypeQueryKey = useAPIQueryKey('opsflow/task-type/get');
+    const taskTypeListQueryKey = useAPIQueryKey('opsflow/task-type/list');
+
+    const actions = {
+        async create(params: TaskTypeCreateParameters) {
+            return SpaceConnector.clientV2.opsflow.taskType.create<TaskTypeCreateParameters, TaskTypeModel>(params);
+        },
+        async update(params: TaskTypeUpdateParameters) {
+            return SpaceConnector.clientV2.opsflow.taskType.update<TaskTypeUpdateParameters, TaskTypeModel>(params);
+        },
+        async delete(params: TaskTypeDeleteParameters) {
+            return SpaceConnector.clientV2.opsflow.taskType.delete<TaskTypeDeleteParameters>(params);
+        },
+        async get(params: TaskTypeGetParameters) {
+            return SpaceConnector.clientV2.opsflow.taskType.get<TaskTypeGetParameters, TaskTypeModel>(params);
+        },
+        async list(params: TaskTypeListParameters) {
+            return SpaceConnector.clientV2.opsflow.taskType.list<TaskTypeListParameters, ListResponse<TaskTypeModel>>(params);
+        },
+        async updateFields(params: TaskTypeUpdateFieldsParameters) {
+            return SpaceConnector.clientV2.opsflow.taskType.updateFields<TaskTypeUpdateFieldsParameters, TaskTypeModel>(params);
+        },
+    };
+
+    return {
+        taskTypeQueryKey,
+        taskTypeListQueryKey,
+        taskTypeAPI: actions,
+    };
+};

apps/web/src/api-clients/opsflow/task/composables/use-task-api.ts

@@ -0,0 +1,70 @@
+import type { ComputedRef } from 'vue';
+
+import type { QueryKey } from '@tanstack/vue-query';
+
+import { SpaceConnector } from '@cloudforet/core-lib/space-connector';
+
+import { useAPIQueryKey } from '@/api-clients/_common/composables/use-query-key';
+import type { ListResponse } from '@/api-clients/_common/schema/api-verbs/list';
+import type { TaskChangeAssigneeParameters } from '@/api-clients/opsflow/task/schema/api-verbs/change-assignee';
+import type { TaskChangeStatusParameters } from '@/api-clients/opsflow/task/schema/api-verbs/change-status';
+import type { TaskCreateParameters } from '@/api-clients/opsflow/task/schema/api-verbs/create';
+import type { TaskDeleteParameters } from '@/api-clients/opsflow/task/schema/api-verbs/delete';
+import type { TaskGetParameters } from '@/api-clients/opsflow/task/schema/api-verbs/get';
+import type { TaskListParameters } from '@/api-clients/opsflow/task/schema/api-verbs/list';
+import type { TaskUpdateParameters } from '@/api-clients/opsflow/task/schema/api-verbs/update';
+import type { TaskUpdateDescriptionParameters } from '@/api-clients/opsflow/task/schema/api-verbs/update-description';
+import type { TaskModel } from '@/api-clients/opsflow/task/schema/model';
+
+interface UseTaskApiReturn {
+    taskQueryKey: ComputedRef<QueryKey>;
+    taskListQueryKey: ComputedRef<QueryKey>;
+    taskAPI: {
+        create: (params: TaskCreateParameters) => Promise<TaskModel>;
+        update: (params: TaskUpdateParameters) => Promise<TaskModel>;
+        delete: (params: TaskDeleteParameters) => Promise<void>;
+        get: (params: TaskGetParameters) => Promise<TaskModel>;
+        list: (params: TaskListParameters) => Promise<ListResponse<TaskModel>>;
+        changeAssignee: (params: TaskChangeAssigneeParameters) => Promise<TaskModel>;
+        changeStatus: (params: TaskChangeStatusParameters) => Promise<TaskModel>;
+        updateDescription: (params: TaskUpdateDescriptionParameters) => Promise<TaskModel>;
+    }
+}
+
+export const useTaskApi = (): UseTaskApiReturn => {
+    const taskQueryKey = useAPIQueryKey('opsflow/task/get');
+    const taskListQueryKey = useAPIQueryKey('opsflow/task/list');
+
+    const actions = {
+        async create(params: TaskCreateParameters) {
+            return SpaceConnector.clientV2.opsflow.task.create<TaskCreateParameters, TaskModel>(params);
+        },
+        async update(params: TaskUpdateParameters) {
+            return SpaceConnector.clientV2.opsflow.task.update<TaskUpdateParameters, TaskModel>(params);
+        },
+        async delete(params: TaskDeleteParameters) {
+            return SpaceConnector.clientV2.opsflow.task.delete<TaskDeleteParameters>(params);
+        },
+        async get(params: TaskGetParameters) {
+            return SpaceConnector.clientV2.opsflow.task.get<TaskGetParameters, TaskModel>(params);
+        },
+        async list(params: TaskListParameters) {
+            return SpaceConnector.clientV2.opsflow.task.list<TaskListParameters, ListResponse<TaskModel>>(params);
+        },
+        async changeAssignee(params: TaskChangeAssigneeParameters) {
+            return SpaceConnector.clientV2.opsflow.task.changeAssignee<TaskChangeAssigneeParameters, TaskModel>(params);
+        },
+        async changeStatus(params: TaskChangeStatusParameters) {
+            return SpaceConnector.clientV2.opsflow.task.changeStatus<TaskChangeStatusParameters, TaskModel>(params);
+        },
+        async updateDescription(params: TaskUpdateDescriptionParameters) {
+            return SpaceConnector.clientV2.opsflow.task.updateDescription<TaskUpdateDescriptionParameters, TaskModel>(params);
+        },
+    };
+
+    return {
+        taskQueryKey,
+        taskListQueryKey,
+        taskAPI: actions,
+    };
+};

apps/web/src/common/components/editor/text-editor-nodes.pcss

@@ -157,6 +157,7 @@
         @apply bg-gray-100 rounded-lg;
         margin-top: 0.75rem;
         padding: 0.5rem 1rem;
+        white-space: pre-wrap;
         > code {
             font-family: $font-code;
             font-size: 0.875rem;

apps/web/src/services/ops-flow/components/BoardTaskNameField.vue

@@ -25,9 +25,11 @@ const props = defineProps<{
                         taskId: props.taskId,
                     },
                 }"
+                class="leading-lg"
                 :highlight="!props.linkNewTab"
                 :action-icon="props.linkNewTab ? 'internal-link' : 'none'"
                 :new-tab="props.linkNewTab"
+                line-height="1.25"
         />
     </p-collapsible-panel>
 </template>