@webiny/background-tasks 0.0.0-unstable.7be00a75a9 → 0.0.0-unstable.a4f3e4ea8b

package/admin/presentation/TaskExecutions/components/TaskExecutionsView.js

@@ -1,12 +1,13 @@
-import react, { useCallback, useEffect, useMemo } from "react";
+import react, { useCallback, useEffect, useMemo, useState } from "react";
 import debounce from "lodash/debounce.js";
 import { observer } from "mobx-react-lite";
 import { DiContainerProvider, useContainer, useFeature } from "@webiny/app";
-import { Button, DataTable, DatePicker, DropdownMenu, Heading, IconButton, Input, Scrollbar, Select, Separator, Tag, Text, TimeAgo } from "@webiny/admin-ui";
-import { useConfirmationDialog, useSnackbar } from "@webiny/app-admin/hooks/index.js";
+import { DataTable, DatePicker, Drawer, DropdownMenu, Heading, IconButton, Input, Scrollbar, Select, Separator, Skeleton, Tag, Text, TimeAgo, useToast } from "@webiny/admin-ui";
+import { useConfirmationDialog } from "@webiny/app-admin/hooks/index.js";
 import { ReactComponent } from "@webiny/icons/more_vert.svg";
 import { ReactComponent as delete_svg_ReactComponent } from "@webiny/icons/delete.svg";
 import { ReactComponent as stop_circle_svg_ReactComponent } from "@webiny/icons/stop_circle.svg";
+import { ReactComponent as filter_list_svg_ReactComponent } from "@webiny/icons/filter_list.svg";
 import { TaskExecutionsPresenterFeature } from "../feature.js";
 import { ListTasksFeature } from "../../../features/listTasks/feature.js";
 import { DeleteTaskFeature } from "../../../features/deleteTask/feature.js";
@@ -14,6 +15,7 @@ import { AbortTaskFeature } from "../../../features/abortTask/feature.js";
 import { ListDefinitionsFeature } from "../../../features/listDefinitions/feature.js";
 import { TaskPermissionsFeature } from "../../../features/permissions/feature.js";
 import { TaskDetailDrawer } from "../../TaskDetail/components/TaskDetailDrawer.js";
+import { TaskDefinitionsButton } from "./TaskDefinitionsButton.js";
 const STATUS_TAG_VARIANT = {
     pending: "neutral-light",
     running: "accent",
@@ -45,7 +47,7 @@ const STATUS_OPTIONS = [
 ];
 const TaskExecutionsView_TaskExecutionsViewInner = observer(function() {
     const { presenter } = useFeature(TaskExecutionsPresenterFeature);
-    const { showSnackbar } = useSnackbar();
+    const toast = useToast();
     useEffect(()=>{
         presenter.init();
     }, [
@@ -161,21 +163,25 @@ const TaskExecutionsView_TaskExecutionsViewInner = observer(function() {
                             "aria-label": "Actions"
                         })
                     }, isRunning && /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+                        text: "Abort",
                         icon: /*#__PURE__*/ react.createElement(stop_circle_svg_ReactComponent, null),
                         onClick: ()=>{
                             showAbortConfirmation(()=>presenter.abortTask(row.id).then(()=>{
-                                    showSnackbar("Task aborted.");
+                                    toast.showSuccessToast({
+                                        title: "Task aborted."
+                                    });
                                 }));
-                        },
-                        text: "Abort"
+                        }
                     }), isTerminal && vm.permissions.canDelete && /*#__PURE__*/ react.createElement(react.Fragment, null, isRunning && /*#__PURE__*/ react.createElement(DropdownMenu.Separator, null), /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+                        text: "Delete",
                         icon: /*#__PURE__*/ react.createElement(delete_svg_ReactComponent, null),
                         onClick: ()=>{
                             showDeleteConfirmation(()=>presenter.deleteTask(row.id).then(()=>{
-                                    showSnackbar("Task deleted.");
+                                    toast.showSuccessToast({
+                                        title: "Task deleted."
+                                    });
                                 }));
-                        },
-                        text: "Delete"
+                        }
                     })));
                 },
                 size: 56,
@@ -185,31 +191,57 @@ const TaskExecutionsView_TaskExecutionsViewInner = observer(function() {
             }
         }), [
         vm.permissions,
-        vm.definitionOptions,
-        presenter,
-        showDeleteConfirmation,
-        showAbortConfirmation,
-        showSnackbar
+        vm.definitionOptions
     ]);
+    const [filtersOpen, setFiltersOpen] = useState(false);
+    const hasFilters = Object.keys(vm.list.filters).length > 0;
+    const hasActiveFilters = hasFilters || !!vm.list.search;
+    const clearAllFilters = ()=>{
+        presenter.filter.clearAll();
+        presenter.search.set("");
+    };
     return /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement("div", {
         className: "flex flex-col h-main-content"
     }, /*#__PURE__*/ react.createElement("div", {
         className: "flex items-center justify-between py-sm px-md"
     }, /*#__PURE__*/ react.createElement(Heading, {
         level: 5
-    }, "Task Executions")), /*#__PURE__*/ react.createElement(Separator, null), /*#__PURE__*/ react.createElement("div", {
-        className: "flex items-center gap-sm px-md py-xs flex-wrap"
+    }, "Task Executions"), /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center gap-sm"
+    }, /*#__PURE__*/ react.createElement(IconButton, {
+        variant: hasActiveFilters ? "primary" : "ghost",
+        icon: /*#__PURE__*/ react.createElement(filter_list_svg_ReactComponent, null),
+        onClick: ()=>setFiltersOpen(true),
+        "data-testid": "background-tasks.toggle-filters"
+    }), /*#__PURE__*/ react.createElement(TaskDefinitionsButton, null))), /*#__PURE__*/ react.createElement(Separator, null), /*#__PURE__*/ react.createElement(Drawer, {
+        open: filtersOpen,
+        onClose: ()=>setFiltersOpen(false),
+        modal: true,
+        width: 360,
+        title: "Filters",
+        headerSeparator: true,
+        footerSeparator: true,
+        bodyPadding: false,
+        actions: /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Drawer.CancelButton, {
+            text: "Clear all",
+            onClick: clearAllFilters
+        }), /*#__PURE__*/ react.createElement(Drawer.ConfirmButton, {
+            text: "Apply filters",
+            onClick: ()=>setFiltersOpen(false)
+        }))
     }, /*#__PURE__*/ react.createElement("div", {
-        className: "w-[240px]"
+        className: "flex flex-col gap-lg p-lg"
     }, /*#__PURE__*/ react.createElement(Input, {
+        size: "md",
+        label: "Search",
         placeholder: "Search by name...",
         value: vm.list.search,
         onChange: (value)=>{
             presenter.search.set(value);
         }
-    })), /*#__PURE__*/ react.createElement("div", {
-        className: "w-[160px]"
-    }, /*#__PURE__*/ react.createElement(Select, {
+    }), /*#__PURE__*/ react.createElement(Select, {
+        size: "md",
+        label: "Status",
         placeholder: "Status",
         options: STATUS_OPTIONS,
         value: vm.list.filters.taskStatus_in ?? "",
@@ -217,9 +249,9 @@ const TaskExecutionsView_TaskExecutionsViewInner = observer(function() {
             if (value) presenter.filter.set("taskStatus_in", value);
             else presenter.filter.clear("taskStatus_in");
         }
-    })), vm.definitionOptions.length > 0 && /*#__PURE__*/ react.createElement("div", {
-        className: "w-[200px]"
-    }, /*#__PURE__*/ react.createElement(Select, {
+    }), vm.definitionOptions.length > 0 ? /*#__PURE__*/ react.createElement(Select, {
+        size: "md",
+        label: "Definition",
         placeholder: "Definition",
         options: vm.definitionOptions,
         value: vm.list.filters.definitionId,
@@ -227,44 +259,46 @@ const TaskExecutionsView_TaskExecutionsViewInner = observer(function() {
             if (value) presenter.filter.set("definitionId", value);
             else presenter.filter.clear("definitionId");
         }
-    })), /*#__PURE__*/ react.createElement("div", {
-        className: "w-[240px]"
-    }, /*#__PURE__*/ react.createElement(DatePicker, {
+    }) : null, /*#__PURE__*/ react.createElement(DatePicker, {
+        size: "md",
         type: "dateTimeTz",
+        label: "Created from",
         placeholder: "Created from",
         value: vm.list.filters.createdOn_gte,
         onChange: (value)=>{
             if (value) presenter.filter.set("createdOn_gte", value);
             else presenter.filter.clear("createdOn_gte");
         }
-    })), /*#__PURE__*/ react.createElement("div", {
-        className: "w-[240px]"
-    }, /*#__PURE__*/ react.createElement(DatePicker, {
+    }), /*#__PURE__*/ react.createElement(DatePicker, {
+        size: "md",
         type: "dateTimeTz",
+        label: "Created to",
         placeholder: "Created to",
         value: vm.list.filters.createdOn_lte,
         onChange: (value)=>{
             if (value) presenter.filter.set("createdOn_lte", value);
             else presenter.filter.clear("createdOn_lte");
         }
-    })), Object.keys(vm.list.filters).length > 0 && /*#__PURE__*/ react.createElement(Button, {
-        variant: "tertiary",
-        size: "sm",
-        onClick: ()=>presenter.filter.clearAll()
-    }, "Clear filters")), /*#__PURE__*/ react.createElement(Separator, null), /*#__PURE__*/ react.createElement("div", {
+    }))), /*#__PURE__*/ react.createElement("div", {
         className: "flex-1 overflow-hidden"
-    }, vm.list.pagination.loading || 0 !== vm.list.rows.length ? /*#__PURE__*/ react.createElement(Scrollbar, {
+    }, vm.list.pagination.loading || vm.list.pagination.loadingMore || 0 !== vm.list.rows.length ? /*#__PURE__*/ react.createElement(Scrollbar, {
         onScrollFrame: (scrollFrame)=>loadMoreOnScroll({
                 scrollFrame
             })
     }, /*#__PURE__*/ react.createElement(DataTable, {
         columns: columns,
         data: vm.list.rows,
-        loading: vm.list.pagination.loading && 0 === vm.list.rows.length,
+        loading: vm.list.pagination.loading,
         sorting: sorting,
         onSortingChange: onSortingChange,
         stickyHeader: true
-    })) : /*#__PURE__*/ react.createElement("div", {
+    }), vm.list.pagination.loadingMore ? /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-sm p-md"
+    }, /*#__PURE__*/ react.createElement(Skeleton, {
+        className: "h-8 w-full"
+    }), /*#__PURE__*/ react.createElement(Skeleton, {
+        className: "h-8 w-full"
+    })) : null) : /*#__PURE__*/ react.createElement("div", {
         className: "flex flex-col items-center justify-center h-full gap-md"
     }, /*#__PURE__*/ react.createElement(Text, {
         className: "text-neutral-strong"
@@ -274,11 +308,15 @@ const TaskExecutionsView_TaskExecutionsViewInner = observer(function() {
         onClose: ()=>presenter.selectTask(null),
         onAbort: async (id)=>{
             await presenter.abortTask(id);
-            showSnackbar("Task aborted.");
+            toast.showSuccessToast({
+                title: "Task aborted."
+            });
         },
         onDelete: async (id)=>{
             await presenter.deleteTask(id);
-            showSnackbar("Task deleted.");
+            toast.showSuccessToast({
+                title: "Task deleted."
+            });
         }
     }));
 });

