@alpaca-editor/core 1.0.0 → 1.0.3

package/dist/editor/PictureEditorDialog.js

@@ -0,0 +1,189 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Dialog } from "primereact/dialog";
+import { useEditContext } from "./client/editContext";
+import { useCallback, useEffect, useState } from "react";
+import { Button } from "primereact/button";
+import DialogButtons from "./ui/DialogButtons";
+import { getPictureValue } from "./services/editService";
+import { getRenderedPictureVariant, } from "./picture-shared";
+export function PictureEditorDialog({ field, onCancel, onOk, params, }) {
+    const [selectedVariantName, setSelectedVariantName] = useState();
+    const [pictureValue, setPictureValue] = useState();
+    const [rawValue, setRawValue] = useState();
+    const emptyRect = () => ({
+        width: 0,
+        height: 0,
+        top: 0,
+        left: 0,
+    });
+    const [rect, setRect] = useState(emptyRect());
+    const editContext = useEditContext();
+    useEffect(() => {
+        setSelectedVariantName(field?.value?.variants[0].name);
+    }, []);
+    useEffect(() => {
+        const deepCopy = JSON.parse(JSON.stringify(field.value));
+        setPictureValue(deepCopy);
+        const raw = field?.rawValue
+            ? JSON.parse(field?.rawValue)
+            : { Variants: [] };
+        setRawValue(raw);
+        if (!field?.value?.variants[0].src)
+            selectMedia(field?.value?.variants[0].name, raw);
+    }, [field]);
+    async function selectMedia(variantName, raw) {
+        const chosenImage = await editContext?.selectMedia({
+            selectedIdPath: selectedVariant?.idPath || "",
+            mode: "images",
+        });
+        if (chosenImage)
+            imageSelected(chosenImage, variantName ?? selectedVariantName, raw ?? rawValue);
+    }
+    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.region.height) < 0.1))
+            setRect({
+                width: selectedVariant.region.width,
+                height: selectedVariant.region.height,
+                top: selectedVariant.region.y,
+                left: selectedVariant.region.x,
+            });
+        else {
+            setRect(emptyRect());
+        }
+    }, [selectedVariantName]);
+    const getPictureFieldValue = async (field, rawValue) => {
+        if (!editContext?.pageView.site)
+            return null;
+        return getPictureValue(field, rawValue, editContext.pageView.site?.name, editContext.sessionId);
+    };
+    const imageSelected = useCallback(async (imageId, variantName, rawValue) => {
+        if (!variantName || !rawValue)
+            return;
+        const selected = rawValue.Variants?.find((x) => x.Name == variantName);
+        if (!selected) {
+            if (!rawValue.Variants)
+                rawValue.Variants = [];
+            rawValue.Variants.push({
+                Name: variantName,
+                MediaId: imageId,
+            });
+        }
+        else {
+            selected.MediaId = imageId;
+        }
+        setRawValue(rawValue);
+        const newValue = await getPictureFieldValue(field, rawValue);
+        if (newValue) {
+            setPictureValue(newValue);
+        }
+    }, []);
+    const updateRawValue = async (rawValue) => {
+        setRawValue(rawValue);
+        const newValue = await getPictureFieldValue(field, rawValue);
+        if (newValue) {
+            setPictureValue(newValue);
+        }
+    };
+    const setVariantCrop = async () => {
+        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) {
+                selected.Region = {
+                    X: rect.left,
+                    Y: rect.top,
+                    Width: rect.width,
+                    Height: rect.height,
+                };
+                await updateRawValue(rawValue);
+            }
+        }
+    };
+    const usage = getUsage(pictureValue, params);
+    return (_jsx(_Fragment, { children: _jsx(Dialog, { header: "Edit " + field.name, visible: true, style: { width: "70vw", height: "70vh" }, onHide: onCancel, 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: " h-full border-r pt-3 w-48 relative", children: [_jsx("div", { className: "absolute inset-0 overflow-y-auto flex flex-col gap-6", children: pictureValue &&
+                                            pictureValue.variants?.map((variant) => (_jsxs("div", { onClick: () => setSelectedVariantName(variant.name), className: "text-xs flex flex-col items-center justify-center gap-1 cursor-pointer", children: [_jsx("div", { className: "flex justify-center items-center h-40 w-40 border relative" +
+                                                            (selectedVariantName == variant.name
+                                                                ? " shadow-xl "
+                                                                : ""), children: variant.src && _jsx("img", { src: variant.thumbSrc }) }), _jsxs("div", { className: "w-40", children: [_jsx("div", { children: variant.name }), _jsx("div", { children: variant.aspectRatioLockText }), _jsxs("div", { children: [_jsxs("div", { className: "break-all", children: ["Name: ", variant.mediaItemName] }), _jsxs("div", { children: ["Orig. size: ", variant.width, " x ", variant.height] }), (variant.width < 1 || variant.height < 1) && (_jsxs("span", { children: [" ", _jsx("i", { className: "pi pi-exclamation-triangle text-red-600 " })] }))] })] })] }, variant.name))) }), usage && _jsx("div", { className: "text-xs", children: usage })] }), _jsx("div", { className: "flex-1 relative p-3", children: _jsxs("div", { className: "absolute inset-0 top-3 overflow-auto select-none flex align-center justify-center", children: [selectedVariant && (_jsxs("div", { className: "relative", onDoubleClick: () => selectMedia(), onMouseDown: (ev) => {
+                                                ev.preventDefault();
+                                                ev.stopPropagation();
+                                                const bounds = ev.currentTarget.getBoundingClientRect();
+                                                setRect({
+                                                    left: (ev.clientX - bounds.left) / bounds.width,
+                                                    top: (ev.clientY - bounds.top) / bounds.height,
+                                                    width: 0,
+                                                    height: 0,
+                                                });
+                                            }, onMouseMoveCapture: (ev) => {
+                                                if (ev.buttons === 1) {
+                                                    const bounds = ev.currentTarget.getBoundingClientRect();
+                                                    const width = (ev.clientX - bounds.left) / bounds.width - rect.left;
+                                                    const newRect = {
+                                                        ...rect,
+                                                        width,
+                                                        height: selectedVariant.aspectRatioLock
+                                                            ? width / selectedVariant.aspectRatioLock
+                                                            : (ev.clientY - bounds.top) / bounds.height -
+                                                                rect.top,
+                                                    };
+                                                    setRect(newRect);
+                                                    ev.preventDefault();
+                                                    ev.stopPropagation();
+                                                }
+                                            }, onMouseUp: () => setVariantCrop(), children: [_jsx("img", { src: selectedVariant.originalSrc ?? selectedVariant.src, className: "object-contain h-full w-full" }), _jsx("div", { className: "absolute bg-opacity-70 bg-gray-300", style: {
+                                                        left: rect.left * 100 + "%",
+                                                        top: rect.top * 100 + "%",
+                                                        width: rect.width * 100 + "%",
+                                                        height: rect.height * 100 + "%",
+                                                    } })] })), selectedVariant && (_jsxs("div", { className: "absolute top-0 right-0 cursor-pointer text-sm flex flex-col gap-1 items-center p-2 bg-gray-100 bg-opacity-70", onClick: () => selectMedia(), children: [_jsx("i", { className: "pi pi-pencil text-xl" }), "Choose"] }))] }) })] }), _jsxs(DialogButtons, { children: [_jsx(Button, { size: "small", onClick: () => {
+                                    if (pictureValue) {
+                                        if (field) {
+                                            editContext?.operations.editField({
+                                                field: field.descriptor,
+                                                rawValue: JSON.stringify(rawValue),
+                                                refresh: "immediate",
+                                            });
+                                        }
+                                        onOk(pictureValue);
+                                    }
+                                }, children: "Ok" }), _jsx(Button, { onClick: () => {
+                                    onCancel();
+                                }, size: "small", children: "Cancel" })] })] }) }) }));
+}
+function getUsage(pictureValue, params) {
+    if (!params)
+        return;
+    if (!pictureValue)
+        return;
+    if (pictureValue.variants.length <= 1)
+        return;
+    const mediaParams = typeof params === "object" && "default" in params ? params : undefined;
+    if (mediaParams) {
+        const sources = Object.keys(mediaParams ?? {});
+        const variants = sources
+            .map((source) => ({
+            source,
+            variant: getRenderedPictureVariant(mediaParams[source], pictureValue.variants),
+        }))
+            .filter((x) => x.variant);
+        return (_jsxs(_Fragment, { children: ["This field rendering is using these variants:", _jsx("table", { children: variants.map((v) => (_jsxs("tr", { children: [_jsx("td", { children: v.source }), _jsx("td", { children: _jsx("b", { children: v.variant.name }) })] }))) })] }));
+    }
+    return (_jsxs(_Fragment, { children: ["This field rendering is using the variant", " ", _jsxs("b", { children: [getRenderedPictureVariant(params, pictureValue.variants)?.name, "."] })] }));
+}
+//# sourceMappingURL=PictureEditorDialog.js.map

