@webiny/app-headless-cms 6.4.12-beta.4 → 6.5.0-beta.0

package/presentation/contentEntries/list/ContentEntriesPresenter.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentEntries/list/ContentEntriesPresenter.test.js","sources":["../../../../src/presentation/contentEntries/list/ContentEntriesPresenter.test.ts"],"sourcesContent":["/**\n * @vitest-environment jsdom\n */\nimport { describe, it, expect, vi, beforeEach } from \"vitest\";\nimport { Container } from \"@webiny/di\";\nimport { makeAutoObservable } from \"mobx\";\nimport { ListPresenterFeature } from \"@webiny/app-admin/presentation/listPresenter/index.js\";\nimport { FolderTreePresenter } from \"@webiny/app-aco/presentation/folderTree/abstractions.js\";\nimport { GetDescendantFoldersUseCase } from \"@webiny/app-aco/features/folders/getDescendantFolders/abstractions.js\";\nimport { Confirmation } from \"@webiny/app-admin/features/confirmation/abstractions.js\";\nimport type { CmsContentEntry, CmsModel } from \"~/types.js\";\nimport { ContentEntriesCacheProvider } from \"~/features/contentEntry/ContentEntriesCacheProvider.js\";\nimport { CmsModelContext } from \"~/features/contentEntry/abstractions.js\";\nimport { CmsModelContext as CmsModelContextImpl } from \"~/features/contentEntry/CmsModelContext.js\";\nimport { ListEntriesFeature } from \"~/features/contentEntry/listEntries/feature.js\";\nimport { DeleteEntryFeature } from \"~/features/contentEntry/deleteEntry/feature.js\";\nimport { PublishEntryFeature } from \"~/features/contentEntry/publishEntry/feature.js\";\nimport { UnpublishEntryFeature } from \"~/features/contentEntry/unpublishEntry/feature.js\";\nimport { MoveEntryFeature } from \"~/features/contentEntry/moveEntry/feature.js\";\nimport { UpdateRevisionDescriptionFeature } from \"~/features/contentEntry/updateRevisionDescription/feature.js\";\nimport { ListEntriesGateway } from \"~/features/contentEntry/listEntries/abstractions.js\";\nimport { DeleteEntryGateway } from \"~/features/contentEntry/deleteEntry/abstractions.js\";\nimport { PublishEntryGateway } from \"~/features/contentEntry/publishEntry/abstractions.js\";\nimport { UnpublishEntryGateway } from \"~/features/contentEntry/unpublishEntry/abstractions.js\";\nimport { MoveEntryGateway } from \"~/features/contentEntry/moveEntry/abstractions.js\";\nimport { UpdateRevisionDescriptionGateway } from \"~/features/contentEntry/updateRevisionDescription/abstractions.js\";\nimport { EventPublisher } from \"@webiny/app/features/eventPublisher/index.js\";\nimport { ContentEntriesPresenter as Abstraction } from \"./abstractions.js\";\nimport { ContentEntriesPresenter } from \"./ContentEntriesPresenter.js\";\nimport type { IContentEntriesPresenter } from \"./abstractions.js\";\nimport type {\n    IFolderTreeViewModel,\n    IFolderOperationState\n} from \"@webiny/app-aco/presentation/folderTree/abstractions.js\";\n\nconst MODEL: CmsModel = {\n    modelId: \"testModel\",\n    name: \"Test Model\",\n    singularApiName: \"TestModel\",\n    pluralApiName: \"TestModels\",\n    fields: [],\n    layout: [],\n    group: \"group-1\",\n    titleFieldId: \"title\",\n    descriptionFieldId: null,\n    imageFieldId: null,\n    tags: [],\n    savedOn: \"\"\n} as unknown as CmsModel;\n\nfunction createEntry(\n    entryId: string,\n    folderId: string,\n    overrides: Partial<CmsContentEntry> = {}\n): CmsContentEntry {\n    return {\n        id: `${entryId}#0001`,\n        entryId,\n        meta: {\n            title: entryId,\n            status: \"draft\",\n            version: 1,\n            locked: false\n        },\n        wbyAco_location: { folderId },\n        values: {},\n        createdBy: { id: \"user-1\", displayName: \"Test\", type: \"admin\" },\n        createdOn: \"2024-01-01T00:00:00Z\",\n        savedOn: \"2024-01-01T00:00:00Z\",\n        ...overrides\n    } as unknown as CmsContentEntry;\n}\n\nclass MockFolderTreePresenter implements FolderTreePresenter.Interface {\n    private _currentFolderId: string | null = null;\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    get vm(): IFolderTreeViewModel {\n        return {\n            folders: [],\n            tree: [],\n            currentFolderId: this._currentFolderId,\n            currentFolder: null,\n            isRootFolder: this._currentFolderId === null,\n            currentFolderTitle: \"Home\",\n            childFolders: [],\n            loading: false,\n            loadingNodeIds: [],\n            operation: { active: false, mode: null } as IFolderOperationState\n        };\n    }\n\n    selectFolder(folderId: string | null): void {\n        this._currentFolderId = folderId;\n    }\n\n    createFolder(): void {}\n    editFolder(): void {}\n    async deleteFolder(): Promise<void> {}\n    async moveFolder(): Promise<void> {}\n    async loadChildFolders(): Promise<void> {}\n    canManageStructure(): boolean {\n        return true;\n    }\n    getAncestorIds(): string[] {\n        return [];\n    }\n    async submitOperation(): Promise<boolean> {\n        return true;\n    }\n    cancelOperation(): void {}\n    onFolderChange(): () => void {\n        return () => {};\n    }\n}\n\ninterface TestSetup {\n    presenter: IContentEntriesPresenter;\n    listEntriesGateway: { execute: ReturnType<typeof vi.fn> };\n    moveEntryGateway: { execute: ReturnType<typeof vi.fn> };\n    deleteEntryGateway: { execute: ReturnType<typeof vi.fn> };\n    getDescendantFolders: ReturnType<typeof vi.fn>;\n    foldersPresenter: MockFolderTreePresenter;\n}\n\nfunction setup(): TestSetup {\n    const container = new Container();\n\n    ListPresenterFeature.register(container);\n\n    const foldersPresenter = new MockFolderTreePresenter();\n    container.registerInstance(FolderTreePresenter, foldersPresenter);\n\n    container.registerInstance(Confirmation, {\n        confirm: vi.fn(async (_name, _params, execute) => {\n            if (execute) {\n                await execute(undefined);\n            }\n            return true;\n        })\n    } as unknown as Confirmation.Interface);\n\n    const getDescendantFolders = vi.fn().mockReturnValue([]);\n    container.registerInstance(GetDescendantFoldersUseCase, {\n        execute: getDescendantFolders\n    });\n\n    container.registerInstance(EventPublisher, { publish: vi.fn() });\n    container.register(ContentEntriesCacheProvider).inSingletonScope();\n    container.register(CmsModelContextImpl).inSingletonScope();\n    container.resolve(CmsModelContext).setModel(MODEL);\n\n    ListEntriesFeature.register(container);\n    DeleteEntryFeature.register(container);\n    PublishEntryFeature.register(container);\n    UnpublishEntryFeature.register(container);\n    MoveEntryFeature.register(container);\n    UpdateRevisionDescriptionFeature.register(container);\n\n    const listEntriesGateway = { execute: vi.fn() };\n    const moveEntryGateway = { execute: vi.fn() };\n    const deleteEntryGateway = { execute: vi.fn() };\n\n    container.registerInstance(ListEntriesGateway, listEntriesGateway);\n    container.registerInstance(MoveEntryGateway, moveEntryGateway);\n    container.registerInstance(DeleteEntryGateway, deleteEntryGateway);\n    container.registerInstance(PublishEntryGateway, { execute: vi.fn() });\n    container.registerInstance(UnpublishEntryGateway, { execute: vi.fn() });\n    container.registerInstance(UpdateRevisionDescriptionGateway, { execute: vi.fn() });\n\n    container.register(ContentEntriesPresenter).inSingletonScope();\n    const presenter = container.resolve(Abstraction);\n\n    return {\n        presenter,\n        listEntriesGateway,\n        moveEntryGateway,\n        deleteEntryGateway,\n        getDescendantFolders,\n        foldersPresenter\n    };\n}\n\nasync function initPresenter(\n    t: TestSetup,\n    gatewayResponse: { data: CmsContentEntry[]; meta?: object }\n) {\n    t.listEntriesGateway.execute.mockResolvedValueOnce({\n        data: gatewayResponse.data,\n        meta: gatewayResponse.meta ?? {\n            cursor: null,\n            hasMoreItems: false,\n            totalCount: gatewayResponse.data.length\n        }\n    });\n\n    t.presenter.init();\n\n    await vi.waitFor(() => {\n        expect(t.presenter.list.vm.pagination.loading).toBe(false);\n    });\n}\n\ndescribe(\"ContentEntriesPresenter\", () => {\n    let t: TestSetup;\n\n    beforeEach(() => {\n        t = setup();\n    });\n\n    describe(\"initial load\", () => {\n        it(\"should show root entries after setModel\", async () => {\n            const entries = [createEntry(\"entry-1\", \"root\"), createEntry(\"entry-2\", \"root\")];\n\n            await initPresenter(t, { data: entries });\n\n            expect(t.presenter.list.vm.rows).toHaveLength(2);\n            expect(t.presenter.list.vm.rows.map(r => r.entryId)).toEqual([\"entry-1\", \"entry-2\"]);\n        });\n\n        it(\"should send folderId=root in the gateway query\", async () => {\n            await initPresenter(t, { data: [] });\n\n            expect(t.listEntriesGateway.execute).toHaveBeenCalledWith(\n                expect.objectContaining({\n                    where: expect.objectContaining({\n                        wbyAco_location: { folderId: \"root\" }\n                    })\n                })\n            );\n        });\n\n        it(\"should set model after init\", async () => {\n            await initPresenter(t, { data: [] });\n\n            expect(t.presenter.vm.model).toStrictEqual(MODEL);\n        });\n    });\n\n    describe(\"folder navigation\", () => {\n        it(\"should filter to folder entries when navigating to a subfolder\", async () => {\n            const rootEntries = [createEntry(\"root-1\", \"root\")];\n            await initPresenter(t, { data: rootEntries });\n\n            const folderEntries = [\n                createEntry(\"folder-1\", \"folder-a\"),\n                createEntry(\"folder-2\", \"folder-a\")\n            ];\n\n            t.listEntriesGateway.execute.mockResolvedValueOnce({\n                data: folderEntries,\n                meta: { cursor: null, hasMoreItems: false, totalCount: 2 }\n            });\n\n            t.foldersPresenter.selectFolder(\"folder-a\");\n\n            await vi.waitFor(() => {\n                expect(t.presenter.list.vm.rows).toHaveLength(2);\n            });\n\n            expect(t.presenter.list.vm.rows.map(r => r.entryId)).toEqual([\"folder-1\", \"folder-2\"]);\n        });\n\n        it(\"should show only root entries when navigating back to root\", async () => {\n            const rootEntries = [createEntry(\"root-1\", \"root\")];\n            await initPresenter(t, { data: rootEntries });\n\n            const folderEntries = [createEntry(\"folder-1\", \"folder-a\")];\n            t.listEntriesGateway.execute.mockResolvedValueOnce({\n                data: folderEntries,\n                meta: { cursor: null, hasMoreItems: false, totalCount: 1 }\n            });\n\n            t.foldersPresenter.selectFolder(\"folder-a\");\n\n            await vi.waitFor(() => {\n                expect(t.presenter.list.vm.rows).toHaveLength(1);\n                expect(t.presenter.list.vm.rows[0].entryId).toBe(\"folder-1\");\n            });\n\n            t.listEntriesGateway.execute.mockResolvedValueOnce({\n                data: rootEntries,\n                meta: { cursor: null, hasMoreItems: false, totalCount: 1 }\n            });\n\n            t.foldersPresenter.selectFolder(null);\n\n            await vi.waitFor(() => {\n                expect(t.presenter.list.vm.rows).toHaveLength(1);\n                expect(t.presenter.list.vm.rows[0].entryId).toBe(\"root-1\");\n            });\n        });\n\n        it(\"should not leak subfolder entries into root view\", async () => {\n            const rootEntries = [createEntry(\"root-1\", \"root\")];\n            await initPresenter(t, { data: rootEntries });\n\n            t.listEntriesGateway.execute.mockResolvedValueOnce({\n                data: [createEntry(\"folder-1\", \"folder-a\")],\n                meta: { cursor: null, hasMoreItems: false, totalCount: 1 }\n            });\n\n            t.foldersPresenter.selectFolder(\"folder-a\");\n            await vi.waitFor(() => {\n                expect(t.presenter.list.vm.rows).toHaveLength(1);\n            });\n\n            t.listEntriesGateway.execute.mockResolvedValueOnce({\n                data: rootEntries,\n                meta: { cursor: null, hasMoreItems: false, totalCount: 1 }\n            });\n\n            t.foldersPresenter.selectFolder(null);\n            await vi.waitFor(() => {\n                expect(t.presenter.list.vm.rows).toHaveLength(1);\n                expect(t.presenter.list.vm.rows[0].entryId).toBe(\"root-1\");\n            });\n        });\n    });\n\n    describe(\"search\", () => {\n        it(\"should show only search results from API\", async () => {\n            const rootEntries = [createEntry(\"entry-1\", \"root\"), createEntry(\"entry-2\", \"root\")];\n            await initPresenter(t, { data: rootEntries });\n\n            const searchResults = [createEntry(\"entry-1\", \"root\")];\n            t.listEntriesGateway.execute.mockResolvedValueOnce({\n                data: searchResults,\n                meta: { cursor: null, hasMoreItems: false, totalCount: 1 }\n            });\n\n            t.presenter.list.actions.search.set(\"entry-1\");\n\n            await vi.waitFor(() => {\n                expect(t.presenter.list.vm.rows).toHaveLength(1);\n            });\n\n            expect(t.presenter.list.vm.rows[0].entryId).toBe(\"entry-1\");\n        });\n\n        it(\"should include entries from subfolders when searching from root\", async () => {\n            await initPresenter(t, { data: [] });\n\n            const searchResults = [\n                createEntry(\"root-1\", \"root\"),\n                createEntry(\"folder-1\", \"folder-a\")\n            ];\n            t.listEntriesGateway.execute.mockResolvedValueOnce({\n                data: searchResults,\n                meta: { cursor: null, hasMoreItems: false, totalCount: 2 }\n            });\n\n            t.presenter.list.actions.search.set(\"test\");\n\n            await vi.waitFor(() => {\n                expect(t.presenter.list.vm.rows).toHaveLength(2);\n            });\n        });\n\n        it(\"should search with folderId_in containing all descendant folders when in a subfolder\", async () => {\n            const folderEntries = [createEntry(\"folder-1\", \"folder-a\")];\n            t.listEntriesGateway.execute.mockResolvedValueOnce({\n                data: folderEntries,\n                meta: { cursor: null, hasMoreItems: false, totalCount: 1 }\n            });\n\n            t.presenter.init({ initialFolderId: \"folder-a\" });\n\n            await vi.waitFor(() => {\n                expect(t.presenter.list.vm.pagination.loading).toBe(false);\n            });\n\n            t.getDescendantFolders.mockReturnValue([\n                { id: \"folder-a\" },\n                { id: \"folder-a-1\" },\n                { id: \"folder-a-2\" }\n            ]);\n\n            t.listEntriesGateway.execute.mockResolvedValueOnce({\n                data: [\n                    createEntry(\"folder-1\", \"folder-a\"),\n                    createEntry(\"sub-1\", \"folder-a-1\"),\n                    createEntry(\"sub-2\", \"folder-a-2\")\n                ],\n                meta: { cursor: null, hasMoreItems: false, totalCount: 3 }\n            });\n\n            t.presenter.list.actions.search.set(\"test\");\n\n            await vi.waitFor(() => {\n                expect(t.presenter.list.vm.rows).toHaveLength(3);\n            });\n\n            expect(t.getDescendantFolders).toHaveBeenCalledWith(\"folder-a\");\n\n            const searchCall = t.listEntriesGateway.execute.mock.calls.at(-1) ?? [];\n            expect(searchCall[0].where).toEqual(\n                expect.objectContaining({\n                    wbyAco_location: {\n                        folderId_in: [\"folder-a\", \"folder-a-1\", \"folder-a-2\"]\n                    }\n                })\n            );\n        });\n\n        it(\"should restore folder view when clearing search\", async () => {\n            const rootEntries = [createEntry(\"entry-1\", \"root\"), createEntry(\"entry-2\", \"root\")];\n            await initPresenter(t, { data: rootEntries });\n\n            t.listEntriesGateway.execute.mockResolvedValueOnce({\n                data: [createEntry(\"entry-1\", \"root\")],\n                meta: { cursor: null, hasMoreItems: false, totalCount: 1 }\n            });\n\n            t.presenter.list.actions.search.set(\"entry-1\");\n\n            await vi.waitFor(() => {\n                expect(t.presenter.list.vm.rows).toHaveLength(1);\n            });\n\n            t.listEntriesGateway.execute.mockResolvedValueOnce({\n                data: rootEntries,\n                meta: { cursor: null, hasMoreItems: false, totalCount: 2 }\n            });\n\n            t.presenter.list.actions.search.clear();\n\n            await vi.waitFor(() => {\n                expect(t.presenter.list.vm.rows).toHaveLength(2);\n            });\n        });\n    });\n\n    describe(\"status filter\", () => {\n        it(\"should filter by status locally\", async () => {\n            const entries = [\n                createEntry(\"draft-1\", \"root\", {\n                    meta: {\n                        title: \"draft-1\",\n                        status: \"draft\",\n                        version: 1,\n                        locked: false\n                    }\n                }),\n                createEntry(\"published-1\", \"root\", {\n                    meta: {\n                        title: \"published-1\",\n                        status: \"published\",\n                        version: 1,\n                        locked: false\n                    }\n                })\n            ];\n            await initPresenter(t, { data: entries });\n\n            t.listEntriesGateway.execute.mockResolvedValueOnce({\n                data: entries.filter(e => (e.meta as { status: string }).status === \"published\"),\n                meta: { cursor: null, hasMoreItems: false, totalCount: 1 }\n            });\n\n            t.presenter.list.actions.filter.set(\"status\", \"published\");\n\n            await vi.waitFor(() => {\n                expect(t.presenter.list.vm.rows).toHaveLength(1);\n                expect(t.presenter.list.vm.rows[0].entryId).toBe(\"published-1\");\n            });\n        });\n    });\n\n    describe(\"move entry\", () => {\n        it(\"should remove entry from current view after move\", async () => {\n            const entries = [createEntry(\"entry-1\", \"root\"), createEntry(\"entry-2\", \"root\")];\n            await initPresenter(t, { data: entries });\n\n            t.moveEntryGateway.execute.mockResolvedValueOnce(true);\n\n            await t.presenter.moveEntry(\"entry-1#0001\", \"folder-b\");\n\n            await vi.waitFor(() => {\n                expect(t.presenter.list.vm.rows).toHaveLength(1);\n                expect(t.presenter.list.vm.rows[0].entryId).toBe(\"entry-2\");\n            });\n        });\n    });\n\n    describe(\"delete entry\", () => {\n        it(\"should remove entry from current view after delete\", async () => {\n            const entries = [createEntry(\"entry-1\", \"root\"), createEntry(\"entry-2\", \"root\")];\n            await initPresenter(t, { data: entries });\n\n            t.deleteEntryGateway.execute.mockResolvedValueOnce(true);\n\n            await t.presenter.deleteEntry(\"entry-1#0001\");\n\n            await vi.waitFor(() => {\n                expect(t.presenter.list.vm.rows).toHaveLength(1);\n                expect(t.presenter.list.vm.rows[0].entryId).toBe(\"entry-2\");\n            });\n        });\n    });\n\n    describe(\"vm\", () => {\n        it(\"should set model on init\", () => {\n            t.listEntriesGateway.execute.mockResolvedValueOnce({\n                data: [],\n                meta: { cursor: null, hasMoreItems: false, totalCount: 0 }\n            });\n            t.presenter.init();\n            expect(t.presenter.vm.model).toStrictEqual(MODEL);\n        });\n\n        it(\"should track selected entry\", async () => {\n            await initPresenter(t, { data: [] });\n\n            expect(t.presenter.vm.showingEntry).toBe(false);\n\n            t.presenter.selectEntry(\"some-id\");\n            expect(t.presenter.vm.selectedEntryId).toBe(\"some-id\");\n            expect(t.presenter.vm.showingEntry).toBe(true);\n\n            t.presenter.deselectEntry();\n            expect(t.presenter.vm.selectedEntryId).toBeNull();\n            expect(t.presenter.vm.showingEntry).toBe(false);\n        });\n\n        it(\"should set selectedEntryId to 'new' on createEntry\", async () => {\n            await initPresenter(t, { data: [] });\n\n            t.presenter.createEntry();\n            expect(t.presenter.vm.selectedEntryId).toBe(\"new\");\n        });\n\n        it(\"should show folders when no search or non-folder filters active\", async () => {\n            await initPresenter(t, { data: [] });\n\n            expect(t.presenter.vm.showFolders).toBe(true);\n\n            t.listEntriesGateway.execute.mockResolvedValueOnce({\n                data: [],\n                meta: { cursor: null, hasMoreItems: false, totalCount: 0 }\n            });\n\n            t.presenter.list.actions.search.set(\"test\");\n\n            await vi.waitFor(() => {\n                expect(t.presenter.vm.showFolders).toBe(false);\n            });\n        });\n    });\n});\n"],"names":["MODEL","createEntry","entryId","folderId","overrides","MockFolderTreePresenter","makeAutoObservable","setup","container","Container","ListPresenterFeature","foldersPresenter","FolderTreePresenter","Confirmation","vi","_name","_params","execute","undefined","getDescendantFolders","GetDescendantFoldersUseCase","EventPublisher","ContentEntriesCacheProvider","CmsModelContextImpl","CmsModelContext","ListEntriesFeature","DeleteEntryFeature","PublishEntryFeature","UnpublishEntryFeature","MoveEntryFeature","UpdateRevisionDescriptionFeature","listEntriesGateway","moveEntryGateway","deleteEntryGateway","ListEntriesGateway","MoveEntryGateway","DeleteEntryGateway","PublishEntryGateway","UnpublishEntryGateway","UpdateRevisionDescriptionGateway","ContentEntriesPresenter","presenter","Abstraction","initPresenter","t","gatewayResponse","expect","describe","beforeEach","it","entries","r","rootEntries","folderEntries","searchResults","searchCall","e"],"mappings":"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"}