package/admin/presentation/TaskExecutions/components/TaskExecutionsView.js.map

@@ -1 +1 @@
-{"version":3,"file":"admin/presentation/TaskExecutions/components/TaskExecutionsView.js","sources":["../../../../../src/admin/presentation/TaskExecutions/components/TaskExecutionsView.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo } from \"react\";\nimport debounce from \"lodash/debounce.js\";\nimport { observer } from \"mobx-react-lite\";\nimport { DiContainerProvider, useContainer, useFeature } from \"@webiny/app\";\nimport type { DataTableSorting, OnDataTableSortingChange } from \"@webiny/admin-ui\";\nimport {\n    Button,\n    DataTable,\n    DatePicker,\n    DropdownMenu,\n    Heading,\n    IconButton,\n    Input,\n    Scrollbar,\n    Select,\n    Separator,\n    Tag,\n    Text,\n    TimeAgo\n} from \"@webiny/admin-ui\";\nimport { useConfirmationDialog, useSnackbar } from \"@webiny/app-admin/hooks/index.js\";\nimport { ReactComponent as MoreVerticalIcon } from \"@webiny/icons/more_vert.svg\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { ReactComponent as StopCircleIcon } from \"@webiny/icons/stop_circle.svg\";\nimport { TaskExecutionsPresenterFeature } from \"../feature.js\";\nimport { ListTasksFeature } from \"~/admin/features/listTasks/feature.js\";\nimport { DeleteTaskFeature } from \"~/admin/features/deleteTask/feature.js\";\nimport { AbortTaskFeature } from \"~/admin/features/abortTask/feature.js\";\nimport { ListDefinitionsFeature } from \"~/admin/features/listDefinitions/feature.js\";\nimport { TaskPermissionsFeature } from \"~/admin/features/permissions/feature.js\";\nimport type { Task, TaskStatus } from \"~/admin/shared/types.js\";\nimport { TaskDetailDrawer } from \"~/admin/presentation/TaskDetail/components/TaskDetailDrawer.js\";\n\nconst STATUS_TAG_VARIANT: Record<\n    string,\n    \"neutral-light\" | \"accent\" | \"success\" | \"destructive\" | \"warning\"\n> = {\n    pending: \"neutral-light\",\n    running: \"accent\",\n    success: \"success\",\n    failed: \"destructive\",\n    aborted: \"warning\"\n};\n\nconst STATUS_OPTIONS: { label: string; value: TaskStatus }[] = [\n    { label: \"Pending\", value: \"pending\" },\n    { label: \"Running\", value: \"running\" },\n    { label: \"Success\", value: \"success\" },\n    { label: \"Failed\", value: \"failed\" },\n    { label: \"Aborted\", value: \"aborted\" }\n];\n\nconst TaskExecutionsViewInner = observer(function TaskExecutionsViewInner() {\n    const { presenter } = useFeature(TaskExecutionsPresenterFeature);\n    const { showSnackbar } = useSnackbar();\n\n    useEffect(() => {\n        presenter.init();\n    }, [presenter]);\n\n    const { vm } = presenter;\n\n    const loadMoreOnScroll = useMemo(\n        () =>\n            debounce(({ scrollFrame }: { scrollFrame: { top: number } }) => {\n                if (scrollFrame.top > 0.8) {\n                    presenter.loadMore();\n                }\n            }, 200),\n        [presenter]\n    );\n\n    const { showConfirmation: showDeleteConfirmation } = useConfirmationDialog({\n        title: \"Delete Task\",\n        message: \"Are you sure you want to delete this task?\"\n    });\n\n    const { showConfirmation: showAbortConfirmation } = useConfirmationDialog({\n        title: \"Abort Task\",\n        message: \"Are you sure you want to abort this running task?\"\n    });\n\n    const sorting: DataTableSorting = useMemo(() => {\n        const sort = vm.list.sort;\n        if (!sort || !sort.field) {\n            return [];\n        }\n        return [{ id: sort.field, desc: sort.direction === \"DESC\" }];\n    }, [vm.list.sort]);\n\n    const onSortingChange: OnDataTableSortingChange = useCallback(\n        updater => {\n            const next = typeof updater === \"function\" ? updater(sorting) : updater;\n            if (next.length > 0) {\n                const { id, desc } = next[0];\n                presenter.sort.set(id, desc ? \"DESC\" : \"ASC\");\n            }\n        },\n        [sorting, presenter.sort]\n    );\n\n    const columns = useMemo(\n        () => ({\n            name: {\n                header: \"Name\",\n                cell: (row: Task) => (\n                    <Text\n                        className=\"cursor-pointer text-primary hover:underline\"\n                        onClick={() => presenter.selectTask(row)}\n                    >\n                        {row.name || row.definitionId}\n                    </Text>\n                ),\n                enableSorting: true,\n                size: 200\n            },\n            definitionId: {\n                header: \"Definition\",\n                cell: (row: Task) => {\n                    const def = vm.definitionOptions.find(d => d.value === row.definitionId);\n                    return <Text size=\"sm\">{def ? def.label : row.definitionId}</Text>;\n                },\n                enableSorting: true,\n                size: 160\n            },\n            taskStatus: {\n                header: \"Status\",\n                cell: (row: Task) => (\n                    <Tag\n                        variant={STATUS_TAG_VARIANT[row.taskStatus] ?? \"neutral-light\"}\n                        content={row.taskStatus}\n                    />\n                ),\n                enableSorting: true,\n                size: 100\n            },\n            createdOn: {\n                header: \"Created\",\n                cell: (row: Task) =>\n                    row.createdOn ? <TimeAgo datetime={row.createdOn} /> : <Text size=\"sm\">—</Text>,\n                enableSorting: true,\n                size: 120\n            },\n            startedOn: {\n                header: \"Started\",\n                cell: (row: Task) =>\n                    row.startedOn ? <TimeAgo datetime={row.startedOn} /> : <Text size=\"sm\">—</Text>,\n                enableSorting: true,\n                size: 120\n            },\n            finishedOn: {\n                header: \"Finished\",\n                cell: (row: Task) =>\n                    row.finishedOn ? (\n                        <TimeAgo datetime={row.finishedOn} />\n                    ) : (\n                        <Text size=\"sm\">—</Text>\n                    ),\n                enableSorting: true,\n                size: 120\n            },\n            actions: {\n                header: \" \",\n                cell: (row: Task) => {\n                    const isRunning = row.taskStatus === \"running\";\n                    const isTerminal =\n                        row.taskStatus === \"success\" ||\n                        row.taskStatus === \"failed\" ||\n                        row.taskStatus === \"aborted\";\n\n                    if (!isRunning && !isTerminal) {\n                        return null;\n                    }\n\n                    return (\n                        <DropdownMenu\n                            trigger={\n                                <IconButton\n                                    icon={<MoreVerticalIcon />}\n                                    variant=\"ghost\"\n                                    size=\"sm\"\n                                    aria-label=\"Actions\"\n                                />\n                            }\n                        >\n                            {isRunning && (\n                                <DropdownMenu.Item\n                                    icon={<StopCircleIcon />}\n                                    onClick={() => {\n                                        showAbortConfirmation(() =>\n                                            presenter.abortTask(row.id).then(() => {\n                                                showSnackbar(\"Task aborted.\");\n                                            })\n                                        );\n                                    }}\n                                    text=\"Abort\"\n                                />\n                            )}\n                            {isTerminal && vm.permissions.canDelete && (\n                                <>\n                                    {isRunning && <DropdownMenu.Separator />}\n                                    <DropdownMenu.Item\n                                        icon={<DeleteIcon />}\n                                        onClick={() => {\n                                            showDeleteConfirmation(() =>\n                                                presenter.deleteTask(row.id).then(() => {\n                                                    showSnackbar(\"Task deleted.\");\n                                                })\n                                            );\n                                        }}\n                                        text=\"Delete\"\n                                    />\n                                </>\n                            )}\n                        </DropdownMenu>\n                    );\n                },\n                size: 56,\n                enableSorting: false,\n                enableHiding: false,\n                enableResizing: false\n            }\n        }),\n        [\n            vm.permissions,\n            vm.definitionOptions,\n            presenter,\n            showDeleteConfirmation,\n            showAbortConfirmation,\n            showSnackbar\n        ]\n    );\n\n    return (\n        <>\n            <div className=\"flex flex-col h-main-content\">\n                <div className=\"flex items-center justify-between py-sm px-md\">\n                    <Heading level={5}>Task Executions</Heading>\n                </div>\n                <Separator />\n                <div className=\"flex items-center gap-sm px-md py-xs flex-wrap\">\n                    <div className=\"w-[240px]\">\n                        <Input\n                            placeholder=\"Search by name...\"\n                            value={vm.list.search}\n                            onChange={value => {\n                                presenter.search.set(value);\n                            }}\n                        />\n                    </div>\n                    <div className=\"w-[160px]\">\n                        <Select\n                            placeholder=\"Status\"\n                            options={STATUS_OPTIONS}\n                            value={(vm.list.filters.taskStatus_in as string) ?? \"\"}\n                            onChange={value => {\n                                if (value) {\n                                    presenter.filter.set(\"taskStatus_in\", value);\n                                } else {\n                                    presenter.filter.clear(\"taskStatus_in\");\n                                }\n                            }}\n                        />\n                    </div>\n                    {vm.definitionOptions.length > 0 && (\n                        <div className=\"w-[200px]\">\n                            <Select\n                                placeholder=\"Definition\"\n                                options={vm.definitionOptions}\n                                value={vm.list.filters.definitionId as string}\n                                onChange={value => {\n                                    if (value) {\n                                        presenter.filter.set(\"definitionId\", value);\n                                    } else {\n                                        presenter.filter.clear(\"definitionId\");\n                                    }\n                                }}\n                            />\n                        </div>\n                    )}\n                    <div className=\"w-[240px]\">\n                        <DatePicker\n                            type=\"dateTimeTz\"\n                            placeholder=\"Created from\"\n                            value={vm.list.filters.createdOn_gte as string}\n                            onChange={value => {\n                                if (value) {\n                                    presenter.filter.set(\"createdOn_gte\", value);\n                                } else {\n                                    presenter.filter.clear(\"createdOn_gte\");\n                                }\n                            }}\n                        />\n                    </div>\n                    <div className=\"w-[240px]\">\n                        <DatePicker\n                            type=\"dateTimeTz\"\n                            placeholder=\"Created to\"\n                            value={vm.list.filters.createdOn_lte as string}\n                            onChange={value => {\n                                if (value) {\n                                    presenter.filter.set(\"createdOn_lte\", value);\n                                } else {\n                                    presenter.filter.clear(\"createdOn_lte\");\n                                }\n                            }}\n                        />\n                    </div>\n                    {Object.keys(vm.list.filters).length > 0 && (\n                        <Button\n                            variant=\"tertiary\"\n                            size=\"sm\"\n                            onClick={() => presenter.filter.clearAll()}\n                        >\n                            Clear filters\n                        </Button>\n                    )}\n                </div>\n                <Separator />\n                <div className=\"flex-1 overflow-hidden\">\n                    {!vm.list.pagination.loading && vm.list.rows.length === 0 ? (\n                        <div className=\"flex flex-col items-center justify-center h-full gap-md\">\n                            <Text className=\"text-neutral-strong\">No tasks found.</Text>\n                        </div>\n                    ) : (\n                        <Scrollbar onScrollFrame={scrollFrame => loadMoreOnScroll({ scrollFrame })}>\n                            <DataTable<Task>\n                                columns={columns}\n                                data={vm.list.rows}\n                                loading={vm.list.pagination.loading && vm.list.rows.length === 0}\n                                sorting={sorting}\n                                onSortingChange={onSortingChange}\n                                stickyHeader\n                            />\n                        </Scrollbar>\n                    )}\n                </div>\n            </div>\n            {presenter.selectedTask && (\n                <TaskDetailDrawer\n                    task={presenter.selectedTask}\n                    open={!!presenter.selectedTask}\n                    onClose={() => presenter.selectTask(null)}\n                    onAbort={async (id: string) => {\n                        await presenter.abortTask(id);\n                        showSnackbar(\"Task aborted.\");\n                    }}\n                    onDelete={async (id: string) => {\n                        await presenter.deleteTask(id);\n                        showSnackbar(\"Task deleted.\");\n                    }}\n                />\n            )}\n        </>\n    );\n});\n\nexport const TaskExecutionsView = () => {\n    const container = useContainer();\n\n    const scopedContainer = useMemo(() => {\n        const child = container.createChildContainer();\n        ListTasksFeature.register(child);\n        DeleteTaskFeature.register(child);\n        AbortTaskFeature.register(child);\n        ListDefinitionsFeature.register(child);\n        TaskPermissionsFeature.register(child);\n        TaskExecutionsPresenterFeature.register(child);\n        return child;\n    }, []);\n\n    return (\n        <DiContainerProvider container={scopedContainer}>\n            <TaskExecutionsViewInner />\n        </DiContainerProvider>\n    );\n};\n"],"names":["STATUS_TAG_VARIANT","STATUS_OPTIONS","TaskExecutionsViewInner","observer","presenter","useFeature","TaskExecutionsPresenterFeature","showSnackbar","useSnackbar","useEffect","vm","loadMoreOnScroll","useMemo","debounce","scrollFrame","showDeleteConfirmation","useConfirmationDialog","showAbortConfirmation","sorting","sort","onSortingChange","useCallback","updater","next","id","desc","columns","row","Text","def","d","Tag","TimeAgo","isRunning","isTerminal","DropdownMenu","IconButton","MoreVerticalIcon","StopCircleIcon","DeleteIcon","Heading","Separator","Input","value","Select","DatePicker","Object","Button","Scrollbar","DataTable","TaskDetailDrawer","TaskExecutionsView","container","useContainer","scopedContainer","child","ListTasksFeature","DeleteTaskFeature","AbortTaskFeature","ListDefinitionsFeature","TaskPermissionsFeature","DiContainerProvider"],"mappings":"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"}
+{"version":3,"file":"admin/presentation/TaskExecutions/components/TaskExecutionsView.js","sources":["../../../../../src/admin/presentation/TaskExecutions/components/TaskExecutionsView.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport debounce from \"lodash/debounce.js\";\nimport { observer } from \"mobx-react-lite\";\nimport { DiContainerProvider, useContainer, useFeature } from \"@webiny/app\";\nimport type { DataTableSorting, OnDataTableSortingChange } from \"@webiny/admin-ui\";\nimport {\n    DataTable,\n    DatePicker,\n    Drawer,\n    DropdownMenu,\n    Heading,\n    IconButton,\n    Input,\n    Scrollbar,\n    Select,\n    Separator,\n    Skeleton,\n    Tag,\n    Text,\n    TimeAgo\n} from \"@webiny/admin-ui\";\nimport { useConfirmationDialog } from \"@webiny/app-admin/hooks/index.js\";\nimport { ReactComponent as MoreVerticalIcon } from \"@webiny/icons/more_vert.svg\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { ReactComponent as StopCircleIcon } from \"@webiny/icons/stop_circle.svg\";\nimport { ReactComponent as FilterIcon } from \"@webiny/icons/filter_list.svg\";\nimport { useToast } from \"@webiny/admin-ui\";\nimport { TaskExecutionsPresenterFeature } from \"../feature.js\";\nimport { ListTasksFeature } from \"~/admin/features/listTasks/feature.js\";\nimport { DeleteTaskFeature } from \"~/admin/features/deleteTask/feature.js\";\nimport { AbortTaskFeature } from \"~/admin/features/abortTask/feature.js\";\nimport { ListDefinitionsFeature } from \"~/admin/features/listDefinitions/feature.js\";\nimport { TaskPermissionsFeature } from \"~/admin/features/permissions/feature.js\";\nimport type { Task, TaskStatus } from \"~/admin/shared/types.js\";\nimport { TaskDetailDrawer } from \"~/admin/presentation/TaskDetail/components/TaskDetailDrawer.js\";\nimport { TaskDefinitionsButton } from \"~/admin/presentation/TaskExecutions/components/TaskDefinitionsButton.js\";\n\nconst STATUS_TAG_VARIANT: Record<\n    string,\n    \"neutral-light\" | \"accent\" | \"success\" | \"destructive\" | \"warning\"\n> = {\n    pending: \"neutral-light\",\n    running: \"accent\",\n    success: \"success\",\n    failed: \"destructive\",\n    aborted: \"warning\"\n};\n\nconst STATUS_OPTIONS: { label: string; value: TaskStatus }[] = [\n    { label: \"Pending\", value: \"pending\" },\n    { label: \"Running\", value: \"running\" },\n    { label: \"Success\", value: \"success\" },\n    { label: \"Failed\", value: \"failed\" },\n    { label: \"Aborted\", value: \"aborted\" }\n];\n\nconst TaskExecutionsViewInner = observer(function TaskExecutionsViewInner() {\n    const { presenter } = useFeature(TaskExecutionsPresenterFeature);\n    const toast = useToast();\n\n    useEffect(() => {\n        presenter.init();\n    }, [presenter]);\n\n    const { vm } = presenter;\n\n    const loadMoreOnScroll = useMemo(\n        () =>\n            debounce(({ scrollFrame }: { scrollFrame: { top: number } }) => {\n                if (scrollFrame.top > 0.8) {\n                    presenter.loadMore();\n                }\n            }, 200),\n        [presenter]\n    );\n\n    const { showConfirmation: showDeleteConfirmation } = useConfirmationDialog({\n        title: \"Delete Task\",\n        message: \"Are you sure you want to delete this task?\"\n    });\n\n    const { showConfirmation: showAbortConfirmation } = useConfirmationDialog({\n        title: \"Abort Task\",\n        message: \"Are you sure you want to abort this running task?\"\n    });\n\n    const sorting: DataTableSorting = useMemo(() => {\n        const sort = vm.list.sort;\n        if (!sort || !sort.field) {\n            return [];\n        }\n        return [{ id: sort.field, desc: sort.direction === \"DESC\" }];\n    }, [vm.list.sort]);\n\n    const onSortingChange: OnDataTableSortingChange = useCallback(\n        updater => {\n            const next = typeof updater === \"function\" ? updater(sorting) : updater;\n            if (next.length > 0) {\n                const { id, desc } = next[0];\n                presenter.sort.set(id, desc ? \"DESC\" : \"ASC\");\n            }\n        },\n        [sorting, presenter.sort]\n    );\n\n    const columns = useMemo(\n        () => ({\n            name: {\n                header: \"Name\",\n                cell: (row: Task) => (\n                    <Text\n                        className=\"cursor-pointer text-primary hover:underline\"\n                        onClick={() => presenter.selectTask(row)}\n                    >\n                        {row.name || row.definitionId}\n                    </Text>\n                ),\n                enableSorting: true,\n                size: 200\n            },\n            definitionId: {\n                header: \"Definition\",\n                cell: (row: Task) => {\n                    const def = vm.definitionOptions.find(d => d.value === row.definitionId);\n                    return <Text size=\"sm\">{def ? def.label : row.definitionId}</Text>;\n                },\n                enableSorting: true,\n                size: 160\n            },\n            taskStatus: {\n                header: \"Status\",\n                cell: (row: Task) => (\n                    <Tag\n                        variant={STATUS_TAG_VARIANT[row.taskStatus] ?? \"neutral-light\"}\n                        content={row.taskStatus}\n                    />\n                ),\n                enableSorting: true,\n                size: 100\n            },\n            createdOn: {\n                header: \"Created\",\n                cell: (row: Task) =>\n                    row.createdOn ? <TimeAgo datetime={row.createdOn} /> : <Text size=\"sm\">—</Text>,\n                enableSorting: true,\n                size: 120\n            },\n            startedOn: {\n                header: \"Started\",\n                cell: (row: Task) =>\n                    row.startedOn ? <TimeAgo datetime={row.startedOn} /> : <Text size=\"sm\">—</Text>,\n                enableSorting: true,\n                size: 120\n            },\n            finishedOn: {\n                header: \"Finished\",\n                cell: (row: Task) =>\n                    row.finishedOn ? (\n                        <TimeAgo datetime={row.finishedOn} />\n                    ) : (\n                        <Text size=\"sm\">—</Text>\n                    ),\n                enableSorting: true,\n                size: 120\n            },\n            actions: {\n                header: \" \",\n                cell: (row: Task) => {\n                    const isRunning = row.taskStatus === \"running\";\n                    const isTerminal =\n                        row.taskStatus === \"success\" ||\n                        row.taskStatus === \"failed\" ||\n                        row.taskStatus === \"aborted\";\n\n                    if (!isRunning && !isTerminal) {\n                        return null;\n                    }\n\n                    return (\n                        <DropdownMenu\n                            trigger={\n                                <IconButton\n                                    icon={<MoreVerticalIcon />}\n                                    variant=\"ghost\"\n                                    size=\"sm\"\n                                    aria-label=\"Actions\"\n                                />\n                            }\n                        >\n                            {isRunning && (\n                                <DropdownMenu.Item\n                                    text=\"Abort\"\n                                    icon={<StopCircleIcon />}\n                                    onClick={() => {\n                                        showAbortConfirmation(() =>\n                                            presenter.abortTask(row.id).then(() => {\n                                                toast.showSuccessToast({ title: \"Task aborted.\" });\n                                            })\n                                        );\n                                    }}\n                                />\n                            )}\n                            {isTerminal && vm.permissions.canDelete && (\n                                <>\n                                    {isRunning && <DropdownMenu.Separator />}\n                                    <DropdownMenu.Item\n                                        text=\"Delete\"\n                                        icon={<DeleteIcon />}\n                                        onClick={() => {\n                                            showDeleteConfirmation(() =>\n                                                presenter.deleteTask(row.id).then(() => {\n                                                    toast.showSuccessToast({\n                                                        title: \"Task deleted.\"\n                                                    });\n                                                })\n                                            );\n                                        }}\n                                    />\n                                </>\n                            )}\n                        </DropdownMenu>\n                    );\n                },\n                size: 56,\n                enableSorting: false,\n                enableHiding: false,\n                enableResizing: false\n            }\n        }),\n        [vm.permissions, vm.definitionOptions]\n    );\n\n    const [filtersOpen, setFiltersOpen] = useState(false);\n    const hasFilters = Object.keys(vm.list.filters).length > 0;\n    const hasActiveFilters = hasFilters || !!vm.list.search;\n\n    const clearAllFilters = () => {\n        presenter.filter.clearAll();\n        presenter.search.set(\"\");\n    };\n\n    return (\n        <>\n            <div className=\"flex flex-col h-main-content\">\n                <div className=\"flex items-center justify-between py-sm px-md\">\n                    <Heading level={5}>Task Executions</Heading>\n                    <div className=\"flex items-center gap-sm\">\n                        <IconButton\n                            variant={hasActiveFilters ? \"primary\" : \"ghost\"}\n                            icon={<FilterIcon />}\n                            onClick={() => setFiltersOpen(true)}\n                            data-testid=\"background-tasks.toggle-filters\"\n                        />\n                        <TaskDefinitionsButton />\n                    </div>\n                </div>\n                <Separator />\n                <Drawer\n                    open={filtersOpen}\n                    onClose={() => setFiltersOpen(false)}\n                    modal={true}\n                    width={360}\n                    title=\"Filters\"\n                    headerSeparator={true}\n                    footerSeparator={true}\n                    bodyPadding={false}\n                    actions={\n                        <>\n                            <Drawer.CancelButton text=\"Clear all\" onClick={clearAllFilters} />\n                            <Drawer.ConfirmButton\n                                text=\"Apply filters\"\n                                onClick={() => setFiltersOpen(false)}\n                            />\n                        </>\n                    }\n                >\n                    <div className=\"flex flex-col gap-lg p-lg\">\n                        <Input\n                            size={\"md\"}\n                            label=\"Search\"\n                            placeholder=\"Search by name...\"\n                            value={vm.list.search}\n                            onChange={value => {\n                                presenter.search.set(value);\n                            }}\n                        />\n                        <Select\n                            size={\"md\"}\n                            label=\"Status\"\n                            placeholder=\"Status\"\n                            options={STATUS_OPTIONS}\n                            value={(vm.list.filters.taskStatus_in as string) ?? \"\"}\n                            onChange={value => {\n                                if (value) {\n                                    presenter.filter.set(\"taskStatus_in\", value);\n                                } else {\n                                    presenter.filter.clear(\"taskStatus_in\");\n                                }\n                            }}\n                        />\n                        {vm.definitionOptions.length > 0 ? (\n                            <Select\n                                size={\"md\"}\n                                label=\"Definition\"\n                                placeholder=\"Definition\"\n                                options={vm.definitionOptions}\n                                value={vm.list.filters.definitionId as string}\n                                onChange={value => {\n                                    if (value) {\n                                        presenter.filter.set(\"definitionId\", value);\n                                    } else {\n                                        presenter.filter.clear(\"definitionId\");\n                                    }\n                                }}\n                            />\n                        ) : null}\n                        <DatePicker\n                            size={\"md\"}\n                            type=\"dateTimeTz\"\n                            label=\"Created from\"\n                            placeholder=\"Created from\"\n                            value={vm.list.filters.createdOn_gte as string}\n                            onChange={value => {\n                                if (value) {\n                                    presenter.filter.set(\"createdOn_gte\", value);\n                                } else {\n                                    presenter.filter.clear(\"createdOn_gte\");\n                                }\n                            }}\n                        />\n                        <DatePicker\n                            size={\"md\"}\n                            type=\"dateTimeTz\"\n                            label=\"Created to\"\n                            placeholder=\"Created to\"\n                            value={vm.list.filters.createdOn_lte as string}\n                            onChange={value => {\n                                if (value) {\n                                    presenter.filter.set(\"createdOn_lte\", value);\n                                } else {\n                                    presenter.filter.clear(\"createdOn_lte\");\n                                }\n                            }}\n                        />\n                    </div>\n                </Drawer>\n                <div className=\"flex-1 overflow-hidden\">\n                    {!vm.list.pagination.loading &&\n                    !vm.list.pagination.loadingMore &&\n                    vm.list.rows.length === 0 ? (\n                        <div className=\"flex flex-col items-center justify-center h-full gap-md\">\n                            <Text className=\"text-neutral-strong\">No tasks found.</Text>\n                        </div>\n                    ) : (\n                        <Scrollbar onScrollFrame={scrollFrame => loadMoreOnScroll({ scrollFrame })}>\n                            <DataTable<Task>\n                                columns={columns}\n                                data={vm.list.rows}\n                                loading={vm.list.pagination.loading}\n                                sorting={sorting}\n                                onSortingChange={onSortingChange}\n                                stickyHeader\n                            />\n                            {vm.list.pagination.loadingMore ? (\n                                <div className=\"flex flex-col gap-sm p-md\">\n                                    <Skeleton className=\"h-8 w-full\" />\n                                    <Skeleton className=\"h-8 w-full\" />\n                                </div>\n                            ) : null}\n                        </Scrollbar>\n                    )}\n                </div>\n            </div>\n            {presenter.selectedTask && (\n                <TaskDetailDrawer\n                    task={presenter.selectedTask}\n                    open={!!presenter.selectedTask}\n                    onClose={() => presenter.selectTask(null)}\n                    onAbort={async (id: string) => {\n                        await presenter.abortTask(id);\n                        toast.showSuccessToast({ title: \"Task aborted.\" });\n                    }}\n                    onDelete={async (id: string) => {\n                        await presenter.deleteTask(id);\n                        toast.showSuccessToast({ title: \"Task deleted.\" });\n                    }}\n                />\n            )}\n        </>\n    );\n});\n\nexport const TaskExecutionsView = () => {\n    const container = useContainer();\n\n    const scopedContainer = useMemo(() => {\n        const child = container.createChildContainer();\n        ListTasksFeature.register(child);\n        DeleteTaskFeature.register(child);\n        AbortTaskFeature.register(child);\n        ListDefinitionsFeature.register(child);\n        TaskPermissionsFeature.register(child);\n        TaskExecutionsPresenterFeature.register(child);\n        return child;\n    }, []);\n\n    return (\n        <DiContainerProvider container={scopedContainer}>\n            <TaskExecutionsViewInner />\n        </DiContainerProvider>\n    );\n};\n"],"names":["STATUS_TAG_VARIANT","STATUS_OPTIONS","TaskExecutionsViewInner","observer","presenter","useFeature","TaskExecutionsPresenterFeature","toast","useToast","useEffect","vm","loadMoreOnScroll","useMemo","debounce","scrollFrame","showDeleteConfirmation","useConfirmationDialog","showAbortConfirmation","sorting","sort","onSortingChange","useCallback","updater","next","id","desc","columns","row","Text","def","d","Tag","TimeAgo","isRunning","isTerminal","DropdownMenu","IconButton","MoreVerticalIcon","StopCircleIcon","DeleteIcon","filtersOpen","setFiltersOpen","useState","hasFilters","Object","hasActiveFilters","clearAllFilters","Heading","FilterIcon","TaskDefinitionsButton","Separator","Drawer","Input","value","Select","DatePicker","Scrollbar","DataTable","Skeleton","TaskDetailDrawer","TaskExecutionsView","container","useContainer","scopedContainer","child","ListTasksFeature","DeleteTaskFeature","AbortTaskFeature","ListDefinitionsFeature","TaskPermissionsFeature","DiContainerProvider"],"mappings":"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"}

