@alpaca-headless/alpaca-headless-nextjs 1.0.129 → 1.0.246

package/dist/cjs/components/Picture.js

@@ -1,124 +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.Picture = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const mediaProtection_1 = require("../mediaProtection");
-const __1 = require("..");
-const PictureEditor_1 = require("./PictureEditor");
-// const addClassName = (otherAttrs: { [key: string]: unknown }): void => {
-//   if (otherAttrs.class) {
-//     // if any classes are defined properly already
-//     if (otherAttrs.className) {
-//       let className: string = otherAttrs.className as string;
-//       className += ` ${otherAttrs.class}`;
-//       otherAttrs.className = className;
-//     } else {
-//       otherAttrs.className = otherAttrs.class;
-//     }
-//     delete otherAttrs.class;
-//   }
-// };
-const Picture = (_a) => {
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
-    var { field, imageParams, sources, defaultVariant, renderJsonLinkedData, renderEditButton } = _a, otherProps = __rest(_a, ["field", "imageParams", "sources", "defaultVariant", "renderJsonLinkedData", "renderEditButton"]);
-    if (!field)
-        return null;
-    if (field.jsonValue) {
-        field = field.jsonValue;
-    }
-    if (!((_b = field.value) === null || _b === void 0 ? void 0 : _b.variants))
-        return;
-    if ((_c = (0, __1.useAlpacaContext)().pageContext) === null || _c === void 0 ? void 0 : _c.pageEditing)
-        return ((0, jsx_runtime_1.jsx)(PictureEditor_1.PictureEditor, Object.assign({ field: field, renderEditButton: renderEditButton }, otherProps)));
-    const variants = (_d = field.value) === null || _d === void 0 ? void 0 : _d.variants;
-    const img = (_f = (_e = field.value) === null || _e === void 0 ? void 0 : _e.variants.find((x) => x.name.toUpperCase() == (defaultVariant === null || defaultVariant === void 0 ? void 0 : defaultVariant.toUpperCase()))) !== null && _f !== void 0 ? _f : (_g = field.value) === null || _g === void 0 ? void 0 : _g.variants[0];
-    const attrs = Object.assign({ src: img === null || img === void 0 ? void 0 : img.src }, otherProps);
-    const video = img === null || img === void 0 ? void 0 : img.videoUrl;
-    const videoAttr = Object.assign({ src: video }, otherProps);
-    if (!(sources === null || sources === void 0 ? void 0 : sources.length)) {
-        return (0, jsx_runtime_1.jsx)("img", Object.assign({}, attrs, { alt: (_h = field.value) === null || _h === void 0 ? void 0 : _h.alt }));
-    }
-    else {
-        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("picture", { children: [sources === null || sources === void 0 ? void 0 : sources.map((source) => {
-                            const variant = variants === null || variants === void 0 ? void 0 : variants.find((v) => v.name.toLowerCase() == source.variant.toLowerCase());
-                            if (!(variant === null || variant === void 0 ? void 0 : variant.src))
-                                return;
-                            let srcSet = (0, mediaProtection_1.hashImageUrl)(variant.src);
-                            const getScaledImage = (variant, width) => {
-                                if (width > variant.width)
-                                    return { src: variant.src, width: 0 };
-                                else
-                                    return {
-                                        src: variant.src +
-                                            `${variant.src.includes("?") ? "&" : "?"}mw=` +
-                                            width,
-                                        width: width,
-                                    };
-                            };
-                            if (source.widths && source.widths.length) {
-                                let scaledImages = source.widths.map((x) => getScaledImage(variant, x));
-                                srcSet = "";
-                                for (let w = 0; w < scaledImages.length; w++) {
-                                    if (srcSet.length)
-                                        srcSet = srcSet + ", ";
-                                    srcSet +=
-                                        (0, mediaProtection_1.hashImageUrl)(scaledImages[w].src) +
-                                            " " +
-                                            source.widths[w] +
-                                            "w";
-                                    if (scaledImages[w].width === 0)
-                                        break;
-                                }
-                            }
-                            else {
-                                if (source.width) {
-                                    srcSet = (0, mediaProtection_1.hashImageUrl)(getScaledImage(variant, source.width).src);
-                                    if (source.scales) {
-                                        let scaledImages = source.scales.map((x) => { var _a; return getScaledImage(variant, ((_a = source.width) !== null && _a !== void 0 ? _a : 0) * x); });
-                                        srcSet = "";
-                                        for (let w = 0; w < scaledImages.length; w++) {
-                                            if (srcSet.length)
-                                                srcSet = srcSet + ", ";
-                                            srcSet +=
-                                                (0, mediaProtection_1.hashImageUrl)(scaledImages[w].src) +
-                                                    " " +
-                                                    source.scales[w] +
-                                                    "x";
-                                            if (scaledImages[w].width === 0)
-                                                break;
-                                        }
-                                    }
-                                }
-                            }
-                            return ((0, jsx_runtime_1.jsx)("source", { srcSet: srcSet, media: source.media }, source.variant + source.media));
-                        }), (0, jsx_runtime_1.jsx)("img", Object.assign({}, attrs, { alt: (_j = field.value) === null || _j === void 0 ? void 0 : _j.alt }))] }), renderJsonLinkedData && !video ? ((0, jsx_runtime_1.jsx)("script", { type: "application/ld+json", dangerouslySetInnerHTML: {
-                        __html: JSON.stringify({
-                            "@context": "http://schema.org",
-                            "@type": "ImageObject",
-                            image: img === null || img === void 0 ? void 0 : img.src,
-                            description: (_k = field.value) === null || _k === void 0 ? void 0 : _k.alt,
-                            name: (_l = field.value) === null || _l === void 0 ? void 0 : _l.name,
-                        }),
-                    } })) : null, video && (0, jsx_runtime_1.jsx)("video", Object.assign({}, videoAttr)), renderJsonLinkedData && video ? ((0, jsx_runtime_1.jsx)("script", { type: "application/ld+json", dangerouslySetInnerHTML: {
-                        __html: JSON.stringify({
-                            "@context": "http://schema.org",
-                            "@type": "VideoObject",
-                            contentUrl: img === null || img === void 0 ? void 0 : img.src,
-                            description: (_m = field.value) === null || _m === void 0 ? void 0 : _m.alt,
-                            name: (_o = field.value) === null || _o === void 0 ? void 0 : _o.name,
-                        }),
-                    } })) : null] }));
-    }
-};
-exports.Picture = Picture;

