@contentful/field-editor-markdown 1.2.1 → 1.3.0

package/dist/cjs/dialogs/ZenModeModalDialog.js

@@ -0,0 +1,257 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    ZenModeModalDialog: function() {
+        return ZenModeModalDialog;
+    },
+    openZenMode: function() {
+        return openZenMode;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+const _f36icons = require("@contentful/f36-icons");
+const _f36tokens = _interop_require_default(require("@contentful/f36-tokens"));
+const _emotion = require("emotion");
+const _MarkdownBottomBar = require("../components/MarkdownBottomBar");
+const _MarkdownPreview = require("../components/MarkdownPreview");
+const _MarkdownTextarea = require("../components/MarkdownTextarea/MarkdownTextarea");
+const _MarkdownToolbar = require("../components/MarkdownToolbar");
+const _CheatsheetModalDialog = require("../dialogs/CheatsheetModalDialog");
+const _MarkdownActions = require("../MarkdownActions");
+const _types = require("../types");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const styles = {
+    root: (0, _emotion.css)({
+        position: 'fixed',
+        left: 0,
+        right: 0,
+        top: 0,
+        bottom: 0
+    }),
+    topSplit: (0, _emotion.css)({
+        position: 'fixed',
+        top: 0,
+        height: '48px',
+        left: 0,
+        right: 0
+    }),
+    bottomSplit: (0, _emotion.css)({
+        position: 'fixed',
+        bottom: 0,
+        left: 0,
+        right: 0,
+        height: '36px'
+    }),
+    editorSplit: (0, _emotion.css)({
+        width: '50%',
+        position: 'fixed',
+        top: '48px',
+        left: 0,
+        bottom: '36px',
+        overflowX: 'hidden',
+        overflowY: 'scroll'
+    }),
+    editorSplitFullscreen: (0, _emotion.css)({
+        left: 0,
+        right: 0,
+        width: '100%'
+    }),
+    previewSplit: (0, _emotion.css)({
+        width: '50%',
+        position: 'fixed',
+        top: '48px',
+        right: 0,
+        bottom: '36px',
+        overflowX: 'hidden',
+        overflowY: 'scroll'
+    }),
+    separator: (0, _emotion.css)({
+        position: 'fixed',
+        top: '48px',
+        bottom: '36px',
+        width: '1px',
+        background: _f36tokens.default.gray400,
+        left: '50%'
+    }),
+    button: (0, _emotion.css)({
+        position: 'fixed',
+        cursor: 'pointer',
+        zIndex: 105,
+        top: '49%',
+        height: '30px',
+        backgroundColor: _f36tokens.default.gray100,
+        border: `1px solid ${_f36tokens.default.gray400}`,
+        padding: 0
+    }),
+    hideButton: (0, _emotion.css)({
+        left: '50%'
+    }),
+    showButton: (0, _emotion.css)({
+        right: 0,
+        borderRightWidth: 0
+    }),
+    icon: (0, _emotion.css)({
+        verticalAlign: 'middle'
+    })
+};
+const ZenModeModalDialog = (props)=>{
+    const [currentValue, setCurrentValue] = _react.useState(props.initialValue ?? '');
+    const [showPreview, setShowPreview] = _react.useState(true);
+    const [editor, setEditor] = _react.useState(null);
+    _react.useEffect(()=>{
+        props.sdk?.window?.updateHeight('100%');
+    }, []);
+    _react.useEffect(()=>{
+        setTimeout(()=>{
+            editor?.setFullsize();
+            editor?.refresh();
+        }, 150);
+    }, [
+        editor
+    ]);
+    const actions = _react.useMemo(()=>{
+        return (0, _MarkdownActions.createMarkdownActions)({
+            sdk: props.sdk,
+            editor,
+            locale: props.locale
+        });
+    }, [
+        editor
+    ]);
+    actions.closeZenMode = ()=>{
+        props.onClose({
+            value: currentValue,
+            cursor: editor?.getCursor()
+        });
+    };
+    const direction = props.sdk.locales.direction[props.locale] ?? 'ltr';
+    return _react.createElement("div", {
+        className: styles.root,
+        "data-test-id": "zen-mode-markdown-editor"
+    }, _react.createElement("div", {
+        className: styles.topSplit
+    }, _react.createElement(_MarkdownToolbar.MarkdownToolbar, {
+        mode: "zen",
+        disabled: false,
+        canUploadAssets: false,
+        actions: actions
+    })), _react.createElement("div", {
+        className: (0, _emotion.cx)(styles.editorSplit, {
+            [styles.editorSplitFullscreen]: showPreview === false
+        })
+    }, _react.createElement(_MarkdownTextarea.MarkdownTextarea, {
+        mode: "zen",
+        visible: true,
+        disabled: false,
+        direction: direction,
+        onReady: (editor)=>{
+            editor.setContent(props.initialValue ?? '');
+            editor.setReadOnly(false);
+            setEditor(editor);
+            editor.focus();
+            editor.events.onChange((value)=>{
+                setCurrentValue(value);
+                props.saveValueToSDK(value);
+            });
+        }
+    })), showPreview && _react.createElement("div", {
+        className: styles.previewSplit
+    }, _react.createElement(_MarkdownPreview.MarkdownPreview, {
+        direction: direction,
+        mode: "zen",
+        value: currentValue,
+        previewComponents: props.previewComponents
+    })), showPreview && _react.createElement("div", {
+        className: styles.separator
+    }), showPreview && _react.createElement("button", {
+        className: (0, _emotion.cx)(styles.button, styles.hideButton),
+        "aria-label": "Hide preview",
+        onClick: ()=>{
+            setShowPreview(false);
+        }
+    }, _react.createElement(_f36icons.ChevronRightIcon, {
+        variant: "muted",
+        size: "tiny",
+        className: styles.icon
+    })), !showPreview && _react.createElement("button", {
+        className: (0, _emotion.cx)(styles.button, styles.showButton),
+        "aria-label": "Show preview",
+        onClick: ()=>{
+            setShowPreview(true);
+        }
+    }, _react.createElement(_f36icons.ChevronLeftIcon, {
+        variant: "muted",
+        size: "tiny",
+        className: styles.icon
+    })), _react.createElement("div", {
+        className: styles.bottomSplit
+    }, _react.createElement(_MarkdownBottomBar.MarkdownBottomBar, null, _react.createElement(_MarkdownBottomBar.MarkdownHelp, {
+        onClick: ()=>{
+            (0, _CheatsheetModalDialog.openCheatsheetModal)(props.sdk.dialogs);
+        }
+    }))));
+};
+const openZenMode = (dialogs, options)=>{
+    return dialogs.openCurrent({
+        width: 'zen',
+        shouldCloseOnEscapePress: false,
+        minHeight: '100vh',
+        shouldCloseOnOverlayClick: false,
+        parameters: {
+            type: _types.MarkdownDialogType.zenMode,
+            initialValue: options.initialValue,
+            locale: options.locale
+        }
+    });
+};

package/dist/cjs/dialogs/openMarkdownDialog.js

@@ -0,0 +1,121 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "openMarkdownDialog", {
+    enumerable: true,
+    get: function() {
+        return openMarkdownDialog;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+const _fieldeditorshared = require("@contentful/field-editor-shared");
+const _types = require("../types");
+const _CheatsheetModalDialog = require("./CheatsheetModalDialog");
+const _ConfirmInsertAssetModalDialog = require("./ConfirmInsertAssetModalDialog");
+const _EmdebExternalContentDialog = require("./EmdebExternalContentDialog");
+const _InsertLinkModalDialog = require("./InsertLinkModalDialog");
+const _InsertTableModalDialog = require("./InsertTableModalDialog");
+const _SpecialCharacterModalDialog = require("./SpecialCharacterModalDialog");
+const _ZenModeModalDialog = require("./ZenModeModalDialog");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const openMarkdownDialog = (sdk, previewComponents)=>(options)=>{
+        if (options.parameters?.type === _types.MarkdownDialogType.cheatsheet) {
+            return _fieldeditorshared.ModalDialogLauncher.openDialog(options, ()=>{
+                return _react.createElement(_CheatsheetModalDialog.CheatsheetModalDialog, null);
+            });
+        } else if (options.parameters?.type === _types.MarkdownDialogType.insertLink) {
+            const selectedText = options.parameters.selectedText;
+            return _fieldeditorshared.ModalDialogLauncher.openDialog(options, ({ onClose  })=>{
+                return _react.createElement(_InsertLinkModalDialog.InsertLinkModal, {
+                    selectedText: selectedText,
+                    onClose: onClose
+                });
+            });
+        } else if (options.parameters?.type === _types.MarkdownDialogType.insertSpecialCharacter) {
+            return _fieldeditorshared.ModalDialogLauncher.openDialog(options, ({ onClose  })=>{
+                return _react.createElement(_SpecialCharacterModalDialog.SpecialCharacterModalDialog, {
+                    onClose: onClose
+                });
+            });
+        } else if (options.parameters?.type === _types.MarkdownDialogType.insertTable) {
+            return _fieldeditorshared.ModalDialogLauncher.openDialog(options, ({ onClose  })=>{
+                return _react.createElement(_InsertTableModalDialog.InsertTableModal, {
+                    onClose: onClose
+                });
+            });
+        } else if (options.parameters?.type === _types.MarkdownDialogType.embedExternalContent) {
+            return _fieldeditorshared.ModalDialogLauncher.openDialog(options, ({ onClose  })=>{
+                return _react.createElement(_EmdebExternalContentDialog.EmbedExternalContentModal, {
+                    onClose: onClose
+                });
+            });
+        } else if (options.parameters?.type === _types.MarkdownDialogType.confirmInsertAsset) {
+            const locale = options.parameters.locale;
+            const assets = options.parameters.assets;
+            return _fieldeditorshared.ModalDialogLauncher.openDialog(options, ({ onClose  })=>{
+                return _react.createElement(_ConfirmInsertAssetModalDialog.ConfirmInsertAssetModalDialog, {
+                    onClose: onClose,
+                    locale: locale,
+                    assets: assets
+                });
+            });
+        } else if (options.parameters?.type === _types.MarkdownDialogType.zenMode) {
+            const initialValue = options.parameters.initialValue;
+            const locale = options.parameters.locale;
+            return _fieldeditorshared.ModalDialogLauncher.openDialog(options, ({ onClose  })=>{
+                return _react.createElement(_ZenModeModalDialog.ZenModeModalDialog, {
+                    saveValueToSDK: (value)=>{
+                        if (value) {
+                            return sdk?.field?.setValue(value);
+                        }
+                        return sdk?.field?.removeValue();
+                    },
+                    onClose: onClose,
+                    initialValue: initialValue,
+                    locale: locale,
+                    sdk: sdk,
+                    previewComponents: previewComponents
+                });
+            });
+        }
+        return Promise.reject();
+    };

package/dist/cjs/dialogs/renderMarkdownDialog.js

@@ -0,0 +1,108 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderMarkdownDialog", {
+    enumerable: true,
+    get: function() {
+        return renderMarkdownDialog;
+    }
+});
+const _react = _interop_require_wildcard(require("react"));
+const _types = require("../types");
+const _CheatsheetModalDialog = require("./CheatsheetModalDialog");
+const _ConfirmInsertAssetModalDialog = require("./ConfirmInsertAssetModalDialog");
+const _EmdebExternalContentDialog = require("./EmdebExternalContentDialog");
+const _InsertLinkModalDialog = require("./InsertLinkModalDialog");
+const _InsertTableModalDialog = require("./InsertTableModalDialog");
+const _SpecialCharacterModalDialog = require("./SpecialCharacterModalDialog");
+const _ZenModeModalDialog = require("./ZenModeModalDialog");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const renderMarkdownDialog = (sdk)=>{
+    const parameters = sdk.parameters.invocation;
+    if (parameters.type === _types.MarkdownDialogType.cheatsheet) {
+        sdk.window.startAutoResizer();
+        return _react.createElement(_CheatsheetModalDialog.CheatsheetModalDialog, null);
+    } else if (parameters.type === _types.MarkdownDialogType.insertLink) {
+        const selectedText = parameters.selectedText;
+        sdk.window.startAutoResizer();
+        return _react.createElement(_InsertLinkModalDialog.InsertLinkModal, {
+            selectedText: selectedText,
+            onClose: sdk.close
+        });
+    } else if (parameters.type === _types.MarkdownDialogType.insertSpecialCharacter) {
+        sdk.window.startAutoResizer();
+        return _react.createElement(_SpecialCharacterModalDialog.SpecialCharacterModalDialog, {
+            onClose: sdk.close
+        });
+    } else if (parameters.type === _types.MarkdownDialogType.insertTable) {
+        sdk.window.startAutoResizer();
+        return _react.createElement(_InsertTableModalDialog.InsertTableModal, {
+            onClose: sdk.close
+        });
+    } else if (parameters.type === _types.MarkdownDialogType.embedExternalContent) {
+        sdk.window.startAutoResizer();
+        return _react.createElement(_EmdebExternalContentDialog.EmbedExternalContentModal, {
+            onClose: sdk.close
+        });
+    } else if (parameters.type === _types.MarkdownDialogType.confirmInsertAsset) {
+        const locale = parameters.locale;
+        const assets = parameters.assets;
+        sdk.window.startAutoResizer();
+        return _react.createElement(_ConfirmInsertAssetModalDialog.ConfirmInsertAssetModalDialog, {
+            onClose: sdk.close,
+            locale: locale,
+            assets: assets
+        });
+    } else if (parameters.type === _types.MarkdownDialogType.zenMode) {
+        const locale = parameters.locale;
+        const initialValue = parameters.initialValue;
+        sdk.window.updateHeight('100%');
+        return _react.createElement(_ZenModeModalDialog.ZenModeModalDialog, {
+            onClose: sdk.close,
+            saveValueToSDK: ()=>{},
+            initialValue: initialValue,
+            locale: locale,
+            sdk: sdk
+        });
+    }
+    return _react.createElement("div", null);
+};

package/dist/cjs/index.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    MarkdownEditor: function() {
+        return _MarkdownEditor.MarkdownEditorConnected;
+    },
+    MarkdownPreview: function() {
+        return _MarkdownPreview.MarkdownPreview;
+    },
+    openMarkdownDialog: function() {
+        return _openMarkdownDialog.openMarkdownDialog;
+    },
+    renderMarkdownDialog: function() {
+        return _renderMarkdownDialog.renderMarkdownDialog;
+    }
+});
+require("./codemirrorImports");
+const _MarkdownEditor = require("./MarkdownEditor");
+const _MarkdownPreview = require("./components/MarkdownPreview");
+const _openMarkdownDialog = require("./dialogs/openMarkdownDialog");
+const _renderMarkdownDialog = require("./dialogs/renderMarkdownDialog");

