pagepilot-visual-editor 1.0.34 → 1.0.35

package/CHANGELOG.md

@@ -7,6 +7,15 @@ adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 ## [Unreleased]
 
 ### Changed
+- Synced ahd-fe bc20f58b2 (auto refresh minutes):
+  - Pages data source now GETs `/tenant/:id/client/page` with only the mapped
+    fields (`buildPagesUrl`) and maps raw page rows onto sub-field ids
+    client-side (`mapPageRows`), in the panel and in editor auto-refresh.
+    Field list / mapping guesses updated (`groups`, `createdAt`, `heroImage`);
+    a saved mapping to an unlisted field stays selectable.
+  - Per-source TTL inputs removed from the API / Pages source forms; auto
+    refresh is now page-level: "Auto Refresh (minutes)" in the publish dialog,
+    sent as `ttlMinutes` on `upsert-page-item` and merged into the record.
 - Re-synced the vendored editor with ahd-fe `plugin-integration` (2aa96315d),
   covering everything since the 67f2b933 sync. Upstream behaviour pulled in
   includes:

package/dist/editor/publish/PagePublishDialog.d.ts

@@ -24,6 +24,8 @@ interface PagePublishDialogProps {
         injectCarouselScript?: boolean;
         injectPaginationScript?: boolean;
         injectAnimationScript?: boolean;
+        /** Page-level auto refresh in minutes (0 = off). */
+        ttlMinutes?: number;
     }) => Promise<boolean>;
 }
 export default function PagePublishDialog({ open, onClose, record, apiClient, onSubmit, }: PagePublishDialogProps): import("react/jsx-runtime").JSX.Element;

package/dist/editor-sample/App/InspectorDrawer/LayoutPanel/ChangeDesignFlow.d.ts

@@ -8,5 +8,9 @@ declare const ChangeDesignFlow: React.FC<{
     blockId: string;
     open: boolean;
     onClose: () => void;
+    /** Render the library in the sidebar (Section library tab) instead of a dialog. */
+    inline?: boolean;
+    /** Offer "Add as new section" in the compare dialog; inserts the picked section. */
+    onInsert?: (block: any, preassignedId?: string) => void;
 }>;
 export default ChangeDesignFlow;

package/dist/editor-sample/App/InspectorDrawer/LayoutPanel/ChangeTemplateCompareDialog.d.ts

@@ -11,6 +11,8 @@ interface ChangeTemplateCompareDialogProps {
     title?: string;
     description?: string;
     confirmLabel?: string;
+    secondaryLabel?: string;
+    onSecondary?: () => void;
     notes?: string[];
 }
 /**

package/dist/editor-sample/App/InspectorDrawer/LayoutPanel/SectionLibraryTab.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+/**
+ * Section library sidebar tab. With a section selected on the canvas it works
+ * like the tune menu's "Change design" (opens on the section's category, pick →
+ * before/after compare → swap in place, or "Add as new section" from the
+ * compare dialog); otherwise picking appends a section.
+ */
+declare const SectionLibraryTab: React.FC;
+export default SectionLibraryTab;

package/dist/editor-sample/App/InspectorDrawer/LayoutPanel/SectionsModal.d.ts

@@ -7,6 +7,10 @@ interface SectionsModalProps {
     /** Pick mode ("Change design"): hand the fetched template back instead of inserting it. */
     onPick?: (record: any) => void;
     title?: string;
+    /** Render without the Dialog, laid out for the narrow left-panel tab. */
+    inline?: boolean;
 }
+/** Insert a fetched section template into the page (as a new section). */
+export declare function insertSectionRecord(record: any, onInsert?: (block: any, preassignedId?: string) => void): void;
 declare const SectionsModal: React.FC<SectionsModalProps>;
 export default SectionsModal;

package/dist/editor-sample/App/InspectorDrawer/LayoutPanel/TemplatePreviewDialog.d.ts

@@ -12,5 +12,9 @@ export interface TemplatePreviewDialogProps {
     changeLoading?: boolean;
     /** True when the template is gated to a plan the tenant doesn't have. */
     locked?: boolean;
+    /** Hide the "Choose design" (use whole template) button, e.g. in the Section library. */
+    hideUse?: boolean;
+    /** Dialog title; defaults to "Template Preview". */
+    title?: string;
 }
-export default function TemplatePreviewDialog({ open, template, onClose, onUse, onUseStyles, onAppend, loading, styleLoading, appendLoading, onChangeTemplate, changeLoading, locked, }: TemplatePreviewDialogProps): import("react/jsx-runtime").JSX.Element;
+export default function TemplatePreviewDialog({ open, template, onClose, onUse, onUseStyles, onAppend, loading, styleLoading, appendLoading, onChangeTemplate, changeLoading, locked, hideUse, title, }: TemplatePreviewDialogProps): import("react/jsx-runtime").JSX.Element;

package/dist/editor-sample/App/InspectorDrawer/LayoutPanel/index.d.ts

