@webiny/app-website-builder 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.eb81deee7e

package/presentation/redirects/RedirectList/RedirectListPresenter.d.ts

@@ -0,0 +1,36 @@
+import { ListPresenter } from "@webiny/app-admin/presentation/listPresenter/abstractions.js";
+import { FolderTreePresenter } from "@webiny/app-aco/presentation/folderTree/abstractions.js";
+import { GetDescendantFoldersUseCase } from "@webiny/app-aco/features/folders/getDescendantFolders/abstractions.js";
+import { ListRedirectsUseCase } from "../../../features/redirects/listRedirects/abstractions.js";
+import { RedirectsListCache } from "../../../features/redirects/shared/abstractions.js";
+import { type IRedirectListPresenter, type IRedirectListViewModel, type IRedirectListActions, type IRedirectListInitConfig, CreateRedirectPresenter } from "./abstractions.js";
+import type { Redirect } from "../../../domain/Redirect/Redirect.js";
+import { EditRedirectPresenter } from "./abstractions.js";
+declare class RedirectListPresenterImpl implements IRedirectListPresenter {
+    private listPresenter;
+    private folderTreePresenter;
+    private createRedirectPresenter;
+    private editRedirectPresenter;
+    private listRedirectsUseCase;
+    private redirectsListCache;
+    private getDescendantFoldersUseCase;
+    readonly actions: IRedirectListActions;
+    private _showingFilters;
+    private _disposeReaction;
+    private _createRedirect;
+    private _editRedirect;
+    private _worker;
+    constructor(listPresenter: ListPresenter.Interface<Redirect>, folderTreePresenter: FolderTreePresenter.Interface, createRedirectPresenter: CreateRedirectPresenter.Interface, editRedirectPresenter: EditRedirectPresenter.Interface, listRedirectsUseCase: ListRedirectsUseCase.Interface, redirectsListCache: RedirectsListCache.Interface, getDescendantFoldersUseCase: GetDescendantFoldersUseCase.Interface);
+    get vm(): IRedirectListViewModel;
+    init(config?: IRedirectListInitConfig): void;
+    dispose(): void;
+    private createActions;
+    private getSelectedRows;
+    private createWorkerActions;
+    private getSortedChildFolders;
+    private shouldShowFolders;
+}
+export declare const RedirectListPresenter: typeof RedirectListPresenterImpl & {
+    __abstraction: import("@webiny/di").Abstraction<IRedirectListPresenter>;
+};
+export {};

package/presentation/redirects/RedirectList/RedirectListPresenter.js

