@alpaca-editor/core 1.0.0 → 1.0.3

package/dist/editor/PictureCropper.js

@@ -0,0 +1,327 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog } from "primereact/dialog";
+import { useEditContext } from "./client/editContext";
+import { useEffect, useRef, useState } from "react";
+import { Button } from "primereact/button";
+import DialogButtons from "./ui/DialogButtons";
+import { classNames } from "primereact/utils";
+export function PictureCropper({ field, onClose, variantName: selectedVariantName, }) {
+    const [pictureValue, setPictureValue] = useState();
+    const [isValid, setIsValid] = useState(true);
+    const [rawValue, setRawValue] = useState();
+    const imageRef = useRef(null);
+    const [rect, setRect] = useState();
+    const rectRef = useRef(rect);
+    const movingRef = useRef(false);
+    const [startPos, setStartPos] = useState({
+        x: 0,
+        y: 0,
+    });
+    const offset = useRef({ x: 0, y: 0 });
+    const editContext = useEditContext();
+    const EDGE_THRESHOLD = 10; // pixels from edge to detect resize
+    const [resizeEdge, setResizeEdge] = useState(null);
+    const resizeEdgeRef = useRef(null);
+    const getResizeEdge = (pos, rect, bounds) => {
+        if (!rect || !bounds)
+            return null;
+        const x = pos.x * bounds.width;
+        const y = pos.y * bounds.height;
+        const rectX = rect.x * bounds.width;
+        const rectY = rect.y * bounds.height;
+        const rectWidth = rect.width * bounds.width;
+        const rectHeight = rect.height * bounds.height;
+        const isNearLeft = Math.abs(x - rectX) < EDGE_THRESHOLD;
+        const isNearRight = Math.abs(x - (rectX + rectWidth)) < EDGE_THRESHOLD;
+        const isNearTop = Math.abs(y - rectY) < EDGE_THRESHOLD;
+        const isNearBottom = Math.abs(y - (rectY + rectHeight)) < EDGE_THRESHOLD;
+        if (isNearLeft && isNearTop)
+            return "nw";
+        if (isNearRight && isNearTop)
+            return "ne";
+        if (isNearLeft && isNearBottom)
+            return "sw";
+        if (isNearRight && isNearBottom)
+            return "se";
+        if (isNearLeft)
+            return "w";
+        if (isNearRight)
+            return "e";
+        if (isNearTop)
+            return "n";
+        if (isNearBottom)
+            return "s";
+        return null;
+    };
+    useEffect(() => {
+        const deepCopy = JSON.parse(JSON.stringify(field.value));
+        setPictureValue(deepCopy);
+        const raw = field?.rawValue
+            ? JSON.parse(field?.rawValue)
+            : { Variants: [] };
+        setRawValue(raw);
+    }, [field]);
+    const selectedVariant = pictureValue && pictureValue.variants
+        ? pictureValue.variants?.find((x) => x.name == selectedVariantName)
+        : null;
+    useEffect(() => {
+        if (selectedVariant?.region &&
+            (!selectedVariant.aspectRatioLock ||
+                Math.abs(selectedVariant.aspectRatioLock -
+                    (selectedVariant.region.width * selectedVariant.width) /
+                        (selectedVariant.region.height * selectedVariant.height)) < 0.1) &&
+            selectedVariant.region.width > 0 &&
+            selectedVariant.region.height > 0) {
+            setRect({
+                width: selectedVariant.region.width,
+                height: selectedVariant.region.height,
+                y: selectedVariant.region.y,
+                x: selectedVariant.region.x,
+            });
+        }
+        else {
+            setRect(undefined);
+        }
+    }, [selectedVariant]);
+    useEffect(() => {
+        if (!rect)
+            return;
+        if ((selectedVariant?.minWidth && selectedVariant.minWidth > widthPx) ||
+            (selectedVariant?.minHeight && selectedVariant?.minHeight > heightPx)) {
+            setIsValid(false);
+        }
+        else
+            setIsValid(true);
+        rectRef.current = rect;
+    }, [rect]);
+    useEffect(() => {
+        if (!rawValue)
+            return;
+        if (!selectedVariantName)
+            return;
+        if (selectedVariant) {
+            let selected = rawValue.Variants?.find((x) => x.Name == selectedVariantName);
+            if (!selected) {
+                selected = {
+                    Name: selectedVariantName,
+                    MediaId: selectedVariant.mediaId,
+                };
+                rawValue.Variants?.push(selected);
+            }
+            if (selected) {
+                if (rect)
+                    selected.Region = {
+                        X: rect.x,
+                        Y: rect.y,
+                        Width: rect.width,
+                        Height: rect.height,
+                    };
+                else
+                    selected.Region = undefined;
+                setRawValue(rawValue);
+            }
+        }
+    }, [rect]);
+    const handleMouseMove = (ev) => {
+        if (!selectedVariant)
+            return null;
+        const bounds = imageRef.current?.getBoundingClientRect();
+        if (!bounds)
+            return;
+        const pos = {
+            x: (ev.clientX - bounds.left) / bounds.width,
+            y: (ev.clientY - bounds.top) / bounds.height,
+        };
+        // Update cursor on hover (when not dragging)
+        if (ev.buttons !== 1) {
+            const edge = getResizeEdge(pos, rect, bounds);
+            setResizeEdge(edge);
+            return;
+        }
+        if (ev.buttons === 1) {
+            if (!rectRef.current || !imageRef.current)
+                return;
+            const rect = rectRef.current;
+            const bounds = imageRef.current.getBoundingClientRect();
+            const deltaX = ev.clientX - startPos.x;
+            const deltaY = ev.clientY - startPos.y;
+            if (resizeEdgeRef.current) {
+                const pos = {
+                    x: (ev.clientX - bounds.left) / bounds.width,
+                    y: (ev.clientY - bounds.top) / bounds.height,
+                };
+                let newRect = { ...rect };
+                const aspectRatio = selectedVariant.aspectRatioLock;
+                const originalAspectRatio = selectedVariant.width / selectedVariant.height;
+                if (resizeEdgeRef.current.includes("w")) {
+                    const newWidth = rect.width + rect.x - pos.x;
+                    if (newWidth > 0) {
+                        newRect.width = newWidth;
+                        newRect.x = pos.x;
+                        if (aspectRatio) {
+                            newRect.height =
+                                (newRect.width / aspectRatio) * originalAspectRatio;
+                        }
+                    }
+                }
+                if (resizeEdgeRef.current.includes("e")) {
+                    newRect.width = pos.x - rect.x;
+                    if (aspectRatio) {
+                        newRect.height =
+                            (newRect.width / aspectRatio) * originalAspectRatio;
+                    }
+                }
+                if (resizeEdgeRef.current.includes("n")) {
+                    const newHeight = rect.height + rect.y - pos.y;
+                    if (newHeight > 0) {
+                        newRect.height = newHeight;
+                        newRect.y = pos.y;
+                        if (aspectRatio) {
+                            newRect.width =
+                                (newRect.height * aspectRatio) / originalAspectRatio;
+                        }
+                    }
+                }
+                if (resizeEdgeRef.current.includes("s")) {
+                    newRect.height = pos.y - rect.y;
+                    if (aspectRatio) {
+                        newRect.width =
+                            (newRect.height * aspectRatio) / originalAspectRatio;
+                    }
+                }
+                // Constrain to bounds
+                if (newRect.x < 0)
+                    newRect.x = 0;
+                if (newRect.y < 0)
+                    newRect.y = 0;
+                if (newRect.x + newRect.width > 1)
+                    newRect.width = 1 - newRect.x;
+                if (newRect.y + newRect.height > 1)
+                    newRect.height = 1 - newRect.y;
+                setRect(newRect);
+            }
+            else if (movingRef.current) {
+                setRect({
+                    ...rect,
+                    x: Math.max(0, Math.min(1 - rectRef.current.width, (ev.clientX - bounds.left) / bounds.width - offset.current.x)),
+                    y: Math.max(0, Math.min(1 - rectRef.current.height, (ev.clientY - bounds.top) / bounds.height - offset.current.y)),
+                });
+            }
+            else {
+                const originalAspectRatio = selectedVariant.width / selectedVariant.height;
+                const aspectRatio = selectedVariant.aspectRatioLock;
+                let width = (ev.clientX - bounds.left) / bounds.width - rect.x;
+                let height = (ev.clientY - bounds.top) / bounds.height - rect.y;
+                if (aspectRatio) {
+                    if (Math.abs(deltaX) > Math.abs(deltaY)) {
+                        height = (width / aspectRatio) * originalAspectRatio;
+                    }
+                    else {
+                        width = (height * aspectRatio) / originalAspectRatio;
+                    }
+                }
+                if (width + rect.x > 1) {
+                    width = 1 - rect.x;
+                    if (aspectRatio)
+                        height = (width / aspectRatio) * originalAspectRatio;
+                }
+                if (height + rect.y > 1) {
+                    height = 1 - rect.y;
+                    if (aspectRatio)
+                        width = (height * aspectRatio) / originalAspectRatio;
+                }
+                const newRect = { ...rect, width, height };
+                setRect(newRect);
+            }
+            ev.preventDefault();
+            ev.stopPropagation();
+        }
+    };
+    const handleMouseUp = () => {
+        if (!rectRef.current || !rectRef.current.width || !rectRef.current.height) {
+            setRect(undefined);
+        }
+        movingRef.current = false;
+        resizeEdgeRef.current = null;
+        setResizeEdge(null);
+        // window.removeEventListener("mousemove", handleMouseMove);
+        window.removeEventListener("mouseup", handleMouseUp);
+    };
+    const isInRect = (pos, rect) => {
+        if (!rect || !selectedVariant)
+            return false;
+        return (pos.x >= rect.x &&
+            pos.x <= rect.x + rect.width &&
+            pos.y >= rect.y &&
+            pos.y <= rect.y + rect.height);
+    };
+    const handleMouseDown = (ev) => {
+        ev.preventDefault();
+        ev.stopPropagation();
+        const bounds = ev.currentTarget.getBoundingClientRect();
+        const pos = {
+            x: (ev.clientX - bounds.left) / bounds.width,
+            y: (ev.clientY - bounds.top) / bounds.height,
+        };
+        const edge = getResizeEdge(pos, rect, bounds);
+        if (edge) {
+            resizeEdgeRef.current = edge;
+            setResizeEdge(edge);
+        }
+        else if (isInRect(pos, rect)) {
+            movingRef.current = true;
+            offset.current = {
+                x: pos.x - rect.x,
+                y: pos.y - rect.y,
+            };
+        }
+        else {
+            setRect({
+                x: (ev.clientX - bounds.left) / bounds.width,
+                y: (ev.clientY - bounds.top) / bounds.height,
+                width: 0,
+                height: 0,
+            });
+        }
+        setStartPos({ x: ev.clientX, y: ev.clientY });
+        window.addEventListener("mouseup", handleMouseUp);
+    };
+    if (!selectedVariant)
+        return null;
+    const imageBounds = imageRef.current?.getBoundingClientRect();
+    const scale = imageBounds ? selectedVariant.width / imageBounds.width : 0;
+    const widthPx = rect ? Math.round(rect.width * selectedVariant.width) : 0;
+    const heightPx = rect ? Math.round(rect.height * selectedVariant.height) : 0;
+    return (_jsx(_Fragment, { children: _jsx(Dialog, { header: "Crop " + field.name + " - " + selectedVariantName, pt: { content: { style: { paddingLeft: "0" } } }, visible: true, style: { width: "75vw", height: "75vh" }, onHide: onClose, children: _jsxs("div", { className: "flex gap-1 flex-col justify h-full", children: [_jsxs("div", { className: "flex-1 flex gap-2", children: [_jsxs("div", { className: "w-56 text-sm p-4 bg-gray-100 flex flex-col gap-3", children: [_jsx(LabelAndValue, { label: "Variant:", value: selectedVariantName }), _jsx(LabelAndValue, { label: "Image Dimensions:", value: _jsxs(_Fragment, { children: [selectedVariant.width, " x ", selectedVariant.height] }) }), selectedVariant.aspectRatioLock && (_jsx(LabelAndValue, { label: "Required Aspect Ratio:", value: selectedVariant.aspectRatioLockText })), selectedVariant.minWidth && (_jsx(LabelAndValue, { label: "Minimum Width:", value: selectedVariant.minWidth })), selectedVariant.minHeight && (_jsx(LabelAndValue, { label: "Minimum Height:", value: selectedVariant.minHeight })), rect && (_jsxs(_Fragment, { children: [_jsx(LabelAndValue, { label: "Selection:", value: _jsxs(_Fragment, { children: [widthPx, " x ", heightPx] }) }), selectedVariant.minWidth &&
+                                                widthPx < selectedVariant.minWidth && (_jsx("div", { className: "text-red-500", children: "Minimum width not met!" })), selectedVariant.minHeight &&
+                                                heightPx < selectedVariant.minHeight && (_jsx("div", { className: "text-red-500", children: "Minimum height not met!" }))] }))] }), _jsx("div", { className: "flex-1 relative p-3", children: _jsx("div", { className: "absolute inset-0 top-3 select-none flex items-center justify-center", children: _jsxs("div", { ref: imageRef, className: "relative cursor-crosshair max-h-full", style: {
+                                            aspectRatio: `${selectedVariant.width}/${selectedVariant.height}`,
+                                        }, onMouseDown: handleMouseDown, onMouseMove: handleMouseMove, children: [_jsx("img", { className: "object-scale-down", src: selectedVariant.originalSrc ?? selectedVariant.src }), rect && (_jsx("div", { className: classNames("absolute bg-opacity-70 border text-xs cursor-move", isValid
+                                                    ? "bg-blue-200 border-blue-400 text-blue-500"
+                                                    : "bg-red-200 border-red-400 text-red-500"), style: {
+                                                    left: rect.x * 100 + "%",
+                                                    top: rect.y * 100 + "%",
+                                                    width: widthPx / scale + "px",
+                                                    height: heightPx / scale + "px",
+                                                    cursor: resizeEdge
+                                                        ? resizeEdge.length === 1
+                                                            ? `${resizeEdge}-resize`
+                                                            : `${resizeEdge}-resize`
+                                                        : "move",
+                                                }, children: widthPx / scale > 50 && (_jsxs("div", { className: "absolute bottom-1 right-2 text-nowrap", style: { textShadow: "white 1px 1px" }, children: [widthPx, " x ", heightPx] })) }))] }) }) })] }), _jsxs(DialogButtons, { children: [_jsx(Button, { onClick: () => setRect(undefined), children: "Reset" }), _jsx(Button, { size: "small", disabled: !isValid, onClick: () => {
+                                    if (pictureValue) {
+                                        if (field) {
+                                            editContext?.operations.editField({
+                                                field: field.descriptor,
+                                                rawValue: JSON.stringify(rawValue),
+                                                refresh: "immediate",
+                                            });
+                                        }
+                                    }
+                                    onClose();
+                                }, children: "Ok" }), _jsx(Button, { onClick: onClose, size: "small", children: "Cancel" })] })] }) }) }));
+}
+function LabelAndValue({ label, value, }) {
+    return (_jsxs("div", { children: [_jsx("div", { className: "font-bold", children: label }), _jsx("div", { children: value })] }));
+}
+//# sourceMappingURL=PictureCropper.js.map

