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

package/admin/presentation/TaskExecutions/TaskExecutionsPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/TaskExecutions/TaskExecutionsPresenter.js","sources":["../../../../src/admin/presentation/TaskExecutions/TaskExecutionsPresenter.ts"],"sourcesContent":["import { makeAutoObservable, runInAction, computed } from \"mobx\";\nimport { ListPresenter } from \"@webiny/app-admin/presentation/listPresenter/abstractions.js\";\nimport type { Task } from \"~/admin/shared/types.js\";\nimport type { IDefinitionOption } from \"./abstractions.js\";\nimport {\n    TaskExecutionsPresenter as Abstraction,\n    type ITaskExecutionsPresenter,\n    type ITaskExecutionsViewModel\n} from \"./abstractions.js\";\nimport { TaskExecutionsDataSource } from \"./TaskExecutionsDataSource.js\";\nimport { ListTasksUseCase } from \"~/admin/features/listTasks/abstractions.js\";\nimport { DeleteTaskUseCase } from \"~/admin/features/deleteTask/abstractions.js\";\nimport { AbortTaskUseCase } from \"~/admin/features/abortTask/abstractions.js\";\nimport { ListDefinitionsUseCase } from \"~/admin/features/listDefinitions/abstractions.js\";\nimport { TaskPermissions } from \"~/admin/features/permissions/abstractions.js\";\n\nclass TaskExecutionsPresenterImpl implements ITaskExecutionsPresenter {\n    private _selectedTask: Task | null = null;\n    private _definitionOptions: IDefinitionOption[] = [];\n\n    constructor(\n        private readonly listPresenter: ListPresenter.Interface<Task>,\n        private readonly listTasksUseCase: ListTasksUseCase.Interface,\n        private readonly deleteTaskUseCase: DeleteTaskUseCase.Interface,\n        private readonly abortTaskUseCase: AbortTaskUseCase.Interface,\n        private readonly listDefinitionsUseCase: ListDefinitionsUseCase.Interface,\n        private readonly permissions: TaskPermissions.Interface\n    ) {\n        makeAutoObservable(this, { vm: computed });\n    }\n\n    get vm(): ITaskExecutionsViewModel {\n        return {\n            list: this.listPresenter.vm,\n            definitionOptions: this._definitionOptions,\n            permissions: {\n                canRead: this.permissions.canRead(\"task\"),\n                canDelete: this.permissions.canDelete(\"task\")\n            }\n        };\n    }\n\n    get selectedTask(): Task | null {\n        return this._selectedTask;\n    }\n\n    search = {\n        set: (query: string) => this.listPresenter.actions.search.set(query),\n        clear: () => this.listPresenter.actions.search.clear()\n    };\n\n    sort = {\n        set: (field: string, direction: \"ASC\" | \"DESC\") =>\n            this.listPresenter.actions.sort.set(field, direction),\n        toggle: (field: string) => this.listPresenter.actions.sort.toggle(field)\n    };\n\n    filter = {\n        set: (key: string, value: unknown) => this.listPresenter.actions.filter.set(key, value),\n        clear: (key: string) => this.listPresenter.actions.filter.clear(key),\n        clearAll: () => this.listPresenter.actions.filter.clearAll()\n    };\n\n    selection = {\n        toggle: (id: string) => this.listPresenter.actions.selection.toggle(id),\n        selectRangeTo: (id: string) => this.listPresenter.actions.selection.selectRangeTo(id),\n        selectAll: () => this.listPresenter.actions.selection.selectAll(),\n        deselectAll: () => this.listPresenter.actions.selection.deselectAll(),\n        selectRows: (ids: string[]) => this.listPresenter.actions.selection.selectRows(ids),\n        isSelected: (id: string) => this.listPresenter.actions.selection.isSelected(id)\n    };\n\n    loadMore = () => this.listPresenter.actions.loadMore();\n    refresh = () => this.listPresenter.actions.refresh();\n\n    deleteTask = async (id: string) => {\n        await this.deleteTaskUseCase.execute(id);\n        this._selectedTask = null;\n        await this.listPresenter.actions.refresh();\n    };\n\n    abortTask = async (id: string) => {\n        await this.abortTaskUseCase.execute({ id });\n        await this.listPresenter.actions.refresh();\n    };\n\n    selectTask = (task: Task | null) => {\n        this._selectedTask = task;\n    };\n\n    init(): void {\n        const dataSource = new TaskExecutionsDataSource(this.listTasksUseCase);\n        this.listPresenter.init({\n            dataSource,\n            initialSort: { field: \"createdOn\", direction: \"DESC\" },\n            limit: 25\n        });\n\n        void this.listDefinitionsUseCase\n            .execute()\n            .then(definitions => {\n                runInAction(() => {\n                    this._definitionOptions = definitions.map(d => ({\n                        label: d.title,\n                        value: d.id\n                    }));\n                });\n            })\n            .catch(() => {\n                /* Definitions are used for filter labels only; safe to ignore. */\n            });\n    }\n}\n\nexport const TaskExecutionsPresenter = Abstraction.createImplementation({\n    implementation: TaskExecutionsPresenterImpl,\n    dependencies: [\n        ListPresenter,\n        ListTasksUseCase,\n        DeleteTaskUseCase,\n        AbortTaskUseCase,\n        ListDefinitionsUseCase,\n        TaskPermissions\n    ]\n});\n"],"names":["TaskExecutionsPresenterImpl","listPresenter","listTasksUseCase","deleteTaskUseCase","abortTaskUseCase","listDefinitionsUseCase","permissions","query","field","direction","key","value","id","ids","task","makeAutoObservable","computed","dataSource","TaskExecutionsDataSource","definitions","runInAction","d","TaskExecutionsPresenter","Abstraction","ListPresenter","ListTasksUseCase","DeleteTaskUseCase","AbortTaskUseCase","ListDefinitionsUseCase","TaskPermissions"],"mappings":"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"}

