@alpaca-headless/alpaca-headless-nextjs 1.0.246 → 1.0.253

package/dist/esm/index.js

@@ -1,8 +1,9 @@
 export * from "./servertypes";
 export * from "./loadRouteData";
 export * from "./components";
-export * from "./alpacaContext";
-export * from "./editor/Editor";
+export * from "./renderContext";
+export * from "./Editor";
 export * from "./middleware";
 export * as GraphQLTypes from "./graphQLTypes";
 export * from "./graphQL";
+export { translate } from "./translate";

package/dist/esm/loadRouteData.js

@@ -7,7 +7,6 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { useAlpacaContext } from "./alpacaContext";
 import { cookies, headers } from "next/headers";
 const fetchRouteData = (path, host, mode, itemId, language, session, version) => __awaiter(void 0, void 0, void 0, function* () {
     const request = {
@@ -69,25 +68,6 @@ const fetchRouteData = (path, host, mode, itemId, language, session, version) =>
         };
     }
     const data = yield response.json();
-    //console.log(JSON.stringify(data, null, 2));
-    const context = useAlpacaContext();
-    context.pageContext = {
-        itemId: data.page.id,
-        language: data.page.language,
-        site: data.site,
-        pageEditing: data.page._editor,
-        previewing: data.page.previewing,
-        pageState: "",
-        database: data.page.database,
-    };
-    context.fields = data.page.fields;
-    context.edit = data.edit;
-    const dictionary = yield loadDictionary(context.pageContext.site.name, context.pageContext.language, mode, session);
-    context.dictionary = dictionary;
-    context.translate = (text) => {
-        return context.dictionary[text] || text;
-    };
-    data.page.site = data.site;
     return Object.assign(Object.assign({}, data.page), { type: "page" });
 });
 export function loadRouteData({ path, searchParams, host, }) {
@@ -97,7 +77,7 @@ export function loadRouteData({ path, searchParams, host, }) {
         return result;
     });
 }
