@alpaca-editor/core 1.0.3767 → 1.0.3769

package/dist/editor/PictureEditor.js

@@ -1,20 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PictureEditor = PictureEditor;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const editContext_1 = require("./client/editContext");
-const PictureCropper_1 = require("./PictureCropper");
-function PictureEditor({ field, variantName, style, forwardScrollevents, isPageEditor, }) {
-    const [showMenu, setShowMenu] = (0, react_1.useState)(false);
-    const [showCropper, setShowCropper] = (0, react_1.useState)(false);
-    const editContext = (0, editContext_1.useEditContext)();
+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 = (0, react_1.useCallback)(() => {
+    const reset = useCallback(() => {
         raw.Variants = raw.Variants.filter((x) => x.Name !== variantName);
         editContext.operations.editField({
             field: field.descriptor,
@@ -22,7 +19,7 @@ function PictureEditor({ field, variantName, style, forwardScrollevents, isPageE
             refresh: "immediate",
         });
     }, [field, variant]);
-    const imageSelected = (0, react_1.useCallback)(async (imageId) => {
+    const imageSelected = useCallback(async (imageId) => {
         const selected = raw.Variants?.find((x) => x.Name == variantName);
         if (!selected) {
             if (!raw.Variants)
@@ -41,7 +38,7 @@ function PictureEditor({ field, variantName, style, forwardScrollevents, isPageE
             refresh: "immediate",
         });
     }, [field, variant]);
-    const videoSelected = (0, react_1.useCallback)(async (videoId) => {
+    const videoSelected = useCallback(async (videoId) => {
         const selected = raw.Variants?.find((x) => x.Name == variantName);
         if (!selected) {
             if (!raw.Variants)
@@ -77,7 +74,7 @@ function PictureEditor({ field, variantName, style, forwardScrollevents, isPageE
             videoSelected(selectedVideoId);
     }
     const notEmpty = variant?.mediaId;
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "absolute inset-0 flex items-center justify-center", onMouseEnter: () => setShowMenu(true), onMouseLeave: () => setShowMenu(false), onClick: () => {
+    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;
@@ -95,10 +92,10 @@ function PictureEditor({ field, variantName, style, forwardScrollevents, isPageE
                 left: 0,
                 top: e.deltaY,
             });
-        }, style: style, "data-testid": "select-media", children: [showMenu && ((0, jsx_runtime_1.jsxs)("div", { className: "p-3 grid grid-cols-2 gap-1.5 items-stretch justify-center text-sm min-w-48", children: [(0, jsx_runtime_1.jsx)(Btn, { label: "Select", icon: "pi pi-image", onClick: () => selectMedia("images"), testId: "select-media-button", className: "min-w-[80px]" }), field.value?.allowVideos && ((0, jsx_runtime_1.jsx)(Btn, { label: "Video", icon: "pi pi-video", onClick: () => selectVideo(), testId: "video-media-button", className: "min-w-[80px]" })), notEmpty && ((0, jsx_runtime_1.jsx)(Btn, { label: "Crop", icon: "pi pi-expand", onClick: () => {
+        }, 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 && ((0, jsx_runtime_1.jsx)(Btn, { label: "Reset", icon: "pi pi-times", onClick: () => reset(), testId: "reset-media-button", className: "min-w-[80px]" }))] })), showCropper && ((0, jsx_runtime_1.jsx)(PictureCropper_1.PictureCropper, { field: field, onClose: () => setShowCropper(false), variantName: variantName }))] }));
+                        }, 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 ((0, jsx_runtime_1.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: [(0, jsx_runtime_1.jsx)("i", { className: icon }), " ", label] }));
+    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] }));
 }

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;

package/dist/editor/PictureEditorDialog.js

@@ -1,33 +1,27 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PictureEditorDialog = PictureEditorDialog;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const dialog_1 = require("primereact/dialog");
-const editContext_1 = require("./client/editContext");
-const react_1 = require("react");
-const button_1 = require("primereact/button");
-const DialogButtons_1 = __importDefault(require("./ui/DialogButtons"));
-const editService_1 = require("./services/editService");
-const picture_shared_1 = require("./picture-shared");
-function PictureEditorDialog({ field, onCancel, onOk, params, }) {
-    const [selectedVariantName, setSelectedVariantName] = (0, react_1.useState)();
-    const [pictureValue, setPictureValue] = (0, react_1.useState)();
-    const [rawValue, setRawValue] = (0, react_1.useState)();
+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] = (0, react_1.useState)(emptyRect());
-    const editContext = (0, editContext_1.useEditContext)();
-    (0, react_1.useEffect)(() => {
+    const [rect, setRect] = useState(emptyRect());
+    const editContext = useEditContext();
+    useEffect(() => {
         setSelectedVariantName(field?.value?.variants[0].name);
     }, []);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         const deepCopy = JSON.parse(JSON.stringify(field.value));
         setPictureValue(deepCopy);
         const raw = field?.rawValue
@@ -48,7 +42,7 @@ function PictureEditorDialog({ field, onCancel, onOk, params, }) {
     const selectedVariant = pictureValue && pictureValue.variants
         ? pictureValue.variants?.find((x) => x.name == selectedVariantName)
         : null;
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (selectedVariant?.region &&
             (!selectedVariant.aspectRatioLock ||
                 Math.abs(selectedVariant.aspectRatioLock -
@@ -66,9 +60,9 @@ function PictureEditorDialog({ field, onCancel, onOk, params, }) {
     const getPictureFieldValue = async (field, rawValue) => {
         if (!editContext?.pageView.site)
             return null;
-        return (0, editService_1.getPictureValue)(field, rawValue, editContext.pageView.site?.name, editContext.sessionId);
+        return getPictureValue(field, rawValue, editContext.pageView.site?.name, editContext.sessionId);
     };
-    const imageSelected = (0, react_1.useCallback)(async (imageId, variantName, rawValue) => {
+    const imageSelected = useCallback(async (imageId, variantName, rawValue) => {
         if (!variantName || !rawValue)
             return;
         const selected = rawValue.Variants?.find((x) => x.Name == variantName);
@@ -122,11 +116,11 @@ function PictureEditorDialog({ field, onCancel, onOk, params, }) {
         }
     };
     const usage = getUsage(pictureValue, params);
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(dialog_1.Dialog, { header: "Edit " + field.name, visible: true, style: { width: "70vw", height: "70vh" }, onHide: onCancel, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-1 flex-col justify h-full", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex-1 flex gap-2", children: [(0, jsx_runtime_1.jsxs)("div", { className: " h-full border-r pt-3 w-48 relative", children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 overflow-y-auto flex flex-col gap-6", children: pictureValue &&
-                                            pictureValue.variants?.map((variant) => ((0, jsx_runtime_1.jsxs)("div", { onClick: () => setSelectedVariantName(variant.name), className: "text-xs flex flex-col items-center justify-center gap-1 cursor-pointer", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex justify-center items-center h-40 w-40 border relative" +
+    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 && (0, jsx_runtime_1.jsx)("img", { src: variant.thumbSrc }) }), (0, jsx_runtime_1.jsxs)("div", { className: "w-40", children: [(0, jsx_runtime_1.jsx)("div", { children: variant.name }), (0, jsx_runtime_1.jsx)("div", { children: variant.aspectRatioLockText }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "break-all", children: ["Name: ", variant.mediaItemName] }), (0, jsx_runtime_1.jsxs)("div", { children: ["Orig. size: ", variant.width, " x ", variant.height] }), (variant.width < 1 || variant.height < 1) && ((0, jsx_runtime_1.jsxs)("span", { children: [" ", (0, jsx_runtime_1.jsx)("i", { className: "pi pi-exclamation-triangle text-red-600 " })] }))] })] })] }, variant.name))) }), usage && (0, jsx_runtime_1.jsx)("div", { className: "text-xs", children: usage })] }), (0, jsx_runtime_1.jsx)("div", { className: "flex-1 relative p-3", children: (0, jsx_runtime_1.jsxs)("div", { className: "absolute inset-0 top-3 overflow-auto select-none flex align-center justify-center", children: [selectedVariant && ((0, jsx_runtime_1.jsxs)("div", { className: "relative", onDoubleClick: () => selectMedia(), onMouseDown: (ev) => {
+                                                                : ""), 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();
@@ -152,12 +146,12 @@ function PictureEditorDialog({ field, onCancel, onOk, params, }) {
                                                     ev.preventDefault();
                                                     ev.stopPropagation();
                                                 }
-                                            }, onMouseUp: () => setVariantCrop(), children: [(0, jsx_runtime_1.jsx)("img", { src: selectedVariant.originalSrc ?? selectedVariant.src, className: "object-contain h-full w-full" }), (0, jsx_runtime_1.jsx)("div", { className: "absolute bg-opacity-70 bg-gray-300", style: {
+                                            }, 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 && ((0, jsx_runtime_1.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: [(0, jsx_runtime_1.jsx)("i", { className: "pi pi-pencil text-xl" }), "Choose"] }))] }) })] }), (0, jsx_runtime_1.jsxs)(DialogButtons_1.default, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { size: "small", onClick: () => {
+                                                    } })] })), 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({
@@ -168,7 +162,7 @@ function PictureEditorDialog({ field, onCancel, onOk, params, }) {
                                         }
                                         onOk(pictureValue);
                                     }
-                                }, children: "Ok" }), (0, jsx_runtime_1.jsx)(button_1.Button, { onClick: () => {
+                                }, children: "Ok" }), _jsx(Button, { onClick: () => {
                                     onCancel();
                                 }, size: "small", children: "Cancel" })] })] }) }) }));
 }
