@alpaca-editor/core 1.0.3767 → 1.0.3769

package/dist/editor/services/serviceHelper.d.ts

@@ -0,0 +1,9 @@
+export type ExecutionResult<T> = {
+    type: "success" | "error" | "unauthorized";
+    summary?: string;
+    details?: string;
+    response: Response;
+    data?: T;
+};
+export declare function post<T>(url: string, body: any, session?: string): Promise<ExecutionResult<T>>;
+export declare function get<T>(url: string, session?: string): Promise<ExecutionResult<T>>;

package/dist/editor/services/serviceHelper.js

@@ -1,8 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.post = post;
-exports.get = get;
-async function post(url, body, session) {
+export async function post(url, body, session) {
     if (session)
         url += "?sessionId=" + session;
     const response = await fetch(url, {
@@ -15,7 +11,7 @@ async function post(url, body, session) {
     });
     return handleResponse(response);
 }
-async function get(url, session) {
+export async function get(url, session) {
     if (session)
         url += "?sessionId=" + session;
     const response = await fetch(url, {

package/dist/editor/services/systemService.d.ts

@@ -0,0 +1,2 @@
+import { SystemStatus } from "../../types";
+export declare function getSystemStatus(): Promise<import("./serviceHelper").ExecutionResult<SystemStatus>>;

package/dist/editor/services/systemService.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getSystemStatus = getSystemStatus;
-const serviceHelper_1 = require("./serviceHelper");
-function getSystemStatus() {
-    return (0, serviceHelper_1.get)("/alpaca/editor/status");
+import { get } from "./serviceHelper";
+export function getSystemStatus() {
+    return get("/alpaca/editor/status");
 }

package/dist/editor/services/translationService.d.ts

@@ -0,0 +1,11 @@
+import { TranslationStatus } from "../../config/types";
+import { LanguagesAndVersions } from "../../types";
+export declare function requestTranslation({ itemId, targetLanguage, sourceLanguage, sessionId, provider }: {
+    itemId: string;
+    targetLanguage: string;
+    sourceLanguage: string;
+    sessionId: string;
+    provider: string;
+}): Promise<import("./serviceHelper").ExecutionResult<LanguagesAndVersions>>;
+export declare function getTranslationStatus(itemId: string): Promise<import("./serviceHelper").ExecutionResult<TranslationStatus[]>>;
+export declare function getTranslationProviders(): Promise<import("./serviceHelper").ExecutionResult<string[]>>;

package/dist/editor/services/translationService.js

@@ -1,15 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.requestTranslation = requestTranslation;
-exports.getTranslationStatus = getTranslationStatus;
-exports.getTranslationProviders = getTranslationProviders;
-const serviceHelper_1 = require("./serviceHelper");
-async function requestTranslation({ itemId, targetLanguage, sourceLanguage, sessionId, provider }) {
-    return await (0, serviceHelper_1.post)("/alpaca/editor/translation/requestTranslation", { itemId, targetLanguage, sourceLanguage, sessionId, provider });
+import { get, post } from "./serviceHelper";
+export async function requestTranslation({ itemId, targetLanguage, sourceLanguage, sessionId, provider }) {
+    return await post("/alpaca/editor/translation/requestTranslation", { itemId, targetLanguage, sourceLanguage, sessionId, provider });
 }
-async function getTranslationStatus(itemId) {
-    return await (0, serviceHelper_1.get)(`/alpaca/editor/translation/getTranslations?itemId=${itemId}`);
+export async function getTranslationStatus(itemId) {
+    return await get(`/alpaca/editor/translation/getTranslations?itemId=${itemId}`);
 }
-async function getTranslationProviders() {
-    return await (0, serviceHelper_1.get)(`/alpaca/editor/translation/providers`);
+export async function getTranslationProviders() {
+    return await get(`/alpaca/editor/translation/providers`);
 }

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

@@ -0,0 +1,19 @@
+import "server-only";
+export type FetchOptions = {
+    tags?: string[];
+    revalidate?: number | false;
+};
+export type FetchResult = {
+    status: number;
+    error?: string;
+    data?: any;
+    headers: Headers;
+};
+export type ApiConfig = {
+    apiKey?: string;
+    headers?: Headers;
+};
+export declare function apiGet(route: string, config?: ApiConfig): Promise<FetchResult>;
+export declare function apiPostObject(route: string, object: any, config?: ApiConfig): Promise<FetchResult>;
+export declare function getApiKey(): string | undefined;
+export declare function getApiHeaders(): Promise<Headers>;

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

@@ -1,20 +1,11 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.apiGet = apiGet;
-exports.apiPostObject = apiPostObject;
-exports.getApiKey = getApiKey;
-exports.getApiHeaders = getApiHeaders;
-require("server-only");
-const headers_1 = require("next/headers");
-const axios_1 = __importDefault(require("axios"));
-async function apiGet(route, config) {
+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_1.default.get(url, {
+        const response = await axios.get(url, {
             headers: requestHeaders,
         });
         return {
@@ -53,12 +44,12 @@ function getRequestHeaders(config) {
     requestHeaders["x-api-key"] = config?.apiKey ?? getApiKey();
     return requestHeaders;
 }
-async function apiPostObject(route, object, config) {
+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_1.default.post(url, body, {
+        const response = await axios.post(url, body, {
             headers: requestHeaders,
         });
         return {
@@ -95,7 +86,7 @@ async function apiPostObject(route, object, config) {
         }
     }
 }
-function getApiKey() {
+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");
@@ -110,8 +101,8 @@ function convertAxiosHeaders(headers) {
     }
     return convertedHeaders;
 }
-async function getApiHeaders() {
-    const requestHeaders = await (0, headers_1.headers)();
+export async function getApiHeaders() {
+    const requestHeaders = await headers();
     const apiHeaders = new Headers();
     apiHeaders.set("Cookie", requestHeaders.get("Cookie") || "");
     apiHeaders.set("Authorization", requestHeaders.get("Authorization") || "");

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

@@ -1,9 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.executeGraphQLQuery = executeGraphQLQuery;
-exports.getGraphQLSchema = getGraphQLSchema;
-const api_1 = require("../services-server/api");
-async function executeGraphQLQuery({ query, host, path, language, mode, itemId, version, 
+import { apiGet, apiPostObject } from "../services-server/api";
+export async function executeGraphQLQuery({ query, host, path, language, mode, itemId, version, 
 // tags,
 // revalidate,
 siteName, schema, sessionId, apiConfig, }) {
@@ -23,7 +19,7 @@ siteName, schema, sessionId, apiConfig, }) {
         Schema: schema,
     };
     //TODO: cache:
-    const response = await (0, api_1.apiPostObject)(url, request, apiConfig);
+    const response = await apiPostObject(url, request, apiConfig);
     if (response.status !== 200) {
         return { status: response.status, errors: getErrors(response) };
     }
@@ -46,9 +42,9 @@ function getErrors(response) {
         return [{ message: response.error }];
     return undefined;
 }
-async function getGraphQLSchema({ id, apiConfig, }) {
+export async function getGraphQLSchema({ id, apiConfig, }) {
     let url = "/alpaca/headless/graphql/schema?id=" + id;
-    const response = await (0, api_1.apiGet)(url, apiConfig);
+    const response = await apiGet(url, apiConfig);
     if (response.status !== 200) {
         return { status: response.status, error: response.error };
     }

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

@@ -1,19 +1,16 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComponentPalette = ComponentPalette;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const insertOptions_1 = require("../utils/insertOptions");
-const Icons_1 = require("../ui/Icons");
-const utils_1 = require("../utils");
-const utils_2 = require("primereact/utils");
-const editContext_1 = require("../client/editContext");
-const inputtext_1 = require("primereact/inputtext");
-const react_1 = require("react");
-function ComponentPalette({}) {
-    const editContext = (0, editContext_1.useEditContext)();
-    const [filter, setFilter] = (0, react_1.useState)("");
-    const filterRef = (0, react_1.useRef)(null);
-    const insertOptions = (0, insertOptions_1.getInsertOptionsForCurrentSelection)(editContext);
+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 { classNames } from "primereact/utils";
+import { useEditContext } from "../client/editContext";
+import { InputText } from "primereact/inputtext";
+import { useState, useRef } from "react";
+export function ComponentPalette({}) {
+    const editContext = useEditContext();
+    const [filter, setFilter] = useState("");
+    const filterRef = useRef(null);
+    const insertOptions = getInsertOptionsForCurrentSelection(editContext);
     const insertOptionsByGroup = insertOptions.reduce((acc, value) => {
         const group = value.group || "Other";
         if (!acc[group]) {
@@ -22,13 +19,13 @@ function ComponentPalette({}) {
         acc[group].push(value);
         return acc;
     }, {});
-    return ((0, jsx_runtime_1.jsx)("div", { className: "h-full relative tour-component-palette", children: (0, jsx_runtime_1.jsxs)("div", { className: "overflow-y-auto absolute inset-0", children: [(0, jsx_runtime_1.jsx)("div", { className: "p-4", children: (0, jsx_runtime_1.jsx)(inputtext_1.InputText, { ref: filterRef, className: "w-full text-sm", placeholder: "Filter components", onChange: (e) => setFilter(e.target.value) }) }), Object.keys(insertOptionsByGroup)
+    return (_jsx("div", { className: "h-full relative tour-component-palette", children: _jsxs("div", { className: "overflow-y-auto absolute inset-0", children: [_jsx("div", { className: "p-4", children: _jsx(InputText, { ref: filterRef, className: "w-full text-sm", placeholder: "Filter components", onChange: (e) => setFilter(e.target.value) }) }), 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 ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_2.classNames)("m-4", index > 0 ? " border-t border-gray-200" : ""), children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-xs font-bold mt-2 mb-3 flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)(Icons_1.ArrowDownIcon, {}), " ", group] }), (0, jsx_runtime_1.jsx)("div", { className: "grid gap-4 grid-cols-[repeat(auto-fill,_minmax(70px,_1fr))]", children: options.map((option) => {
+                    return (_jsxs("div", { className: classNames("m-4", index > 0 ? " border-t border-gray-200" : ""), children: [_jsxs("div", { className: "text-xs font-bold mt-2 mb-3 flex items-center gap-2", children: [_jsx(ArrowDownIcon, {}), " ", group] }), _jsx("div", { className: "grid gap-4 grid-cols-[repeat(auto-fill,_minmax(70px,_1fr))]", children: options.map((option) => {
                                     function handleDragStart(event) {
                                         editContext?.dragStart({
                                             type: "template",
@@ -42,14 +39,14 @@ function ComponentPalette({}) {
                                         editContext.setSelectedForInsertion("");
                                     }
                                     const isDraggable = !option.isInvalid;
-                                    return ((0, jsx_runtime_1.jsxs)("div", { id: "insert-component-" + option.typeId, onClick: () => {
+                                    return (_jsxs("div", { id: "insert-component-" + option.typeId, onClick: () => {
                                             editContext.setSelectedForInsertion(option.typeId);
-                                        }, draggable: isDraggable, onDragStart: handleDragStart, onDragEnd: handleDragEnd, className: (0, utils_2.classNames)("p-2 border border-gray-200 flex items-center flex-col gap-2 text-center text-xs relative rounded break-all ", isDraggable ? "cursor-grab" : "", editContext.selectedForInsertion === option.typeId
+                                        }, draggable: isDraggable, onDragStart: handleDragStart, onDragEnd: handleDragEnd, className: classNames("p-2 border border-gray-200 flex items-center flex-col gap-2 text-center text-xs relative rounded break-all ", isDraggable ? "cursor-grab" : "", editContext.selectedForInsertion === option.typeId
                                             ? "border-sky-500"
-                                            : ""), "data-testid": "insert-component-option", children: [option.svg && ((0, jsx_runtime_1.jsx)("div", { className: "w-8 h-8", dangerouslySetInnerHTML: { __html: option.svg } })), !option.svg && ((0, jsx_runtime_1.jsx)("img", { src: (0, utils_1.getAbsoluteIconUrl)(option.icon), width: "32", height: "32" })), (0, jsx_runtime_1.jsx)("div", { className: "text-xs", children: option.name
+                                            : ""), "data-testid": "insert-component-option", children: [option.svg && (_jsx("div", { className: "w-8 h-8", dangerouslySetInnerHTML: { __html: option.svg } })), !option.svg && (_jsx("img", { src: getAbsoluteIconUrl(option.icon), width: "32", height: "32" })), _jsx("div", { className: "text-xs", children: option.name
                                                     .split(new RegExp(`(${filter})`, "i"))
                                                     .map((part, i) => part.toLowerCase() === filter.toLowerCase() &&
-                                                    part ? ((0, jsx_runtime_1.jsx)("u", { className: "font-bold", children: part }, i)) : (part && (0, jsx_runtime_1.jsx)("span", { children: part }, i))) }), option.isInvalid && ((0, jsx_runtime_1.jsx)("i", { className: "pi pi-exclamation-triangle text-red-500 absolute top-0 right-0", title: option.message }))] }, option.typeId));
+                                                    part ? (_jsx("u", { className: "font-bold", children: part }, i)) : (part && _jsx("span", { children: part }, i))) }), option.isInvalid && (_jsx("i", { className: "pi pi-exclamation-triangle text-red-500 absolute top-0 right-0", title: option.message }))] }, option.typeId));
                                 }) })] }, group));
                 })] }) }));
 }

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

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

package/dist/editor/sidebar/ComponentTree.js

@@ -1,23 +1,20 @@
 "use client";
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComponentTree = ComponentTree;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const editContext_1 = require("../client/editContext");
-const react_1 = require("react");
-const confirmdialog_1 = require("primereact/confirmdialog");
-const componentCommands_1 = require("../commands/componentCommands");
-const PerfectTree_1 = require("../ui/PerfectTree");
-const componentTreeHelper_1 = require("../componentTreeHelper");
-function ComponentTree({}) {
-    const [expandedKeys, setExpandedKeys] = (0, react_1.useState)([]);
-    const [selectedKeys, setSelectedKeys] = (0, react_1.useState)([]);
-    const [rootNodes, setRootNodes] = (0, react_1.useState)([]);
-    const [nodeDictionary, setNodeDictionary] = (0, react_1.useState)({});
-    let editContextRef = (0, editContext_1.useEditContextRef)();
-    const editContext = (0, editContext_1.useEditContext)();
-    const treeRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEditContext, useEditContextRef } from "../client/editContext";
+import { useEffect, useRef, useState } from "react";
+import { confirmDialog } from "primereact/confirmdialog";
+import { getComponentCommands } from "../commands/componentCommands";
+import { PerfectTree } from "../ui/PerfectTree";
+import { isValidPlaceholder } from "../componentTreeHelper";
+export function ComponentTree({}) {
+    const [expandedKeys, setExpandedKeys] = useState([]);
+    const [selectedKeys, setSelectedKeys] = useState([]);
+    const [rootNodes, setRootNodes] = useState([]);
+    const [nodeDictionary, setNodeDictionary] = useState({});
+    let editContextRef = useEditContextRef();
+    const editContext = useEditContext();
+    const treeRef = useRef(null);
+    useEffect(() => {
         if (treeRef.current) {
             const selectedNodeKey = Object.keys(selectedKeys || {})[0];
             const selectedNodeElement = treeRef.current.querySelector(`[data-id="${selectedNodeKey}"]`);
@@ -29,14 +26,14 @@ function ComponentTree({}) {
             }
         }
     }, [selectedKeys]);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (editContext?.selection) {
             setSelectedKeys(editContext.selection);
         }
     }, [editContext?.selection]);
     const selection = editContext?.selection || [];
     const page = editContext?.page;
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         const newExpandedKeys = [...expandedKeys];
         for (const id of selection) {
             if (nodeDictionary[id]?.parent) {
@@ -112,7 +109,7 @@ function ComponentTree({}) {
                     });
                     if (!hostItem)
                         return;
-                    (0, confirmdialog_1.confirmDialog)({
+                    confirmDialog({
                         header: "Edit layout",
                         message: "Edit layout " + hostItem.path + "?",
                         accept: () => editContext.loadItem({
@@ -157,7 +154,7 @@ function ComponentTree({}) {
         }
         return node;
     }
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (!page)
             return;
         const treeNodes = mapPlaceholders(page.rootComponent, {
@@ -227,7 +224,7 @@ function ComponentTree({}) {
         if (selectedEntities.length === 0 && item.data) {
             selectedEntities = [item.data];
         }
-        let commands = (0, componentCommands_1.getComponentCommands)(selectedEntities, editContextRef.current);
+        let commands = getComponentCommands(selectedEntities, editContextRef.current);
         const menu = commands.map((x) => ({
             label: x.label,
             icon: x.icon,
@@ -285,7 +282,7 @@ function ComponentTree({}) {
         const placeholder = getPlaceholder(dragOverNode);
         if (!placeholder)
             return false;
-        var isValid = (0, componentTreeHelper_1.isValidPlaceholder)(placeholder, editContext.dragObject);
+        var isValid = isValidPlaceholder(placeholder, editContext.dragObject);
         return isValid;
     };
     // Handle drop on node
@@ -296,9 +293,9 @@ function ComponentTree({}) {
         editContext.droppedInPlaceholder(placeholder.key, index);
     };
     if (!page)
-        return ((0, jsx_runtime_1.jsx)("div", { className: "flex h-full items-center justify-center text-sm text-gray-500" }));
+        return (_jsx("div", { className: "flex h-full items-center justify-center text-sm text-gray-500" }));
     // Use the PerfectTree component
-    return ((0, jsx_runtime_1.jsx)("div", { className: "p-2", ref: treeRef, children: (0, jsx_runtime_1.jsx)(PerfectTree_1.PerfectTree, { nodes: rootNodes, isDragging: !!editContext?.dragObject, selectedKeys: selectedItems, expandedKeys: expandedItems, onToggleExpand: handleToggle, onSelect: handleTreeSelection, enableDragAndDrop: true, onDragOverZone: (parent, index, event) => handleDragOverZone(parent, index, event), onStartDrag: (data) => {
+    return (_jsx("div", { className: "p-2", ref: treeRef, children: _jsx(PerfectTree, { nodes: rootNodes, isDragging: !!editContext?.dragObject, selectedKeys: selectedItems, expandedKeys: expandedItems, onToggleExpand: handleToggle, onSelect: handleTreeSelection, enableDragAndDrop: true, onDragOverZone: (parent, index, event) => handleDragOverZone(parent, index, event), onStartDrag: (data) => {
                 const component = data.node.data;
                 // Initialize drag data to make sure dataTransfer is set
                 data.event.dataTransfer.setData("text/plain", data.node.key);
@@ -321,7 +318,7 @@ function ComponentTree({}) {
             }, onDrop: (parent, index, event) => handleDropZone(parent, index, event), renderNode: (node) => renderNode(node) }) }));
 }
 function renderNode(node) {
-    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("div", { className: "font-geist-sans flex items-center gap-2 p-0.5 text-[12px] text-gray-600", children: [(0, jsx_runtime_1.jsx)("i", { className: node.icon }), (0, jsx_runtime_1.jsx)("span", { className: node.className, children: node.label }), node.tags?.map((x) => ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("span", { id: `id-${node.key}-${x.id}`, className: "ml-2 rounded px-1 py-0.5 text-xs", style: {
+    return (_jsx("div", { children: _jsxs("div", { className: "font-geist-sans flex items-center gap-2 p-0.5 text-[12px] text-gray-600", children: [_jsx("i", { className: node.icon }), _jsx("span", { className: node.className, children: node.label }), node.tags?.map((x) => (_jsx("div", { children: _jsxs("span", { id: `id-${node.key}-${x.id}`, className: "ml-2 rounded px-1 py-0.5 text-xs", style: {
                             backgroundColor: x.color,
                             marginLeft: "8px",
                             fontSize: "10px",
@@ -331,7 +328,7 @@ function renderNode(node) {
                                 e.stopPropagation();
                                 x.onClick();
                             }
-                            : undefined, children: [x.icon && (0, jsx_runtime_1.jsx)("i", { className: x.icon }), x.value] }) }, `tag-${node.key}-${x.id}`)))] }) }));
+                            : undefined, children: [x.icon && _jsx("i", { className: x.icon }), x.value] }) }, `tag-${node.key}-${x.id}`)))] }) }));
 }
 function createMap(treeNodes, nodeDictionary) {
     treeNodes.forEach((n) => {

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

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

package/dist/editor/sidebar/Debug.js

@@ -1,25 +1,22 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Debug = Debug;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const tabview_1 = require("primereact/tabview");
-const CopyToClipboardButton_1 = require("../ui/CopyToClipboardButton");
-const react_1 = require("react");
-const componentTreeHelper_1 = require("../componentTreeHelper");
-const react_inspector_1 = require("react-inspector");
-const editContext_1 = require("../client/editContext");
-const contentService_1 = require("../services/contentService");
-function Debug({}) {
-    const [activeTab, setActiveTab] = (0, react_1.useState)(0);
-    const [pageLayout, setPageLayout] = (0, react_1.useState)(null);
-    const editContext = (0, editContext_1.useEditContext)();
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TabView, TabPanel } from "primereact/tabview";
+import { CopyToClipboardButton } from "../ui/CopyToClipboardButton";
+import { useEffect, useState } from "react";
+import { getComponentByIdFromHeadlessLayout } from "../componentTreeHelper";
+import { ObjectInspector, ObjectLabel, ObjectRootLabel } from "react-inspector";
+import { useEditContext } from "../client/editContext";
+import { getPageJson } from "../services/contentService";
+export function Debug({}) {
+    const [activeTab, setActiveTab] = useState(0);
+    const [pageLayout, setPageLayout] = useState(null);
+    const editContext = useEditContext();
     if (!editContext)
         return;
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         const loadLayout = async () => {
             if (!editContext.currentItemDescriptor)
                 return;
-            const layout = await (0, contentService_1.getPageJson)(editContext.currentItemDescriptor);
+            const layout = await getPageJson(editContext.currentItemDescriptor);
             setPageLayout(layout);
         };
         loadLayout();
@@ -28,7 +25,7 @@ function Debug({}) {
     let component = null;
     if (page) {
         const selectedComponents = editContext.selection
-            .map((x) => (0, componentTreeHelper_1.getComponentByIdFromHeadlessLayout)(x, page))
+            .map((x) => getComponentByIdFromHeadlessLayout(x, page))
             .filter((x) => x);
         component = selectedComponents.length === 1 ? selectedComponents[0] : null;
     }
@@ -48,13 +45,13 @@ function Debug({}) {
             name == "parentComponent" ||
             name == "placeholderReference")
             return null;
-        return depth === 0 ? ((0, jsx_runtime_1.jsx)(react_inspector_1.ObjectRootLabel, { name: name, data: data })) : ((0, jsx_runtime_1.jsx)(react_inspector_1.ObjectLabel, { name: name, data: data, isNonenumerable: isNonenumerable }));
+        return depth === 0 ? (_jsx(ObjectRootLabel, { name: name, data: data })) : (_jsx(ObjectLabel, { name: name, data: data, isNonenumerable: isNonenumerable }));
     };
     if (component) {
-        tabs.push((0, jsx_runtime_1.jsx)(tabview_1.TabPanel, { header: "Component", className: "relative h-full", children: (0, jsx_runtime_1.jsx)("div", { className: "relative h-full", children: (0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 overflow-auto p-2", children: (0, jsx_runtime_1.jsx)(react_inspector_1.ObjectInspector, { data: component, nodeRenderer: defaultNodeRenderer }) }) }) }, "component"));
+        tabs.push(_jsx(TabPanel, { header: "Component", className: "relative h-full", children: _jsx("div", { className: "relative h-full", children: _jsx("div", { className: "absolute inset-0 overflow-auto p-2", children: _jsx(ObjectInspector, { data: component, nodeRenderer: defaultNodeRenderer }) }) }) }, "component"));
     }
-    tabs.push((0, jsx_runtime_1.jsx)(tabview_1.TabPanel, { header: "Page", className: "relative h-full", children: (0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 overflow-auto p-2", children: (0, jsx_runtime_1.jsx)(react_inspector_1.ObjectInspector, { data: page, nodeRenderer: defaultNodeRenderer }) }) }, "page"));
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "relative h-[calc(100%-6px)]", children: [(0, jsx_runtime_1.jsx)(tabview_1.TabView, { className: "alpaceditor-tabs h-full", onTabChange: (ev) => {
+    tabs.push(_jsx(TabPanel, { header: "Page", className: "relative h-full", children: _jsx("div", { className: "absolute inset-0 overflow-auto p-2", children: _jsx(ObjectInspector, { data: page, nodeRenderer: defaultNodeRenderer }) }) }, "page"));
+    return (_jsxs("div", { className: "relative h-[calc(100%-6px)]", children: [_jsx(TabView, { className: "alpaceditor-tabs h-full", onTabChange: (ev) => {
                     setActiveTab(ev.index);
-                }, activeIndex: activeTab, children: tabs }), (0, jsx_runtime_1.jsx)("div", { className: "absolute top-2 right-1", children: (0, jsx_runtime_1.jsx)(CopyToClipboardButton_1.CopyToClipboardButton, { text: JSON.stringify(activeTab === 0 && component ? component : page, replacer, 2) }) })] }));
+                }, activeIndex: activeTab, children: tabs }), _jsx("div", { className: "absolute top-2 right-1", children: _jsx(CopyToClipboardButton, { text: JSON.stringify(activeTab === 0 && component ? component : page, replacer, 2) }) })] }));
 }

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

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