eddev 2.0.0-beta.21 → 2.0.0-beta.210

package/dist/app/lib/blocks/InnerBlocks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InnerBlocks.d.ts","sourceRoot":"","sources":["../../../../src/app/lib/blocks/InnerBlocks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAsB,MAAM,OAAO,CAAA;AAC7D,OAAO,EAAE,uBAAuB,EAAiB,MAAM,oBAAoB,CAAA;AAC3E,OAAO,EAAuB,aAAa,EAA0B,MAAM,6BAA6B,CAAA;AAKxG,KAAK,cAAc,GAAG;IACpB,IAAI,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,mBAAmB,CAAA;IACvE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AA2ED,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,CAAC;IAClD,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,EAAE,OAAO,CAAA;IACjB,MAAM,EAAE,OAAO,CAAA;IACf,UAAU,EAAE,MAAM,CAAA;IAClB,kBAAkB,EAAE,OAAO,CAAA;CAC5B,CAAC,CAAA;AAEF,wBAAgB,cAAc,CAAC,IAAI,EAAE,mBAAmB;;EAIvD;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,mDAAmD;IACnD,aAAa,CAAC,EAAE,CAAC,kBAAkB,GAAG,YAAY,CAAC,EAAE,CAAA;IACrD,8DAA8D;IAC9D,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC;;;;QAII;IACJ,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,4EAA4E;IAC5E,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,2DAA2D;IAC3D,cAAc,CAAC,EAAE,aAAa,CAAA;IAC9B,8DAA8D;IAC9D,cAAc,CAAC,EAAE,aAAa,CAAA;IAC9B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,aAAa,CAAA;IACxB;;;;;;;;;;OAUG;IACH,YAAY,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,MAAM,GAAG,KAAK,CAAA;IAChE,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,yBAAyB,CAAC,EAAE,kBAAkB,EAAE,CAAA;CACjD,GAAG,uBAAuB,CAAA;AAE3B;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAgDlD"}

package/dist/app/lib/blocks/InnerBlocks.js

@@ -1,53 +1,101 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useMemo } from "react";
 import { ContentBlocks } from "./ContentBlocks.js";
-import { transformBlockTemplate } from "./editor/block-templates.js";
+import { applyTemplateBlocks, transformBlockTemplate } from "./editor/block-templates.js";
 import { blocksByTag } from "./editor/blocks-by-tag.js";
 import { useBlockContext, useInnerBlocks } from "./inline-editing.js";