package/admin/presentation/TaskExecutions/abstractions.d.ts

@@ -0,0 +1,28 @@
+import type { Task } from "../../../admin/shared/types.js";
+import type { IListViewModel } from "@webiny/app-admin/presentation/listPresenter/abstractions.js";
+import type { IListActions } from "@webiny/app-admin/presentation/listPresenter/abstractions.js";
+export interface IDefinitionOption {
+    label: string;
+    value: string;
+}
+export interface ITaskExecutionsViewModel {
+    list: IListViewModel<Task>;
+    definitionOptions: IDefinitionOption[];
+    permissions: {
+        canRead: boolean;
+        canDelete: boolean;
+    };
+}
+export interface ITaskExecutionsPresenter extends IListActions {
+    vm: ITaskExecutionsViewModel;
+    selectedTask: Task | null;
+    deleteTask(id: string): Promise<void>;
+    abortTask(id: string): Promise<void>;
+    selectTask(task: Task | null): void;
+    init(): void;
+}
+export declare const TaskExecutionsPresenter: import("@webiny/di").Abstraction<ITaskExecutionsPresenter>;
+export declare namespace TaskExecutionsPresenter {
+    type Interface = ITaskExecutionsPresenter;
+    type ViewModel = ITaskExecutionsViewModel;
+}

package/admin/presentation/TaskExecutions/abstractions.js

@@ -0,0 +1,5 @@
+import { createAbstraction } from "@webiny/feature/admin";
+const TaskExecutionsPresenter = createAbstraction("TaskExecutionsPresenter");
+export { TaskExecutionsPresenter };
+
+//# sourceMappingURL=abstractions.js.map

