@nascentdigital/funnel-editor-contentful 4.6.7

package/dist/Editor.d.ts

@@ -0,0 +1 @@
+export declare function Editor(): import("react/jsx-runtime").JSX.Element;

package/dist/Editor.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Editor = Editor;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_apps_toolkit_1 = require("@contentful/react-apps-toolkit");
+const EditorApp_1 = require("./EditorApp");
+// wrapper around editor app to provide Contentful SDK
+function Editor() {
+    return ((0, jsx_runtime_1.jsx)(react_apps_toolkit_1.SDKProvider, { children: (0, jsx_runtime_1.jsx)(EditorApp_1.EditorApp, {}) }));
+}

package/dist/EditorApp.d.ts

@@ -0,0 +1 @@
+export declare function EditorApp(): import("react/jsx-runtime").JSX.Element;

package/dist/EditorApp.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EditorApp = EditorApp;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const app_sdk_1 = require("@contentful/app-sdk");
+const react_apps_toolkit_1 = require("@contentful/react-apps-toolkit");
+const components_1 = require("@nascentdigital/funnel-editor/components");
+const core_1 = require("./core");
+const EntryEditor_1 = require("./EntryEditor");
+const EntrySidebar_1 = require("./EntrySidebar");
+// editor
+function EditorApp() {
+    // hooks
+    const sdk = (0, react_apps_toolkit_1.useSDK)();
+    // entry editor
+    let content;
+    if (sdk.location.is(app_sdk_1.locations.LOCATION_ENTRY_EDITOR)) {
+        content = (0, jsx_runtime_1.jsx)(EntryEditor_1.EntryEditor, {});
+    }
+    // entry sidebar
+    else if (sdk.location.is(app_sdk_1.locations.LOCATION_ENTRY_SIDEBAR)) {
+        content = (0, jsx_runtime_1.jsx)(EntrySidebar_1.EntrySidebar, {});
+    }
+    // fallback
+    else {
+        content = (0, jsx_runtime_1.jsx)("div", { children: "Unsupported location" });
+    }
+    // render
+    return ((0, jsx_runtime_1.jsx)(core_1.EditorApiContainer, { children: (0, jsx_runtime_1.jsx)(components_1.DialogContainer, { children: content }) }));
+}

package/dist/EntryEditor.d.ts

@@ -0,0 +1 @@
+export declare function EntryEditor(): import("react/jsx-runtime").JSX.Element;

package/dist/EntryEditor.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EntryEditor = EntryEditor;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const page_1 = require("./page");
+// entry editor
+function EntryEditor() {
+    return ((0, jsx_runtime_1.jsx)(page_1.PageEditor, {}));
+}

package/dist/EntrySidebar.d.ts

@@ -0,0 +1 @@
+export declare function EntrySidebar(): import("react/jsx-runtime").JSX.Element;

package/dist/EntrySidebar.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EntrySidebar = EntrySidebar;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function EntrySidebar() {
+    return ((0, jsx_runtime_1.jsx)("div", { children: "Entry sidebar" }));
+}

package/dist/core/api/EditorApiClient.d.ts

@@ -0,0 +1,7 @@
+import { EditorAppSDK } from '@contentful/app-sdk';
+import { PageClient } from '@nascentdigital/funnel-cms';
+export declare class EditorApiClient {
+    readonly sdk: EditorAppSDK;
+    constructor(sdk: EditorAppSDK);
+    currentPageGroup(): Promise<PageClient.GetGroup.Result>;
+}

package/dist/core/api/EditorApiClient.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EditorApiClient = void 0;
+// class
+class EditorApiClient {
+    constructor(sdk) {
+        this.sdk = sdk;
+    }
+    async currentPageGroup() {
+        const entry = this.sdk.entry;
+        const { type, content } = entry.fields;
+        return {
+            group: {},
+            page: {
+                data: {
+                    id: entry.getSys().id,
+                    type: 'home', // type.getValue(),
+                    region: 'ca',
+                    language: 'en',
+                    content: content.getValue(),
+                },
+                files: {},
+                pages: {},
+                collections: {},
+            },
+        };
+    }
+}
+exports.EditorApiClient = EditorApiClient;