package/admin/routes.d.ts

@@ -2,4 +2,5 @@ import { Route } from "@webiny/app-admin";
 export declare const Routes: {
     Definitions: Route<undefined>;
     Executions: Route<undefined>;
+    Settings: Route<undefined>;
 };

package/admin/routes.js

@@ -7,6 +7,10 @@ const Routes = {
     Executions: new Route({
         name: "BackgroundTasks/Executions",
         path: "/background-tasks/executions"
+    }),
+    Settings: new Route({
+        name: "BackgroundTasks/Settings",
+        path: "/background-tasks/settings"
     })
 };
 export { Routes };

package/admin/routes.js.map

@@ -1 +1 @@
-{"version":3,"file":"admin/routes.js","sources":["../../src/admin/routes.ts"],"sourcesContent":["import { Route } from \"@webiny/app-admin\";\n\nexport const Routes = {\n    Definitions: new Route({\n        name: \"BackgroundTasks/Definitions\",\n        path: \"/background-tasks/definitions\"\n    }),\n    Executions: new Route({\n        name: \"BackgroundTasks/Executions\",\n        path: \"/background-tasks/executions\"\n    })\n};\n"],"names":["Routes","Route"],"mappings":";AAEO,MAAMA,SAAS;IAClB,aAAa,IAAIC,MAAM;QACnB,MAAM;QACN,MAAM;IACV;IACA,YAAY,IAAIA,MAAM;QAClB,MAAM;QACN,MAAM;IACV;AACJ"}
+{"version":3,"file":"admin/routes.js","sources":["../../src/admin/routes.ts"],"sourcesContent":["import { Route } from \"@webiny/app-admin\";\n\nexport const Routes = {\n    Definitions: new Route({\n        name: \"BackgroundTasks/Definitions\",\n        path: \"/background-tasks/definitions\"\n    }),\n    Executions: new Route({\n        name: \"BackgroundTasks/Executions\",\n        path: \"/background-tasks/executions\"\n    }),\n    Settings: new Route({\n        name: \"BackgroundTasks/Settings\",\n        path: \"/background-tasks/settings\"\n    })\n};\n"],"names":["Routes","Route"],"mappings":";AAEO,MAAMA,SAAS;IAClB,aAAa,IAAIC,MAAM;QACnB,MAAM;QACN,MAAM;IACV;IACA,YAAY,IAAIA,MAAM;QAClB,MAAM;QACN,MAAM;IACV;IACA,UAAU,IAAIA,MAAM;QAChB,MAAM;QACN,MAAM;IACV;AACJ"}

