@webiny/app-website-builder 0.0.0-unstable.e6f0dc8ca7 → 0.0.0-unstable.eb81deee7e

package/presentation/pages/PageEditor/PageEditorConfig.js

@@ -0,0 +1,21 @@
+import react from "react";
+import { CompositionScope } from "@webiny/app-admin";
+import { EditorConfig, EditorConfigComponents } from "../../../BaseEditor/index.js";
+import { EDITOR_NAME } from "./constants.js";
+const PrimaryPageEditorConfig = ({ children })=>/*#__PURE__*/ react.createElement(CompositionScope, {
+        name: EDITOR_NAME,
+        inherit: true
+    }, /*#__PURE__*/ react.createElement(EditorConfig, {
+        priority: "primary"
+    }, children));
+const SecondaryPageEditorConfig = ({ children })=>/*#__PURE__*/ react.createElement(CompositionScope, {
+        name: EDITOR_NAME,
+        inherit: true
+    }, /*#__PURE__*/ react.createElement(EditorConfig, {
+        priority: "secondary"
+    }, children));
+const InternalPageEditorConfig = Object.assign(PrimaryPageEditorConfig, EditorConfigComponents);
+const PageEditorConfig = Object.assign(SecondaryPageEditorConfig, EditorConfigComponents);
+export { InternalPageEditorConfig, PageEditorConfig };
+
+//# sourceMappingURL=PageEditorConfig.js.map

package/presentation/pages/PageEditor/PageEditorConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageEditor/PageEditorConfig.js","sources":["../../../../src/presentation/pages/PageEditor/PageEditorConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { CompositionScope } from \"@webiny/app-admin\";\nimport { EditorConfig, EditorConfigComponents } from \"~/BaseEditor/index.js\";\nimport { EDITOR_NAME } from \"~/presentation/pages/PageEditor/constants.js\";\n\ninterface PageEditorConfigProps {\n    children: React.ReactNode;\n}\n\nconst PrimaryPageEditorConfig = ({ children }: PageEditorConfigProps) => {\n    return (\n        <CompositionScope name={EDITOR_NAME} inherit={true}>\n            <EditorConfig priority={\"primary\"}>{children}</EditorConfig>\n        </CompositionScope>\n    );\n};\n\nconst SecondaryPageEditorConfig = ({ children }: PageEditorConfigProps) => {\n    return (\n        <CompositionScope name={EDITOR_NAME} inherit={true}>\n            <EditorConfig priority={\"secondary\"}>{children}</EditorConfig>\n        </CompositionScope>\n    );\n};\n\n/* This one is an internal API for the base app. It ensures this config is always applied first. */\nexport const InternalPageEditorConfig = Object.assign(\n    PrimaryPageEditorConfig,\n    EditorConfigComponents\n);\n\n/* This one is a public API for other apps and third party developers. */\nexport const PageEditorConfig = Object.assign(SecondaryPageEditorConfig, EditorConfigComponents);\n"],"names":["PrimaryPageEditorConfig","children","CompositionScope","EDITOR_NAME","EditorConfig","SecondaryPageEditorConfig","InternalPageEditorConfig","Object","EditorConfigComponents","PageEditorConfig"],"mappings":";;;;AASA,MAAMA,0BAA0B,CAAC,EAAEC,QAAQ,EAAyB,GACzD,WAAP,GACI,oBAACC,kBAAgBA;QAAC,MAAMC;QAAa,SAAS;qBAC1C,oBAACC,cAAYA;QAAC,UAAU;OAAYH;AAKhD,MAAMI,4BAA4B,CAAC,EAAEJ,QAAQ,EAAyB,GAC3D,WAAP,GACI,oBAACC,kBAAgBA;QAAC,MAAMC;QAAa,SAAS;qBAC1C,oBAACC,cAAYA;QAAC,UAAU;OAAcH;AAM3C,MAAMK,2BAA2BC,OAAO,MAAM,CACjDP,yBACAQ;AAIG,MAAMC,mBAAmBF,OAAO,MAAM,CAACF,2BAA2BG"}

package/presentation/pages/PageEditor/PageEditorSurface.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import type { EditorPage } from "@webiny/website-builder-sdk";
+interface Props {
+    page: EditorPage;
+}
+/**
+ * Renders the editor for the bucket currently selected in the experiments toolbar: the page itself
+ * (control), or a variant loaded as an equivalent document. Switching buckets re-mounts the editor
+ * with the matching document and autosave; content is (re)fetched on each switch so returning to a
+ * bucket always shows its latest saved state.
+ */
+export declare const PageEditorSurface: (({ page }: Props) => React.JSX.Element) & React.NamedExoticComponent<Props> & {
+    readonly type: ({ page }: Props) => React.JSX.Element;
+};
+export {};

package/presentation/pages/PageEditor/PageEditorSurface.js

@@ -0,0 +1,63 @@
+import react, { useEffect, useRef, useState } from "react";
+import { observer } from "mobx-react-lite";
+import { useFeature } from "@webiny/app";
+import { OverlayLoader } from "@webiny/admin-ui";
+import { DocumentEditor } from "../../../DocumentEditor/DocumentEditor.js";
+import { DefaultEditorConfig } from "../../../BaseEditor/index.js";
+import { EDITOR_NAME } from "./constants.js";
+import { WbPageStatus } from "../../../constants.js";
+import { useGetPage } from "../../../features/pages/index.js";
+import { DefaultPageEditorConfig } from "./DefaultPageEditorConfig.js";
+import { RevisionListDrawer } from "./Revisions/RevisionListDrawer.js";
+import { pageToEditorDocument } from "./pageDocument.js";
+import { ExperimentsEditorPresenterFeature } from "../../experiments/ExperimentsEditor/index.js";
+import { variantToEditorDocument } from "../../experiments/shared/variantDocument.js";
+import { VariantPageEditorConfig } from "../../experiments/VariantPageEditorConfig.js";
+const PageEditorSurface_PageEditorSurface = observer(function({ page }) {
+    const { presenter } = useFeature(ExperimentsEditorPresenterFeature);
+    const { selectedVariant } = presenter.vm;
+    const { getPage } = useGetPage();
+    const readOnly = page.status !== WbPageStatus.Draft;
+    const [activeDocument, setActiveDocument] = useState(page);
+    const [loading, setLoading] = useState(false);
+    const initial = useRef(true);
+    useEffect(()=>{
+        if (initial.current && !selectedVariant) {
+            initial.current = false;
+            return;
+        }
+        initial.current = false;
+        let cancelled = false;
+        setLoading(true);
+        const load = selectedVariant ? presenter.getVariant(selectedVariant.id).then((content)=>content ? variantToEditorDocument(content, page) : null) : getPage({
+            id: page.id
+        }).then(pageToEditorDocument);
+        load.then((next)=>{
+            if (!cancelled && next) setActiveDocument(next);
+        }).finally(()=>{
+            if (!cancelled) setLoading(false);
+        });
+        return ()=>{
+            cancelled = true;
+        };
+    }, [
+        selectedVariant,
+        presenter,
+        getPage,
+        page
+    ]);
+    if (loading) return /*#__PURE__*/ react.createElement(OverlayLoader, {
+        text: selectedVariant ? "Loading variant..." : "Loading page..."
+    });
+    return /*#__PURE__*/ react.createElement(DocumentEditor, {
+        key: selectedVariant ? selectedVariant.id : page.id,
+        document: activeDocument,
+        name: EDITOR_NAME,
+        readOnly: readOnly
+    }, /*#__PURE__*/ react.createElement(DefaultEditorConfig, null), selectedVariant ? /*#__PURE__*/ react.createElement(VariantPageEditorConfig, null) : /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(DefaultPageEditorConfig, null), /*#__PURE__*/ react.createElement(RevisionListDrawer, {
+        page: page
+    })));
+});
+export { PageEditorSurface_PageEditorSurface as PageEditorSurface };
+
+//# sourceMappingURL=PageEditorSurface.js.map