package/presentation/contentEntries/list/abstractions.d.ts

@@ -0,0 +1,36 @@
+import type { IListPresenter } from "@webiny/app-admin/presentation/listPresenter/abstractions.js";
+import type { IFolderTreePresenter } from "@webiny/app-aco/presentation/folderTree/abstractions.js";
+import type { FolderDto } from "@webiny/app-aco";
+import type { CmsContentEntry, CmsModel } from "../../../types.js";
+export interface IContentEntriesInitConfig {
+    initialFolderId?: string;
+    initialSearch?: string;
+    filterNames?: string[];
+}
+export interface IContentEntriesViewModel {
+    model: CmsModel;
+    selectedEntryId: string | null;
+    showingEntry: boolean;
+    showFolders: boolean;
+    childFolders: FolderDto[];
+}
+export interface IContentEntriesPresenter {
+    readonly vm: IContentEntriesViewModel;
+    readonly list: IListPresenter<CmsContentEntry>;
+    readonly folders: IFolderTreePresenter;
+    selectEntry(id: string): void;
+    deselectEntry(): void;
+    createEntry(): void;
+    deleteEntry(id: string): Promise<boolean>;
+    publishEntry(id: string): Promise<boolean>;
+    unpublishEntry(id: string): Promise<boolean>;
+    moveEntry(id: string, folderId: string): Promise<boolean>;
+    init(config?: IContentEntriesInitConfig): void;
+    dispose(): void;
+}
+export declare const ContentEntriesPresenter: import("@webiny/di").Abstraction<IContentEntriesPresenter>;
+export declare namespace ContentEntriesPresenter {
+    type Interface = IContentEntriesPresenter;
+    type ViewModel = IContentEntriesViewModel;
+    type InitConfig = IContentEntriesInitConfig;
+}

