@nascentdigital/funnel-editor-contentful 4.6.7 → 5.0.2

package/dist/core/repository/RemoteCollectionRepository.js

@@ -0,0 +1,236 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RemoteCollectionRepository = void 0;
+const funnel_core_1 = require("@nascentdigital/funnel-core");
+const components_1 = require("@nascentdigital/funnel-editor/components");
+const contentful_1 = require("../contentful");
+// class
+class RemoteCollectionRepository {
+    constructor(sdk) {
+        this.sdk = sdk;
+    }
+    async create(args) {
+        throw new funnel_core_1.NotImplementedError();
+    }
+    async createRaw(args) {
+        // locale
+        const locale = this.sdk.locales.default;
+        const groupId = funnel_core_1.Value.uuid();
+        const brand = funnel_core_1.AppConfig.brand();
+        const name = args.name;
+        // create entry
+        const entry = await this.sdk.cma.entry.create({ contentTypeId: contentful_1.ContentfulCollection.contentTypeId }, {
+            fields: {
+                groupId: { [locale]: groupId },
+                type: { [locale]: args.template.type },
+                version: { [locale]: args.template.version },
+                brand: { [locale]: brand },
+                name: { [locale]: name },
+                tags: { [locale]: JSON.stringify(args.tags) },
+                language: { [locale]: args.language },
+            }
+        });
+        // serialize entry to data
+        const data = contentful_1.ContentfulCollection.serializeRemote(entry, locale);
+        // return as group data
+        return {
+            collection: {
+                data,
+                collections: {},
+                files: {}
+            },
+            group: {
+                groupId,
+                type: args.template.type,
+                brand,
+                name,
+                instances: [{
+                        id: data.id,
+                        version: data.version,
+                        language: data.language,
+                        tags: data.tags
+                    }]
+            }
+        };
+    }
+    async createLanguage(args) {
+        throw new funnel_core_1.NotImplementedError();
+    }
+    async save(collection) {
+        throw new funnel_core_1.NotImplementedError();
+    }
+    async unpublish(collection) {
+        throw new funnel_core_1.NotImplementedError();
+    }
+    async getOverview(args) {
+        // locale
+        const locale = this.sdk.locales.default;
+        // collection templates
+        const templates = funnel_core_1.Schema.Site.current().collections;
+        // set counts to zero
+        const collectionCounts = new Map();
+        templates.forEach(template => collectionCounts.set(template.type, 0));
+        // fetch thin collections
+        const collections = await contentful_1.Contentful.allEntries(this.sdk, {
+            content_type: contentful_1.ContentfulCollection.contentTypeId,
+            select: 'fields.type'
+        });
+        // count each type
+        collections.forEach(collection => {
+            const type = collection.fields.type[locale];
+            const count = collectionCounts.get(type);
+            if (count !== undefined) {
+                collectionCounts.set(type, count + 1);
+            }
+        });
+        // return decorated templates
+        return templates.map(template => {
+            var _a;
+            return ({
+                template,
+                type: template.type,
+                count: (_a = collectionCounts.get(template.type)) !== null && _a !== void 0 ? _a : 0
+            });
+        });
+    }
+    async getItems({ type, tags, language }) {
+        // locale
+        const locale = this.sdk.locales.default;
+        // query entries
+        // TODO: implement tags filter
+        const items = await contentful_1.Contentful.allEntries(this.sdk, {
+            content_type: contentful_1.ContentfulCollection.contentTypeId,
+            [`fields.type.${locale}`]: type
+        });
+        // group entries by groupId
+        const groups = new Map();
+        items.forEach(item => {
+            const groupId = item.fields.groupId[locale];
+            const group = groups.get(groupId);
+            if (group) {
+                group.push(item);
+            }
+            else {
+                groups.set(groupId, [item]);
+            }
+        });
+        // create items
+        const result = [];
+        for (const [groupId, entries] of groups) {
+            // find entry matching arg language
+            const mainEntry = entries.find(entry => entry.fields.language[locale] === language);
+            if (!mainEntry) {
+                continue;
+            }
+            // create item
+            result.push({
+                id: mainEntry.sys.id,
+                type: mainEntry.fields.type[locale],
+                groupId: groupId,
+                name: mainEntry.fields.name[locale],
+                refs: entries.reduce((refs, ref) => {
+                    // serialize ref
+                    const refLang = ref.fields.language[locale];
+                    refs[refLang] = contentful_1.ContentfulCollection.serializeRemoteRef(ref, locale);
+                    // keep reducing
+                    return refs;
+                }, {})
+            });
+        }
+        return result;
+    }
+    async get({ id }) {
+        // locale
+        const locale = this.sdk.locales.default;
+        // search by id (expect 0 or 1 items)
+        const response = await this.sdk.cma.entry.getMany({
+            query: { 'sys.id': id, include: 1 }
+        });
+        // no results
+        if (response.items.length === 0) {
+            return undefined;
+        }
+        // bad state
+        else if (response.items.length > 1) {
+            throw new funnel_core_1.IllegalStateError(`There is more than one entry with id "${id}"`);
+        }
+        // serialize single item
+        else {
+            return contentful_1.ContentfulCollection.serializeRemoteWithRefs(response.items[0], locale);
+        }
+    }
+    async update(args) {
+        // locale
+        const locale = this.sdk.locales.default;
+        // fetch latest version of collection
+        const entry = await this.sdk.cma.entry.get({ entryId: args.id });
+        const data = contentful_1.ContentfulCollection.serializeRemote(entry, locale);
+        // apply updates
+        const model = new funnel_core_1.Schema.CollectionModel(data);
+        model.update(args.updates);
+        // update fields
+        entry.fields.name = { [locale]: data.name };
+        entry.fields.fields = { [locale]: data.fields };
+        // update entry
+        const updatedEntry = await this.sdk.cma.entry.update({ entryId: args.id }, entry);
+        const updatedOn = new Date(updatedEntry.sys.updatedAt).getTime();
+        // return
+        return {
+            // TODO: get latest references
+            collection: { data, collections: {}, files: {} },
+            updatedOn,
+            changeSetId: ''
+        };
+    }
+    serializeUpdate(collection, savables) {
+        // add name updates
+        const { id, nameField, name, initialTags, tags, fields, initialErrors, valid } = collection;
+        const updates = [];
+        if (nameField.modified) {
+            updates.push({
+                type: 'collection',
+                property: 'name',
+                value: name
+            });
+            // track change
+            savables.push(nameField);
+        }
+        // add tag updates
+        if (initialTags.symmetricDifference(tags).size > 0) {
+            updates.push({
+                type: 'collection',
+                property: 'tags',
+                value: Array.from(tags).map(tag => tag.data)
+            });
+        }
+        // add errors updates
+        if (initialErrors !== !valid) {
+            updates.push({
+                type: 'collection',
+                property: 'errors',
+                value: !valid
+            });
+        }
+        // add fields
+        components_1.SerializeCollectionUpdate.serializeFieldsUpdate(updates, fields, ['fields'], savables);
+        // return updates
+        return {
+            id,
+            updates,
+            updatedOn: Date.now()
+        };
+    }
+    async getReferences(collectionId) {
+        // setup
+        const { sdk } = this;
+        const locale = sdk.locales.default;
+        // fetch references
+        const references = await sdk.cma.entry.references({
+            entryId: collectionId,
+            include: 10
+        });
+        // serialize and return
+        return contentful_1.ContentfulRefs.serialize(references, locale);
+    }
+}
+exports.RemoteCollectionRepository = RemoteCollectionRepository;

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