package/admin/shared/types.d.ts

@@ -13,3 +13,6 @@ export type Task = Omit<TaskRun, "taskStatus"> & {
 export type { TaskLog } from "@webiny/sdk";
 export type { TaskLogItem } from "@webiny/sdk";
 export type { TaskDefinition } from "@webiny/sdk";
+export interface BackgroundTaskSettings {
+    retentionDays: number | undefined;
+}

package/api/context.d.ts

@@ -0,0 +1,2 @@
+import type { Plugin } from "@webiny/plugins";
+export declare const createBackgroundTaskContext: () => Plugin[];

package/api/context.js

@@ -0,0 +1,66 @@
+import { ContextPlugin } from "@webiny/api";
+import { TaskService } from "@webiny/api-core/features/task/TaskService/index.js";
+import { RunnableTaskDecorator } from "./decorators/RunnableTaskDecorator.js";
+import { SelfCleaningTaskDecorator } from "./decorators/SelfCleaningTaskDecorator.js";
+import { TaskController } from "./features/TaskController/index.js";
+import { TaskPrivateModel } from "./crud/TaskPrivateModel.js";
+import { TaskLogPrivateModel } from "./crud/TaskLogPrivateModel.js";
+import { createDefinitionCrud } from "./crud/definition.tasks.js";
+import { createServiceCrud } from "./crud/service.tasks.js";
+import { createTaskCrud } from "./crud/crud.tasks.js";
+import { createServicePlugins } from "./service/index.js";
+import { TaskExecutionContextFeature } from "./features/TaskExecutionContext/feature.js";
+import { GetTaskDefinitionFeature } from "./features/GetTaskDefinition/feature.js";
+import { ListTaskDefinitionsFeature } from "./features/ListTaskDefinitions/feature.js";
+import { CleanupTaskSubtreeUseCase, CleanupTaskSubtreeUseCaseImpl } from "./features/CleanupTaskSubtree/index.js";
+import { TestingRunTaskDefinition } from "./tasks/testingRunTask.js";
+import { createRegisterExtensionPlugin } from "@webiny/handler";
+import { BackgroundTaskSettingsModel } from "./models/BackgroundTaskSettingsModel.js";
+import { GetBackgroundTaskSettingsFeature } from "./features/GetBackgroundTaskSettings/feature.js";
+import { UpdateBackgroundTaskSettingsFeature } from "./features/UpdateBackgroundTaskSettings/feature.js";
+import { BackgroundTaskPermissionsFeature } from "./features/BackgroundTaskPermissions/feature.js";
+import { createBackgroundTaskSettingsGraphQL } from "./graphql/BackgroundTaskSettingsSchema.js";
+const createTasksCrud = ()=>{
+    const tasksCrudPlugin = new ContextPlugin(async (context)=>{
+        context.container.registerDecorator(RunnableTaskDecorator);
+        context.container.registerDecorator(SelfCleaningTaskDecorator);
+        GetTaskDefinitionFeature.register(context.container);
+        ListTaskDefinitionsFeature.register(context.container);
+        context.tasks = {
+            ...createDefinitionCrud(context),
+            ...createTaskCrud(context),
+            ...createServiceCrud(context)
+        };
+        context.container.registerInstance(CleanupTaskSubtreeUseCase, new CleanupTaskSubtreeUseCaseImpl(context));
+    });
+    tasksCrudPlugin.name = "tasks.context";
+    return tasksCrudPlugin;
+};
+const createTasksContext = ()=>{
+    const modelsPlugin = createRegisterExtensionPlugin((context)=>{
+        context.container.register(TaskPrivateModel);
+        context.container.register(TaskLogPrivateModel);
+        context.container.register(BackgroundTaskSettingsModel);
+    });
+    return [
+        ...createServicePlugins(),
+        createTasksCrud(),
+        modelsPlugin
+    ];
+};
+const createBackgroundTaskContext = ()=>[
+        ...createTasksContext(),
+        ...createBackgroundTaskSettingsGraphQL(),
+        new ContextPlugin((context)=>{
+            context.container.registerInstance(TaskService, context.tasks);
+            TaskExecutionContextFeature.register(context.container);
+            context.container.register(TaskController);
+            context.container.register(TestingRunTaskDefinition);
+            BackgroundTaskPermissionsFeature.register(context.container);
+            GetBackgroundTaskSettingsFeature.register(context.container);
+            UpdateBackgroundTaskSettingsFeature.register(context.container);
+        })
+    ];
+export { createBackgroundTaskContext };
+
+//# sourceMappingURL=context.js.map

package/api/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api/context.js","sources":["../../src/api/context.ts"],"sourcesContent":["import type { Plugin } from \"@webiny/plugins\";\nimport { ContextPlugin } from \"@webiny/api\";\nimport { TaskService } from \"@webiny/api-core/features/task/TaskService/index.js\";\nimport { RunnableTaskDecorator } from \"./decorators/RunnableTaskDecorator.js\";\nimport { SelfCleaningTaskDecorator } from \"./decorators/SelfCleaningTaskDecorator.js\";\nimport { TaskController } from \"./features/TaskController/index.js\";\nimport type { Context } from \"~/api/types.js\";\nimport { TaskPrivateModel } from \"./crud/TaskPrivateModel.js\";\nimport { TaskLogPrivateModel } from \"./crud/TaskLogPrivateModel.js\";\nimport { createDefinitionCrud } from \"./crud/definition.tasks.js\";\nimport { createServiceCrud } from \"~/api/crud/service.tasks.js\";\nimport { createTaskCrud } from \"./crud/crud.tasks.js\";\nimport { createServicePlugins } from \"~/api/service/index.js\";\nimport { TaskExecutionContextFeature } from \"~/api/features/TaskExecutionContext/feature.js\";\nimport { GetTaskDefinitionFeature } from \"~/api/features/GetTaskDefinition/feature.js\";\nimport { ListTaskDefinitionsFeature } from \"~/api/features/ListTaskDefinitions/feature.js\";\nimport {\n    CleanupTaskSubtreeUseCase,\n    CleanupTaskSubtreeUseCaseImpl\n} from \"~/api/features/CleanupTaskSubtree/index.js\";\nimport { TestingRunTaskDefinition } from \"~/api/tasks/testingRunTask.js\";\nimport { createRegisterExtensionPlugin } from \"@webiny/handler\";\nimport { BackgroundTaskSettingsModel } from \"~/api/models/BackgroundTaskSettingsModel.js\";\nimport { GetBackgroundTaskSettingsFeature } from \"~/api/features/GetBackgroundTaskSettings/feature.js\";\nimport { UpdateBackgroundTaskSettingsFeature } from \"~/api/features/UpdateBackgroundTaskSettings/feature.js\";\nimport { BackgroundTaskPermissionsFeature } from \"~/api/features/BackgroundTaskPermissions/feature.js\";\nimport { createBackgroundTaskSettingsGraphQL } from \"~/api/graphql/BackgroundTaskSettingsSchema.js\";\n\nconst createTasksCrud = () => {\n    const tasksCrudPlugin = new ContextPlugin<Context>(async context => {\n        // Register the RunnableTaskDecorator to wrap all TaskDefinition instances\n        context.container.registerDecorator(RunnableTaskDecorator);\n        context.container.registerDecorator(SelfCleaningTaskDecorator);\n\n        // Register task definition use cases\n        GetTaskDefinitionFeature.register(context.container);\n        ListTaskDefinitionsFeature.register(context.container);\n\n        context.tasks = {\n            ...createDefinitionCrud(context),\n            ...createTaskCrud(context),\n            ...createServiceCrud(context)\n        };\n\n        // The cleanup use case is a thin wrapper around `context.tasks.cleanupTaskSubtree`,\n        // so it must register AFTER the CRUD is wired onto the context.\n        context.container.registerInstance(\n            CleanupTaskSubtreeUseCase,\n            new CleanupTaskSubtreeUseCaseImpl(context)\n        );\n    });\n\n    tasksCrudPlugin.name = \"tasks.context\";\n\n    return tasksCrudPlugin;\n};\n\nconst createTasksContext = (): Plugin[] => {\n    const modelsPlugin = createRegisterExtensionPlugin(context => {\n        context.container.register(TaskPrivateModel);\n        context.container.register(TaskLogPrivateModel);\n        context.container.register(BackgroundTaskSettingsModel);\n    });\n\n    return [...createServicePlugins(), createTasksCrud(), modelsPlugin];\n};\n\nexport const createBackgroundTaskContext = (): Plugin[] => {\n    return [\n        ...createTasksContext(),\n        ...createBackgroundTaskSettingsGraphQL(),\n        new ContextPlugin<Context>(context => {\n            // Register legacy tasks context via a new abstraction\n            context.container.registerInstance(TaskService, context.tasks);\n\n            // Register TaskExecutionContext EARLY (singleton, empty)\n            TaskExecutionContextFeature.register(context.container);\n\n            // Register TaskController (depends on TaskExecutionContext)\n            context.container.register(TaskController);\n\n            // Register a test task\n            context.container.register(TestingRunTaskDefinition);\n\n            // Permissions.\n            BackgroundTaskPermissionsFeature.register(context.container);\n\n            // Settings features.\n            GetBackgroundTaskSettingsFeature.register(context.container);\n            UpdateBackgroundTaskSettingsFeature.register(context.container);\n        })\n    ];\n};\n"],"names":["createTasksCrud","tasksCrudPlugin","ContextPlugin","context","RunnableTaskDecorator","SelfCleaningTaskDecorator","GetTaskDefinitionFeature","ListTaskDefinitionsFeature","createDefinitionCrud","createTaskCrud","createServiceCrud","CleanupTaskSubtreeUseCase","CleanupTaskSubtreeUseCaseImpl","createTasksContext","modelsPlugin","createRegisterExtensionPlugin","TaskPrivateModel","TaskLogPrivateModel","BackgroundTaskSettingsModel","createServicePlugins","createBackgroundTaskContext","createBackgroundTaskSettingsGraphQL","TaskService","TaskExecutionContextFeature","TaskController","TestingRunTaskDefinition","BackgroundTaskPermissionsFeature","GetBackgroundTaskSettingsFeature","UpdateBackgroundTaskSettingsFeature"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA4BA,MAAMA,kBAAkB;IACpB,MAAMC,kBAAkB,IAAIC,cAAuB,OAAMC;QAErDA,QAAQ,SAAS,CAAC,iBAAiB,CAACC;QACpCD,QAAQ,SAAS,CAAC,iBAAiB,CAACE;QAGpCC,yBAAyB,QAAQ,CAACH,QAAQ,SAAS;QACnDI,2BAA2B,QAAQ,CAACJ,QAAQ,SAAS;QAErDA,QAAQ,KAAK,GAAG;YACZ,GAAGK,qBAAqBL,QAAQ;YAChC,GAAGM,eAAeN,QAAQ;YAC1B,GAAGO,kBAAkBP,QAAQ;QACjC;QAIAA,QAAQ,SAAS,CAAC,gBAAgB,CAC9BQ,2BACA,IAAIC,8BAA8BT;IAE1C;IAEAF,gBAAgB,IAAI,GAAG;IAEvB,OAAOA;AACX;AAEA,MAAMY,qBAAqB;IACvB,MAAMC,eAAeC,8BAA8BZ,CAAAA;QAC/CA,QAAQ,SAAS,CAAC,QAAQ,CAACa;QAC3Bb,QAAQ,SAAS,CAAC,QAAQ,CAACc;QAC3Bd,QAAQ,SAAS,CAAC,QAAQ,CAACe;IAC/B;IAEA,OAAO;WAAIC;QAAwBnB;QAAmBc;KAAa;AACvE;AAEO,MAAMM,8BAA8B,IAChC;WACAP;WACAQ;QACH,IAAInB,cAAuBC,CAAAA;YAEvBA,QAAQ,SAAS,CAAC,gBAAgB,CAACmB,aAAanB,QAAQ,KAAK;YAG7DoB,4BAA4B,QAAQ,CAACpB,QAAQ,SAAS;YAGtDA,QAAQ,SAAS,CAAC,QAAQ,CAACqB;YAG3BrB,QAAQ,SAAS,CAAC,QAAQ,CAACsB;YAG3BC,iCAAiC,QAAQ,CAACvB,QAAQ,SAAS;YAG3DwB,iCAAiC,QAAQ,CAACxB,QAAQ,SAAS;YAC3DyB,oCAAoC,QAAQ,CAACzB,QAAQ,SAAS;QAClE;KACH"}

package/api/crud/TaskLogPrivateModel.d.ts

@@ -0,0 +1,9 @@
+import { ModelFactory } from "@webiny/api-headless-cms/features/modelBuilder/index.js";
+export declare const WEBINY_TASK_LOG_MODEL_ID = "wbyTaskLog";
+declare class TaskLogPrivateModelImpl implements ModelFactory.Interface {
+    execute(builder: ModelFactory.Builder): Promise<import("@webiny/api-headless-cms/features/modelBuilder/index.js").PrivateModelBuilder[]>;
+}
+export declare const TaskLogPrivateModel: typeof TaskLogPrivateModelImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("@webiny/api-headless-cms/features/modelBuilder/abstractions").IModelFactory>;
+};
+export {};

