@nascentdigital/funnel-editor-contentful 5.0.2 → 5.0.3

package/dist/core/repository/RemoteCollectionRepository.js

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

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

@@ -1,113 +0,0 @@
-"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,4 +0,0 @@
-export * from './LocalCollectionRepository';
-export * from './LocalPageRepository';
-export * from './RemoteCollectionRepository';
-export * from './RemotePageRepository';

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

@@ -1,26 +0,0 @@
-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/screens/SiteExplorer.d.ts

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

package/dist/explore/screens/SiteExplorer.js

@@ -1,24 +0,0 @@
-"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" })] }));
-}