@@ -0,0 +1,14 @@
+import { EditorAppSDK } from '@contentful/app-sdk';
+import { Schema } from '@nascentdigital/funnel-core';
+import { IPage, IPageRepository } from '@nascentdigital/funnel-editor/components';
+export declare class RemotePageRepository implements IPageRepository {
+    readonly sdk: EditorAppSDK;
+    constructor(sdk: EditorAppSDK);
+    search(args: IPageRepository.Search.Args): Promise<IPageRepository.Search.Result>;
+    create(args: IPageRepository.Create.Args): Promise<IPageRepository.Create.Result>;
+    createLanguage(args: IPageRepository.CreateLang.Args): Promise<IPageRepository.CreateLang.Result>;
+    save(page: IPage): Promise<IPage>;
+    unpublish(page: IPage): Promise<void>;
+    getOverview(args: IPageRepository.GetOverview.Args): Promise<IPageRepository.GetOverview.Result>;
+    getReferences(pageId: Schema.Page.Id): Promise<IPage.References>;
+}

package/dist/core/repository/RemotePageRepository.js

@@ -0,0 +1,113 @@
+"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.RemotePageRepository = void 0;
+const funnel_core_1 = require("@nascentdigital/funnel-core");
+const components_1 = require("@nascentdigital/funnel-editor/components");
+const contentful_1 = require("../contentful");
+// class
+class RemotePageRepository {
+    constructor(sdk) {
+        this.sdk = sdk;
+    }
+    async search(args) {
+        // locale
+        const locale = this.sdk.locales.default;
+        // templates
+        const templates = funnel_core_1.Schema.Site.current().regions[args.region];
+        // fetch all pages
+        // TODO: implement paging
+        // TODO: implement other search args
+        const pages = await contentful_1.Contentful.allEntries(this.sdk, {
+            content_type: contentful_1.ContentfulPage.contentTypeId,
+            [`fields.type`]: args.template.type
+        });
+        // return result
+        return {
+            items: pages.map(page => {
+                const _a = contentful_1.ContentfulPage.serializeRemoteLink(page, locale), { type, tags } = _a, data = __rest(_a, ["type", "tags"]);
+                const template = templates[type];
+                return Object.assign({ template, tags: components_1.TagSerializer.deserializeTags({
+                        groups: template.tags,
+                        tagsData: tags
+                    }) }, data);
+            }),
+            page: 1,
+            pageCount: 1,
+            totalItemCount: pages.length
+        };
+    }
+    async create(args) {
+        throw new funnel_core_1.NotImplementedError();
+    }
+    async createLanguage(args) {
+        throw new funnel_core_1.NotImplementedError();
+    }
+    async save(page) {
+        throw new funnel_core_1.NotImplementedError();
+    }
+    async unpublish(page) {
+        throw new funnel_core_1.NotImplementedError();
+    }
+    async getOverview(args) {
+        // fetch all pages
+        const pages = await contentful_1.Contentful.allEntriesNormalized(this.sdk, {
+            content_type: contentful_1.ContentfulPage.contentTypeId
+        });
+        // enrich with templates and flip to array
+        const templates = Object.values(funnel_core_1.Schema.Site.current().regions[args.region]);
+        return templates.map(template => {
+            // extract static page overview
+            const { type } = template;
+            if (template.variant === 'static') {
+                const staticPages = pages.filter(page => page.type === type);
+                return new components_1.StaticPageOverview({
+                    template,
+                    type,
+                    refs: staticPages.reduce((refs, page) => {
+                        // page language (bail if no language)
+                        const language = page.language;
+                        if (!language) {
+                            return refs;
+                        }
+                        // add page link
+                        refs[language] = contentful_1.ContentfulPage.normalizedToLink(page);
+                        // keep reducing
+                        return refs;
+                    }, {})
+                });
+            }
+            // or dynamic one
+            else {
+                return new components_1.DynamicPageOverview({
+                    template,
+                    type,
+                    count: pages.filter(page => page.type === type).length,
+                });
+            }
+        });
+    }
+    async getReferences(pageId) {
+        // setup
+        const { sdk } = this;
+        const locale = sdk.locales.default;
+        // fetch references
+        const references = await sdk.cma.entry.references({
+            entryId: pageId,
+            include: 10
+        });
+        // serialize and return
+        return contentful_1.ContentfulRefs.serialize(references, locale);
+    }
+}
+exports.RemotePageRepository = RemotePageRepository;

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