package/api/crud/TaskLogPrivateModel.js

@@ -0,0 +1,40 @@
+import { ModelFactory } from "@webiny/api-headless-cms/features/modelBuilder/index.js";
+import { TaskLogItemType } from "../types.js";
+const WEBINY_TASK_LOG_MODEL_ID = "wbyTaskLog";
+class TaskLogPrivateModelImpl {
+    async execute(builder) {
+        return [
+            builder.private({
+                modelId: WEBINY_TASK_LOG_MODEL_ID,
+                name: "Webiny Task Log"
+            }).fields((fields)=>({
+                    executionName: fields.text().label("Execution Name"),
+                    task: fields.text().label("Task").required("Task is required."),
+                    iteration: fields.number().label("Iteration").required("Iteration is required."),
+                    items: fields.object().label("Items").list().required("Items is required.").fields((fields)=>({
+                            message: fields.text().label("Message").required("Message is required."),
+                            createdOn: fields.datetime().label("Created On").required("Created On is required."),
+                            type: fields.text().label("Type").required("Type is required.").predefinedValues([
+                                {
+                                    value: TaskLogItemType.INFO,
+                                    label: "Info"
+                                },
+                                {
+                                    value: TaskLogItemType.ERROR,
+                                    label: "Error"
+                                }
+                            ]),
+                            data: fields.json().label("Data"),
+                            error: fields.json().label("Error")
+                        }))
+                }))
+        ];
+    }
+}
+const TaskLogPrivateModel = ModelFactory.createImplementation({
+    implementation: TaskLogPrivateModelImpl,
+    dependencies: []
+});
+export { TaskLogPrivateModel, WEBINY_TASK_LOG_MODEL_ID };
+
+//# sourceMappingURL=TaskLogPrivateModel.js.map