package/dist/core/api/EditorApiContainer.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from 'react';
+export declare function EditorApiContainer({ children }: EditorApiContainer.Props): import("react/jsx-runtime").JSX.Element;
+export declare namespace EditorApiContainer {
+    type Props = PropsWithChildren;
+}

package/dist/core/api/EditorApiContainer.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EditorApiContainer = EditorApiContainer;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_apps_toolkit_1 = require("@contentful/react-apps-toolkit");
+const react_1 = require("react");
+const EditorApiClient_1 = require("./EditorApiClient");
+const EditorApiContext_1 = require("./EditorApiContext");
+// container
+function EditorApiContainer({ children }) {
+    // bind context
+    const sdk = (0, react_apps_toolkit_1.useSDK)();
+    const context = (0, react_1.useMemo)(() => ({ client: new EditorApiClient_1.EditorApiClient(sdk) }), [sdk]);
+    // render
+    return ((0, jsx_runtime_1.jsx)(EditorApiContext_1.EditorApiContext.Provider, { value: context, children: children }));
+}

package/dist/core/api/EditorApiContext.d.ts

@@ -0,0 +1,7 @@
+import { EditorApiClient } from './EditorApiClient';
+export declare const EditorApiContext: import("react").Context<EditorApiContext.Type>;
+export declare namespace EditorApiContext {
+    type Type = {
+        client: EditorApiClient;
+    };
+}

package/dist/core/api/EditorApiContext.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EditorApiContext = void 0;
+const react_1 = require("react");
+// context
+exports.EditorApiContext = (0, react_1.createContext)({});

package/dist/core/api/index.d.ts

@@ -0,0 +1,3 @@
+export * from './EditorApiClient';
+export * from './EditorApiContainer';
+export * from './useEditorApi';

package/dist/core/api/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./EditorApiClient"), exports);
+__exportStar(require("./EditorApiContainer"), exports);
+__exportStar(require("./useEditorApi"), exports);

package/dist/core/api/useEditorApi.d.ts

@@ -0,0 +1,2 @@
+import { EditorApiClient } from './EditorApiClient';
+export declare function useEditorApi(): EditorApiClient;

package/dist/core/api/useEditorApi.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEditorApi = useEditorApi;
+const react_1 = require("react");
+const EditorApiContext_1 = require("./EditorApiContext");
+// hook
+function useEditorApi() {
+    // bind context
+    const { client } = (0, react_1.useContext)(EditorApiContext_1.EditorApiContext);
+    // return client
+    return client;
+}

package/dist/core/domain/Page.d.ts

