@nascentdigital/funnel-editor-contentful 5.0.1 → 5.0.3

package/dist/explore/components/pages/PagesExplorerLayout.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PagesExplorerLayout = PagesExplorerLayout;
+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 screens_1 = require("../../screens");
+const index_1 = require("../header/index");
+// layout
+function PagesExplorerLayout() {
+    // bind hooks + context
+    const navigate = (0, react_router_1.useNavigate)();
+    const { region: possibleRegion } = (0, react_router_1.useParams)();
+    const { regionalization } = funnel_core_1.AppConfig.brandConfig();
+    const regions = (0, react_1.useMemo)(() => Object.entries(regionalization.regions)
+        .map(([region, config]) => ({ id: region, label: config.name })), [regionalization]);
+    const region = possibleRegion !== null && possibleRegion !== void 0 ? possibleRegion : funnel_core_1.RegionsConfig.getDefaultRegion(regionalization);
+    const appState = (0, components_1.useAppState)();
+    const pageRepository = (0, components_1.usePageRepository)();
+    const siteContext = (0, react_1.useMemo)(() => {
+        const site = new components_1.Site({ appState, repository: pageRepository, region });
+        return { site };
+    }, [appState, pageRepository, region]);
+    // render
+    return ((0, jsx_runtime_1.jsxs)(components_1.SiteContext.Provider, { value: siteContext, children: [(0, jsx_runtime_1.jsx)(index_1.HeaderActions, { priority: 10, children: (0, jsx_runtime_1.jsx)(components_1.Combobox, { options: regions, selectedOption: region, onSelect: region => navigate(screens_1.PagesExplorer.getUrl({ region })), size: "sm" }) }), (0, jsx_runtime_1.jsx)(react_router_1.Outlet, {})] }));
+}

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

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

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

package/dist/explore/index.d.ts

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

package/dist/explore/index.js

@@ -0,0 +1,18 @@
+"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("./components"), exports);
+__exportStar(require("./screens"), exports);

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

@@ -0,0 +1,4 @@
+export declare function Dashboard(): import("react/jsx-runtime").JSX.Element;
+export declare namespace Dashboard {
+    function getUrl(): string;
+}

package/dist/explore/screens/Dashboard.js

@@ -0,0 +1,55 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+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 classnames_1 = __importDefault(require("classnames"));
+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();
+    const navigate = (0, react_router_1.useNavigate)();
+    // dismiss splash
+    (0, react_1.useEffect)(() => {
+        splash.dismiss();
+    }, [splash]);
+    // render
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "w-dvw h-dvh flex flex-col", children: [(0, jsx_runtime_1.jsx)(components_2.HeaderOptions, { breadcrumbs: ['CMS Dashboard'], backButton: "none", highlightBreadcrumb: true }), (0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('w-full sm:w-4/5 md:w-3/5 max-h-full overflow-y-scroll p-l6', 'grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 grid-auto-rows auto-cols-fr auto-rows-fr gap-l6'), tabIndex: -1, children: [renderNavCard({
+                        title: 'My Site\'s Pages',
+                        caption: 'Your main website.',
+                        action: 'Explore pages',
+                        onClick: () => navigate('/pages')
+                    }), collections.length > 0 && renderNavCard({
+                        title: 'Collections',
+                        caption: 'Shared data used by site pages.',
+                        action: 'Manage collections',
+                        onClick: () => navigate('/collections')
+                    }), renderNavCard({
+                        title: 'Media',
+                        caption: 'Images, videos and other files.',
+                        action: 'Manage media',
+                        onClick: () => navigate('/pages'),
+                        disabled: true
+                    })] })] }));
+}
+// extension
+(function (Dashboard) {
+    // helper
+    function getUrl() {
+        return '/';
+    }
+    Dashboard.getUrl = getUrl;
+})(Dashboard || (exports.Dashboard = Dashboard = {}));
+function renderNavCard({ title, caption, action, disabled = false, onClick = funnel_core_1.Fn.NoOp }) {
+    // render
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('flex flex-col items-center gap-l6 bg-background p-l8', 'border border-solid border-border-l1 rounded-sm'), children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex-1 w-full", children: [(0, jsx_runtime_1.jsx)("h2", { className: "heading-md text-content-primary", children: title }), (0, jsx_runtime_1.jsx)("p", { className: "body-sm texts-content-secondary", children: caption })] }), (0, jsx_runtime_1.jsx)(components_1.Button, { variant: "primary", disabled: disabled, onClick: onClick, children: action })] }));
+}

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