@@ -1 +1,4 @@
-export * from './PageRepository';
+export * from './LocalCollectionRepository';
+export * from './LocalPageRepository';
+export * from './RemoteCollectionRepository';
+export * from './RemotePageRepository';

package/dist/core/repository/index.js

@@ -14,4 +14,7 @@ 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);
+__exportStar(require("./LocalCollectionRepository"), exports);
+__exportStar(require("./LocalPageRepository"), exports);
+__exportStar(require("./RemoteCollectionRepository"), exports);
+__exportStar(require("./RemotePageRepository"), exports);

package/dist/explore/components/Header.d.ts

@@ -0,0 +1,26 @@
+import { Callback } from '@nascentdigital/funnel-core';
+import { PropsWithChildren } from 'react';
+export declare function Header({ className, title, breadcrumbs: breadcrumbsRaw, highlightBreadcrumb, back, onBack, disableBack, hideControls, children }: Header.Props): import("react/jsx-runtime").JSX.Element;
+export declare namespace Header {
+    type Breadcrumb = Breadcrumb.Label | Breadcrumb.Link;
+    namespace Breadcrumb {
+        type Label = string;
+        type Link = {
+            label: string;
+            url: string;
+        };
+    }
+    type Props = PropsWithChildren & {
+        className?: string;
+        title?: string;
+        subtitle?: string;
+        label?: string;
+        breadcrumbs?: ReadonlyArray<Breadcrumb>;
+        highlightBreadcrumb?: boolean;
+        back: BackVariant;
+        onBack?: Callback.Void;
+        disableBack?: boolean;
+        hideControls?: boolean;
+    };
+    type BackVariant = 'back' | 'close' | 'none';
+}