package/presentation/pages/PageEditor/PageEditorSurface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageEditor/PageEditorSurface.js","sources":["../../../../src/presentation/pages/PageEditor/PageEditorSurface.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { useFeature } from \"@webiny/app\";\nimport { OverlayLoader } from \"@webiny/admin-ui\";\nimport type { EditorPage } from \"@webiny/website-builder-sdk\";\nimport { DocumentEditor } from \"~/DocumentEditor/DocumentEditor.js\";\nimport { DefaultEditorConfig } from \"~/BaseEditor/index.js\";\nimport { EDITOR_NAME } from \"~/presentation/pages/PageEditor/constants.js\";\nimport { WbPageStatus } from \"~/constants.js\";\nimport { useGetPage } from \"~/features/pages/index.js\";\nimport { DefaultPageEditorConfig } from \"./DefaultPageEditorConfig.js\";\nimport { RevisionListDrawer } from \"./Revisions/RevisionListDrawer.js\";\nimport { pageToEditorDocument } from \"./pageDocument.js\";\nimport { ExperimentsEditorPresenterFeature } from \"~/presentation/experiments/ExperimentsEditor/index.js\";\nimport { variantToEditorDocument } from \"~/presentation/experiments/shared/variantDocument.js\";\nimport { VariantPageEditorConfig } from \"~/presentation/experiments/VariantPageEditorConfig.js\";\n\ninterface Props {\n    page: EditorPage;\n}\n\n/**\n * Renders the editor for the bucket currently selected in the experiments toolbar: the page itself\n * (control), or a variant loaded as an equivalent document. Switching buckets re-mounts the editor\n * with the matching document and autosave; content is (re)fetched on each switch so returning to a\n * bucket always shows its latest saved state.\n */\nexport const PageEditorSurface = observer(function PageEditorSurface({ page }: Props) {\n    const { presenter } = useFeature(ExperimentsEditorPresenterFeature);\n    const { selectedVariant } = presenter.vm;\n    const { getPage } = useGetPage();\n\n    const readOnly = page.status !== WbPageStatus.Draft;\n\n    const [activeDocument, setActiveDocument] = useState<EditorPage>(page);\n    const [loading, setLoading] = useState(false);\n    // The initial control document is already loaded (passed in) — don't refetch it on first render.\n    const initial = useRef(true);\n\n    useEffect(() => {\n        if (initial.current && !selectedVariant) {\n            initial.current = false;\n            return;\n        }\n        initial.current = false;\n\n        let cancelled = false;\n        setLoading(true);\n\n        const load: Promise<EditorPage | null> = selectedVariant\n            ? presenter\n                  .getVariant(selectedVariant.id)\n                  .then(content => (content ? variantToEditorDocument(content, page) : null))\n            : getPage({ id: page.id }).then(pageToEditorDocument);\n\n        load.then(next => {\n            if (!cancelled && next) {\n                setActiveDocument(next);\n            }\n        }).finally(() => {\n            if (!cancelled) {\n                setLoading(false);\n            }\n        });\n\n        return () => {\n            cancelled = true;\n        };\n    }, [selectedVariant, presenter, getPage, page]);\n\n    if (loading) {\n        return <OverlayLoader text={selectedVariant ? \"Loading variant...\" : \"Loading page...\"} />;\n    }\n\n    return (\n        <DocumentEditor<EditorPage>\n            key={selectedVariant ? selectedVariant.id : page.id}\n            document={activeDocument}\n            name={EDITOR_NAME}\n            readOnly={readOnly}\n        >\n            <DefaultEditorConfig />\n            {selectedVariant ? (\n                <VariantPageEditorConfig />\n            ) : (\n                <>\n                    <DefaultPageEditorConfig />\n                    <RevisionListDrawer page={page} />\n                </>\n            )}\n        </DocumentEditor>\n    );\n});\n"],"names":["PageEditorSurface","observer","page","presenter","useFeature","ExperimentsEditorPresenterFeature","selectedVariant","getPage","useGetPage","readOnly","WbPageStatus","activeDocument","setActiveDocument","useState","loading","setLoading","initial","useRef","useEffect","cancelled","load","content","variantToEditorDocument","pageToEditorDocument","next","OverlayLoader","DocumentEditor","EDITOR_NAME","DefaultEditorConfig","VariantPageEditorConfig","DefaultPageEditorConfig","RevisionListDrawer"],"mappings":";;;;;;;;;;;;;;;AA2BO,MAAMA,sCAAoBC,SAAS,SAA2B,EAAEC,IAAI,EAAS;IAChF,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWC;IACjC,MAAM,EAAEC,eAAe,EAAE,GAAGH,UAAU,EAAE;IACxC,MAAM,EAAEI,OAAO,EAAE,GAAGC;IAEpB,MAAMC,WAAWP,KAAK,MAAM,KAAKQ,aAAa,KAAK;IAEnD,MAAM,CAACC,gBAAgBC,kBAAkB,GAAGC,SAAqBX;IACjE,MAAM,CAACY,SAASC,WAAW,GAAGF,SAAS;IAEvC,MAAMG,UAAUC,OAAO;IAEvBC,UAAU;QACN,IAAIF,QAAQ,OAAO,IAAI,CAACV,iBAAiB;YACrCU,QAAQ,OAAO,GAAG;YAClB;QACJ;QACAA,QAAQ,OAAO,GAAG;QAElB,IAAIG,YAAY;QAChBJ,WAAW;QAEX,MAAMK,OAAmCd,kBACnCH,UACK,UAAU,CAACG,gBAAgB,EAAE,EAC7B,IAAI,CAACe,CAAAA,UAAYA,UAAUC,wBAAwBD,SAASnB,QAAQ,QACzEK,QAAQ;YAAE,IAAIL,KAAK,EAAE;QAAC,GAAG,IAAI,CAACqB;QAEpCH,KAAK,IAAI,CAACI,CAAAA;YACN,IAAI,CAACL,aAAaK,MACdZ,kBAAkBY;QAE1B,GAAG,OAAO,CAAC;YACP,IAAI,CAACL,WACDJ,WAAW;QAEnB;QAEA,OAAO;YACHI,YAAY;QAChB;IACJ,GAAG;QAACb;QAAiBH;QAAWI;QAASL;KAAK;IAE9C,IAAIY,SACA,OAAO,WAAP,GAAO,oBAACW,eAAaA;QAAC,MAAMnB,kBAAkB,uBAAuB;;IAGzE,OAAO,WAAP,GACI,oBAACoB,gBAAcA;QACX,KAAKpB,kBAAkBA,gBAAgB,EAAE,GAAGJ,KAAK,EAAE;QACnD,UAAUS;QACV,MAAMgB;QACN,UAAUlB;qBAEV,oBAACmB,qBAAmBA,OACnBtB,kBAAkB,WAAlBA,GACG,oBAACuB,yBAAuBA,QAAAA,WAAAA,GAExB,wDACI,oBAACC,yBAAuBA,OAAAA,WAAAA,GACxB,oBAACC,oBAAkBA;QAAC,MAAM7B;;AAK9C"}

package/presentation/pages/PageEditor/PageSettings/PageSettingsPresenter.js

