@alpaca-editor/core 1.0.3767 → 1.0.3768

package/dist/editor/ai/AiTerminal.js

@@ -1,36 +1,30 @@
 "use client";
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AiTerminal = AiTerminal;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const terminalservice_1 = require("primereact/terminalservice");
-const Terminal_1 = require("../Terminal");
-const editContext_1 = require("../client/editContext");
-const dropdown_1 = require("primereact/dropdown");
-const universal_cookie_1 = __importDefault(require("universal-cookie"));
-const Icons_1 = require("../ui/Icons");
-const AiResponseMessage_1 = require("./AiResponseMessage");
-const aiService_1 = require("../services/aiService");
-const SimpleIconButton_1 = require("../ui/SimpleIconButton");
-function AiTerminal({ closeButton, createAiContext, defaultProfile, options, }) {
-    const editContext = (0, editContext_1.useEditContext)();
-    const [showPredefined, setShowPredefined] = (0, react_1.useState)(false);
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { TerminalService } from "primereact/terminalservice";
+import { Terminal } from "../Terminal";
+import { useEditContext } from "../client/editContext";
+import { Dropdown } from "primereact/dropdown";
+import Cookies from "universal-cookie";
+import { WizardIcon } from "../ui/Icons";
+import { AiResponseMessage } from "./AiResponseMessage";
+import { loadAiProfiles } from "../services/aiService";
+import { SimpleIconButton } from "../ui/SimpleIconButton";
+export function AiTerminal({ closeButton, createAiContext, defaultProfile, options, }) {
+    const editContext = useEditContext();
+    const [showPredefined, setShowPredefined] = useState(false);
     if (!editContext)
         return null;
-    const [messages, setMessages] = (0, react_1.useState)([]);
-    const [response, setResponse] = (0, react_1.useState)();
-    const [model, setModel] = (0, react_1.useState)();
-    const [prompt, setPrompt] = (0, react_1.useState)("");
-    const [profiles, setProfiles] = (0, react_1.useState)([]);
-    const [activeProfile, setActiveProfile] = (0, react_1.useState)();
-    const [initialPromptExecuted, setInitialPromptExecuted] = (0, react_1.useState)(false);
+    const [messages, setMessages] = useState([]);
+    const [response, setResponse] = useState();
+    const [model, setModel] = useState();
+    const [prompt, setPrompt] = useState("");
+    const [profiles, setProfiles] = useState([]);
+    const [activeProfile, setActiveProfile] = useState();
+    const [initialPromptExecuted, setInitialPromptExecuted] = useState(false);
     const selection = editContext.selection;
-    const terminalRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
+    const terminalRef = useRef(null);
+    useEffect(() => {
         if (options?.initialPrompt && !initialPromptExecuted && model) {
             // Set the initial prompt text into the terminal's state.
             console.log("setting prompt", options.initialPrompt);
@@ -42,23 +36,23 @@ function AiTerminal({ closeButton, createAiContext, defaultProfile, options, })
             }, 100);
         }
     }, [options?.initialPrompt, initialPromptExecuted, model]);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         async function fetchProfiles() {
             if (!editContext?.currentItemDescriptor)
                 return;
-            const profiles = await (0, aiService_1.loadAiProfiles)(editContext.currentItemDescriptor);
+            const profiles = await loadAiProfiles(editContext.currentItemDescriptor);
             setProfiles(profiles);
             if (!activeProfile)
                 setActiveProfile(profiles.find((x) => x.name == defaultProfile) || profiles[0]);
         }
         fetchProfiles();
     }, [editContext?.currentItemDescriptor]);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (activeProfile?.defaultModel)
             setModel(activeProfile.defaultModel);
     }, [activeProfile]);
