@nascentdigital/funnel-editor-contentful 4.6.7 → 5.0.1

package/dist/page/controller/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("./LocalPageController"), exports);
+__exportStar(require("./LocalPageControllerContainer"), exports);
+__exportStar(require("./useLocalPageController"), exports);

package/dist/page/controller/useLocalPageController.d.ts

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

package/dist/page/controller/useLocalPageController.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLocalPageController = useLocalPageController;
+const react_1 = require("react");
+const LocalPageControllerContext_1 = require("./LocalPageControllerContext");
+// hook
+function useLocalPageController() {
+    // bind and return context
+    return (0, react_1.useContext)(LocalPageControllerContext_1.LocalPageControllerContext);
+}

package/dist/page/index.d.ts

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

package/dist/page/index.js

@@ -15,3 +15,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./screens"), exports);
+__exportStar(require("./controller"), exports);

package/dist/page/screens/PageEditor.js

@@ -5,18 +5,13 @@ 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");
+const controller_1 = require("../controller");
 // 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 bridge = (0, core_1.useAppBridge)();
+    const controllerContext = (0, controller_1.useLocalPageController)();
+    const { controller } = controllerContext;
     const { page } = controller;
     const pageContext = (0, react_1.useMemo)(() => ({ page }), [page]);
     const [itemId, setItemId] = (0, react_1.useState)();
@@ -27,9 +22,12 @@ function PageEditor() {
     (0, react_1.useEffect)(() => {
         controller.load().catch(console.error);
     }, [controller]);
-    const onSelectItem = (item) => setItemId(item.identifier);
+    const onSelectItem = (item) => {
+        setItemId(item.identifier);
+        bridge.sendMessage(core_1.AppBlockNavMessage.create(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 }) })] }) }) }) }) }) }) }) }));
+    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]", tabIndex: -1, 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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nascentdigital/funnel-editor-contentful",
-  "version": "4.6.7",
+  "version": "5.0.1",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
     "access": "restricted"
@@ -39,7 +39,9 @@
   "dependencies": {
     "@contentful/app-sdk": "^4.69.0",
     "@contentful/react-apps-toolkit": "^2.0.1",
-    "@nascentdigital/funnel-editor": "^4.6.7"
+    "@nascentdigital/funnel-editor": "^5.0.1",
+    "rxjs": "^7",
+    "uuid": "^11"
   },
   "devDependencies": {
     "@types/node": "^22",
@@ -53,5 +55,5 @@
     "ts-jest": "^29",
     "type-fest": "^4"
   },
-  "gitHead": "b17e33b4400391b3984e61225c572f097c4c26c9"
+  "gitHead": "6ac66e04e5d6d10b959826b84cf3827422ddf47b"
 }

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

@@ -1,12 +0,0 @@
-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

@@ -1,23 +0,0 @@
-"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/page/hooks/PageController.js

@@ -1,107 +0,0 @@
-"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

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