package/admin/presentation/TaskExecutions/abstractions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/TaskExecutions/abstractions.js","sources":["../../../../src/admin/presentation/TaskExecutions/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type { Task } from \"~/admin/shared/types.js\";\nimport type { IListViewModel } from \"@webiny/app-admin/presentation/listPresenter/abstractions.js\";\nimport type { IListActions } from \"@webiny/app-admin/presentation/listPresenter/abstractions.js\";\n\nexport interface IDefinitionOption {\n    label: string;\n    value: string;\n}\n\nexport interface ITaskExecutionsViewModel {\n    list: IListViewModel<Task>;\n    definitionOptions: IDefinitionOption[];\n    permissions: {\n        canRead: boolean;\n        canDelete: boolean;\n    };\n}\n\nexport interface ITaskExecutionsPresenter extends IListActions {\n    vm: ITaskExecutionsViewModel;\n    selectedTask: Task | null;\n    deleteTask(id: string): Promise<void>;\n    abortTask(id: string): Promise<void>;\n    selectTask(task: Task | null): void;\n    init(): void;\n}\n\nexport const TaskExecutionsPresenter =\n    createAbstraction<ITaskExecutionsPresenter>(\"TaskExecutionsPresenter\");\n\nexport namespace TaskExecutionsPresenter {\n    export type Interface = ITaskExecutionsPresenter;\n    export type ViewModel = ITaskExecutionsViewModel;\n}\n"],"names":["TaskExecutionsPresenter","createAbstraction"],"mappings":";AA4BO,MAAMA,0BACTC,kBAA4C"}

package/admin/presentation/TaskExecutions/components/TaskExecutionsView.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const TaskExecutionsView: () => React.JSX.Element;

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

