@parhelia/core 0.1.10745

package/dist/editor/services-server/api.js

@@ -0,0 +1,111 @@
+import "server-only";
+import { headers } from "next/headers";
+import axios from "axios";
+export async function apiGet(route, config) {
+    const url = process.env.LAYOUT_SERVICE_URL + route;
+    const requestHeaders = getRequestHeaders(config);
+    try {
+        const response = await axios.get(url, {
+            headers: requestHeaders,
+        });
+        return {
+            data: response.data,
+            status: response.status,
+            headers: convertAxiosHeaders(response.headers),
+        };
+    }
+    catch (error) {
+        if (error.response) {
+            return {
+                status: error.response.status,
+                error: error.response.statusText,
+                headers: convertAxiosHeaders(error.response.headers),
+            };
+        }
+        else {
+            return {
+                status: 500,
+                error: error.message,
+                headers: convertAxiosHeaders(error.response.headers),
+            };
+        }
+    }
+}
+function getRequestHeaders(config) {
+    const requestHeaders = {};
+    // Convert Headers (node-fetch) to AxiosRequestHeaders (plain object)
+    if (config?.headers) {
+        config.headers.forEach((value, key) => {
+            requestHeaders[key] = value;
+        });
+    }
+    // Set default headers
+    requestHeaders["Content-Type"] = "application/json";
+    requestHeaders["x-api-key"] = config?.apiKey ?? getApiKey();
+    return requestHeaders;
+}
+export async function apiPostObject(route, object, config) {
+    const url = process.env.LAYOUT_SERVICE_URL + route;
+    const requestHeaders = getRequestHeaders(config);
+    const body = JSON.stringify(object);
+    try {
+        const response = await axios.post(url, body, {
+            headers: requestHeaders,
+        });
+        return {
+            data: response.data,
+            status: response.status,
+            headers: convertAxiosHeaders(response.headers),
+        };
+    }
+    catch (error) {
+        if (error.errors) {
+            let message = "";
+            error.errors.forEach((error) => {
+                message += error.message + " ";
+            });
+            return {
+                status: 500,
+                error: message,
+                headers: new Headers(),
+            };
+        }
+        if (error.response) {
+            return {
+                status: error.response.status,
+                error: error.response.statusText,
+                headers: convertAxiosHeaders(error.response.headers),
+            };
+        }
+        else {
+            return {
+                status: 500,
+                error: error.message,
+                headers: new Headers(),
+            };
+        }
+    }
+}
+export function getApiKey() {
+    const apiKey = process.env.ALPACA_HEADLESS_API_KEY || process.env.API_KEY;
+    if (!apiKey)
+        console.log("ERROR: Could not find API key environment variable: ALPACA_HEADLESS_API_KEY");
+    return apiKey;
+}
+function convertAxiosHeaders(headers) {
+    const convertedHeaders = new Headers();
+    for (const key in headers) {
+        if (headers.hasOwnProperty(key)) {
+            convertedHeaders.set(key.toLowerCase(), headers[key]);
+        }
+    }
+    return convertedHeaders;
+}
+export async function getApiHeaders() {
+    const requestHeaders = await headers();
+    const apiHeaders = new Headers();
+    apiHeaders.set("Cookie", requestHeaders.get("Cookie") || "");
+    apiHeaders.set("Authorization", requestHeaders.get("Authorization") || "");
+    return apiHeaders;
+}
+//# sourceMappingURL=api.js.map

package/dist/editor/services-server/api.js.map

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

package/dist/editor/services-server/graphQL.d.ts

