eddev 2.0.0-beta.14 → 2.0.0-beta.140

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

@@ -0,0 +1 @@
+{"version":3,"file":"editor-config.d.ts","sourceRoot":"","sources":["../../../../../src/app/lib/blocks/editor/editor-config.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,aAAa,EAId,MAAM,sBAAsB,CAAA;AAE7B,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;QAGI;IACJ,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;;;;;;QAQI;IACJ,UAAU,CAAC,EAAE,CAAC,kBAAkB,GAAG,YAAY,CAAC,EAAE,CAAA;IAClD,4FAA4F;IAC5F,sBAAsB,CAAC,EAAE,0BAA0B,CAAA;IACnD,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;CACzB,CAAA;AAED,KAAK,0BAA0B,GAAG,CAChC,KAAK,EAAE;IACL,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,aAAa,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAA;IACnC,UAAU,EAAE,GAAG,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,YAAY,EAAE,MAAM,CAAA;IACpB,OAAO,EAAE,OAAO,CAAA;IAChB,SAAS,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,OAAO,CAAA;IACnB,kBAAkB,EAAE,OAAO,CAAA;IAC3B,IAAI,CAAC,EAAE,gBAAgB,CAAA;IACvB,KAAK,CAAC,EAAE,iBAAiB,CAAA;CAC1B,EACD,IAAI,EAAE,QAAQ,KACX,MAAM,GAAG,IAAI,CAAA;AAElB,eAAO,MAAM,iBAAiB;YACZ,YAAY,GAAG,IAAI;yBACR,gBAAgB;CAC3C,CAAA;AAEF,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,gBAAgB,QA+B7D;AAED,KAAK,QAAQ,GACT;IACE,IAAI,EAAE,YAAY,CAAA;IAClB,SAAS,EAAE,KAAK,CAAA;IAChB,cAAc,EAAE,KAAK,CAAA;IACrB,QAAQ,EAAE,YAAY,GAAG,SAAS,CAAA;IAClC,IAAI,EAAE,MAAM,CAAA;CACb,GACD;IACE,IAAI,EAAE,UAAU,CAAA;IAChB,SAAS,EAAE,IAAI,CAAA;IACf,cAAc,EAAE,KAAK,CAAA;IACrB,KAAK,EAAE,MAAM,CAAA;CACd,GACD;IACE,IAAI,EAAE,kBAAkB,CAAA;IACxB,SAAS,EAAE,KAAK,CAAA;IAChB,cAAc,EAAE,IAAI,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAA;CAC/B,CAAA;AAEL,KAAK,eAAe,GAAG,CAAC,IAAI,EAAE,QAAQ,KAAK,OAAO,GAAG,IAAI,CAAA;AAEzD,KAAK,OAAO,GAAG;IACb,mHAAmH;IACnH,KAAK,EAAE,eAAe,CAAA;IACtB,0EAA0E;IAC1E,MAAM,EAAE,gBAAgB,GAAG,CAAC,CAAC,IAAI,EAAE,QAAQ,KAAK,gBAAgB,CAAC,CAAA;CAClE,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,kBAAkB,EAAE,CAAA;IAC1B,EAAE,EAAE,kBAAkB,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,iDAAiD;IACjD,EAAE,EAAE,MAAM,CAAA;IACV,oDAAoD;IACpD,KAAK,EAAE,MAAM,CAAA;IACb;;;QAGI;IACJ,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;;QAGI;IACJ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA;AAID,KAAK,YAAY,GAAG;IAClB,qBAAqB,CAAC,EAAE,oBAAoB,EAAE,CAAA;IAC9C,8FAA8F;IAC9F,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAA;CACrB,CAAA;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,YAAY,QAKtD;AAED,wBAAgB,kBAAkB,IAiBb,QAAQ,CAC5B;AAED,wBAAgB,oBAAoB,SAmBnC;AAED,wBAAgB,mBAAmB,SAmBlC"}

package/dist/app/lib/blocks/editor/editor-config.js

@@ -1,8 +1,8 @@
 import { proxy } from "valtio";
-import { resolveAcfBlockName, transformBlockTemplate } from "./block-templates.js";
+import { applyTemplateBlocks, resolveAcfBlockName, transformBlockTemplate, transformTemplateToBlocks, } from "./block-templates.js";
 export const editorConfigStore = proxy({
     config: null,
-    currentBlocksConfig: null,
+    currentBlocksConfig: {},
 });
 export function configureEditorBlocks(config) {
     const wp = window.wp;
@@ -21,60 +21,13 @@ export function configureEditorBlocks(config) {
     if (config.template) {
         setTemplate(config.template);
         if (config.headerTemplate || config.footerTemplate) {
-            console.error("You cannot use both a template and header/footer templates at the same time.");
+            console.error("You cannot use both a 'template' alongside 'headerBlock'/'footerBlock'. Did you mean to use 'defaultBlocks' instead?");
             return;
         }
     }
     const currentBlocks = wp.data.select("core/block-editor").getBlocks();
-    const templateBlocks = currentBlocks.filter((block) => block.attributes.isFromTemplate);
-    let blocks = currentBlocks.filter((block) => !block.attributes.isFromTemplate);
-    let header = config.headerTemplate ? syncBlocks(transformTemplateToBlocks(config.headerTemplate)) : [];
-    let footer = config.footerTemplate ? syncBlocks(transformTemplateToBlocks(config.footerTemplate)) : [];
-    if (!blocks.length && config.defaultBlocks) {
-        blocks = transformTemplateToBlocks(config.defaultBlocks, false);
-    }
-    let newBlocks = [...header, ...blocks, ...footer];
-    // console.log("Configuring", newBlocks)
+    const newBlocks = applyTemplateBlocks(currentBlocks, config);
     wp.data.dispatch("core/block-editor").resetBlocks(newBlocks);
-    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;
-        });
-    }
-}
-export function transformTemplateToBlocks(template, locked = true) {
-    return template.map(([name, props, children]) => {
-        const attributes = {
-            data: {},
-            inline: {},
-            isFromTemplate: true,
-            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) : [],
-            isValid: true,
-            validationIssues: [],
-        };
-    });
 }
 /**
  * This call should be placed in blocks/_editor.tsx
@@ -92,10 +45,18 @@ export function getEditingPostInfo() {
     const postInfo = {
         ...post,
         ...edits,
+        isTemplatePart: false,
+        isPattern: false,
     };
     if (!postInfo.template)
         postInfo.template = "default";
     postInfo.template = postInfo.template.replace(/(^views\/|\.tsx?$)/g, "");
+    if (postInfo.type === "wp_template_part") {
+        postInfo.isTemplatePart = true;
+    }
+    if (postInfo.type === "wp_block") {
+        postInfo.isPattern = true;
+    }
     return postInfo;
 }
 export function updateTemplateConfig() {
@@ -104,7 +65,7 @@ export function updateTemplateConfig() {
     const editorConfig = editorConfigStore.config;
     if (!editorConfig)
         return;
-    const matched = editorConfig.matchers.find((matcher) => {
+    const matched = editorConfig.matchers?.find((matcher) => {
         return matcher.match(postInfo);
     });
     if (matched) {
@@ -118,17 +79,24 @@ export function updateTemplateConfig() {
     }
 }
 export function watchEditorTemplate() {
-    let lastTemplate = "unknown";
-    wp.data.subscribe(() => {
-        setTimeout(() => {
-            const post = wp.data.select("core/editor").getCurrentPost();
-            let template = wp.data.select("core/editor").getPostEdits()?.template ?? post?.template ?? "";
-            if (template !== lastTemplate) {
-                lastTemplate = template;
+    let lastKey = "unknown";
+    let timer = 0;
+    const update = () => {
+        const post = wp.data.select("core/editor").getCurrentPost();
+        const template = wp.data.select("core/editor").getPostEdits()?.template ?? post?.template ?? "";
+        const key = [post.type, template, post.slug, post.title].join(";");
+        if (key !== lastKey) {
+            lastKey = key;
+            clearTimeout(timer);
+            timer = setTimeout(() => {
                 updateTemplateConfig();
-            }
-        }, 10);
+            }, 20);
+        }
+    };
+    wp.data.subscribe(() => {
+        update();
     });
+    update();
 }
 function setWrapperBlock(blockName, blocks) {
     const wp = window.wp;
@@ -174,7 +142,6 @@ function setWrapperBlock(blockName, blocks) {
 }
 function setTemplate(template) {
     const wp = window.wp;
-    // console.log("Setting template", template)
     let currentBlocks = wp.data.select("core/block-editor").getBlocks();
     wp.data.dispatch("core/block-editor").updateSettings({
         templateLock: "all",

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

@@ -1,2 +1,6 @@
+export declare const blockMetaDescriptors: Map<string, BlockMeta> & {
+    $$valtioSnapshot: Omit<Map<string, BlockMeta>, "set" | "clear" | "delete">;
+};
 export declare function whenEditorIsReady(): Promise<void>;
 export declare function installEDGutenbergHooks(): void;
+//# sourceMappingURL=installGutenbergHooks.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"installGutenbergHooks.d.ts","sourceRoot":"","sources":["../../../../../src/app/lib/blocks/editor/installGutenbergHooks.tsx"],"names":[],"mappings":"AA2BA,eAAO,MAAM,oBAAoB;;CAAgC,CAAA;AAEjE,wBAAgB,iBAAiB,kBAsBhC;AAED,wBAAgB,uBAAuB,SAyMtC"}

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

@@ -1,11 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect } from "react";
+import { subscribe, useSnapshot } from "valtio";
+import { proxyMap } from "valtio/utils";
+import { getBlockMetadata } from "../block-utils.js";
 import { InlineEditingContextProvider } from "../inline-editing.js";
+import { EditorHighlights } from "./EditorHighlights.js";
 import { BlockContext, EditableBlock } from "./EditorSupport.js";
+import { resolveAcfBlockName } from "./block-templates.js";
 import { blocksByTag } from "./blocks-by-tag.js";
 import { editorConfigStore, getEditingPostInfo, watchEditorTemplate } from "./editor-config.js";
-import { useSnapshot } from "valtio";
-import { getBlockMetadata } from "../block-utils.js";
+import { rootBlocks } from "./root-blocks.js";
 function listenForHandleResize() {
     let interval = setInterval(() => {
         let viewportTarget = document.querySelector(".interface-interface-skeleton__content");
@@ -19,16 +23,28 @@ function listenForHandleResize() {
         }
     }, 100);
 }
+export const blockMetaDescriptors = proxyMap();
 export function whenEditorIsReady() {
     return new Promise((resolve) => {
+        let ready = false;
         const unsubscribe = wp.data.subscribe(() => {
             // This will trigger after the initial render blocking, before the window load event
             // This seems currently more reliable than using __unstableIsEditorReady
-            if (wp.data.select("core/editor").isCleanNewPost() || wp.data.select("core/block-editor").getBlockCount() > 0) {
+            if (wp.data.select("core/editor").isCleanNewPost(undefined) ||
+                wp.data.select("core/block-editor").getBlockCount() > 0) {
+                if (ready)
+                    return;
+                ready = true;
                 unsubscribe();
                 resolve();
             }
         });
+        setTimeout(() => {
+            if (ready)
+                return;
+            unsubscribe();
+            resolve();
+        }, 1000);
     });
 }
 export function installEDGutenbergHooks() {
@@ -45,6 +61,45 @@ export function installEDGutenbergHooks() {
         };
     }, "withClientIdClassName");
     wp.hooks.addFilter("editor.BlockListBlock", "ed", withClientIdClassName);
+    // Manage custom rich text formats
+    setTimeout(() => {
+        subscribe(editorConfigStore, () => {
+            const formats = editorConfigStore.config?.customRichTextFormats;
+            if (formats) {
+                const activeFormats = wp.data.select("core/rich-text").getFormatTypes();
+                formats.forEach((format) => {
+                    if (activeFormats.some((f) => f.name === format.id)) {
+                        wp.richText.unregisterFormatType(format.id);
+                    }
+                    const EditComponent = (props) => {
+                        if (format.disabledByDefault) {
+                            const explicitlyEnabled = props.contentRef.current
+                                ?.getAttribute("data-allowed-formats")
+                                ?.includes(format.id);
+                            if (!explicitlyEnabled) {
+                                return null;
+                            }
+                        }
+                        return (_jsx(wp.components.Fill, { name: "BlockFormatControls", children: _jsx(wp.components.ToolbarButton, { icon: format.icon, title: format.title, onClick: () => {
+                                    props.onChange(wp.richText.toggleFormat(props.value, {
+                                        type: format.id,
+                                    }));
+                                }, isActive: props.isActive }) }));
+                    };
+                    wp.richText.registerFormatType(format.id, {
+                        name: format.id,
+                        title: format.title,
+                        tagName: format.tagName ?? "span",
+                        className: format.className,
+                        interactive: false,
+                        edit: EditComponent,
+                        // @ts-ignore
+                        disabledByDefault: format.disabledByDefault,
+                    });
+                });
+            }
+        });
+    });
     listenForHandleResize();
     // Remove unwanted formatting options
     // https://developer.wordpress.org/block-editor/how-to-guides/format-api/
@@ -52,7 +107,11 @@ export function installEDGutenbergHooks() {
     wp.richText.unregisterFormatType("core/language");
     wp.richText.unregisterFormatType("core/keyboard");
     wp.richText.unregisterFormatType("core/text-color");
-    whenEditorIsReady().then(() => watchEditorTemplate());
+    whenEditorIsReady().then(() => {
+        watchEditorTemplate();
+    });
+    // Recalculate registered blocks when rootBlocks change
+    rootBlocks.listen();
     wp.hooks.addFilter("blocks.registerBlockType", "ed", (item, name) => {
         // Hook into ACF blocks, customising the edit mode.
         if (name.startsWith("acf/")) {
@@ -63,6 +122,7 @@ export function installEDGutenbergHooks() {
             };
             // Add an 'inline' object attribute, which will hold all inline contents
             item.attributes.inline = { type: "object" };
+            item.attributes.values = { type: "object" };
             item.attributes.isFromTemplate = { type: "boolean" };
             item.supports.customClassName = false;
             item.edit = function (props) {
@@ -71,17 +131,20 @@ export function installEDGutenbergHooks() {
                     ;
                     wp.data.dispatch("core/block-editor").setTemplateValidity(true);
                 }, []);
-                const children = wp.data.useSelect((select) => {
-                    const { getBlock, getBlockOrder } = select("core/block-editor");
+                const { children, index } = wp.data.useSelect((select) => {
+                    const { getBlock, getBlockOrder, getBlockIndex } = select("core/block-editor");
                     const innerBlockIDs = getBlockOrder(props.clientId);
                     const children = innerBlockIDs.map((id) => {
                         return getBlock(id);
                     });
-                    return children;
+                    return {
+                        children,
+                        index: getBlockIndex(props.clientId),
+                    };
                 }, []);
-                return (_jsx(BlockContext.Provider, { value: { name, props }, children: _jsx(InlineEditingContextProvider, { values: props.attributes.inline || {}, innerBlocks: children, block: [name, props], index: -1, onChange: (attrs) => {
+                return (_jsx(BlockContext.Provider, { value: { name, props }, children: _jsx(InlineEditingContextProvider, { values: props.attributes.inline || {}, innerBlocks: children, block: [name, props], index: index ?? -1, onChange: (attrs) => {
                             props.setAttributes({ ...props.attributes, inline: attrs });
-                        }, insertBlocksAfter: props.insertBlocksAfter, children: edit.call(self, props) }) }));
+                        }, insertBlocksAfter: props.insertBlocksAfter, children: _jsx(EditorHighlights, { enabled: true, clientId: props.clientId, children: edit.call(self, props) }) }) }));
             };
         }
         // Find PHP-defined 'tags' for core blocks.
@@ -99,15 +162,30 @@ export function installEDGutenbergHooks() {
             item.tags = [];
         }
         blocksByTag.add(item.name, item.tags);
+        const isRootBlock = rootBlocks.isRootBlock(name, item.tags);
         return {
             ...item,
             get parent() {
-                return blocksByTag.expand([
-                    ...(item.parent ?? []),
-                    ...(item.tags.includes("root") ? ["core/post-content"] : []),
-                ]);
+                if (name === "core/block")
+                    return undefined;
+                return blocksByTag.expand([...(item.parent ?? []), ...(isRootBlock ? ["core/post-content"] : [])]);
+            },
+            get transforms() {
+                const result = {
+                    from: item.transforms?.from ?? [],
+                    to: item.transforms?.to ?? [],
+                    ungroup: item.transforms?.ungroup,
+                };
+                const meta = blockMetaDescriptors.get(resolveAcfBlockName(name));
+                if (meta?.transforms) {
+                    result.from = [...(result.from ?? []), ...(meta.transforms.from ?? [])];
+                    result.to = [...(result.to ?? []), ...(meta.transforms.to ?? [])];
+                }
+                return result;
             },
             get ancestor() {
+                if (name === "core/block")
+                    return undefined;
                 return item.ancestor ? blocksByTag.expand(item.ancestor) : undefined;
             },
             get allowedBlocks() {
@@ -126,6 +204,6 @@ export function installEDGutenbergHooks() {
             console.error(err);
             throw new Error("eddev: Error parsing block data from: \n" + html);
         }
-        return _jsx(EditableBlock, { payload: payload });
+        return _jsx(EditableBlock, { payload: payload ?? {} });
     };
 }

package/dist/app/lib/blocks/editor/root-blocks.d.ts

@@ -0,0 +1,7 @@
+export declare const rootBlocks: {
+    listen(): void;
+    update(): void;
+    getRootBlocks(): Set<string>;
+    isRootBlock(blockName: string, tags?: string[]): boolean | undefined;
+};
+//# sourceMappingURL=root-blocks.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"root-blocks.d.ts","sourceRoot":"","sources":["../../../../../src/app/lib/blocks/editor/root-blocks.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,UAAU;;;;2BAoBE,MAAM,SAAS,MAAM,EAAE;CAG/C,CAAA"}

package/dist/app/lib/blocks/editor/root-blocks.js

@@ -0,0 +1,30 @@
+import { hash } from "object-code";
+import { subscribe, snapshot } from "valtio";
+import { editorConfigStore } from "./editor-config";
+import { blocksByTag } from "./blocks-by-tag";
+let constraint = ["root"];
+let rootBlockList = new Set(["root"]);
+export const rootBlocks = {
+    listen() {
+        let key = hash(rootBlocks);
+        subscribe(editorConfigStore, () => {
+            constraint = snapshot(editorConfigStore.currentBlocksConfig).rootBlocks ?? ["root"];
+            let newKey = hash(constraint);
+            if (key === newKey)
+                return;
+            // The root blocks config have changed, so we need to recalculate the registered blocks
+            key = newKey;
+            rootBlocks.update();
+        });
+    },
+    update() {
+        rootBlockList = new Set(blocksByTag.expand(constraint));
+        wp.data.dispatch("core/blocks").reapplyBlockTypeFilters();
+    },
+    getRootBlocks() {
+        return rootBlockList;
+    },
+    isRootBlock(blockName, tags) {
+        return rootBlockList.has(blockName) || (tags && tags.some((tag) => rootBlockList.has(tag)));
+    },
+};

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

@@ -14,7 +14,17 @@ export declare function usePostEditor(): {
  *
  * @returns [title, setTitle]
  */