@@ -0,0 +1,303 @@
+import react, { useCallback, useEffect, useMemo } 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 { 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 { TaskExecutionsPresenterFeature } from "../feature.js";
+import { ListTasksFeature } from "../../../features/listTasks/feature.js";
+import { DeleteTaskFeature } from "../../../features/deleteTask/feature.js";
+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";
+const STATUS_TAG_VARIANT = {
+    pending: "neutral-light",
+    running: "accent",
+    success: "success",
+    failed: "destructive",
+    aborted: "warning"
+};
+const STATUS_OPTIONS = [
+    {
+        label: "Pending",
+        value: "pending"
+    },
+    {
+        label: "Running",
+        value: "running"
+    },
+    {
+        label: "Success",
+        value: "success"
+    },
+    {
+        label: "Failed",
+        value: "failed"
+    },
+    {
+        label: "Aborted",
+        value: "aborted"
+    }
+];
+const TaskExecutionsView_TaskExecutionsViewInner = observer(function() {
+    const { presenter } = useFeature(TaskExecutionsPresenterFeature);
+    const { showSnackbar } = useSnackbar();
+    useEffect(()=>{
+        presenter.init();
+    }, [
+        presenter
+    ]);
+    const { vm } = presenter;
+    const loadMoreOnScroll = useMemo(()=>debounce(({ scrollFrame })=>{
+            if (scrollFrame.top > 0.8) presenter.loadMore();
+        }, 200), [
+        presenter
+    ]);
+    const { showConfirmation: showDeleteConfirmation } = useConfirmationDialog({
+        title: "Delete Task",
+        message: "Are you sure you want to delete this task?"
+    });
+    const { showConfirmation: showAbortConfirmation } = useConfirmationDialog({
+        title: "Abort Task",
+        message: "Are you sure you want to abort this running task?"
+    });
+    const sorting = useMemo(()=>{
+        const sort = vm.list.sort;
+        if (!sort || !sort.field) return [];
+        return [
+            {
+                id: sort.field,
+                desc: "DESC" === sort.direction
+            }
+        ];
+    }, [
+        vm.list.sort
+    ]);
+    const onSortingChange = useCallback((updater)=>{
+        const next = "function" == typeof updater ? updater(sorting) : updater;
+        if (next.length > 0) {
+            const { id, desc } = next[0];
+            presenter.sort.set(id, desc ? "DESC" : "ASC");
+        }
+    }, [
+        sorting,
+        presenter.sort
+    ]);
+    const columns = useMemo(()=>({
+            name: {
+                header: "Name",
+                cell: (row)=>/*#__PURE__*/ react.createElement(Text, {
+                        className: "cursor-pointer text-primary hover:underline",
+                        onClick: ()=>presenter.selectTask(row)
+                    }, row.name || row.definitionId),
+                enableSorting: true,
+                size: 200
+            },
+            definitionId: {
+                header: "Definition",
+                cell: (row)=>{
+                    const def = vm.definitionOptions.find((d)=>d.value === row.definitionId);
+                    return /*#__PURE__*/ react.createElement(Text, {
+                        size: "sm"
+                    }, def ? def.label : row.definitionId);
+                },
+                enableSorting: true,
+                size: 160
+            },
+            taskStatus: {
+                header: "Status",
+                cell: (row)=>/*#__PURE__*/ react.createElement(Tag, {
+                        variant: STATUS_TAG_VARIANT[row.taskStatus] ?? "neutral-light",
+                        content: row.taskStatus
+                    }),
+                enableSorting: true,
+                size: 100
+            },
+            createdOn: {
+                header: "Created",
+                cell: (row)=>row.createdOn ? /*#__PURE__*/ react.createElement(TimeAgo, {
+                        datetime: row.createdOn
+                    }) : /*#__PURE__*/ react.createElement(Text, {
+                        size: "sm"
+                    }, "—"),
+                enableSorting: true,
+                size: 120
+            },
+            startedOn: {
+                header: "Started",
+                cell: (row)=>row.startedOn ? /*#__PURE__*/ react.createElement(TimeAgo, {
+                        datetime: row.startedOn
+                    }) : /*#__PURE__*/ react.createElement(Text, {
+                        size: "sm"
+                    }, "—"),
+                enableSorting: true,
+                size: 120
+            },
+            finishedOn: {
+                header: "Finished",
+                cell: (row)=>row.finishedOn ? /*#__PURE__*/ react.createElement(TimeAgo, {
+                        datetime: row.finishedOn
+                    }) : /*#__PURE__*/ react.createElement(Text, {
+                        size: "sm"
+                    }, "—"),
+                enableSorting: true,
+                size: 120
+            },
+            actions: {
+                header: " ",
+                cell: (row)=>{
+                    const isRunning = "running" === row.taskStatus;
+                    const isTerminal = "success" === row.taskStatus || "failed" === row.taskStatus || "aborted" === row.taskStatus;
+                    if (!isRunning && !isTerminal) return null;
+                    return /*#__PURE__*/ react.createElement(DropdownMenu, {
+                        trigger: /*#__PURE__*/ react.createElement(IconButton, {
+                            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+                            variant: "ghost",
+                            size: "sm",
+                            "aria-label": "Actions"
+                        })
+                    }, isRunning && /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+                        icon: /*#__PURE__*/ react.createElement(stop_circle_svg_ReactComponent, null),
+                        onClick: ()=>{
+                            showAbortConfirmation(()=>presenter.abortTask(row.id).then(()=>{
+                                    showSnackbar("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, {
+                        icon: /*#__PURE__*/ react.createElement(delete_svg_ReactComponent, null),
+                        onClick: ()=>{
+                            showDeleteConfirmation(()=>presenter.deleteTask(row.id).then(()=>{
+                                    showSnackbar("Task deleted.");
+                                }));
+                        },
+                        text: "Delete"
+                    })));
+                },
+                size: 56,
+                enableSorting: false,
+                enableHiding: false,
+                enableResizing: false
+            }
+        }), [
+        vm.permissions,
+        vm.definitionOptions,
+        presenter,
+        showDeleteConfirmation,
+        showAbortConfirmation,
+        showSnackbar
+    ]);
+    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"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "w-[240px]"
+    }, /*#__PURE__*/ react.createElement(Input, {
+        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, {
+        placeholder: "Status",
+        options: STATUS_OPTIONS,
+        value: vm.list.filters.taskStatus_in ?? "",
+        onChange: (value)=>{
+            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, {
+        placeholder: "Definition",
+        options: vm.definitionOptions,
+        value: vm.list.filters.definitionId,
+        onChange: (value)=>{
+            if (value) presenter.filter.set("definitionId", value);
+            else presenter.filter.clear("definitionId");
+        }
+    })), /*#__PURE__*/ react.createElement("div", {
+        className: "w-[240px]"
+    }, /*#__PURE__*/ react.createElement(DatePicker, {
+        type: "dateTimeTz",
+        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, {
+        type: "dateTimeTz",
+        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", {
+        className: "flex-1 overflow-hidden"
+    }, vm.list.pagination.loading || 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,
+        sorting: sorting,
+        onSortingChange: onSortingChange,
+        stickyHeader: true
+    })) : /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col items-center justify-center h-full gap-md"
+    }, /*#__PURE__*/ react.createElement(Text, {
+        className: "text-neutral-strong"
+    }, "No tasks found.")))), presenter.selectedTask && /*#__PURE__*/ react.createElement(TaskDetailDrawer, {
+        task: presenter.selectedTask,
+        open: !!presenter.selectedTask,
+        onClose: ()=>presenter.selectTask(null),
+        onAbort: async (id)=>{
+            await presenter.abortTask(id);
+            showSnackbar("Task aborted.");
+        },
+        onDelete: async (id)=>{
+            await presenter.deleteTask(id);
+            showSnackbar("Task deleted.");
+        }
+    }));
+});
+const TaskExecutionsView = ()=>{
+    const container = useContainer();
+    const scopedContainer = useMemo(()=>{
+        const child = container.createChildContainer();
+        ListTasksFeature.register(child);
+        DeleteTaskFeature.register(child);
+        AbortTaskFeature.register(child);
+        ListDefinitionsFeature.register(child);
+        TaskPermissionsFeature.register(child);
+        TaskExecutionsPresenterFeature.register(child);
+        return child;
+    }, []);
+    return /*#__PURE__*/ react.createElement(DiContainerProvider, {
+        container: scopedContainer
+    }, /*#__PURE__*/ react.createElement(TaskExecutionsView_TaskExecutionsViewInner, null));
+};
+export { TaskExecutionsView };
+
+//# sourceMappingURL=TaskExecutionsView.js.map

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