@@ -0,0 +1,11 @@
+import { Schema } from '@nascentdigital/funnel-core';
+import { PagesExplorerLayout } from '../components';
+import { PagesExplorer } from './PagesExplorer';
+export declare function PageExplorer(): import("react/jsx-runtime").JSX.Element;
+export declare namespace PageExplorer {
+    type Params = PagesExplorerLayout.Params | 'pageType';
+    type GetUrlArgs = PagesExplorer.GetUrlArgs & {
+        pageType: Schema.Page.Type;
+    };
+    function getUrl({ pageType, ...pagesArgs }: GetUrlArgs): string;
+}

package/dist/explore/screens/PageExplorer.js

@@ -0,0 +1,129 @@
+"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.PageExplorer = PageExplorer;
+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");
+const PagesExplorer_1 = require("./PagesExplorer");
+// screen
+function PageExplorer() {
+    // bind hooks
+    const params = (0, react_router_1.useParams)();
+    const pageType = params.pageType;
+    const navigate = (0, react_router_1.useNavigate)();
+    const splash = (0, components_1.useSplash)();
+    const site = (0, components_1.useSite)();
+    const template = site.getPageSchema(pageType);
+    const collection = (0, components_1.usePageCollection)(pageType);
+    const { ready = false, items } = collection !== null && collection !== void 0 ? collection : {};
+    const groupedPages = (0, react_1.useMemo)(() => (!ready || !items)
+        ? undefined
+        : groupPages(site, items), [site, items, ready]);
+    // dismiss splash
+    (0, react_1.useEffect)(() => {
+        if (ready) {
+            splash.dismiss();
+        }
+    }, [splash, ready]);
+    // helpers
+    const onCreatePage = async (e, anchorId) => {
+    };
+    const onOpenPage = async ({ template, language, slug }) => {
+    };
+    // render
+    return ((0, jsx_runtime_1.jsxs)(components_1.FadeIn, { className: "w-full flex-1", variant: "blur", children: [(0, jsx_runtime_1.jsx)(components_2.HeaderOptions, { breadcrumbs: [{ label: 'Site Map', url: PagesExplorer_1.PagesExplorer.getUrl({ region: site.region.id }) }, template.name], highlightBreadcrumb: true, backButton: "back", onBack: () => navigate('/pages') }), (0, jsx_runtime_1.jsx)("div", { className: "relative flex-1 overflow-y-scroll shrink-0", tabIndex: -1, children: (0, jsx_runtime_1.jsx)("div", { className: "container-sm container-p", children: (0, jsx_runtime_1.jsx)(components_1.LoadingUntilReady, { className: "flex flex-col gap-l10 py-l14", ready: ready, children: renderPages({ template, groupedPages, onCreatePage, onOpenPage }) }) }) })] }, `page.${pageType}`));
+}
+// extension
+(function (PageExplorer) {
+    function getUrl(_a) {
+        var { pageType } = _a, pagesArgs = __rest(_a, ["pageType"]);
+        return `${PagesExplorer_1.PagesExplorer.getUrl(pagesArgs)}/page/${pageType}`;
+    }
+    PageExplorer.getUrl = getUrl;
+})(PageExplorer || (exports.PageExplorer = PageExplorer = {}));
+function renderPages({ template, groupedPages, onCreatePage, onOpenPage }) {
+    // show loader if not ready
+    if (!groupedPages) {
+        return null;
+    }
+    // or show empty state if there are no pages
+    const { inProgress, live, unpublished } = groupedPages;
+    if (inProgress.length === 0 && live.length === 0 && unpublished.length === 0) {
+        return ((0, jsx_runtime_1.jsxs)(components_1.EmptyState, { variant: "missing", children: [(0, jsx_runtime_1.jsxs)("h3", { className: "heading-md text-content-primary", children: ["There are no ", template.name, " pages created yet!"] }), (0, jsx_runtime_1.jsxs)(components_1.Button, { anchorId: "page-create", variant: "primary", iconLeft: "Plus", onClick: e => onCreatePage(e, 'page-create'), children: ["Create a ", template.name] })] }, "empty"));
+    }
+    // render pages
+    return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-wrap gap-l8 justify-between items-center", children: [(0, jsx_runtime_1.jsxs)("h2", { className: "heading-lg text-content-primary", children: [template.name, " pages"] }), (0, jsx_runtime_1.jsxs)(components_1.Button, { anchorId: "page-create", variant: "primary", iconLeft: "Plus", onClick: e => onCreatePage(e, 'page-create'), children: ["Create a new ", template.name] })] }), inProgress.length > 0 &&
+                (0, jsx_runtime_1.jsx)(components_1.Table, { className: "flex-1", title: "Work in progress", children: inProgress.map(({ summary: { status }, link }) => (0, jsx_runtime_1.jsx)(components_1.TableItem, { details: status === 'ready'
+                            ? (0, jsx_runtime_1.jsx)(components_1.StatusBadge, { variant: "success", label: "Ready to publish" })
+                            : status === 'changed'
+                                ? (0, jsx_runtime_1.jsx)(components_1.StatusBadge, { variant: "warn", label: "Changed" })
+                                : undefined, iconRight: "ChevronRight", onClick: () => onOpenPage(link), children: link.name }, link.id)) }), unpublished.length > 0 &&
+                (0, jsx_runtime_1.jsx)(components_1.Table, { className: "flex-1", title: "Pending Unpublish", children: unpublished.map(({ summary: { status }, link }) => (0, jsx_runtime_1.jsx)(components_1.TableItem, { children: link.name }, link.id)) }), live.length > 0 &&
+                (0, jsx_runtime_1.jsx)(components_1.Table, { className: "flex-1", title: "Live", children: live.map(({ summary, link }) => (0, jsx_runtime_1.jsx)(components_1.TableItem, { iconRight: "ChevronRight", onClick: () => onOpenPage(link), children: link.name }, link.id)) })] }, "pages"));
+}
+function groupPages(site, summaries) {
+    // group pages
+    const { region: { id: region }, defaultLanguage: language } = site;
+    const groupedPages = summaries
+        // enrich summaries with links
+        .map(summary => ({ summary, link: summary.getClosestPageRef({ region, language }) }))
+        // group summaries based on status
+        .reduce((groupedPages, linkedSummary) => {
+        // bind page to group (drop empty pages groups, which shouldn't occur)
+        switch (linkedSummary.summary.status) {
+            case 'draft':
+            case 'changed':
+            case 'ready':
+                groupedPages.inProgress.push(linkedSummary);
+                break;
+            case 'unpublished':
+                groupedPages.unpublished.push(linkedSummary);
+                break;
+            case 'live':
+                groupedPages.live.push(linkedSummary);
+                break;
+        }
+        // keep reducing
+        return groupedPages;
+    }, { inProgress: [], live: [], unpublished: [] });
+    // sort pages
+    groupedPages.inProgress.sort((lhs, rhs) => {
+        // sort by status first
+        const lhsStatus = lhs.summary.status;
+        const rhsStatus = rhs.summary.status;
+        if (lhsStatus !== rhsStatus) {
+            if (lhsStatus === 'ready') {
+                return -1;
+            }
+            else if (rhsStatus === 'ready') {
+                return 1;
+            }
+            else if (lhsStatus === 'changed') {
+                return -1;
+            }
+            else if (rhsStatus === 'changed') {
+                return 1;
+            }
+        }
+        // otherwise sort by name
+        return lhs.link.name.localeCompare(rhs.link.name);
+    });
+    groupedPages.unpublished.sort((lhs, rhs) => lhs.link.name.localeCompare(rhs.link.name));
+    groupedPages.live.sort((lhs, rhs) => lhs.link.name.localeCompare(rhs.link.name));
+    console.debug('[PageExplorer] grouped pages', groupedPages);
+    // return groups
+    return groupedPages;
+}

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