package/dist/cjs/types.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "MarkdownDialogType", {
+    enumerable: true,
+    get: function() {
+        return MarkdownDialogType;
+    }
+});
+var MarkdownDialogType;
+(function(MarkdownDialogType) {
+    MarkdownDialogType["cheatsheet"] = 'markdown-cheatsheet';
+    MarkdownDialogType["insertLink"] = 'markdown-insertLink';
+    MarkdownDialogType["insertSpecialCharacter"] = 'markdown-insertSpecialCharacter';
+    MarkdownDialogType["insertTable"] = 'markdown-insertTable';
+    MarkdownDialogType["embedExternalContent"] = 'markdown-embedExternalContent';
+    MarkdownDialogType["confirmInsertAsset"] = 'markdown-confirmInsertAsset';
+    MarkdownDialogType["zenMode"] = 'markdown-zenMode';
+})(MarkdownDialogType || (MarkdownDialogType = {}));

package/dist/cjs/utils/insertAssetLinks.js

@@ -0,0 +1,122 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    replaceAssetDomain: function() {
+        return replaceAssetDomain;
+    },
+    insertAssetLinks: function() {
+        return insertAssetLinks;
+    }
+});
+const _get = _interop_require_default(require("lodash/get"));
+const _isObject = _interop_require_default(require("lodash/isObject"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function normalizeWhiteSpace(str) {
+    if (str) {
+        return str.trim().replace(/\s{2,}/g, ' ');
+    } else {
+        return str;
+    }
+}
+function removeExtension(str) {
+    return str.replace(/\.\w+$/g, '');
+}
+function fileNameToTitle(str) {
+    return normalizeWhiteSpace(removeExtension(str).replace(/_/g, ' '));
+}
+function replaceAssetDomain(fileUrl) {
+    const assetDomainMap = {
+        images: 'images.ctfassets.net',
+        assets: 'assets.ctfassets.net',
+        downloads: 'downloads.ctfassets.net',
+        videos: 'videos.ctfassets.net'
+    };
+    return fileUrl.replace(/(images|assets|downloads|videos).contentful.com/, (_, p1)=>{
+        return assetDomainMap[p1];
+    });
+}
+function makeAssetLink(asset, { localeCode , fallbackCode , defaultLocaleCode  }) {
+    const localizedFile = (0, _get.default)(asset, [
+        'fields',
+        'file',
+        localeCode
+    ]);
+    const fallbackFile = fallbackCode ? (0, _get.default)(asset, [
+        'fields',
+        'file',
+        fallbackCode
+    ]) : null;
+    const defaultFile = (0, _get.default)(asset, [
+        'fields',
+        'file',
+        defaultLocaleCode
+    ]);
+    const file = localizedFile || fallbackFile || defaultFile;
+    if ((0, _isObject.default)(file) && file.url) {
+        const title = (0, _get.default)(asset, [
+            'fields',
+            'title',
+            localeCode
+        ]) || (0, _get.default)(asset, [
+            'fields',
+            'title',
+            fallbackCode || ''
+        ]) || (0, _get.default)(asset, [
+            'fields',
+            'title',
+            defaultLocaleCode
+        ]) || fileNameToTitle(file.fileName);
+        const fileUrl = replaceAssetDomain(file.url);
+        return {
+            title,
+            asset,
+            url: fileUrl,
+            isLocalized: Boolean(localizedFile),
+            isFallback: Boolean(fallbackFile),
+            asMarkdown: `![${title}](${fileUrl})`
+        };
+    } else {
+        return null;
+    }
+}
+async function insertAssetLinks(assets, locales) {
+    const otherLocales = assets.filter((asset)=>{
+        return !(0, _get.default)(asset, [
+            'fields',
+            'file',
+            locales.localeCode
+        ]);
+    });
+    const linksWithMeta = assets.map((asset)=>makeAssetLink(asset, locales)).filter((asset)=>asset !== null);
+    if (otherLocales.length > 0) {
+        const fallbackAssets = linksWithMeta.filter(({ isLocalized  })=>!isLocalized).map(({ title , isFallback , asset  })=>{
+            const code = isFallback ? locales.fallbackCode : locales.defaultLocaleCode;
+            return {
+                title,
+                thumbnailUrl: asset.fields.file[code].url,
+                thumbnailAltText: title,
+                description: isFallback ? `Fallback locale (${code})` : `Default locale (${code})`,
+                asset: asset
+            };
+        });
+        return {
+            fallbacks: fallbackAssets,
+            links: linksWithMeta
+        };
+    }
+    return {
+        links: linksWithMeta
+    };
+}

package/dist/cjs/utils/insertAssetLinks.spec.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _insertAssetLinks = require("./insertAssetLinks");
+describe('replaceAssetDomain', ()=>{
+    it('should replace contentful.com domains to ctfassets.net', ()=>{
+        expect((0, _insertAssetLinks.replaceAssetDomain)('//images.contentful.com/image.jpg')).toBe('//images.ctfassets.net/image.jpg');
+        expect((0, _insertAssetLinks.replaceAssetDomain)('//videos.contentful.com/video.mp4')).toBe('//videos.ctfassets.net/video.mp4');
+        expect((0, _insertAssetLinks.replaceAssetDomain)('//downloads.contentful.com/file.doc')).toBe('//downloads.ctfassets.net/file.doc');
+        expect((0, _insertAssetLinks.replaceAssetDomain)('//assets.contentful.com/file.doc')).toBe('//assets.ctfassets.net/file.doc');
+        expect((0, _insertAssetLinks.replaceAssetDomain)('https://images.contentful.com/image.jpg')).toBe('https://images.ctfassets.net/image.jpg');
+        expect((0, _insertAssetLinks.replaceAssetDomain)('https://videos.contentful.com/video.mp4')).toBe('https://videos.ctfassets.net/video.mp4');
+        expect((0, _insertAssetLinks.replaceAssetDomain)('https://downloads.contentful.com/file.doc')).toBe('https://downloads.ctfassets.net/file.doc');
+        expect((0, _insertAssetLinks.replaceAssetDomain)('https://assets.contentful.com/file.doc')).toBe('https://assets.ctfassets.net/file.doc');
+    });
+    it('should not replace domains not listed on the map', ()=>{
+        expect((0, _insertAssetLinks.replaceAssetDomain)('//documents.contentful.com/image.jpg')).toBe('//documents.contentful.com/image.jpg');
+        expect((0, _insertAssetLinks.replaceAssetDomain)('anyotherdomain.com/file.doc')).toBe('anyotherdomain.com/file.doc');
+        expect((0, _insertAssetLinks.replaceAssetDomain)('https://anyotherdomain.com/file.doc')).toBe('https://anyotherdomain.com/file.doc');
+    });
+});