@@ -0,0 +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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"}

package/admin/presentation/TaskExecutions/feature.d.ts

@@ -0,0 +1,3 @@
+export declare const TaskExecutionsPresenterFeature: import("@webiny/feature/admin").FeatureDefinition<{
+    presenter: import("./abstractions.js").ITaskExecutionsPresenter;
+}, []>;

package/admin/presentation/TaskExecutions/feature.js

@@ -0,0 +1,17 @@
+import { createFeature } from "@webiny/feature/admin";
+import { TaskExecutionsPresenter } from "./abstractions.js";
+import { TaskExecutionsPresenter as external_TaskExecutionsPresenter_js_TaskExecutionsPresenter } from "./TaskExecutionsPresenter.js";
+const TaskExecutionsPresenterFeature = createFeature({
+    name: "BackgroundTasks/TaskExecutionsPresenter",
+    register (container) {
+        container.register(external_TaskExecutionsPresenter_js_TaskExecutionsPresenter).inSingletonScope();
+    },
+    resolve (container) {
+        return {
+            presenter: container.resolve(TaskExecutionsPresenter)
+        };
+    }
+});
+export { TaskExecutionsPresenterFeature };
+
+//# sourceMappingURL=feature.js.map

package/admin/presentation/TaskExecutions/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/TaskExecutions/feature.js","sources":["../../../../src/admin/presentation/TaskExecutions/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { TaskExecutionsPresenter as PresenterAbstraction } from \"./abstractions.js\";\nimport { TaskExecutionsPresenter } from \"./TaskExecutionsPresenter.js\";\n\nexport const TaskExecutionsPresenterFeature = createFeature({\n    name: \"BackgroundTasks/TaskExecutionsPresenter\",\n    register(container) {\n        container.register(TaskExecutionsPresenter).inSingletonScope();\n    },\n    resolve(container) {\n        return { presenter: container.resolve(PresenterAbstraction) };\n    }\n});\n"],"names":["TaskExecutionsPresenterFeature","createFeature","container","TaskExecutionsPresenter","PresenterAbstraction"],"mappings":";;;AAIO,MAAMA,iCAAiCC,cAAc;IACxD,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,QAAQ,CAACC,6DAAyB,gBAAgB;IAChE;IACA,SAAQD,SAAS;QACb,OAAO;YAAE,WAAWA,UAAU,OAAO,CAACE;QAAsB;IAChE;AACJ"}