@@ -0,0 +1,7 @@
+export declare function PagesExplorer(): import("react/jsx-runtime").JSX.Element;
+export declare namespace PagesExplorer {
+    type GetUrlArgs = {
+        region: string;
+    };
+    function getUrl({ region }: GetUrlArgs): string;
+}

package/dist/explore/screens/PagesExplorer.js

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PagesExplorer = PagesExplorer;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_apps_toolkit_1 = require("@contentful/react-apps-toolkit");
+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 core_1 = require("../../core");
+const components_2 = require("../components");
+const PageExplorer_1 = require("./PageExplorer");
+// screen
+function PagesExplorer() {
+    // bind hooks
+    const sdk = (0, react_apps_toolkit_1.useSDK)();
+    const navigate = (0, react_router_1.useNavigate)();
+    const site = (0, components_1.useSite)();
+    const contentClient = (0, core_1.useContentfulClient)();
+    const splash = (0, components_1.useSplash)();
+    const dialog = (0, components_1.useDialog)();
+    const { ready, region: { id: region } } = site;
+    // dismiss splash
+    (0, react_1.useEffect)(() => {
+        if (ready) {
+            splash.dismiss();
+        }
+    }, [splash, ready]);
+    // helpers
+    const onPageClick = async (overview) => {
+        var _a;
+        // open static page
+        if (overview instanceof components_1.StaticPageOverview) {
+            // get closest page that matches our current region (or create it if there are no pages at all - new group)
+            let page = (_a = overview.findPage({ region })) !== null && _a !== void 0 ? _a : overview.pages[0];
+            if (!page) {
+                try {
+                    // pick the best language
+                    const language = site.getClosestLanguage(overview.languages);
+                    console.debug('[PagesExplorer] page is not here - creating for language:', language);
+                    // create new page for region
+                    const { template } = overview;
+                    const result = await contentClient.pages.create({
+                        type: template.type,
+                        brand: funnel_core_1.AppConfig.brand(),
+                        region,
+                        language,
+                        name: template.name,
+                        tags: []
+                    });
+                    // fail if page wasn't created
+                    if (!result.page) {
+                        await dialog.notify({
+                            title: 'Failed to create page',
+                            message: 'Something went wrong and while trying to create the page.'
+                        });
+                    }
+                    // or capture ir
+                    else {
+                        page = result.page.data;
+                        console.debug('[PagesExplorer] created page:', page);
+                    }
+                }
+                // or show error dialog
+                catch (e) {
+                    console.warn('[PagesExplorer] failed to create page', e);
+                    await dialog.notify(Object.assign({ title: 'Failed to create page' }, components_1.ErrorMessage.coerce(funnel_core_1.IsometricErrorUtils.coerceError(e))));
+                }
+            }
+            else {
+                console.debug('[PagesExplorer] opening page for:', page.language);
+            }
+            // navigate to page using sdk
+            await sdk.navigator.openEntry(page.id, {
+                slideIn: false
+            });
+        }
+        // or browse page group
+        else {
+            navigate(PageExplorer_1.PageExplorer.getUrl({ region, pageType: overview.type }));
+        }
+    };
+    // render
+    return ((0, jsx_runtime_1.jsxs)(components_1.FadeIn, { className: "w-full flex-1", variant: "blur", children: [(0, jsx_runtime_1.jsx)(components_2.HeaderOptions, { breadcrumbs: ['Site Map'], highlightBreadcrumb: true, backButton: "back", onBack: () => navigate('/') }), (0, jsx_runtime_1.jsx)("div", { className: "container-sm container-p", children: (0, jsx_runtime_1.jsxs)(components_1.LoadingUntilReady, { className: "flex flex-col gap-l10 py-l14", ready: ready, children: [(0, jsx_runtime_1.jsx)("h2", { className: "heading-lg text-content-primary", children: "Site explorer" }), (0, jsx_runtime_1.jsx)(components_1.Table, { className: "flex-1", children: site.overviews.map(overview => overview instanceof components_1.DynamicPageOverview
+                                // nested item for dynamic pages
+                                ?
+                                    (0, jsx_runtime_1.jsx)(components_1.Table, { nested: true, children: (0, jsx_runtime_1.jsx)(components_1.TableItem, { nested: true, iconLeft: "CornerDownRight", iconRight: "ChevronRight", details: (0, jsx_runtime_1.jsx)(components_1.CountBadge, { count: overview.count }), onClick: () => onPageClick(overview), children: overview.template.name }) }, overview.type)
+                                // or direct entry for static pages
+                                :
+                                    (0, jsx_runtime_1.jsx)(components_1.TableItem, { iconRight: "ChevronRight", onClick: () => onPageClick(overview), children: overview.template.name }, overview.type)) })] }) })] }, "pages"));
+}
+// extension
+(function (PagesExplorer) {
+    function getUrl({ region }) {
+        return `/pages/${region}`;
+    }
+    PagesExplorer.getUrl = getUrl;
+})(PagesExplorer || (exports.PagesExplorer = PagesExplorer = {}));

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

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

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("./PagesExplorer"), exports);

