@nascentdigital/funnel-editor-contentful 5.0.2 → 5.0.3

package/dist/explore/screens/Dashboard.js

@@ -1,9 +1,13 @@
 "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");
@@ -13,10 +17,39 @@ function Dashboard() {
     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", { 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" }) })] }));
+    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

@@ -1 +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

@@ -1,9 +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.jsx)("div", { children: "Page" }));
+    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

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

package/dist/explore/screens/index.js

@@ -16,4 +16,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./Dashboard"), exports);
 __exportStar(require("./PageExplorer"), exports);
-__exportStar(require("./SiteExplorer"), 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/domain/Page.d.ts

@@ -73,7 +73,7 @@ export declare class Page implements IPage {
     get blocks(): (Block<Schema.Block<string, any, any>> | SectionBlock<Schema.Block<string, any, any>>)[];
     get deleteBlocks(): ReadonlyArray<Block>;
     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 firstItem(): Section | Block<Schema.Block<string, any, any>>;
     get items(): Array<Block | Section>;
     get assets(): Asset[];
     get collections(): ReadonlyArray<Schema.Collection.Data.AsLink>;
@@ -142,7 +142,7 @@ export declare namespace Page {
     };
     type FromSchemaData = {
         data: ContentfulPageData.ForSchema;
-        references?: Schema.Page.References;
+        references: Schema.Page.References;
         eventBus?: EventBus;
     };
     function fromSchemaData({ data, references, eventBus }: FromSchemaData): Page;

package/dist/page/domain/Page.js

@@ -12,6 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Page = void 0;
+const contentful_1 = require("@nascentdigital/funnel-cms/contentful");
 const funnel_core_1 = require("@nascentdigital/funnel-core");
 const components_1 = require("@nascentdigital/funnel-editor/components");
 const rxjs_1 = require("rxjs");
@@ -534,7 +535,7 @@ exports.Page = Page;
                 eventBus,
                 content: content[key],
                 snapshot: contentSnapshot[key],
-            })), files: Object.values(files), collections: Object.values(collections), pages: Object.values(pages) }));
+            })), files: Object.values(files), collections: Object.values(collections), pages: Object.values(pages).map(components_1.IPage.Ref.fromData), references: contentful_1.ContentfulData.findReferences([discover, content]) }));
     }
     Page.fromSchemaData = fromSchemaData;
     function toUpdates(page, savables) {

package/dist/page/index.d.ts

@@ -1,3 +1,4 @@
+export * from './bridge';
 export * from './domain';
 export * from './repository';
 export * from './screens';

package/dist/page/index.js

@@ -14,6 +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("./bridge"), exports);
 __exportStar(require("./domain"), exports);
 __exportStar(require("./repository"), exports);
 __exportStar(require("./screens"), exports);

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