package/api/crud/TaskLogPrivateModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api/crud/TaskLogPrivateModel.js","sources":["../../../src/api/crud/TaskLogPrivateModel.ts"],"sourcesContent":["import { ModelFactory } from \"@webiny/api-headless-cms/features/modelBuilder/index.js\";\nimport { TaskLogItemType } from \"~/api/types.js\";\n\nexport const WEBINY_TASK_LOG_MODEL_ID = \"wbyTaskLog\";\n\nclass TaskLogPrivateModelImpl implements ModelFactory.Interface {\n    public async execute(builder: ModelFactory.Builder) {\n        return [\n            builder\n                .private({\n                    modelId: WEBINY_TASK_LOG_MODEL_ID,\n                    name: \"Webiny Task Log\"\n                })\n                .fields(fields => ({\n                    executionName: fields.text().label(\"Execution Name\"),\n                    task: fields.text().label(\"Task\").required(\"Task is required.\"),\n                    iteration: fields\n                        .number()\n                        .label(\"Iteration\")\n                        .required(\"Iteration is required.\"),\n                    items: fields\n                        .object()\n                        .label(\"Items\")\n                        .list()\n                        .required(\"Items is required.\")\n                        .fields(fields => ({\n                            message: fields\n                                .text()\n                                .label(\"Message\")\n                                .required(\"Message is required.\"),\n                            createdOn: fields\n                                .datetime()\n                                .label(\"Created On\")\n                                .required(\"Created On is required.\"),\n                            type: fields\n                                .text()\n                                .label(\"Type\")\n                                .required(\"Type is required.\")\n                                .predefinedValues([\n                                    {\n                                        value: TaskLogItemType.INFO,\n                                        label: \"Info\"\n                                    },\n                                    {\n                                        value: TaskLogItemType.ERROR,\n                                        label: \"Error\"\n                                    }\n                                ]),\n                            data: fields.json().label(\"Data\"),\n                            error: fields.json().label(\"Error\")\n                        }))\n                }))\n        ];\n    }\n}\n\nexport const TaskLogPrivateModel = ModelFactory.createImplementation({\n    implementation: TaskLogPrivateModelImpl,\n    dependencies: []\n});\n"],"names":["WEBINY_TASK_LOG_MODEL_ID","TaskLogPrivateModelImpl","builder","fields","TaskLogItemType","TaskLogPrivateModel","ModelFactory"],"mappings":";;AAGO,MAAMA,2BAA2B;AAExC,MAAMC;IACF,MAAa,QAAQC,OAA6B,EAAE;QAChD,OAAO;YACHA,QACK,OAAO,CAAC;gBACL,SAASF;gBACT,MAAM;YACV,GACC,MAAM,CAACG,CAAAA,SAAW;oBACf,eAAeA,OAAO,IAAI,GAAG,KAAK,CAAC;oBACnC,MAAMA,OAAO,IAAI,GAAG,KAAK,CAAC,QAAQ,QAAQ,CAAC;oBAC3C,WAAWA,OACN,MAAM,GACN,KAAK,CAAC,aACN,QAAQ,CAAC;oBACd,OAAOA,OACF,MAAM,GACN,KAAK,CAAC,SACN,IAAI,GACJ,QAAQ,CAAC,sBACT,MAAM,CAACA,CAAAA,SAAW;4BACf,SAASA,OACJ,IAAI,GACJ,KAAK,CAAC,WACN,QAAQ,CAAC;4BACd,WAAWA,OACN,QAAQ,GACR,KAAK,CAAC,cACN,QAAQ,CAAC;4BACd,MAAMA,OACD,IAAI,GACJ,KAAK,CAAC,QACN,QAAQ,CAAC,qBACT,gBAAgB,CAAC;gCACd;oCACI,OAAOC,gBAAgB,IAAI;oCAC3B,OAAO;gCACX;gCACA;oCACI,OAAOA,gBAAgB,KAAK;oCAC5B,OAAO;gCACX;6BACH;4BACL,MAAMD,OAAO,IAAI,GAAG,KAAK,CAAC;4BAC1B,OAAOA,OAAO,IAAI,GAAG,KAAK,CAAC;wBAC/B;gBACR;SACP;IACL;AACJ;AAEO,MAAME,sBAAsBC,aAAa,oBAAoB,CAAC;IACjE,gBAAgBL;IAChB,cAAc,EAAE;AACpB"}