@@ -0,0 +1,125 @@
+import { computed, makeAutoObservable, toJS } from "mobx";
+import { FormModelFactory } from "@webiny/app-admin";
+import { PageSettingsGroup, PageSettingsGroupModifier, PageSettingsPresenter } from "./abstractions.js";
+class PageSettingsPresenterImpl {
+    constructor(factory, groups, modifiers){
+        this.factory = factory;
+        this.groups = groups;
+        this.modifiers = modifiers;
+        this.form = null;
+        this.error = null;
+        this.originalData = null;
+        makeAutoObservable(this, {
+            vm: computed
+        }, {
+            autoBind: true
+        });
+    }
+    get vm() {
+        return {
+            form: this.form ? this.form.vm : null,
+            error: this.error
+        };
+    }
+    init(data) {
+        this.error = null;
+        this.originalData = data;
+        this.form = this.buildForm();
+        const mapped = {};
+        for (const group of this.groups)mapped[group.name] = group.mapToForm(data);
+        for (const modifier of this.modifiers ?? [])if (modifier.mapToForm) {
+            const modData = modifier.mapToForm(data);
+            mapped[modifier.group] = {
+                ...mapped[modifier.group],
+                ...modData
+            };
+        }
+        this.form.setData(mapped);
+    }
+    async submit() {
+        if (!this.form || !this.originalData) return false;
+        const data = await this.form.submit();
+        if (!data) return false;
+        const doc = structuredClone(toJS(this.originalData));
+        for (const group of this.groups)group.mapFromForm(data[group.name] ?? {}, doc);
+        for (const modifier of this.modifiers ?? [])if (modifier.mapFromForm) modifier.mapFromForm(data[modifier.group] ?? {}, doc);
+        return doc;
+    }
+    collectGroups() {
+        return this.groups.map((group)=>{
+            const fieldsFns = [];
+            const layoutFns = [];
+            const builder = {
+                fields (fn) {
+                    fieldsFns.push(fn);
+                },
+                layout (fn) {
+                    layoutFns.push(fn);
+                }
+            };
+            group.buildForm(builder);
+            for (const modifier of this.modifiers ?? [])if (modifier.group === group.name) modifier.modifyForm(builder);
+            return {
+                group,
+                fieldsFns,
+                layoutFns
+            };
+        });
+    }
+    buildForm() {
+        const collected = this.collectGroups();
+        return this.factory.create({
+            fields: (fields)=>{
+                const result = {};
+                for (const { group, fieldsFns } of collected)if (0 !== fieldsFns.length) result[group.name] = fields.object().label(group.label).renderer("passthrough").fields((registry)=>{
+                    const merged = {};
+                    for (const fn of fieldsFns)Object.assign(merged, fn(registry));
+                    return merged;
+                });
+                return result;
+            },
+            layout: (layout)=>{
+                if (0 === collected.length) return [];
+                const tabsBuilder = layout.tabs("settings-tabs").renderer("tabsVertical");
+                for (const { group, layoutFns } of collected)tabsBuilder.tab(group.name, (tab)=>{
+                    tab.label(group.label);
+                    if (group.description) tab.description(group.description);
+                    if (group.icon) tab.icon(group.icon);
+                    tab.layout((l)=>{
+                        if (layoutFns.length > 0) return [
+                            l.object(group.name, (inner)=>layoutFns.flatMap((fn)=>fn(inner)))
+                        ];
+                        return [
+                            l.row(group.name)
+                        ];
+                    });
+                });
+                return [
+                    tabsBuilder
+                ];
+            }
+        });
+    }
+}
+const PageSettingsPresenterRegistration = PageSettingsPresenter.createImplementation({
+    implementation: PageSettingsPresenterImpl,
+    dependencies: [
+        FormModelFactory,
+        [
+            PageSettingsGroup,
+            {
+                multiple: true
+            }
+        ],
+        [
+            PageSettingsGroupModifier,
+            {
+                multiple: true,
+                optional: true
+            }
+        ]
+    ]
+});
+export { PageSettingsPresenterRegistration };
+
+//# sourceMappingURL=PageSettingsPresenter.js.map

package/presentation/pages/PageEditor/PageSettings/PageSettingsPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageEditor/PageSettings/PageSettingsPresenter.js","sources":["../../../../../src/presentation/pages/PageEditor/PageSettings/PageSettingsPresenter.ts"],"sourcesContent":["import { makeAutoObservable, computed, toJS } from \"mobx\";\nimport { FormModelFactory, FormModel } from \"@webiny/app-admin\";\nimport { PageSettingsPresenter as PresenterAbstraction } from \"./abstractions.js\";\nimport { PageSettingsGroup } from \"./abstractions.js\";\nimport { PageSettingsGroupModifier } from \"./abstractions.js\";\n\ntype FieldsFactory = (\n    fields: FormModelFactory.FieldBuilderRegistry\n) => Record<string, FormModelFactory.FieldBuilder>;\n\ntype LayoutFactory = (layout: FormModelFactory.LayoutBuilder) => FormModel.LayoutNodeBuilder[];\n\ninterface CollectedGroup {\n    group: PageSettingsGroup.Interface;\n    fieldsFns: FieldsFactory[];\n    layoutFns: LayoutFactory[];\n}\n\nclass PageSettingsPresenterImpl implements PresenterAbstraction.Interface {\n    private form: FormModel.Interface | null = null;\n    private error: string | null = null;\n    private originalData: PageSettingsGroup.PageDocument | null = null;\n\n    constructor(\n        private factory: FormModelFactory.Interface,\n        private groups: PageSettingsGroup.Interface[],\n        private modifiers: PageSettingsGroupModifier.Interface[] | undefined\n    ) {\n        makeAutoObservable(this, { vm: computed }, { autoBind: true });\n    }\n\n    get vm(): PresenterAbstraction.ViewModel {\n        return {\n            form: this.form ? this.form.vm : null,\n            error: this.error\n        };\n    }\n\n    init(data: PageSettingsGroup.PageDocument): void {\n        this.error = null;\n        this.originalData = data;\n\n        this.form = this.buildForm();\n\n        const mapped: Record<string, any> = {};\n        for (const group of this.groups) {\n            mapped[group.name] = group.mapToForm(data);\n        }\n\n        for (const modifier of this.modifiers ?? []) {\n            if (modifier.mapToForm) {\n                const modData = modifier.mapToForm(data);\n                mapped[modifier.group] = { ...mapped[modifier.group], ...modData };\n            }\n        }\n\n        this.form.setData(mapped);\n    }\n\n    async submit(): Promise<PageSettingsGroup.PageDocument | false> {\n        if (!this.form || !this.originalData) {\n            return false;\n        }\n\n        const data = await this.form.submit<Record<string, any>>();\n        if (!data) {\n            return false;\n        }\n\n        const doc = structuredClone(toJS(this.originalData));\n\n        for (const group of this.groups) {\n            group.mapFromForm(data[group.name] ?? {}, doc);\n        }\n\n        for (const modifier of this.modifiers ?? []) {\n            if (modifier.mapFromForm) {\n                modifier.mapFromForm(data[modifier.group] ?? {}, doc);\n            }\n        }\n\n        return doc;\n    }\n\n    private collectGroups(): CollectedGroup[] {\n        return this.groups.map(group => {\n            const fieldsFns: FieldsFactory[] = [];\n            const layoutFns: LayoutFactory[] = [];\n\n            const builder: PageSettingsGroup.FormBuilder = {\n                fields(fn: FieldsFactory) {\n                    fieldsFns.push(fn);\n                },\n                layout(fn: LayoutFactory) {\n                    layoutFns.push(fn);\n                }\n            };\n\n            group.buildForm(builder);\n\n            for (const modifier of this.modifiers ?? []) {\n                if (modifier.group === group.name) {\n                    modifier.modifyForm(builder);\n                }\n            }\n\n            return { group, fieldsFns, layoutFns };\n        });\n    }\n\n    private buildForm() {\n        const collected = this.collectGroups();\n\n        return this.factory.create({\n            fields: fields => {\n                const result: Record<string, FormModelFactory.FieldBuilder> = {};\n                for (const { group, fieldsFns } of collected) {\n                    if (fieldsFns.length === 0) {\n                        continue;\n                    }\n                    result[group.name] = fields\n                        .object()\n                        .label(group.label)\n                        .renderer(\"passthrough\")\n                        .fields(registry => {\n                            const merged: Record<string, FormModelFactory.FieldBuilder> = {};\n                            for (const fn of fieldsFns) {\n                                Object.assign(merged, fn(registry));\n                            }\n                            return merged;\n                        });\n                }\n                return result;\n            },\n            layout: layout => {\n                if (collected.length === 0) {\n                    return [];\n                }\n\n                const tabsBuilder = layout.tabs(\"settings-tabs\").renderer(\"tabsVertical\");\n\n                for (const { group, layoutFns } of collected) {\n                    tabsBuilder.tab(group.name, tab => {\n                        tab.label(group.label);\n                        if (group.description) {\n                            tab.description(group.description);\n                        }\n                        if (group.icon) {\n                            tab.icon(group.icon);\n                        }\n                        tab.layout(l => {\n                            if (layoutFns.length > 0) {\n                                return [\n                                    l.object(group.name, inner => {\n                                        return layoutFns.flatMap(fn => fn(inner));\n                                    })\n                                ];\n                            }\n\n                            return [l.row(group.name)];\n                        });\n                    });\n                }\n\n                return [tabsBuilder];\n            }\n        });\n    }\n}\n\nexport const PageSettingsPresenterRegistration = PresenterAbstraction.createImplementation({\n    implementation: PageSettingsPresenterImpl,\n    dependencies: [\n        FormModelFactory,\n        [PageSettingsGroup, { multiple: true }],\n        [PageSettingsGroupModifier, { multiple: true, optional: true }]\n    ]\n});\n"],"names":["PageSettingsPresenterImpl","factory","groups","modifiers","makeAutoObservable","computed","data","mapped","group","modifier","modData","doc","structuredClone","toJS","fieldsFns","layoutFns","builder","fn","collected","fields","result","registry","merged","Object","layout","tabsBuilder","tab","l","inner","PageSettingsPresenterRegistration","PresenterAbstraction","FormModelFactory","PageSettingsGroup","PageSettingsGroupModifier"],"mappings":"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"}