package/dist/cjs/components/PictureEditor.js

@@ -1,49 +0,0 @@
-"use strict";
-"use client";
-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.PictureEditor = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const Picture_1 = require("./Picture");
-const __1 = require("..");
-const PictureEditorDialog_1 = require("../editor/PictureEditorDialog");
-const PictureEditor = (_a) => {
-    var _b, _c;
-    var { field, imageParams, sources, defaultVariant, renderEditButton } = _a, otherProps = __rest(_a, ["field", "imageParams", "sources", "defaultVariant", "renderEditButton"]);
-    const editContext = (0, __1.useEditContext)();
-    const [editorVisible, setEditorVisible] = (0, react_1.useState)(false);
-    if (!editContext)
-        return;
-    const editFrameContext = (0, __1.useEditFrameContext)();
-    if (!editFrameContext)
-        return;
-    (0, react_1.useEffect)(() => {
-        if (renderEditButton && editFrameContext.componentId === (field === null || field === void 0 ? void 0 : field.item.id)) {
-            editFrameContext.setCustomButtons([
-                ...editFrameContext.customButtons,
-                {
-                    icon: "pi pi-image",
-                    onClick: () => setEditorVisible(true),
-                    tooltip: "Edit " + (field === null || field === void 0 ? void 0 : field.name),
-                },
-            ]);
-        }
-    }, []);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("span", Object.assign({}, otherProps, { onClick: (e) => {
-                    if (editFrameContext.isSelected && !e.ctrlKey && !e.altKey)
-                        setEditorVisible(true);
-                    editContext.setFocusedField(field);
-                }, className: "a-cursor-pointer", children: [(0, jsx_runtime_1.jsx)(Picture_1.Picture, { field: field, imageParams: imageParams, sources: sources }), !((_c = (_b = field === null || field === void 0 ? void 0 : field.value) === null || _b === void 0 ? void 0 : _b.variants) === null || _c === void 0 ? void 0 : _c.find((x) => x.src)) && ((0, jsx_runtime_1.jsx)("div", { className: "pi pi-image a-text-6xl a-text-gray-300" }))] })), editorVisible && ((0, jsx_runtime_1.jsx)(PictureEditorDialog_1.PictureEditorDialog, { field: field, onCancel: () => setEditorVisible(false), onOk: () => setEditorVisible(false) }))] }));
-};
-exports.PictureEditor = PictureEditor;