-export declare function usePostTitleEditor(title?: string): InlineValueStore<string>;
+export declare function usePostTitleEditor(value?: string): InlineValueStore<string>;
+/**
+ * Returns the current post excerpt, allowing it to be updated.
+ *
+ * NOTE: This only works in the editor.
+ *
+ * For convenience, you can pass in a default title to use when not in the editor, which you can fetch via GraphQL
+ *
+ * @returns [title, setTitle]
+ */
+export declare function usePostExcerptEditor(value?: string): InlineValueStore<string>;
 /**
  * Returns a post meta value, allowing it to be updated.
  *
@@ -25,3 +35,4 @@ export declare function usePostTitleEditor(title?: string): InlineValueStore<str
  * @returns [value, setValue]
  */
 export declare function usePostMetaEditor<K extends keyof PostMetaTypes>(key: K, value?: PostMetaTypes[K]): InlineValueStore<PostMetaTypes[K]>;
+//# sourceMappingURL=usePostEditor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePostEditor.d.ts","sourceRoot":"","sources":["../../../../../src/app/lib/blocks/editor/usePostEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAEvD,wBAAgB,aAAa;;uBAgBN,GAAG;;;EAMzB;AA0BD;;;;;;;;GAQG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,SAAK,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAEvE;AAED;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,SAAK,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAEzE;AAED;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,MAAM,aAAa,EAC7D,GAAG,EAAE,CAAC,EACN,KAAK,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,GACvB,gBAAgB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAmBpC"}

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