@@ -0,0 +1,89 @@
+import { AssetClient } from '@nascentdigital/funnel-cms';
+import { EventBus, Language, Schema } from '@nascentdigital/funnel-core';
+import { Asset, Block, IPage, PageSettings, Section, SectionBlock } from '@nascentdigital/funnel-editor/components';
+import { Observable } from 'rxjs';
+export declare class Page implements IPage {
+    readonly id: Schema.Page.Id;
+    readonly template: Schema.Page;
+    readonly eventBus: EventBus;
+    readonly groupId: Schema.Page.GroupId;
+    readonly brand: string;
+    readonly language: Language;
+    readonly region: string;
+    readonly url: string;
+    readonly publishedOn?: number;
+    readonly createdOn: number;
+    readonly updatedOn: number;
+    private readonly _content;
+    private readonly _assets;
+    private readonly _pages;
+    private readonly _collections;
+    private readonly _tags;
+    private _initialTags;
+    private _initialSlug;
+    private _slug;
+    private _syncing;
+    private _modifiedOn?;
+    constructor(args: Page.ConstructorArgs);
+    settings: PageSettings;
+    publication: number | undefined;
+    get events$(): Observable<IPage.Events>;
+    get stable$(): Observable<boolean>;
+    get modified(): boolean;
+    get published(): boolean;
+    get syncing(): boolean;
+    get hasSlug(): boolean;
+    get slug(): string | undefined;
+    get discover(): ReadonlyArray<Block>;
+    get content(): ReadonlyArray<Section | Block>;
+    get blocks(): (Block<Schema.Block<string, any, any>> | SectionBlock<Schema.Block<string, any, any>>)[];
+    get firstBlock(): Block<Schema.Block<string, any, any>> | SectionBlock<Schema.Block<string, any, any>> | undefined;
+    get firstItem(): Block<Schema.Block<string, any, any>> | Section;
+    get items(): Array<Block | Section>;
+    get assets(): Asset[];
+    get collections(): ReadonlyArray<Schema.Collection.Data.AsLink>;
+    get initialTags(): ReadonlySet<Schema.Tag<string, string>>;
+    get tagGroups(): ReadonlyArray<Schema.TagGroup>;
+    get tags(): ReadonlySet<Schema.Tag>;
+    getItem(identifier: string | undefined): Block | SectionBlock | Section | PageSettings | undefined;
+    coerceItem(identifier: string | undefined): Block | SectionBlock | Section | PageSettings;
+    deleteBlock(area: IPage.Area, key: string): void;
+    getAsset(assetId: Asset.Id): Asset | undefined;
+    getAssetScope(range: Schema.AssetScope.Range): Schema.AssetScope;
+    getSearchScope(): AssetClient.GetAssets.Scope;
+    addAsset(asset: Asset): void;
+    removeAsset(assetId: Asset.Id): boolean;
+    getCollection(collectionId: Schema.Collection.Id): Schema.Collection.Data.AsLink | undefined;
+    addCollection(collection: Schema.Collection.Data.AsLink): void;
+    removeCollection(collectionId: Schema.Collection.Id): boolean;
+    getPageRef(pageId: Schema.Page.Id | undefined): IPage.Ref | undefined;
+    addPageRef(ref: IPage.Ref): void;
+    removePageRef(pageId: Schema.Page.Id): boolean;
+    addTag(tag: Schema.Tag): void;
+    removeTag(tag: Schema.Tag): void;
+}
+export declare namespace Page {
+    type ConstructorArgs = {
+        template: Schema.Page;
+        eventBus: EventBus;
+        id: Schema.Page.Id;
+        groupId: Schema.Page.GroupId;
+        brand: string;
+        language: Language;
+        region: string;
+        url: string;
+        slug?: string;
+        name: string;
+        tags: Schema.Tag[];
+        content: Content;
+        files?: Asset[];
+        pages?: IPage.Ref[];
+        collections?: Schema.Collection.Data.AsLink[];
+        state: Schema.Page.State;
+        createdOn: number;
+        updatedOn: number;
+        publishedOn?: number;
+        publication?: number;
+    };
+    type Content = Array<Block | Section>;
+}

package/dist/core/domain/Page.js