package/admin/presentation/TaskExecutions/index.d.ts

@@ -0,0 +1,2 @@
+export { TaskExecutionsPresenter } from "./abstractions.js";
+export { TaskExecutionsPresenterFeature } from "./feature.js";

package/admin/presentation/TaskExecutions/index.js

@@ -0,0 +1,2 @@
+export { TaskExecutionsPresenter } from "./abstractions.js";
+export { TaskExecutionsPresenterFeature } from "./feature.js";

package/admin/presentation/security/HasPermission.d.ts

@@ -0,0 +1,12 @@
+export declare const HasPermission: import("react").FC<import("@webiny/app-admin/permissions").HasPermissionProps<{
+    readonly prefix: "backgroundTasks";
+    readonly fullAccess: true;
+    readonly entities: [{
+        readonly id: "task";
+        readonly permission: "backgroundTasks.task";
+        readonly scopes: ["full"];
+        readonly actions: [{
+            readonly name: "rwd";
+        }];
+    }];
+}>>;

package/admin/presentation/security/HasPermission.js

@@ -0,0 +1,6 @@
+import { createHasPermission } from "@webiny/app-admin/exports/admin/security.js";
+import { TaskPermissions } from "../../features/permissions/abstractions.js";
+const HasPermission = createHasPermission(TaskPermissions);
+export { HasPermission };
+
+//# sourceMappingURL=HasPermission.js.map

package/admin/presentation/security/HasPermission.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/security/HasPermission.js","sources":["../../../../src/admin/presentation/security/HasPermission.tsx"],"sourcesContent":["import { createHasPermission } from \"@webiny/app-admin/exports/admin/security.js\";\nimport { TaskPermissions } from \"~/admin/features/permissions/abstractions.js\";\nimport { BACKGROUND_TASK_PERMISSIONS_SCHEMA } from \"~/admin/permissions.js\";\n\nexport const HasPermission =\n    createHasPermission<typeof BACKGROUND_TASK_PERMISSIONS_SCHEMA>(TaskPermissions);\n"],"names":["HasPermission","createHasPermission","TaskPermissions"],"mappings":";;AAIO,MAAMA,gBACTC,oBAA+DC"}

package/admin/presentation/security/usePermissions.d.ts

@@ -0,0 +1,12 @@
+export declare const usePermissions: () => {
+    canAccess: (entityId: "task") => boolean;
+    canAction: (action: string, entityId: "task") => boolean;
+} & {
+    canRead: (entityId: "task") => boolean;
+    canCreate: (entityId: "task") => boolean;
+    canEdit: (entityId: "task", item?: import("@webiny/app-admin/permissions").OwnableItem) => boolean;
+    canDelete: (entityId: "task", item?: import("@webiny/app-admin/permissions").OwnableItem) => boolean;
+} & {
+    canPublish: (entityId: string) => boolean;
+    canUnpublish: (entityId: string) => boolean;
+};

package/admin/presentation/security/usePermissions.js