package/dist/page/bridge/BlockChangedMessage.d.ts

@@ -0,0 +1,25 @@
+import { BlockLayout } from '@nascentdigital/funnel-core';
+import { BlockConfiguration } from '@nascentdigital/funnel-editor/components';
+import type { IAppBridgeMessage } from '../../core';
+export interface BlockChangedMessage extends IAppBridgeMessage<BlockChangedMessage.Domain, BlockChangedMessage.Type> {
+    block?: BlockChangedMessage.BlockInfo;
+}
+export declare namespace BlockChangedMessage {
+    const domain: "nav.block";
+    type Domain = typeof domain;
+    type Type = 'changed';
+    type BlockInfo = {
+        schema: string;
+        identifier: string;
+        name: string;
+        errors: BlockErrors;
+        scope?: BlockConfiguration.Scope;
+        layout?: BlockLayout;
+    };
+    type BlockErrors = {
+        config: string[];
+        fields: string[];
+    };
+    function create(args: Omit<IAppBridgeMessage.Create.Args<BlockChangedMessage>, 'type'>): IAppBridgeMessage.Create.Result<BlockChangedMessage>;
+    function filter(message: IAppBridgeMessage): message is BlockChangedMessage;
+}

package/dist/page/bridge/BlockChangedMessage.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BlockChangedMessage = void 0;
+// extensions
+var BlockChangedMessage;
+(function (BlockChangedMessage) {
+    // types
+    BlockChangedMessage.domain = 'nav.block';
+    // helpers
+    function create(args) {
+        return Object.assign(Object.assign({}, args), { domain: BlockChangedMessage.domain, type: 'changed' });
+    }
+    BlockChangedMessage.create = create;
+    function filter(message) {
+        return message.domain === BlockChangedMessage.domain;
+    }
+    BlockChangedMessage.filter = filter;
+})(BlockChangedMessage || (exports.BlockChangedMessage = BlockChangedMessage = {}));