@@ -0,0 +1,180 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Page = void 0;
+const funnel_core_1 = require("@nascentdigital/funnel-core");
+const components_1 = require("@nascentdigital/funnel-editor/components");
+const rxjs_1 = require("rxjs");
+// class
+class Page {
+    constructor(args) {
+        var _a, _b, _c;
+        // initialize instance variables
+        this.id = args.id;
+        this.template = args.template;
+        this.eventBus = args.eventBus;
+        this.groupId = args.groupId;
+        this.brand = args.brand;
+        this.language = args.language;
+        this.region = args.region;
+        this.url = args.url;
+        this.publishedOn = args.publishedOn;
+        this.createdOn = args.createdOn;
+        this.updatedOn = args.updatedOn;
+        this.settings = new components_1.PageSettings(this);
+        this._content = args.content;
+        this._initialSlug = this._slug = args.slug;
+        this._assets = (_a = args.files) !== null && _a !== void 0 ? _a : [];
+        this._pages = (_b = args.pages) !== null && _b !== void 0 ? _b : [];
+        this._collections = (_c = args.collections) !== null && _c !== void 0 ? _c : [];
+        this._initialTags = new Set(args.tags);
+        this._tags = new Set(args.tags);
+        this._syncing = false;
+        // bind content
+        this._content.forEach((item) => item.bind({ parent: this, area: 'content' }));
+    }
+    get events$() {
+        return this.eventBus.events$;
+    }
+    get stable$() {
+        return this.eventBus.events$.pipe((0, rxjs_1.map)(() => !this._syncing && !this.modified), (0, rxjs_1.distinctUntilChanged)());
+    }
+    get modified() {
+        return false;
+    }
+    get published() {
+        return this.publishedOn !== undefined;
+    }
+    get syncing() {
+        return this._syncing;
+    }
+    get hasSlug() {
+        return this.template.variant === 'dynamic';
+    }
+    get slug() {
+        return this._slug;
+    }
+    get discover() {
+        return [];
+    }
+    get content() {
+        return this._content;
+    }
+    get blocks() {
+        return this.content
+            .flatMap((item) => item instanceof components_1.Section ? item.blocks : item);
+    }
+    get firstBlock() {
+        // find first block
+        for (const item of this.content) {
+            // return item if it matches
+            if (item instanceof components_1.Block) {
+                return item;
+            }
+            // search deeply into sections
+            else {
+                const { blocks } = item;
+                if (blocks.length > 0) {
+                    return blocks[0];
+                }
+            }
+        }
+        // or return undefined
+        return undefined;
+    }
+    get firstItem() {
+        return this.content[0];
+    }
+    get items() {
+        return [...this._content];
+    }
+    get assets() {
+        return this._assets;
+    }
+    get collections() {
+        return this._collections;
+    }
+    get initialTags() {
+        return this._initialTags;
+    }
+    get tagGroups() {
+        return this.template.tags;
+    }
+    get tags() {
+        return this._tags;
+    }
+    getItem(identifier) {
+        // skip if there's no identifier
+        if (!identifier) {
+            return undefined;
+        }
+        // or return settings
+        else if (identifier === components_1.PageSettings.id) {
+            return this.settings;
+        }
+        // search content for item
+        for (const item of this.items) {
+            // return item if it matches
+            if (item.identifier === identifier) {
+                return item;
+            }
+            // search deeply into sections
+            if (item instanceof components_1.Section) {
+                for (const block of item.blocks) {
+                    // return block if it matches
+                    if (block.identifier === identifier) {
+                        return block;
+                    }
+                }
+            }
+        }
+        // or return undefined
+        return undefined;
+    }
+    coerceItem(identifier) {
+        var _a, _b;
+        return (_b = (_a = this.getItem(identifier)) !== null && _a !== void 0 ? _a : this.firstBlock) !== null && _b !== void 0 ? _b : this.firstItem;
+    }
+    deleteBlock(area, key) {
+        throw new Error('Method not implemented.');
+    }
+    getAsset(assetId) {
+        return this._assets.find((asset) => asset.value.id === assetId);
+    }
+    getAssetScope(range) {
+        throw new Error('Method not implemented.');
+    }
+    getSearchScope() {
+        throw new Error('Method not implemented.');
+    }
+    addAsset(asset) {
+        throw new Error('Method not implemented.');
+    }
+    removeAsset(assetId) {
+        throw new Error('Method not implemented.');
+    }
+    getCollection(collectionId) {
+        throw new Error('Method not implemented.');
+    }
+    addCollection(collection) {
+        throw new Error('Method not implemented.');
+    }
+    removeCollection(collectionId) {
+        throw new Error('Method not implemented.');
+    }
+    getPageRef(pageId) {
+        return pageId && pageId !== funnel_core_1.Schema.Page.Id.draft ? this._pages.find((ref) => ref.id === pageId) : undefined;
+    }
+    addPageRef(ref) {
+        throw new Error('Method not implemented.');
+    }
+    removePageRef(pageId) {
+        throw new Error('Method not implemented.');
+    }
+    addTag(tag) {
+        throw new Error('Method not implemented.');
+    }
+    removeTag(tag) {
+        throw new Error('Method not implemented.');
+    }
+}
+exports.Page = Page;