@@ -0,0 +1,6 @@
+import { createUsePermissions } from "@webiny/app-admin/exports/admin/security.js";
+import { TaskPermissions } from "../../features/permissions/abstractions.js";
+const usePermissions = createUsePermissions(TaskPermissions);
+export { usePermissions };
+
+//# sourceMappingURL=usePermissions.js.map

package/admin/presentation/security/usePermissions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/presentation/security/usePermissions.js","sources":["../../../../src/admin/presentation/security/usePermissions.ts"],"sourcesContent":["import { createUsePermissions } from \"@webiny/app-admin/exports/admin/security.js\";\nimport { TaskPermissions } from \"~/admin/features/permissions/abstractions.js\";\n\nexport const usePermissions = createUsePermissions(TaskPermissions);\n"],"names":["usePermissions","createUsePermissions","TaskPermissions"],"mappings":";;AAGO,MAAMA,iBAAiBC,qBAAqBC"}

package/admin/routes.d.ts

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

package/admin/routes.js

@@ -0,0 +1,14 @@
+import { Route } from "@webiny/app-admin";
+const Routes = {
+    Definitions: new Route({
+        name: "BackgroundTasks/Definitions",
+        path: "/background-tasks/definitions"
+    }),
+    Executions: new Route({
+        name: "BackgroundTasks/Executions",
+        path: "/background-tasks/executions"
+    })
+};
+export { Routes };
+
+//# sourceMappingURL=routes.js.map

package/admin/routes.js.map

@@ -0,0 +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"}

package/admin/shared/types.d.ts

@@ -0,0 +1,15 @@
+import type { TaskRun } from "@webiny/sdk";
+export type TaskStatus = "pending" | "running" | "success" | "failed" | "aborted";
+export type Task = Omit<TaskRun, "taskStatus"> & {
+    taskStatus: TaskStatus;
+    createdOn?: string;
+    savedOn?: string;
+    createdBy?: {
+        id: string;
+        displayName: string;
+        type?: string;
+    };
+};
+export type { TaskLog } from "@webiny/sdk";
+export type { TaskLogItem } from "@webiny/sdk";
+export type { TaskDefinition } from "@webiny/sdk";

package/index.d.ts

@@ -0,0 +1 @@
+export * from "./admin/index.js";

package/index.js

@@ -0,0 +1 @@
+export * from "./admin/index.js";

package/package.json

@@ -0,0 +1,45 @@
+{
+	"name": "@webiny/background-tasks",
+	"version": "0.0.0-unstable.7be00a75a9",
+	"type": "module",
+	"exports": {
+		".": "./index.js",
+		"./api": "./api/index.js",
+		"./admin/*": "./admin/*",
+		"./*": "./*"
+	},
+	"description": "Background Tasks feature for Webiny",
+	"keywords": [
+		"background-tasks:base"
+	],
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/webiny/webiny-js.git",
+		"directory": "packages/background-tasks"
+	},
+	"license": "MIT",
+	"dependencies": {
+		"@webiny/admin-ui": "0.0.0-unstable.7be00a75a9",
+		"@webiny/app": "0.0.0-unstable.7be00a75a9",
+		"@webiny/app-admin": "0.0.0-unstable.7be00a75a9",
+		"@webiny/feature": "0.0.0-unstable.7be00a75a9",
+		"@webiny/icons": "0.0.0-unstable.7be00a75a9",
+		"@webiny/sdk": "0.0.0-unstable.7be00a75a9",
+		"lodash": "4.18.1",
+		"mobx": "6.15.3",
+		"mobx-react-lite": "4.1.1",
+		"react": "18.3.1",
+		"react-dom": "18.3.1"
+	},
+	"devDependencies": {
+		"@webiny/build-tools": "0.0.0-unstable.7be00a75a9",
+		"@webiny/project-utils": "0.0.0-unstable.7be00a75a9",
+		"typescript": "6.0.3"
+	},
+	"publishConfig": {
+		"access": "public"
+	},
+	"webiny": {
+		"publishFrom": "dist"
+	}
+}