@@ -1,10 +1,10 @@
-import { EditorAppSDK, EntrySys } from '@contentful/app-sdk';
+import { EditorAppSDK, EntrySys, PageAppSDK } from '@contentful/app-sdk';
 import { ContentfulContentClient } from '@nascentdigital/funnel-cms/contentful';
 import { Schema } from '@nascentdigital/funnel-core';
 import { IPage, IPageRepository, PageSummary } from '@nascentdigital/funnel-editor/components';
 import { Page } from '../domain';
 export declare class PageRepository implements IPageRepository {
-    readonly sdk: EditorAppSDK;
+    readonly sdk: EditorAppSDK | PageAppSDK;
     readonly contentfulClient: ContentfulContentClient;
     constructor(args: PageRepository.ConstructorArgs);
     search(args: IPageRepository.Search.Args): Promise<IPageRepository.Search.Result>;
@@ -18,7 +18,7 @@ export declare class PageRepository implements IPageRepository {
 }
 export declare namespace PageRepository {
     type ConstructorArgs = {
-        sdk: EditorAppSDK;
+        sdk: EditorAppSDK | PageAppSDK;
         contentfulClient: ContentfulContentClient;
     };
     namespace Load {

package/dist/page/repository/PageRepository.js

@@ -24,7 +24,11 @@ class PageRepository {
         this.contentfulClient = args.contentfulClient;
     }
     async search(args) {
-        throw new funnel_core_1.NotImplementedError();
+        // execute search
+        const { template } = args, query = __rest(args, ["template"]);
+        const _a = await this.contentfulClient.pages.search(Object.assign(Object.assign({}, query), { version: 'draft', brand: funnel_core_1.AppConfig.brand(), type: template.type })), { items } = _a, result = __rest(_a, ["items"]);
+        // return items
+        return Object.assign(Object.assign({}, result), { items: items.map(item => components_1.IPage.Ref.fromData(item)) });
     }
     async getOverview({ region }) {
         // get overviews
@@ -57,8 +61,12 @@ class PageRepository {
         throw new funnel_core_1.NotImplementedError();
     }
     async load(sys) {
-        // throw if entry isn't a page (it should be in this case)
+        // guard method
         const { sdk, contentfulClient } = this;
+        if (!('entry' in sdk)) {
+            throw new funnel_core_1.InvalidOperationError('Attempt to call load() outside of EntryEditor');
+        }
+        // throw if entry isn't a page (it should be in this case)
         const { entry } = sdk;
         sys = sys !== null && sys !== void 0 ? sys : entry.getSys();
         const { id: entryId, contentType: { sys: { id: entryType } } } = sys;
@@ -85,7 +93,7 @@ class PageRepository {
         const { data: _remote } = pageResult, references = __rest(pageResult, ["data"]);
         const data = entryToPageData(entry);
         // return page model from data
-        const page = domain_1.Page.fromSchemaData(Object.assign({ data }, references));
+        const page = domain_1.Page.fromSchemaData({ data, references });
         return {
             pageSummary: new components_1.PageSummary(Object.assign(Object.assign({ template: page.template }, group), { pages })),
             page,
@@ -93,6 +101,11 @@ class PageRepository {
         };
     }
     async save(page) {
+        // guard method
+        const { sdk } = this;
+        if (!('entry' in sdk)) {
+            throw new funnel_core_1.InvalidOperationError('Attempt to call save() outside of EntryEditor');
+        }
         // serialize page updates (or skip if there are no changes)
         const savables = [];
         const updateArgs = domain_1.Page.toUpdates(page, savables);
@@ -104,7 +117,6 @@ class PageRepository {
         savables.forEach(savable => savable.onSaveStart());
         // update entry if page is local
         let updatedOn;
-        const { sdk } = this;
         const { entry } = sdk;
         const { id: entryId, contentType: { sys: { id: entryType } } } = entry.getSys();
         if (entryType === contentful_1.ContentfulPageData.contentType && page.id === entryId) {
@@ -124,7 +136,8 @@ class PageRepository {
             // swap to new page (if update returned new data)
             if (result.page) {
                 console.debug('[PageRepository/save] switching to new page data', result.page);
-                page = domain_1.Page.fromSchemaData(result.page);
+                const _a = result.page, { data } = _a, references = __rest(_a, ["data"]);
+                page = domain_1.Page.fromSchemaData({ data, references });
             }
         }
         console.debug('[PageRepository/save] finalizing save');
@@ -136,8 +149,12 @@ class PageRepository {
         return page;
     }
     async sync({ page, sys }) {
-        // skip if entity version and updated sys are same
+        // guard method
         const { sdk } = this;
+        if (!('entry' in sdk)) {
+            throw new funnel_core_1.InvalidOperationError('Attempt to call sync() outside of EntryEditor');
+        }
+        // skip if entity version and updated sys are same
         const { entry } = sdk;
         const entrySys = entry.getSys();
         if (sys.version === entrySys.version) {
@@ -172,7 +189,7 @@ class PageRepository {
         };
         // create new page (use existing sys)
         return {
-            page: domain_1.Page.fromSchemaData(Object.assign({ data }, references)),
+            page: domain_1.Page.fromSchemaData({ data, references }),
             sys
         };
     }
@@ -201,7 +218,7 @@ async function saveEntryUpdates({ entry, updates }) {
     pageModel.update(updates);
     pageModel.sync();
     // resolve references
-    const references = contentful_1.ContentfulData.findReferences([pageData.discover, pageData.preview, pageData.content]);
+    const references = contentful_1.ContentfulData.findReferences([pageData.discover, pageData.content]);
     // update fields
     const { fields } = entry;
     await Promise.all([