package/dist/core/domain/index.d.ts

@@ -0,0 +1 @@
+export * from './Page';

package/dist/core/domain/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Page"), exports);

package/dist/core/index.d.ts

@@ -0,0 +1,3 @@
+export * from './api';
+export * from './domain';
+export * from './repository';

package/dist/core/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./api"), exports);
+__exportStar(require("./domain"), exports);
+__exportStar(require("./repository"), exports);

package/dist/core/repository/PageRepository.d.ts

@@ -0,0 +1,12 @@
+import { EventBus } from '@nascentdigital/funnel-core';
+import { EditorApiClient } from '../api';
+export declare class PageRepository {
+    readonly editorApi: EditorApiClient;
+    constructor(editorApi: EditorApiClient);
+    load({ eventBus }: PageRepository.LoadArgs): Promise<import("..").Page | undefined>;
+}
+export declare namespace PageRepository {
+    type LoadArgs = {
+        eventBus: EventBus;
+    };
+}

package/dist/core/repository/PageRepository.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageRepository = void 0;
+const PageSerializer_1 = require("./PageSerializer");
+// class
+class PageRepository {
+    constructor(editorApi) {
+        this.editorApi = editorApi;
+    }
+    async load({ eventBus }) {
+        // fetch current page
+        const { page: flattenedPage } = await this.editorApi.currentPageGroup();
+        if (!flattenedPage) {
+            return undefined;
+        }
+        // deserialize page
+        return PageSerializer_1.PageSerializer.deserializePage({
+            eventBus,
+            flattenedPage
+        });
+    }
+}
+exports.PageRepository = PageRepository;

package/dist/core/repository/PageSerializer.d.ts

@@ -0,0 +1,9 @@
+import { EventBus, Schema } from '@nascentdigital/funnel-core';
+import { Page } from '../domain';
+export declare namespace PageSerializer {
+    type DeserializePageArgs = {
+        flattenedPage: Schema.Page.FlattenedData;
+        eventBus: EventBus;
+    };
+    function deserializePage({ flattenedPage, eventBus }: DeserializePageArgs): Page;
+}

package/dist/core/repository/PageSerializer.js

@@ -0,0 +1,44 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageSerializer = void 0;
+const funnel_core_1 = require("@nascentdigital/funnel-core");
+const components_1 = require("@nascentdigital/funnel-editor/components");
+const domain_1 = require("../domain");
+// namespace
+var PageSerializer;
+(function (PageSerializer) {
+    function deserializePage({ flattenedPage, eventBus }) {
+        // destructure
+        const { data } = flattenedPage;
+        const { snapshot, content } = data, dataRest = __rest(data
+        // determine latest snapshot (if any)
+        , ["snapshot", "content"]);
+        // determine latest snapshot (if any)
+        const { content: contentSnapshot = {} } = snapshot !== null && snapshot !== void 0 ? snapshot : {};
+        // create new page using shared bus
+        const pageSchemas = funnel_core_1.Schema.Site.current().regions[data.region];
+        const template = pageSchemas[data.type];
+        // create new page
+        const page = new domain_1.Page(Object.assign(Object.assign({}, dataRest), { template, content: Object.entries(template.content).map(([key, schema]) => components_1.PageSerializer.deserializeContent({
+                key,
+                schema: schema.unwrap(),
+                eventBus,
+                content: content[key],
+                snapshot: contentSnapshot[key],
+            })), eventBus }));
+        // return
+        return page;
+    }
+    PageSerializer.deserializePage = deserializePage;
+})(PageSerializer || (exports.PageSerializer = PageSerializer = {}));

