@webiny/app-website-builder 6.3.0-beta.2 → 6.3.0-beta.4

package/modules/pages/PageEditor/PageEditorConfig.js

@@ -2,7 +2,6 @@ import React from "react";
 import { CompositionScope } from "@webiny/app-admin";
 import { EditorConfig, EditorConfigComponents } from "../../../BaseEditor/index.js";
 import { EDITOR_NAME } from "../constants.js";
-import { PageSettings } from "./PageSettings/PageSettings.js";
 const PrimaryPageEditorConfig = ({
   children
 }) => {
@@ -25,13 +24,9 @@ const SecondaryPageEditorConfig = ({
 };
 
 /* This one is an internal API for the base app. It ensures this config is always applied first. */
-export const InternalPageEditorConfig = Object.assign(PrimaryPageEditorConfig, EditorConfigComponents, {
-  PageSettings
-});
+export const InternalPageEditorConfig = Object.assign(PrimaryPageEditorConfig, EditorConfigComponents);
 
 /* This one is a public API for other apps and third party developers. */
-export const PageEditorConfig = Object.assign(SecondaryPageEditorConfig, EditorConfigComponents, {
-  PageSettings
-});
+export const PageEditorConfig = Object.assign(SecondaryPageEditorConfig, EditorConfigComponents);
 
 //# sourceMappingURL=PageEditorConfig.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","CompositionScope","EditorConfig","EditorConfigComponents","EDITOR_NAME","PageSettings","PrimaryPageEditorConfig","children","createElement","name","inherit","priority","SecondaryPageEditorConfig","InternalPageEditorConfig","Object","assign","PageEditorConfig"],"sources":["PageEditorConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { CompositionScope } from \"@webiny/app-admin\";\nimport { EditorConfig, EditorConfigComponents } from \"~/BaseEditor/index.js\";\nimport { EDITOR_NAME } from \"~/modules/pages/constants.js\";\nimport { PageSettings } from \"./PageSettings/PageSettings.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    { PageSettings }\n);\n\n/* This one is a public API for other apps and third party developers. */\nexport const PageEditorConfig = Object.assign(SecondaryPageEditorConfig, EditorConfigComponents, {\n    PageSettings\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,mBAAmB;AACpD,SAASC,YAAY,EAAEC,sBAAsB;AAC7C,SAASC,WAAW;AACpB,SAASC,YAAY;AAMrB,MAAMC,uBAAuB,GAAGA,CAAC;EAAEC;AAAgC,CAAC,KAAK;EACrE,oBACIP,KAAA,CAAAQ,aAAA,CAACP,gBAAgB;IAACQ,IAAI,EAAEL,WAAY;IAACM,OAAO,EAAE;EAAK,gBAC/CV,KAAA,CAAAQ,aAAA,CAACN,YAAY;IAACS,QAAQ,EAAE;EAAU,GAAEJ,QAAuB,CAC7C,CAAC;AAE3B,CAAC;AAED,MAAMK,yBAAyB,GAAGA,CAAC;EAAEL;AAAgC,CAAC,KAAK;EACvE,oBACIP,KAAA,CAAAQ,aAAA,CAACP,gBAAgB;IAACQ,IAAI,EAAEL,WAAY;IAACM,OAAO,EAAE;EAAK,gBAC/CV,KAAA,CAAAQ,aAAA,CAACN,YAAY;IAACS,QAAQ,EAAE;EAAY,GAAEJ,QAAuB,CAC/C,CAAC;AAE3B,CAAC;;AAED;AACA,OAAO,MAAMM,wBAAwB,GAAGC,MAAM,CAACC,MAAM,CACjDT,uBAAuB,EACvBH,sBAAsB,EACtB;EAAEE;AAAa,CACnB,CAAC;;AAED;AACA,OAAO,MAAMW,gBAAgB,GAAGF,MAAM,CAACC,MAAM,CAACH,yBAAyB,EAAET,sBAAsB,EAAE;EAC7FE;AACJ,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","CompositionScope","EditorConfig","EditorConfigComponents","EDITOR_NAME","PrimaryPageEditorConfig","children","createElement","name","inherit","priority","SecondaryPageEditorConfig","InternalPageEditorConfig","Object","assign","PageEditorConfig"],"sources":["PageEditorConfig.tsx"],"sourcesContent":["import React from \"react\";\nimport { CompositionScope } from \"@webiny/app-admin\";\nimport { EditorConfig, EditorConfigComponents } from \"~/BaseEditor/index.js\";\nimport { EDITOR_NAME } from \"~/modules/pages/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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,mBAAmB;AACpD,SAASC,YAAY,EAAEC,sBAAsB;AAC7C,SAASC,WAAW;AAMpB,MAAMC,uBAAuB,GAAGA,CAAC;EAAEC;AAAgC,CAAC,KAAK;EACrE,oBACIN,KAAA,CAAAO,aAAA,CAACN,gBAAgB;IAACO,IAAI,EAAEJ,WAAY;IAACK,OAAO,EAAE;EAAK,gBAC/CT,KAAA,CAAAO,aAAA,CAACL,YAAY;IAACQ,QAAQ,EAAE;EAAU,GAAEJ,QAAuB,CAC7C,CAAC;AAE3B,CAAC;AAED,MAAMK,yBAAyB,GAAGA,CAAC;EAAEL;AAAgC,CAAC,KAAK;EACvE,oBACIN,KAAA,CAAAO,aAAA,CAACN,gBAAgB;IAACO,IAAI,EAAEJ,WAAY;IAACK,OAAO,EAAE;EAAK,gBAC/CT,KAAA,CAAAO,aAAA,CAACL,YAAY;IAACQ,QAAQ,EAAE;EAAY,GAAEJ,QAAuB,CAC/C,CAAC;AAE3B,CAAC;;AAED;AACA,OAAO,MAAMM,wBAAwB,GAAGC,MAAM,CAACC,MAAM,CACjDT,uBAAuB,EACvBF,sBACJ,CAAC;;AAED;AACA,OAAO,MAAMY,gBAAgB,GAAGF,MAAM,CAACC,MAAM,CAACH,yBAAyB,EAAER,sBAAsB,CAAC","ignoreList":[]}

package/modules/pages/PageEditor/PageSettings/PageSettingsPresenter.d.ts

@@ -0,0 +1,22 @@
+import { FormModelFactory } from "@webiny/app-admin";
+import { PageSettingsPresenter as PresenterAbstraction } from "./abstractions.js";
+import { PageSettingsGroup } from "./abstractions.js";
+import { PageSettingsGroupModifier } from "./abstractions.js";
+declare class PageSettingsPresenterImpl implements PresenterAbstraction.Interface {
+    private factory;
+    private groups;
+    private modifiers;
+    private form;
+    private error;
+    private originalData;
+    constructor(factory: FormModelFactory.Interface, groups: PageSettingsGroup.Interface[], modifiers: PageSettingsGroupModifier.Interface[] | undefined);
+    get vm(): PresenterAbstraction.ViewModel;
+    init(data: PageSettingsGroup.PageDocument): void;
+    submit(): Promise<PageSettingsGroup.PageDocument | false>;
+    private collectGroups;
+    private buildForm;
+}
+export declare const PageSettingsPresenterRegistration: typeof PageSettingsPresenterImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("./abstractions.js").IPageSettingsPresenter>;
+};
+export {};

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

@@ -0,0 +1,154 @@
+import { makeAutoObservable, computed } from "mobx";
+import { FormModelFactory } from "@webiny/app-admin";
+import { PageSettingsPresenter as PresenterAbstraction } from "./abstractions.js";
+import { PageSettingsGroup } from "./abstractions.js";
+import { PageSettingsGroupModifier } from "./abstractions.js";
+class PageSettingsPresenterImpl {
+  form = null;
+  error = null;
+  originalData = null;
+  constructor(factory, groups, modifiers) {
+    this.factory = factory;
+    this.groups = groups;
+    this.modifiers = modifiers;
+    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;
+    }
+    console.log("data", data);
+    const doc = structuredClone(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 (fieldsFns.length === 0) {
+            continue;
+          }
+          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 (collected.length === 0) {
+          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 => {
+                  return layoutFns.flatMap(fn => fn(inner));
+                })];
+              }
+              return [l.row(group.name)];
+            });
+          });
+        }
+        return [tabsBuilder];
+      }
+    });
+  }
+}
+export const PageSettingsPresenterRegistration = PresenterAbstraction.createImplementation({
+  implementation: PageSettingsPresenterImpl,
+  dependencies: [FormModelFactory, [PageSettingsGroup, {
+    multiple: true
+  }], [PageSettingsGroupModifier, {
+    multiple: true,
+    optional: true
+  }]]
+});
+
+//# sourceMappingURL=PageSettingsPresenter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["makeAutoObservable","computed","FormModelFactory","PageSettingsPresenter","PresenterAbstraction","PageSettingsGroup","PageSettingsGroupModifier","PageSettingsPresenterImpl","form","error","originalData","constructor","factory","groups","modifiers","vm","autoBind","init","data","buildForm","mapped","group","name","mapToForm","modifier","modData","setData","submit","console","log","doc","structuredClone","mapFromForm","collectGroups","map","fieldsFns","layoutFns","builder","fields","fn","push","layout","modifyForm","collected","create","result","length","object","label","renderer","registry","merged","Object","assign","tabsBuilder","tabs","tab","description","icon","l","inner","flatMap","row","PageSettingsPresenterRegistration","createImplementation","implementation","dependencies","multiple","optional"],"sources":["PageSettingsPresenter.ts"],"sourcesContent":["import { makeAutoObservable, computed } 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        console.log(\"data\", data);\n\n        const doc = structuredClone(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"],"mappings":"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","ignoreList":[]}