package/dist/cjs/components/Placeholder.js

@@ -1,118 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Placeholder = void 0;
-const react_1 = require("react");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const EditFrame_1 = require("../editor/EditFrame");
-const __1 = require("..");
-const PlaceholderDropZoneHost_1 = require("../editor/PlaceholderDropZoneHost");
-const Slot_1 = __importDefault(require("./Slot"));
-const react_error_boundary_1 = require("react-error-boundary");
-const Error_1 = require("./Error");
-const react_2 = __importDefault(require("react"));
-function Placeholder({ name, content, tag, className, mapComponent, getComponentProps, }) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const data = yield content;
-        if (!data || !("placeholders" in data))
-            return;
-        const placeholderData = data.placeholders.find((x) => x.name == name);
-        if (!placeholderData)
-            return;
-        const context = (0, __1.useAlpacaContext)();
-        const loader = context.componentModuleLoader;
-        const promises = placeholderData === null || placeholderData === void 0 ? void 0 : placeholderData.components.filter((c) => c.visible).map((component) => __awaiter(this, void 0, void 0, function* () {
-            if (component.componentType == "Slot")
-                return {
-                    Component: Slot_1.default,
-                    data: component,
-                    parent: data,
-                };
-            let module = null;
-            try {
-                module = yield loader(component.componentType);
-            }
-            catch (e) {
-                console.log(e);
-            }
-            if (!module) {
-                console.log("Could not find module " + component.componentType);
-                return {
-                    data: { name: component.componentType, id: "0" },
-                    Component: ComponentNotFound,
-                };
-            }
-            return {
-                parent: data,
-                data: component,
-                Component: module.default,
-            };
-        }));
-        const components = yield Promise.all(promises);
-        function wrap(children) {
-            if (!tag)
-                return children;
-            if (context.pageContext.pageEditing || components.length > 0) {
-                return react_2.default.createElement(tag, { className }, children);
-            }
-        }
-        const mappedComponents = mapComponent
-            ? components.map(({ Component, data, parent }, index) => ({
-                Component: mapComponent({
-                    Component,
-                    data: data,
-                    index,
-                }),
-                data,
-                parent,
-            }))
-            : components;
-        const componentsWithProps = mappedComponents.map(({ Component, data, parent }, index) => {
-            var props = getComponentProps
-                ? getComponentProps({ component: data, index })
-                : { component: data, index };
-            return { Component, props, data, parent };
-        });
-        if (context.pageContext.pageEditing) {
-            let phIndex = 0;
-            return wrap((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [componentsWithProps.map(({ Component, props, data, parent }) => {
-                        try {
-                            return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(!data.hostingPageItem ||
-                                        data.componentType == "Slot") && ((0, jsx_runtime_1.jsx)(PlaceholderDropZoneHost_1.PlaceholderDropZoneHost, { parentName: parent === null || parent === void 0 ? void 0 : parent.name, placeholder: placeholderData, index: phIndex++ }, data.id + "_zone" + phIndex)), (0, jsx_runtime_1.jsx)(EditFrame_1.EditFrame, { componentId: data.id, index: phIndex, children: (0, jsx_runtime_1.jsx)(react_error_boundary_1.ErrorBoundary, { FallbackComponent: Error_1.ErrorFallbackWithDetails, children: (0, jsx_runtime_1.jsx)(Component, Object.assign({}, props)) }) }, data.id)] }));
-                        }
-                        catch (e) {
-                            return ((0, jsx_runtime_1.jsxs)("div", { children: ["Error rendering component ", data.name, ": ", e.message] }));
-                        }
-                    }), (!data.hostingPageItem ||
-                        data.componentType == "Slot") && ((0, jsx_runtime_1.jsx)(PlaceholderDropZoneHost_1.PlaceholderDropZoneHost, { parentName: data === null || data === void 0 ? void 0 : data.name, placeholder: placeholderData, index: phIndex++ }, data.id + "_zone" + phIndex))] }));
-        }
-        else
-            return wrap((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: mappedComponents.map(({ Component, data }, index) => {
-                    var props = getComponentProps
-                        ? getComponentProps({ component: data, index })
-                        : { component: data, index };
-                    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(react_error_boundary_1.ErrorBoundary, { FallbackComponent: Error_1.ErrorFallback, children: (0, react_1.createElement)(Component, Object.assign({}, props, { key: data.id })) }, data.id) }));
-                }) }));
-    });
-}
-exports.Placeholder = Placeholder;
-function ComponentNotFound({ component }) {
-    return ((0, jsx_runtime_1.jsxs)("div", { style: {
-            backgroundColor: "orange",
-            color: "red",
-            fontSize: 18,
-            padding: 10,
-            border: "3px solid red",
-        }, children: ["Component not found: ", component.name] }));
-}