package/dist/core/repository/index.d.ts

@@ -0,0 +1 @@
+export * from './PageRepository';

package/dist/core/repository/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./PageRepository"), exports);

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from './Editor';

package/dist/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Editor"), exports);

package/dist/page/hooks/PageController.d.ts

@@ -0,0 +1,31 @@
+import { Language } from '@nascentdigital/funnel-core';
+import { IPage, IPageController, PageSummary } from '@nascentdigital/funnel-editor/components';
+import { EditorApiClient, Page, PageRepository } from '../../core';
+export declare class PageController implements IPageController {
+    private readonly _eventBus;
+    private _state;
+    private _pageSummary?;
+    private _page?;
+    readonly repository: PageRepository;
+    constructor({ editorApi }: PageController.ConstructorArgs);
+    get events$(): import("rxjs").Observable<IPage.Event | IPageController.Event>;
+    get saved$(): import("rxjs").Observable<[IPageController.StateChangedEvent, IPageController.StateChangedEvent]>;
+    get state(): IPageController.State;
+    private set state(value);
+    get ready(): boolean;
+    get languages(): ReadonlyArray<Language>;
+    get pageSummary(): PageSummary | undefined;
+    private set pageSummary(value);
+    get page(): Page | undefined;
+    private set page(value);
+    load(): Promise<void>;
+    create(target: IPageController.Target): Promise<void>;
+    reload(): Promise<void>;
+    unpublish(): Promise<void>;
+    private raiseEvent;
+}
+export declare namespace PageController {
+    type ConstructorArgs = {
+        editorApi: EditorApiClient;
+    };
+}

package/dist/page/hooks/PageController.js

@@ -0,0 +1,107 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageController = void 0;
+const funnel_core_1 = require("@nascentdigital/funnel-core");
+const components_1 = require("@nascentdigital/funnel-editor/components");
+const rxjs_1 = require("rxjs");
+const core_1 = require("../../core");
+// class
+class PageController {
+    constructor({ editorApi }) {
+        // initialize instance variables
+        this._eventBus = new funnel_core_1.EventBus();
+        this._state = 'uninitialized';
+        this.repository = new core_1.PageRepository(editorApi);
+    }
+    get events$() {
+        return this._eventBus.events$.pipe((0, rxjs_1.filter)((e) => components_1.IPageController.Event.filter(e) || components_1.IPage.Event.filter(e)));
+    }
+    get saved$() {
+        return this._eventBus.events$.pipe((0, rxjs_1.filter)(components_1.IPageController.StateChangedEvent.filter), (0, rxjs_1.pairwise)(), (0, rxjs_1.filter)(([previous, current]) => previous.state === 'saving' && current.state === 'ready'));
+    }
+    get state() {
+        return this._state;
+    }
+    set state(value) {
+        // skip if unchanged
+        if (this._state === value) {
+            return;
+        }
+        // or update
+        this._state = value;
+        // raise event
+        this._eventBus.publish(components_1.IPageController.StateChangedEvent.create({
+            state: value,
+            controller: this
+        }));
+    }
+    get ready() {
+        const { _state } = this;
+        return _state !== 'uninitialized' && _state !== 'initializing';
+    }
+    get languages() {
+        return [];
+    }
+    get pageSummary() {
+        return this._pageSummary;
+    }
+    set pageSummary(pageSummary) {
+        // skip if summary is the same
+        if (this._pageSummary === pageSummary) {
+            return;
+        }
+        // update summary
+        this._pageSummary = pageSummary;
+        // raise event
+        this.raiseEvent('pageSummary.changed');
+    }
+    get page() {
+        return this._page;
+    }
+    set page(page) {
+        // skip if page is the same
+        if (this._page === page) {
+            return;
+        }
+        // update page
+        this._page = page;
+        // raise state change
+        this.raiseEvent('page.changed');
+    }
+    async load() {
+        // mark as loading (or initialing if loading for first time)
+        this.state = this._state === 'uninitialized'
+            ? 'initializing'
+            : 'loading';
+        // try to load page
+        try {
+            // load page
+            const page = await this.repository.load({ eventBus: this._eventBus });
+            // set page
+            // TODO: create real page summary
+            this.pageSummary = new components_1.PageSummary({ pages: [{ state: 'draft' }] });
+            this.page = page;
+            // update state
+            this.state = 'ready';
+        }
+        // handle error
+        catch (e) {
+            console.error('[PageController] failed to load page', e);
+            // set error state
+            this.state = 'error';
+        }
+    }
+    async create(target) {
+        throw new funnel_core_1.NotImplementedError();
+    }
+    async reload() {
+        throw new funnel_core_1.NotImplementedError();
+    }
+    async unpublish() {
+        throw new funnel_core_1.NotImplementedError();
+    }
+    raiseEvent(type) {
+        this._eventBus.publish(components_1.IPageController.Event.create({ type, controller: this }));
+    }
+}
+exports.PageController = PageController;