package/modules/pages/PageEditor/PageSettings/abstractions.d.ts

@@ -0,0 +1,54 @@
+import { FormModel } from "@webiny/app-admin";
+import { FormModelFactory } from "@webiny/app-admin";
+import type { Icon } from "@webiny/app-admin/components/IconPicker/types.js";
+import type { EditorPage } from "@webiny/website-builder-sdk";
+export interface IPageSettingsGroupFormBuilder {
+    fields(fn: (fields: FormModelFactory.FieldBuilderRegistry) => Record<string, FormModelFactory.FieldBuilder>): void;
+    layout(fn: (layout: FormModelFactory.LayoutBuilder) => FormModel.LayoutNodeBuilder[]): void;
+}
+export interface IPageDocument {
+    properties: EditorPage["properties"];
+    metadata: EditorPage["metadata"];
+    extensions: EditorPage["extensions"];
+}
+export interface IPageSettingsGroup {
+    name: string;
+    label: string;
+    description?: string;
+    icon?: Icon;
+    buildForm(formBuilder: IPageSettingsGroupFormBuilder): void;
+    mapToForm(document: IPageDocument): Record<string, any>;
+    mapFromForm(formData: Record<string, any>, document: IPageDocument): void;
+}
+export declare const PageSettingsGroup: import("@webiny/di").Abstraction<IPageSettingsGroup>;
+export declare namespace PageSettingsGroup {
+    type Interface = IPageSettingsGroup;
+    type FormBuilder = IPageSettingsGroupFormBuilder;
+    type PageDocument = IPageDocument;
+}
+export interface IPageSettingsGroupModifier {
+    group: string;
+    modifyForm(formBuilder: IPageSettingsGroupFormBuilder): void;
+    mapToForm?(document: PageSettingsGroupModifier.PageDocument): Record<string, any>;
+    mapFromForm?(formData: Record<string, any>, document: PageSettingsGroupModifier.PageDocument): void;
+}
+export declare const PageSettingsGroupModifier: import("@webiny/di").Abstraction<IPageSettingsGroupModifier>;
+export declare namespace PageSettingsGroupModifier {
+    type Interface = IPageSettingsGroupModifier;
+    type PageDocument = IPageDocument;
+    type FormBuilder = IPageSettingsGroupFormBuilder;
+}
+export interface IPageSettingsVm {
+    form: FormModel.FormVM | null;
+    error: string | null;
+}
+export interface IPageSettingsPresenter {
+    readonly vm: IPageSettingsVm;
+    init(data: IPageDocument): void;
+    submit(): Promise<IPageDocument | false>;
+}
+export declare const PageSettingsPresenter: import("@webiny/di").Abstraction<IPageSettingsPresenter>;
+export declare namespace PageSettingsPresenter {
+    type Interface = IPageSettingsPresenter;
+    type ViewModel = IPageSettingsVm;
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["createAbstraction","PageSettingsGroup","PageSettingsGroupModifier","PageSettingsPresenter"],"sources":["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"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,uBAAuB;;AAMzD;;AA2BA,OAAO,MAAMC,iBAAiB,GAAGD,iBAAiB,CAAqB,0BAA0B,CAAC;AAkBlG,OAAO,MAAME,yBAAyB,GAAGF,iBAAiB,CACtD,kCACJ,CAAC;;AAQD;;AAaA,OAAO,MAAMG,qBAAqB,GAAGH,iBAAiB,CAClD,8BACJ,CAAC","ignoreList":[]}

package/modules/pages/PageEditor/PageSettings/feature.d.ts

@@ -0,0 +1,3 @@
+export declare const PageSettingsFeature: import("@webiny/feature/admin").FeatureDefinition<{
+    presenter: import("./abstractions.js").IPageSettingsPresenter;
+}, []>;

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

@@ -0,0 +1,24 @@
+import { createFeature } from "@webiny/feature/admin";
+import { PageSettingsPresenter as PresenterAbstraction } 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";
+export 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(PresenterAbstraction)
+    };
+  }
+});
+
+//# sourceMappingURL=feature.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createFeature","PageSettingsPresenter","PresenterAbstraction","PageSettingsPresenterRegistration","GeneralSettingsGroup","SeoSettingsGroup","SocialSettingsGroup","SchemaSettingsGroup","PageSettingsFeature","name","register","container","resolve","presenter"],"sources":["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"],"mappings":"AAAA,SAASA,aAAa,QAAQ,uBAAuB;AACrD,SAASC,qBAAqB,IAAIC,oBAAoB;AACtD,SAASC,iCAAiC;AAC1C,SAASC,oBAAoB;AAC7B,SAASC,gBAAgB;AACzB,SAASC,mBAAmB;AAC5B,SAASC,mBAAmB;AAE5B,OAAO,MAAMC,mBAAmB,GAAGR,aAAa,CAAC;EAC7CS,IAAI,EAAE,qBAAqB;EAC3BC,QAAQA,CAACC,SAAS,EAAE;IAChBA,SAAS,CAACD,QAAQ,CAACN,oBAAoB,CAAC;IACxCO,SAAS,CAACD,QAAQ,CAACL,gBAAgB,CAAC;IACpCM,SAAS,CAACD,QAAQ,CAACJ,mBAAmB,CAAC;IACvCK,SAAS,CAACD,QAAQ,CAACH,mBAAmB,CAAC;IACvCI,SAAS,CAACD,QAAQ,CAACP,iCAAiC,CAAC;EACzD,CAAC;EACDS,OAAOA,CAACD,SAAS,EAAE;IACf,OAAO;MACHE,SAAS,EAAEF,SAAS,CAACC,OAAO,CAACV,oBAAoB;IACrD,CAAC;EACL;AACJ,CAAC,CAAC","ignoreList":[]}