package/api/crud/TaskPrivateModel.d.ts

@@ -0,0 +1,9 @@
+import { ModelFactory } from "@webiny/api-headless-cms/features/modelBuilder/index.js";
+export declare const WEBINY_TASK_MODEL_ID = "wbyTask";
+declare class TaskPrivateModelImpl implements ModelFactory.Interface {
+    execute(builder: ModelFactory.Builder): Promise<import("@webiny/api-headless-cms/features/modelBuilder/index.js").PrivateModelBuilder[]>;
+}
+export declare const TaskPrivateModel: typeof TaskPrivateModelImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("@webiny/api-headless-cms/features/modelBuilder/abstractions").IModelFactory>;
+};
+export {};

package/api/crud/TaskPrivateModel.js

@@ -0,0 +1,55 @@
+import { ModelFactory } from "@webiny/api-headless-cms/features/modelBuilder/index.js";
+import { TaskDataStatus } from "../types.js";
+const WEBINY_TASK_MODEL_ID = "wbyTask";
+class TaskPrivateModelImpl {
+    async execute(builder) {
+        return [
+            builder.private({
+                modelId: WEBINY_TASK_MODEL_ID,
+                name: "Webiny Task"
+            }).fields((fields)=>({
+                    name: fields.text().label("Name").required("Name is required."),
+                    definitionId: fields.text().label("Definition ID").required("Definition ID is required."),
+                    parentId: fields.text().label("Parent ID"),
+                    executionName: fields.text().label("Execution Name"),
+                    iterations: fields.number().label("Iterations"),
+                    input: fields.json().label("Input"),
+                    output: fields.json().label("Output"),
+                    taskStatus: fields.text().label("Status").predefinedValues([
+                        {
+                            value: TaskDataStatus.PENDING,
+                            label: "Pending"
+                        },
+                        {
+                            value: TaskDataStatus.RUNNING,
+                            label: "Running"
+                        },
+                        {
+                            value: TaskDataStatus.FAILED,
+                            label: "Failed"
+                        },
+                        {
+                            value: TaskDataStatus.SUCCESS,
+                            label: "Success"
+                        },
+                        {
+                            value: TaskDataStatus.ABORTED,
+                            label: "Aborted"
+                        }
+                    ]).settings({
+                        defaultValue: TaskDataStatus.PENDING
+                    }),
+                    startedOn: fields.datetime().label("Started On"),
+                    finishedOn: fields.datetime().label("Finished On"),
+                    eventResponse: fields.json().label("Event Response")
+                }))
+        ];
+    }
+}
+const TaskPrivateModel = ModelFactory.createImplementation({
+    implementation: TaskPrivateModelImpl,
+    dependencies: []
+});
+export { TaskPrivateModel, WEBINY_TASK_MODEL_ID };
+
+//# sourceMappingURL=TaskPrivateModel.js.map