package/presentation/pages/PageEditor/PageSettings/abstractions.js

@@ -0,0 +1,7 @@
+import { createAbstraction } from "@webiny/feature/admin";
+const PageSettingsGroup = createAbstraction("PageEditor/SettingsGroup");
+const PageSettingsGroupModifier = createAbstraction("PageEditor/SettingsGroupModifier");
+const PageSettingsPresenter = createAbstraction("PageEditor/SettingsPresenter");
+export { PageSettingsGroup, PageSettingsGroupModifier, PageSettingsPresenter };
+
+//# sourceMappingURL=abstractions.js.map

package/presentation/pages/PageEditor/PageSettings/abstractions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageEditor/PageSettings/abstractions.js","sources":["../../../../../src/presentation/pages/PageEditor/PageSettings/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport { FormModel } from \"@webiny/app-admin\";\nimport { FormModelFactory } from \"@webiny/app-admin\";\nimport type { Icon } from \"@webiny/app-admin/components/IconPicker/types.js\";\nimport type { EditorPage } from \"@webiny/website-builder-sdk\";\n\n// Settings Group\n\nexport interface IPageSettingsGroupFormBuilder {\n    fields(\n        fn: (\n            fields: FormModelFactory.FieldBuilderRegistry\n        ) => Record<string, FormModelFactory.FieldBuilder>\n    ): void;\n    layout(fn: (layout: FormModelFactory.LayoutBuilder) => FormModel.LayoutNodeBuilder[]): void;\n}\n\nexport interface IPageDocument {\n    properties: EditorPage[\"properties\"];\n    metadata: EditorPage[\"metadata\"];\n    extensions: EditorPage[\"extensions\"];\n}\n\nexport interface IPageSettingsGroup {\n    name: string;\n    label: string;\n    description?: string;\n    icon?: Icon;\n    buildForm(formBuilder: IPageSettingsGroupFormBuilder): void;\n    mapToForm(document: IPageDocument): Record<string, any>;\n    mapFromForm(formData: Record<string, any>, document: IPageDocument): void;\n}\n\nexport const PageSettingsGroup = createAbstraction<IPageSettingsGroup>(\"PageEditor/SettingsGroup\");\n\nexport namespace PageSettingsGroup {\n    export type Interface = IPageSettingsGroup;\n    export type FormBuilder = IPageSettingsGroupFormBuilder;\n    export type PageDocument = IPageDocument;\n}\n\nexport interface IPageSettingsGroupModifier {\n    group: string;\n    modifyForm(formBuilder: IPageSettingsGroupFormBuilder): void;\n    mapToForm?(document: PageSettingsGroupModifier.PageDocument): Record<string, any>;\n    mapFromForm?(\n        formData: Record<string, any>,\n        document: PageSettingsGroupModifier.PageDocument\n    ): void;\n}\n\nexport const PageSettingsGroupModifier = createAbstraction<IPageSettingsGroupModifier>(\n    \"PageEditor/SettingsGroupModifier\"\n);\n\nexport namespace PageSettingsGroupModifier {\n    export type Interface = IPageSettingsGroupModifier;\n    export type PageDocument = IPageDocument;\n    export type FormBuilder = IPageSettingsGroupFormBuilder;\n}\n\n// Presenter\n\nexport interface IPageSettingsVm {\n    form: FormModel.FormVM | null;\n    error: string | null;\n}\n\nexport interface IPageSettingsPresenter {\n    readonly vm: IPageSettingsVm;\n    init(data: IPageDocument): void;\n    submit(): Promise<IPageDocument | false>;\n}\n\nexport const PageSettingsPresenter = createAbstraction<IPageSettingsPresenter>(\n    \"PageEditor/SettingsPresenter\"\n);\n\nexport namespace PageSettingsPresenter {\n    export type Interface = IPageSettingsPresenter;\n    export type ViewModel = IPageSettingsVm;\n}\n"],"names":["PageSettingsGroup","createAbstraction","PageSettingsGroupModifier","PageSettingsPresenter"],"mappings":";AAiCO,MAAMA,oBAAoBC,kBAAsC;AAkBhE,MAAMC,4BAA4BD,kBACrC;AAsBG,MAAME,wBAAwBF,kBACjC"}

package/presentation/pages/PageEditor/PageSettings/feature.js

@@ -0,0 +1,25 @@
+import { createFeature } from "@webiny/feature/admin";
+import { PageSettingsPresenter } from "./abstractions.js";
+import { PageSettingsPresenterRegistration } from "./PageSettingsPresenter.js";
+import { GeneralSettingsGroup } from "./groups/GeneralSettingsGroup.js";
+import { SeoSettingsGroup } from "./groups/SeoSettingsGroup.js";
+import { SocialSettingsGroup } from "./groups/SocialSettingsGroup.js";
+import { SchemaSettingsGroup } from "./groups/SchemaSettingsGroup.js";
+const PageSettingsFeature = createFeature({
+    name: "PageEditor/Settings",
+    register (container) {
+        container.register(GeneralSettingsGroup);
+        container.register(SeoSettingsGroup);
+        container.register(SocialSettingsGroup);
+        container.register(SchemaSettingsGroup);
+        container.register(PageSettingsPresenterRegistration);
+    },
+    resolve (container) {
+        return {
+            presenter: container.resolve(PageSettingsPresenter)
+        };
+    }
+});
+export { PageSettingsFeature };
+
+//# sourceMappingURL=feature.js.map

package/presentation/pages/PageEditor/PageSettings/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageEditor/PageSettings/feature.js","sources":["../../../../../src/presentation/pages/PageEditor/PageSettings/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { PageSettingsPresenter as PresenterAbstraction } from \"./abstractions.js\";\nimport { PageSettingsPresenterRegistration } from \"./PageSettingsPresenter.js\";\nimport { GeneralSettingsGroup } from \"./groups/GeneralSettingsGroup.js\";\nimport { SeoSettingsGroup } from \"./groups/SeoSettingsGroup.js\";\nimport { SocialSettingsGroup } from \"./groups/SocialSettingsGroup.js\";\nimport { SchemaSettingsGroup } from \"./groups/SchemaSettingsGroup.js\";\n\nexport const PageSettingsFeature = createFeature({\n    name: \"PageEditor/Settings\",\n    register(container) {\n        container.register(GeneralSettingsGroup);\n        container.register(SeoSettingsGroup);\n        container.register(SocialSettingsGroup);\n        container.register(SchemaSettingsGroup);\n        container.register(PageSettingsPresenterRegistration);\n    },\n    resolve(container) {\n        return {\n            presenter: container.resolve(PresenterAbstraction)\n        };\n    }\n});\n"],"names":["PageSettingsFeature","createFeature","container","GeneralSettingsGroup","SeoSettingsGroup","SocialSettingsGroup","SchemaSettingsGroup","PageSettingsPresenterRegistration","PresenterAbstraction"],"mappings":";;;;;;;AAQO,MAAMA,sBAAsBC,cAAc;IAC7C,MAAM;IACN,UAASC,SAAS;QACdA,UAAU,QAAQ,CAACC;QACnBD,UAAU,QAAQ,CAACE;QACnBF,UAAU,QAAQ,CAACG;QACnBH,UAAU,QAAQ,CAACI;QACnBJ,UAAU,QAAQ,CAACK;IACvB;IACA,SAAQL,SAAS;QACb,OAAO;YACH,WAAWA,UAAU,OAAO,CAACM;QACjC;IACJ;AACJ"}

package/presentation/pages/PageEditor/PageSettings/groups/GeneralSettingsGroup.js