-    const messagesRef = (0, react_1.useRef)(messages);
-    (0, react_1.useEffect)(() => {
+    const messagesRef = useRef(messages);
+    useEffect(() => {
         messagesRef.current = messages;
     }, [messages]);
     async function commandHandler(text, callback) {
@@ -141,28 +135,28 @@ function AiTerminal({ closeButton, createAiContext, defaultProfile, options, })
         setResponse(response ? response : undefined);
         setMessages(newMessages);
     }
-    (0, react_1.useEffect)(() => {
-        terminalservice_1.TerminalService.on("command", commandHandler);
+    useEffect(() => {
+        TerminalService.on("command", commandHandler);
         return () => {
-            terminalservice_1.TerminalService.off("command", commandHandler);
+            TerminalService.off("command", commandHandler);
         };
     }, []);
-    return ((0, jsx_runtime_1.jsx)("div", { className: "h-full flex flex-col relative flex-1 pl-1.5", "data-testid": "ai-terminal", children: (0, jsx_runtime_1.jsxs)("div", { className: "flex-1 relative", children: [(0, jsx_runtime_1.jsx)("div", { className: "inset-0 absolute tour-ai-terminal", children: (0, jsx_runtime_1.jsx)(Terminal_1.Terminal, { disabled: !model, ref: terminalRef, onReset: () => {
+    return (_jsx("div", { className: "h-full flex flex-col relative flex-1 pl-1.5", "data-testid": "ai-terminal", children: _jsxs("div", { className: "flex-1 relative", children: [_jsx("div", { className: "inset-0 absolute tour-ai-terminal", children: _jsx(Terminal, { disabled: !model, ref: terminalRef, onReset: () => {
                             setMessages([]);
                             setResponse(undefined);
-                        }, infobar: response?.numInputTokens && ((0, jsx_runtime_1.jsxs)("div", { className: "text-gray-400 text-right", style: { fontSize: "10px" }, children: ["Tokens in: ", response?.numInputTokens?.toLocaleString(), " out:", " ", response?.numOutputTokens?.toLocaleString(), " ", response?.numCachedTokens
+                        }, infobar: response?.numInputTokens && (_jsxs("div", { className: "text-gray-400 text-right", style: { fontSize: "10px" }, children: ["Tokens in: ", response?.numInputTokens?.toLocaleString(), " out:", " ", response?.numOutputTokens?.toLocaleString(), " ", response?.numCachedTokens
                                     ? `cached: ${response?.numCachedTokens?.toLocaleString()} `
-                                    : "", response?.state] })), prompt: prompt, setPrompt: setPrompt, statusbar: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between gap-1 flex-1", children: [(0, jsx_runtime_1.jsxs)("a", { className: "text-xs text-blue-300 cursor-pointer flex items-center gap-1 ml-1", onClick: () => {
+                                    : "", response?.state] })), prompt: prompt, setPrompt: setPrompt, statusbar: _jsxs("div", { className: "flex items-center justify-between gap-1 flex-1", children: [_jsxs("a", { className: "text-xs text-blue-300 cursor-pointer flex items-center gap-1 ml-1", onClick: () => {
                                         setShowPredefined(!showPredefined);
-                                    }, children: [(0, jsx_runtime_1.jsx)(Icons_1.WizardIcon, { className: "w-5 h-5" }), "Predefined prompts"] }), editContext.selection?.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { className: "text-xs text-red-400 flex items-center mr-2", children: [editContext.selection.length, " items selected", (0, jsx_runtime_1.jsx)(SimpleIconButton_1.SimpleIconButton, { icon: "pi pi-times", label: "Clear selection", onClick: () => {
+                                    }, children: [_jsx(WizardIcon, { className: "w-5 h-5" }), "Predefined prompts"] }), editContext.selection?.length > 0 && (_jsxs("div", { className: "text-xs text-red-400 flex items-center mr-2", children: [editContext.selection.length, " items selected", _jsx(SimpleIconButton, { icon: "pi pi-times", label: "Clear selection", onClick: () => {
                                                 editContext.select([]);
-                                            } })] })), showPredefined && ((0, jsx_runtime_1.jsx)("div", { className: "absolute right-0 left-0 bottom-8 text-sm overflow-y-auto bg-white p-3 pb-1 flex flex-col gap-1 ", children: activeProfile &&
-                                        activeProfile.prompts.map((p, index) => ((0, jsx_runtime_1.jsx)("div", { className: "p-1.5 mb-1 border border-gray-200 rounded-lg cursor-pointer text-gray-700 text-xs", onClick: () => {
+                                            } })] })), showPredefined && (_jsx("div", { className: "absolute right-0 left-0 bottom-8 text-sm overflow-y-auto bg-white p-3 pb-1 flex flex-col gap-1 ", children: activeProfile &&
+                                        activeProfile.prompts.map((p, index) => (_jsx("div", { className: "p-1.5 mb-1 border border-gray-200 rounded-lg cursor-pointer text-gray-700 text-xs", onClick: () => {
                                                 setPrompt(p.prompt);
                                                 setShowPredefined(false);
-                                            }, children: p.title }, index))) }))] }), toolbar: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-stretch gap-1", children: [(0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { className: "text-sm", value: activeProfile, onChange: (e) => setActiveProfile(e.value), optionLabel: "name", options: profiles }), activeProfile && ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { className: "text-sm", value: model, onChange: (e) => setModel(e.value), options: activeProfile.models })), closeButton] }), commandHandler: (v, callback) => {
+                                            }, children: p.title }, index))) }))] }), toolbar: _jsxs("div", { className: "flex items-stretch gap-1", children: [_jsx(Dropdown, { className: "text-sm", value: activeProfile, onChange: (e) => setActiveProfile(e.value), optionLabel: "name", options: profiles }), activeProfile && (_jsx(Dropdown, { className: "text-sm", value: model, onChange: (e) => setModel(e.value), options: activeProfile.models })), closeButton] }), commandHandler: (v, callback) => {
                             commandHandler(v, callback);
-                        } }) }), activeProfile?.errorMessage && ((0, jsx_runtime_1.jsx)("div", { className: "text-red-500 text-sm p-2 inset-0 absolute grid items-center justify-center", children: activeProfile?.errorMessage })), !model && ((0, jsx_runtime_1.jsx)("div", { className: "inset-0 absolute grid items-center justify-center text-gray-400 text-sm", children: !activeProfile ? "No profile selected" : "No model selected" }))] }) }));
+                        } }) }), activeProfile?.errorMessage && (_jsx("div", { className: "text-red-500 text-sm p-2 inset-0 absolute grid items-center justify-center", children: activeProfile?.errorMessage })), !model && (_jsx("div", { className: "inset-0 absolute grid items-center justify-center text-gray-400 text-sm", children: !activeProfile ? "No profile selected" : "No model selected" }))] }) }));
 }
 async function executePrompt(profileId, messages, selection, session, model, selectedText, context, callback) {
     const response = await fetch(context.endpoint, {
@@ -179,7 +173,7 @@ async function executePrompt(profileId, messages, selection, session, model, sel
         credentials: "include",
         headers: {
             "Content-Type": "application/json",
-            Cookie: new universal_cookie_1.default().getAll(),
+            Cookie: new Cookies().getAll(),
         },
     });
     if (!response?.body)
@@ -237,5 +231,5 @@ function handleResponse(response, terminalCallback, isFinished) {
         ?.trim()
         .replace(/\n/g, "<br/>")
         ?.replace(/\*\*(.*?)\*\*/g, "<b>$1</b>");
-    terminalCallback((0, jsx_runtime_1.jsx)(AiResponseMessage_1.AiResponseMessage, { responseText: responseText, toolcalls: toolcalls, editOperations: response.editOperations, finished: isFinished }), isFinished);
+    terminalCallback(_jsx(AiResponseMessage, { responseText: responseText, toolcalls: toolcalls, editOperations: response.editOperations, finished: isFinished }), isFinished);
 }

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

@@ -0,0 +1,9 @@
+export type ToolCall = {
+    func: string;
+    arguments: string;
+    result: string;
+    error?: string;
+};
+export declare function AiToolCall({ toolCall }: {
+    toolCall: ToolCall;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/editor/ai/AiToolCall.js

@@ -1,18 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AiToolCall = AiToolCall;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_json_view_lite_1 = require("react-json-view-lite");
-function AiToolCall({ toolCall }) {
-    const [expanded, setExpaded] = (0, react_1.useState)(false);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "mt-2", children: [(0, jsx_runtime_1.jsxs)("div", { onClick: () => setExpaded(!expanded), className: "flex items-center cursor-pointer", children: [(0, jsx_runtime_1.jsx)("i", { className: "pi pi-angle-right" }), " ", toolCall.func] }), expanded && ((0, jsx_runtime_1.jsxs)("div", { className: "ml-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "italic", children: "Args:" }), (0, jsx_runtime_1.jsx)("div", { children: renderJsonOrText(toolCall.arguments) }), (0, jsx_runtime_1.jsx)("div", { className: "italic mt-1", children: "Result:" }), (0, jsx_runtime_1.jsxs)("div", { className: "mb-4", children: [toolCall.error && ((0, jsx_runtime_1.jsx)("div", { className: "text-red", children: toolCall.error })), renderJsonOrText(toolCall.result)] })] }))] }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { JsonView, defaultStyles } from "react-json-view-lite";
+export function AiToolCall({ toolCall }) {
+    const [expanded, setExpaded] = useState(false);
+    return (_jsxs("div", { className: "mt-2", children: [_jsxs("div", { onClick: () => setExpaded(!expanded), className: "flex items-center cursor-pointer", children: [_jsx("i", { className: "pi pi-angle-right" }), " ", toolCall.func] }), expanded && (_jsxs("div", { className: "ml-4", children: [_jsx("div", { className: "italic", children: "Args:" }), _jsx("div", { children: renderJsonOrText(toolCall.arguments) }), _jsx("div", { className: "italic mt-1", children: "Result:" }), _jsxs("div", { className: "mb-4", children: [toolCall.error && (_jsx("div", { className: "text-red", children: toolCall.error })), renderJsonOrText(toolCall.result)] })] }))] }));
 }
 function renderJsonOrText(json) {
     try {
-        return (0, jsx_runtime_1.jsx)(react_json_view_lite_1.JsonView, { data: JSON.parse(json), style: react_json_view_lite_1.defaultStyles });
+        return _jsx(JsonView, { data: JSON.parse(json), style: defaultStyles });
     }
     catch (e) {
-        return (0, jsx_runtime_1.jsx)("div", { children: json });
+        return _jsx("div", { children: json });
     }
 }

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

@@ -0,0 +1,5 @@
+import { AiTerminalOptions } from "./AiTerminal";
+export declare function EditorAiTerminal({ closeButton, options, }: {
+    closeButton?: React.ReactNode;
+    options?: AiTerminalOptions;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/editor/ai/EditorAiTerminal.js

@@ -1,9 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EditorAiTerminal = EditorAiTerminal;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const AiTerminal_1 = require("./AiTerminal");
-const editorAiContext_1 = require("./editorAiContext");
-function EditorAiTerminal({ closeButton, options, }) {
-    return ((0, jsx_runtime_1.jsx)(AiTerminal_1.AiTerminal, { options: options, closeButton: closeButton, createAiContext: editorAiContext_1.createEditorAiContext, defaultProfile: "Editor" }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AiTerminal } from "./AiTerminal";
+import { createEditorAiContext } from "./editorAiContext";
+export function EditorAiTerminal({ closeButton, options, }) {
+    return (_jsx(AiTerminal, { options: options, closeButton: closeButton, createAiContext: createEditorAiContext, defaultProfile: "Editor" }));
 }

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

@@ -0,0 +1,11 @@
+import { EditContextType } from "../client/editContext";
+export declare function createEditorAiContext({ editContext, }: {
+    editContext: EditContextType;
+}): {
+    endpoint: string;
+    promptData: {
+        itemid: string | undefined;
+        language: string | undefined;
+        version: number | undefined;
+    };
+};

package/dist/editor/ai/editorAiContext.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createEditorAiContext = createEditorAiContext;
-function createEditorAiContext({ editContext, }) {
+export function createEditorAiContext({ editContext, }) {
     const aiPromptUrl = editContext.configuration.services.aiService.promptUrl;
     return {
         endpoint: aiPromptUrl,

package/dist/editor/client/DialogContext.d.ts

@@ -0,0 +1,12 @@
+import React, { ReactNode } from "react";
+export type DialogProps<T> = {
+    onClose: (result: T | null) => void;
+};
+export type OpenDialog = <T, P>(Component: React.ComponentType<P & DialogProps<T>>, props: P) => Promise<T | null>;
+export interface DialogContextValue {
+    openDialog: OpenDialog;
+}
+export declare const DialogProvider: React.FC<{
+    children: ReactNode;
+}>;
+export declare const useDialog: () => DialogContextValue;

package/dist/editor/client/DialogContext.js

@@ -1,29 +1,24 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDialog = exports.DialogProvider = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // DialogContext.tsx
-const react_1 = require("react");
-const DialogContext = (0, react_1.createContext)(undefined);
-const DialogProvider = ({ children, }) => {
-    const [dialog, setDialog] = (0, react_1.useState)(null);
+import { createContext, useContext, useState } from "react";
+const DialogContext = createContext(undefined);
+export const DialogProvider = ({ children, }) => {
+    const [dialog, setDialog] = useState(null);
     const openDialog = (Component, props) => {
         return new Promise((resolve) => {
             const handleClose = (result) => {
                 setDialog(null);
                 resolve(result);
             };
-            setDialog((0, jsx_runtime_1.jsx)(Component, { ...props, onClose: handleClose }));
+            setDialog(_jsx(Component, { ...props, onClose: handleClose }));
         });
     };
-    return ((0, jsx_runtime_1.jsxs)(DialogContext.Provider, { value: { openDialog }, children: [children, dialog] }));
+    return (_jsxs(DialogContext.Provider, { value: { openDialog }, children: [children, dialog] }));
 };
-exports.DialogProvider = DialogProvider;
-const useDialog = () => {
-    const context = (0, react_1.useContext)(DialogContext);
+export const useDialog = () => {
+    const context = useContext(DialogContext);
     if (!context) {
         throw new Error("useDialog must be used within a DialogProvider");
     }
     return context;
 };
-exports.useDialog = useDialog;

package/dist/editor/client/EditorClient.d.ts

@@ -0,0 +1,26 @@
+import { EditorConfiguration } from "../../config/types";
+import "primeicons/primeicons.css";
+import "primereact/resources/themes/md-light-indigo/theme.css";
+import "react-json-view-lite/dist/index.css";
+import { FieldDescriptor } from "../../types";
+import { FieldButton, ItemDescriptor } from "../pageModel";
+export type FieldAction = {
+    field: FieldDescriptor;
+    actionButton: FieldButton;
+    message?: string;
+    state: "running" | "success" | "error";
+};
+export type WindowSize = {
+    width: number;
+    height: number;
+};
+export type InsertingState = {
+    positionElement: Element;
+    positionAnchor: "left" | "right" | "top" | "bottom";
+};
+export declare function EditorClient({ configuration, className, item: loadItemDescriptor, sessionId, }: {
+    configuration: EditorConfiguration;
+    className?: string;
+    item?: ItemDescriptor;
+    sessionId: string;
+}): import("react/jsx-runtime").JSX.Element | null;