package/dist/editor/PictureEditorDialog.js.map

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

package/dist/editor/ScrollingContentTree.d.ts

@@ -0,0 +1,6 @@
+import { ItemTreeNodeData } from "./services/contentService";
+export declare function ScrollingContentTree({ selectedItemId, onSelectionChange, rootItemId, }: {
+    selectedItemId?: string;
+    onSelectionChange?: (itemIds: ItemTreeNodeData[]) => void;
+    rootItemId?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/editor/ScrollingContentTree.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import ContentTree from "./ContentTree";
+import { contentItemId } from "../config/config";
+import { useEditContext } from "./client/editContext";
+export function ScrollingContentTree({ selectedItemId, onSelectionChange, rootItemId, }) {
+    const [selectedItem, setSelectdItem] = useState(null);
+    const editContext = useEditContext();
+    useEffect(() => {
+        const loadItem = async () => {
+            if (!selectedItemId)
+                return;
+            const item = await editContext.itemsRepository.getItem({
+                id: selectedItemId,
+                language: editContext.currentItemDescriptor?.language ?? "en",
+                version: 0,
+            });
+            if (item)
+                setSelectdItem(item);
+        };
+        loadItem();
+    }, [selectedItemId]);
+    return (_jsx("div", { className: "absolute inset-0 overflow-auto", children: _jsx(ContentTree, { language: editContext.currentItemDescriptor?.language ?? "en", rootItemId: rootItemId ?? contentItemId, expandIdPath: selectedItem?.idPath, selectedItemIds: selectedItemId ? [selectedItemId] : [], selectionMode: "single", className: "h-full p-1", onSelectionChange: onSelectionChange }) }));
+}
+//# sourceMappingURL=ScrollingContentTree.js.map

package/dist/editor/ScrollingContentTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollingContentTree.js","sourceRoot":"","sources":["../../src/editor/ScrollingContentTree.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,MAAM,UAAU,oBAAoB,CAAC,EACnC,cAAc,EACd,iBAAiB,EACjB,UAAU,GAKX;IACC,MAAM,CAAC,YAAY,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAkB,IAAI,CAAC,CAAC;IACvE,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,KAAK,IAAI,EAAE;YAC1B,IAAI,CAAC,cAAc;gBAAE,OAAO;YAC5B,MAAM,IAAI,GAAG,MAAM,WAAY,CAAC,eAAe,CAAC,OAAO,CAAC;gBACtD,EAAE,EAAE,cAAc;gBAClB,QAAQ,EAAE,WAAY,CAAC,qBAAqB,EAAE,QAAQ,IAAI,IAAI;gBAC9D,OAAO,EAAE,CAAC;aACX,CAAC,CAAC;YACH,IAAI,IAAI;gBAAE,cAAc,CAAC,IAAI,CAAC,CAAC;QACjC,CAAC,CAAC;QACF,QAAQ,EAAE,CAAC;IACb,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,cAAK,SAAS,EAAC,gCAAgC,YAC7C,KAAC,WAAW,IACV,QAAQ,EAAE,WAAY,CAAC,qBAAqB,EAAE,QAAQ,IAAI,IAAI,EAC9D,UAAU,EAAE,UAAU,IAAI,aAAa,EACvC,YAAY,EAAE,YAAY,EAAE,MAAM,EAClC,eAAe,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,EAAE,EACvD,aAAa,EAAC,QAAQ,EACtB,SAAS,EAAC,YAAY,EACtB,iBAAiB,EAAE,iBAAiB,GACpC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/editor/Terminal.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+export declare const Terminal: React.ForwardRefExoticComponent<{
+    commandHandler: (text: string, callback: (text: React.ReactNode, finished: boolean) => void) => void;
+    prompt: string;
+    setPrompt: (text: string) => void;
+    onReset: () => void;
+    toolbar?: React.ReactNode;
+    statusbar?: React.ReactNode;
+    infobar?: React.ReactNode;
+    disabled?: boolean;
+    className?: string;
+} & React.RefAttributes<{
+    submit: () => void;
+}>>;

package/dist/editor/Terminal.js

@@ -0,0 +1,107 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useEffect, useRef, useState, useImperativeHandle, } from "react";
+import { Button } from "primereact/button";
+import { InputTextarea } from "primereact/inputtextarea";
+import { classNames } from "primereact/utils";
+export const Terminal = forwardRef((props, ref) => {
+    const { commandHandler, prompt, setPrompt, onReset, toolbar, statusbar, infobar, disabled, className, } = props;
+    const [response, setResponse] = useState();
+    const [messages, setMessages] = useState([]);
+    const bottomRef = useRef(null);
+    const messageRef = useRef(messages);
+    const inputRef = useRef(null);
+    const [promptHistory, setPromptHistory] = useState(() => {
+        if (typeof window !== "undefined") {
+            return JSON.parse(localStorage.getItem("editor.ai.promptHistory") || "[]");
+        }
+        return [];
+    });
+    const [currentHistoryIndex, setCurrentHistoryIndex] = useState(-1);
+    useEffect(() => {
+        localStorage.setItem("editor.ai.promptHistory", JSON.stringify(promptHistory));
+    }, [promptHistory]);
+    useEffect(() => {
+        if (inputRef.current) {
+            inputRef.current.focus();
+        }
+    }, []);
+    useEffect(() => {
+        messageRef.current = messages;
+    }, [messages]);
+    const callback = (text, finished) => {
+        if (!finished)
+            setResponse(text);
+        else {
+            setResponse(undefined);
+            setMessages([...messageRef.current, { type: "response", text }]);
+        }
+    };
+    const handleKeyPress = (e) => {
+        if (e.key === "Enter" && !e.shiftKey) {
+            e.preventDefault();
+            submit();
+        }
+        if (e.key === "ArrowUp") {
+            e.preventDefault();
+            if (promptHistory.length > 0) {
+                const newIndex = currentHistoryIndex < promptHistory.length - 1
+                    ? currentHistoryIndex + 1
+                    : currentHistoryIndex;
+                setCurrentHistoryIndex(newIndex);
+                const historicalPrompt = promptHistory[newIndex];
+                if (inputRef.current && historicalPrompt) {
+                    setPrompt(historicalPrompt);
+                    setTimeout(() => {
+                        inputRef.current.selectionStart = historicalPrompt.length;
+                        inputRef.current.selectionEnd = historicalPrompt.length;
+                    }, 0);
+                }
+            }
+        }
+        if (e.key === "ArrowDown" && currentHistoryIndex >= 0) {
+            e.preventDefault();
+            const newIndex = currentHistoryIndex - 1;
+            setCurrentHistoryIndex(newIndex);
+            const historicalPrompt = newIndex >= 0 ? promptHistory[newIndex] : "";
+            if (inputRef.current && historicalPrompt) {
+                setPrompt(historicalPrompt);
+                setTimeout(() => {
+                    inputRef.current.selectionStart = historicalPrompt.length;
+                    inputRef.current.selectionEnd = historicalPrompt.length;
+                }, 0);
+            }
+        }
+    };
+    useEffect(() => {
+        // Scroll to bottom every time messages or response changes.
+        bottomRef.current?.scrollIntoView({ behavior: "smooth" });
+    }, [messages, response]);
+    const responseBoxClasses = "text-xs self-stretch text-gray-700 p-2 rounded shadow border border-gray-200";
+    const getClasses = (m) => {
+        if (m.type === "response")
+            return responseBoxClasses;
+        return "text-xs text-gray-700 bg-indigo-100 p-2 rounded prompt";
+    };
+    // Expose the submit function via the ref.
+    const submit = () => {
+        if (prompt.trim()) {
+            setPromptHistory((prev) => [
+                prompt,
+                ...prev.filter((p) => p !== prompt).slice(0, 9),
+            ]);
+            setCurrentHistoryIndex(-1);
+        }
+        setMessages([...messages, { type: "command", text: prompt }]);
+        setPrompt("");
+        setResponse("...");
+        commandHandler(prompt, callback);
+    };
+    useImperativeHandle(ref, () => ({
+        submit,
+    }));
+    return (_jsxs("div", { className: classNames("flex flex-col h-full", className), children: [_jsxs("div", { className: "p-1 border-b border-gray-200 flex justify-between gap-2 text-xs items-center", children: [_jsx("button", { onClick: () => {
+                            setMessages([]);
+                            onReset();
+                        }, children: _jsx("i", { className: "pi pi-trash text-sm m-1" }) }), toolbar] }), _jsx("div", { className: "overflow-y-auto h-full overflow-x-hidden p-2", children: _jsxs("div", { className: "flex flex-col gap-3 items-end select-text", children: [messages.map((m, i) => (_jsx("div", { className: getClasses(m), children: m.text }, i))), response != null && (_jsx("div", { className: responseBoxClasses, children: _jsxs("div", { className: "flex text-xs", children: [_jsxs("div", { className: "text-xs mr-4", children: [_jsx("i", { className: "pi pi-spin pi-spinner" }), " "] }), response] }) })), _jsx("div", { ref: bottomRef })] }) }), _jsxs("div", { className: "flex flex-col p-1 pb-0", children: [infobar, _jsx(InputTextarea, { ref: inputRef, value: prompt, className: "border-gray-300 border rounded flex-1 text-xs resize-none self-stretch", onKeyDown: handleKeyPress, onChange: (e) => setPrompt(e.target.value), rows: 4, cols: 30, disabled: disabled }), _jsxs("div", { className: "flex justify-between items-center py-1", children: [statusbar, _jsx(Button, { icon: "pi pi-send", text: true, size: "small", className: "tour-send-button", onClick: submit, disabled: prompt.trim().length === 0 })] })] })] }));
+});
+//# sourceMappingURL=Terminal.js.map

package/dist/editor/Terminal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Terminal.js","sourceRoot":"","sources":["../../src/editor/Terminal.tsx"],"names":[],"mappings":";AAAA,OAAc,EACZ,UAAU,EACV,SAAS,EACT,MAAM,EACN,QAAQ,EACR,mBAAmB,GACpB,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAO9C,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAgBhC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,MAAM,EACJ,cAAc,EACd,MAAM,EACN,SAAS,EACT,OAAO,EACP,OAAO,EACP,SAAS,EACT,OAAO,EACP,QAAQ,EACR,SAAS,GACV,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,EAAmB,CAAC;IAC5D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAY,EAAE,CAAC,CAAC;IACxD,MAAM,SAAS,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACtD,MAAM,UAAU,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IACpC,MAAM,QAAQ,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAC;IACnD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAW,GAAG,EAAE;QAChE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;YAClC,OAAO,IAAI,CAAC,KAAK,CACf,YAAY,CAAC,OAAO,CAAC,yBAAyB,CAAC,IAAI,IAAI,CACxD,CAAC;QACJ,CAAC;QACD,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC,CAAC;IACH,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC,CAAC;IAE3E,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,OAAO,CAClB,yBAAyB,EACzB,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,CAC9B,CAAC;IACJ,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACrB,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QAC3B,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,OAAO,GAAG,QAAQ,CAAC;IAChC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,QAAQ,GAAG,CAAC,IAAqB,EAAE,QAAiB,EAAE,EAAE;QAC5D,IAAI,CAAC,QAAQ;YAAE,WAAW,CAAC,IAAI,CAAC,CAAC;aAC5B,CAAC;YACJ,WAAW,CAAC,SAAS,CAAC,CAAC;YACvB,WAAW,CAAC,CAAC,GAAG,UAAU,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;QACnE,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,CAA2C,EAAE,EAAE;QACrE,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;YACrC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,MAAM,EAAE,CAAC;QACX,CAAC;QACD,IAAI,CAAC,CAAC,GAAG,KAAK,SAAS,EAAE,CAAC;YACxB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC7B,MAAM,QAAQ,GACZ,mBAAmB,GAAG,aAAa,CAAC,MAAM,GAAG,CAAC;oBAC5C,CAAC,CAAC,mBAAmB,GAAG,CAAC;oBACzB,CAAC,CAAC,mBAAmB,CAAC;gBAC1B,sBAAsB,CAAC,QAAQ,CAAC,CAAC;gBACjC,MAAM,gBAAgB,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC;gBACjD,IAAI,QAAQ,CAAC,OAAO,IAAI,gBAAgB,EAAE,CAAC;oBACzC,SAAS,CAAC,gBAAgB,CAAC,CAAC;oBAC5B,UAAU,CAAC,GAAG,EAAE;wBACd,QAAQ,CAAC,OAAQ,CAAC,cAAc,GAAG,gBAAgB,CAAC,MAAM,CAAC;wBAC3D,QAAQ,CAAC,OAAQ,CAAC,YAAY,GAAG,gBAAgB,CAAC,MAAM,CAAC;oBAC3D,CAAC,EAAE,CAAC,CAAC,CAAC;gBACR,CAAC;YACH,CAAC;QACH,CAAC;QACD,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,IAAI,mBAAmB,IAAI,CAAC,EAAE,CAAC;YACtD,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,MAAM,QAAQ,GAAG,mBAAmB,GAAG,CAAC,CAAC;YACzC,sBAAsB,CAAC,QAAQ,CAAC,CAAC;YACjC,MAAM,gBAAgB,GAAG,QAAQ,IAAI,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;YACtE,IAAI,QAAQ,CAAC,OAAO,IAAI,gBAAgB,EAAE,CAAC;gBACzC,SAAS,CAAC,gBAAgB,CAAC,CAAC;gBAC5B,UAAU,CAAC,GAAG,EAAE;oBACd,QAAQ,CAAC,OAAQ,CAAC,cAAc,GAAG,gBAAgB,CAAC,MAAM,CAAC;oBAC3D,QAAQ,CAAC,OAAQ,CAAC,YAAY,GAAG,gBAAgB,CAAC,MAAM,CAAC;gBAC3D,CAAC,EAAE,CAAC,CAAC,CAAC;YACR,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,4DAA4D;QAC5D,SAAS,CAAC,OAAO,EAAE,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC5D,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzB,MAAM,kBAAkB,GACtB,8EAA8E,CAAC;IACjF,MAAM,UAAU,GAAG,CAAC,CAAU,EAAE,EAAE;QAChC,IAAI,CAAC,CAAC,IAAI,KAAK,UAAU;YAAE,OAAO,kBAAkB,CAAC;QACrD,OAAO,wDAAwD,CAAC;IAClE,CAAC,CAAC;IAEF,0CAA0C;IAC1C,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,IAAI,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC;YAClB,gBAAgB,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC;gBACzB,MAAM;gBACN,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;aAChD,CAAC,CAAC;YACH,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7B,CAAC;QACD,WAAW,CAAC,CAAC,GAAG,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;QAC9D,SAAS,CAAC,EAAE,CAAC,CAAC;QACd,WAAW,CAAC,KAAK,CAAC,CAAC;QACnB,cAAc,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC9B,MAAM;KACP,CAAC,CAAC,CAAC;IAEJ,OAAO,CACL,eAAK,SAAS,EAAE,UAAU,CAAC,sBAAsB,EAAE,SAAS,CAAC,aAC3D,eAAK,SAAS,EAAC,8EAA8E,aAC3F,iBACE,OAAO,EAAE,GAAG,EAAE;4BACZ,WAAW,CAAC,EAAE,CAAC,CAAC;4BAChB,OAAO,EAAE,CAAC;wBACZ,CAAC,YAED,YAAG,SAAS,EAAC,yBAAyB,GAAG,GAClC,EACR,OAAO,IACJ,EACN,cAAK,SAAS,EAAC,8CAA8C,YAC3D,eAAK,SAAS,EAAC,2CAA2C,aACvD,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,cAAa,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,YAClC,CAAC,CAAC,IAAI,IADC,CAAC,CAEL,CACP,CAAC,EAED,QAAQ,IAAI,IAAI,IAAI,CACnB,cAAK,SAAS,EAAE,kBAAkB,YAChC,eAAK,SAAS,EAAC,cAAc,aAC3B,eAAK,SAAS,EAAC,cAAc,aAC3B,YAAG,SAAS,EAAC,uBAAuB,GAAK,EAAC,GAAG,IACzC,EACL,QAAQ,IACL,GACF,CACP,EACD,cAAK,GAAG,EAAE,SAAS,GAAI,IACnB,GACF,EACN,eAAK,SAAS,EAAC,wBAAwB,aACpC,OAAO,EACR,KAAC,aAAa,IACZ,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,MAAM,EACb,SAAS,EAAC,wEAAwE,EAClF,SAAS,EAAE,cAAc,EACzB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC1C,IAAI,EAAE,CAAC,EACP,IAAI,EAAE,EAAE,EACR,QAAQ,EAAE,QAAQ,GAClB,EACF,eAAK,SAAS,EAAC,wCAAwC,aACpD,SAAS,EACV,KAAC,MAAM,IACL,IAAI,EAAE,YAAY,EAClB,IAAI,QACJ,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,kBAAkB,EAC5B,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC,MAAM,KAAK,CAAC,GACpC,IACE,IACF,IACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/editor/Titlebar.d.ts

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

package/dist/editor/Titlebar.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEditContext } from "./client/editContext";
+export function Titlebar() {
+    const editContext = useEditContext();
+    if (!editContext?.view)
+        return null;
+    return (_jsxs("div", { className: "z-1 flex min-h-11 items-center justify-between bg-gradient-to-r from-gray-900 from-10% to-indigo-950", children: [_jsxs("div", { className: "relative flex items-center gap-2 pl-2 font-bold text-white", children: [_jsx("a", { href: "/sitecore/shell/sitecore/client/Applications/Launchpad", className: "glow-text", children: _jsx("i", { className: "pi pi-sparkles text-pink-400" }) }), " ", _jsx("span", { className: "ml-2 font-mono", children: "editor" })] }), _jsx("div", { children: editContext?.view.primaryControls }), _jsx("div", { children: editContext?.view.secondaryControls })] }));
+}
+//# sourceMappingURL=Titlebar.js.map