@@ -0,0 +1,51 @@
+import { PageSettingsGroup } from "../abstractions.js";
+class GeneralSettingsGroupImpl {
+    buildForm(form) {
+        form.fields((fields)=>({
+                title: fields.text().label("Page title").required(),
+                path: fields.text().label("Path").required(),
+                snippet: fields.text().label("Snippet").renderer("textarea"),
+                image: fields.file().label("Image").description("Select an image to represent this page"),
+                tags: fields.text().label("Tags").description("Add page tags. These can be used for page rendering, filtering, etc.").renderer("tags").list()
+            }));
+        form.layout((layout)=>[
+                layout.row("title"),
+                layout.row("path"),
+                layout.row("snippet"),
+                layout.row("image"),
+                layout.row("tags")
+            ]);
+    }
+    mapToForm(doc) {
+        return {
+            title: doc.properties?.title,
+            path: doc.properties?.path,
+            snippet: doc.properties?.snippet,
+            image: doc.properties?.image,
+            tags: doc.properties?.tags
+        };
+    }
+    mapFromForm(formData, doc) {
+        doc.properties.title = formData.title;
+        doc.properties.path = formData.path;
+        doc.properties.snippet = formData.snippet;
+        doc.properties.image = formData.image;
+        doc.properties.tags = formData.tags;
+    }
+    constructor(){
+        this.name = "general";
+        this.label = "General";
+        this.description = "Configure the page's core details like title, path, snippet, and image.";
+        this.icon = {
+            type: "icon",
+            name: "fas/cog"
+        };
+    }
+}
+const GeneralSettingsGroup = PageSettingsGroup.createImplementation({
+    implementation: GeneralSettingsGroupImpl,
+    dependencies: []
+});
+export { GeneralSettingsGroup };
+
+//# sourceMappingURL=GeneralSettingsGroup.js.map

package/presentation/pages/PageEditor/PageSettings/groups/GeneralSettingsGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageEditor/PageSettings/groups/GeneralSettingsGroup.js","sources":["../../../../../../src/presentation/pages/PageEditor/PageSettings/groups/GeneralSettingsGroup.ts"],"sourcesContent":["import { PageSettingsGroup } from \"../abstractions.js\";\n\nclass GeneralSettingsGroupImpl implements PageSettingsGroup.Interface {\n    name = \"general\";\n    label = \"General\";\n    description = \"Configure the page's core details like title, path, snippet, and image.\";\n    icon = { type: \"icon\", name: \"fas/cog\" };\n\n    buildForm(form: PageSettingsGroup.FormBuilder): void {\n        form.fields(fields => ({\n            title: fields.text().label(\"Page title\").required(),\n            path: fields.text().label(\"Path\").required(),\n            snippet: fields.text().label(\"Snippet\").renderer(\"textarea\"),\n            image: fields\n                .file()\n                .label(\"Image\")\n                .description(\"Select an image to represent this page\"),\n            tags: fields\n                .text()\n                .label(\"Tags\")\n                .description(\"Add page tags. These can be used for page rendering, filtering, etc.\")\n                .renderer(\"tags\")\n                .list()\n        }));\n\n        form.layout(layout => [\n            layout.row(\"title\"),\n            layout.row(\"path\"),\n            layout.row(\"snippet\"),\n            layout.row(\"image\"),\n            layout.row(\"tags\")\n        ]);\n    }\n\n    mapToForm(doc: PageSettingsGroup.PageDocument): Record<string, any> {\n        return {\n            title: doc.properties?.title,\n            path: doc.properties?.path,\n            snippet: doc.properties?.snippet,\n            image: doc.properties?.image,\n            tags: doc.properties?.tags\n        };\n    }\n\n    mapFromForm(formData: Record<string, any>, doc: PageSettingsGroup.PageDocument): void {\n        doc.properties.title = formData.title;\n        doc.properties.path = formData.path;\n        doc.properties.snippet = formData.snippet;\n        doc.properties.image = formData.image;\n        doc.properties.tags = formData.tags;\n    }\n}\n\nexport const GeneralSettingsGroup = PageSettingsGroup.createImplementation({\n    implementation: GeneralSettingsGroupImpl,\n    dependencies: []\n});\n"],"names":["GeneralSettingsGroupImpl","form","fields","layout","doc","formData","GeneralSettingsGroup","PageSettingsGroup"],"mappings":";AAEA,MAAMA;IAMF,UAAUC,IAAmC,EAAQ;QACjDA,KAAK,MAAM,CAACC,CAAAA,SAAW;gBACnB,OAAOA,OAAO,IAAI,GAAG,KAAK,CAAC,cAAc,QAAQ;gBACjD,MAAMA,OAAO,IAAI,GAAG,KAAK,CAAC,QAAQ,QAAQ;gBAC1C,SAASA,OAAO,IAAI,GAAG,KAAK,CAAC,WAAW,QAAQ,CAAC;gBACjD,OAAOA,OACF,IAAI,GACJ,KAAK,CAAC,SACN,WAAW,CAAC;gBACjB,MAAMA,OACD,IAAI,GACJ,KAAK,CAAC,QACN,WAAW,CAAC,wEACZ,QAAQ,CAAC,QACT,IAAI;YACb;QAEAD,KAAK,MAAM,CAACE,CAAAA,SAAU;gBAClBA,OAAO,GAAG,CAAC;gBACXA,OAAO,GAAG,CAAC;gBACXA,OAAO,GAAG,CAAC;gBACXA,OAAO,GAAG,CAAC;gBACXA,OAAO,GAAG,CAAC;aACd;IACL;IAEA,UAAUC,GAAmC,EAAuB;QAChE,OAAO;YACH,OAAOA,IAAI,UAAU,EAAE;YACvB,MAAMA,IAAI,UAAU,EAAE;YACtB,SAASA,IAAI,UAAU,EAAE;YACzB,OAAOA,IAAI,UAAU,EAAE;YACvB,MAAMA,IAAI,UAAU,EAAE;QAC1B;IACJ;IAEA,YAAYC,QAA6B,EAAED,GAAmC,EAAQ;QAClFA,IAAI,UAAU,CAAC,KAAK,GAAGC,SAAS,KAAK;QACrCD,IAAI,UAAU,CAAC,IAAI,GAAGC,SAAS,IAAI;QACnCD,IAAI,UAAU,CAAC,OAAO,GAAGC,SAAS,OAAO;QACzCD,IAAI,UAAU,CAAC,KAAK,GAAGC,SAAS,KAAK;QACrCD,IAAI,UAAU,CAAC,IAAI,GAAGC,SAAS,IAAI;IACvC;;aA/CA,IAAI,GAAG;aACP,KAAK,GAAG;aACR,WAAW,GAAG;aACd,IAAI,GAAG;YAAE,MAAM;YAAQ,MAAM;QAAU;;AA6C3C;AAEO,MAAMC,uBAAuBC,kBAAkB,oBAAoB,CAAC;IACvE,gBAAgBP;IAChB,cAAc,EAAE;AACpB"}

package/presentation/pages/PageEditor/PageSettings/groups/SchemaSettingsGroup.d.ts

@@ -0,0 +1,17 @@
+import { PageSettingsGroup } from "../../../../../presentation/pages/PageEditor/PageSettings/abstractions.js";
+declare class SchemaSettingsGroupImpl implements PageSettingsGroup.Interface {
+    name: string;
+    label: string;
+    description: string;
+    icon: {
+        type: string;
+        name: string;
+    };
+    buildForm(form: PageSettingsGroup.FormBuilder): void;
+    mapToForm(doc: PageSettingsGroup.PageDocument): Record<string, any>;
+    mapFromForm(formData: Record<string, any>, doc: PageSettingsGroup.PageDocument): void;
+}
+export declare const SchemaSettingsGroup: typeof SchemaSettingsGroupImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("~/presentation/pages/PageEditor/PageSettings/abstractions.js").IPageSettingsGroup>;
+};
+export {};

package/presentation/pages/PageEditor/PageSettings/groups/SchemaSettingsGroup.js