package/dist/page/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './PageController';

package/dist/page/hooks/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./PageController"), exports);

package/dist/page/index.d.ts

@@ -0,0 +1 @@
+export * from './screens';

package/dist/page/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./screens"), exports);

package/dist/page/screens/PageEditor.d.ts

@@ -0,0 +1 @@
+export declare function PageEditor(): import("react/jsx-runtime").JSX.Element;

package/dist/page/screens/PageEditor.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageEditor = PageEditor;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("@nascentdigital/funnel-editor/components");
+const react_1 = require("react");
+const core_1 = require("../../core");
+const hooks_1 = require("../hooks");
+// component
+function PageEditor() {
+    // hooks
+    const editorApi = (0, core_1.useEditorApi)();
+    const { controller, controllerContext } = (0, react_1.useMemo)(() => {
+        const controller = new hooks_1.PageController({ editorApi });
+        return {
+            controller,
+            controllerContext: { controller }
+        };
+    }, [editorApi]);
+    const { page } = controller;
+    const pageContext = (0, react_1.useMemo)(() => ({ page }), [page]);
+    const [itemId, setItemId] = (0, react_1.useState)();
+    const selectedItem = (0, react_1.useMemo)(() => page === null || page === void 0 ? void 0 : page.coerceItem(itemId), [page, itemId]);
+    // sync with controller
+    (0, components_1.usePageController)(controller);
+    // load
+    (0, react_1.useEffect)(() => {
+        controller.load().catch(console.error);
+    }, [controller]);
+    const onSelectItem = (item) => setItemId(item.identifier);
+    // render
+    return ((0, jsx_runtime_1.jsx)(components_1.PageControllerContext.Provider, { value: controllerContext, children: (0, jsx_runtime_1.jsx)(components_1.PageContext.Provider, { value: pageContext, children: (0, jsx_runtime_1.jsx)(components_1.AssetStoreContext.Provider, { value: page, children: (0, jsx_runtime_1.jsx)(components_1.CollectionStoreContext.Provider, { value: page, children: (0, jsx_runtime_1.jsx)(components_1.PageRefStoreContext.Provider, { value: page, children: (0, jsx_runtime_1.jsx)("div", { className: "bg-background flex h-dvh w-dvw flex-col", children: (0, jsx_runtime_1.jsx)("div", { className: "relative flex-1", children: (0, jsx_runtime_1.jsxs)("div", { className: "absolute inset-0 flex", children: [(0, jsx_runtime_1.jsx)("section", { className: "scrollbar-thin w-[220px] shrink-0 overflow-y-scroll lg:w-[240px] xl:w-[280px]", children: (0, jsx_runtime_1.jsx)(components_1.PageNav, { selectedItem: selectedItem, onSelectItem: onSelectItem }) }), (0, jsx_runtime_1.jsx)("section", { className: "mx-auto h-full max-h-full max-w-[1000px] flex-1", children: renderContent({ controller, page, selectedItem, onSelectItem }) })] }) }) }) }) }) }) }) }));
+}
+function renderContent({ controller, page, selectedItem, onSelectItem }) {
+    // show loader if not ready
+    const { pageSummary } = controller;
+    if (!controller.ready) {
+        return (0, jsx_runtime_1.jsx)(components_1.Loader, {});
+    }
+    // show not found if there's no group
+    else if (!pageSummary || (!pageSummary.hasPages && pageSummary.variant !== 'static')) {
+        return ((0, jsx_runtime_1.jsx)(components_1.EmptyState, { variant: "missing", size: "md", children: "Oops!  This page doesn't seem to exist..." }));
+    }
+    // or handle case where page doesn't exist
+    else if (!page) {
+        return null;
+    }
+    // or render loader if we don't have an item selected
+    else if (!selectedItem || selectedItem instanceof components_1.Section) {
+        return null;
+    }
+    // or settings editor
+    else if (selectedItem instanceof components_1.PageSettings) {
+        return ((0, jsx_runtime_1.jsx)(components_1.SettingsEditor, { className: "h-full max-h-full" }));
+    }
+    // or render block editor
+    else {
+        return ((0, jsx_runtime_1.jsx)(components_1.BlockEditor, { className: "h-full max-h-full", block: selectedItem, onSelectItem: onSelectItem }));
+    }
+}