package/dist/editor/PictureCropper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PictureCropper.js","sourceRoot":"","sources":["../../src/editor/PictureCropper.tsx"],"names":[],"mappings":"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"}

package/dist/editor/PictureEditor.d.ts

@@ -0,0 +1,8 @@
+import { PictureField } from "./fieldTypes";
+export declare function PictureEditor({ field, variantName, style, forwardScrollevents, isPageEditor, }: {
+    field: PictureField;
+    variantName: string;
+    style?: React.CSSProperties;
+    forwardScrollevents?: boolean;
+    isPageEditor?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/editor/PictureEditor.js

@@ -0,0 +1,102 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from "react";
+import { useEditContext } from "./client/editContext";
+import { PictureCropper } from "./PictureCropper";
+export function PictureEditor({ field, variantName, style, forwardScrollevents, isPageEditor, }) {
+    const [showMenu, setShowMenu] = useState(false);
+    const [showCropper, setShowCropper] = useState(false);
+    const editContext = useEditContext();
+    const variant = field.value?.variants?.find((v) => v.name === variantName);
+    const raw = field?.rawValue && field?.rawValue[0] === "{"
+        ? JSON.parse(field?.rawValue)
+        : { Variants: [] };
+    const rawVariant = raw.Variants?.find((x) => x.Name == variantName);
+    const reset = useCallback(() => {
+        raw.Variants = raw.Variants.filter((x) => x.Name !== variantName);
+        editContext.operations.editField({
+            field: field.descriptor,
+            rawValue: JSON.stringify(raw),
+            refresh: "immediate",
+        });
+    }, [field, variant]);
+    const imageSelected = useCallback(async (imageId) => {
+        const selected = raw.Variants?.find((x) => x.Name == variantName);
+        if (!selected) {
+            if (!raw.Variants)
+                raw.Variants = [];
+            raw.Variants.push({
+                Name: variantName,
+                MediaId: imageId,
+            });
+        }
+        else {
+            selected.MediaId = imageId;
+        }
+        editContext.operations.editField({
+            field: field.descriptor,
+            rawValue: JSON.stringify(raw),
+            refresh: "immediate",
+        });
+    }, [field, variant]);
+    const videoSelected = useCallback(async (videoId) => {
+        const selected = raw.Variants?.find((x) => x.Name == variantName);
+        if (!selected) {
+            if (!raw.Variants)
+                raw.Variants = [];
+            raw.Variants.push({
+                Name: variantName,
+                VideoId: videoId,
+            });
+        }
+        else {
+            selected.VideoId = videoId;
+        }
+        editContext.operations.editField({
+            field: field.descriptor,
+            rawValue: JSON.stringify(raw),
+            refresh: "immediate",
+        });
+    }, [field, variant]);
+    async function selectMedia(mode) {
+        const selectedImageId = await editContext?.selectMedia({
+            selectedIdPath: variant?.idPath || "",
+            mode: mode,
+        });
+        if (selectedImageId)
+            imageSelected(selectedImageId);
+    }
+    async function selectVideo() {
+        const selectedVideoId = await editContext?.selectMedia({
+            selectedIdPath: variant?.idPath || "",
+            mode: "video",
+        });
+        if (selectedVideoId)
+            videoSelected(selectedVideoId);
+    }
+    const notEmpty = variant?.mediaId;
+    return (_jsxs("div", { className: "absolute inset-0 flex items-center justify-center", onMouseEnter: () => setShowMenu(true), onMouseLeave: () => setShowMenu(false), onClick: () => {
+            if (!isPageEditor)
+                return;
+            const itemId = field.descriptor.item?.id;
+            if (itemId)
+                editContext?.select([itemId]);
+        }, onWheel: (e) => {
+            if (forwardScrollevents)
+                editContext?.pageView.editorIframeRef.current?.contentWindow?.document.documentElement?.scrollBy({
+                    behavior: "instant",
+                    left: 0,
+                    top: e.deltaY,
+                });
+            editContext?.pageView.editorIframeRef.current?.contentWindow?.document.body?.scrollBy({
+                behavior: "instant",
+                left: 0,
+                top: e.deltaY,
+            });
+        }, style: style, "data-testid": "select-media", children: [showMenu && (_jsxs("div", { className: "p-3 grid grid-cols-2 gap-1.5 items-stretch justify-center text-sm min-w-48", children: [_jsx(Btn, { label: "Select", icon: "pi pi-image", onClick: () => selectMedia("images"), testId: "select-media-button", className: "min-w-[80px]" }), field.value?.allowVideos && (_jsx(Btn, { label: "Video", icon: "pi pi-video", onClick: () => selectVideo(), testId: "video-media-button", className: "min-w-[80px]" })), notEmpty && (_jsx(Btn, { label: "Crop", icon: "pi pi-expand", onClick: () => {
+                            setShowCropper(true);
+                        }, testId: "crop-media-button", className: "min-w-[80px]" })), rawVariant && (_jsx(Btn, { label: "Reset", icon: "pi pi-times", onClick: () => reset(), testId: "reset-media-button", className: "min-w-[80px]" }))] })), showCropper && (_jsx(PictureCropper, { field: field, onClose: () => setShowCropper(false), variantName: variantName }))] }));
+}
+function Btn({ label, icon, onClick, testId, className, }) {
+    return (_jsxs("button", { className: `btn bg-gray-500 text-white p-1.5 rounded-lg opacity-70 border hover:opacity-85 gap-1.5 flex items-center cursor-pointer ${className}`, onClick: onClick, "data-testid": testId, children: [_jsx("i", { className: icon }), " ", label] }));
+}
+//# sourceMappingURL=PictureEditor.js.map

package/dist/editor/PictureEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PictureEditor.js","sourceRoot":"","sources":["../../src/editor/PictureEditor.tsx"],"names":[],"mappings":"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"}

package/dist/editor/PictureEditorDialog.d.ts

@@ -0,0 +1,8 @@
+import { PictureField, PictureValue } from "./fieldTypes";
+import { MediaPictureParams, PictureParams } from "./picture-shared";
+export declare function PictureEditorDialog({ field, onCancel, onOk, params, }: {
+    field: PictureField;
+    onOk: (link: PictureValue) => void;
+    onCancel: () => void;
+    params?: PictureParams | MediaPictureParams;
+}): import("react/jsx-runtime").JSX.Element;