eddev 2.0.0-beta.9 → 2.0.0-beta.91

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

@@ -1,8 +1,13 @@
-import { installFieldTypes } from "../lib/admin/installFieldTypes";
-import { runWidgets } from "../lib/admin/runWidgets";
-import { installEDGutenbergHooks } from "../lib/blocks/editor/installGutenbergHooks";
+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");
+    if (window.name === "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,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { QueryClientProvider } from "@tanstack/react-query";
-import { BrowserRouter } from "../lib/routing/components/BrowserRouter";
-import { getQueryClient } from "../utils/query-client";
-import { DevUILoader } from "../lib/devtools/loader";
 import { Suspense } from "react";
+import { DevUILoader } from "../lib/devtools/loader.js";
+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(Suspense, { 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,25 @@
-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";
-import { BrowserRouter } from "../lib/routing/components/BrowserRouter";
-import { DevUILoader } from "../lib/devtools/loader";
-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, {})] }) })] }));
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Suspense, useEffect, useState } 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 { MetaTags } from "./MetaTags.js";
+export function SSRClientRoot(props) {
+    return (_jsx(APIProvider, { children: _jsx(Suspense, { children: _jsx(BrowserRouter, {}) }) }));
+}
+function DynamicMetaTags(props) {
+    const dynamicTags = useSnapshot(clientMetaTags).tags;
+    return _jsx(MetaTags, { tags: dynamicTags ?? props.tags ?? [] });
+}
+function Trackers(props) {
+    const [render, setRender] = useState(false);
+    // @ts-ignore
+    const trackers = window._TRACKERS;
+    useEffect(() => {
+        setRender(true);
+    }, []);
+    if (!render || !trackers || typeof trackers !== "object")
+        return null;
+    return (_jsx(_Fragment, { children: _jsx(MetaTags, { tags: trackers[props.position] ?? [] }) }));
 }

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

@@ -1,9 +1,10 @@
-import type { ReactNode } from "react";
-import type { RouteData } from "../lib/routing";
-import type { RouteLoader } from "../lib/routing/loader";
-export declare function SSRRoot(args: {
+import { type ReactNode } from "react";
+import type { RouteLoader } from "../lib/routing/loader.js";
+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,22 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { QueryClientProvider } from "@tanstack/react-query";
-import { getQueryClient } from "../utils/query-client";
-import { SSRRouter } from "../lib/routing/components/SSRRouter";
-import { normalizeRoute } from "../lib/routing/utils";
-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 { jsx as _jsx } from "react/jsx-runtime";
+import { Suspense } from "react";
+import { SSRRouter } from "../lib/routing/components/SSRRouter.js";
+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 (_jsx(APIProvider, { children: _jsx(Suspense, { 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),
+                }) }) }) }));
 }

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,5 +1,5 @@
 import { ElementType } from "react";
-import { InlineValueStore } from "./inline-editing";
+import { InlineValueStore } from "./inline-editing.js";
 export type InlineTextValueStore = InlineValueStore<string>;
 type Props<T extends ElementType> = {
     /** Specify a tag name or React component */

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

@@ -1,13 +1,13 @@
 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 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, inlineToolbar: props.inlineToolbar, disableLineBreaks: props.disableLineBreaks, onKeyDownCapture: (e) => {
                     if (e.key === "Enter" && appendOnEnter && appendBlocks) {
                         appendBlocks([
                             wp.blocks.createBlock(typeof appendOnEnter === "string" ? appendOnEnter : "core/paragraph"),

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" | 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)[];

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

@@ -1,15 +1,18 @@
 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";
+import { ContentBlocks } from "./ContentBlocks.js";
+import { transformBlockTemplate } from "./editor/block-templates.js";
+import { blocksByTag } from "./editor/blocks-by-tag.js";
+import { useBlockContext, useInnerBlocks } from "./inline-editing.js";
 const Appender = (props) => {
     const clientId = useBlockContext()?.block[1].clientId;
     if (props.type === "button") {
         return _jsx(wp.blockEditor.ButtonBlockAppender, { className: props.className, rootClientId: clientId });
     }
     else if (typeof props.type === "function") {
-        return props.type({});
+        const Type = props.type;
+        return (_jsx(wp.blockEditor.Inserter, { renderToggle: (p) => {
+                return _jsx(Type, { ...p });
+            }, rootClientId: clientId }));
     }
     else {
         return (_jsx(wp.blockEditor.DefaultBlockAppender
@@ -19,6 +22,11 @@ const Appender = (props) => {
             className: props.className, rootClientId: clientId, lastBlockClientId: clientId }));
     }
 };
+export function createAppender(comp) {
+    return {
+        type: comp,
+    };
+}
 /**
  * Allows child blocks to be added to the current block context.
  */

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/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 {};

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

@@ -0,0 +1,130 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+export function EditorHighlights(props) {
+    const ref = useRef(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)
+            return;
+        const controller = new HighlightController(ref.current);
+        setController(controller);
+        return () => controller.teardown();
+    }, [props.enabled]);
+    useEffect(() => {
+        if (controller) {
+            controller.isSelected = false;
+            controller.updateClasses();
+            controller.update();
+        }
+    }, [controller, false]);
+    return (_jsx("div", { ref: ref, style: { display: "contents" }, onPointerEnter: () => controller?.enable(), onPointerLeave: () => controller?.disable(), children: props.children }));
+}
+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 = childBlocks[0];
+            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.className = "editor-highlight";
+        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.js

@@ -1,9 +1,8 @@
 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";
-import { blockManifestReader } from "../../internal";
-import { ErrorBoundaryEditor } from "./ErrorBoundaryEditor";
+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);
@@ -15,5 +14,5 @@ export function EditableBlock({ payload }) {
     const BlockComponent = getBlock();
     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,6 @@ 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 {};

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

@@ -1,7 +1,20 @@
-import { BlockTemplate } from "./block-templates";
+import { BlockTemplate } from "./block-templates.js";
 export type EditorConfigItem = {
-    /** Optionally indicate that the post title field should be hidden. Use then when your header template includes a post title editor already. */
+    /**
+     * Optionally indicate that the post title field should be hidden. Use then when your header template includes a post title editor already.
+     * @default false
+     **/
     hideTitle?: boolean;
+    /**
+     * Override the blocks which are allowed to be added to the root of this post-type/template combination.
+     *
+     * You can specify one or more block names, or block tags.
+     *
+     * The default is "root".
+     *
+     * @default ["root"]
+     **/
+    rootBlocks?: (ChildBlockTypeName | BlockTagName)[];
     /** Allows you to add additional class names to blocks, depending on their type and state */
     generateBlockClassName?: BlockWrapperClassGenerator;
     /** The default blocks to insert when there are no (non-templated) blocks */
@@ -28,10 +41,10 @@ type BlockWrapperClassGenerator = (block: {
 }, post: PostInfo) => string | void;
 export declare const editorConfigStore: {
     config: EditorConfig | null;
-    currentBlocksConfig: EditorConfigItem | null;
+    currentBlocksConfig: EditorConfigItem;
 };
 export declare function configureEditorBlocks(config: EditorConfigItem): void;
-export declare function transformTemplateToBlocks(template: BlockTemplate, locked?: boolean): any;
+export declare function transformTemplateToBlocks(template: BlockTemplate, locked?: boolean, isFromTemplate?: boolean): any;
 type PostInfo = {
     template: TemplateName | "default";
     type: PostTypeName;