package/presentation/contentEntries/list/abstractions.js

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

package/presentation/contentEntries/list/abstractions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentEntries/list/abstractions.js","sources":["../../../../src/presentation/contentEntries/list/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type { IListPresenter } from \"@webiny/app-admin/presentation/listPresenter/abstractions.js\";\nimport type { IFolderTreePresenter } from \"@webiny/app-aco/presentation/folderTree/abstractions.js\";\nimport type { FolderDto } from \"@webiny/app-aco\";\nimport type { CmsContentEntry, CmsModel } from \"~/types.js\";\n\nexport interface IContentEntriesInitConfig {\n    initialFolderId?: string;\n    initialSearch?: string;\n    filterNames?: string[];\n}\n\nexport interface IContentEntriesViewModel {\n    model: CmsModel;\n    selectedEntryId: string | null;\n    showingEntry: boolean;\n    showFolders: boolean;\n    childFolders: FolderDto[];\n}\n\nexport interface IContentEntriesPresenter {\n    readonly vm: IContentEntriesViewModel;\n    readonly list: IListPresenter<CmsContentEntry>;\n    readonly folders: IFolderTreePresenter;\n\n    selectEntry(id: string): void;\n    deselectEntry(): void;\n    createEntry(): void;\n    deleteEntry(id: string): Promise<boolean>;\n    publishEntry(id: string): Promise<boolean>;\n    unpublishEntry(id: string): Promise<boolean>;\n    moveEntry(id: string, folderId: string): Promise<boolean>;\n\n    init(config?: IContentEntriesInitConfig): void;\n    dispose(): void;\n}\n\nexport const ContentEntriesPresenter =\n    createAbstraction<IContentEntriesPresenter>(\"ContentEntriesPresenter\");\n\nexport namespace ContentEntriesPresenter {\n    export type Interface = IContentEntriesPresenter;\n    export type ViewModel = IContentEntriesViewModel;\n    export type InitConfig = IContentEntriesInitConfig;\n}\n"],"names":["ContentEntriesPresenter","createAbstraction"],"mappings":";AAqCO,MAAMA,0BACTC,kBAA4C"}