package/modules/pages/PageEditor/PageSettings/groups/GeneralSettingsGroup.d.ts

@@ -0,0 +1,17 @@
+import { PageSettingsGroup } from "../abstractions.js";
+declare class GeneralSettingsGroupImpl 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 GeneralSettingsGroup: typeof GeneralSettingsGroupImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("../abstractions.js").IPageSettingsGroup>;
+};
+export {};

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

@@ -0,0 +1,42 @@
+import { PageSettingsGroup } from "../abstractions.js";
+class GeneralSettingsGroupImpl {
+  name = "general";
+  label = "General";
+  description = "Configure the page's core details like title, path, snippet, and image.";
+  icon = {
+    type: "icon",
+    name: "fas/cog"
+  };
+  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;
+  }
+}
+export const GeneralSettingsGroup = PageSettingsGroup.createImplementation({
+  implementation: GeneralSettingsGroupImpl,
+  dependencies: []
+});
+
+//# sourceMappingURL=GeneralSettingsGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["PageSettingsGroup","GeneralSettingsGroupImpl","name","label","description","icon","type","buildForm","form","fields","title","text","required","path","snippet","renderer","image","file","tags","list","layout","row","mapToForm","doc","properties","mapFromForm","formData","GeneralSettingsGroup","createImplementation","implementation","dependencies"],"sources":["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"],"mappings":"AAAA,SAASA,iBAAiB;AAE1B,MAAMC,wBAAwB,CAAwC;EAClEC,IAAI,GAAG,SAAS;EAChBC,KAAK,GAAG,SAAS;EACjBC,WAAW,GAAG,yEAAyE;EACvFC,IAAI,GAAG;IAAEC,IAAI,EAAE,MAAM;IAAEJ,IAAI,EAAE;EAAU,CAAC;EAExCK,SAASA,CAACC,IAAmC,EAAQ;IACjDA,IAAI,CAACC,MAAM,CAACA,MAAM,KAAK;MACnBC,KAAK,EAAED,MAAM,CAACE,IAAI,CAAC,CAAC,CAACR,KAAK,CAAC,YAAY,CAAC,CAACS,QAAQ,CAAC,CAAC;MACnDC,IAAI,EAAEJ,MAAM,CAACE,IAAI,CAAC,CAAC,CAACR,KAAK,CAAC,MAAM,CAAC,CAACS,QAAQ,CAAC,CAAC;MAC5CE,OAAO,EAAEL,MAAM,CAACE,IAAI,CAAC,CAAC,CAACR,KAAK,CAAC,SAAS,CAAC,CAACY,QAAQ,CAAC,UAAU,CAAC;MAC5DC,KAAK,EAAEP,MAAM,CACRQ,IAAI,CAAC,CAAC,CACNd,KAAK,CAAC,OAAO,CAAC,CACdC,WAAW,CAAC,wCAAwC,CAAC;MAC1Dc,IAAI,EAAET,MAAM,CACPE,IAAI,CAAC,CAAC,CACNR,KAAK,CAAC,MAAM,CAAC,CACbC,WAAW,CAAC,sEAAsE,CAAC,CACnFW,QAAQ,CAAC,MAAM,CAAC,CAChBI,IAAI,CAAC;IACd,CAAC,CAAC,CAAC;IAEHX,IAAI,CAACY,MAAM,CAACA,MAAM,IAAI,CAClBA,MAAM,CAACC,GAAG,CAAC,OAAO,CAAC,EACnBD,MAAM,CAACC,GAAG,CAAC,MAAM,CAAC,EAClBD,MAAM,CAACC,GAAG,CAAC,SAAS,CAAC,EACrBD,MAAM,CAACC,GAAG,CAAC,OAAO,CAAC,EACnBD,MAAM,CAACC,GAAG,CAAC,MAAM,CAAC,CACrB,CAAC;EACN;EAEAC,SAASA,CAACC,GAAmC,EAAuB;IAChE,OAAO;MACHb,KAAK,EAAEa,GAAG,CAACC,UAAU,EAAEd,KAAK;MAC5BG,IAAI,EAAEU,GAAG,CAACC,UAAU,EAAEX,IAAI;MAC1BC,OAAO,EAAES,GAAG,CAACC,UAAU,EAAEV,OAAO;MAChCE,KAAK,EAAEO,GAAG,CAACC,UAAU,EAAER,KAAK;MAC5BE,IAAI,EAAEK,GAAG,CAACC,UAAU,EAAEN;IAC1B,CAAC;EACL;EAEAO,WAAWA,CAACC,QAA6B,EAAEH,GAAmC,EAAQ;IAClFA,GAAG,CAACC,UAAU,CAACd,KAAK,GAAGgB,QAAQ,CAAChB,KAAK;IACrCa,GAAG,CAACC,UAAU,CAACX,IAAI,GAAGa,QAAQ,CAACb,IAAI;IACnCU,GAAG,CAACC,UAAU,CAACV,OAAO,GAAGY,QAAQ,CAACZ,OAAO;IACzCS,GAAG,CAACC,UAAU,CAACR,KAAK,GAAGU,QAAQ,CAACV,KAAK;IACrCO,GAAG,CAACC,UAAU,CAACN,IAAI,GAAGQ,QAAQ,CAACR,IAAI;EACvC;AACJ;AAEA,OAAO,MAAMS,oBAAoB,GAAG3B,iBAAiB,CAAC4B,oBAAoB,CAAC;EACvEC,cAAc,EAAE5B,wBAAwB;EACxC6B,YAAY,EAAE;AAClB,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,17 @@
+import { PageSettingsGroup } from "../../../../../modules/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("~/modules/pages/PageEditor/PageSettings/abstractions.js").IPageSettingsGroup>;
+};
+export {};

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