@@ -0,0 +1,179 @@
+import { computed, makeAutoObservable, reaction } from "mobx";
+import { Worker } from "@webiny/app-admin";
+import { ListPresenter } from "@webiny/app-admin/presentation/listPresenter/abstractions.js";
+import { FolderTreePresenter } from "@webiny/app-aco/presentation/folderTree/abstractions.js";
+import { sortFolders } from "@webiny/app-aco";
+import { GetDescendantFoldersUseCase } from "@webiny/app-aco/features/folders/getDescendantFolders/abstractions.js";
+import { ListRedirectsUseCase } from "../../../features/redirects/listRedirects/abstractions.js";
+import { RedirectsListCache } from "../../../features/redirects/shared/abstractions.js";
+import { CreateRedirectPresenter, EditRedirectPresenter, RedirectListPresenter } from "./abstractions.js";
+import { RedirectListDataSource } from "./RedirectListDataSource.js";
+class RedirectListPresenterImpl {
+    constructor(listPresenter, folderTreePresenter, createRedirectPresenter, editRedirectPresenter, listRedirectsUseCase, redirectsListCache, getDescendantFoldersUseCase){
+        this.listPresenter = listPresenter;
+        this.folderTreePresenter = folderTreePresenter;
+        this.createRedirectPresenter = createRedirectPresenter;
+        this.editRedirectPresenter = editRedirectPresenter;
+        this.listRedirectsUseCase = listRedirectsUseCase;
+        this.redirectsListCache = redirectsListCache;
+        this.getDescendantFoldersUseCase = getDescendantFoldersUseCase;
+        this._showingFilters = false;
+        this._disposeReaction = null;
+        this._createRedirect = null;
+        this._editRedirect = null;
+        this._worker = new Worker();
+        this.actions = this.createActions();
+        makeAutoObservable(this, {
+            _disposeReaction: false,
+            vm: computed
+        });
+    }
+    get vm() {
+        return {
+            list: this.listPresenter.vm,
+            folders: this.folderTreePresenter.vm,
+            createRedirect: this._createRedirect,
+            editRedirect: this._editRedirect,
+            showFolders: this.shouldShowFolders(),
+            childFolders: this.getSortedChildFolders(),
+            showingFilters: this._showingFilters
+        };
+    }
+    init(config) {
+        const initialFolderId = config?.initialFolderId ?? "root";
+        const dataSource = new RedirectListDataSource(this.listRedirectsUseCase, this.redirectsListCache, this.getDescendantFoldersUseCase);
+        this.listPresenter.init({
+            dataSource,
+            initialSort: {
+                field: "createdOn",
+                direction: "DESC"
+            },
+            initialFilters: {
+                folderId: initialFolderId
+            },
+            limit: 50
+        });
+        if ("root" !== initialFolderId) this.folderTreePresenter.selectFolder(initialFolderId);
+        this._disposeReaction = reaction(()=>this.folderTreePresenter.vm.currentFolderId, (folderId)=>{
+            const effectiveFolderId = folderId ?? "root";
+            this.listPresenter.actions.filter.set("folderId", effectiveFolderId);
+        });
+    }
+    dispose() {
+        if (this._disposeReaction) {
+            this._disposeReaction();
+            this._disposeReaction = null;
+        }
+    }
+    createActions() {
+        return {
+            search: {
+                set: (query)=>this.listPresenter.actions.search.set(query),
+                clear: ()=>this.listPresenter.actions.search.clear()
+            },
+            sort: {
+                set: (field, direction)=>this.listPresenter.actions.sort.set(field, direction),
+                toggle: (field)=>this.listPresenter.actions.sort.toggle(field)
+            },
+            filter: {
+                show: ()=>this.listPresenter.actions.filter.show(),
+                hide: ()=>this.listPresenter.actions.filter.hide(),
+                set: (key, value)=>this.listPresenter.actions.filter.set(key, value),
+                clear: (key)=>this.listPresenter.actions.filter.clear(key),
+                clearAll: ()=>this.listPresenter.actions.filter.clearAll()
+            },
+            selection: {
+                toggle: (id)=>this.listPresenter.actions.selection.toggle(id),
+                selectRangeTo: (id)=>this.listPresenter.actions.selection.selectRangeTo(id),
+                selectAll: ()=>this.listPresenter.actions.selection.selectAll(),
+                deselectAll: ()=>this.listPresenter.actions.selection.deselectAll(),
+                selectRows: (ids)=>this.listPresenter.actions.selection.selectRows(ids),
+                isSelected: (id)=>this.listPresenter.actions.selection.isSelected(id)
+            },
+            worker: this.createWorkerActions(),
+            loadMore: ()=>this.listPresenter.actions.loadMore(),
+            refresh: ()=>this.listPresenter.actions.refresh(),
+            showFilters: ()=>{
+                this._showingFilters = true;
+            },
+            hideFilters: ()=>{
+                this._showingFilters = false;
+            },
+            showCreateDialog: (folderId)=>{
+                this._createRedirect = this.createRedirectPresenter;
+                this.createRedirectPresenter.init(folderId);
+            },
+            showEditDialog: (redirectId)=>{
+                this._editRedirect = this.editRedirectPresenter;
+                this.editRedirectPresenter.loadRedirect(redirectId);
+            },
+            hideCreateDialog: ()=>{
+                this._createRedirect = null;
+            },
+            hideEditDialog: ()=>{
+                this._editRedirect = null;
+            },
+            folders: {
+                selectFolder: (folderId)=>{
+                    this.listPresenter.actions.search.clear();
+                    this.folderTreePresenter.selectFolder(folderId);
+                },
+                createFolder: (parentFolderId)=>this.folderTreePresenter.createFolder(parentFolderId),
+                editFolder: (folderId)=>this.folderTreePresenter.editFolder(folderId),
+                deleteFolder: (folderId)=>this.folderTreePresenter.deleteFolder(folderId),
+                moveFolder: (folderId, targetParentId)=>this.folderTreePresenter.moveFolder(folderId, targetParentId),
+                loadChildFolders: (parentIds)=>this.folderTreePresenter.loadChildFolders(parentIds),
+                canManageStructure: (folderId)=>this.folderTreePresenter.canManageStructure(folderId),
+                getAncestorIds: (folderId)=>this.folderTreePresenter.getAncestorIds(folderId),
+                submitOperation: ()=>this.folderTreePresenter.submitOperation(),
+                cancelOperation: ()=>this.folderTreePresenter.cancelOperation()
+            }
+        };
+    }
+    getSelectedRows() {
+        const ids = this.listPresenter.vm.selection.selectedIds;
+        return this.listPresenter.vm.rows.filter((r)=>ids.has(r.id));
+    }
+    createWorkerActions() {
+        const worker = this._worker;
+        return {
+            process: (callback)=>{
+                worker.process(this.getSelectedRows(), callback);
+            },
+            processInSeries: async (callback, chunkSize)=>{
+                await worker.processInSeries(this.getSelectedRows(), callback, chunkSize);
+            },
+            get results () {
+                return worker.results;
+            },
+            resetResults: ()=>worker.resetResults()
+        };
+    }
+    getSortedChildFolders() {
+        if (!this.shouldShowFolders()) return [];
+        return sortFolders(this.folderTreePresenter.vm.childFolders ?? [], this.listPresenter.vm.appliedQuery?.sort);
+    }
+    shouldShowFolders() {
+        const { appliedQuery } = this.listPresenter.vm;
+        if (!appliedQuery) return true;
+        if (appliedQuery.search) return false;
+        const filterKeys = Object.keys(appliedQuery.filters ?? {}).filter((k)=>"folderId" !== k);
+        if (filterKeys.length > 0) return false;
+        return true;
+    }
+}
+const RedirectListPresenter_RedirectListPresenter = RedirectListPresenter.createImplementation({
+    implementation: RedirectListPresenterImpl,
+    dependencies: [
+        ListPresenter,
+        FolderTreePresenter,
+        CreateRedirectPresenter,
+        EditRedirectPresenter,
+        ListRedirectsUseCase,
+        RedirectsListCache,
+        GetDescendantFoldersUseCase
+    ]
+});
+export { RedirectListPresenter_RedirectListPresenter as RedirectListPresenter };
+
+//# sourceMappingURL=RedirectListPresenter.js.map

