@vue-storefront/storyblok/lib/index.cjs.js

Storyblok CMS integration with Vue Storefront

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var tslib = require('tslib');
var core = require('@vue-storefront/core');

var storyblokBridge = function (content, events, relations) {
    if (content === void 0) { content = { content: {} }; }
    if (events === void 0) { events = ['change', 'input']; }
    if (relations === void 0) { relations = []; }
    if (window) {
        // eslint-disable-next-line
        // @ts-ignore
        var instance = new StoryblokBridge({
            resolveRelations: relations,
        });
        instance.on(events, function (payload) {
            content.content = tslib.__assign(tslib.__assign({}, payload.story.content), { _meta: payload.story });
        });
    }
};

var search = function (context, params) { return tslib.__awaiter(void 0, void 0, void 0, function () {
    return tslib.__generator(this, function (_a) {
        return [2 /*return*/, context.$sb.api.getContent(params)];
    });
}); };
var useContent = core.useContentFactory({ search: search });

var buildImageObject = function (items, actions) {
    if (actions === void 0) { actions = { replace: false }; }
    return items.map(function (item) {
        var replace = actions.replace;
        if (item.image) {
            var image = item.image;
            var itemObject = replace
                ? tslib.__assign(tslib.__assign({}, item), { url: image }) : tslib.__assign(tslib.__assign({}, item), { image: {
                    url: image,
                } });
            if (replace)
                delete itemObject.image;
            return itemObject;
        }
        return item;
    });
};

var extractComponents = function (contentData) {
    if (contentData === void 0) { contentData = []; }
    var content = contentData;
    if (!Array.isArray(contentData))
        content = [content];
    return content.map(function (component) {
        var props = Object.keys(component).reduce(function (res, key) {
            var _a;
            return (tslib.__assign(tslib.__assign({}, res), (_a = {}, _a[key] = component[key], _a)));
        }, {});
        if (props.items && Array.isArray(props.items)) {
            props.items = buildImageObject(props.items);
        }
        if (props.images && Array.isArray(props.images)) {
            props.images = buildImageObject(props.images, { replace: true });
        }
        if (props.image) {
            props.image = {
                url: props.image,
            };
        }
        return {
            componentName: component.component || 'CustomComponent',
            props: props,
        };
    });
};

exports.extractComponents = extractComponents;
exports.storyblokBridge = storyblokBridge;
exports.useContent = useContent;
//# sourceMappingURL=index.cjs.js.map