eddev 2.0.0-beta.12 → 2.0.0-beta.120

package/css/editor-styles.css

@@ -92,3 +92,7 @@
 .acf-block-panel .acf-empty-block-fields {
   display: none;
 }
+
+.simple-appender {
+  display: inline-flex !important;
+}

package/dist/app/entry/HydrationOverlay.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/app/entry/HydrationOverlay.js

@@ -0,0 +1,2 @@
+// "use client"
+export {};

package/dist/app/entry/MetaTags.d.ts

@@ -0,0 +1,7 @@
+import { RouteMetaTag } from "../lib/routing";
+type Props = {
+    debugKey?: string;
+    tags: RouteMetaTag[];
+};
+export declare function MetaTags(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/app/entry/MetaTags.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+export function MetaTags(props) {
+    return (_jsx(_Fragment, { children: props.tags?.map((tag, i) => {
+            const Tag = tag.tagName;
+            const tagProps = Array.isArray(tag.attributes) ? {} : { ...tag.attributes };
+            if (tag.tagName === "title") {
+                tagProps.children = tag.inner ?? "";
+            }
+            else if (tag.tagName === "script" || !!tag.inner) {
+                tagProps.dangerouslySetInnerHTML = { __html: tag.inner ?? "" };
+            }
+            if (tagProps.async === "") {
+                tagProps.async = true;
+            }
+            return _jsx(Tag, { ...tagProps }, i);
+        }) }));
+}

package/dist/app/entry/boot-admin.js

@@ -2,7 +2,13 @@ import { installFieldTypes } from "../lib/admin/installFieldTypes.js";
 import { runWidgets } from "../lib/admin/runWidgets.js";
 import { installEDGutenbergHooks } from "../lib/blocks/editor/installGutenbergHooks.js";
 export default function bootAdmin() {
-    installEDGutenbergHooks();
-    installFieldTypes();
-    runWidgets();
+    console.log("Booting admin", window.name);
+    if (window.name === "editor-canvas") {
+        console.log("Running in the editor canvas");
+    }
+    else {
+        installEDGutenbergHooks();
+        installFieldTypes();
+        runWidgets();
+    }
 }

package/dist/app/entry/hydration-script.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/app/entry/hydration-script.js

@@ -0,0 +1,18 @@
+import { hydrationDebug } from "../utils/hydration-debugger";
+//@ts-nocheck
+// window.addEventListener("error", (event) => {
+//   const msg = event.message.toLowerCase()
+//   const isHydrationMsg = msg.includes("hydration") || msg.includes("hydrating")
+//   if (isHydrationMsg) {
+//     hydrationDebug.add({
+//       error: event.error,
+//       info: null,
+//     })
+//   }
+// })
+const root = document.getElementById("_app");
+if (root) {
+    hydrationDebug.initialHTML = root.innerHTML;
+}
+// @ts-ignore
+window.hydrationDebug = hydrationDebug;

package/dist/app/entry/spa-root.js

@@ -1,9 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { QueryClientProvider } from "@tanstack/react-query";
-import { BrowserRouter } from "../lib/routing/components/BrowserRouter.js";
-import { getQueryClient } from "../utils/query-client.js";
 import { DevUILoader } from "../lib/devtools/loader.js";
-import { Suspense } from "react";
+import { BrowserRouter } from "../lib/routing/components/BrowserRouter.js";
+import { APIProvider } from "../utils/APIProvider.js";
 export function SPARoot() {
-    return (_jsxs(QueryClientProvider, { client: getQueryClient(), children: [_jsx(Suspense, { children: _jsx(BrowserRouter, {}) }), _jsx(DevUILoader, {})] }));
+    return (_jsxs(APIProvider, { children: [_jsx(BrowserRouter, {}), _jsx(DevUILoader, {})] }));
 }

package/dist/app/entry/ssr-root-client.d.ts

@@ -1,4 +1,6 @@
 import { ReactNode } from "react";
-export declare function SSRClientRoot({ assets }: {
+import { RouteMetaTag } from "../lib/routing/types.js";
+export declare function SSRClientRoot(props: {
     assets: ReactNode;
+    metaTags: RouteMetaTag[];
 }): import("react/jsx-runtime").JSX.Element;

package/dist/app/entry/ssr-root-client.js

@@ -1,9 +1,21 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { QueryClientProvider } from "@tanstack/react-query";
-import { Suspense } from "react";
-import { getQueryClient } from "../utils/query-client.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { useSnapshot } from "valtio";
 import { BrowserRouter } from "../lib/routing/components/BrowserRouter.js";
+import { clientMetaTags } from "../lib/routing/context.js";
+import { APIProvider } from "../utils/APIProvider.js";
 import { DevUILoader } from "../lib/devtools/loader.js";
-export function SSRClientRoot({ assets }) {
-    return (_jsxs("html", { lang: "en", children: [_jsxs("head", { children: [_jsx("link", { rel: "icon", href: "/favicon.ico" }), assets] }), _jsx("body", { children: _jsxs(QueryClientProvider, { client: getQueryClient(), children: [_jsx(Suspense, { children: _jsx(BrowserRouter, {}) }), _jsx(DevUILoader, {})] }) })] }));
+export function SSRClientRoot(props) {
+    return (_jsxs(APIProvider, { children: [_jsx(BrowserRouter, {}), _jsxs(_Fragment, { children: [_jsx(DynamicMetaTags, {}), _jsx(DevUILoader, {})] })] }));
+}
+function DynamicMetaTags() {
+    const dynamicTags = useSnapshot(clientMetaTags).tags;
+    useEffect(() => {
+        dynamicTags?.forEach((tag) => {
+            if (tag.tagName === "title") {
+                document.title = tag.inner ?? "";
+            }
+        });
+    });
+    return null;
 }

package/dist/app/entry/ssr-root.d.ts

@@ -1,9 +1,8 @@
-import type { ReactNode } from "react";
-import type { RouteData } from "../lib/routing";
 import type { RouteLoader } from "../lib/routing/loader.js";
-export declare function SSRRoot(args: {
+import type { RouteData, RouteMetaTag } from "../lib/routing/types.js";
+export declare function SSRRoot(props: {
     pathname: string;
     initialData: RouteData;
-    assets: ReactNode;
     loader: RouteLoader;
+    metaTags: RouteMetaTag[];
 }): import("react/jsx-runtime").JSX.Element;

package/dist/app/entry/ssr-root.js

@@ -1,21 +1,21 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { QueryClientProvider } from "@tanstack/react-query";
-import { getQueryClient } from "../utils/query-client.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { SSRRouter } from "../lib/routing/components/SSRRouter.js";
-import { normalizeRoute } from "../lib/routing/utils.js";
-export function SSRRoot(args) {
-    const loader = args.loader;
-    loader.setAppData(args.initialData.appData.data);
-    loader.populateRouteData(args.pathname, args.initialData);
-    return (_jsxs("html", { lang: "en", children: [_jsxs("head", { children: [_jsx("link", { rel: "icon", href: "/favicon.ico" }), args.assets] }), _jsx("body", { children: _jsx(QueryClientProvider, { client: getQueryClient(), children: _jsx(SSRRouter, { loader: loader, route: normalizeRoute({
-                            id: "initial",
-                            component: loader.getRouteComponent(args.initialData.view),
-                            key: "",
-                            props: args.initialData.viewData.data,
-                            view: args.initialData.view,
-                            search: "",
-                            pathname: args.pathname,
-                            query: {},
-                            hash: "",
-                        }) }) }) })] }));
+import { getRouteMeta, normalizeRoute } from "../lib/routing/utils.js";
+import { APIProvider } from "../utils/APIProvider.js";
+export function SSRRoot(props) {
+    const loader = props.loader;
+    loader.setAppData(props.initialData.appData.data);
+    loader.populateRouteData(props.pathname, props.initialData);
+    return (_jsxs(APIProvider, { children: [_jsx(SSRRouter, { loader: loader, route: normalizeRoute({
+                    id: "initial",
+                    component: loader.getRouteComponent(props.initialData.view),
+                    key: "",
+                    props: props.initialData.viewData.data,
+                    view: props.initialData.view,
+                    search: "",
+                    pathname: props.pathname,
+                    query: {},
+                    hash: "",
+                    meta: getRouteMeta(props.initialData),
+                }) }), _jsx(_Fragment, {})] }));
 }

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

@@ -1,2 +1,2 @@
-export * from "./defineField";
-export * from "./defineWidget";
+export * from "./defineField.js";
+export * from "./defineWidget.js";

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

@@ -1,2 +1,2 @@
-export * from "./defineField";
-export * from "./defineWidget";
+export * from "./defineField.js";
+export * from "./defineWidget.js";

package/dist/app/lib/admin/installFieldTypes.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import * as ReactDOM from "react-dom/client";
-import { adminManifestReader } from "../internal";
+import { adminManifestReader } from "../internal/read-admin-manifest.js";
 export function installFieldTypes() {
     // @ts-ignore
     const acf = window.acf;

package/dist/app/lib/admin/runWidgets.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import * as ReactDOM from "react-dom/client";
-import { adminManifestReader } from "../internal";
+import { adminManifestReader } from "../internal/read-admin-manifest.js";
 export function runWidgets() {
     const elements = document.querySelectorAll("[data-widget]");
     setTimeout(() => {

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

@@ -20,7 +20,7 @@ export type ContentBlock = {
 /**
  * Represents a block instance's position in the hierarchy via relationships with other blocks.
  */
-type BlocksContext = {
+export type BlocksContext = {
     ancestors: ContentBlock[];
     parent?: ContentBlock;
     prev?: ContentBlock;

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

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment, createContext, memo, useContext, useMemo } from "react";
-import { blockManifestReader } from "../internal/read-block-manifest";
-import { ErrorBoundaryFrontend } from "./ErrorBoundaryFrontend";
-import { InlineEditingContextProvider, ReadonlyInlineEditingProvider } from "./inline-editing";
-import { addBlockMetadata } from "./block-utils";
+import { blockManifestReader } from "../internal/read-block-manifest.js";
+import { BlockErrorBoundary } from "../../utils/BlockErrorBoundary.js";
+import { InlineEditingContextProvider, ReadonlyInlineEditingProvider } from "./inline-editing.js";
+import { addBlockMetadata } from "./block-utils.js";
 export const BlocksContext = createContext(undefined);
 /**
  * Render a set of Gutenberg blocks
@@ -63,7 +63,7 @@ export const ContentBlocks = memo((props) => {
                 }
             }
             // Attempt to wrap the block
-            return (_jsxs(Fragment, { children: [spaceBefore, _jsx(ErrorBoundaryFrontend, { children: blockNode }), spaceAfter] }, index));
+            return (_jsxs(Fragment, { children: [spaceBefore, _jsx(BlockErrorBoundary, { block: block, blockContext: ctx, children: blockNode }), spaceAfter] }, block.slug + "_" + index));
         });
     }, [blocks, props.wrapBlock, props.spacer]);
     if (env.admin) {

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

@@ -1,12 +1,25 @@
 import { ElementType } from "react";
-import { InlineValueStore } from "./inline-editing";
+import { InlineValueStore } from "./inline-editing.js";
 export type InlineTextValueStore = InlineValueStore<string>;
+type BuiltinFormats = "core/bold" | "core/code" | "core/italic" | "core/link" | "core/strikethrough" | "core/underline" | "core/subscript" | "core/superscript" | "core/unknown" | "core/non-breaking-space" | "core/footnote";
 type Props<T extends ElementType> = {
     /** Specify a tag name or React component */
     as?: T;
     /** Prevents this text element from being multi-line */
     disableLineBreaks?: boolean;
-    /** Enables the rich text toolbar */
+    /**
+     * Specify which formatting options are allowed in this text element (bold, italics etc).
+     *
+     * By default, all options are enabled.
+     *
+     * Set to an empty array to disable formatting options.
+     *
+     * You can register new formats in `_editor.tsx` using the `defineEditorConfig` function.
+     **/
+    allowedFormats?: (BuiltinFormats | (string & {}))[];
+    /**
+     * @deprecated use `allowedFormats` instead
+     */
     inlineToolbar?: boolean;
     /** Specify default content to use on the frontend if nothing has been entered */
     defaultValue?: string;

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

@@ -1,13 +1,18 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useRouter } from "../routing";
-import { useBlockAppender, useBlockContext, useValueStore } from "./inline-editing";
+import { useRouter } from "../routing/hooks/useRouter.js";
+import { useBlockAppender, useBlockContext, useValueStore } from "./inline-editing.js";
 export function EditableText({ id, as, appendOnEnter, store, ...props }) {
     if (env.admin) {
         const readOnly = useBlockContext()?.readonly;
         if (!readOnly) {
             const [value, setValue] = useValueStore(store ?? id);
+            // const defaultFormats = wp.data.useSelect((select) => {
+            //   const formats = (select(wp.richText.store) as any).getFormatTypes()
+            //   console.log("U", formats)
+            //   return formats.map((f: any) => f.name)
+            // }, [])
             const appendBlocks = useBlockAppender();
-            return (_jsx(wp.blockEditor.RichText, { ...props, tagName: as, value: value || "", onChange: setValue, disableLineBreaks: props.disableLineBreaks, onKeyDownCapture: (e) => {
+            return (_jsx(wp.blockEditor.RichText, { ...props, placeholder: props.placeholder ?? props.defaultValue, tagName: as, value: value || "", onChange: setValue, allowedFormats: props.inlineToolbar === false ? [] : props.allowedFormats, disableLineBreaks: props.disableLineBreaks, "data-allowed-formats": props.allowedFormats?.join(" "), onKeyDownCapture: (e) => {
                     if (e.key === "Enter" && appendOnEnter && appendBlocks) {
                         appendBlocks([
                             wp.blocks.createBlock(typeof appendOnEnter === "string" ? appendOnEnter : "core/paragraph"),
@@ -21,11 +26,12 @@ export function EditableText({ id, as, appendOnEnter, store, ...props }) {
     let [value] = useValueStore(store ?? id);
     const handleClickEvent = useRouter((r) => r.handleClickEvent);
     const otherProps = { ...props };
-    delete otherProps.inlineToolbar;
     delete otherProps.disableLineBreaks;
     delete otherProps.id;
     otherProps.as = otherProps.asProp ?? undefined;
     delete otherProps.asProp;
+    delete otherProps.allowedFormats;
+    delete otherProps.disableLineBreaks;
     delete otherProps.placeholder;
     if (value === "" || typeof value !== "string") {
         if (props.defaultValue) {

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

@@ -1,10 +1,20 @@
 import { FunctionComponent } from "react";
-import { ContentBlockLayoutProps } from "./ContentBlocks";
-import { BlockTemplate } from "./editor/block-templates";
+import { ContentBlockLayoutProps } from "./ContentBlocks.js";
+import { BlockTemplate } from "./editor/block-templates.js";
 type AppenderConfig = {
-    type: "default" | "button" | FunctionComponent<any>;
+    type: "default" | "button" | "simple" | CustomBlockAppender;
     className?: string;
 };
+export type CustomBlockAppender = FunctionComponent<{
+    onToggle: () => void;
+    disabled: boolean;
+    isOpen: boolean;
+    blockTitle: string;
+    hasSingleBlockType: boolean;
+}>;
+export declare function createAppender(comp: CustomBlockAppender): {
+    type: CustomBlockAppender;
+};
 type InnerBlocksProps = {
     /** A list of allowed blocks, and/or block tags. */
     allowedBlocks?: (ChildBlockTypeName | BlockTagName)[];
@@ -16,9 +26,13 @@ type InnerBlocksProps = {
      * NOTE: This will have no effect on the frontend, since no wrapper div is created on the frontend.
      **/
     adminClassName?: string;
-    /**
-     *
-     */
+    /** The default blocks to insert when there are no (non-templated) blocks */
+    defaultBlocks?: BlockTemplate;
+    /** Blocks to ensure are inserted at the top of the page */
+    headerTemplate?: BlockTemplate;
+    /** Blocks to ensure are inserted at the bottom of the page */
+    footerTemplate?: BlockTemplate;
+    /** A full-page block template */
     template?: BlockTemplate;
     /**
      * `false` allows all operations
@@ -31,7 +45,7 @@ type InnerBlocksProps = {
      * @default false
      *
      */
-    templateLock?: "all" | "insert" | "contentOnly" | false;
+    templateLock?: "all" | "insert" | "contentOnly" | "none" | false;
     appender?: AppenderConfig;
     prioritizedInserterBlocks?: ChildBlockTypeName[];
 } & ContentBlockLayoutProps;

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

@@ -1,53 +1,100 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ContentBlocks } from "./ContentBlocks";
-import { transformBlockTemplate } from "./editor/block-templates";
-import { blocksByTag } from "./editor/blocks-by-tag";
-import { useBlockContext, useInnerBlocks } from "./inline-editing";
-const Appender = (props) => {
+import { useEffect, useMemo } from "react";
+import { ContentBlocks } from "./ContentBlocks.js";
+import { applyTemplateBlocks, transformBlockTemplate } from "./editor/block-templates.js";
+import { blocksByTag } from "./editor/blocks-by-tag.js";
+import { useBlockContext, useInnerBlocks } from "./inline-editing.js";
+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 === "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, 
+            // @ts-ignore
+            __experimentalIsQuick: true }));
+        // } 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/block-utils.d.ts

@@ -1,4 +1,4 @@
-import { ContentBlock } from "./ContentBlocks";
+import { ContentBlock } from "./ContentBlocks.js";
 /**
  * Returns some very basic info about blocks in the project.
  * This is purposely lean, to avoid bloated info.
@@ -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;

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

@@ -1,4 +1,4 @@
-import { blockManifestReader } from "../internal";
+import { blockManifestReader } from "../internal/read-block-manifest.js";
 /**
  * Returns some very basic info about blocks in the project.
  * This is purposely lean, to avoid bloated info.
@@ -13,7 +13,7 @@ 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) {
         const info = infos[block.blockName];

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

@@ -1,2 +1,5 @@
 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;
+}

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

@@ -1,3 +1,10 @@
+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) {
+        blockMetaDescriptors.set(resolveAcfBlockName(name), meta);
+    }
+};

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

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