package/presentation/contentEntries/list/feature.d.ts

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

package/presentation/contentEntries/list/feature.js

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

package/presentation/contentEntries/list/feature.js.map

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

package/presentation/contentEntries/list/useContentEntriesPresenter.d.ts

@@ -0,0 +1 @@
+export declare function useContentEntriesPresenter(): import("./abstractions.js").IContentEntriesPresenter;

package/presentation/contentEntries/list/useContentEntriesPresenter.js

@@ -0,0 +1,8 @@
+import { useFeature } from "@webiny/app";
+import { ContentEntriesPresenterFeature } from "./feature.js";
+function useContentEntriesPresenter() {
+    return useFeature(ContentEntriesPresenterFeature).presenter;
+}
+export { useContentEntriesPresenter };
+
+//# sourceMappingURL=useContentEntriesPresenter.js.map

package/presentation/contentEntries/list/useContentEntriesPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentEntries/list/useContentEntriesPresenter.js","sources":["../../../../src/presentation/contentEntries/list/useContentEntriesPresenter.tsx"],"sourcesContent":["import { useFeature } from \"@webiny/app\";\nimport { ContentEntriesPresenterFeature } from \"./feature.js\";\n\nexport function useContentEntriesPresenter() {\n    return useFeature(ContentEntriesPresenterFeature).presenter;\n}\n"],"names":["useContentEntriesPresenter","useFeature","ContentEntriesPresenterFeature"],"mappings":";;AAGO,SAASA;IACZ,OAAOC,WAAWC,gCAAgC,SAAS;AAC/D"}

package/presentation/contentEntries/preview/ComponentDiscoveryIframe.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface ComponentDiscoveryIframeProps {
+    domain: string;
+    previewPath: string;
+}
+export declare const ComponentDiscoveryIframe: ({ domain, previewPath }: ComponentDiscoveryIframeProps) => React.JSX.Element;
+export {};

package/presentation/contentEntries/preview/ComponentDiscoveryIframe.js