package/dist/cjs/components/RichText.js

@@ -1,47 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RichText = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const RichTextEditor_1 = require("./RichTextEditor");
-const __1 = require("..");
-function RichText(_a) {
-    var { field, tag, editable } = _a, props = __rest(_a, ["field", "tag", "editable"]);
-    return __awaiter(this, void 0, void 0, function* () {
-        if (!field)
-            return;
-        if (field.jsonValue) {
-            field = field.jsonValue;
-        }
-        const internalProps = Object.assign(Object.assign({}, props), { dangerouslySetInnerHTML: {
-                __html: field.value,
-            } });
-        if ((0, __1.useAlpacaContext)().pageContext.pageEditing)
-            return (0, jsx_runtime_1.jsx)(RichTextEditor_1.RichTextEditor, Object.assign({ field: field, tag: tag }, props));
-        return react_1.default.createElement(tag || "div", Object.assign(props, internalProps));
-    });
-}
-exports.RichText = RichText;

package/dist/cjs/components/RichTextEditor.js

@@ -1,94 +0,0 @@
-"use strict";
-"use client";
-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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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.RichTextEditor = void 0;
-const react_1 = __importStar(require("react"));
-const editContext_1 = require("../editor/editContext");
-function RichTextEditor(_a) {
-    var { field, tag } = _a, props = __rest(_a, ["field", "tag"]);
-    const editContext = (0, editContext_1.useEditContext)();
-    const [value, setValue] = (0, react_1.useState)("");
-    const [editedValue, setEditedValue] = (0, react_1.useState)();
-    if (!editContext)
-        return;
-    const { updateContentEditingFields } = editContext;
-    const liveField = editContext.getLiveField(field);
-    (0, react_1.useEffect)(() => {
-        if (!liveField)
-            return;
-        if (editedValue != liveField.value &&
-            "<p>" + editedValue + "</p>" != liveField.value) {
-            // console.log(
-            //   "editedValue:" + editedValue + " liveField.value " + liveField.value
-            // );
-            setValue(liveField.value);
-        }
-    }, [liveField === null || liveField === void 0 ? void 0 : liveField.value]);
-    (0, react_1.useEffect)(() => {
-        if (!liveField)
-            return;
-        setValue(liveField.value); // Otherwise react would not update the field after the refresh
-    }, [updateContentEditingFields]);
-    (0, react_1.useEffect)(() => {
-        if (liveField) {
-            setValue(field.value);
-            liveField.value = field.value;
-        }
-    }, [field]);
-    const setFieldValue = (val) => {
-        if (val != editedValue) {
-            setEditedValue(val);
-            if (editContext)
-                editContext.editField({ field, value: val, refresh: "none" });
-        }
-    };
-    const eventHandler = (0, react_1.useCallback)((e) => {
-        setFieldValue(e.currentTarget.innerHTML);
-    }, [editContext.editField]);
-    return (0, react_1.useMemo)(() => {
-        const properies = Object.assign(Object.assign({}, props), { contentEditable: true, suppressContentEditableWarning: true, onInput: eventHandler, placeholder: "[" + field.name + "]", dangerouslySetInnerHTML: {
-                __html: value,
-            }, onFocus: () => {
-                editContext.setFocusedField(field);
-            }, onClick: () => {
-                if (!field.canWrite || !field.hasLock)
-                    editContext.setFocusedField(field);
-            } });
-        return react_1.default.createElement(tag || "div", properies);
-    }, [value]);
-}
-exports.RichTextEditor = RichTextEditor;

package/dist/cjs/components/Slot.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const __1 = require("..");
-function Section({ component }) {
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(__1.Placeholder, { name: "ph-slot-content", content: component }) }));
-}
-exports.default = Section;

package/dist/cjs/components/Text.js