package/dist/page/bridge/PageBridgeHub.d.ts

@@ -0,0 +1,8 @@
+import { Block, PageSettings, Section, SectionBlock } from '@nascentdigital/funnel-editor/components';
+import { PropsWithChildren } from 'react';
+export declare function PageBridgeHub({ selectedItem, children }: PageBridgeHub.Props): import("react").ReactNode;
+export declare namespace PageBridgeHub {
+    type Props = PropsWithChildren & {
+        selectedItem?: Block | SectionBlock | Section | PageSettings;
+    };
+}

package/dist/page/bridge/PageBridgeHub.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageBridgeHub = PageBridgeHub;
+const components_1 = require("@nascentdigital/funnel-editor/components");
+const react_1 = require("react");
+const core_1 = require("../../core");
+const BlockChangedMessage_1 = require("./BlockChangedMessage");
+function PageBridgeHub({ selectedItem, children }) {
+    // bind bridge
+    const configuration = (0, components_1.useBlockConfiguration)();
+    const { block, scope, layout } = configuration !== null && configuration !== void 0 ? configuration : {};
+    const bridge = (0, core_1.useAppBridge)();
+    const ready = bridge.state === 'ready';
+    const bridges = bridge.bridges;
+    // sync selected item
+    (0, react_1.useEffect)(() => {
+        // skip if bridge isn't ready
+        if (!ready || bridges.size === 1) {
+            console.debug('[PageBridgeHub] not ready');
+            return;
+        }
+        console.debug('[PageBridgeHub] processing block change', { block, scope, layout });
+        // update
+        sendBlockChange({ bridge, block, scope, layout });
+    }, [bridge, ready, block, scope, layout, bridges]);
+    // render
+    return children;
+}
+function sendBlockChange({ bridge, block, scope, layout }) {
+    // send update
+    if (block) {
+        const { schema, identifier, name, errors } = block;
+        bridge.send(BlockChangedMessage_1.BlockChangedMessage.create({
+            block: {
+                schema: schema.id,
+                identifier,
+                name,
+                errors: {
+                    config: errors.config.map(field => field.id),
+                    fields: errors.fields.map(field => field.id)
+                },
+                scope,
+                layout
+            }
+        }));
+    }
+    // or clear block
+    else {
+        bridge.send(BlockChangedMessage_1.BlockChangedMessage.create({}));
+    }
+}

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