@@ -185,10 +179,10 @@ function getUsage(pictureValue, params) {
         const variants = sources
             .map((source) => ({
             source,
-            variant: (0, picture_shared_1.getRenderedPictureVariant)(mediaParams[source], pictureValue.variants),
+            variant: getRenderedPictureVariant(mediaParams[source], pictureValue.variants),
         }))
             .filter((x) => x.variant);
-        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["This field rendering is using these variants:", (0, jsx_runtime_1.jsx)("table", { children: variants.map((v) => ((0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { children: v.source }), (0, jsx_runtime_1.jsx)("td", { children: (0, jsx_runtime_1.jsx)("b", { children: v.variant.name }) })] }))) })] }));
+        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 ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["This field rendering is using the variant", " ", (0, jsx_runtime_1.jsxs)("b", { children: [(0, picture_shared_1.getRenderedPictureVariant)(params, pictureValue.variants)?.name, "."] })] }));
+    return (_jsxs(_Fragment, { children: ["This field rendering is using the variant", " ", _jsxs("b", { children: [getRenderedPictureVariant(params, pictureValue.variants)?.name, "."] })] }));
 }

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

@@ -1,18 +1,12 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ScrollingContentTree = ScrollingContentTree;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const ContentTree_1 = __importDefault(require("./ContentTree"));
-const config_1 = require("../config/config");
-const editContext_1 = require("./client/editContext");
-function ScrollingContentTree({ selectedItemId, onSelectionChange, rootItemId, }) {
-    const [selectedItem, setSelectdItem] = (0, react_1.useState)(null);
-    const editContext = (0, editContext_1.useEditContext)();
-    (0, react_1.useEffect)(() => {
+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;
@@ -26,5 +20,5 @@ function ScrollingContentTree({ selectedItemId, onSelectionChange, rootItemId, }
         };
         loadItem();
     }, [selectedItemId]);
-    return ((0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 overflow-auto", children: (0, jsx_runtime_1.jsx)(ContentTree_1.default, { language: editContext.currentItemDescriptor?.language ?? "en", rootItemId: rootItemId ?? config_1.contentItemId, expandIdPath: selectedItem?.idPath, selectedItemIds: selectedItemId ? [selectedItemId] : [], selectionMode: "single", className: "h-full p-1", onSelectionChange: onSelectionChange }) }));
+    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 }) }));
 }

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