@@ -0,0 +1,47 @@
+import react, { useEffect, useRef } from "react";
+import { MessageOrigin, Messenger } from "@webiny/cms-sdk/messenger";
+import { useLivePreviewPresenter } from "./useLivePreviewPresenter.js";
+import { buildEditorUrl } from "./resolvePreviewUrl.js";
+const ComponentDiscoveryIframe = ({ domain, previewPath })=>{
+    const iframeRef = useRef(null);
+    const messengerRef = useRef(null);
+    const presenter = useLivePreviewPresenter();
+    const iframeSrc = (()=>{
+        const editorPath = buildEditorUrl(domain, previewPath);
+        const url = new URL(editorPath);
+        url.searchParams.set("wb.editing", "true");
+        url.searchParams.set("wb.type", "entry");
+        url.searchParams.set("wb.referrer", window.location.origin);
+        return url.toString();
+    })();
+    useEffect(()=>{
+        const iframe = iframeRef.current;
+        if (!iframe || !iframe.contentWindow) return;
+        const targetOrigin = new URL(iframe.src).origin;
+        const editorOrigin = new MessageOrigin(()=>window, window.location.origin);
+        const previewTarget = new MessageOrigin(()=>iframe.contentWindow, targetOrigin);
+        const messenger = new Messenger(editorOrigin, previewTarget, "wb.editor.*");
+        messengerRef.current = messenger;
+        messenger.on("preview.component.register", (manifest)=>{
+            presenter.addComponent(manifest);
+        });
+        return ()=>{
+            messenger.dispose();
+            messengerRef.current = null;
+        };
+    }, [
+        iframeSrc,
+        presenter
+    ]);
+    return /*#__PURE__*/ react.createElement("iframe", {
+        ref: iframeRef,
+        src: iframeSrc,
+        style: {
+            display: "none"
+        },
+        sandbox: "allow-same-origin allow-scripts"
+    });
+};
+export { ComponentDiscoveryIframe };
+
+//# sourceMappingURL=ComponentDiscoveryIframe.js.map

package/presentation/contentEntries/preview/ComponentDiscoveryIframe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentEntries/preview/ComponentDiscoveryIframe.js","sources":["../../../../src/presentation/contentEntries/preview/ComponentDiscoveryIframe.tsx"],"sourcesContent":["import React, { useRef, useEffect } from \"react\";\nimport { Messenger, MessageOrigin } from \"@webiny/cms-sdk/messenger\";\nimport { useLivePreviewPresenter } from \"./useLivePreviewPresenter.js\";\nimport { buildEditorUrl } from \"./resolvePreviewUrl.js\";\n\ninterface ComponentDiscoveryIframeProps {\n    domain: string;\n    previewPath: string;\n}\n\nexport const ComponentDiscoveryIframe = ({\n    domain,\n    previewPath\n}: ComponentDiscoveryIframeProps) => {\n    const iframeRef = useRef<HTMLIFrameElement | null>(null);\n    const messengerRef = useRef<Messenger | null>(null);\n    const presenter = useLivePreviewPresenter();\n\n    const iframeSrc = (() => {\n        const editorPath = buildEditorUrl(domain, previewPath);\n        const url = new URL(editorPath);\n        url.searchParams.set(\"wb.editing\", \"true\");\n        url.searchParams.set(\"wb.type\", \"entry\");\n        url.searchParams.set(\"wb.referrer\", window.location.origin);\n        return url.toString();\n    })();\n\n    useEffect(() => {\n        const iframe = iframeRef.current;\n        if (!iframe || !iframe.contentWindow) {\n            return;\n        }\n\n        const targetOrigin = new URL(iframe.src).origin;\n        const editorOrigin = new MessageOrigin(() => window, window.location.origin);\n        const previewTarget = new MessageOrigin(() => iframe.contentWindow!, targetOrigin);\n\n        const messenger = new Messenger(editorOrigin, previewTarget, \"wb.editor.*\");\n        messengerRef.current = messenger;\n\n        messenger.on(\n            \"preview.component.register\",\n            (manifest: { name: string; label: string; description: string }) => {\n                presenter.addComponent(manifest);\n            }\n        );\n\n        return () => {\n            messenger.dispose();\n            messengerRef.current = null;\n        };\n    }, [iframeSrc, presenter]);\n\n    return (\n        <iframe\n            ref={iframeRef}\n            src={iframeSrc}\n            style={{ display: \"none\" }}\n            sandbox=\"allow-same-origin allow-scripts\"\n        />\n    );\n};\n"],"names":["ComponentDiscoveryIframe","domain","previewPath","iframeRef","useRef","messengerRef","presenter","useLivePreviewPresenter","iframeSrc","editorPath","buildEditorUrl","url","URL","window","useEffect","iframe","targetOrigin","editorOrigin","MessageOrigin","previewTarget","messenger","Messenger","manifest"],"mappings":";;;;AAUO,MAAMA,2BAA2B,CAAC,EACrCC,MAAM,EACNC,WAAW,EACiB;IAC5B,MAAMC,YAAYC,OAAiC;IACnD,MAAMC,eAAeD,OAAyB;IAC9C,MAAME,YAAYC;IAElB,MAAMC,YAAa,AAAC;QAChB,MAAMC,aAAaC,eAAeT,QAAQC;QAC1C,MAAMS,MAAM,IAAIC,IAAIH;QACpBE,IAAI,YAAY,CAAC,GAAG,CAAC,cAAc;QACnCA,IAAI,YAAY,CAAC,GAAG,CAAC,WAAW;QAChCA,IAAI,YAAY,CAAC,GAAG,CAAC,eAAeE,OAAO,QAAQ,CAAC,MAAM;QAC1D,OAAOF,IAAI,QAAQ;IACvB;IAEAG,UAAU;QACN,MAAMC,SAASZ,UAAU,OAAO;QAChC,IAAI,CAACY,UAAU,CAACA,OAAO,aAAa,EAChC;QAGJ,MAAMC,eAAe,IAAIJ,IAAIG,OAAO,GAAG,EAAE,MAAM;QAC/C,MAAME,eAAe,IAAIC,cAAc,IAAML,QAAQA,OAAO,QAAQ,CAAC,MAAM;QAC3E,MAAMM,gBAAgB,IAAID,cAAc,IAAMH,OAAO,aAAa,EAAGC;QAErE,MAAMI,YAAY,IAAIC,UAAUJ,cAAcE,eAAe;QAC7Dd,aAAa,OAAO,GAAGe;QAEvBA,UAAU,EAAE,CACR,8BACA,CAACE;YACGhB,UAAU,YAAY,CAACgB;QAC3B;QAGJ,OAAO;YACHF,UAAU,OAAO;YACjBf,aAAa,OAAO,GAAG;QAC3B;IACJ,GAAG;QAACG;QAAWF;KAAU;IAEzB,OAAO,WAAP,GACI,oBAAC;QACG,KAAKH;QACL,KAAKK;QACL,OAAO;YAAE,SAAS;QAAO;QACzB,SAAQ;;AAGpB"}

package/presentation/contentEntries/preview/LivePreviewPresenter.d.ts

@@ -0,0 +1,14 @@
+import { type ILivePreviewPresenter, type PreviewComponent } from "./abstractions.js";
+declare class LivePreviewPresenterImpl implements ILivePreviewPresenter {
+    private components;
+    constructor();
+    get vm(): {
+        components: PreviewComponent[];
+    };
+    addComponent(component: PreviewComponent): void;
+    clearComponents(): void;
+}
+export declare const LivePreviewPresenter: typeof LivePreviewPresenterImpl & {
+    __abstraction: import("@webiny/di").Abstraction<ILivePreviewPresenter>;
+};
+export {};

package/presentation/contentEntries/preview/LivePreviewPresenter.js