@@ -0,0 +1,2 @@
+export * from './BlockChangedMessage';
+export * from './PageBridgeHub';

package/dist/page/bridge/index.js

@@ -0,0 +1,18 @@
+"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("./BlockChangedMessage"), exports);
+__exportStar(require("./PageBridgeHub"), exports);

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

@@ -1,15 +1,19 @@
+import { EntrySys } from '@contentful/app-sdk';
 import { Language } from '@nascentdigital/funnel-core';
 import { IPage, IPageController, PageSummary } from '@nascentdigital/funnel-editor/components';
-import { Page, LocalPageRepository, RemotePageRepository } from '../../core';
-export declare class LocalPageController implements IPageController {
-    readonly localRepository: LocalPageRepository;
-    readonly remoteRepository: RemotePageRepository;
+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?;
+    private _pageSys?;
+    private _queuedSave?;
+    private _queuedSync?;
     private _pageSubscription?;
-    constructor({ localRepository, remoteRepository }: LocalPageController.ConstructorArgs);
+    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;
@@ -20,17 +24,19 @@ export declare class LocalPageController implements IPageController {
     private set pageSummary(value);
     get page(): Page | undefined;
     private set page(value);
-    sync(updatedOn: number): Promise<void>;
+    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 LocalPageController {
+export declare namespace ContentfulPageController {
     type ConstructorArgs = {
-        localRepository: LocalPageRepository;
-        remoteRepository: RemotePageRepository;
+        pageRepository: PageRepository;
     };
 }