@@ -0,0 +1,39 @@
+import { PageSettingsGroup } from "../abstractions.js";
+class SchemaSettingsGroupImpl {
+    buildForm(form) {
+        form.fields((fields)=>({
+                structuredSchema: fields.text().label("Structured Schema").defaultValue("").renderer("codeEditor", {
+                    language: "html",
+                    height: 400
+                })
+            }));
+        form.layout((layout)=>[
+                layout.row("structuredSchema")
+            ]);
+    }
+    mapToForm(doc) {
+        return {
+            structuredSchema: doc.properties?.seo?.structuredSchema ?? ""
+        };
+    }
+    mapFromForm(formData, doc) {
+        doc.properties.seo = doc.properties.seo ?? {};
+        doc.properties.seo.structuredSchema = formData.structuredSchema;
+    }
+    constructor(){
+        this.name = "schema";
+        this.label = "Schema";
+        this.description = "Add structured data markup to enhance search result appearance.";
+        this.icon = {
+            type: "icon",
+            name: "fas/code"
+        };
+    }
+}
+const SchemaSettingsGroup = PageSettingsGroup.createImplementation({
+    implementation: SchemaSettingsGroupImpl,
+    dependencies: []
+});
+export { SchemaSettingsGroup };
+
+//# sourceMappingURL=SchemaSettingsGroup.js.map

package/presentation/pages/PageEditor/PageSettings/groups/SchemaSettingsGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageEditor/PageSettings/groups/SchemaSettingsGroup.js","sources":["../../../../../../src/presentation/pages/PageEditor/PageSettings/groups/SchemaSettingsGroup.ts"],"sourcesContent":["import { PageSettingsGroup } from \"~/presentation/pages/PageEditor/PageSettings/abstractions.js\";\n\nclass SchemaSettingsGroupImpl implements PageSettingsGroup.Interface {\n    name = \"schema\";\n    label = \"Schema\";\n    description = \"Add structured data markup to enhance search result appearance.\";\n    icon = { type: \"icon\", name: \"fas/code\" };\n\n    buildForm(form: PageSettingsGroup.FormBuilder): void {\n        form.fields(fields => ({\n            structuredSchema: fields\n                .text()\n                .label(\"Structured Schema\")\n                .defaultValue(\"\")\n                .renderer(\"codeEditor\", { language: \"html\", height: 400 })\n        }));\n\n        form.layout(layout => [layout.row(\"structuredSchema\")]);\n    }\n\n    mapToForm(doc: PageSettingsGroup.PageDocument): Record<string, any> {\n        return {\n            structuredSchema: doc.properties?.seo?.structuredSchema ?? \"\"\n        };\n    }\n\n    mapFromForm(formData: Record<string, any>, doc: PageSettingsGroup.PageDocument): void {\n        doc.properties.seo = doc.properties.seo ?? {};\n        doc.properties.seo.structuredSchema = formData.structuredSchema;\n    }\n}\n\nexport const SchemaSettingsGroup = PageSettingsGroup.createImplementation({\n    implementation: SchemaSettingsGroupImpl,\n    dependencies: []\n});\n"],"names":["SchemaSettingsGroupImpl","form","fields","layout","doc","formData","SchemaSettingsGroup","PageSettingsGroup"],"mappings":";AAEA,MAAMA;IAMF,UAAUC,IAAmC,EAAQ;QACjDA,KAAK,MAAM,CAACC,CAAAA,SAAW;gBACnB,kBAAkBA,OACb,IAAI,GACJ,KAAK,CAAC,qBACN,YAAY,CAAC,IACb,QAAQ,CAAC,cAAc;oBAAE,UAAU;oBAAQ,QAAQ;gBAAI;YAChE;QAEAD,KAAK,MAAM,CAACE,CAAAA,SAAU;gBAACA,OAAO,GAAG,CAAC;aAAoB;IAC1D;IAEA,UAAUC,GAAmC,EAAuB;QAChE,OAAO;YACH,kBAAkBA,IAAI,UAAU,EAAE,KAAK,oBAAoB;QAC/D;IACJ;IAEA,YAAYC,QAA6B,EAAED,GAAmC,EAAQ;QAClFA,IAAI,UAAU,CAAC,GAAG,GAAGA,IAAI,UAAU,CAAC,GAAG,IAAI,CAAC;QAC5CA,IAAI,UAAU,CAAC,GAAG,CAAC,gBAAgB,GAAGC,SAAS,gBAAgB;IACnE;;aA1BA,IAAI,GAAG;aACP,KAAK,GAAG;aACR,WAAW,GAAG;aACd,IAAI,GAAG;YAAE,MAAM;YAAQ,MAAM;QAAW;;AAwB5C;AAEO,MAAMC,sBAAsBC,kBAAkB,oBAAoB,CAAC;IACtE,gBAAgBP;IAChB,cAAc,EAAE;AACpB"}

package/presentation/pages/PageEditor/PageSettings/groups/SeoSettingsGroup.d.ts

@@ -0,0 +1,17 @@
+import { PageSettingsGroup } from "../abstractions.js";
+declare class SeoSettingsGroupImpl implements PageSettingsGroup.Interface {
+    name: string;
+    label: string;
+    description: string;
+    icon: {
+        type: string;
+        name: string;
+    };
+    buildForm(form: PageSettingsGroup.FormBuilder): void;
+    mapToForm(doc: PageSettingsGroup.PageDocument): Record<string, any>;
+    mapFromForm(formData: Record<string, any>, doc: PageSettingsGroup.PageDocument): void;
+}
+export declare const SeoSettingsGroup: typeof SeoSettingsGroupImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("../abstractions.js").IPageSettingsGroup>;
+};
+export {};

package/presentation/pages/PageEditor/PageSettings/groups/SeoSettingsGroup.js

@@ -0,0 +1,62 @@
+import { z } from "zod";
+import { PageSettingsGroup } from "../abstractions.js";
+const PATHNAME_REGEX = new RegExp("^\\/(?:[a-zA-Z0-9._~:@!$&'()*+,;=%/-])*(?:\\?[a-zA-Z0-9._~:@!$&'()*+,;=?/%#[\\]-]*)?(?:#[a-zA-Z0-9._~:@!$&'()*+,;=?/%#[\\]-]*)?$");
+class SeoSettingsGroupImpl {
+    buildForm(form) {
+        form.fields((fields)=>({
+                title: fields.text().label("Title").description("SEO title"),
+                description: fields.text().label("Description").description("SEO description").renderer("textarea"),
+                metaTags: fields.object().label("Meta Tags").description("Add SEO tags").renderer("keyValueTags").fields((f)=>({
+                        name: f.text().placeholder("Name"),
+                        content: f.text().placeholder("Content")
+                    })).list(),
+                canonicalUrl: fields.text().label("Canonical URL").description("The canonical URL for this page").schema(z.string().optional().refine((val)=>!val || PATHNAME_REGEX.test(val), "Enter a valid pathname, e.g.: /path/to/page?query=value")),
+                noIndex: fields.boolean().label("No Index").description("Whether this page should be indexed by search engines").defaultValue(false).renderer("switch"),
+                noFollow: fields.boolean().label("No Follow").description("Whether search engines should follow links on this page").defaultValue(false).renderer("switch")
+            }));
+        form.layout((layout)=>[
+                layout.row("title"),
+                layout.row("description"),
+                layout.row("metaTags"),
+                layout.row("canonicalUrl"),
+                layout.row("noIndex"),
+                layout.row("noFollow")
+            ]);
+    }
+    mapToForm(doc) {
+        const seo = doc.properties?.seo ?? {};
+        return {
+            title: seo.title,
+            description: seo.description,
+            metaTags: seo.metaTags,
+            canonicalUrl: seo.canonicalUrl,
+            noIndex: seo.noIndex ?? false,
+            noFollow: seo.noFollow ?? false
+        };
+    }
+    mapFromForm(formData, doc) {
+        doc.properties.seo = doc.properties.seo ?? {};
+        doc.properties.seo.title = formData.title;
+        doc.properties.seo.description = formData.description;
+        doc.properties.seo.metaTags = formData.metaTags;
+        doc.properties.seo.canonicalUrl = formData.canonicalUrl;
+        doc.properties.seo.noIndex = formData.noIndex;
+        doc.properties.seo.noFollow = formData.noFollow;
+    }
+    constructor(){
+        this.name = "seo";
+        this.label = "SEO";
+        this.description = "Optimize how this page appears in search engine results.";
+        this.icon = {
+            type: "icon",
+            name: "fas/search"
+        };
+    }
+}
+const SeoSettingsGroup = PageSettingsGroup.createImplementation({
+    implementation: SeoSettingsGroupImpl,
+    dependencies: []
+});
+export { SeoSettingsGroup };
+
+//# sourceMappingURL=SeoSettingsGroup.js.map