@@ -0,0 +1,33 @@
+import { computed, makeAutoObservable } from "mobx";
+import { LivePreviewPresenter } from "./abstractions.js";
+class LivePreviewPresenterImpl {
+    constructor(){
+        this.components = [];
+        makeAutoObservable(this, {
+            vm: computed
+        });
+    }
+    get vm() {
+        return {
+            components: this.components
+        };
+    }
+    addComponent(component) {
+        const exists = this.components.some((c)=>c.name === component.name);
+        if (exists) this.components = this.components.map((c)=>c.name === component.name ? component : c);
+        else this.components = [
+            ...this.components,
+            component
+        ];
+    }
+    clearComponents() {
+        this.components = [];
+    }
+}
+const LivePreviewPresenter_LivePreviewPresenter = LivePreviewPresenter.createImplementation({
+    implementation: LivePreviewPresenterImpl,
+    dependencies: []
+});
+export { LivePreviewPresenter_LivePreviewPresenter as LivePreviewPresenter };
+
+//# sourceMappingURL=LivePreviewPresenter.js.map

package/presentation/contentEntries/preview/LivePreviewPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentEntries/preview/LivePreviewPresenter.js","sources":["../../../../src/presentation/contentEntries/preview/LivePreviewPresenter.ts"],"sourcesContent":["import { makeAutoObservable, computed } from \"mobx\";\nimport {\n    LivePreviewPresenter as Abstraction,\n    type ILivePreviewPresenter,\n    type PreviewComponent\n} from \"./abstractions.js\";\n\nclass LivePreviewPresenterImpl implements ILivePreviewPresenter {\n    private components: PreviewComponent[] = [];\n\n    constructor() {\n        makeAutoObservable(this, { vm: computed });\n    }\n\n    get vm() {\n        return {\n            components: this.components\n        };\n    }\n\n    addComponent(component: PreviewComponent): void {\n        const exists = this.components.some(c => c.name === component.name);\n        if (exists) {\n            this.components = this.components.map(c => (c.name === component.name ? component : c));\n        } else {\n            this.components = [...this.components, component];\n        }\n    }\n\n    clearComponents(): void {\n        this.components = [];\n    }\n}\n\nexport const LivePreviewPresenter = Abstraction.createImplementation({\n    implementation: LivePreviewPresenterImpl,\n    dependencies: []\n});\n"],"names":["LivePreviewPresenterImpl","makeAutoObservable","computed","component","exists","c","LivePreviewPresenter","Abstraction"],"mappings":";;AAOA,MAAMA;IAGF,aAAc;aAFN,UAAU,GAAuB,EAAE;QAGvCC,mBAAmB,IAAI,EAAE;YAAE,IAAIC;QAAS;IAC5C;IAEA,IAAI,KAAK;QACL,OAAO;YACH,YAAY,IAAI,CAAC,UAAU;QAC/B;IACJ;IAEA,aAAaC,SAA2B,EAAQ;QAC5C,MAAMC,SAAS,IAAI,CAAC,UAAU,CAAC,IAAI,CAACC,CAAAA,IAAKA,EAAE,IAAI,KAAKF,UAAU,IAAI;QAClE,IAAIC,QACA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,CAACC,CAAAA,IAAMA,EAAE,IAAI,KAAKF,UAAU,IAAI,GAAGA,YAAYE;aAEpF,IAAI,CAAC,UAAU,GAAG;eAAI,IAAI,CAAC,UAAU;YAAEF;SAAU;IAEzD;IAEA,kBAAwB;QACpB,IAAI,CAAC,UAAU,GAAG,EAAE;IACxB;AACJ;AAEO,MAAMG,4CAAuBC,qBAAAA,oBAAgC,CAAC;IACjE,gBAAgBP;IAChB,cAAc,EAAE;AACpB"}

package/presentation/contentEntries/preview/ModelEditorComponentDiscovery.d.ts

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

package/presentation/contentEntries/preview/ModelEditorComponentDiscovery.js

@@ -0,0 +1,30 @@
+import react, { useEffect } from "react";
+import { ContentModelEditor } from "../../../admin/components/ContentModelEditor/ContentModelEditor.js";
+import { useModelEditor } from "../../../admin/components/ContentModelEditor/useModelEditor.js";
+import { usePreviewDomain } from "@webiny/frontend-settings/exports/admin.js";
+import { ComponentDiscoveryIframe } from "./ComponentDiscoveryIframe.js";
+import { useLivePreviewPresenter } from "./useLivePreviewPresenter.js";
+const ModelEditorComponentDiscovery = ContentModelEditor.createDecorator((Original)=>function() {
+        const { data } = useModelEditor();
+        const presenter = useLivePreviewPresenter();
+        const previewPath = data?.settings?.previewPath;
+        const { previewDomain } = usePreviewDomain();
+        useEffect(()=>{
+            if (!previewPath) presenter.clearComponents();
+        }, [
+            previewPath,
+            presenter
+        ]);
+        useEffect(()=>()=>{
+                presenter.clearComponents();
+            }, [
+            presenter
+        ]);
+        return /*#__PURE__*/ react.createElement(react.Fragment, null, previewPath ? /*#__PURE__*/ react.createElement(ComponentDiscoveryIframe, {
+            domain: previewDomain,
+            previewPath: previewPath
+        }) : null, /*#__PURE__*/ react.createElement(Original, null));
+    });
+export { ModelEditorComponentDiscovery };
+
+//# sourceMappingURL=ModelEditorComponentDiscovery.js.map

package/presentation/contentEntries/preview/ModelEditorComponentDiscovery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentEntries/preview/ModelEditorComponentDiscovery.js","sources":["../../../../src/presentation/contentEntries/preview/ModelEditorComponentDiscovery.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { ContentModelEditor } from \"~/admin/components/ContentModelEditor/ContentModelEditor.js\";\nimport { useModelEditor } from \"~/admin/components/ContentModelEditor/useModelEditor.js\";\nimport { usePreviewDomain } from \"@webiny/frontend-settings/exports/admin.js\";\nimport { ComponentDiscoveryIframe } from \"./ComponentDiscoveryIframe.js\";\nimport { useLivePreviewPresenter } from \"./useLivePreviewPresenter.js\";\n\nexport const ModelEditorComponentDiscovery = ContentModelEditor.createDecorator(Original => {\n    return function ModelEditorWithDiscovery() {\n        const { data } = useModelEditor();\n        const presenter = useLivePreviewPresenter();\n        const previewPath = data?.settings?.previewPath as string | undefined;\n        const { previewDomain } = usePreviewDomain();\n\n        useEffect(() => {\n            if (!previewPath) {\n                presenter.clearComponents();\n            }\n        }, [previewPath, presenter]);\n\n        useEffect(() => {\n            return () => {\n                presenter.clearComponents();\n            };\n        }, [presenter]);\n\n        return (\n            <>\n                {previewPath ? (\n                    <ComponentDiscoveryIframe domain={previewDomain} previewPath={previewPath} />\n                ) : null}\n                <Original />\n            </>\n        );\n    };\n});\n"],"names":["ModelEditorComponentDiscovery","ContentModelEditor","Original","data","useModelEditor","presenter","useLivePreviewPresenter","previewPath","previewDomain","usePreviewDomain","useEffect","ComponentDiscoveryIframe"],"mappings":";;;;;;AAOO,MAAMA,gCAAgCC,mBAAmB,eAAe,CAACC,CAAAA,WACrE;QACH,MAAM,EAAEC,IAAI,EAAE,GAAGC;QACjB,MAAMC,YAAYC;QAClB,MAAMC,cAAcJ,MAAM,UAAU;QACpC,MAAM,EAAEK,aAAa,EAAE,GAAGC;QAE1BC,UAAU;YACN,IAAI,CAACH,aACDF,UAAU,eAAe;QAEjC,GAAG;YAACE;YAAaF;SAAU;QAE3BK,UAAU,IACC;gBACHL,UAAU,eAAe;YAC7B,GACD;YAACA;SAAU;QAEd,OAAO,WAAP,GACI,0CACKE,cAAc,WAAdA,GACG,oBAACI,0BAAwBA;YAAC,QAAQH;YAAe,aAAaD;aAC9D,oBACJ,oBAACL,UAAAA;IAGb"}