package/api/crud/TaskPrivateModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api/crud/TaskPrivateModel.js","sources":["../../../src/api/crud/TaskPrivateModel.ts"],"sourcesContent":["import { ModelFactory } from \"@webiny/api-headless-cms/features/modelBuilder/index.js\";\nimport { TaskDataStatus } from \"~/api/types.js\";\n\nexport const WEBINY_TASK_MODEL_ID = \"wbyTask\";\n\nclass TaskPrivateModelImpl implements ModelFactory.Interface {\n    public async execute(builder: ModelFactory.Builder) {\n        return [\n            builder\n                .private({\n                    modelId: WEBINY_TASK_MODEL_ID,\n                    name: \"Webiny Task\"\n                })\n                .fields(fields => ({\n                    name: fields.text().label(\"Name\").required(\"Name is required.\"),\n                    definitionId: fields\n                        .text()\n                        .label(\"Definition ID\")\n                        .required(\"Definition ID is required.\"),\n                    parentId: fields.text().label(\"Parent ID\"),\n                    executionName: fields.text().label(\"Execution Name\"),\n                    iterations: fields.number().label(\"Iterations\"),\n                    input: fields.json().label(\"Input\"),\n                    output: fields.json().label(\"Output\"),\n                    taskStatus: fields\n                        .text()\n                        .label(\"Status\")\n                        .predefinedValues([\n                            {\n                                value: TaskDataStatus.PENDING,\n                                label: \"Pending\"\n                            },\n                            {\n                                value: TaskDataStatus.RUNNING,\n                                label: \"Running\"\n                            },\n                            {\n                                value: TaskDataStatus.FAILED,\n                                label: \"Failed\"\n                            },\n                            {\n                                value: TaskDataStatus.SUCCESS,\n                                label: \"Success\"\n                            },\n                            {\n                                value: TaskDataStatus.ABORTED,\n                                label: \"Aborted\"\n                            }\n                        ])\n                        .settings({ defaultValue: TaskDataStatus.PENDING }),\n                    startedOn: fields.datetime().label(\"Started On\"),\n                    finishedOn: fields.datetime().label(\"Finished On\"),\n                    eventResponse: fields.json().label(\"Event Response\")\n                }))\n        ];\n    }\n}\n\nexport const TaskPrivateModel = ModelFactory.createImplementation({\n    implementation: TaskPrivateModelImpl,\n    dependencies: []\n});\n"],"names":["WEBINY_TASK_MODEL_ID","TaskPrivateModelImpl","builder","fields","TaskDataStatus","TaskPrivateModel","ModelFactory"],"mappings":";;AAGO,MAAMA,uBAAuB;AAEpC,MAAMC;IACF,MAAa,QAAQC,OAA6B,EAAE;QAChD,OAAO;YACHA,QACK,OAAO,CAAC;gBACL,SAASF;gBACT,MAAM;YACV,GACC,MAAM,CAACG,CAAAA,SAAW;oBACf,MAAMA,OAAO,IAAI,GAAG,KAAK,CAAC,QAAQ,QAAQ,CAAC;oBAC3C,cAAcA,OACT,IAAI,GACJ,KAAK,CAAC,iBACN,QAAQ,CAAC;oBACd,UAAUA,OAAO,IAAI,GAAG,KAAK,CAAC;oBAC9B,eAAeA,OAAO,IAAI,GAAG,KAAK,CAAC;oBACnC,YAAYA,OAAO,MAAM,GAAG,KAAK,CAAC;oBAClC,OAAOA,OAAO,IAAI,GAAG,KAAK,CAAC;oBAC3B,QAAQA,OAAO,IAAI,GAAG,KAAK,CAAC;oBAC5B,YAAYA,OACP,IAAI,GACJ,KAAK,CAAC,UACN,gBAAgB,CAAC;wBACd;4BACI,OAAOC,eAAe,OAAO;4BAC7B,OAAO;wBACX;wBACA;4BACI,OAAOA,eAAe,OAAO;4BAC7B,OAAO;wBACX;wBACA;4BACI,OAAOA,eAAe,MAAM;4BAC5B,OAAO;wBACX;wBACA;4BACI,OAAOA,eAAe,OAAO;4BAC7B,OAAO;wBACX;wBACA;4BACI,OAAOA,eAAe,OAAO;4BAC7B,OAAO;wBACX;qBACH,EACA,QAAQ,CAAC;wBAAE,cAAcA,eAAe,OAAO;oBAAC;oBACrD,WAAWD,OAAO,QAAQ,GAAG,KAAK,CAAC;oBACnC,YAAYA,OAAO,QAAQ,GAAG,KAAK,CAAC;oBACpC,eAAeA,OAAO,IAAI,GAAG,KAAK,CAAC;gBACvC;SACP;IACL;AACJ;AAEO,MAAME,mBAAmBC,aAAa,oBAAoB,CAAC;IAC9D,gBAAgBL;IAChB,cAAc,EAAE;AACpB"}