@@ -1,34 +1,31 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Terminal = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const button_1 = require("primereact/button");
-const inputtextarea_1 = require("primereact/inputtextarea");
-const utils_1 = require("primereact/utils");
-exports.Terminal = (0, react_1.forwardRef)((props, ref) => {
+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] = (0, react_1.useState)();
-    const [messages, setMessages] = (0, react_1.useState)([]);
-    const bottomRef = (0, react_1.useRef)(null);
-    const messageRef = (0, react_1.useRef)(messages);
-    const inputRef = (0, react_1.useRef)(null);
-    const [promptHistory, setPromptHistory] = (0, react_1.useState)(() => {
+    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] = (0, react_1.useState)(-1);
-    (0, react_1.useEffect)(() => {
+    const [currentHistoryIndex, setCurrentHistoryIndex] = useState(-1);
+    useEffect(() => {
         localStorage.setItem("editor.ai.promptHistory", JSON.stringify(promptHistory));
     }, [promptHistory]);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (inputRef.current) {
             inputRef.current.focus();
         }
     }, []);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         messageRef.current = messages;
     }, [messages]);
     const callback = (text, finished) => {
@@ -75,7 +72,7 @@ exports.Terminal = (0, react_1.forwardRef)((props, ref) => {
             }
         }
     };
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         // Scroll to bottom every time messages or response changes.
         bottomRef.current?.scrollIntoView({ behavior: "smooth" });
     }, [messages, response]);