package/presentation/contentEntries/preview/PreviewComponentsContext.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+export interface PreviewComponent {
+    name: string;
+    label: string;
+    description: string;
+}
+export declare const usePreviewComponents: () => {
+    components: PreviewComponent[];
+    addComponent: (component: PreviewComponent) => void;
+};
+interface PreviewComponentsProviderProps {
+    children: React.ReactNode;
+}
+export declare const PreviewComponentsProvider: ({ children }: PreviewComponentsProviderProps) => React.JSX.Element;
+export {};

package/presentation/contentEntries/preview/PreviewComponentsContext.js

@@ -0,0 +1,43 @@
+import react, { useSyncExternalStore } from "react";
+class PreviewComponentsStore {
+    getComponents() {
+        return this.components;
+    }
+    addComponent(component) {
+        const exists = this.components.some((c)=>c.name === component.name);
+        if (exists) this.components = this.components.map((c)=>c.name === component.name ? component : c);
+        else this.components = [
+            ...this.components,
+            component
+        ];
+        console.log("[PreviewComponentsStore] addComponent:", component.name, "total:", this.components.length);
+        this.notify();
+    }
+    clear() {
+        this.components = [];
+        this.notify();
+    }
+    subscribe(listener) {
+        this.listeners.add(listener);
+        return ()=>this.listeners.delete(listener);
+    }
+    notify() {
+        this.listeners.forEach((fn)=>fn());
+    }
+    constructor(){
+        this.components = [];
+        this.listeners = new Set();
+    }
+}
+const store = new PreviewComponentsStore();
+const usePreviewComponents = ()=>{
+    const components = useSyncExternalStore((cb)=>store.subscribe(cb), ()=>store.getComponents(), ()=>[]);
+    return {
+        components,
+        addComponent: (component)=>store.addComponent(component)
+    };
+};
+const PreviewComponentsProvider = ({ children })=>/*#__PURE__*/ react.createElement(react.Fragment, null, children);
+export { PreviewComponentsProvider, usePreviewComponents };
+
+//# sourceMappingURL=PreviewComponentsContext.js.map

package/presentation/contentEntries/preview/PreviewComponentsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentEntries/preview/PreviewComponentsContext.js","sources":["../../../../src/presentation/contentEntries/preview/PreviewComponentsContext.tsx"],"sourcesContent":["import React, { useSyncExternalStore } from \"react\";\n\nexport interface PreviewComponent {\n    name: string;\n    label: string;\n    description: string;\n}\n\ntype Listener = () => void;\n\nclass PreviewComponentsStore {\n    private components: PreviewComponent[] = [];\n    private listeners = new Set<Listener>();\n\n    getComponents(): PreviewComponent[] {\n        return this.components;\n    }\n\n    addComponent(component: PreviewComponent): void {\n        const exists = this.components.some(c => c.name === component.name);\n        if (exists) {\n            this.components = this.components.map(c => (c.name === component.name ? component : c));\n        } else {\n            this.components = [...this.components, component];\n        }\n        console.log(\n            \"[PreviewComponentsStore] addComponent:\",\n            component.name,\n            \"total:\",\n            this.components.length\n        );\n        this.notify();\n    }\n\n    clear(): void {\n        this.components = [];\n        this.notify();\n    }\n\n    subscribe(listener: Listener): () => void {\n        this.listeners.add(listener);\n        return () => this.listeners.delete(listener);\n    }\n\n    private notify(): void {\n        this.listeners.forEach(fn => fn());\n    }\n}\n\nconst store = new PreviewComponentsStore();\n\nexport const usePreviewComponents = () => {\n    const components = useSyncExternalStore(\n        cb => store.subscribe(cb),\n        () => store.getComponents(),\n        () => [] as PreviewComponent[]\n    );\n\n    return {\n        components,\n        addComponent: (component: PreviewComponent) => store.addComponent(component)\n    };\n};\n\ninterface PreviewComponentsProviderProps {\n    children: React.ReactNode;\n}\n\nexport const PreviewComponentsProvider = ({ children }: PreviewComponentsProviderProps) => {\n    return <>{children}</>;\n};\n"],"names":["PreviewComponentsStore","component","exists","c","console","listener","fn","Set","store","usePreviewComponents","components","useSyncExternalStore","cb","PreviewComponentsProvider","children"],"mappings":";AAUA,MAAMA;IAIF,gBAAoC;QAChC,OAAO,IAAI,CAAC,UAAU;IAC1B;IAEA,aAAaC,SAA2B,EAAQ;QAC5C,MAAMC,SAAS,IAAI,CAAC,UAAU,CAAC,IAAI,CAACC,CAAAA,IAAKA,EAAE,IAAI,KAAKF,UAAU,IAAI;QAClE,IAAIC,QACA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,CAACC,CAAAA,IAAMA,EAAE,IAAI,KAAKF,UAAU,IAAI,GAAGA,YAAYE;aAEpF,IAAI,CAAC,UAAU,GAAG;eAAI,IAAI,CAAC,UAAU;YAAEF;SAAU;QAErDG,QAAQ,GAAG,CACP,0CACAH,UAAU,IAAI,EACd,UACA,IAAI,CAAC,UAAU,CAAC,MAAM;QAE1B,IAAI,CAAC,MAAM;IACf;IAEA,QAAc;QACV,IAAI,CAAC,UAAU,GAAG,EAAE;QACpB,IAAI,CAAC,MAAM;IACf;IAEA,UAAUI,QAAkB,EAAc;QACtC,IAAI,CAAC,SAAS,CAAC,GAAG,CAACA;QACnB,OAAO,IAAM,IAAI,CAAC,SAAS,CAAC,MAAM,CAACA;IACvC;IAEQ,SAAe;QACnB,IAAI,CAAC,SAAS,CAAC,OAAO,CAACC,CAAAA,KAAMA;IACjC;;aAnCQ,UAAU,GAAuB,EAAE;aACnC,SAAS,GAAG,IAAIC;;AAmC5B;AAEA,MAAMC,QAAQ,IAAIR;AAEX,MAAMS,uBAAuB;IAChC,MAAMC,aAAaC,qBACfC,CAAAA,KAAMJ,MAAM,SAAS,CAACI,KACtB,IAAMJ,MAAM,aAAa,IACzB,IAAM,EAAE;IAGZ,OAAO;QACHE;QACA,cAAc,CAACT,YAAgCO,MAAM,YAAY,CAACP;IACtE;AACJ;AAMO,MAAMY,4BAA4B,CAAC,EAAEC,QAAQ,EAAkC,GAC3E,WAAP,GAAO,0CAAGA"}