@@ -18,16 +18,7 @@ export function usePostEditor() {
         updateMeta,
     };
 }
-/**
- * Returns the current post title, allowing it to be updated.
- *
- * NOTE: This only works in the editor.
- *
- * For convenience, you can pass in a default title to use when not in the editor, which you can fetch via GraphQL
- *
- * @returns [title, setTitle]
- */
-export function usePostTitleEditor(title = "") {
+function usePostFieldEditor(key, value) {
     if (env.admin) {
         const post = wp.data.useSelect((select) => {
             const editor = select("core/editor");
@@ -39,16 +30,40 @@ export function usePostTitleEditor(title = "") {
             };
         }, []);
         return [
-            post.title ?? "",
+            post[key] ?? "",
             (title) => {
-                wp.data.dispatch("core/editor").editPost({ title });
+                wp.data.dispatch("core/editor").editPost({ [key]: title });
             },
         ];
     }
     else {
-        return [title, () => { }];
+        return [value, () => { }];
     }
 }
+/**
+ * Returns the current post title, allowing it to be updated.
+ *
+ * NOTE: This only works in the editor.
+ *
+ * For convenience, you can pass in a default title to use when not in the editor, which you can fetch via GraphQL
+ *
+ * @returns [title, setTitle]
+ */
+export function usePostTitleEditor(value = "") {
+    return usePostFieldEditor("title", value);
+}
+/**
+ * Returns the current post excerpt, allowing it to be updated.
+ *
+ * NOTE: This only works in the editor.
+ *
+ * For convenience, you can pass in a default title to use when not in the editor, which you can fetch via GraphQL
+ *
+ * @returns [title, setTitle]
+ */
+export function usePostExcerptEditor(value = "") {
+    return usePostFieldEditor("excerpt", value);
+}
 /**
  * Returns a post meta value, allowing it to be updated.
  *

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

@@ -1,9 +1,11 @@
+export * from "./block-utils.js";
 export * from "./ContentBlocks.js";
-export * from "./EditableText.js";
-export * from "./InnerBlocks.js";
 export * from "./defineBlock.js";
+export * from "./EditableText.js";
 export * from "./editor/controls.js";
-export * from "./editor/usePostEditor.js";
-export * from "./block-utils.js";
+export * from "./editor/create-block.js";
 export { defineEditorConfig } from "./editor/editor-config.js";
+export * from "./editor/usePostEditor.js";
 export { useBlockContext, useInlineEditableValue, useInnerBlocks, useTemplate } from "./inline-editing.js";
+export * from "./InnerBlocks.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/app/lib/blocks/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAC9D,cAAc,2BAA2B,CAAA;AACzC,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAC1G,cAAc,kBAAkB,CAAA"}

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

@@ -1,9 +1,10 @@
+export * from "./block-utils.js";
 export * from "./ContentBlocks.js";
-export * from "./EditableText.js";
-export * from "./InnerBlocks.js";
 export * from "./defineBlock.js";
+export * from "./EditableText.js";
 export * from "./editor/controls.js";
-export * from "./editor/usePostEditor.js";
-export * from "./block-utils.js";
+export * from "./editor/create-block.js";
 export { defineEditorConfig } from "./editor/editor-config.js";
+export * from "./editor/usePostEditor.js";
 export { useBlockContext, useInlineEditableValue, useInnerBlocks, useTemplate } from "./inline-editing.js";
+export * from "./InnerBlocks.js";

package/dist/app/lib/blocks/inline-editing.d.ts

@@ -2,6 +2,14 @@ import { ContentBlock } from "./ContentBlocks.js";
 import { PropsWithChildren } from "react";
 type Attributes = Record<string, any>;
 export type InlineValueStore<T> = [value: T, setValue: (value: T) => void];
+export type BlockInstance = {
+    attributes: any;
+    clientId: string;
+    innerBlocks: BlockInstance[];
+    isValid: boolean;
+    name: string;
+    originalContent?: string | undefined;
+};
 type InlineEditingContext = {
     values: Attributes;
     innerBlocks: ContentBlock[];
@@ -43,6 +51,7 @@ export declare function useBlockAppender(): ((block: any) => void) | undefined;
 export declare function useInnerBlocks(): ContentBlock[];
 export declare function useBlockParents(): [string, Attributes][];
 export declare function useBlockContext(): InlineEditingContext | undefined;
+export declare function useBlockSelection(): any;
 /**
  * Returns the current template name.
  * - In the editor, this uses Gutenberg state.
@@ -52,3 +61,4 @@ export declare function useBlockContext(): InlineEditingContext | undefined;
  */
 export declare function useTemplate(): keyof ViewProps;
 export {};
+//# sourceMappingURL=inline-editing.d.ts.map

package/dist/app/lib/blocks/inline-editing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-editing.d.ts","sourceRoot":"","sources":["../../../../src/app/lib/blocks/inline-editing.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAiB,iBAAiB,EAAuB,MAAM,OAAO,CAAA;AAK7E,KAAK,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;AAErC,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC,CAAA;AAE1E,MAAM,MAAM,aAAa,GAAG;IAC1B,UAAU,EAAE,GAAG,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,aAAa,EAAE,CAAA;IAC5B,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,MAAM,CAAA;IACZ,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACrC,CAAA;AAED,KAAK,oBAAoB,GAAG;IAC1B,MAAM,EAAE,UAAU,CAAA;IAClB,WAAW,EAAE,YAAY,EAAE,CAAA;IAC3B,OAAO,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC,EAAE,CAAA;IAC/B,KAAK,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,GAAG,GAAG,CAAA;IACtC,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;IAC1B,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,QAAA,MAAM,oBAAoB,2DAA6D,CAAA;AAEvF,KAAK,aAAa,GAAG,iBAAiB,CAAC;IACrC,MAAM,EAAE,UAAU,CAAA;IAClB,WAAW,EAAE,YAAY,EAAE,CAAA;IAC3B,KAAK,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACtC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC,CAAA;AAEF,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,aAAa,2CAmChE;AAED,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,iBAAiB,CAAC,EAAE,CAAC,2CAazE;AAED;;;;;;;GAOG;AACH,wBAAgB,sBAAsB,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAQ5F;AAED;;;IAGI;AACJ,wBAAgB,aAAa,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,GAAG,gBAAgB,CAAC,CAAC,CAAC,EAAE,YAAY,CAAC,EAAE,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,CAexG;AAED,wBAAgB,gBAAgB,aA3GF,GAAG,KAAK,IAAI,cA8GzC;AAED,wBAAgB,cAAc,IAAI,YAAY,EAAE,CAG/C;AAED,wBAAgB,eAAe,IAAI,CAAC,MAAM,EAAE,UAAU,CAAC,EAAE,CAGxD;AAED,wBAAgB,eAAe,qCAE9B;AAED,wBAAgB,iBAAiB,QAOhC;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,IAAI,MAAM,SAAS,CAa7C"}

package/dist/app/lib/blocks/inline-editing.js

@@ -1,12 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext } from "react";
+import { createContext, useContext, useMemo } from "react";
 import { usePostEditor } from "./editor/usePostEditor.js";