package/presentation/pages/PageEditor/PageSettings/groups/SeoSettingsGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageEditor/PageSettings/groups/SeoSettingsGroup.js","sources":["../../../../../../src/presentation/pages/PageEditor/PageSettings/groups/SeoSettingsGroup.ts"],"sourcesContent":["import { z } from \"zod\";\nimport { PageSettingsGroup } from \"../abstractions.js\";\n\nconst PATHNAME_REGEX = new RegExp(\n    `^\\\\/(?:[a-zA-Z0-9._~:@!$&'()*+,;=%/-])*(?:\\\\?[a-zA-Z0-9._~:@!$&'()*+,;=?/%#[\\\\]-]*)?(?:#[a-zA-Z0-9._~:@!$&'()*+,;=?/%#[\\\\]-]*)?$`\n);\n\nclass SeoSettingsGroupImpl implements PageSettingsGroup.Interface {\n    name = \"seo\";\n    label = \"SEO\";\n    description = \"Optimize how this page appears in search engine results.\";\n    icon = { type: \"icon\", name: \"fas/search\" };\n\n    buildForm(form: PageSettingsGroup.FormBuilder): void {\n        form.fields(fields => ({\n            title: fields.text().label(\"Title\").description(\"SEO title\"),\n            description: fields\n                .text()\n                .label(\"Description\")\n                .description(\"SEO description\")\n                .renderer(\"textarea\"),\n            metaTags: fields\n                .object()\n                .label(\"Meta Tags\")\n                .description(\"Add SEO tags\")\n                .renderer(\"keyValueTags\")\n                .fields(f => ({\n                    name: f.text().placeholder(\"Name\"),\n                    content: f.text().placeholder(\"Content\")\n                }))\n                .list(),\n            canonicalUrl: fields\n                .text()\n                .label(\"Canonical URL\")\n                .description(\"The canonical URL for this page\")\n                .schema(\n                    z\n                        .string()\n                        .optional()\n                        .refine(\n                            val => !val || PATHNAME_REGEX.test(val),\n                            \"Enter a valid pathname, e.g.: /path/to/page?query=value\"\n                        )\n                ),\n            noIndex: fields\n                .boolean()\n                .label(\"No Index\")\n                .description(\"Whether this page should be indexed by search engines\")\n                .defaultValue(false)\n                .renderer(\"switch\"),\n            noFollow: fields\n                .boolean()\n                .label(\"No Follow\")\n                .description(\"Whether search engines should follow links on this page\")\n                .defaultValue(false)\n                .renderer(\"switch\")\n        }));\n\n        form.layout(layout => [\n            layout.row(\"title\"),\n            layout.row(\"description\"),\n            layout.row(\"metaTags\"),\n            layout.row(\"canonicalUrl\"),\n            layout.row(\"noIndex\"),\n            layout.row(\"noFollow\")\n        ]);\n    }\n\n    mapToForm(doc: PageSettingsGroup.PageDocument): Record<string, any> {\n        const seo = doc.properties?.seo ?? {};\n        return {\n            title: seo.title,\n            description: seo.description,\n            metaTags: seo.metaTags,\n            canonicalUrl: seo.canonicalUrl,\n            noIndex: seo.noIndex ?? false,\n            noFollow: seo.noFollow ?? false\n        };\n    }\n\n    mapFromForm(formData: Record<string, any>, doc: PageSettingsGroup.PageDocument): void {\n        doc.properties.seo = doc.properties.seo ?? {};\n        doc.properties.seo.title = formData.title;\n        doc.properties.seo.description = formData.description;\n        doc.properties.seo.metaTags = formData.metaTags;\n        doc.properties.seo.canonicalUrl = formData.canonicalUrl;\n        doc.properties.seo.noIndex = formData.noIndex;\n        doc.properties.seo.noFollow = formData.noFollow;\n    }\n}\n\nexport const SeoSettingsGroup = PageSettingsGroup.createImplementation({\n    implementation: SeoSettingsGroupImpl,\n    dependencies: []\n});\n"],"names":["PATHNAME_REGEX","RegExp","SeoSettingsGroupImpl","form","fields","f","z","val","layout","doc","seo","formData","SeoSettingsGroup","PageSettingsGroup"],"mappings":";;AAGA,MAAMA,iBAAiB,IAAIC,OACvB;AAGJ,MAAMC;IAMF,UAAUC,IAAmC,EAAQ;QACjDA,KAAK,MAAM,CAACC,CAAAA,SAAW;gBACnB,OAAOA,OAAO,IAAI,GAAG,KAAK,CAAC,SAAS,WAAW,CAAC;gBAChD,aAAaA,OACR,IAAI,GACJ,KAAK,CAAC,eACN,WAAW,CAAC,mBACZ,QAAQ,CAAC;gBACd,UAAUA,OACL,MAAM,GACN,KAAK,CAAC,aACN,WAAW,CAAC,gBACZ,QAAQ,CAAC,gBACT,MAAM,CAACC,CAAAA,IAAM;wBACV,MAAMA,EAAE,IAAI,GAAG,WAAW,CAAC;wBAC3B,SAASA,EAAE,IAAI,GAAG,WAAW,CAAC;oBAClC,IACC,IAAI;gBACT,cAAcD,OACT,IAAI,GACJ,KAAK,CAAC,iBACN,WAAW,CAAC,mCACZ,MAAM,CACHE,EAAAA,MACW,GACN,QAAQ,GACR,MAAM,CACHC,CAAAA,MAAO,CAACA,OAAOP,eAAe,IAAI,CAACO,MACnC;gBAGhB,SAASH,OACJ,OAAO,GACP,KAAK,CAAC,YACN,WAAW,CAAC,yDACZ,YAAY,CAAC,OACb,QAAQ,CAAC;gBACd,UAAUA,OACL,OAAO,GACP,KAAK,CAAC,aACN,WAAW,CAAC,2DACZ,YAAY,CAAC,OACb,QAAQ,CAAC;YAClB;QAEAD,KAAK,MAAM,CAACK,CAAAA,SAAU;gBAClBA,OAAO,GAAG,CAAC;gBACXA,OAAO,GAAG,CAAC;gBACXA,OAAO,GAAG,CAAC;gBACXA,OAAO,GAAG,CAAC;gBACXA,OAAO,GAAG,CAAC;gBACXA,OAAO,GAAG,CAAC;aACd;IACL;IAEA,UAAUC,GAAmC,EAAuB;QAChE,MAAMC,MAAMD,IAAI,UAAU,EAAE,OAAO,CAAC;QACpC,OAAO;YACH,OAAOC,IAAI,KAAK;YAChB,aAAaA,IAAI,WAAW;YAC5B,UAAUA,IAAI,QAAQ;YACtB,cAAcA,IAAI,YAAY;YAC9B,SAASA,IAAI,OAAO,IAAI;YACxB,UAAUA,IAAI,QAAQ,IAAI;QAC9B;IACJ;IAEA,YAAYC,QAA6B,EAAEF,GAAmC,EAAQ;QAClFA,IAAI,UAAU,CAAC,GAAG,GAAGA,IAAI,UAAU,CAAC,GAAG,IAAI,CAAC;QAC5CA,IAAI,UAAU,CAAC,GAAG,CAAC,KAAK,GAAGE,SAAS,KAAK;QACzCF,IAAI,UAAU,CAAC,GAAG,CAAC,WAAW,GAAGE,SAAS,WAAW;QACrDF,IAAI,UAAU,CAAC,GAAG,CAAC,QAAQ,GAAGE,SAAS,QAAQ;QAC/CF,IAAI,UAAU,CAAC,GAAG,CAAC,YAAY,GAAGE,SAAS,YAAY;QACvDF,IAAI,UAAU,CAAC,GAAG,CAAC,OAAO,GAAGE,SAAS,OAAO;QAC7CF,IAAI,UAAU,CAAC,GAAG,CAAC,QAAQ,GAAGE,SAAS,QAAQ;IACnD;;aAhFA,IAAI,GAAG;aACP,KAAK,GAAG;aACR,WAAW,GAAG;aACd,IAAI,GAAG;YAAE,MAAM;YAAQ,MAAM;QAAa;;AA8E9C;AAEO,MAAMC,mBAAmBC,kBAAkB,oBAAoB,CAAC;IACnE,gBAAgBX;IAChB,cAAc,EAAE;AACpB"}