package/dist/explore/components/Header.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Header = Header;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const funnel_core_1 = require("@nascentdigital/funnel-core");
+const components_1 = require("@nascentdigital/funnel-editor/components");
+const classnames_1 = __importDefault(require("classnames"));
+const react_router_1 = require("react-router");
+const react_1 = require("motion/react");
+// component
+function Header({ className, title, breadcrumbs: breadcrumbsRaw, highlightBreadcrumb = false, back, onBack = funnel_core_1.Fn.NoOp, disableBack = false, hideControls, children }) {
+    // bind props + hooks
+    const breadcrumbs = breadcrumbsRaw !== null && breadcrumbsRaw !== void 0 ? breadcrumbsRaw : [];
+    const breadcrumbsEndIndex = breadcrumbs.length - 1;
+    // render
+    return ((0, jsx_runtime_1.jsxs)("nav", { className: (0, classnames_1.default)(className, 'h-48 flex items-center gap-l4 px-l8', 'label-sm text-content-primary bg-background border-b border-solid border-border-l1'), children: [back === 'none'
+                // logo
+                ?
+                    (0, jsx_runtime_1.jsx)("span", { className: "w-36 h-36 flex justify-center items-center", children: (0, jsx_runtime_1.jsx)(components_1.Logo, { size: 28 }) })
+                // back/close
+                :
+                    (0, jsx_runtime_1.jsx)(components_1.IconButton, { icon: back === 'back' ? 'ArrowLeft' : 'X', onClick: onBack, disabled: disableBack }), (0, jsx_runtime_1.jsx)("ul", { className: "flex-1 flex items-center gap-l5", children: (0, jsx_runtime_1.jsx)(react_1.AnimatePresence, { children: breadcrumbs.map((breadcrumb, index) => (0, jsx_runtime_1.jsxs)(react_1.motion.li, { className: "flex items-center gap-l5", variants: components_1.Animate.Variants.fade, initial: "initial", animate: "animate", exit: "exit", layout: true, children: [index > 0 &&
+                                (0, jsx_runtime_1.jsx)("span", { children: "/" }), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)({ 'label-sm label-strong': highlightBreadcrumb && index === breadcrumbsEndIndex }), children: typeof breadcrumb === 'string'
+                                    ?
+                                        (0, jsx_runtime_1.jsx)("span", { children: breadcrumb })
+                                    :
+                                        (0, jsx_runtime_1.jsx)(react_router_1.Link, { to: breadcrumb.url, children: breadcrumb.label }) })] }, index)) }) }), (0, jsx_runtime_1.jsx)("div", { className: "h-full flex items-center gap-l6", children: !hideControls && children })] }));
+}

package/dist/explore/components/index.d.ts

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

package/dist/explore/components/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("./Header"), exports);

package/dist/explore/index.d.ts

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

package/dist/explore/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/explore/screens/Dashboard.d.ts

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