package/dist/page/screens/index.d.ts

@@ -0,0 +1 @@
+export * from './PageEditor';

package/dist/page/screens/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./PageEditor"), exports);

package/dist/styles/index.css

@@ -0,0 +1,2 @@
+@import "@nascentdigital/funnel-editor/dist/styles/index.css";
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdHlsZXMvaW5kZXguY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIiwiZmlsZSI6ImluZGV4LmNzcyIsInNvdXJjZXNDb250ZW50IjpbIkBpbXBvcnQgXCJAbmFzY2VudGRpZ2l0YWwvZnVubmVsLWVkaXRvci9kaXN0L3N0eWxlcy9pbmRleC5jc3NcIjsiXX0= */

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@nascentdigital/funnel-editor-contentful",
+  "version": "4.6.7",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "restricted"
+  },
+  "repository": {
+    "url": "git+https://github.com/nascentdigital/funnel.git",
+    "directory": "libs/editor-contentful"
+  },
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": "./dist/index.js",
+    "./styles.css": "./dist/styles/index.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "engines": {
+    "node": ">=22.0.0"
+  },
+  "scripts": {
+    "build": "npm-run-all -s build:*",
+    "build:compile": "tsc -P tsconfig.build.json",
+    "build:css": "postcss ./src/styles/index.css -o ./dist/styles/index.css --verbose",
+    "clean": "rimraf -I dist",
+    "test": "jest"
+  },
+  "peerDependencies": {
+    "@nascentdigital/funnel-cms": "*",
+    "@nascentdigital/funnel-core": "*",
+    "@nascentdigital/funnel-ui": "*",
+    "next": "^15",
+    "react": "^19",
+    "react-dom": "^19"
+  },
+  "dependencies": {
+    "@contentful/app-sdk": "^4.69.0",
+    "@contentful/react-apps-toolkit": "^2.0.1",
+    "@nascentdigital/funnel-editor": "^4.6.7"
+  },
+  "devDependencies": {
+    "@types/node": "^22",
+    "autoprefixer": "^10",
+    "jest": "^29",
+    "npm-run-all": "^4",
+    "postcss": "^8",
+    "postcss-cli": "^11",
+    "postcss-import": "^16",
+    "tailwindcss": "^3",
+    "ts-jest": "^29",
+    "type-fest": "^4"
+  },
+  "gitHead": "b17e33b4400391b3984e61225c572f097c4c26c9"
+}