@@ -0,0 +1,29 @@
+import { ApiConfig } from "../services-server/api";
+export type ExecuteGraphQLParams = {
+    query: string;
+    tags?: string[];
+    host?: string;
+    path?: string;
+    language?: string;
+    mode?: string;
+    itemId?: string;
+    version?: number;
+    revalidate?: number;
+    siteName?: string;
+    sessionId?: string;
+    schema?: string;
+    apiConfig?: ApiConfig;
+};
+export declare function executeGraphQLQuery({ query, host, path, language, mode, itemId, version, siteName, schema, sessionId, apiConfig, }: ExecuteGraphQLParams): Promise<{
+    status: number;
+    errors: any;
+    data?: undefined;
+} | {
+    data: any;
+    status: number;
+    errors: any;
+}>;
+export declare function getGraphQLSchema({ id, apiConfig, }: {
+    id: string;
+    apiConfig: ApiConfig;
+}): Promise<any>;

package/dist/editor/services-server/graphQL.js

@@ -0,0 +1,53 @@
+import { apiGet, apiPostObject } from "../services-server/api";
+export async function executeGraphQLQuery({ query, host, path, language, mode, itemId, version, 
+// tags,
+// revalidate,
+siteName, schema, sessionId, apiConfig, }) {
+    let url = "/alpaca/headless/graphql";
+    if (sessionId)
+        url += "?sessionId=" + sessionId;
+    //console.log(`GraphQL query:`, query);
+    const request = {
+        Query: query,
+        Host: host,
+        Path: path,
+        ItemId: itemId,
+        Language: language,
+        Version: version,
+        Mode: mode,
+        SiteName: siteName,
+        Schema: schema,
+    };
+    //TODO: cache:
+    const response = await apiPostObject(url, request, apiConfig);
+    if (response.status !== 200) {
+        return { status: response.status, errors: getErrors(response) };
+    }
+    if (response.data?.errors) {
+        return {
+            status: 400,
+            errors: response.data?.errors,
+        };
+    }
+    return {
+        data: response.data?.data,
+        status: response.status,
+        errors: getErrors(response),
+    };
+}
+function getErrors(response) {
+    if (response.data?.errors)
+        return response.data?.errors;
+    if (response.error)
+        return [{ message: response.error }];
+    return undefined;
+}
+export async function getGraphQLSchema({ id, apiConfig, }) {
+    let url = "/alpaca/headless/graphql/schema?id=" + id;
+    const response = await apiGet(url, apiConfig);
+    if (response.status !== 200) {
+        return { status: response.status, error: response.error };
+    }
+    return response.data;
+}
+//# sourceMappingURL=graphQL.js.map

package/dist/editor/services-server/graphQL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"graphQL.js","sourceRoot":"","sources":["../../../src/editor/services-server/graphQL.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,MAAM,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAkB1E,MAAM,CAAC,KAAK,UAAU,mBAAmB,CAAC,EACxC,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,OAAO;AACP,QAAQ;AACR,cAAc;AACd,QAAQ,EACR,MAAM,EACN,SAAS,EACT,SAAS,GACY;IACrB,IAAI,GAAG,GAAG,0BAA0B,CAAC;IAErC,IAAI,SAAS;QAAE,GAAG,IAAI,aAAa,GAAG,SAAS,CAAC;IAEhD,uCAAuC;IAEvC,MAAM,OAAO,GAUT;QACF,KAAK,EAAE,KAAK;QACZ,IAAI,EAAE,IAAI;QACV,IAAI,EAAE,IAAI;QACV,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,QAAQ;QAClB,OAAO,EAAE,OAAO;QAChB,IAAI,EAAE,IAAI;QACV,QAAQ,EAAE,QAAQ;QAClB,MAAM,EAAE,MAAM;KACf,CAAC;IAEF,cAAc;IAEd,MAAM,QAAQ,GAAG,MAAM,aAAa,CAAC,GAAG,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;IAE9D,IAAI,QAAQ,CAAC,MAAM,KAAK,GAAG,EAAE,CAAC;QAC5B,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAC;IAClE,CAAC;IAED,IAAI,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC;QAC1B,OAAO;YACL,MAAM,EAAE,GAAG;YACX,MAAM,EAAE,QAAQ,CAAC,IAAI,EAAE,MAAM;SAC9B,CAAC;IACJ,CAAC;IAED,OAAO;QACL,IAAI,EAAE,QAAQ,CAAC,IAAI,EAAE,IAAI;QACzB,MAAM,EAAE,QAAQ,CAAC,MAAM;QACvB,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC;KAC5B,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,QAAa;IAC9B,IAAI,QAAQ,CAAC,IAAI,EAAE,MAAM;QAAE,OAAO,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACxD,IAAI,QAAQ,CAAC,KAAK;QAAE,OAAO,CAAC,EAAE,OAAO,EAAE,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC;IACzD,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,gBAAgB,CAAC,EACrC,EAAE,EACF,SAAS,GAIV;IACC,IAAI,GAAG,GAAG,qCAAqC,GAAG,EAAE,CAAC;IAErD,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;IAE9C,IAAI,QAAQ,CAAC,MAAM,KAAK,GAAG,EAAE,CAAC;QAC5B,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,MAAM,EAAE,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,CAAC;IAC5D,CAAC;IAED,OAAO,QAAQ,CAAC,IAAI,CAAC;AACvB,CAAC"}