@@ -2,5 +2,6 @@ interface LayoutPanelProps {
     record?: any;
     onUpdateRecord?: (record: any) => void;
 }
+export declare const appendSectionToRoot: (block: any, preassignedId?: string) => void;
 declare const LayoutPanel: (_props: LayoutPanelProps) => import("react/jsx-runtime").JSX.Element;
 export default LayoutPanel;

package/dist/editor-sample/App/InspectorDrawer/VariablesPanel/ArrayFieldEditor.d.ts

@@ -1,4 +1,7 @@
 import { TemplateArrayRow, TemplateFormField } from '../../../documents/editor/templateVariables';
+/** Window event `{ fieldId, rowIndex }` — expand that row (canvas selection
+ * landed inside a repeated copy). */
+export declare const FOCUS_REPEAT_ROW_EVENT = "variables:focus-repeat-row";
 type ArrayFieldEditorProps = {
     field: TemplateFormField;
     onChange: (rows: TemplateArrayRow[]) => void;

package/dist/editor-sample/App/InspectorDrawer/VariablesPanel/DataReferencePanel.d.ts

@@ -8,6 +8,8 @@ type DataReferencePanelProps = {
     addRow: () => void;
     removeRow: (rowIndex: number) => void;
     updateCell: (rowIndex: number, key: string, value: string) => void;
+    /** Drag-and-drop reorder of the item list. */
+    moveRow?: (from: number, to: number) => void;
     onPatch?: (patch: Partial<TemplateFormField>) => void;
 };
 /**
@@ -16,5 +18,5 @@ type DataReferencePanelProps = {
  * an API endpoint, or a Menu. JSON/API/Menu seed one copy per object, mapping
  * object keys → sub-field ids.
  */
-export default function DataReferencePanel({ field, rows, itemFields, expandedRow, toggleRow, addRow, removeRow, updateCell, onPatch, }: DataReferencePanelProps): import("react/jsx-runtime").JSX.Element;
+export default function DataReferencePanel({ field, rows, itemFields, expandedRow, toggleRow, addRow, removeRow, updateCell, moveRow, onPatch, }: DataReferencePanelProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/editor-sample/App/InspectorDrawer/VariablesPanel/RowCard.d.ts

@@ -13,6 +13,10 @@ type RowCardProps = {
     disabled?: boolean;
     /** Shows an "Edit variable" icon per sub-field (`{{this.subId}}` rename/unlink/delete). */
     onEditSub?: (subId: string) => void;
+    /** When set, a drag handle is shown in the header (drag-and-drop reorder). */
+    dragHandleProps?: React.HTMLAttributes<HTMLElement> & {
+        draggable?: boolean;
+    };
 };
 /**
  * The bare list of sub-field inputs for one row — no card chrome. Used inside
@@ -23,5 +27,5 @@ export declare function RowFields({ rowIndex, row, itemFields, updateCell, sx, d
     sx?: object;
 }): import("react/jsx-runtime").JSX.Element;
 /** One collapsible copy/template card in the Variables array editor. */
-export default function RowCard({ rowIndex, row, itemFields, isExpanded, onToggle, onRemove, updateCell, headerLabel, disabled, onEditSub, }: RowCardProps): import("react/jsx-runtime").JSX.Element;
+export default function RowCard({ rowIndex, row, itemFields, isExpanded, onToggle, onRemove, updateCell, headerLabel, disabled, onEditSub, dragHandleProps, }: RowCardProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/editor-sample/App/InspectorDrawer/VariablesPanel/dataReferenceUtils.d.ts

@@ -26,12 +26,14 @@ export declare function buildReferenceJson(itemFields: TemplateFormField['itemFi
  */
 export declare function extractArrayFromResponse(body: any, path?: string): Record<string, any>[] | null;
 /**
- * GET a URL and return the array of objects from its JSON response. Throws with
- * a user-facing message on a bad URL, network error, non-OK status, non-JSON
- * body, or a response that carries no array. Only GET is supported today
- * (POST is planned — the panel disables it).
+ * GET (or POST with a JSON `body`) a URL and return the array of objects from
+ * its JSON response. Throws with a user-facing message on a bad URL, network
+ * error, non-OK status, non-JSON body, or a response that carries no array.
  */
-export declare function fetchApiRows(url: string, responsePath?: string): Promise<Record<string, any>[]>;
+export declare function fetchApiRows(url: string, responsePath?: string, request?: {
+    method?: 'GET' | 'POST';
+    body?: unknown;
+}): Promise<Record<string, any>[]>;
 /**
  * GET a URL and return a SINGLE object from its JSON response, for scalar
  * (non-repeatable) variables. When `responsePath` is given, resolve it via
@@ -50,3 +52,16 @@ export declare function fetchApiObject(url: string, responsePath?: string): Prom
 export declare function fetchApiRaw(url: string): Promise<string>;
 /** Copy `text` to the clipboard, toasting success/failure. */
 export declare function copyToClipboard(text: string): Promise<void>;
+/** Page fields offered in the Pages source mapping (same list as the docs' Endpoint builder). */
+export declare const PAGE_FIELD_OPTIONS: readonly ["slug", "name", "title", "metaDescription", "thumbnailImage", "heroImage", "tags", "groups", "createdAt", "updatedAt"];
+/** Best-guess page field for each sub-field id (unmatched sub-fields are left out). */
+export declare function guessPageFieldMap(itemFields: TemplateFormField['itemFields']): Record<string, string>;
+/** `pageGroup` value meaning "every live page, no group filter". */
+export declare const ALL_PAGES_GROUP = "__all__";
+/**
+ * Absolute `client/page` URL for the Pages source — absolute so the backend
+ * refresh can call it too. Selects only the mapped fields, never sections.
+ */
+export declare function buildPagesUrl(backendUrl: string, tenantId: string, group: string, map: Record<string, string>): string;
+/** Key each raw page row by sub-field id, using the Pages source mapping. */
+export declare function mapPageRows(rows: Record<string, any>[], map: Record<string, string>): Record<string, any>[];

package/dist/editor-sample/App/InspectorDrawer/VariablesPanel/useAutoRefreshDataSources.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Live refresh for repeatable fields bound to an `api` / `pages` source with
+ * `dataSource.ttlMinutes` set: every N minutes the saved request is re-run and
+ * the field reseeded, so the canvas keeps up with the source while the page is
+ * open (the published page refreshes server-side on the same interval).
+ * Silent: failures keep the current rows; a grid that's too small grows by rows.
+ */
+export default function useAutoRefreshDataSources(): void;

package/dist/editor-sample/App/hooks/page/useSaveHandler.d.ts

@@ -8,6 +8,7 @@ type UseSaveHandlerReturn = {
             startDate?: Date | null;
             endDate?: Date | null;
         };
+        ttlMinutes?: number;
     }) => Promise<any>;
     loading: boolean | undefined;
 };

package/dist/editor-sample/documents/editor/EditorContext.d.ts

@@ -6,7 +6,7 @@ type TValue = {
     document: TEditorConfiguration;
     record: any | null;
     selectedBlockId: string | null;
-    selectedSidebarTab: 'block-configuration' | 'styles' | 'behaviour' | 'layout' | 'settings' | 'background' | 'page-pilot-ai' | 'layers' | 'brand' | 'seo' | 'variables' | 'research';
+    selectedSidebarTab: 'block-configuration' | 'styles' | 'behaviour' | 'layout' | 'settings' | 'background' | 'page-pilot-ai' | 'layers' | 'brand' | 'seo' | 'variables' | 'research' | 'sections';
     selectedMainTab: 'editor' | 'preview' | 'json' | 'html';
     selectedScreenSize: 'desktop' | 'mobile' | 'tablet';
     previewHostTheme: PreviewHostTheme;
@@ -189,7 +189,7 @@ type SetActiveStepIndexOptions = {
 };
 export declare function setActiveStepIndex(activeStepIndex: number, options?: SetActiveStepIndexOptions): void;
 export declare function setSelectedMainTab(selectedMainTab: TValue['selectedMainTab']): void;
-export declare function useSelectedSidebarTab(): "layout" | "background" | "behaviour" | "block-configuration" | "styles" | "settings" | "page-pilot-ai" | "layers" | "brand" | "seo" | "variables" | "research";
+export declare function useSelectedSidebarTab(): "layout" | "background" | "behaviour" | "block-configuration" | "styles" | "settings" | "page-pilot-ai" | "layers" | "brand" | "seo" | "variables" | "research" | "sections";
 export declare function useInspectorDrawerOpen(): boolean;
 export declare function useSamplesDrawerOpen(): boolean;
 export declare function useInlineEditingEnabled(): boolean;

package/dist/editor-sample/documents/editor/templateVariables.d.ts

@@ -109,7 +109,15 @@ export type TemplateFormField = {
      */
     dataSource?: {
         /** `api` = fetch an array of objects from a REST endpoint. */
-        type: 'custom' | 'custom-json' | 'api' | 'menu';
+        type: 'custom' | 'custom-json' | 'api' | 'menu' | 'pages';
+        /** `pages`: page group to list (tenant settings → groups). */
+        pageGroup?: string;
+        /** `pages`: sub-field id → page field (name, slug, thumbnailImage, …). */
+        pageFieldMap?: Record<string, string>;
+        /** POST body sent with `apiUrl` (the `pages` source builds it). */
+        apiBody?: Record<string, any>;
+        /** Minutes between automatic refreshes of the published page. 0/empty = off. */
+        ttlMinutes?: number;
         /** Raw JSON text for `custom-json`. */
         customJson?: string;
         /** Endpoint URL for the `api` source. Persisted in config. */

package/dist/host-stubs/config.d.ts

@@ -0,0 +1,4 @@
+declare const config: {
+    readonly backendUrl: string;
+};
+export default config;