package/dist/explore/screens/Dashboard.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Dashboard = Dashboard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const funnel_core_1 = require("@nascentdigital/funnel-core");
+const components_1 = require("@nascentdigital/funnel-editor/components");
+const react_1 = require("react");
+const react_router_1 = require("react-router");
+const components_2 = require("../components");
+// screen
+function Dashboard() {
+    // bind hooks
+    const brand = funnel_core_1.AppConfig.brandConfig();
+    const splash = (0, components_1.useSplash)();
+    const { collections } = funnel_core_1.Schema.Site.current();
+    // dismiss splash
+    (0, react_1.useEffect)(() => {
+        splash.dismiss();
+    }, [splash]);
+    // render
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(components_2.Header, { breadcrumbs: ['Dashboard'], back: "none" }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(react_router_1.Link, { to: "/contentful/pages", children: "Site Explorer" }) })] }));
+}

package/dist/explore/screens/PageExplorer.d.ts

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

package/dist/explore/screens/PageExplorer.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageExplorer = PageExplorer;
+const jsx_runtime_1 = require("react/jsx-runtime");
+// screen
+function PageExplorer() {
+    // render
+    return ((0, jsx_runtime_1.jsx)("div", { children: "Page" }));
+}

package/dist/explore/screens/SiteExplorer.d.ts

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

package/dist/explore/screens/SiteExplorer.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SiteExplorer = SiteExplorer;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("@nascentdigital/funnel-editor/components");
+const react_1 = require("react");
+const react_router_1 = require("react-router");
+const components_2 = require("../components");
+// screen
+function SiteExplorer() {
+    // bind hooks
+    const navigate = (0, react_router_1.useNavigate)();
+    const site = (0, components_1.useSite)();
+    const splash = (0, components_1.useSplash)();
+    const { ready } = site;
+    // dismiss splash
+    (0, react_1.useEffect)(() => {
+        if (ready) {
+            splash.dismiss();
+        }
+    }, [splash, ready]);
+    // render
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(components_2.Header, { breadcrumbs: ['Dashboard', 'Sites'], back: "back", onBack: () => navigate('/contentful') }), (0, jsx_runtime_1.jsx)(react_router_1.Link, { to: "/contentful", children: "Back to Dashboard" })] }));
+}

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

@@ -0,0 +1,3 @@
+export * from './Dashboard';
+export * from './PageExplorer';
+export * from './SiteExplorer';

package/dist/explore/screens/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("./Dashboard"), exports);
+__exportStar(require("./PageExplorer"), exports);
+__exportStar(require("./SiteExplorer"), exports);

package/dist/page/{hooks/PageController.d.ts → controller/ContentfulPageController.d.ts}

@@ -1,13 +1,19 @@
+import { EntrySys } from '@contentful/app-sdk';
 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 {
+import { Page } from '../domain';
+import { PageRepository } from '../repository';
+export declare class ContentfulPageController implements IPageController {
+    readonly pageRepository: PageRepository;
     private readonly _eventBus;
     private _state;
     private _pageSummary?;
     private _page?;
-    readonly repository: PageRepository;
-    constructor({ editorApi }: PageController.ConstructorArgs);
+    private _pageSys?;
+    private _queuedSave?;
+    private _queuedSync?;
+    private _pageSubscription?;
+    constructor(args: ContentfulPageController.ConstructorArgs);
     get events$(): import("rxjs").Observable<IPage.Event | IPageController.Event>;
     get saved$(): import("rxjs").Observable<[IPageController.StateChangedEvent, IPageController.StateChangedEvent]>;
     get state(): IPageController.State;
@@ -18,14 +24,19 @@ export declare class PageController implements IPageController {
     private set pageSummary(value);
     get page(): Page | undefined;
     private set page(value);
+    get pageSys(): EntrySys | undefined;
+    private set pageSys(value);
+    sync(updatedSys: EntrySys): Promise<void>;
     load(): Promise<void>;
     create(target: IPageController.Target): Promise<void>;
+    save(page: Page): Promise<void>;
     reload(): Promise<void>;
     unpublish(): Promise<void>;
+    private processQueues;
     private raiseEvent;
 }
-export declare namespace PageController {
+export declare namespace ContentfulPageController {
     type ConstructorArgs = {
-        editorApi: EditorApiClient;
+        pageRepository: PageRepository;
     };
 }