@@ -0,0 +1,34 @@
+import { PageSettingsGroup } from "../abstractions.js";
+class SchemaSettingsGroupImpl {
+  name = "schema";
+  label = "Schema";
+  description = "Add structured data markup to enhance search result appearance.";
+  icon = {
+    type: "icon",
+    name: "fas/code"
+  };
+  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;
+  }
+}
+export const SchemaSettingsGroup = PageSettingsGroup.createImplementation({
+  implementation: SchemaSettingsGroupImpl,
+  dependencies: []
+});
+
+//# sourceMappingURL=SchemaSettingsGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["PageSettingsGroup","SchemaSettingsGroupImpl","name","label","description","icon","type","buildForm","form","fields","structuredSchema","text","defaultValue","renderer","language","height","layout","row","mapToForm","doc","properties","seo","mapFromForm","formData","SchemaSettingsGroup","createImplementation","implementation","dependencies"],"sources":["SchemaSettingsGroup.ts"],"sourcesContent":["import { PageSettingsGroup } from \"~/modules/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"],"mappings":"AAAA,SAASA,iBAAiB;AAE1B,MAAMC,uBAAuB,CAAwC;EACjEC,IAAI,GAAG,QAAQ;EACfC,KAAK,GAAG,QAAQ;EAChBC,WAAW,GAAG,iEAAiE;EAC/EC,IAAI,GAAG;IAAEC,IAAI,EAAE,MAAM;IAAEJ,IAAI,EAAE;EAAW,CAAC;EAEzCK,SAASA,CAACC,IAAmC,EAAQ;IACjDA,IAAI,CAACC,MAAM,CAACA,MAAM,KAAK;MACnBC,gBAAgB,EAAED,MAAM,CACnBE,IAAI,CAAC,CAAC,CACNR,KAAK,CAAC,mBAAmB,CAAC,CAC1BS,YAAY,CAAC,EAAE,CAAC,CAChBC,QAAQ,CAAC,YAAY,EAAE;QAAEC,QAAQ,EAAE,MAAM;QAAEC,MAAM,EAAE;MAAI,CAAC;IACjE,CAAC,CAAC,CAAC;IAEHP,IAAI,CAACQ,MAAM,CAACA,MAAM,IAAI,CAACA,MAAM,CAACC,GAAG,CAAC,kBAAkB,CAAC,CAAC,CAAC;EAC3D;EAEAC,SAASA,CAACC,GAAmC,EAAuB;IAChE,OAAO;MACHT,gBAAgB,EAAES,GAAG,CAACC,UAAU,EAAEC,GAAG,EAAEX,gBAAgB,IAAI;IAC/D,CAAC;EACL;EAEAY,WAAWA,CAACC,QAA6B,EAAEJ,GAAmC,EAAQ;IAClFA,GAAG,CAACC,UAAU,CAACC,GAAG,GAAGF,GAAG,CAACC,UAAU,CAACC,GAAG,IAAI,CAAC,CAAC;IAC7CF,GAAG,CAACC,UAAU,CAACC,GAAG,CAACX,gBAAgB,GAAGa,QAAQ,CAACb,gBAAgB;EACnE;AACJ;AAEA,OAAO,MAAMc,mBAAmB,GAAGxB,iBAAiB,CAACyB,oBAAoB,CAAC;EACtEC,cAAc,EAAEzB,uBAAuB;EACvC0B,YAAY,EAAE;AAClB,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,27 @@
+import { PageSettingsGroup } from "../abstractions.js";
+declare module "@webiny/app-admin/features/formModel/abstractions.js" {
+    interface IFieldRendererRegistry {
+        keyValueTags: {
+            fieldType: "object";
+            settings?: {
+                addItemLabel?: string;
+            };
+        };
+    }
+}
+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/modules/pages/PageEditor/PageSettings/groups/SeoSettingsGroup.js