@@ -1,46 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Text = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const TextEditor_1 = require("./TextEditor");
-const __1 = require("..");
-function Text(_a) {
-    var { field, tag, editable } = _a, props = __rest(_a, ["field", "tag", "editable"]);
-    return __awaiter(this, void 0, void 0, function* () {
-        if (!field)
-            return;
-        if (field.jsonValue) {
-            field = field.jsonValue;
-        }
-        if ((0, __1.useAlpacaContext)().pageContext.pageEditing) {
-            return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(TextEditor_1.TextEditor, Object.assign({ field: field, tag: tag }, props)) }));
-        }
-        else
-            return react_1.default.createElement(tag || "div", props, field.value);
-    });
-}
-exports.Text = Text;

package/dist/cjs/components/TextEditor.js

@@ -1,77 +0,0 @@
-"use strict";
-"use client";
-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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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.TextEditor = void 0;
-const react_1 = __importStar(require("react"));
-const editContext_1 = require("../editor/editContext");
-function TextEditor(_a) {
-    var { field, tag } = _a, props = __rest(_a, ["field", "tag"]);
-    const editContext = (0, editContext_1.useEditContext)();
-    const [value, setValue] = (0, react_1.useState)("");
-    const [editedValue, setEditedValue] = (0, react_1.useState)();
-    if (!editContext)
-        return;
-    const { updateContentEditingFields } = editContext;
-    const liveField = editContext.getLiveField(field);
-    (0, react_1.useEffect)(() => {
-        if (!liveField)
-            return;
-        if (editedValue != liveField.value)
-            setValue(liveField.value);
-    }, [liveField === null || liveField === void 0 ? void 0 : liveField.value]);
-    (0, react_1.useEffect)(() => {
-        if (liveField) {
-            setValue(field.value);
-            liveField.value = field.value;
-        }
-    }, [field]);
-    (0, react_1.useEffect)(() => {
-        if (!liveField)
-            return;
-        setValue(liveField.value); // Otherwise react would not update the field after the refresh
-    }, [updateContentEditingFields]);
-    const properies = Object.assign(Object.assign({}, props), { contentEditable: true, suppressContentEditableWarning: true, onInput: (e) => setFieldValue(e.currentTarget.textContent), placeholder: "[" + field.name + "]", onFocus: () => {
-            editContext.setFocusedField(field);
-        } });
-    const setFieldValue = (val) => {
-        setEditedValue(val);
-        if (editContext)
-            editContext.editField({ field, value: val, refresh: "none" });
-    };
-    return react_1.default.createElement(tag || "div", properies, value);
-}
-exports.TextEditor = TextEditor;

package/dist/cjs/components/Translate.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Translate = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const __1 = require("..");
-const TranslateEditor_1 = require("./TranslateEditor");
-function Translate({ text }) {
-    const context = (0, __1.useAlpacaContext)();
-    const dictionary = context.dictionary;
-    if (context.pageContext.pageEditing)
-        return (0, jsx_runtime_1.jsx)(TranslateEditor_1.TranslateEditor, { text: text });
-    return dictionary[text] || text;
-}
-exports.Translate = Translate;

package/dist/cjs/components/TranslateEditor.js

@@ -1,28 +0,0 @@
-"use strict";
-"use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TranslateEditor = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const __1 = require("..");
-const TextEditor_1 = require("./TextEditor");
-function TranslateEditor({ text }) {
-    const context = (0, __1.useEditContext)();
-    if (!context || !context.dictionary)
-        return text;
-    const dictionary = context.dictionary;
-    (0, react_1.useEffect)(() => {
-        if (Object.keys(dictionary).indexOf(text) < 0 &&
-            context.unresolvedDictionaryKeys.indexOf(text) < 0) {
-            context.setUnresolvedDictionaryKeys([
-                ...context.unresolvedDictionaryKeys,
-                text,
-            ]);
-        }
-    }, []);
-    if (dictionary[text]) {
-        return (0, jsx_runtime_1.jsx)(TextEditor_1.TextEditor, { field: dictionary[text] });
-    }
-    return ((0, jsx_runtime_1.jsx)("span", { className: "a-p-1 a-ring-2 a-ring-red-500", onClick: () => console.log("create dictionary entry"), children: text }));
-}
-exports.TranslateEditor = TranslateEditor;

package/dist/cjs/components/index.js

@@ -1,23 +0,0 @@
-"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("./Placeholder"), exports);
-__exportStar(require("./Text"), exports);
-__exportStar(require("./Picture"), exports);
-__exportStar(require("./RichText"), exports);
-__exportStar(require("./Image"), exports);
-__exportStar(require("./Link"), exports);
-__exportStar(require("./Translate"), exports);