-import { useRoute } from "../routing/hooks/useRoute.js";
+import { useRoute } from "../routing/index.js";
 import { addBlockMetadata } from "./block-utils.js";
 const InlineEditingContext = createContext(undefined);
 export function InlineEditingContextProvider(props) {
     const parentContext = useContext(InlineEditingContext);
-    addBlockMetadata(props.innerBlocks);
+    useMemo(() => {
+        addBlockMetadata(props.innerBlocks ?? []);
+    }, [props.innerBlocks]);
     return (_jsx(InlineEditingContext.Provider, { value: {
             values: props.values,
             innerBlocks: props.innerBlocks,
@@ -88,6 +90,14 @@ export function useBlockParents() {
 export function useBlockContext() {
     return useContext(InlineEditingContext);
 }
+export function useBlockSelection() {
+    if (env.admin) {
+        return wp.data.useSelect((select) => {
+            // @ts-ignore
+            return select("core/block-editor").getSelectedBlock();
+        }, []);
+    }
+}
 /**
  * Returns the current template name.
  * - In the editor, this uses Gutenberg state.

package/dist/app/lib/devtools/components/BreakpointIndicator.d.ts

@@ -1 +1,2 @@
 export declare function BreakpointIndicator(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BreakpointIndicator.d.ts.map

package/dist/app/lib/devtools/components/BreakpointIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreakpointIndicator.d.ts","sourceRoot":"","sources":["../../../../../src/app/lib/devtools/components/BreakpointIndicator.tsx"],"names":[],"mappings":"AAyBA,wBAAgB,mBAAmB,4CAuGlC"}

package/dist/app/lib/devtools/components/BreakpointIndicator.js

@@ -1,7 +1,7 @@
 import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useMemo, useRef, useState } from "react";
-import { useTailwindConfig } from "../hooks/useTailwind.js";
 import { usePersistState } from "../hooks/usePersistState.js";
+import { useTailwindConfig } from "../hooks/useTailwind.js";
 function parseBreakpointMin(breakpoint) {
     return parseInt(breakpoint);
 }
@@ -63,7 +63,7 @@ export function BreakpointIndicator() {
     const maxSize = screens[screens.length - 1]?.min;
     const screen = screens[activeSize];
     const globalProgress = width / maxSize;
-    return (_jsx("div", { ref: ref, "data-breakpoint": true, className: "fixed left-2 bottom-2 z-[999999999999999]", onClick: () => setExpanded(!expanded), children: !!screens && !!screen && (_jsx(_Fragment, { children: expanded ? (_jsx("div", { className: "btn w-[400px] bg-black px-2", children: _jsxs("div", { className: "relative w-full h-full cursor-pointer", children: [_jsxs("div", { className: "absolute bottom-[-3px] -translate-x-1/2 -translate-y-1/2 leading-none text-[8px] text-white", style: { left: `calc(min(${globalProgress},1) * 100%)` }, children: ["\u23F6 ", _jsxs("span", { className: globalProgress < 0.85 ? `absolute left-2` : `absolute right-2`, children: [width, "px"] })] }), screens.map((screen, i) => {
+    return (_jsx("div", { ref: ref, "data-breakpoint": true, onClick: () => setExpanded(!expanded), children: !!screens && !!screen && (_jsx(_Fragment, { children: expanded ? (_jsx("div", { className: "btn w-[400px] bg-black px-2", children: _jsxs("div", { className: "relative w-full h-full cursor-pointer", children: [_jsxs("div", { className: "absolute bottom-[-3px] -translate-x-1/2 -translate-y-1/2 leading-none text-[8px] text-white", style: { left: `calc(min(${globalProgress},1) * 100%)` }, children: ["\u23F6 ", _jsxs("span", { className: globalProgress < 0.85 ? `absolute left-2` : `absolute right-2`, children: [width, "px"] })] }), screens.map((screen, i) => {
                             const colors = getColors(i);
                             const active = i === activeSize;
                             const last = i === screens.length - 1;

package/dist/app/lib/devtools/components/DevUI.d.ts

@@ -1,2 +1,3 @@
 import "../../../../../css/devtools.css";
 export default function DevUI(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DevUI.d.ts.map

package/dist/app/lib/devtools/components/DevUI.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevUI.d.ts","sourceRoot":"","sources":["../../../../../src/app/lib/devtools/components/DevUI.tsx"],"names":[],"mappings":"AAAA,OAAO,iCAAiC,CAAA;AAIxC,MAAM,CAAC,OAAO,UAAU,KAAK,4CAS5B"}

package/dist/app/lib/devtools/components/DevUI.js

@@ -1,6 +1,7 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import "../../../../../css/devtools.css";
 import { BreakpointIndicator } from "./BreakpointIndicator.js";
+import { GridIndicator } from "./GridIndicator";
 export default function DevUI() {
-    return (_jsx("div", { className: "eddev-ui", children: _jsx(BreakpointIndicator, {}) }));
+    return (_jsxs("div", { className: "eddev-ui", children: [_jsx("div", { className: "fixed left-2 bottom-2 z-[999999999999999]", children: _jsx(BreakpointIndicator, {}) }), _jsx(GridIndicator, {})] }));
 }

package/dist/app/lib/devtools/components/GridIndicator.d.ts

@@ -0,0 +1,2 @@
+export declare function GridIndicator(): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=GridIndicator.d.ts.map

package/dist/app/lib/devtools/components/GridIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridIndicator.d.ts","sourceRoot":"","sources":["../../../../../src/app/lib/devtools/components/GridIndicator.tsx"],"names":[],"mappings":"AAGA,wBAAgB,aAAa,mDAkC5B"}