package/dist/editor/Titlebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Titlebar.js","sourceRoot":"","sources":["../../src/editor/Titlebar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,MAAM,UAAU,QAAQ;IACtB,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,IAAI,CAAC,WAAW,EAAE,IAAI;QAAE,OAAO,IAAI,CAAC;IAEpC,OAAO,CACL,eAAK,SAAS,EAAC,sGAAsG,aACnH,eAAK,SAAS,EAAC,4DAA4D,aACzE,YACE,IAAI,EAAC,wDAAwD,EAC7D,SAAS,EAAC,WAAW,YAErB,YAAG,SAAS,EAAC,8BAA8B,GAAG,GAC5C,EAAC,GAAG,EACR,eAAM,SAAS,EAAC,gBAAgB,uBAAc,IAC1C,EACN,wBAAM,WAAW,EAAE,IAAI,CAAC,eAAe,GAAO,EAC9C,wBAAM,WAAW,EAAE,IAAI,CAAC,iBAAiB,GAAO,IAC5C,CACP,CAAC;AACJ,CAAC"}

package/dist/editor/ai/AiPopup.d.ts

@@ -0,0 +1,10 @@
+import { SyntheticEvent } from "react";
+import { AiTerminalOptions } from "./AiTerminal";
+export interface AiPopupRef {
+    show: (event: SyntheticEvent, terminalOptions?: AiTerminalOptions) => void;
+    close: () => void;
+}
+interface AiPopupProps {
+}
+export declare const AiPopup: import("react").ForwardRefExoticComponent<AiPopupProps & import("react").RefAttributes<AiPopupRef>>;
+export {};

