@alpaca-editor/core 1.0.4027 → 1.0.4031

package/src/splash-screen/RecentPages.tsx

@@ -11,7 +11,6 @@ export function RecentPages() {
 
   const [history, setHistory] = useState<FullItem[]>();
   const [isLoading, setIsLoading] = useState(false);
-  const [selectedPage, setSelectedPage] = useState<HistoryEntry | null>(null);
 
   const recentPages = editContext?.browseHistory || [];
 
@@ -24,9 +23,7 @@ export function RecentPages() {
 
       setIsLoading(true);
       try {
-        console.log("recentPages", recentPages);
         const pages = await editContext?.itemsRepository.getItems(recentPages);
-        console.log("pages", pages);
         setHistory(pages);
       } finally {
         setIsLoading(false);
@@ -35,10 +32,6 @@ export function RecentPages() {
     fetchItems();
   }, [editContext?.itemsRepository, recentPages]);
 
-  const handlePageSelect = (page: HistoryEntry) => {
-    setSelectedPage(page);
-  };
-
   const handlePageLoad = (item: ItemDescriptor) => {
     if (editContext) {
       editContext
@@ -58,12 +51,6 @@ export function RecentPages() {
     }
   };
 
-  const formatDate = (date?: Date | string) => {
-    if (!date) return "—";
-    const d = new Date(date);
-    return d.toLocaleDateString();
-  };
-
   return (
     <Card
       icon={<i className="pi pi-history text-sm"></i>}
@@ -78,7 +65,6 @@ export function RecentPages() {
               {history?.map((page, index) => (
                 <tr
                   key={page.id || index}
-                  onMouseOver={() => handlePageSelect(page)}
                   onClick={() => handlePageLoad(page)}
                   className="cursor-pointer border-b border-gray-100 hover:bg-gray-50"
                 >

package/src/splash-screen/SplashScreen.tsx

@@ -149,13 +149,14 @@ export function SplashScreen() {
               system. It allows you to create and manage your content in a
               simple and intuitive way.
               <div className="flex flex-col gap-4">
-                <ActionButton 
-                  id="create-new-page-button"
+                <ActionButton                   
+                  data-testid="create-new-page-button"
                   onClick={() => editContext?.switchView("new-page")}
                 >
                   Create new page
                 </ActionButton>
                 <ActionButton
+                        
                   onClick={() => editContext?.switchView("open-page")}
                 >
                   Open existing page

package/src/types.ts

@@ -331,6 +331,13 @@ export type SystemStatus = {
   messages: SystemStatusMessage[];
 };
 
+export type EditorSettings = {
+  itemNameValidation?: string;
+  invalidItemNameChars?: string;
+  maxItemNameLength?: number;
+  currency?: string;
+};
+
 export interface SuggestedEdit {
   id: string;
   mainItemId: string;

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

@@ -1,10 +0,0 @@
-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,23 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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/AiToolCall.d.ts

@@ -1,5 +0,0 @@
-import { Message, ToolCall } from "./AiTerminal";
-export declare function AiToolCall({ toolCall, result, }: {
-    toolCall: ToolCall;
-    result: Message | undefined;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/editor/ai/AiToolCall.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import JSONPretty from "react-json-pretty";
-import { ProgressSpinner } from "primereact/progressspinner";
-export function AiToolCall({ toolCall, result, }) {
-    const [expanded, setExpaded] = useState(false);
-    const [error, setError] = useState(undefined);
-    useEffect(() => {
-        try {
-            const data = JSON.parse(result?.content || "{}");
-            setError(data.error);
-        }
-        catch (err) {
-            console.error("Failed to parse tool call result:", err);
-            setError("Failed to parse response");
-        }
-    }, [result]);
-    return (_jsxs("div", { className: "m-2", children: [_jsxs("div", { onClick: () => setExpaded(!expanded), className: "flex cursor-pointer items-center", children: [_jsx("i", { className: "pi pi-angle-right" }), _jsxs("div", { className: "flex items-center gap-2", children: [!result && (_jsx(ProgressSpinner, { style: { width: "1rem", height: "1rem" } })), toolCall.displayName || toolCall.function.name] })] }), expanded && (_jsxs("div", { className: "ml-4", children: [_jsxs("div", { className: "mb-2", children: [_jsx("div", { className: "font-semibold text-gray-600", children: "Arguments:" }), _jsx("div", { className: "ml-2", children: renderJsonOrText(toolCall.function.arguments) })] }), result && (_jsxs("div", { className: "mb-2", children: [_jsx("div", { className: "font-semibold text-gray-600", children: "Result:" }), _jsx("div", { className: "ml-2", children: renderJsonOrText(result.content || "") })] })), error && (_jsxs("div", { className: "ml-4 text-red-500", children: [_jsx("div", { className: "italic", children: "Error:" }), _jsx("div", { children: error })] }))] }))] }));
-}
-function renderJsonOrText(json) {
-    try {
-        return _jsx(JSONPretty, { data: JSON.parse(json) });
-    }
-    catch (e) {
-        return _jsx("div", { children: json });
-    }
-}
-//# sourceMappingURL=AiToolCall.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AiToolCall.js","sourceRoot":"","sources":["../../../src/editor/ai/AiToolCall.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAG3C,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,MAAM,UAAU,UAAU,CAAC,EACzB,QAAQ,EACR,MAAM,GAIP;IACC,MAAM,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC/C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAElE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC;YACH,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,OAAO,IAAI,IAAI,CAAC,CAAC;YACjD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,OAAO,CAAC,KAAK,CAAC,mCAAmC,EAAE,GAAG,CAAC,CAAC;YACxD,QAAQ,CAAC,0BAA0B,CAAC,CAAC;QACvC,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACL,eAAK,SAAS,EAAC,KAAK,aAClB,eACE,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC,EACpC,SAAS,EAAC,kCAAkC,aAE5C,YAAG,SAAS,EAAC,mBAAmB,GAAG,EACnC,eAAK,SAAS,EAAC,yBAAyB,aACrC,CAAC,MAAM,IAAI,CACV,KAAC,eAAe,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,CAC9D,EACA,QAAQ,CAAC,WAAW,IAAI,QAAQ,CAAC,QAAQ,CAAC,IAAI,IAC3C,IACF,EACL,QAAQ,IAAI,CACX,eAAK,SAAS,EAAC,MAAM,aACnB,eAAK,SAAS,EAAC,MAAM,aACnB,cAAK,SAAS,EAAC,6BAA6B,2BAAiB,EAC7D,cAAK,SAAS,EAAC,MAAM,YAAE,gBAAgB,CAAC,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAO,IACvE,EACL,MAAM,IAAI,CACT,eAAK,SAAS,EAAC,MAAM,aACnB,cAAK,SAAS,EAAC,6BAA6B,wBAAc,EAC1D,cAAK,SAAS,EAAC,MAAM,YAAE,gBAAgB,CAAC,MAAM,CAAC,OAAO,IAAI,EAAE,CAAC,GAAO,IAChE,CACP,EACA,KAAK,IAAI,CACR,eAAK,SAAS,EAAC,mBAAmB,aAChC,cAAK,SAAS,EAAC,QAAQ,uBAAa,EACpC,wBAAM,KAAK,GAAO,IACd,CACP,IACG,CACP,IACG,CACP,CAAC;AACJ,CAAC;AAED,SAAS,gBAAgB,CAAC,IAAY;IACpC,IAAI,CAAC;QACH,OAAO,KAAC,UAAU,IAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAK,CAAC;IACjD,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACX,OAAO,wBAAM,IAAI,GAAO,CAAC;IAC3B,CAAC;AACH,CAAC"}

package/src/editor/ai/AiPopup.tsx

@@ -1,59 +0,0 @@
-"use client";
-
-import { OverlayPanel } from "primereact/overlaypanel";
-import { Button } from "primereact/button";
-import {
-  SyntheticEvent,
-  forwardRef,
-  useImperativeHandle,
-  useRef,
-  useState,
-} from "react";
-import { EditorAiTerminal } from "./EditorAiTerminal";
-import { AiTerminalOptions } from "./AiTerminal";
-
-export interface AiPopupRef {
-  show: (event: SyntheticEvent, terminalOptions?: AiTerminalOptions) => void;
-  close: () => void;
-}
-
-interface AiPopupProps {}
-
-export const AiPopup = forwardRef<AiPopupRef, AiPopupProps>(
-  (_: unknown, ref) => {
-    const overlayRef = useRef<OverlayPanel>(null);
-    const [terminalOptions, setTerminalOptions] = useState<AiTerminalOptions>();
-
-    //const [components, setComponents] = useState<ComponentData[]>([]); // [componentId, componentId, ...]
-
-    useImperativeHandle(ref, () => ({
-      show: (ev: SyntheticEvent, terminalOptions?: AiTerminalOptions) => {
-        setTerminalOptions(terminalOptions);
-        //setComponents(components || []);
-        overlayRef.current?.toggle(ev);
-      },
-      close: () => {
-        overlayRef.current?.hide();
-      },
-    }));
-
-    return (
-      <OverlayPanel ref={overlayRef}>
-        <div
-          className="w-96 h-96 flex flex-col gap-2"
-          onClick={(ev) => ev.stopPropagation()}
-        >
-          <EditorAiTerminal
-            options={terminalOptions}
-            closeButton=<Button
-              icon="pi pi-times"
-              onClick={() => overlayRef.current?.hide()}
-              size="small"
-              text
-            />
-          />
-        </div>
-      </OverlayPanel>
-    );
-  }
-);

package/src/editor/ai/AiToolCall.tsx

@@ -1,71 +0,0 @@
-import { useEffect, useState } from "react";
-
-import JSONPretty from "react-json-pretty";
-
-import { Message, ToolCall } from "./AiTerminal";
-import { ProgressSpinner } from "primereact/progressspinner";
-export function AiToolCall({
-  toolCall,
-  result,
-}: {
-  toolCall: ToolCall;
-  result: Message | undefined;
-}) {
-  const [expanded, setExpaded] = useState(false);
-  const [error, setError] = useState<string | undefined>(undefined);
-
-  useEffect(() => {
-    try {
-      const data = JSON.parse(result?.content || "{}");
-      setError(data.error);
-    } catch (err) {
-      console.error("Failed to parse tool call result:", err);
-      setError("Failed to parse response");
-    }
-  }, [result]);
-
-  return (
-    <div className="m-2">
-      <div
-        onClick={() => setExpaded(!expanded)}
-        className="flex cursor-pointer items-center"
-      >
-        <i className="pi pi-angle-right" />
-        <div className="flex items-center gap-2">
-          {!result && (
-            <ProgressSpinner style={{ width: "1rem", height: "1rem" }} />
-          )}
-          {toolCall.displayName || toolCall.function.name}
-        </div>
-      </div>
-      {expanded && (
-        <div className="ml-4">
-          <div className="mb-2">
-            <div className="font-semibold text-gray-600">Arguments:</div>
-            <div className="ml-2">{renderJsonOrText(toolCall.function.arguments)}</div>
-          </div>
-          {result && (
-            <div className="mb-2">
-              <div className="font-semibold text-gray-600">Result:</div>
-              <div className="ml-2">{renderJsonOrText(result.content || "")}</div>
-            </div>
-          )}
-          {error && (
-            <div className="ml-4 text-red-500">
-              <div className="italic">Error:</div>
-              <div>{error}</div>
-            </div>
-          )}
-        </div>
-      )}
-    </div>
-  );
-}
-
-function renderJsonOrText(json: string) {
-  try {
-    return <JSONPretty data={JSON.parse(json)}  />;
-  } catch (e) {
-    return <div>{json}</div>;
-  }
-}