@@ -0,0 +1,52 @@
+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 {
+  name = "seo";
+  label = "SEO";
+  description = "Optimize how this page appears in search engine results.";
+  icon = {
+    type: "icon",
+    name: "fas/search"
+  };
+  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;
+  }
+}
+export const SeoSettingsGroup = PageSettingsGroup.createImplementation({
+  implementation: SeoSettingsGroupImpl,
+  dependencies: []
+});
+
+//# sourceMappingURL=SeoSettingsGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["z","PageSettingsGroup","PATHNAME_REGEX","RegExp","SeoSettingsGroupImpl","name","label","description","icon","type","buildForm","form","fields","title","text","renderer","metaTags","object","f","placeholder","content","list","canonicalUrl","schema","string","optional","refine","val","test","noIndex","boolean","defaultValue","noFollow","layout","row","mapToForm","doc","seo","properties","mapFromForm","formData","SeoSettingsGroup","createImplementation","implementation","dependencies"],"sources":["SeoSettingsGroup.ts"],"sourcesContent":["import { z } from \"zod\";\nimport { PageSettingsGroup } from \"../abstractions.js\";\n\ndeclare module \"@webiny/app-admin/features/formModel/abstractions.js\" {\n    interface IFieldRendererRegistry {\n        keyValueTags: {\n            fieldType: \"object\";\n            settings?: { addItemLabel?: string };\n        };\n    }\n}\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"],"mappings":"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","ignoreList":[]}

package/modules/pages/PageEditor/PageSettings/groups/SocialSettingsGroup.d.ts

@@ -0,0 +1,17 @@
+import { PageSettingsGroup } from "../abstractions.js";
+declare class SocialSettingsGroupImpl 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 SocialSettingsGroup: typeof SocialSettingsGroupImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("../abstractions.js").IPageSettingsGroup>;
+};
+export {};