package/dist/editor/ai/AiPopup.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { OverlayPanel } from "primereact/overlaypanel";
+import { Button } from "primereact/button";
+import { forwardRef, useImperativeHandle, useRef, useState, } from "react";
+import { EditorAiTerminal } from "./EditorAiTerminal";
+export const AiPopup = forwardRef((_, ref) => {
+    const overlayRef = useRef(null);
+    const [terminalOptions, setTerminalOptions] = useState();
+    //const [components, setComponents] = useState<ComponentData[]>([]); // [componentId, componentId, ...]
+    useImperativeHandle(ref, () => ({
+        show: (ev, terminalOptions) => {
+            setTerminalOptions(terminalOptions);
+            //setComponents(components || []);
+            overlayRef.current?.toggle(ev);
+        },
+        close: () => {
+            overlayRef.current?.hide();
+        },
+    }));
+    return (_jsx(OverlayPanel, { ref: overlayRef, children: _jsx("div", { className: "w-96 h-96 flex flex-col gap-2", onClick: (ev) => ev.stopPropagation(), children: _jsx(EditorAiTerminal, { options: terminalOptions, closeButton: _jsx(Button, { icon: "pi pi-times", onClick: () => overlayRef.current?.hide(), size: "small", text: true }) }) }) }));
+});
+//# sourceMappingURL=AiPopup.js.map