package/presentation/contentEntries/preview/PreviewDecorator.d.ts

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

package/presentation/contentEntries/preview/PreviewDecorator.js

@@ -0,0 +1,49 @@
+import react from "react";
+import { createReactiveComponent } from "@webiny/app-admin";
+import { LeftPanel, RightPanel, SplitView } from "@webiny/app-admin/components/SplitView/SplitView.js";
+import { usePreviewDomain } from "@webiny/frontend-settings/exports/admin.js";
+import { ContentEntryFormContent } from "../views/layout/ContentEntryFormContent.js";
+import { useContentEntryFormPresenter } from "../form/useContentEntryFormPresenter.js";
+import { PreviewPane } from "./PreviewPane.js";
+const PreviewDecorator = ContentEntryFormContent.createDecorator((Original)=>createReactiveComponent((props)=>{
+        const presenter = useContentEntryFormPresenter();
+        const model = presenter.vm.model;
+        const previewPath = model?.settings?.previewPath;
+        const { previewDomain } = usePreviewDomain();
+        if (!previewPath) return /*#__PURE__*/ react.createElement(Original, props);
+        const form = presenter.vm.form;
+        const entry = presenter.vm.entry;
+        const formValues = form ? form.getData() : null;
+        const entryData = formValues ? {
+            ...entry,
+            values: formValues
+        } : null;
+        const entryId = entry?.id || "new";
+        return /*#__PURE__*/ react.createElement(SplitView, {
+            namespace: "cms-live-preview",
+            className: "h-full"
+        }, /*#__PURE__*/ react.createElement(LeftPanel, {
+            span: 5,
+            minSize: 20,
+            className: "bg-white overflow-y-auto"
+        }, /*#__PURE__*/ react.createElement(Original, {
+            ...props,
+            width: "100%",
+            className: "!pt-0 [&>div]:!rounded-none"
+        })), /*#__PURE__*/ react.createElement(RightPanel, {
+            span: 7,
+            minSize: 20,
+            className: "overflow-hidden p-md",
+            style: {
+                overflowY: "hidden"
+            }
+        }, /*#__PURE__*/ react.createElement(PreviewPane, {
+            domain: previewDomain,
+            previewPath: previewPath,
+            entryId: entryId,
+            entryData: entryData
+        })));
+    }));
+export { PreviewDecorator };
+
+//# sourceMappingURL=PreviewDecorator.js.map

package/presentation/contentEntries/preview/PreviewDecorator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/contentEntries/preview/PreviewDecorator.js","sources":["../../../../src/presentation/contentEntries/preview/PreviewDecorator.tsx"],"sourcesContent":["import React from \"react\";\nimport { createReactiveComponent } from \"@webiny/app-admin\";\nimport {\n    SplitView,\n    LeftPanel,\n    RightPanel\n} from \"@webiny/app-admin/components/SplitView/SplitView.js\";\nimport { usePreviewDomain } from \"@webiny/frontend-settings/exports/admin.js\";\nimport { ContentEntryFormContent } from \"~/presentation/contentEntries/views/layout/ContentEntryFormContent.js\";\nimport { useContentEntryFormPresenter } from \"~/presentation/contentEntries/form/useContentEntryFormPresenter.js\";\nimport { PreviewPane } from \"./PreviewPane.js\";\n\nexport const PreviewDecorator = ContentEntryFormContent.createDecorator(Original => {\n    return createReactiveComponent(\n        (props: React.HTMLAttributes<HTMLDivElement> & { width?: string }) => {\n            const presenter = useContentEntryFormPresenter();\n            const model = presenter.vm.model;\n            const previewPath = model?.settings?.previewPath as string | undefined;\n            const { previewDomain } = usePreviewDomain();\n\n            if (!previewPath) {\n                return <Original {...props} />;\n            }\n\n            const form = presenter.vm.form;\n            const entry = presenter.vm.entry;\n            const formValues = form ? form.getData() : null;\n            const entryData = formValues\n                ? { ...entry, values: formValues as Record<string, unknown> }\n                : null;\n\n            const entryId = entry?.id || \"new\";\n\n            return (\n                <SplitView namespace={\"cms-live-preview\"} className=\"h-full\">\n                    <LeftPanel span={5} minSize={20} className=\"bg-white overflow-y-auto\">\n                        <Original\n                            {...props}\n                            width={\"100%\"}\n                            className={\"!pt-0 [&>div]:!rounded-none\"}\n                        />\n                    </LeftPanel>\n                    <RightPanel\n                        span={7}\n                        minSize={20}\n                        className=\"overflow-hidden p-md\"\n                        style={{ overflowY: \"hidden\" }}\n                    >\n                        <PreviewPane\n                            domain={previewDomain}\n                            previewPath={previewPath}\n                            entryId={entryId}\n                            entryData={entryData}\n                        />\n                    </RightPanel>\n                </SplitView>\n            );\n        }\n    );\n});\n"],"names":["PreviewDecorator","ContentEntryFormContent","Original","createReactiveComponent","props","presenter","useContentEntryFormPresenter","model","previewPath","previewDomain","usePreviewDomain","form","entry","formValues","entryData","entryId","SplitView","LeftPanel","RightPanel","PreviewPane"],"mappings":";;;;;;;AAYO,MAAMA,mBAAmBC,wBAAwB,eAAe,CAACC,CAAAA,WAC7DC,wBACH,CAACC;QACG,MAAMC,YAAYC;QAClB,MAAMC,QAAQF,UAAU,EAAE,CAAC,KAAK;QAChC,MAAMG,cAAcD,OAAO,UAAU;QACrC,MAAM,EAAEE,aAAa,EAAE,GAAGC;QAE1B,IAAI,CAACF,aACD,OAAO,WAAP,GAAO,oBAACN,UAAaE;QAGzB,MAAMO,OAAON,UAAU,EAAE,CAAC,IAAI;QAC9B,MAAMO,QAAQP,UAAU,EAAE,CAAC,KAAK;QAChC,MAAMQ,aAAaF,OAAOA,KAAK,OAAO,KAAK;QAC3C,MAAMG,YAAYD,aACZ;YAAE,GAAGD,KAAK;YAAE,QAAQC;QAAsC,IAC1D;QAEN,MAAME,UAAUH,OAAO,MAAM;QAE7B,OAAO,WAAP,GACI,oBAACI,WAASA;YAAC,WAAW;YAAoB,WAAU;yBAChD,oBAACC,WAASA;YAAC,MAAM;YAAG,SAAS;YAAI,WAAU;yBACvC,oBAACf,UAAAA;YACI,GAAGE,KAAK;YACT,OAAO;YACP,WAAW;2BAGnB,oBAACc,YAAUA;YACP,MAAM;YACN,SAAS;YACT,WAAU;YACV,OAAO;gBAAE,WAAW;YAAS;yBAE7B,oBAACC,aAAWA;YACR,QAAQV;YACR,aAAaD;YACb,SAASO;YACT,WAAWD;;IAK/B"}

package/presentation/contentEntries/preview/PreviewPane.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface PreviewPaneProps {
+    domain: string;
+    previewPath: string;
+    entryId: string;
+    entryData: Record<string, unknown> | null;
+}
+export declare const PreviewPane: ({ domain, previewPath, entryId, entryData }: PreviewPaneProps) => React.JSX.Element;
+export {};