package/presentation/redirects/RedirectList/RedirectListPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/redirects/RedirectList/RedirectListPresenter.js","sources":["../../../../src/presentation/redirects/RedirectList/RedirectListPresenter.ts"],"sourcesContent":["import { makeAutoObservable, reaction, computed } from \"mobx\";\nimport { Worker } from \"@webiny/app-admin\";\nimport { ListPresenter } from \"@webiny/app-admin/presentation/listPresenter/abstractions.js\";\nimport { FolderTreePresenter } from \"@webiny/app-aco/presentation/folderTree/abstractions.js\";\nimport { sortFolders } from \"@webiny/app-aco\";\nimport { GetDescendantFoldersUseCase } from \"@webiny/app-aco/features/folders/getDescendantFolders/abstractions.js\";\nimport { ListRedirectsUseCase } from \"~/features/redirects/listRedirects/abstractions.js\";\nimport { RedirectsListCache } from \"~/features/redirects/shared/abstractions.js\";\nimport {\n    RedirectListPresenter as Abstraction,\n    type IRedirectListPresenter,\n    type IRedirectListViewModel,\n    type IRedirectListActions,\n    type IRedirectListInitConfig,\n    CreateRedirectPresenter\n} from \"./abstractions.js\";\nimport { RedirectListDataSource } from \"./RedirectListDataSource.js\";\nimport type { Redirect } from \"~/domain/Redirect/Redirect.js\";\nimport { EditRedirectPresenter } from \"./abstractions.js\";\n\nclass RedirectListPresenterImpl implements IRedirectListPresenter {\n    public readonly actions: IRedirectListActions;\n    private _showingFilters = false;\n    private _disposeReaction: (() => void) | null = null;\n    private _createRedirect: CreateRedirectPresenter.Interface | null = null;\n    private _editRedirect: EditRedirectPresenter.Interface | null = null;\n    private _worker = new Worker<Redirect>();\n\n    constructor(\n        private listPresenter: ListPresenter.Interface<Redirect>,\n        private folderTreePresenter: FolderTreePresenter.Interface,\n        private createRedirectPresenter: CreateRedirectPresenter.Interface,\n        private editRedirectPresenter: EditRedirectPresenter.Interface,\n        private listRedirectsUseCase: ListRedirectsUseCase.Interface,\n        private redirectsListCache: RedirectsListCache.Interface,\n        private getDescendantFoldersUseCase: GetDescendantFoldersUseCase.Interface\n    ) {\n        this.actions = this.createActions();\n        makeAutoObservable<RedirectListPresenterImpl, \"_disposeReaction\">(this, {\n            _disposeReaction: false,\n            vm: computed\n        });\n    }\n\n    get vm(): IRedirectListViewModel {\n        return {\n            list: this.listPresenter.vm,\n            folders: this.folderTreePresenter.vm,\n            createRedirect: this._createRedirect,\n            editRedirect: this._editRedirect,\n            showFolders: this.shouldShowFolders(),\n            childFolders: this.getSortedChildFolders(),\n            showingFilters: this._showingFilters\n        };\n    }\n\n    init(config?: IRedirectListInitConfig): void {\n        const initialFolderId = config?.initialFolderId ?? \"root\";\n\n        const dataSource = new RedirectListDataSource(\n            this.listRedirectsUseCase,\n            this.redirectsListCache,\n            this.getDescendantFoldersUseCase\n        );\n\n        this.listPresenter.init({\n            dataSource,\n            initialSort: { field: \"createdOn\", direction: \"DESC\" },\n            initialFilters: { folderId: initialFolderId },\n            limit: 50\n        });\n\n        if (initialFolderId !== \"root\") {\n            this.folderTreePresenter.selectFolder(initialFolderId);\n        }\n\n        this._disposeReaction = reaction(\n            () => this.folderTreePresenter.vm.currentFolderId,\n            folderId => {\n                const effectiveFolderId = folderId ?? \"root\";\n                this.listPresenter.actions.filter.set(\"folderId\", effectiveFolderId);\n            }\n        );\n    }\n\n    dispose(): void {\n        if (this._disposeReaction) {\n            this._disposeReaction();\n            this._disposeReaction = null;\n        }\n    }\n\n    private createActions(): IRedirectListActions {\n        return {\n            search: {\n                set: (query: string) => this.listPresenter.actions.search.set(query),\n                clear: () => this.listPresenter.actions.search.clear()\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            filter: {\n                show: () => this.listPresenter.actions.filter.show(),\n                hide: () => this.listPresenter.actions.filter.hide(),\n                set: (key: string, value: unknown) =>\n                    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            selection: {\n                toggle: (id: string) => this.listPresenter.actions.selection.toggle(id),\n                selectRangeTo: (id: string) =>\n                    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            worker: this.createWorkerActions(),\n            loadMore: () => this.listPresenter.actions.loadMore(),\n            refresh: () => this.listPresenter.actions.refresh(),\n            showFilters: () => {\n                this._showingFilters = true;\n            },\n            hideFilters: () => {\n                this._showingFilters = false;\n            },\n            showCreateDialog: (folderId: string) => {\n                this._createRedirect = this.createRedirectPresenter;\n                this.createRedirectPresenter.init(folderId);\n            },\n            showEditDialog: (redirectId: string) => {\n                this._editRedirect = this.editRedirectPresenter;\n                void this.editRedirectPresenter.loadRedirect(redirectId);\n            },\n            hideCreateDialog: () => {\n                this._createRedirect = null;\n            },\n            hideEditDialog: () => {\n                this._editRedirect = null;\n            },\n            folders: {\n                selectFolder: (folderId: string | null) => {\n                    this.listPresenter.actions.search.clear();\n                    this.folderTreePresenter.selectFolder(folderId);\n                },\n                createFolder: (parentFolderId?: string) =>\n                    this.folderTreePresenter.createFolder(parentFolderId),\n                editFolder: (folderId: string) => this.folderTreePresenter.editFolder(folderId),\n                deleteFolder: (folderId: string) => this.folderTreePresenter.deleteFolder(folderId),\n                moveFolder: (folderId: string, targetParentId: string | null) =>\n                    this.folderTreePresenter.moveFolder(folderId, targetParentId),\n                loadChildFolders: (parentIds: string[]) =>\n                    this.folderTreePresenter.loadChildFolders(parentIds),\n                canManageStructure: (folderId: string) =>\n                    this.folderTreePresenter.canManageStructure(folderId),\n                getAncestorIds: (folderId: string) =>\n                    this.folderTreePresenter.getAncestorIds(folderId),\n                submitOperation: () => this.folderTreePresenter.submitOperation(),\n                cancelOperation: () => this.folderTreePresenter.cancelOperation()\n            }\n        };\n    }\n\n    private getSelectedRows(): Redirect[] {\n        const ids = this.listPresenter.vm.selection.selectedIds;\n        return this.listPresenter.vm.rows.filter(r => ids.has(r.id));\n    }\n\n    private createWorkerActions(): IRedirectListActions[\"worker\"] {\n        const worker = this._worker;\n        return {\n            process: (callback: (items: Redirect[]) => void) => {\n                worker.process(this.getSelectedRows(), callback);\n            },\n            processInSeries: async (callback, chunkSize?) => {\n                await worker.processInSeries(this.getSelectedRows(), callback, chunkSize);\n            },\n            get results() {\n                return worker.results;\n            },\n            resetResults: () => worker.resetResults()\n        };\n    }\n\n    private getSortedChildFolders() {\n        if (!this.shouldShowFolders()) {\n            return [];\n        }\n        return sortFolders(\n            this.folderTreePresenter.vm.childFolders ?? [],\n            this.listPresenter.vm.appliedQuery?.sort\n        );\n    }\n\n    private shouldShowFolders(): boolean {\n        const { appliedQuery } = this.listPresenter.vm;\n        if (!appliedQuery) {\n            return true;\n        }\n\n        if (appliedQuery.search) {\n            return false;\n        }\n\n        const filterKeys = Object.keys(appliedQuery.filters ?? {}).filter(k => k !== \"folderId\");\n        if (filterKeys.length > 0) {\n            return false;\n        }\n\n        return true;\n    }\n}\n\nexport const RedirectListPresenter = Abstraction.createImplementation({\n    implementation: RedirectListPresenterImpl,\n    dependencies: [\n        ListPresenter,\n        FolderTreePresenter,\n        CreateRedirectPresenter,\n        EditRedirectPresenter,\n        ListRedirectsUseCase,\n        RedirectsListCache,\n        GetDescendantFoldersUseCase\n    ]\n});\n"],"names":["RedirectListPresenterImpl","listPresenter","folderTreePresenter","createRedirectPresenter","editRedirectPresenter","listRedirectsUseCase","redirectsListCache","getDescendantFoldersUseCase","Worker","makeAutoObservable","computed","config","initialFolderId","dataSource","RedirectListDataSource","reaction","folderId","effectiveFolderId","query","field","direction","key","value","id","ids","redirectId","parentFolderId","targetParentId","parentIds","r","worker","callback","chunkSize","sortFolders","appliedQuery","filterKeys","Object","k","RedirectListPresenter","Abstraction","ListPresenter","FolderTreePresenter","CreateRedirectPresenter","EditRedirectPresenter","ListRedirectsUseCase","RedirectsListCache","GetDescendantFoldersUseCase"],"mappings":"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"}