package/dist/editor/ai/AiPopup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiPopup.js","sourceRoot":"","sources":["../../../src/editor/ai/AiPopup.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAEL,UAAU,EACV,mBAAmB,EACnB,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAUtD,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAC/B,CAAC,CAAU,EAAE,GAAG,EAAE,EAAE;IAClB,MAAM,UAAU,GAAG,MAAM,CAAe,IAAI,CAAC,CAAC;IAC9C,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,EAAqB,CAAC;IAE5E,uGAAuG;IAEvG,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC9B,IAAI,EAAE,CAAC,EAAkB,EAAE,eAAmC,EAAE,EAAE;YAChE,kBAAkB,CAAC,eAAe,CAAC,CAAC;YACpC,kCAAkC;YAClC,UAAU,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC;QACjC,CAAC;QACD,KAAK,EAAE,GAAG,EAAE;YACV,UAAU,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC;QAC7B,CAAC;KACF,CAAC,CAAC,CAAC;IAEJ,OAAO,CACL,KAAC,YAAY,IAAC,GAAG,EAAE,UAAU,YAC3B,cACE,SAAS,EAAC,+BAA+B,EACzC,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,eAAe,EAAE,YAErC,KAAC,gBAAgB,IACf,OAAO,EAAE,eAAe,EACxB,WAAW,EAAC,KAAC,MAAM,IACjB,IAAI,EAAC,aAAa,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,IAAI,EAAE,EACzC,IAAI,EAAC,OAAO,EACZ,IAAI,SACJ,GACF,GACE,GACO,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/editor/ai/AiResponseMessage.d.ts