@@ -99,11 +96,11 @@ exports.Terminal = (0, react_1.forwardRef)((props, ref) => {
         setResponse("...");
         commandHandler(prompt, callback);
     };
-    (0, react_1.useImperativeHandle)(ref, () => ({
+    useImperativeHandle(ref, () => ({
         submit,
     }));
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.classNames)("flex flex-col h-full", className), children: [(0, jsx_runtime_1.jsxs)("div", { className: "p-1 border-b border-gray-200 flex justify-between gap-2 text-xs items-center", children: [(0, jsx_runtime_1.jsx)("button", { onClick: () => {
+    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: (0, jsx_runtime_1.jsx)("i", { className: "pi pi-trash text-sm m-1" }) }), toolbar] }), (0, jsx_runtime_1.jsx)("div", { className: "overflow-y-auto h-full overflow-x-hidden p-2", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-3 items-end select-text", children: [messages.map((m, i) => ((0, jsx_runtime_1.jsx)("div", { className: getClasses(m), children: m.text }, i))), response != null && ((0, jsx_runtime_1.jsx)("div", { className: responseBoxClasses, children: (0, jsx_runtime_1.jsxs)("div", { className: "flex text-xs", children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-xs mr-4", children: [(0, jsx_runtime_1.jsx)("i", { className: "pi pi-spin pi-spinner" }), " "] }), response] }) })), (0, jsx_runtime_1.jsx)("div", { ref: bottomRef })] }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col p-1 pb-0", children: [infobar, (0, jsx_runtime_1.jsx)(inputtextarea_1.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 }), (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center py-1", children: [statusbar, (0, jsx_runtime_1.jsx)(button_1.Button, { icon: "pi pi-send", text: true, size: "small", className: "tour-send-button", onClick: submit, disabled: prompt.trim().length === 0 })] })] })] }));
+                        }, 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 })] })] })] }));
 });

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