package/presentation/redirects/RedirectList/RedirectListPresenter.test.d.ts

@@ -0,0 +1 @@
+export {};

package/presentation/redirects/RedirectList/RedirectListPresenter.test.js

@@ -0,0 +1,273 @@
+import { beforeEach, describe, expect, it, vi } from "vitest";
+import { observable } from "mobx";
+import { Container } from "@webiny/di";
+import { ListCache } from "@webiny/app-admin/features/listCache/index.js";
+import { ListPresenter } from "@webiny/app-admin/presentation/listPresenter/ListPresenter.js";
+import { FolderTreePresenter } from "@webiny/app-aco/presentation/folderTree/abstractions.js";
+import { GetDescendantFoldersUseCase } from "@webiny/app-aco/features/folders/getDescendantFolders/abstractions.js";
+import { Redirect } from "../../../domain/Redirect/Redirect.js";
+import { RedirectsListCache } from "../../../features/redirects/shared/abstractions.js";
+import { ListRedirectsGateway } from "../../../features/redirects/listRedirects/abstractions.js";
+import { ListRedirectsUseCase } from "../../../features/redirects/listRedirects/ListRedirectsUseCase.js";
+import { ListRedirectsRepository } from "../../../features/redirects/listRedirects/ListRedirectsRepository.js";
+import { CreateRedirectGateway, CreateRedirectUseCase } from "../../../features/redirects/createRedirect/abstractions.js";
+import { CreateRedirectUseCase as CreateRedirectUseCase_js_CreateRedirectUseCase } from "../../../features/redirects/createRedirect/CreateRedirectUseCase.js";
+import { CreateRedirectRepository } from "../../../features/redirects/createRedirect/CreateRedirectRepository.js";
+import { UpdateRedirectGateway, UpdateRedirectUseCase } from "../../../features/redirects/updateRedirect/abstractions.js";
+import { UpdateRedirectUseCase as UpdateRedirectUseCase_js_UpdateRedirectUseCase } from "../../../features/redirects/updateRedirect/UpdateRedirectUseCase.js";
+import { UpdateRedirectRepository } from "../../../features/redirects/updateRedirect/UpdateRedirectRepository.js";
+import { CreateRedirectPresenter, EditRedirectPresenter, RedirectListPresenter } from "./abstractions.js";
+import { RedirectListPresenter as external_RedirectListPresenter_js_RedirectListPresenter } from "./RedirectListPresenter.js";
+const TOTAL_REDIRECTS = 120;
+const PAGE_SIZE = 50;
+const BASE_TIME = Date.UTC(2026, 0, 1);
+const minutes = (n)=>new Date(BASE_TIME + 60000 * n).toISOString();
+function createRedirects(count) {
+    return Array.from({
+        length: count
+    }, (_, i)=>Redirect.create({
+            id: `redirect-${i}`,
+            location: {
+                folderId: "root"
+            },
+            redirectFrom: `/from-${i}`,
+            redirectTo: `/to-${i}`,
+            redirectType: "permanent",
+            isEnabled: i % 2 === 0,
+            createdOn: minutes(i),
+            savedOn: minutes(count - i)
+        }));
+}
+function sortRedirects(redirects, sort = "createdOn_DESC") {
+    const [field, direction] = sort.split("_");
+    const multiplier = "ASC" === direction ? 1 : -1;
+    return [
+        ...redirects
+    ].sort((a, b)=>{
+        const left = String(a[field]);
+        const right = String(b[field]);
+        return left === right ? 0 : multiplier * (left < right ? -1 : 1);
+    });
+}
+function createListGateway(redirects) {
+    return {
+        execute: vi.fn(async (params)=>{
+            const sorted = sortRedirects(redirects, params.sort?.[0]);
+            const offset = params.after ? Number(params.after) : 0;
+            const limit = params.limit ?? PAGE_SIZE;
+            const data = sorted.slice(offset, offset + limit);
+            const next = offset + data.length;
+            const hasMoreItems = next < sorted.length;
+            return {
+                data,
+                meta: {
+                    cursor: hasMoreItems ? String(next) : null,
+                    hasMoreItems,
+                    totalCount: sorted.length
+                }
+            };
+        })
+    };
+}
+function createFolderTreePresenter() {
+    const vm = observable({
+        folders: [],
+        tree: [],
+        currentFolderId: null,
+        currentFolder: null,
+        loading: false,
+        operation: {
+            active: false,
+            mode: null
+        },
+        isRootFolder: true,
+        currentFolderTitle: "All redirects",
+        childFolders: [],
+        loadingNodeIds: []
+    });
+    return {
+        get vm () {
+            return vm;
+        },
+        selectFolder: vi.fn(),
+        createFolder: vi.fn(),
+        editFolder: vi.fn(),
+        deleteFolder: vi.fn().mockResolvedValue(void 0),
+        moveFolder: vi.fn().mockResolvedValue(void 0),
+        loadChildFolders: vi.fn().mockResolvedValue(void 0),
+        canManageStructure: vi.fn().mockReturnValue(true),
+        getAncestorIds: vi.fn().mockReturnValue([]),
+        submitOperation: vi.fn().mockResolvedValue(true),
+        cancelOperation: vi.fn(),
+        onFolderChange: vi.fn().mockReturnValue(()=>{})
+    };
+}
+function range(from, to) {
+    const step = from <= to ? 1 : -1;
+    const ids = [];
+    for(let i = from; step > 0 ? i <= to : i >= to; i += step)ids.push(`redirect-${i}`);
+    return ids;
+}
+describe("RedirectListPresenter", ()=>{
+    let presenter;
+    let container;
+    let redirects;
+    const rowIds = ()=>presenter.vm.list.rows.map((row)=>row.id);
+    const waitForQuery = async (field, direction)=>{
+        await vi.waitFor(()=>{
+            expect(presenter.vm.list.appliedQuery?.sort).toEqual({
+                field,
+                direction
+            });
+            expect(presenter.vm.list.pagination.loading).toBe(false);
+        });
+    };
+    const initAndWait = async ()=>{
+        presenter.init();
+        await waitForQuery("createdOn", "DESC");
+    };
+    const sortAndWait = async (field, direction)=>{
+        presenter.actions.sort.set(field, direction);
+        await waitForQuery(field, direction);
+    };
+    const loadAll = async ()=>{
+        while(presenter.vm.list.pagination.hasMore)await presenter.actions.loadMore();
+    };
+    beforeEach(()=>{
+        container = new Container();
+        redirects = createRedirects(TOTAL_REDIRECTS);
+        container.registerInstance(RedirectsListCache, new ListCache("id"));
+        container.registerInstance(ListRedirectsGateway, createListGateway(redirects));
+        container.register(ListRedirectsRepository).inSingletonScope();
+        container.register(ListRedirectsUseCase);
+        container.registerInstance(CreateRedirectGateway, {
+            execute: vi.fn(async (params)=>Redirect.create({
+                    ...params,
+                    id: "redirect-new",
+                    createdOn: minutes(TOTAL_REDIRECTS + 1),
+                    savedOn: minutes(TOTAL_REDIRECTS + 1)
+                }))
+        });
+        container.register(CreateRedirectRepository).inSingletonScope();
+        container.register(CreateRedirectUseCase_js_CreateRedirectUseCase);
+        container.registerInstance(UpdateRedirectGateway, {
+            execute: vi.fn(async (params)=>{
+                const existing = redirects.find((r)=>r.id === params.id);
+                return Redirect.create({
+                    ...existing,
+                    ...params,
+                    savedOn: minutes(TOTAL_REDIRECTS + 1)
+                });
+            })
+        });
+        container.register(UpdateRedirectRepository).inSingletonScope();
+        container.register(UpdateRedirectUseCase_js_UpdateRedirectUseCase);
+        container.register(ListPresenter);
+        container.registerInstance(FolderTreePresenter, createFolderTreePresenter());
+        container.registerInstance(GetDescendantFoldersUseCase, {
+            execute: ()=>[]
+        });
+        container.registerInstance(CreateRedirectPresenter, {
+            vm: {},
+            init: vi.fn(),
+            save: vi.fn()
+        });
+        container.registerInstance(EditRedirectPresenter, {
+            vm: {},
+            loadRedirect: vi.fn(),
+            save: vi.fn()
+        });
+        container.register(external_RedirectListPresenter_js_RedirectListPresenter);
+        presenter = container.resolve(RedirectListPresenter);
+    });
+    describe("pagination", ()=>{
+        it("should show the most recently created redirects first", async ()=>{
+            await initAndWait();
+            expect(rowIds()).toEqual(range(119, 70));
+        });
+        it("should append the next batch of redirects to the bottom of the list", async ()=>{
+            await initAndWait();
+            await presenter.actions.loadMore();
+            expect(rowIds()).toEqual(range(119, 20));
+        });
+        it("should keep all redirects in order after loading everything", async ()=>{
+            await initAndWait();
+            await loadAll();
+            expect(rowIds()).toEqual(range(119, 0));
+        });
+    });
+    describe("changing the sort", ()=>{
+        it("should show only the first batch, sorted by the new field", async ()=>{
+            await initAndWait();
+            await sortAndWait("savedOn", "DESC");
+            expect(rowIds()).toEqual(range(0, 49));
+        });
+        it("should show only the first batch when sorting by a boolean field", async ()=>{
+            await initAndWait();
+            await sortAndWait("isEnabled", "DESC");
+            const expected = sortRedirects(redirects, "isEnabled_DESC").slice(0, PAGE_SIZE).map((r)=>r.id);
+            expect(rowIds()).toEqual(expected);
+        });
+        it("should restore the original order when switching back", async ()=>{
+            await initAndWait();
+            await presenter.actions.loadMore();
+            await sortAndWait("createdOn", "ASC");
+            await sortAndWait("createdOn", "DESC");
+            expect(rowIds()).toEqual(range(119, 70));
+        });
+    });
+    describe("local cache changes", ()=>{
+        const createRedirect = ()=>container.resolve(CreateRedirectUseCase).execute({
+                location: {
+                    folderId: "root"
+                },
+                redirectFrom: "/new",
+                redirectTo: "/target",
+                redirectType: "permanent",
+                isEnabled: true
+            });
+        const updateRedirect = (id)=>{
+            const existing = redirects.find((r)=>r.id === id);
+            return container.resolve(UpdateRedirectUseCase).execute({
+                id,
+                redirectFrom: existing.redirectFrom,
+                redirectTo: "/changed",
+                redirectType: existing.redirectType,
+                isEnabled: existing.isEnabled
+            });
+        };
+        it("should show a created redirect at the top when it sorts first", async ()=>{
+            await initAndWait();
+            await createRedirect();
+            expect(rowIds()).toEqual([
+                "redirect-new",
+                ...range(119, 70)
+            ]);
+        });
+        it("should not show a created redirect that sorts past the loaded redirects", async ()=>{
+            await initAndWait();
+            await sortAndWait("createdOn", "ASC");
+            await createRedirect();
+            expect(rowIds()).toEqual(range(0, 49));
+        });
+        it("should keep an updated redirect in its position when sorted by createdOn", async ()=>{
+            await initAndWait();
+            await updateRedirect("redirect-100");
+            expect(rowIds()).toEqual(range(119, 70));
+            const updated = presenter.vm.list.rows.find((row)=>"redirect-100" === row.id);
+            expect(updated?.redirectTo).toBe("/changed");
+        });
+        it("should move an updated redirect to the top when sorted by savedOn", async ()=>{
+            await initAndWait();
+            await sortAndWait("savedOn", "DESC");
+            await updateRedirect("redirect-30");
+            expect(rowIds()).toEqual([
+                "redirect-30",
+                ...range(0, 29),
+                ...range(31, 49)
+            ]);
+        });
+    });
+});
+
+//# sourceMappingURL=RedirectListPresenter.test.js.map