-function loadDictionary(siteName, language, mode, session) {
+export function loadDictionary(siteName, language, mode, session) {
     return __awaiter(this, void 0, void 0, function* () {
         let url = process.env.LAYOUT_SERVICE_URL +
             "/alpaca/headless/dictionary" +
@@ -128,7 +108,6 @@ function loadDictionary(siteName, language, mode, session) {
             return {};
         }
         const data = yield response.json();
-        //console.log(data);
         return data;
     });
 }

package/dist/esm/middleware/handleRequest.js

@@ -7,7 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { loadRouteData } from "..";
+import { loadRouteData } from "../loadRouteData";
 export function handleRequest({ request, mapHost, }) {
     return __awaiter(this, void 0, void 0, function* () {
         const urlSearchParams = new URLSearchParams(request.nextUrl.search);

package/dist/esm/public.js

@@ -0,0 +1,10 @@
+import { RichText, Text, Placeholder, Image, Translate } from "./components";
+import { translate } from "./translate";
+export default {
+    Text,
+    RichText,
+    Image,
+    Placeholder,
+    Translate,
+    translate,
+};

package/dist/esm/renderContext.js

@@ -0,0 +1,49 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { loadDictionary, loadRouteData } from "./loadRouteData";
+export function createRenderContext({ path, searchParams, host, renderings, }) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const page = yield loadRouteData({
+            path,
+            searchParams,
+            host,
+        });
+        if (page.type !== "page") {
+            return {
+                isError: true,
+                message: `Error loading page data: ${path}`,
+                error: page,
+            };
+        }
+        const mode = searchParams["mode"] || "normal";
+        const session = searchParams["session"];
+        const dictionary = yield loadDictionary(page.site.name, page.language, mode, session);
+        const context = {
+            dictionary: dictionary,
+            page: page,
+            mode,
+            isEditing: mode === "edit",
+            isPreview: mode === "preview",
+            renderings,
+            isError: false,
+        };
+        return context;
+    });
+}
+export function createClientContext(context) {
+    const clientContext = {
+        page: context.page,
+        dictionary: context.dictionary,
+        isEditing: context.isEditing,
+        isPreview: context.isPreview,
+        mode: context.mode,
+    };
+    return clientContext;
+}

package/dist/esm/renderings.js

@@ -0,0 +1,87 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+// import { writeFile } from "fs/promises";
+// import path from "path";
+// import { tmpdir } from "os";
+// import uuid from "react-uuid";
+import React from "react";
+import ts from "typescript";
+import AlpacaHeadlessNextjs from "./public";
+export function getRenderingById(id) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const rendering = yield getRendering(id);
+        if (!rendering)
+            return () => {
+                return "Nix gefunden";
+            };
+        console.log("C O D E " + rendering.code);
+        //   const dynamicComponentCode = compileTSX(`
+        // import React from 'react';
+        // const DynamicComponent = () => <div>Hello, dynamic world!</div>;
+        // export default DynamicComponent;
+        // `);
+        const dynamicComponentCode = compileTSX(rendering.code);
+        console.log("Compiled: " + dynamicComponentCode);
+        const requires = (name) => {
+            if (name === "react")
+                return React;
+            if (name === "@alpaca-headless/alpaca-headless-nextjs")
+                return AlpacaHeadlessNextjs;
+            throw new Error(`Unresolved dependency: ${name}`);
+        };
+        const exports = {};
+        const module = { exports };
+        const func = new Function("require", "module", "exports", dynamicComponentCode);
+        func(requires, module, exports);
+        return exports.default;
+        //return fn as React.ComponentType<any>;
+        //const result = await importModuleFromString(rendering.code);
+        //return result.default as React.ComponentType<any>;
+    });
+}
+export function getRendering(id) {
+    return __awaiter(this, void 0, void 0, function* () {
+        let url = process.env.LAYOUT_SERVICE_URL + "/alpaca/headless/component?id=" + id;
+        const response = yield fetch(url, {
+            method: "GET",
+            credentials: "include",
+            headers: {
+                "Content-Type": "application/json",
+            },
+            next: {
+                revalidate: 0,
+            },
+        });
+        console.log(response.status);
+        const json = yield response.json();
+        return json;
+    });
+}
+// async function importModuleFromString(code: string) {
+//   // const moduleId = uuid();
+//   // const filePath = path.join(tmpdir(), `${moduleId}.js`);
+//   // await writeFile(filePath, code, "utf8");
+//   //console.log(code + "üüüüü");
+//   // const module = await import(
+//   //   "C:\\Hinnerk\\Alpaca-103\\Headless\\next-headless\\src\\app\\[[...path]]\\2609ed48-b9ef-7d82-29b9-6422c935c514.js"
+//   // );
+//   // Use the imported module here
+//   return module;
+// }
+function compileTSX(tsxCode) {
+    const result = ts.transpileModule(tsxCode, {
+        compilerOptions: {
+            jsx: ts.JsxEmit.React,
+            esModuleInterop: true,
+            module: ts.ModuleKind.CommonJS,
+        },
+    });
+    return result.outputText;
+}

package/dist/esm/translate.js

@@ -0,0 +1,7 @@
+export function translate(text, context) {
+    const dictionary = context.dictionary;
+    const value = dictionary[text];
+    if (typeof value === "string")
+        return value;
+    return context.dictionary[text].value || text;
+}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@alpaca-headless/alpaca-headless-nextjs",
   "sideEffects": false,
   "type": "module",
-  "version": "1.0.246",
+  "version": "1.0.253",
   "description": "Alpaca Headless NextJs Integration",
   "main": "dist/cjs/index.js",
   "types": "types/index.d.ts",