-const Appender = (props) => {
+import { hash } from "object-code";
+const Appender = ({ config, ...props }) => {
     const clientId = useBlockContext()?.block[1].clientId;
-    if (props.type === "button") {
-        return _jsx(wp.blockEditor.ButtonBlockAppender, { className: props.className, rootClientId: clientId });
+    if (config?.type === "button") {
+        return _jsx(wp.blockEditor.ButtonBlockAppender, { ...props, rootClientId: clientId, className: config.className });
     }
-    else if (typeof props.type === "function") {
-        return props.type({});
+    else if (config?.type === "button2") {
+        return _jsx(wp.blockEditor.InnerBlocks.ButtonBlockAppender, {});
+    }
+    else if (config?.type === "simple") {
+        return (_jsx(wp.blockEditor.ButtonBlockAppender, { ...props, rootClientId: clientId, className: (props.className || "") + " block-editor-inserter__toggle has-icon simple-appender" }));
+    }
+    else if (typeof config?.type === "function") {
+        const Type = config?.type;
+        return (_jsx(wp.blockEditor.Inserter, { rootClientId: clientId, renderToggle: (p) => {
+                return _jsx(Type, { ...p });
+            }, isAppender: true, disabled: false }));
+        // } else if (config?.type === "simple") {
+        //   return (
+        //     <wp.blockEditor.Inserter
+        //       clientId={clientId}
+        //       rootClientId={clientId}
+        //       renderToggle={(p: any) => {
+        //         return (
+        //           <button
+        //             className="simple-appender components-button block-editor-inserter__toggle !inline-flex has-icon"
+        //             onClick={() => p.onToggle()}
+        //           >
+        //             <svg
+        //               xmlns="http://www.w3.org/2000/svg"
+        //               viewBox="0 0 24 24"
+        //               width="24"
+        //               height="24"
+        //               aria-hidden="true"
+        //               focusable="false"
+        //             >
+        //               <path d="M11 12.5V17.5H12.5V12.5H17.5V11H12.5V6H11V11H6V12.5H11Z"></path>
+        //             </svg>
+        //           </button>
+        //         )
+        //       }}
+        //       isAppender
+        //       // @ts-ignore
+        //       __experimentalIsQuick
+        //     />
+        //   )
     }
     else {
-        return (_jsx(wp.blockEditor.DefaultBlockAppender
         // @ts-ignore
-        , { 
-            // @ts-ignore
-            className: props.className, rootClientId: clientId, lastBlockClientId: clientId }));
+        return _jsx(wp.blockEditor.InnerBlocks.DefaultBlockAppender, { ...props });
     }
 };
+export function createAppender(comp) {
+    return {
+        type: comp,
+    };
+}
 /**
  * Allows child blocks to be added to the current block context.
  */
 export function InnerBlocks(props) {
     if (env.admin) {
         const inlineContext = useBlockContext();
+        const appender = useMemo(() => {
+            return (p) => _jsx(Appender, { config: props.appender, ...p });
+        }, [props.appender]);
         if (!inlineContext?.readonly) {
             const innerBlocksProps = wp.blockEditor.useInnerBlocksProps({}, {
                 orientation: props.orientation ?? "vertical",
                 allowedBlocks: props.allowedBlocks ? blocksByTag.expand(props.allowedBlocks) : undefined,
                 prioritizedInserterBlocks: props.prioritizedInserterBlocks,
-                renderAppender: props.appender
-                    ? () => _jsx(Appender, { ...props.appender })
-                    : wp.blockEditor.InnerBlocks.ButtonBlockAppender,
-                templateLock: props.templateLock ?? false,
+                renderAppender: appender,
+                templateLock: props.templateLock === "none" ? false : (props.templateLock ?? false),
                 template: props.template ? transformBlockTemplate(props.template) : undefined,
             });
+            /**
+             * A little bit experimental
+             *
+             * Adds support for headerTemplate/defaultBlocks/footerTemplate, which was first introduced in `_editor.tsx` for generate templates.
+             */
+            const blockId = inlineContext?.block[1].clientId;
+            useEffect(() => {
+                if (props.defaultBlocks || props.headerTemplate || props.footerTemplate) {
+                    const newBlocks = applyTemplateBlocks(inlineContext?.innerBlocks ?? [], props);
+                    wp.data.dispatch(wp.blockEditor.store).replaceInnerBlocks(blockId, newBlocks);
+                }
+            }, [
+                hash(inlineContext?.innerBlocks.map((b) => [b.blockName, b.clientId])),
+                hash([props.template, props.defaultBlocks, props.headerTemplate, props.footerTemplate]),
+                blockId,
+            ]);
             return (_jsx("div", { ...innerBlocksProps, className: [innerBlocksProps.className, props.adminClassName].filter(Boolean).join(" ") }));
-            // return (
-            //   <wp.blockEditor.InnerBlocks
-            //     // @ts-ignore
-            //     orientation={props.orientation}
-            //     prioritizedInserterBlocks={props.prioritizedInserterBlocks}
-            //     allowedBlocks={props.allowedBlocks ? blocksByTag.expand(props.allowedBlocks) : undefined}
-            //     renderAppender={props.appender ? () => <Appender {...props.appender!} /> : undefined}
-            //     templateLock={(props.templateLock as any) ?? false}
-            //     template={props.template ? transformBlockTemplate(props.template) : undefined}
-            //   />
-            // )
         }
     }
     const blocks = useInnerBlocks();

package/dist/app/lib/blocks/SlotBlocks.d.ts

@@ -0,0 +1,8 @@
+import { InnerBlocksProps } from "./InnerBlocks";
+type SlotProps = {
+    id: string;
+    title?: string;
+} & InnerBlocksProps;
+export declare function SlotBlocks(props: SlotProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=SlotBlocks.d.ts.map

package/dist/app/lib/blocks/SlotBlocks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlotBlocks.d.ts","sourceRoot":"","sources":["../../../../src/app/lib/blocks/SlotBlocks.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAEhD,KAAK,SAAS,GAAG;IACf,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,gBAAgB,CAAA;AAEpB,wBAAgB,UAAU,CAAC,KAAK,EAAE,SAAS,kDA+C1C"}

package/dist/app/lib/blocks/SlotBlocks.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { hash } from "object-code";
+import { useEffect } from "react";
+import { ContentBlocks } from "./ContentBlocks";
+import { useBlockContext, useInnerBlocks } from "./inline-editing";
+export function SlotBlocks(props) {
+    if (env.admin) {
+        const clientId = useBlockContext()?.block[1].clientId;
+        const block = wp.data.useSelect((select) => {
+            const { getBlocks } = select("core/block-editor");
+            return getBlocks(clientId).find((block) => block.name === "core/slot-group" && block.attributes?.props?.id === props.id);
+        }, [clientId, props.id]);
+        useEffect(() => {
+            const blocks = wp.data.select("core/block-editor").getBlocks(clientId);
+            const block = blocks.find((block) => block.name === "core/slot-group" && block.attributes?.props?.id === props.id);
+            let changed = false;
+            if (block && hash(block.attributes.props) !== hash(props)) {
+                block.attributes.props = props;
+                changed = true;
+            }
+            else if (!block) {
+                const newBlock = wp.blocks.createBlock("core/slot-group", { props }, []);
+                blocks.push(newBlock);
+                changed = true;
+            }
+            else {
+                return;
+            }
+            console.log("Changed");
+            if (changed) {
+                wp.data.dispatch("core/block-editor").replaceInnerBlocks(clientId, blocks);
+            }
+        }, [block?.clientId, hash(props)]);
+        if (block) {
+            return _jsx(wp.blockEditor.BlockEdit, { ...block });
+        }
+        else {
+            return null;
+        }
+    }
+    else {
+        const blocks = useInnerBlocks();
+        const block = blocks.find((block) => block.blockName === "core/slot-group" && block.slotId === props.id);
+        return _jsx(ContentBlocks, { blocks: block?.innerBlocks });
+    }
+}

package/dist/app/lib/blocks/block-utils.d.ts

@@ -12,7 +12,7 @@ export declare function getPublicBlockInfo(): {
  *
  * Note that this function mutates the existing block, adding new properties.
  */
-export declare function addBlockMetadata(blocks: ContentBlock[]): ContentBlock[];
+export declare function addBlockMetadata(blocks: ContentBlock[] | null | undefined): ContentBlock[];
 export declare function getBlockMetadata(blockName: string): {
     slug: string;
     tags?: undefined;
@@ -22,3 +22,4 @@ export declare function getBlockMetadata(blockName: string): {
     flags: DefinedBlockFlags;
     slug: BlockTypeName;
 };
+//# sourceMappingURL=block-utils.d.ts.map

package/dist/app/lib/blocks/block-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"block-utils.d.ts","sourceRoot":"","sources":["../../../../src/app/lib/blocks/block-utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAEjD;;;GAGG;AACH,wBAAgB,kBAAkB;;EAEjC;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,GAAG,SAAS,GAAG,YAAY,EAAE,CAc1F;AAED,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,MAAM;;;;;;;;EAYjD"}

package/dist/app/lib/blocks/block-utils.js

@@ -13,9 +13,11 @@ export function getPublicBlockInfo() {
  * Note that this function mutates the existing block, adding new properties.
  */
 export function addBlockMetadata(blocks) {
-    const out = blocks;
+    const out = (blocks ?? []);
     const infos = getPublicBlockInfo();
     for (let block of out) {
+        if (!block)
+            continue;
         const info = infos[block.blockName];
         block.tags = info?.tags ?? [];
         block.flags = info?.flags ?? {};

package/dist/app/lib/blocks/builtin-blocks.d.ts

@@ -0,0 +1,2 @@
+export declare function registerBuiltinBlocks(): void;
+//# sourceMappingURL=builtin-blocks.d.ts.map

package/dist/app/lib/blocks/builtin-blocks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"builtin-blocks.d.ts","sourceRoot":"","sources":["../../../../src/app/lib/blocks/builtin-blocks.tsx"],"names":[],"mappings":"AAEA,wBAAgB,qBAAqB,SAqDpC"}

package/dist/app/lib/blocks/builtin-blocks.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { InnerBlocks } from "./InnerBlocks";
+export function registerBuiltinBlocks() {
+    /**
+     * Register the Slot Group block, used by SlotBlocks.tsx
+     */
+    // @ts-ignore
+    wp.blocks.registerBlockType("core/slot-group", {
+        title: "Slot",
+        icon: "editor-insertmore",
+        attributes: {
+            props: { type: "object" },
+        },
+        category: "text",
+        // @ts-ignore
+        __experimentalLabel: (attributes) => {
+            if (attributes?.props?.title) {
+                return attributes?.props?.title;
+            }
+        },
+        edit: (props) => {
+            const { id, ...innerProps } = props.attributes.props ?? {};
+            return _jsx(InnerBlocks, { appender: { type: "simple" }, ...innerProps });
+        },
+        save: () => _jsx(wp.blockEditor.InnerBlocks.Content, {}),
+        supports: {
+            inserter: false,
+            reusable: false,
+            className: false,
+            customClassName: false,
+            renaming: false,
+        },
+    });
+    // wp.blocks.registerBlockType("core/link", {
+    //   title: "Link",
+    //   icon :"admin-links",
+    //   attributes: {
+    //     label: { type: "string" },
+    //     url: { type: "string" },
+    //     target: { type: "string" },
+    //   },
+    //   edit: (props) => {
+    //     return <div>
+    //       <InspectorControls>
+    //         <wp.blockEditor.__experimentalLinkControl
+    //           onChange={(e) => {
+    //             console.log(e)
+    //             // setLink({})
+    //           }}
+    //         />
+    //       </InspectorControls>
+    //     </div>
+    //   }
+    // })
+}

package/dist/app/lib/blocks/defineBlock.d.ts

@@ -1,2 +1,6 @@
 import { ComponentType, ReactNode } from "react";
 export declare function defineBlock<TName extends keyof BlockProps>(name: TName, component: (props: BlockProps[TName]) => ReactNode): ComponentType<BlockProps[TName]>;
+export declare namespace defineBlock {
+    var meta: (name: string, meta: any) => void;
+}
+//# sourceMappingURL=defineBlock.d.ts.map

package/dist/app/lib/blocks/defineBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defineBlock.d.ts","sourceRoot":"","sources":["../../../../src/app/lib/blocks/defineBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIhD,wBAAgB,WAAW,CAAC,KAAK,SAAS,MAAM,UAAU,EACxD,IAAI,EAAE,KAAK,EACX,SAAS,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,SAAS,GACjD,aAAa,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAElC;yBALe,WAAW;qBAOD,MAAM,QAAQ,GAAG"}

package/dist/app/lib/blocks/defineBlock.js

@@ -1,3 +1,12 @@
+import { blockMetaDescriptors } from "./editor/installGutenbergHooks";
+import { resolveAcfBlockName } from "./editor/block-templates";
 export function defineBlock(name, component) {
     return component;
 }
+defineBlock.meta = (name, meta) => {
+    if (env.admin) {
+        if (wp.blocks) {
+            blockMetaDescriptors.set(resolveAcfBlockName(name, false), meta);
+        }
+    }
+};

package/dist/app/lib/blocks/editor/EditorHighlights.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from "react";
+type Props = PropsWithChildren<{
+    enabled: boolean;
+    clientId: string;
+}>;
+export declare function EditorHighlights(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=EditorHighlights.d.ts.map

package/dist/app/lib/blocks/editor/EditorHighlights.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorHighlights.d.ts","sourceRoot":"","sources":["../../../../../src/app/lib/blocks/editor/EditorHighlights.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAwC,MAAM,OAAO,CAAA;AAE/E,KAAK,KAAK,GAAG,iBAAiB,CAAC;IAC7B,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAC,CAAA;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,KAAK,2CA2D5C"}

package/dist/app/lib/blocks/editor/EditorHighlights.js

@@ -0,0 +1,164 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+export function EditorHighlights(props) {
+    const [element, setElement] = useState(null);
+    const [controller, setController] = useState(null);
+    // wp.data.select('core/editor').isBlockSelected
+    // const isSelected = wp.data.useSelect(
+    //   (select) => (select("core/editor") as any).isBlockSelected(props.clientId),
+    //   [props.clientId]
+    // )
+    useEffect(() => {
+        if (!props.enabled || !element)
+            return;
+        const controller = new HighlightController(element);
+        setController(controller);
+        return () => controller.teardown();
+    }, [props.enabled, element]);
+    useEffect(() => {
+        if (controller) {
+            controller.isSelected = false;
+            controller.updateClasses();
+            controller.update();
+        }
+    }, [controller, false]);
+    useEffect(() => {
+        const element = document.getElementById(`block-${props.clientId}`);
+        if (element) {
+            setElement(element);
+        }
+        else {
+            setElement(null);
+        }
+    }, [props.clientId]);
+    useEffect(() => {
+        if (controller && element) {
+            const onPointerEnter = () => controller.enable();
+            const onPointerLeave = () => controller.disable();
+            element.addEventListener("pointerenter", onPointerEnter);
+            element.addEventListener("pointerleave", onPointerLeave);
+            return () => {
+                element.removeEventListener("pointerenter", onPointerEnter);
+                element.removeEventListener("pointerleave", onPointerLeave);
+            };
+        }
+    }, [element, controller]);
+    return _jsx(_Fragment, { children: props.children });
+    // return (
+    //   <div
+    //     ref={ref}
+    //     style={{ display: "contents" }}
+    //     // onPointerEnter={() => controller?.enable()}
+    //     // onPointerLeave={() => controller?.disable()}
+    //   >
+    //     {props.children}
+    //   </div>
+    // )
+}
+class HighlightController {
+    root;
+    enabled = false;
+    disposers = [];
+    elements = new Map();
+    block = null;
+    isSelected = false;
+    constructor(root) {
+        this.root = root;
+    }
+    setup() {
+        this.teardown();
+        const updateElements = () => {
+            let editables = Array.from(this.root.querySelectorAll("[contenteditable=true], .editable-slot"));
+            let childBlocks = Array.from(this.root.querySelectorAll(".wp-block"));
+            const childIsSelected = this.root.querySelectorAll(".editor-highlighter-root-selected").length > 0;
+            this.block = this.root;
+            childBlocks = childBlocks.slice(1);
+            editables = childIsSelected
+                ? []
+                : editables.filter((element) => !childBlocks.some((block) => block.contains(element)));
+            let changed = false;
+            for (const [el, item] of this.elements) {
+                if (!editables.includes(el)) {
+                    item.observer.disconnect();
+                    item.overlay.remove();
+                    this.elements.delete(el);
+                    changed = true;
+                }
+            }
+            for (let el of editables) {
+                if (!this.elements.has(el)) {
+                    const observer = new ResizeObserver(() => this.update());
+                    observer.observe(el);
+                    this.elements.set(el, {
+                        observer,
+                        bounds: el.getBoundingClientRect(),
+                        overlay: this.createOverlay(el),
+                    });
+                    changed = true;
+                }
+            }
+            if (changed) {
+                this.update();
+                this.updateClasses();
+            }
+        };
+        const mutationObserver = new MutationObserver(() => {
+            updateElements();
+        });
+        updateElements();
+        mutationObserver.observe(this.root, { childList: true, subtree: true });
+        this.disposers.push(() => {
+            mutationObserver.disconnect();
+            for (const item of this.elements.values()) {
+                item.observer.disconnect();
+                item.overlay.remove();
+            }
+            this.elements = new Map();
+        });
+    }
+    updateClasses() {
+        for (const item of this.elements.values()) {
+            item.overlay.classList.toggle("editor-highlight-selected", this.isSelected);
+        }
+        this.root.classList.toggle("editor-highlighter-root-selected", this.enabled);
+    }
+    createOverlay(target) {
+        const el = document.createElement("div");
+        el.style.position = "absolute";
+        el.style.pointerEvents = "none";
+        el.style.zIndex = "20";
+        el.classList.add("editor-highlight");
+        if (target.getAttribute("data-editor-higlight-class")) {
+            el.classList.add(target.getAttribute("data-editor-higlight-class"));
+        }
+        this.block.appendChild(el);
+        return el;
+    }
+    teardown() {
+        this.disposers.forEach((dispose) => dispose());
+    }
+    enable() {
+        this.enabled = true;
+        this.setup();
+        this.update();
+        this.updateClasses();
+    }
+    disable() {
+        this.enabled = false;
+        this.teardown();
+        this.update();
+        this.updateClasses();
+    }
+    update() {
+        if (!this.block)
+            return;
+        const rootBounds = this.block.getBoundingClientRect();
+        for (const [el, item] of this.elements) {
+            const bounds = el.getBoundingClientRect();
+            item.overlay.style.left = bounds.left - rootBounds.left + "px";
+            item.overlay.style.top = bounds.top - rootBounds.top + "px";
+            item.overlay.style.width = bounds.width + "px";
+            item.overlay.style.height = bounds.height + "px";
+        }
+    }
+}

package/dist/app/lib/blocks/editor/EditorSupport.d.ts

@@ -3,3 +3,4 @@ export declare const BlockContext: import("react").Context<{
     props: any;
 } | undefined>;
 export declare function EditableBlock({ payload }: any): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=EditorSupport.d.ts.map

package/dist/app/lib/blocks/editor/EditorSupport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorSupport.d.ts","sourceRoot":"","sources":["../../../../../src/app/lib/blocks/editor/EditorSupport.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,YAAY;UAAyB,MAAM;WAAS,GAAG;cAA0B,CAAA;AAE9F,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,EAAE,GAAG,kDA+B7C"}

package/dist/app/lib/blocks/editor/EditorSupport.js

@@ -1,19 +1,26 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { QueryClientProvider } from "@tanstack/react-query";
-import { createContext, Suspense, useContext } from "react";
-import { getQueryClient } from "../../../utils/query-client.js";
+import { createContext, Suspense, useContext, useEffect } from "react";
 import { blockManifestReader } from "../../internal/read-block-manifest.js";
+import { APIProvider } from "../../../utils/APIProvider.js";
 import { ErrorBoundaryEditor } from "./ErrorBoundaryEditor.js";
 export const BlockContext = createContext(undefined);
 export function EditableBlock({ payload }) {
-    const block = useContext(BlockContext);
-    if (!block)
+    if (!env.admin)
+        throw new Error("`EditableBlock` can only be used in the admin environment");
+    const info = useContext(BlockContext);
+    const props = payload ?? {};
+    props.blockStyle = info?.props?.attributes?.className?.replace("is-style-", "");
+    useEffect(() => {
+        const block = wp.data.select("core/block-editor").getBlock(info?.props.clientId);
+        if (block && block.attributes) {
+            // @ts-ignore
+            block.attributes.props = payload;
+        }
+    }, [payload, info?.props.clientId]);
+    if (!info)
         return null;
-    const getBlock = () => {
-        return blockManifestReader.value[block.name];
-    };
-    const BlockComponent = getBlock();
+    const BlockComponent = blockManifestReader.value[info.name];
     if (!BlockComponent)
         return _jsx("div", { children: "Unable to load block component" });
-    return (_jsx(ErrorBoundaryEditor, { children: _jsx(QueryClientProvider, { client: getQueryClient(), children: _jsx(Suspense, { children: _jsx(BlockComponent, { ...payload }) }) }) }));
+    return (_jsx(ErrorBoundaryEditor, { children: _jsx(APIProvider, { children: _jsx(Suspense, { children: _jsx(BlockComponent, { ...payload }) }) }) }));
 }

package/dist/app/lib/blocks/editor/ErrorBoundaryEditor.d.ts

@@ -10,6 +10,7 @@ export declare class ErrorBoundaryEditor extends Component<Props, State> {
     state: State;
     static getDerivedStateFromError(err: Error): State;
     componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
-    render(): string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | null | undefined;
+    render(): string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
 }
 export {};
+//# sourceMappingURL=ErrorBoundaryEditor.d.ts.map

package/dist/app/lib/blocks/editor/ErrorBoundaryEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundaryEditor.d.ts","sourceRoot":"","sources":["../../../../../src/app/lib/blocks/editor/ErrorBoundaryEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE9D,UAAU,KAAK;IACb,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,UAAU,KAAK;IACb,QAAQ,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,KAAK,CAAA;CACd;AAED,qBAAa,mBAAoB,SAAQ,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;IACvD,KAAK,EAAE,KAAK,CAElB;WAEa,wBAAwB,CAAC,GAAG,EAAE,KAAK,GAAG,KAAK;IAKlD,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS;IAIpD,MAAM;CAqBd"}

package/dist/app/lib/blocks/editor/block-templates.d.ts

@@ -1,3 +1,10 @@
 export type BlockTemplate = [name: ChildBlockTypeName, props: any, children?: BlockTemplate][];
-export declare function resolveAcfBlockName(name: string): string;
+export declare function resolveAcfBlockName(name: string, check?: boolean): string;
 export declare function transformBlockTemplate(template: BlockTemplate): BlockTemplate;
+export declare function applyTemplateBlocks(currentBlocks: any[], config: {
+    defaultBlocks?: BlockTemplate;
+    headerTemplate?: BlockTemplate;
+    footerTemplate?: BlockTemplate;
+}): any[];
+export declare function transformTemplateToBlocks(template: BlockTemplate, locked?: boolean, isFromTemplate?: boolean): any;
+//# sourceMappingURL=block-templates.d.ts.map

package/dist/app/lib/blocks/editor/block-templates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"block-templates.d.ts","sourceRoot":"","sources":["../../../../../src/app/lib/blocks/editor/block-templates.tsx"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,kBAAkB,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,CAAC,EAAE,aAAa,CAAC,EAAE,CAAA;AAE9F,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,UAAO,UAO7D;AAED,wBAAgB,sBAAsB,CAAC,QAAQ,EAAE,aAAa,GAAG,aAAa,CAI7E;AAED,wBAAgB,mBAAmB,CACjC,aAAa,EAAE,GAAG,EAAE,EACpB,MAAM,EAAE;IACN,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,cAAc,CAAC,EAAE,aAAa,CAAA;IAC9B,cAAc,CAAC,EAAE,aAAa,CAAA;CAC/B,SA2CF;AAED,wBAAgB,yBAAyB,CAAC,QAAQ,EAAE,aAAa,EAAE,MAAM,UAAO,EAAE,cAAc,UAAO,GAAG,GAAG,CAyB5G"}

package/dist/app/lib/blocks/editor/block-templates.js

@@ -1,9 +1,78 @@
-export function resolveAcfBlockName(name) {
+export function resolveAcfBlockName(name, check = true) {
     const acfName = "acf/" + name.replace("/", "-").replace("_", "");
-    return wp.blocks.getBlockType(acfName) ? acfName : name;
+    if (check) {
+        return wp.blocks.getBlockType(acfName) ? acfName : name;
+    }
+    else {
+        return acfName;
+    }
 }
 export function transformBlockTemplate(template) {
     return template.map(([name, props, children]) => {
         return [resolveAcfBlockName(name), props, children ? transformBlockTemplate(children) : undefined];
     });
 }
+export function applyTemplateBlocks(currentBlocks, config) {
+    const templateBlocks = currentBlocks.filter((block) => block.attributes.isFromTemplate);
+    let header = config.headerTemplate ? syncBlocks(transformTemplateToBlocks(config.headerTemplate)) : [];
+    let footer = config.footerTemplate ? syncBlocks(transformTemplateToBlocks(config.footerTemplate)) : [];
+    let blocks = currentBlocks.filter((block) => !header.includes(block) && !footer.includes(block));
+    blocks.forEach((block) => {
+        delete block.attributes.lock;
+        delete block.isFromTemplate;
+    });
+    // const blocksToDelete = currentBlocks.filter((block: any) => {
+    //   return !header.includes(block) && !footer.includes(block) && !blocks.includes(block)
+    // })
+    // blocksToDelete.forEach((block: any) => {
+    //   delete block.attributes.lock
+    //   delete block.isFromTemplate
+    // })
+    // blocks = [...blocks, ...blocksToDelete]
+    // console.log("blocks", blocks)
+    // console.log("blocksToDelete", blocksToDelete)
+    if (!blocks.length && config.defaultBlocks) {
+        blocks = transformTemplateToBlocks(config.defaultBlocks, false, false);
+    }
+    let newBlocks = [...header, ...blocks, ...footer];
+    function syncBlocks(blocks) {
+        return blocks.map((block) => {
+            const matched = templateBlocks.find((templateBlock) => templateBlock.name === block.name);
+            templateBlocks.splice(templateBlocks.indexOf(matched), 1);
+            if (matched) {
+                matched.attributes.lock = block.attributes.lock;
+                return matched;
+            }
+            return block;
+        });
+    }
+    return newBlocks;
+}
+export function transformTemplateToBlocks(template, locked = true, isFromTemplate = true) {
+    return template.map(([name, props, children]) => {
+        const attributes = {
+            data: {},
+            inline: {},
+            isFromTemplate: isFromTemplate,
+            lock: undefined,
+        };
+        if (props.locked === false) {
+            attributes.lock = { move: false, remove: false };
+        }
+        else if (locked || props.locked === true || props.locked === "all") {
+            attributes.lock = { move: true, remove: true };
+        }
+        else {
+            attributes.lock = props.lock;
+        }
+        Object.assign(attributes, props);
+        return {
+            clientId: "block-" + Math.random().toString(36),
+            name: resolveAcfBlockName(name),
+            attributes: attributes,
+            innerBlocks: children ? transformTemplateToBlocks(children, false, isFromTemplate) : [],
+            isValid: true,
+            validationIssues: [],
+        };
+    });
+}