package/presentation/redirects/RedirectList/RedirectListPresenter.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/redirects/RedirectList/RedirectListPresenter.test.js","sources":["../../../../src/presentation/redirects/RedirectList/RedirectListPresenter.test.ts"],"sourcesContent":["import { describe, it, expect, vi, beforeEach } from \"vitest\";\nimport { observable } from \"mobx\";\nimport { Container } from \"@webiny/di\";\nimport { ListCache } from \"@webiny/app-admin/features/listCache/index.js\";\nimport { ListPresenter } from \"@webiny/app-admin/presentation/listPresenter/ListPresenter.js\";\nimport { FolderTreePresenter } from \"@webiny/app-aco/presentation/folderTree/abstractions.js\";\nimport { GetDescendantFoldersUseCase } from \"@webiny/app-aco/features/folders/getDescendantFolders/abstractions.js\";\nimport { Redirect } from \"~/domain/Redirect/Redirect.js\";\nimport { RedirectsListCache } from \"~/features/redirects/shared/abstractions.js\";\nimport {\n    ListRedirectsGateway,\n    type ListRedirectsGatewayParams,\n    type ListRedirectsGatewayResult\n} from \"~/features/redirects/listRedirects/abstractions.js\";\nimport { ListRedirectsUseCase } from \"~/features/redirects/listRedirects/ListRedirectsUseCase.js\";\nimport { ListRedirectsRepository } from \"~/features/redirects/listRedirects/ListRedirectsRepository.js\";\nimport {\n    CreateRedirectGateway,\n    CreateRedirectUseCase as CreateRedirectUseCaseAbstraction\n} from \"~/features/redirects/createRedirect/abstractions.js\";\nimport { CreateRedirectUseCase } from \"~/features/redirects/createRedirect/CreateRedirectUseCase.js\";\nimport { CreateRedirectRepository } from \"~/features/redirects/createRedirect/CreateRedirectRepository.js\";\nimport {\n    UpdateRedirectGateway,\n    UpdateRedirectUseCase as UpdateRedirectUseCaseAbstraction,\n    type UpdateRedirectParams\n} from \"~/features/redirects/updateRedirect/abstractions.js\";\nimport { UpdateRedirectUseCase } from \"~/features/redirects/updateRedirect/UpdateRedirectUseCase.js\";\nimport { UpdateRedirectRepository } from \"~/features/redirects/updateRedirect/UpdateRedirectRepository.js\";\nimport {\n    CreateRedirectPresenter,\n    EditRedirectPresenter,\n    RedirectListPresenter as Abstraction\n} from \"./abstractions.js\";\nimport { RedirectListPresenter } from \"./RedirectListPresenter.js\";\n\nconst TOTAL_REDIRECTS = 120;\nconst PAGE_SIZE = 50;\nconst BASE_TIME = Date.UTC(2026, 0, 1);\n\nconst minutes = (n: number) => new Date(BASE_TIME + n * 60_000).toISOString();\n\n/**\n * A higher index means a more recently *created* redirect, but a less recently *saved* one,\n * so sorting by `createdOn` and by `savedOn` produce opposite orders.\n */\nfunction createRedirects(count: number): Redirect[] {\n    return Array.from({ length: count }, (_, i) =>\n        Redirect.create({\n            id: `redirect-${i}`,\n            location: { folderId: \"root\" },\n            redirectFrom: `/from-${i}`,\n            redirectTo: `/to-${i}`,\n            redirectType: \"permanent\",\n            isEnabled: i % 2 === 0,\n            createdOn: minutes(i),\n            savedOn: minutes(count - i)\n        })\n    );\n}\n\n/**\n * Sorts like the API: by the requested field, ties keep the original (id) order.\n */\nfunction sortRedirects(redirects: Redirect[], sort = \"createdOn_DESC\"): Redirect[] {\n    const [field, direction] = sort.split(\"_\") as [keyof Redirect, \"ASC\" | \"DESC\"];\n    const multiplier = direction === \"ASC\" ? 1 : -1;\n    return [...redirects].sort((a, b) => {\n        const left = String(a[field]);\n        const right = String(b[field]);\n        return left === right ? 0 : multiplier * (left < right ? -1 : 1);\n    });\n}\n\nfunction createListGateway(redirects: Redirect[]): ListRedirectsGateway.Interface {\n    return {\n        execute: vi.fn(\n            async (params: ListRedirectsGatewayParams): Promise<ListRedirectsGatewayResult> => {\n                const sorted = sortRedirects(redirects, params.sort?.[0]);\n                const offset = params.after ? Number(params.after) : 0;\n                const limit = params.limit ?? PAGE_SIZE;\n                const data = sorted.slice(offset, offset + limit);\n                const next = offset + data.length;\n                const hasMoreItems = next < sorted.length;\n                return {\n                    data,\n                    meta: {\n                        cursor: hasMoreItems ? String(next) : null,\n                        hasMoreItems,\n                        totalCount: sorted.length\n                    }\n                };\n            }\n        )\n    };\n}\n\nfunction createFolderTreePresenter(): FolderTreePresenter.Interface {\n    const vm = observable({\n        folders: [],\n        tree: [],\n        currentFolderId: null as string | null,\n        currentFolder: null,\n        loading: false,\n        operation: { active: false, mode: null },\n        isRootFolder: true,\n        currentFolderTitle: \"All redirects\",\n        childFolders: [],\n        loadingNodeIds: []\n    });\n\n    return {\n        get vm() {\n            return vm as unknown as FolderTreePresenter.Interface[\"vm\"];\n        },\n        selectFolder: vi.fn(),\n        createFolder: vi.fn(),\n        editFolder: vi.fn(),\n        deleteFolder: vi.fn().mockResolvedValue(undefined),\n        moveFolder: vi.fn().mockResolvedValue(undefined),\n        loadChildFolders: vi.fn().mockResolvedValue(undefined),\n        canManageStructure: vi.fn().mockReturnValue(true),\n        getAncestorIds: vi.fn().mockReturnValue([]),\n        submitOperation: vi.fn().mockResolvedValue(true),\n        cancelOperation: vi.fn(),\n        onFolderChange: vi.fn().mockReturnValue(() => {})\n    };\n}\n\n/**\n * Expected redirect IDs for a contiguous range of indexes, in the given order.\n */\nfunction range(from: number, to: number): string[] {\n    const step = from <= to ? 1 : -1;\n    const ids: string[] = [];\n    for (let i = from; step > 0 ? i <= to : i >= to; i += step) {\n        ids.push(`redirect-${i}`);\n    }\n    return ids;\n}\n\ndescribe(\"RedirectListPresenter\", () => {\n    let presenter: Abstraction.Interface;\n    let container: Container;\n    let redirects: Redirect[];\n\n    const rowIds = () => presenter.vm.list.rows.map(row => row.id);\n\n    const waitForQuery = async (field: string, direction: \"ASC\" | \"DESC\") => {\n        await vi.waitFor(() => {\n            expect(presenter.vm.list.appliedQuery?.sort).toEqual({ field, direction });\n            expect(presenter.vm.list.pagination.loading).toBe(false);\n        });\n    };\n\n    const initAndWait = async () => {\n        presenter.init();\n        await waitForQuery(\"createdOn\", \"DESC\");\n    };\n\n    const sortAndWait = async (field: string, direction: \"ASC\" | \"DESC\") => {\n        presenter.actions.sort.set(field, direction);\n        await waitForQuery(field, direction);\n    };\n\n    const loadAll = async () => {\n        while (presenter.vm.list.pagination.hasMore) {\n            await presenter.actions.loadMore();\n        }\n    };\n\n    beforeEach(() => {\n        container = new Container();\n        redirects = createRedirects(TOTAL_REDIRECTS);\n\n        container.registerInstance(RedirectsListCache, new ListCache<Redirect>(\"id\"));\n\n        container.registerInstance(ListRedirectsGateway, createListGateway(redirects));\n        container.register(ListRedirectsRepository).inSingletonScope();\n        container.register(ListRedirectsUseCase);\n\n        container.registerInstance(CreateRedirectGateway, {\n            execute: vi.fn(async params =>\n                Redirect.create({\n                    ...params,\n                    id: \"redirect-new\",\n                    createdOn: minutes(TOTAL_REDIRECTS + 1),\n                    savedOn: minutes(TOTAL_REDIRECTS + 1)\n                })\n            )\n        });\n        container.register(CreateRedirectRepository).inSingletonScope();\n        container.register(CreateRedirectUseCase);\n\n        container.registerInstance(UpdateRedirectGateway, {\n            execute: vi.fn(async (params: UpdateRedirectParams) => {\n                const existing = redirects.find(r => r.id === params.id)!;\n                return Redirect.create({\n                    ...existing,\n                    ...params,\n                    savedOn: minutes(TOTAL_REDIRECTS + 1)\n                });\n            })\n        });\n        container.register(UpdateRedirectRepository).inSingletonScope();\n        container.register(UpdateRedirectUseCase);\n\n        container.register(ListPresenter);\n        container.registerInstance(FolderTreePresenter, createFolderTreePresenter());\n        container.registerInstance(GetDescendantFoldersUseCase, { execute: () => [] });\n        container.registerInstance(CreateRedirectPresenter, {\n            vm: {},\n            init: vi.fn(),\n            save: vi.fn()\n        } as unknown as CreateRedirectPresenter.Interface);\n        container.registerInstance(EditRedirectPresenter, {\n            vm: {},\n            loadRedirect: vi.fn(),\n            save: vi.fn()\n        } as unknown as EditRedirectPresenter.Interface);\n\n        container.register(RedirectListPresenter);\n\n        presenter = container.resolve(Abstraction);\n    });\n\n    describe(\"pagination\", () => {\n        it(\"should show the most recently created redirects first\", async () => {\n            await initAndWait();\n\n            expect(rowIds()).toEqual(range(119, 70));\n        });\n\n        it(\"should append the next batch of redirects to the bottom of the list\", async () => {\n            await initAndWait();\n\n            await presenter.actions.loadMore();\n\n            expect(rowIds()).toEqual(range(119, 20));\n        });\n\n        it(\"should keep all redirects in order after loading everything\", async () => {\n            await initAndWait();\n\n            await loadAll();\n\n            expect(rowIds()).toEqual(range(119, 0));\n        });\n    });\n\n    describe(\"changing the sort\", () => {\n        it(\"should show only the first batch, sorted by the new field\", async () => {\n            await initAndWait();\n\n            await sortAndWait(\"savedOn\", \"DESC\");\n\n            // `savedOn` runs opposite to `createdOn`, so the most recently saved is redirect-0.\n            expect(rowIds()).toEqual(range(0, 49));\n        });\n\n        it(\"should show only the first batch when sorting by a boolean field\", async () => {\n            await initAndWait();\n\n            await sortAndWait(\"isEnabled\", \"DESC\");\n\n            const expected = sortRedirects(redirects, \"isEnabled_DESC\")\n                .slice(0, PAGE_SIZE)\n                .map(r => r.id);\n            expect(rowIds()).toEqual(expected);\n        });\n\n        it(\"should restore the original order when switching back\", async () => {\n            await initAndWait();\n            await presenter.actions.loadMore();\n\n            await sortAndWait(\"createdOn\", \"ASC\");\n            await sortAndWait(\"createdOn\", \"DESC\");\n\n            expect(rowIds()).toEqual(range(119, 70));\n        });\n    });\n\n    describe(\"local cache changes\", () => {\n        const createRedirect = () =>\n            container.resolve(CreateRedirectUseCaseAbstraction).execute({\n                location: { folderId: \"root\" },\n                redirectFrom: \"/new\",\n                redirectTo: \"/target\",\n                redirectType: \"permanent\",\n                isEnabled: true\n            });\n\n        const updateRedirect = (id: string) => {\n            const existing = redirects.find(r => r.id === id)!;\n            return container.resolve(UpdateRedirectUseCaseAbstraction).execute({\n                id,\n                redirectFrom: existing.redirectFrom,\n                redirectTo: \"/changed\",\n                redirectType: existing.redirectType,\n                isEnabled: existing.isEnabled\n            });\n        };\n\n        it(\"should show a created redirect at the top when it sorts first\", async () => {\n            await initAndWait();\n\n            await createRedirect();\n\n            expect(rowIds()).toEqual([\"redirect-new\", ...range(119, 70)]);\n        });\n\n        it(\"should not show a created redirect that sorts past the loaded redirects\", async () => {\n            await initAndWait();\n            await sortAndWait(\"createdOn\", \"ASC\");\n\n            await createRedirect();\n\n            // The new redirect is the most recently created, so in ASC order it belongs at the\n            // very end, after redirects that are not loaded yet.\n            expect(rowIds()).toEqual(range(0, 49));\n        });\n\n        it(\"should keep an updated redirect in its position when sorted by createdOn\", async () => {\n            await initAndWait();\n\n            await updateRedirect(\"redirect-100\");\n\n            expect(rowIds()).toEqual(range(119, 70));\n            const updated = presenter.vm.list.rows.find(row => row.id === \"redirect-100\");\n            expect(updated?.redirectTo).toBe(\"/changed\");\n        });\n\n        it(\"should move an updated redirect to the top when sorted by savedOn\", async () => {\n            await initAndWait();\n            await sortAndWait(\"savedOn\", \"DESC\");\n\n            await updateRedirect(\"redirect-30\");\n\n            expect(rowIds()).toEqual([\"redirect-30\", ...range(0, 29), ...range(31, 49)]);\n        });\n    });\n});\n"],"names":["TOTAL_REDIRECTS","PAGE_SIZE","BASE_TIME","Date","minutes","n","createRedirects","count","Array","_","i","Redirect","sortRedirects","redirects","sort","field","direction","multiplier","a","b","left","String","right","createListGateway","vi","params","sorted","offset","Number","limit","data","next","hasMoreItems","createFolderTreePresenter","vm","observable","undefined","range","from","to","step","ids","describe","presenter","container","rowIds","row","waitForQuery","expect","initAndWait","sortAndWait","loadAll","beforeEach","Container","RedirectsListCache","ListCache","ListRedirectsGateway","ListRedirectsRepository","ListRedirectsUseCase","CreateRedirectGateway","CreateRedirectRepository","CreateRedirectUseCase","UpdateRedirectGateway","existing","r","UpdateRedirectRepository","UpdateRedirectUseCase","ListPresenter","FolderTreePresenter","GetDescendantFoldersUseCase","CreateRedirectPresenter","EditRedirectPresenter","RedirectListPresenter","Abstraction","it","expected","createRedirect","CreateRedirectUseCaseAbstraction","updateRedirect","id","UpdateRedirectUseCaseAbstraction","updated"],"mappings":"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"}