@@ -39,6 +39,7 @@
   "author": "Canvas REPLY DE GmbH",
   "license": "MIT",
   "dependencies": {
+    "@uiw/react-textarea-code-editor": "^1.4.4",
     "allotment": "^1.20.0",
     "autoprefixer": "10.4.17",
     "copyfiles": "^2.4.1",

package/types/Editor.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import "server-only";
+import { RenderContext } from "./renderContext";
+import { EditorClientBuilderProps } from "./editor/config/types";
+export declare function Editor({ children, context, clientBuilder, }: {
+    children: React.ReactNode;
+    context: RenderContext;
+    clientBuilder: React.ComponentType<EditorClientBuilderProps>;
+}): import("react/jsx-runtime").JSX.Element;

package/types/components/Image.d.ts

@@ -1,9 +1,11 @@
 import "server-only";
 import React from "react";
 import { ImageField } from "../fieldTypes";
+import { RenderContext } from "../renderContext";
 export interface ImageProps {
     [attributeName: string]: unknown;
     field?: ImageField;
+    context: RenderContext;
     imageParams?: {
         [paramName: string]: string | number;
     };

package/types/components/Link.d.ts

@@ -1,7 +1,8 @@
 import "server-only";
 import React from "react";
 import { LinkField } from "../fieldTypes";
-export declare function Link({ field, children, ...props }: {
+import { RenderContextProps } from "../renderContext";
+export declare function Link({ field, children, context, ...props }: {
     field: LinkField;
     children: React.ReactNode;
-} & React.AnchorHTMLAttributes<HTMLAnchorElement>): import("react/jsx-runtime").JSX.Element | undefined;
+} & React.AnchorHTMLAttributes<HTMLAnchorElement> & RenderContextProps): import("react/jsx-runtime").JSX.Element | undefined;

package/types/components/LockedFieldIndicator.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Field } from "..";
+import { Field } from "../servertypes";
 export declare function LockedFieldIndicator({ elementRef, field, }: {
     elementRef: React.RefObject<HTMLElement>;
     field: Field;

package/types/components/Picture.d.ts

@@ -2,6 +2,7 @@ import "server-only";
 import React from "react";
 import { PictureField } from "../fieldTypes";
 import { MediaPictureParams, PictureParams } from "./picture-shared";
+import { RenderContextProps } from "../renderContext";
 export interface PictureSource {
     media: string;
     variant: string;
@@ -16,4 +17,4 @@ export interface PictureProps {
     renderEditButton?: boolean;
     renderJsonLinkedData?: boolean;
 }
-export declare const Picture: React.FC<PictureProps>;
+export declare const Picture: React.FC<PictureProps & RenderContextProps>;

package/types/components/Placeholder.d.ts

@@ -1,13 +1,10 @@
 import "server-only";
 import { ComponentData, Page, Redirect, NotFound, Error } from "../servertypes";
 import { JSX } from "react/jsx-runtime";
-export type DefaultComponentProps = {
-    component: ComponentData;
-    index: number;
-    count: number;
-};
-export declare function Placeholder({ name, description, content, tag, className, mapComponent, getComponentProps, }: {
+import { RenderContext, RenderingProps } from "../renderContext";
+export declare function Placeholder({ name, description, content, tag, className, mapComponent, getComponentProps, context, }: {
     name: string;
+    context: RenderContext;
     description?: string;
     mapComponent?: ({ data, index, }: {
         data: ComponentData;
@@ -16,5 +13,5 @@ export declare function Placeholder({ name, description, content, tag, className
     tag?: string;
     className?: string;
     content: Error | Page | Redirect | NotFound | ComponentData;
-    getComponentProps?: ({ component, index, count, }: DefaultComponentProps) => any;
-}): JSX.Element | undefined;
+    getComponentProps?: ({ component, context, index, count, }: RenderingProps) => any;
+}): Promise<JSX.Element | undefined>;

package/types/components/RichText.d.ts

@@ -1,8 +1,10 @@
 import "server-only";
 import React from "react";
 import { TextField } from "../fieldTypes";
-export declare function RichText({ field, tag, editable, ...props }: {
+import { RenderContext } from "../renderContext";
+export declare function RichText({ field, tag, editable, context, ...props }: {
     field: TextField;
     tag?: string;
     editable?: boolean;
+    context: RenderContext;
 } & React.HTMLAttributes<HTMLElement>): import("react/jsx-runtime").JSX.Element | undefined;

package/types/components/Slot.d.ts

@@ -1,5 +1,7 @@
 import "server-only";
 import { ComponentData } from "../servertypes";
-export default function Section({ component }: {
+import { RenderContext } from "../renderContext";
+export default function Section({ component, context, }: {
     component: ComponentData;
+    context: RenderContext;
 }): import("react/jsx-runtime").JSX.Element;

package/types/components/Text.d.ts

@@ -1,9 +1,11 @@
 import "server-only";
 import React from "react";
 import { TextField } from "../fieldTypes";
-export declare function Text({ field, tag, editable, ...props }: {
+import { RenderContext } from "../renderContext";
+export declare function Text({ field, tag, editable, context, ...props }: {
     field: TextField;
     tag?: string;
     className?: string;
     editable?: boolean;
+    context: RenderContext;
 } & React.HTMLAttributes<HTMLElement>): import("react/jsx-runtime").JSX.Element | undefined;

package/types/components/Translate.d.ts

@@ -1,4 +1,6 @@
 import "server-only";
-export declare function Translate({ text }: {
+import { RenderContext } from "../renderContext";
+export declare function Translate({ text, context, }: {
     text: string;
+    context: RenderContext;
 }): string | import("react/jsx-runtime").JSX.Element;

package/types/components/TranslateEditorWrapper.d.ts

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

package/types/editor/ContentTree.d.ts

@@ -1,5 +1,5 @@
 import { ItemTreeNodeData } from "./services/contentService";
-export default function ContentTree({ isDraggable, dragStart, dragEnd, expandIdPath, selectionMode, selectedItemIds, rootItemId, onSelectionChange, filter, templateIds, className, includeEmbeddedItems, onDoubleClick, secondarySelectedItemId, }: {
+export default function ContentTree({ isDraggable, dragStart, dragEnd, expandIdPath, selectionMode, selectedItemIds, rootItemId, onSelectionChange, filter, templateIds, className, includeEmbeddedItems, onDoubleClick, secondarySelectedItemId, selectPagesOnly, }: {
     isDraggable?: (item: ItemTreeNodeData) => boolean;
     dragStart?: (item: ItemTreeNodeData) => void;
     dragEnd?: () => void;
@@ -14,4 +14,5 @@ export default function ContentTree({ isDraggable, dragStart, dragEnd, expandIdP
     includeEmbeddedItems?: boolean;
     onDoubleClick?: (item: ItemTreeNodeData) => void;
     secondarySelectedItemId?: string;
+    selectPagesOnly?: boolean;
 }): import("react/jsx-runtime").JSX.Element;

package/types/editor/ContextMenu.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { MenuItem } from "primereact/menuitem";
 import { Field, ComponentData } from "../servertypes";
-import { EditContextType, EditButton } from ".";
+import { EditContextType, EditButton } from "./editContext";
 export declare function getFieldContextMenu(field: Field, editContext: EditContextType, customButtons?: EditButton[]): (e: any) => void;
 export declare function showComponentContextMenu(component: ComponentData, editContext: EditContextType): (e: any) => void;
 export interface EditContextMenuRef {

package/types/editor/EditorClient.d.ts

@@ -1,10 +1,11 @@
 import React from "react";
-import { Page, Field, EditData, FieldButton } from "../servertypes";
-import { EditorConfiguration } from ".";
+import { Field, FieldButton } from "../servertypes";
+import { EditorConfiguration } from "./config/types";
 import "../../editor.css";
 import "../../primeicons/primeicons.css";
 import "../../primereact/resources/themes/md-light-indigo/theme.css";
 import "react-json-view-lite/dist/index.css";
+import { ClientRenderContext } from "../renderContext";
 export type FieldAction = {
     field: Field;
     actionButton: FieldButton;
@@ -15,10 +16,8 @@ export type WindowSize = {
     width: number;
     height: number;
 };
-export declare function EditorClient({ page, dictionaryObject, editData, children, configuration, }: {
-    page: Page;
-    dictionaryObject: any;
-    editData: EditData;
+export declare function EditorClient({ context, children, configuration, }: {
+    context: ClientRenderContext;
     children: React.ReactNode;
     configuration: EditorConfiguration;
 }): import("react/jsx-runtime").JSX.Element;

package/types/editor/EditorClientHost.d.ts

@@ -1,11 +1,8 @@
 /// <reference types="react" />
-import { EditData, EditableDictionary } from "../servertypes";
-import { EditorClientBuilderProps } from ".";
-export declare function EditorClientHost({ content, dictionaryObject, children, edit, clientBuilder, }: {
-    content: any;
-    dictionaryObject: EditableDictionary;
-    children: React.ReactNode;
-    site: string;
-    edit: EditData;
+import { EditorClientBuilderProps } from "./config/types";
+import { ClientRenderContext } from "../renderContext";
+export declare function EditorClientHost({ context, clientBuilder, children, }: {
+    context: ClientRenderContext;
     clientBuilder?: React.ComponentType<EditorClientBuilderProps>;
+    children: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;

package/types/editor/FieldListField.d.ts

@@ -1,8 +1,10 @@
 /// <reference types="react" />
 import { Field, SingleValidatorResult } from "../servertypes";
-export default function FieldListField({ field, validators, simplified, title, }: {
+export default function FieldListField({ field, validators, simplified, title, isFocusedField, showFallbackButton, }: {
     field: Field;
     validators: SingleValidatorResult[];
     simplified?: boolean;
     title?: React.ReactNode;
+    isFocusedField: boolean;
+    showFallbackButton?: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element | undefined;

package/types/editor/FieldListFieldWithFallbacks.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Field, SingleValidatorResult } from "../servertypes";
+export declare function FieldListFieldWithFallbacks({ field, validators, simplified, title, }: {
+    field: Field;
+    validators: SingleValidatorResult[];
+    simplified?: boolean;
+    title?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element | undefined;

package/types/editor/PreviewClient.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import "../../editor.css";
 export declare function PreviewClient({ children }: {
     children: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare function EditorAiTerminal({ closeButton, }: {
+    closeButton?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/types/editor/component-designer/ComponentDesigner.d.ts

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

package/types/editor/component-designer/ComponentDesignerAiTerminal.d.ts

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

package/types/editor/component-designer/ComponentDesignerMenu.d.ts

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

package/types/editor/component-designer/ComponentPreview.d.ts

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

package/types/editor/component-designer/ComponentRenderingEditor.d.ts

@@ -0,0 +1,2 @@
+import "@uiw/react-textarea-code-editor/dist.css";
+export declare function ComponentRenderingEditor(): import("react/jsx-runtime").JSX.Element | null;

package/types/editor/component-designer/ComponentSelectionTree.d.ts

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

package/types/editor/component-designer/componentDesignerContext.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { Item, ItemDescriptor } from "../../servertypes";
+export type ComponentDesignerContext = {
+    componentRenderingItem?: Item;
+    setComponentRenderingItem: React.Dispatch<React.SetStateAction<Item | undefined>>;
+    componentRenderingFolder?: ItemDescriptor;
+    setComponentRenderingFolder: React.Dispatch<React.SetStateAction<ItemDescriptor | undefined>>;
+    sampleItem?: ItemDescriptor;
+    setSampleItem: React.Dispatch<React.SetStateAction<ItemDescriptor | undefined>>;
+    code?: string;
+    setCode: React.Dispatch<React.SetStateAction<string | undefined>>;
+};
+export declare function getComponentDesignerContext(): ComponentDesignerContext;
+export declare function useComponentDesignerContext(): ComponentDesignerContext | undefined;

package/types/editor/config/config.d.ts

@@ -1,2 +1,2 @@
-import { EditorConfiguration } from "..";
+import { EditorConfiguration } from "./types";
 export declare const configuration: EditorConfiguration;

package/types/editor/{Editor.d.ts → config/types.d.ts}

@@ -1,8 +1,7 @@
 import { ComponentType, ReactNode } from "react";
-import { Error, Page, Redirect, NotFound, ComponentData } from "../servertypes";
-import { EditorWarningProps } from "./EditorWarnings";
-import { EditContextType } from "./editContext";
-import { Command } from "./commands/commands";
+import { EditContextType } from "../editContext";
+import { Command } from "../commands/commands";
+import { EditorWarningProps } from "../EditorWarnings";
 export type RichTextEditorProfile = {
     toolbar: {
         groups: RichTextEditorToolbarGroup[];
@@ -25,12 +24,15 @@ export type Panel = {
     initialSize: number;
 };
 export type PanelFactory = (editContext: EditContextType) => Panel;
+export type Sidebar = (Panel | PanelFactory)[];
 export type EditorView = {
     name: string;
     title: string;
     icon: string | React.JSX.Element;
     centerPanelView?: string;
-    leftSidebar: (Panel | PanelFactory)[];
+    menuBar?: ReactNode;
+    leftSidebar: Sidebar;
+    rightSidebar?: Sidebar;
 };
 export type ViewPanel = {
     name: string;
@@ -62,8 +64,3 @@ export type FieldTypeConfiguration = {
     editor: React.ComponentType<any>;
     custom?: any;
 };
-export declare function Editor({ children, content, clientBuilder, }: {
-    children: React.ReactNode;
-    content: Error | Page | Redirect | NotFound | ComponentData;
-    clientBuilder: React.ComponentType<EditorClientBuilderProps>;
-}): import("react/jsx-runtime").JSX.Element | undefined;

package/types/editor/editContext.d.ts

@@ -1,10 +1,11 @@
 import React, { MouseEvent, ReactNode } from "react";
 import { ToastMessage } from "primereact/toast";
-import { ComponentData, EditableDictionary, Field, ItemDescriptor, FieldButton, Fields, Page, ValidationResult, EditOperation, Item, EditSession, EditData, FieldDescriptor } from "../servertypes";
-import { EditorConfiguration, EditorView } from ".";
+import { ComponentData, EditableDictionary, Field, ItemDescriptor, FieldButton, Fields, Page, ValidationResult, EditOperation, Item, EditSession, FieldDescriptor } from "../servertypes";
+import { EditorConfiguration, EditorView } from "./config/types";
 import { FieldAction, WindowSize } from "./EditorClient";
 import { MenuItem } from "primereact/menuitem";
 import { Command, ComponentCommand } from "./commands/commands";
+import { ComponentDesignerContext } from "./component-designer/componentDesignerContext";
 export type DragObject = {
     type: "template" | "component" | "link-component";
     templateId: string;
@@ -56,6 +57,7 @@ export type EditContextType = {
     dragEnd: () => void;
     dragObject?: DragObject;
     refreshCompletedFlag: boolean;
+    editOperationExecutedFlag: boolean;
     updateContentEditingFields: boolean;
     dictionary: EditableDictionary;
     unresolvedDictionaryKeys: string[];
@@ -91,7 +93,6 @@ export type EditContextType = {
     editHistory: EditOperation[];
     activeSessions: EditSession[];
     executeWorkflowCommand: (item: ItemDescriptor, commandId: string) => Promise<void>;
-    editData: EditData;
     isCommandDisabled: (command: Command) => boolean;
     executeCommand({ command, event, }: {
         command: Command;
@@ -103,6 +104,7 @@ export type EditContextType = {
         placeholderName: string;
     }) => void;
     pageView: PageViewContext;
+    componentDesignerContext: ComponentDesignerContext;
 };
 export declare const EditContextProvider: React.Provider<EditContextType | undefined>;
 export declare const useEditContext: () => EditContextType | undefined;

package/types/editor/services/aiService.d.ts

@@ -0,0 +1,8 @@
+import { ItemDescriptor } from "../../servertypes";
+export type AiConfig = {
+    prompts: {
+        prompt: string;
+        title: string;
+    }[];
+};
+export declare function loadAiConfig(item: ItemDescriptor): Promise<AiConfig>;

package/types/editor/services/componentDesignerService.d.ts

@@ -0,0 +1,2 @@
+import { ItemDescriptor } from "../../servertypes";
+export declare function createNewComponent(parent: ItemDescriptor, name: string): Promise<string | Error>;

package/types/editor/services/contentService.d.ts

@@ -16,4 +16,4 @@ export type ItemTreeNodeData = {
     hasLayout: boolean;
 };
 export declare function getChildren(itemId: string, sessionId: string, templateIds: string[] | undefined, includeEmbeddedItems: boolean): Promise<ItemTreeNodeData[]>;
-export declare function getItem(item: ItemDescriptor, sessionId: string): Promise<Item | undefined>;
+export declare function getItem(item: ItemDescriptor): Promise<Item | undefined>;