package/presentation/pages/PageEditor/PageSettings/groups/SocialSettingsGroup.js

@@ -0,0 +1,52 @@
+import { PageSettingsGroup } from "../abstractions.js";
+class SocialSettingsGroupImpl {
+    buildForm(form) {
+        form.fields((fields)=>({
+                title: fields.text().label("Title").description("Title for social platforms (og:title)"),
+                description: fields.text().label("Description").description("Description for social platforms (og:description)").renderer("textarea"),
+                image: fields.file().label("Image").description("Select an image for social platforms (og:image)"),
+                metaTags: fields.object().label("Meta Tags").description("Add more Open Graph tags").renderer("keyValueTags").fields((f)=>({
+                        property: f.text().placeholder("Property"),
+                        content: f.text().placeholder("Content")
+                    })).list()
+            }));
+        form.layout((layout)=>[
+                layout.row("title"),
+                layout.row("description"),
+                layout.row("image"),
+                layout.row("metaTags")
+            ]);
+    }
+    mapToForm(doc) {
+        const social = doc.properties?.social ?? {};
+        return {
+            title: social.title,
+            description: social.description,
+            image: social.image,
+            metaTags: social.metaTags
+        };
+    }
+    mapFromForm(formData, doc) {
+        doc.properties.social = doc.properties.social ?? {};
+        doc.properties.social.title = formData.title;
+        doc.properties.social.description = formData.description;
+        doc.properties.social.image = formData.image;
+        doc.properties.social.metaTags = formData.metaTags;
+    }
+    constructor(){
+        this.name = "social";
+        this.label = "Social";
+        this.description = "Control how this page is previewed when shared on social media.";
+        this.icon = {
+            type: "icon",
+            name: "fas/thumbs-up"
+        };
+    }
+}
+const SocialSettingsGroup = PageSettingsGroup.createImplementation({
+    implementation: SocialSettingsGroupImpl,
+    dependencies: []
+});
+export { SocialSettingsGroup };
+
+//# sourceMappingURL=SocialSettingsGroup.js.map

package/presentation/pages/PageEditor/PageSettings/groups/SocialSettingsGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/pages/PageEditor/PageSettings/groups/SocialSettingsGroup.js","sources":["../../../../../../src/presentation/pages/PageEditor/PageSettings/groups/SocialSettingsGroup.ts"],"sourcesContent":["import { PageSettingsGroup } from \"../abstractions.js\";\n\nclass SocialSettingsGroupImpl implements PageSettingsGroup.Interface {\n    name = \"social\";\n    label = \"Social\";\n    description = \"Control how this page is previewed when shared on social media.\";\n    icon = { type: \"icon\", name: \"fas/thumbs-up\" };\n\n    buildForm(form: PageSettingsGroup.FormBuilder): void {\n        form.fields(fields => ({\n            title: fields\n                .text()\n                .label(\"Title\")\n                .description(\"Title for social platforms (og:title)\"),\n            description: fields\n                .text()\n                .label(\"Description\")\n                .description(\"Description for social platforms (og:description)\")\n                .renderer(\"textarea\"),\n            image: fields\n                .file()\n                .label(\"Image\")\n                .description(\"Select an image for social platforms (og:image)\"),\n            metaTags: fields\n                .object()\n                .label(\"Meta Tags\")\n                .description(\"Add more Open Graph tags\")\n                .renderer(\"keyValueTags\")\n                .fields(f => ({\n                    property: f.text().placeholder(\"Property\"),\n                    content: f.text().placeholder(\"Content\")\n                }))\n                .list()\n        }));\n\n        form.layout(layout => [\n            layout.row(\"title\"),\n            layout.row(\"description\"),\n            layout.row(\"image\"),\n            layout.row(\"metaTags\")\n        ]);\n    }\n\n    mapToForm(doc: PageSettingsGroup.PageDocument): Record<string, any> {\n        const social = doc.properties?.social ?? {};\n        return {\n            title: social.title,\n            description: social.description,\n            image: social.image,\n            metaTags: social.metaTags\n        };\n    }\n\n    mapFromForm(formData: Record<string, any>, doc: PageSettingsGroup.PageDocument): void {\n        doc.properties.social = doc.properties.social ?? {};\n        doc.properties.social.title = formData.title;\n        doc.properties.social.description = formData.description;\n        doc.properties.social.image = formData.image;\n        doc.properties.social.metaTags = formData.metaTags;\n    }\n}\n\nexport const SocialSettingsGroup = PageSettingsGroup.createImplementation({\n    implementation: SocialSettingsGroupImpl,\n    dependencies: []\n});\n"],"names":["SocialSettingsGroupImpl","form","fields","f","layout","doc","social","formData","SocialSettingsGroup","PageSettingsGroup"],"mappings":";AAEA,MAAMA;IAMF,UAAUC,IAAmC,EAAQ;QACjDA,KAAK,MAAM,CAACC,CAAAA,SAAW;gBACnB,OAAOA,OACF,IAAI,GACJ,KAAK,CAAC,SACN,WAAW,CAAC;gBACjB,aAAaA,OACR,IAAI,GACJ,KAAK,CAAC,eACN,WAAW,CAAC,qDACZ,QAAQ,CAAC;gBACd,OAAOA,OACF,IAAI,GACJ,KAAK,CAAC,SACN,WAAW,CAAC;gBACjB,UAAUA,OACL,MAAM,GACN,KAAK,CAAC,aACN,WAAW,CAAC,4BACZ,QAAQ,CAAC,gBACT,MAAM,CAACC,CAAAA,IAAM;wBACV,UAAUA,EAAE,IAAI,GAAG,WAAW,CAAC;wBAC/B,SAASA,EAAE,IAAI,GAAG,WAAW,CAAC;oBAClC,IACC,IAAI;YACb;QAEAF,KAAK,MAAM,CAACG,CAAAA,SAAU;gBAClBA,OAAO,GAAG,CAAC;gBACXA,OAAO,GAAG,CAAC;gBACXA,OAAO,GAAG,CAAC;gBACXA,OAAO,GAAG,CAAC;aACd;IACL;IAEA,UAAUC,GAAmC,EAAuB;QAChE,MAAMC,SAASD,IAAI,UAAU,EAAE,UAAU,CAAC;QAC1C,OAAO;YACH,OAAOC,OAAO,KAAK;YACnB,aAAaA,OAAO,WAAW;YAC/B,OAAOA,OAAO,KAAK;YACnB,UAAUA,OAAO,QAAQ;QAC7B;IACJ;IAEA,YAAYC,QAA6B,EAAEF,GAAmC,EAAQ;QAClFA,IAAI,UAAU,CAAC,MAAM,GAAGA,IAAI,UAAU,CAAC,MAAM,IAAI,CAAC;QAClDA,IAAI,UAAU,CAAC,MAAM,CAAC,KAAK,GAAGE,SAAS,KAAK;QAC5CF,IAAI,UAAU,CAAC,MAAM,CAAC,WAAW,GAAGE,SAAS,WAAW;QACxDF,IAAI,UAAU,CAAC,MAAM,CAAC,KAAK,GAAGE,SAAS,KAAK;QAC5CF,IAAI,UAAU,CAAC,MAAM,CAAC,QAAQ,GAAGE,SAAS,QAAQ;IACtD;;aAxDA,IAAI,GAAG;aACP,KAAK,GAAG;aACR,WAAW,GAAG;aACd,IAAI,GAAG;YAAE,MAAM;YAAQ,MAAM;QAAgB;;AAsDjD;AAEO,MAAMC,sBAAsBC,kBAAkB,oBAAoB,CAAC;IACtE,gBAAgBT;IAChB,cAAc,EAAE;AACpB"}

package/presentation/pages/PageEditor/PageSettings/index.js

@@ -0,0 +1 @@
+export { PageSettingsGroup, PageSettingsGroupModifier, PageSettingsPresenter } from "./abstractions.js";