package/dist/editor/sidebar/Completions.d.ts

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

package/dist/editor/sidebar/Completions.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { useEditContext } from "../client/editContext";
+import { Switch } from "../../components/ui/switch";
+import { Button } from "../../components/ui/button";
+import { Badge } from "../../components/ui/badge";
+import { Loader2, RefreshCw, FileText } from "lucide-react";
+import { formatTime } from "../utils";
+import { generatePageContext, getCachedContext, clearContextCache, } from "../services/contextService";
+export function Completions() {
+    const editContext = useEditContext();
+    const [pageContext, setPageContext] = useState(null);
+    const [isGeneratingContext, setIsGeneratingContext] = useState(false);
+    // Load page context when component mounts or item changes
+    useEffect(() => {
+        if (editContext) {
+            const cached = getCachedContext(editContext);
+            if (cached) {
+                setPageContext(cached);
+            }
+            else {
+                loadPageContext();
+            }
+        }
+    }, [
+        editContext?.contentEditorItem?.id,
+        editContext?.contentEditorItem?.language,
+        editContext?.contentEditorItem?.version,
+        editContext?.enableCompletions,
+    ]);
+    const loadPageContext = async () => {
+        if (!editContext || !editContext.pageView)
+            return;
+        setIsGeneratingContext(true);
+        try {
+            const context = await generatePageContext(editContext, editContext.pageView);
+            setPageContext(context);
+        }
+        catch (error) {
+            console.error("Failed to load page context:", error);
+        }
+        finally {
+            setIsGeneratingContext(false);
+        }
+    };
+    const refreshPageContext = async () => {
+        if (!editContext?.contentEditorItem)
+            return;
+        const cacheKey = `${editContext.contentEditorItem.id}-${editContext.contentEditorItem.language}-${editContext.contentEditorItem.version}`;
+        clearContextCache(cacheKey);
+        await loadPageContext();
+    };
+    return (_jsxs("div", { className: "flex h-full flex-col space-y-4 p-4", children: [_jsxs("div", { className: "rounded-lg border bg-white p-4 shadow-sm", children: [_jsx("h3", { className: "mb-3 text-sm font-medium", children: "Completion Settings" }), _jsx("div", { className: "space-y-3", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "space-y-0.5", children: [_jsx("label", { className: "text-sm font-medium", children: "Enable Completions" }), _jsx("p", { className: "text-xs text-gray-600", children: "Allow AI to suggest completions while typing" })] }), _jsx(Switch, { checked: editContext?.enableCompletions || false, onCheckedChange: (checked) => editContext?.setEnableCompletions(checked) })] }) })] }), _jsxs("div", { className: "rounded-lg border bg-white p-4 shadow-sm", children: [_jsxs("div", { className: "mb-3 flex items-center justify-between", children: [_jsx("h3", { className: "text-sm font-medium", children: "Page Context" }), _jsx(Button, { variant: "ghost", size: "sm", onClick: refreshPageContext, disabled: isGeneratingContext, children: isGeneratingContext ? (_jsx(Loader2, { className: "h-3 w-3 animate-spin" })) : (_jsx(RefreshCw, { className: "h-3 w-3 stroke-1" })) })] }), isGeneratingContext ? (_jsxs("div", { className: "flex items-center gap-2 text-gray-500", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), _jsx("span", { className: "text-sm", children: "Generating context..." })] })) : pageContext ? (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(FileText, { className: "h-4 w-4 stroke-1 text-blue-500" }), _jsx("span", { className: "text-sm font-medium", children: pageContext.pageTitle }), _jsx(Badge, { variant: "outline", className: "text-xs", children: pageContext.pageType })] }), _jsx("p", { className: "text-xs leading-relaxed text-gray-600", children: pageContext.abstract }), _jsx("div", { className: "text-xs text-gray-400", children: `Generated: ${formatTime(pageContext.lastGenerated)}` })] })) : (_jsxs("div", { className: "py-4 text-center text-gray-500", children: [_jsx(FileText, { className: "mx-auto mb-2 h-6 w-6 opacity-50" }), _jsx("p", { className: "text-sm", children: "No context available" })] }))] }), _jsxs("div", { className: "rounded-lg border bg-white p-4 shadow-sm", children: [_jsx("h3", { className: "mb-3 text-sm font-medium", children: "Keyboard Shortcuts" }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex justify-between text-xs", children: [_jsx("span", { children: "Apply completion" }), _jsx("kbd", { className: "rounded bg-gray-100 px-2 py-1 text-gray-600", children: "Tab" })] }), _jsxs("div", { className: "flex justify-between text-xs", children: [_jsx("span", { children: "Request completion" }), _jsx("kbd", { className: "rounded bg-gray-100 px-2 py-1 text-gray-600", children: "Ctrl+Space" })] }), _jsxs("div", { className: "flex justify-between text-xs", children: [_jsx("span", { children: "Dismiss completion" }), _jsx("kbd", { className: "rounded bg-gray-100 px-2 py-1 text-gray-600", children: "Esc" })] })] })] })] }));
+}
+//# sourceMappingURL=Completions.js.map

package/dist/editor/sidebar/Completions.js.map

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

package/dist/editor/sidebar/ComponentPalette.d.ts

@@ -0,0 +1 @@
+export declare function ComponentPalette({}: {}): import("react/jsx-runtime").JSX.Element;

package/dist/editor/sidebar/ComponentPalette.js

@@ -0,0 +1,86 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getInsertOptionsForCurrentSelection } from "../utils/insertOptions";
+import { ArrowDownIcon } from "../ui/Icons";
+import { getAbsoluteIconUrl } from "../utils";
+import { cn } from "../../lib/utils";
+import { useEditContext } from "../client/editContext";
+import { FilterInput, highlightMatch } from "../../components/FilterInput";
+import { useState, useRef, useEffect } from "react";
+import { AlertTriangle } from "lucide-react";
+export function ComponentPalette({}) {
+    const editContext = useEditContext();
+    const [filter, setFilter] = useState("");
+    const filterRef = useRef(null);
+    const insertOptions = getInsertOptionsForCurrentSelection(editContext);
+    // Auto-focus filter input when typing
+    useEffect(() => {
+        function handleKeyDown(event) {
+            // Only handle if the filter input is not already focused
+            if (document.activeElement === filterRef.current) {
+                return;
+            }
+            // Don't steal focus if user is typing in an input field, textarea, or contenteditable element
+            const activeElement = document.activeElement;
+            if (activeElement &&
+                (activeElement.tagName === "INPUT" ||
+                    activeElement.tagName === "TEXTAREA" ||
+                    activeElement.isContentEditable)) {
+                return;
+            }
+            // Only handle printable characters (not special keys like arrows, escape, etc.)
+            if (event.key.length === 1 &&
+                !event.ctrlKey &&
+                !event.metaKey &&
+                !event.altKey) {
+                // Focus the filter input
+                filterRef.current?.focus();
+                // Clear current filter and set to the typed character
+                setFilter(event.key);
+                // Prevent the default action to avoid any other handlers
+                event.preventDefault();
+            }
+        }
+        // Add event listener to the document
+        document.addEventListener("keydown", handleKeyDown);
+        // Cleanup
+        return () => {
+            document.removeEventListener("keydown", handleKeyDown);
+        };
+    }, []);
+    const insertOptionsByGroup = insertOptions.reduce((acc, value) => {
+        const group = value.group || "Other";
+        if (!acc[group]) {
+            acc[group] = [];
+        }
+        acc[group].push(value);
+        return acc;
+    }, {});
+    return (_jsxs("div", { className: "tour-component-palette relative flex h-full flex-col", "data-testid": "component-palette", children: [_jsx("div", { className: "p-4", children: _jsx(FilterInput, { ref: filterRef, value: filter, onChange: setFilter, className: "border-gray-3", placeholder: "Filter..." }) }), _jsx("div", { className: "relative flex-1", children: _jsx("div", { className: "absolute inset-0 overflow-y-auto", children: Object.keys(insertOptionsByGroup)
+                        .sort()
+                        .map((group, index) => {
+                        const options = insertOptionsByGroup[group].filter((x) => !x.isHidden).filter((x) => x.name.toLowerCase().indexOf(filter.toLowerCase()) > -1);
+                        if (options.length === 0)
+                            return;
+                        return (_jsxs("div", { className: cn("m-4", index > 0 ? "border-t border-gray-200" : ""), children: [_jsxs("div", { className: "mt-2 mb-3 flex items-center gap-2 text-xs font-bold", children: [_jsx(ArrowDownIcon, {}), " ", group] }), _jsx("div", { className: "grid grid-cols-[repeat(auto-fill,_minmax(70px,_1fr))] gap-4", children: options.map((option) => {
+                                        function handleDragStart(event) {
+                                            editContext?.dragStart({
+                                                type: "template",
+                                                typeId: option.typeId,
+                                                name: option.name,
+                                            });
+                                            event.stopPropagation();
+                                        }
+                                        function handleDragEnd() {
+                                            editContext.dragEnd();
+                                            editContext.setSelectedForInsertion("");
+                                        }
+                                        const isDraggable = !option.isInvalid;
+                                        return (_jsxs("div", { id: "insert-component-" + option.typeId, onClick: () => {
+                                                editContext.setSelectedForInsertion(option.typeId);
+                                            }, draggable: isDraggable, onDragStart: handleDragStart, onDragEnd: handleDragEnd, className: cn("relative flex flex-col items-center justify-center gap-2 rounded border border-gray-200 p-2 text-center text-xs break-all", isDraggable ? "cursor-grab" : "", editContext.selectedForInsertion === option.typeId
+                                                ? "border-sky-500"
+                                                : ""), "data-testid": "insert-component-option", children: [option.svg && (_jsx("div", { className: "h-8 w-8", dangerouslySetInnerHTML: { __html: option.svg } })), !option.svg && (_jsx("img", { src: getAbsoluteIconUrl(option.thumbnail || option.icon) })), _jsx("div", { className: "text-xs", children: highlightMatch(option.name, filter) }), option.isInvalid && (_jsx("span", { title: option.message, children: _jsx(AlertTriangle, { className: "absolute top-0 right-0 h-4 w-4 text-red-500" }) }))] }, option.typeId));
+                                    }) })] }, group));
+                    }) }) })] }));
+}
+//# sourceMappingURL=ComponentPalette.js.map

package/dist/editor/sidebar/ComponentPalette.js.map

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

package/dist/editor/sidebar/ComponentTree.d.ts

@@ -0,0 +1 @@
+export declare function ComponentTree({}: {}): import("react/jsx-runtime").JSX.Element;