@alpaca-editor/core 1.0.3815 → 1.0.3818

package/src/page-wizard/steps/BuildPageStep.tsx

@@ -54,20 +54,20 @@ export function BuildPageStep({
         console.log(
           "Building components",
           createdPageDescriptor,
-          editContext?.page
+          editContext?.page,
         );
         // Recursively create components from page model
         if (pageModel.components && pageModel.components.length > 0) {
           await pageCreator.createComponentsRecursively(
             pageModel.components,
-            "root"
+            "root",
           );
         }
         editContext?.requestRefresh();
         console.log(
           "Components built",
           createdPageDescriptor,
-          editContext?.page
+          editContext?.page,
         );
       } finally {
         setIsBuilding(false);
@@ -108,13 +108,13 @@ export function BuildPageStep({
         editContext?.sessionId ?? "",
         [],
         false,
-        editContext?.contentEditorItem?.language || "en"
+        editContext?.contentEditorItem?.language || "en",
       );
       if (
         children.find(
           (x) =>
             x.name.toLocaleLowerCase() ===
-            pageModel.name.trim().toLocaleLowerCase()
+            pageModel.name.trim().toLocaleLowerCase(),
         )
       ) {
         valid = false;
@@ -132,7 +132,7 @@ export function BuildPageStep({
 
   const checkNameValidDebounced = useDebouncedCallback(
     async () => checkName(),
-    500
+    500,
   );
 
   useEffect(() => {
@@ -148,7 +148,7 @@ export function BuildPageStep({
         const result = await editContext.operations.createItem(
           parentItem,
           wizard.templateId,
-          pageModel.name
+          pageModel.name,
         );
         if (!result) return;
         editContext?.loadItem(result, { addToBrowseHistory: true });
@@ -167,7 +167,7 @@ export function BuildPageStep({
   const pageCreator = usePageCreator(
     createdPageDescriptor,
     wizard,
-    (pageModel) => setData({ ...data, pageModel })
+    (pageModel) => setData({ ...data, pageModel }),
   );
 
   const settingsPanel: SplitterPanel = {
@@ -177,45 +177,38 @@ export function BuildPageStep({
     content: (
       <div className="pr-6">
         <div className="mb-4">
-          <div className="text-sm font-medium mb-1">
-            Target Parent Item
-          </div>
-          <div className="mb-4 text-xs break-after-all">
+          <div className="mb-1 text-sm font-medium">Target Parent Item</div>
+          <div className="mb-4 break-after-all text-xs">
             {fullParentItem?.path}
           </div>
         </div>
         <div className="mb-4">
-          <label
-            htmlFor="pageName"
-            className="block text-sm font-medium mb-1"
-          >
+          <label htmlFor="pageName" className="mb-1 block text-sm font-medium">
             Page Name
           </label>
           <input
             id="pageName"
             type="text"
-            className="w-full p-2 border rounded text-sm"
+            className="w-full rounded border p-2 text-sm"
             value={pageModel.name}
             onChange={(e) => handleInputChange("name", e.target.value)}
             placeholder="Enter page name"
           />
           {validationMessage && (
-            <div className="mt-2 text-sm text-red-500">
-              {validationMessage}
-            </div>
+            <div className="mt-2 text-sm text-red-500">{validationMessage}</div>
           )}
         </div>
 
         <div className="mb-4">
           <label
             htmlFor="metaDescription"
-            className="block text-sm font-medium mb-1"
+            className="mb-1 block text-sm font-medium"
           >
             Meta Description
           </label>
           <textarea
             id="metaDescription"
-            className="w-full p-2 border rounded min-h-[100px]  text-sm"
+            className="min-h-[100px] w-full rounded border p-2 text-sm"
             value={pageModel.metaDescription}
             onChange={(e) =>
               handleInputChange("metaDescription", e.target.value)
@@ -225,7 +218,7 @@ export function BuildPageStep({
         </div>
         <ActionButton
           disabled={isBuilding || !!validationMessage}
-          className="flex-1 w-full"
+          className="w-full flex-1"
           onClick={() => {
             createPage();
           }}
@@ -247,14 +240,14 @@ export function BuildPageStep({
         <div className={pageLoaded ? "h-full" : "h-0"}>
           <PageViewer
             name="single"
-            mode={editContext?.previewMode ? "view" : "edit"}
+            compareView={false}
             showFormEditor={false}
             followEditsDefault={true}
             pageViewContext={editContext!.pageView}
           />
         </div>
         {isBuilding && !pageLoaded && (
-          <div className="flex items-center justify-center h-full">
+          <div className="flex h-full items-center justify-center">
             <Generate title="Building page..." />
           </div>
         )}

package/src/page-wizard/steps/CreatePageAndLayoutStep.tsx

@@ -58,7 +58,7 @@ export function CreatePageAndLayoutStep({
 
         await pageCreator.createComponentsRecursively(
           pageModel.components,
-          "root"
+          "root",
         );
         setInternalState((prev: any) => ({
           ...prev,
@@ -139,7 +139,7 @@ export function CreatePageAndLayoutStep({
       // Filter the schema based on selected component types and placeholders
       const filteredSchema = convertPageSchemaToWizardComponents(
         schema,
-        data.selectedComponentTypes
+        data.selectedComponentTypes,
       );
 
       const localAbortController = new AbortController();
@@ -155,11 +155,11 @@ export function CreatePageAndLayoutStep({
               Only use component types that are in the page schema.
            
               Component types: ${JSON.stringify(
-                filteredSchema
+                filteredSchema,
               )} Root level component types ${filteredSchema
-              .filter((c) => c.allowedOnRoot)
-              .map((c) => c.type)
-              .join(", ")}
+                .filter((c) => c.allowedOnRoot)
+                .map((c) => c.type)
+                .join(", ")}
               Tell the user your reasoning in the message field.
               Fill image ids into picture / image fields.
               The language of the page is ${pageItem.descriptor.language}.
@@ -185,7 +185,7 @@ export function CreatePageAndLayoutStep({
 
             setMessage(newLayout.message);
           } catch (parseError: unknown) {}
-        }
+        },
       );
 
       const pageModel = JSON.parse(result.content);
@@ -217,7 +217,7 @@ export function CreatePageAndLayoutStep({
             })
           }
           placeholder="Example: Make it modern and minimalist. Focus on images. Include a hero section at the top."
-          className="w-full px-3 py-2 border border-gray-300 rounded text-sm focus:outline-none focus:ring-1 focus:ring-blue-500 h-48"
+          className="h-48 w-full rounded border border-gray-300 px-3 py-2 text-sm focus:ring-1 focus:ring-blue-500 focus:outline-none"
         />
       </div>
     );
@@ -278,12 +278,10 @@ export function CreatePageAndLayoutStep({
     {
       name: "layout",
       content: (
-        <div
-          className={classNames("px-6", pageLoaded ? "h-full" : "h-0")}
-        >
+        <div className={classNames("px-6", pageLoaded ? "h-full" : "h-0")}>
           <PageViewer
             name="single"
-            mode={editContext?.previewMode ? "view" : "edit"}
+            compareView={false}
             showFormEditor={false}
             followEditsDefault={true}
             pageViewContext={editContext!.pageView}
@@ -306,7 +304,7 @@ export function CreatePageAndLayoutStep({
  */
 const mergeLayout = (
   prev: WizardPageModel | null,
-  newLayout: WizardPageModel
+  newLayout: WizardPageModel,
 ): WizardPageModel => {
   if (!prev) return newLayout;
 
@@ -322,7 +320,7 @@ const mergeLayout = (
   // Function to merge components recursively
   const mergeComponents = (
     existingComponents: any[],
-    newComponents: any[]
+    newComponents: any[],
   ): any[] => {
     if (!newComponents?.length) return existingComponents;
 
@@ -331,7 +329,7 @@ const mergeLayout = (
     for (const newComp of newComponents) {
       // Try to find a matching component by type and name
       const existingIndex = result.findIndex(
-        (comp) => comp.type === newComp.type && comp.name === newComp.name
+        (comp) => comp.type === newComp.type && comp.name === newComp.name,
       );
 
       if (existingIndex >= 0) {
@@ -342,7 +340,7 @@ const mergeLayout = (
         const mergedFields = [...(existing.fields || [])];
         for (const newField of newComp.fields || []) {
           const fieldIndex = mergedFields.findIndex(
-            (f) => f.name === newField.name
+            (f) => f.name === newField.name,
           );
           if (fieldIndex >= 0) {
             mergedFields[fieldIndex].value = newField.value; // Update existing field
@@ -355,7 +353,7 @@ const mergeLayout = (
         // Recursive merge of children components
         const mergedChildren = mergeComponents(
           existing.children || [],
-          newComp.children || []
+          newComp.children || [],
         );
 
         // Create updated component
@@ -377,7 +375,7 @@ const mergeLayout = (
   // Merge components recursively
   result.components = mergeComponents(
     result.components,
-    newLayout.components || []
+    newLayout.components || [],
   );
 
   return result;

package/src/types.ts

@@ -298,3 +298,22 @@ export type SystemStatusMessage = {
 export type SystemStatus = {
   messages: SystemStatusMessage[];
 };
+
+export interface SuggestedEdit {
+  id: string;
+  mainItemId: string;
+  mainItemLanguage: string;
+  mainItemVersion: number;
+  itemId: string;
+  fieldId: string;
+  oldValue: string;
+  newValue: string;
+  author: string;
+  authorDisplayName?: string;
+  created: string;
+  status: string;
+  updatedBy: string;
+  updated: string;
+  comments?: string;
+  type: string;
+}