@@ -0,0 +1,8 @@
+import { ToolCall } from "./AiToolCall";
+import { EditOperation } from "../../types";
+export declare function AiResponseMessage({ responseText, toolcalls, editOperations, finished, }: {
+    responseText: string;
+    toolcalls: ToolCall[];
+    editOperations: EditOperation[];
+    finished: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/editor/ai/AiResponseMessage.js

@@ -0,0 +1,22 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { AiToolCall } from "./AiToolCall";
+import { useEditContext } from "../client/editContext";
+export function AiResponseMessage({ responseText, toolcalls, editOperations, finished, }) {
+    const editContext = useEditContext();
+    if (!editContext)
+        return _jsx(_Fragment, {});
+    const [showFunctions, setShowFunctions] = useState(false);
+    const [changesRejected, setChangesRejected] = useState(undefined);
+    const reversedEditOperations = [...editOperations].reverse();
+    const canReject = editContext.editHistory.length >= editOperations.length &&
+        reversedEditOperations.find((x, index) => editContext.editHistory[index]?.id !== x.id ||
+            !editContext.editHistory[index]?.canUndo) === undefined;
+    return (_jsxs("div", { children: [_jsx("div", { dangerouslySetInnerHTML: {
+                    __html: responseText.replaceAll("\\n", "<br>"),
+                } }), toolcalls.length > 0 && (_jsxs("div", { className: "text-xs text-gray-400  cursor-pointer flex items-center gap-1 mt-1", onClick: () => setShowFunctions(!showFunctions), children: [_jsx("i", { className: "pi pi-wrench text-xs" }), " Tool calls"] })), showFunctions && (_jsx("div", { className: "text-xs text-gray-400", children: toolcalls.map((x, index) => (_jsx(AiToolCall, { toolCall: x }, index))) })), finished && editOperations.length > 0 && (_jsxs("div", { className: "flex gap-2 my-2 items-center", children: [_jsxs("div", { className: "text-xs tour-ai-response-message-changes", children: [editOperations.length, " changes"] }), canReject && !changesRejected && (_jsxs("div", { className: "text-xs text-red-500  cursor-pointer flex items-center gap-1", onClick: async () => {
+                            await editContext?.operations.undo(editOperations.length);
+                            setChangesRejected(true);
+                        }, children: [_jsx("i", { className: "pi pi-times" }), " Reject"] })), changesRejected && (_jsx("div", { className: "text-xs text-red-500", children: "rejected" }))] }))] }));
+}
+//# sourceMappingURL=AiResponseMessage.js.map

package/dist/editor/ai/AiResponseMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiResponseMessage.js","sourceRoot":"","sources":["../../../src/editor/ai/AiResponseMessage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,UAAU,EAAY,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,MAAM,UAAU,iBAAiB,CAAC,EAChC,YAAY,EACZ,SAAS,EACT,cAAc,EACd,QAAQ,GAMT;IACC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,IAAI,CAAC,WAAW;QAAE,OAAO,mBAAK,CAAC;IAE/B,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CACpD,SAAS,CACV,CAAC;IAEF,MAAM,sBAAsB,GAAG,CAAC,GAAG,cAAc,CAAC,CAAC,OAAO,EAAE,CAAC;IAE7D,MAAM,SAAS,GACb,WAAW,CAAC,WAAW,CAAC,MAAM,IAAI,cAAc,CAAC,MAAM;QACvD,sBAAsB,CAAC,IAAI,CACzB,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CACX,WAAW,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,EAAE;YAC3C,CAAC,WAAW,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,OAAO,CAC3C,KAAK,SAAS,CAAC;IAElB,OAAO,CACL,0BACE,cACE,uBAAuB,EAAE;oBACvB,MAAM,EAAE,YAAY,CAAC,UAAU,CAAC,KAAK,EAAE,MAAM,CAAC;iBAC/C,GACD,EACD,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,CACvB,eACE,SAAS,EAAC,oEAAoE,EAC9E,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,CAAC,aAAa,CAAC,aAE/C,YAAG,SAAS,EAAC,sBAAsB,GAAG,mBAClC,CACP,EAEA,aAAa,IAAI,CAChB,cAAK,SAAS,EAAC,uBAAuB,YACnC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3B,KAAC,UAAU,IAAC,QAAQ,EAAE,CAAC,IAAO,KAAK,CAAI,CACxC,CAAC,GACE,CACP,EAEA,QAAQ,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,IAAI,CACxC,eAAK,SAAS,EAAC,8BAA8B,aAC3C,eAAK,SAAS,EAAC,0CAA0C,aACtD,cAAc,CAAC,MAAM,gBAClB,EACL,SAAS,IAAI,CAAC,eAAe,IAAI,CAChC,eACE,SAAS,EAAC,8DAA8D,EACxE,OAAO,EAAE,KAAK,IAAI,EAAE;4BAClB,MAAM,WAAW,EAAE,UAAU,CAAC,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;4BAC1D,kBAAkB,CAAC,IAAI,CAAC,CAAC;wBAC3B,CAAC,aAED,YAAG,SAAS,EAAC,aAAa,GAAG,eACzB,CACP,EACA,eAAe,IAAI,CAClB,cAAK,SAAS,EAAC,sBAAsB,yBAAe,CACrD,IACG,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/editor/ai/AiTerminal.d.ts

@@ -0,0 +1,34 @@
+import { EditOperation } from "../../types";
+type Response = {
+    responseText: string;
+    editOperations: EditOperation[];
+    numInputTokens: number;
+    numOutputTokens: number;
+    numCachedTokens: number;
+    toolCalls?: ToolCall[];
+    state: string;
+};
+type ToolCall = {
+    function: {
+        name: string;
+        arguments: string;
+    };
+};
+export type AiContext = {
+    promptData: any;
+    endpoint: string;
+    callback?: (response: Response) => void;
+};
+export type AiTerminalOptions = {
+    initialPrompt?: string;
+    hiddenSystemPrompt?: string;
+};
+export declare function AiTerminal({ closeButton, createAiContext, defaultProfile, options, }: {
+    closeButton?: React.ReactNode;
+    createAiContext: ({ editContext }: {
+        editContext: any;
+    }) => AiContext;
+    defaultProfile?: string;
+    options?: AiTerminalOptions;
+}): import("react/jsx-runtime").JSX.Element | null;
+export {};