@@ -1,11 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Titlebar = Titlebar;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const editContext_1 = require("./client/editContext");
-function Titlebar() {
-    const editContext = (0, editContext_1.useEditContext)();
+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 ((0, jsx_runtime_1.jsxs)("div", { className: "bg-gradient-to-r from-gray-900 from-10% vigray-500 to-indigo-950 h-12 flex justify-between items-center z-1 min-h-12", children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-white flex gap-2 items-center relative pl-2 font-bold", children: [(0, jsx_runtime_1.jsx)("a", { href: "/sitecore/shell/sitecore/client/Applications/Launchpad", className: "glow-text", children: (0, jsx_runtime_1.jsx)("i", { className: "pi pi-sparkles text-pink-400" }) }), " ", (0, jsx_runtime_1.jsx)("span", { className: "ml-2 font-mono", children: "editor" })] }), (0, jsx_runtime_1.jsx)("div", { children: editContext?.view.primaryControls }), (0, jsx_runtime_1.jsx)("div", { children: editContext?.view.secondaryControls })] }));
+    return (_jsxs("div", { className: "bg-gradient-to-r from-gray-900 from-10% vigray-500 to-indigo-950 h-12 flex justify-between items-center z-1 min-h-12", children: [_jsxs("div", { className: "text-white flex gap-2 items-center relative pl-2 font-bold", 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 })] }));
 }

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

@@ -1,17 +1,14 @@
 "use client";
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AiPopup = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const overlaypanel_1 = require("primereact/overlaypanel");
-const button_1 = require("primereact/button");
-const react_1 = require("react");
-const EditorAiTerminal_1 = require("./EditorAiTerminal");
-exports.AiPopup = (0, react_1.forwardRef)((_, ref) => {
-    const overlayRef = (0, react_1.useRef)(null);
-    const [terminalOptions, setTerminalOptions] = (0, react_1.useState)();
+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, ...]
-    (0, react_1.useImperativeHandle)(ref, () => ({
+    useImperativeHandle(ref, () => ({
         show: (ev, terminalOptions) => {
             setTerminalOptions(terminalOptions);
             //setComponents(components || []);
@@ -21,5 +18,5 @@ exports.AiPopup = (0, react_1.forwardRef)((_, ref) => {
             overlayRef.current?.hide();
         },
     }));
-    return ((0, jsx_runtime_1.jsx)(overlaypanel_1.OverlayPanel, { ref: overlayRef, children: (0, jsx_runtime_1.jsx)("div", { className: "w-96 h-96 flex flex-col gap-2", onClick: (ev) => ev.stopPropagation(), children: (0, jsx_runtime_1.jsx)(EditorAiTerminal_1.EditorAiTerminal, { options: terminalOptions, closeButton: (0, jsx_runtime_1.jsx)(button_1.Button, { icon: "pi pi-times", onClick: () => overlayRef.current?.hide(), size: "small", text: true }) }) }) }));
+    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 }) }) }) }));
 });

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

@@ -1,24 +1,21 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AiResponseMessage = AiResponseMessage;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const AiToolCall_1 = require("./AiToolCall");
-const editContext_1 = require("../client/editContext");
-function AiResponseMessage({ responseText, toolcalls, editOperations, finished, }) {
-    const editContext = (0, editContext_1.useEditContext)();
+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 (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-    const [showFunctions, setShowFunctions] = (0, react_1.useState)(false);
-    const [changesRejected, setChangesRejected] = (0, react_1.useState)(undefined);
+        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 ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { dangerouslySetInnerHTML: {
+    return (_jsxs("div", { children: [_jsx("div", { dangerouslySetInnerHTML: {
                     __html: responseText.replaceAll("\\n", "<br>"),
-                } }), toolcalls.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "text-xs text-gray-400  cursor-pointer flex items-center gap-1 mt-1", onClick: () => setShowFunctions(!showFunctions), children: [(0, jsx_runtime_1.jsx)("i", { className: "pi pi-wrench text-xs" }), " Tool calls"] })), showFunctions && ((0, jsx_runtime_1.jsx)("div", { className: "text-xs text-gray-400", children: toolcalls.map((x, index) => ((0, jsx_runtime_1.jsx)(AiToolCall_1.AiToolCall, { toolCall: x }, index))) })), finished && editOperations.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 my-2 items-center", children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-xs tour-ai-response-message-changes", children: [editOperations.length, " changes"] }), canReject && !changesRejected && ((0, jsx_runtime_1.jsxs)("div", { className: "text-xs text-red-500  cursor-pointer flex items-center gap-1", onClick: async () => {
+                } }), 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: [(0, jsx_runtime_1.jsx)("i", { className: "pi pi-times" }), " Reject"] })), changesRejected && ((0, jsx_runtime_1.jsx)("div", { className: "text-xs text-red-500", children: "rejected" }))] }))] }));
+                        }, children: [_jsx("i", { className: "pi pi-times" }), " Reject"] })), changesRejected && (_jsx("div", { className: "text-xs text-red-500", children: "rejected" }))] }))] }));
 }

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 {};