eddev 2.1.6 → 2.2.0-beta.1

package/css/devtools.css

@@ -10,6 +10,146 @@
 
 @layer components {
   .btn {
-    @apply flex items-center justify-center text-ui font-mono h-button rounded-full;
+    .eddev-ui & {
+      @apply flex items-center justify-center text-ui font-mono h-button rounded-full gap-1.5;
+
+      &[data-variant="button"] {
+        @apply bg-black text-white px-2;
+      }
+
+      &[data-variant="subtle"] {
+        @apply bg-neutral-300/20 text-white px-2;
+      }
+
+      &[data-variant="tab"] {
+        @apply bg-neutral-950 text-gray-400 px-2 shadow-[0_0_1px] shadow-white/30;
+
+        &[data-active] {
+          @apply bg-neutral-900 text-white shadow-white/50;
+        }
+      }
+
+      &[data-shape="icon"] {
+        @apply w-button p-0;
+      }
+
+      svg {
+        @apply size-[1.2em];
+        fill: currentColor;
+      }
+    }
+  }
+}
+
+.eddev-ui {
+  letter-spacing: -0.02em;
+
+  .json-inspector,
+  .json-inspector__selection {
+    font:
+      14px/1.4 Consolas,
+      monospace;
+  }
+
+  .json-inspector__leaf {
+    padding-left: 10px;
+  }
+
+  .json-inspector__line {
+    display: block;
+    position: relative;
+
+    cursor: default;
+  }
+
+  .json-inspector__line:after {
+    content: "";
+
+    position: absolute;
+    top: 0;
+    left: -200px;
+    right: -50px;
+    bottom: 0;
+    z-index: -1;
+
+    pointer-events: none;
+  }
+
+  .json-inspector__line:hover:after {
+    background: rgba(0, 0, 0, 0.06);
+  }
+
+  .json-inspector__leaf_composite > .json-inspector__line {
+    cursor: pointer;
+  }
+
+  .json-inspector__radio,
+  .json-inspector__flatpath {
+    display: none;
+  }
+
+  .json-inspector__value {
+    margin-left: 5px;
+  }
+
+  .json-inspector__search {
+    min-width: 300px;
+    margin: 0 10px 10px 0;
+    padding: 2px;
+  }
+
+  .json-inspector__key {
+    color: #505050;
+  }
+
+  .json-inspector__value_helper,
+  .json-inspector__value_null,
+  .json-inspector__not-found {
+    color: #b0b0b0;
+  }
+
+  .json-inspector__value_string {
+    color: #798953;
+  }
+
+  .json-inspector__value_boolean {
+    color: #75b5aa;
+  }
+
+  .json-inspector__value_number {
+    color: #d28445;
+  }
+
+  .json-inspector__hl {
+    background: #ff0;
+    box-shadow: 0 -1px 0 2px #ff0;
+    border-radius: 2px;
+  }
+
+  .json-inspector__show-original {
+    display: inline-block;
+    padding: 0 6px;
+
+    color: #666;
+    cursor: pointer;
+  }
+
+  .json-inspector__show-original:hover {
+    color: #111;
+  }
+
+  .json-inspector__show-original:before {
+    content: "⥂";
+  }
+
+  .json-inspector__show-original:hover:after {
+    content: " expand";
+  }
+
+  ol[role="tree"] {
+    li {
+      @apply !text-ui !font-mono;
+      background-color: transparent !important;
+    }
   }
 }

package/dist/app/entry/spa-root.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spa-root.d.ts","sourceRoot":"","sources":["../../../src/app/entry/spa-root.tsx"],"names":[],"mappings":"AAIA,wBAAgB,OAAO,4CAOtB"}
+{"version":3,"file":"spa-root.d.ts","sourceRoot":"","sources":["../../../src/app/entry/spa-root.tsx"],"names":[],"mappings":"AAIA,wBAAgB,OAAO,4CAQtB"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ssr-root-client.d.ts","sourceRoot":"","sources":["../../../src/app/entry/ssr-root-client.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAiC,MAAM,OAAO,CAAA;AAIhE,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAItD,wBAAgB,aAAa,CAAC,KAAK,EAAE;IAAE,MAAM,EAAE,SAAS,CAAC;IAAC,QAAQ,EAAE,YAAY,EAAE,CAAA;CAAE,2CAgBnF"}
+{"version":3,"file":"ssr-root-client.d.ts","sourceRoot":"","sources":["../../../src/app/entry/ssr-root-client.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAiC,MAAM,OAAO,CAAA;AAIhE,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAKtD,wBAAgB,aAAa,CAAC,KAAK,EAAE;IAAE,MAAM,EAAE,SAAS,CAAC;IAAC,QAAQ,EAAE,YAAY,EAAE,CAAA;CAAE,2CAYnF"}

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

@@ -4,9 +4,9 @@ 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";
+import { FiberProvider } from "its-fine";
 export function SSRClientRoot(props) {
-    return (_jsxs(APIProvider, { children: [_jsx(BrowserRouter, {}), _jsx(_Fragment, { children: _jsx(DynamicMetaTags, {}) }), _jsx(Suspense, { fallback: null, children: _jsx(_Fragment, { children: _jsx(DevUILoader, {}) }) })] }));
+    return (_jsx(FiberProvider, { children: _jsxs(APIProvider, { children: [_jsx(BrowserRouter, {}), _jsx(_Fragment, { children: _jsx(DynamicMetaTags, {}) }), _jsx(Suspense, { fallback: null })] }) }));
 }
 function DynamicMetaTags() {
     const dynamicTags = useSnapshot(clientMetaTags).tags;

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

@@ -5,7 +5,7 @@ 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.setAppData(props.initialData.appData.data, props.initialData.appData.queryMonitor);
     loader.populateRouteData(props.pathname, props.initialData);
     return (_jsxs(APIProvider, { children: [_jsx(SSRRouter, { loader: loader, hostname: props.hostname, isAI: props.isAI, route: normalizeRoute({
                     id: "initial",

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

@@ -1 +1 @@
-{"version":3,"file":"ContentBlocks.d.ts","sourceRoot":"","sources":["../../../../src/app/lib/blocks/ContentBlocks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,YAAY,EAA4C,MAAM,OAAO,CAAA;AAO3G,KAAK,iBAAiB,CAAC,KAAK,EAAE,MAAM,IAAI;IACtC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,KAAK,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,GAAG,CAAA;IACV,WAAW,CAAC,EAAE,YAAY,EAAE,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,GAAG,CAAA;CACZ,GAAG,OAAO,CAAC,eAAe,CAAC,CAAA;AAE5B;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;KACxB,CAAC,IAAI,MAAM,UAAU,GAAG,iBAAiB,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;CAC7D,CAAC,MAAM,UAAU,CAAC,CAAA;AAEnB;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,SAAS,EAAE,YAAY,EAAE,CAAA;IACzB,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,OAAO,EAAE,YAAY,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,eAAO,MAAM,aAAa,oDAAsD,CAAA;AAEhF,MAAM,MAAM,uBAAuB,GAAG;IACpC;;;;;;;;;;;;;;OAcG;IACH,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,GAAG,EAAE,aAAa,KAAK,YAAY,CAAA;IACxE;;;;;;;;;;;;;OAaG;IACH,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE;QACb,SAAS,EAAE,YAAY,EAAE,CAAA;QACzB,MAAM,CAAC,EAAE,YAAY,CAAA;QACrB,IAAI,EAAE,YAAY,GAAG,IAAI,CAAA;QACzB,IAAI,EAAE,YAAY,GAAG,IAAI,CAAA;QACzB,KAAK,EAAE,MAAM,CAAA;KACd,KAAK,YAAY,GAAG,IAAI,CAAA;CAC1B,CAAA;AAED,KAAK,KAAK,GAAG;IACX,kDAAkD;IAClD,MAAM,CAAC,EAAE,YAAY,EAAE,CAAA;CACxB,GAAG,uBAAuB,CAAA;AAS3B;;GAEG;AACH,eAAO,MAAM,aAAa,8CAAgB,KAAK,oDA8E7C,CAAA;AAIF,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,YAAY,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,WAAW,kDA+CpD"}
+{"version":3,"file":"ContentBlocks.d.ts","sourceRoot":"","sources":["../../../../src/app/lib/blocks/ContentBlocks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,YAAY,EAA4C,MAAM,OAAO,CAAA;AAQ3G,KAAK,iBAAiB,CAAC,KAAK,EAAE,MAAM,IAAI;IACtC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,KAAK,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,GAAG,CAAA;IACV,WAAW,CAAC,EAAE,YAAY,EAAE,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,GAAG,CAAA;CACZ,GAAG,OAAO,CAAC,eAAe,CAAC,CAAA;AAE5B;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;KACxB,CAAC,IAAI,MAAM,UAAU,GAAG,iBAAiB,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;CAC7D,CAAC,MAAM,UAAU,CAAC,CAAA;AAEnB;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,SAAS,EAAE,YAAY,EAAE,CAAA;IACzB,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,OAAO,EAAE,YAAY,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,eAAO,MAAM,aAAa,oDAAsD,CAAA;AAEhF,MAAM,MAAM,uBAAuB,GAAG;IACpC;;;;;;;;;;;;;;OAcG;IACH,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,GAAG,EAAE,aAAa,KAAK,YAAY,CAAA;IACxE;;;;;;;;;;;;;OAaG;IACH,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE;QACb,SAAS,EAAE,YAAY,EAAE,CAAA;QACzB,MAAM,CAAC,EAAE,YAAY,CAAA;QACrB,IAAI,EAAE,YAAY,GAAG,IAAI,CAAA;QACzB,IAAI,EAAE,YAAY,GAAG,IAAI,CAAA;QACzB,KAAK,EAAE,MAAM,CAAA;KACd,KAAK,YAAY,GAAG,IAAI,CAAA;CAC1B,CAAA;AAED,KAAK,KAAK,GAAG;IACX,kDAAkD;IAClD,MAAM,CAAC,EAAE,YAAY,EAAE,CAAA;CACxB,GAAG,uBAAuB,CAAA;AAS3B;;GAEG;AACH,eAAO,MAAM,aAAa,8CAAgB,KAAK,oDAyF7C,CAAA;AAIF,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,YAAY,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,WAAW,kDAiDpD"}

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

@@ -1,10 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Fragment, createContext, memo, useContext, useMemo } from "react";
-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";
+import { blockManifestReader } from "../internal/read-block-manifest.js";
 import { useRouter } from "../routing/index.js";
+import { BlockDebug, PageStructureNode, usePageStructureNode } from "./block-debugger.js";
+import { addBlockMetadata } from "./block-utils.js";
+import { InlineEditingContextProvider, ReadonlyInlineEditingProvider } from "./inline-editing.js";
 export const BlocksContext = createContext(undefined);
 /**
  * Render a set of Gutenberg blocks
@@ -68,10 +69,16 @@ export const ContentBlocks = memo((props) => {
             return (_jsxs(Fragment, { children: [spaceBefore, _jsx(BlockErrorBoundary, { block: block, blockContext: ctx, children: blockNode }), spaceAfter] }, block.slug + "_" + index));
         });
     }, [blocks, props.wrapBlock, props.spacer]);
+    const debugNode = usePageStructureNode({
+        type: "blocks",
+        children: [],
+        isInnerBlocks: false,
+        id: "",
+    });
     if (env.admin) {
         return _jsx(ReadonlyInlineEditingProvider, { children: layout });
     }
-    return _jsx(Fragment, { children: layout });
+    return (_jsx(Fragment, { children: _jsx(PageStructureNode, { node: debugNode, children: layout }) }));
 });
 ContentBlocks.displayName = "ContentBlocks";
 export function SingleContentBlock(props) {
@@ -89,16 +96,16 @@ export function SingleContentBlock(props) {
     // Apply the block style class name
     // @ts-ignore
     block.props.blockStyle = block.class?.replace("is-style-", "");
-    let result = (_jsx(InlineEditingContextProvider, { block: [block.blockName, block.props], values: block.inline, innerBlocks: block.innerBlocks ?? [], index: props.index ?? 0, children: _jsx(Component, { ...block.props, innerHTML: block.innerHTML, 
-            // innerBlocks={block.innerBlocks}
-            children: Array.isArray(block.innerBlocks) && block.innerBlocks.length ? (_jsx(ContentBlocks, { blocks: block.innerBlocks })) : null }) }));
+    let result = (_jsx(InlineEditingContextProvider, { block: [block.blockName, block.props], values: block.inline, innerBlocks: block.innerBlocks ?? [], index: props.index ?? 0, children: _jsx(BlockDebug, { block: block, children: _jsx(Component, { ...block.props, innerHTML: block.innerHTML, 
+                // innerBlocks={block.innerBlocks}
+                children: Array.isArray(block.innerBlocks) && block.innerBlocks.length ? (_jsx(ContentBlocks, { blocks: block.innerBlocks })) : null }) }) }));
     if (!env.client && env.serverless) {
         const router = useRouter();
         if (router.isAI) {
             result = _jsx("div", { "data-block-type": props.block.slug, children: result });
         }
     }
-    return result;
+    return _jsx(_Fragment, { children: result });
 }
 function useBlockComponent(block) {
     return blockManifestReader.value[block.blockName];

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

@@ -0,0 +1,64 @@
+import { PropsWithChildren, ReactNode } from "react";
+import { RouteState } from "../routing";
+import { type ContentBlock } from "./ContentBlocks";
+import { InlineEditingContext } from "./inline-editing";
+export type PageStructureNode = {
+    type: "block";
+    id: string;
+    block: ContentBlock;
+    context: InlineEditingContext | undefined;
+    children: PageStructureNode[];
+    getElements?: () => HTMLElement[];
+    parent?: PageStructureNode;
+} | {
+    type: "route";
+    id: string;
+    route: RouteState;
+    children: PageStructureNode[];
+    parent?: PageStructureNode;
+} | {
+    type: "blocks";
+    id: string;
+    isInnerBlocks: boolean;
+    children: PageStructureNode[];
+    parent?: PageStructureNode;
+} | {
+    type: "debug";
+    id: string;
+    label: string;
+    data: Record<string, any>;
+    logEntries: {
+        time: Date;
+        args: any[];
+    }[];
+    children: PageStructureNode[];
+    parent?: PageStructureNode;
+    getElements?: () => HTMLElement[];
+} | {
+    type: "root";
+    id: string;
+    children: PageStructureNode[];
+};
+export declare const pageStructureRoot: PageStructureNode;
+export declare const BlockDebugContext: import("react").Context<PageStructureNode>;
+export declare function usePageStructureNode<T extends PageStructureNode["type"]>(initial: Extract<PageStructureNode, {
+    type: T;
+}>): Extract<PageStructureNode, {
+    type: T;
+}>;
+export declare function useDebugNode<T extends Record<string, any> | undefined>(label: string, initial?: T): (T extends Record<string, any> ? T : {}) & {
+    log(...args: any[]): void;
+};
+export declare function DebugNode<T extends Record<string, any>>(props: PropsWithChildren<{
+    label: string;
+    data?: T;
+}>): import("react/jsx-runtime").JSX.Element;
+export declare function PageStructureNode({ node, children }: {
+    node: PageStructureNode;
+    children?: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function BlockDebug(props: {
+    block: ContentBlock;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=block-debugger.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"block-debugger.d.ts","sourceRoot":"","sources":["../../../../src/app/lib/blocks/block-debugger.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,157 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useFiber } from "its-fine";
+import { createContext, Fragment, useContext, useEffect, useId, useMemo } from "react";
+import { proxy, ref } from "valtio";
+import { useBlockContext } from "./inline-editing";
+import { hash } from "object-code";
+export const pageStructureRoot = proxy({
+    type: "root",
+    id: "root",
+    children: [],
+});
+if (env.client && !env.admin) {
+    // @ts-ignore
+    window.pageStructure = pageStructureRoot;
+}
+export const BlockDebugContext = createContext(pageStructureRoot);
+export function usePageStructureNode(initial) {
+    const id = useId();
+    if (!env.client || env.admin) {
+        return {
+            ...initial,
+            id: id,
+        };
+    }
+    const parent = useContext(BlockDebugContext);
+    const node = useMemo(() => {
+        return proxy({ ...initial, id, parent });
+    }, []);
+    return node;
+}
+export function useDebugNode(label, initial) {
+    if (!env.client || env.admin) {
+        return {
+            log: console.log.bind(console, `[Debug: ${label}]`),
+            ...initial,
+        };
+    }
+    const fiber = useFiber();
+    const parent = useContext(BlockDebugContext);
+    const id = useId();
+    const node = useMemo(() => {
+        return proxy({
+            type: "debug",
+            data: initial ?? {},
+            logEntries: [],
+            label,
+            id,
+            parent,
+            children: [],
+            getElements: createGetElements(fiber),
+        });
+    }, []);
+    useEffect(() => {
+        node.data = initial ?? {};
+    }, [hash(initial ?? {})]);
+    node.data.log = (...args) => {
+        node.logEntries.push(ref({ time: new Date(), args }));
+    };
+    useEffect(() => {
+        if (parent) {
+            parent.children.push(node);
+            return () => {
+                parent.children = parent.children.filter((c) => c !== node);
+            };
+        }
+    }, [node]);
+    return node.data;
+}
+export function DebugNode(props) {
+    if (!env.client || env.admin)
+        return _jsx(Fragment, { children: props.children });
+    const fiber = useFiber();
+    const parent = useContext(BlockDebugContext);
+    const id = useId();
+    const node = useMemo(() => {
+        return proxy({
+            type: "debug",
+            data: props.data ?? {},
+            logEntries: [],
+            label: props.label,
+            id,
+            parent,
+            children: [],
+            getElements: createGetElements(fiber),
+        });
+    }, []);
+    useEffect(() => {
+        node.data = props.data ?? {};
+    }, [hash(props.data ?? {})]);
+    useEffect(() => {
+        node.label = props.label;
+    }, [props.label]);
+    return _jsx(PageStructureNode, { node: node, children: props.children });
+}
+export function PageStructureNode({ node, children }) {
+    if (!env.client || env.admin)
+        return _jsx(Fragment, { children: children });
+    useEffect(() => {
+        if (node.type !== "root") {
+            const parent = node.parent;
+            if (parent) {
+                parent.children.push(node);
+                return () => {
+                    parent.children = parent.children.filter((c) => c !== node);
+                };
+            }
+        }
+    }, []);
+    return _jsx(BlockDebugContext.Provider, { value: node, children: children });
+}
+function createGetElements(fiber) {
+    function findChildren(fiber) {
+        const children = [];
+        if (!fiber)
+            return children;
+        if (fiber.stateNode instanceof HTMLElement) {
+            children.push(fiber.stateNode);
+            return children;
+        }
+        let child = fiber.child;
+        while (child) {
+            const match = findChildren(child);
+            if (match?.length > 0)
+                children.push(...match);
+            child = child.sibling;
+        }
+        return children;
+    }
+    return () => {
+        try {
+            return findChildren(fiber);
+        }
+        catch (e) {
+            return [];
+        }
+    };
+}
+export function BlockDebug(props) {
+    if (!env.client || env.admin)
+        return _jsx(Fragment, { children: props.children });
+    const fiber = useFiber();
+    const blockContext = useBlockContext();
+    const node = usePageStructureNode({
+        type: "block",
+        id: "unknown",
+        block: ref(props.block),
+        context: blockContext ? ref(blockContext) : undefined,
+        children: [],
+    });
+    node.id = blockContext?.instanceId ?? "unknown";
+    node.block = ref(props.block);
+    node.context = blockContext ? ref(blockContext) : undefined;
+    useEffect(() => {
+        node.getElements = createGetElements(fiber);
+    }, []);
+    return _jsx(PageStructureNode, { node: node, children: props.children });
+}

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

@@ -122,7 +122,7 @@ type EditorConfig = {
  */
 export declare function defineEditorConfig(config: EditorConfig): void;
 export declare function getEditingPostInfo(): PostInfo;
-export declare function updateTemplateConfig(): void;
+export declare function updateTemplateConfig(postInfo?: PostInfo): void;
 export declare function watchEditorTemplate(): void;
 export {};
 //# sourceMappingURL=editor-config.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"editor-config.d.ts","sourceRoot":"","sources":["../../../../../src/app/lib/blocks/editor/editor-config.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"editor-config.d.ts","sourceRoot":"","sources":["../../../../../src/app/lib/blocks/editor/editor-config.tsx"],"names":[],"mappings":"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"}

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

@@ -1,11 +1,14 @@
 import { proxy } from "valtio";
 import { applyTemplateBlocks, resolveAcfBlockName, transformBlockTemplate, transformTemplateToBlocks, } from "./block-templates.js";
+import { hash } from "object-code";
+import { adminManifestReader } from "../../internal/read-admin-manifest.js";
 export const editorConfigStore = proxy({
     config: null,
     currentBlocksConfig: {},
 });
 export function configureEditorBlocks(config) {
     const wp = window.wp;
+    editorConfigStore.currentBlocksConfig = config;
     let hideStyles = document.getElementById("title-hider");
     hideStyles?.remove();
     if (config.hideTitle) {
@@ -59,38 +62,43 @@ export function getEditingPostInfo() {
     }
     return postInfo;
 }
-export function updateTemplateConfig() {
+export function updateTemplateConfig(postInfo = getEditingPostInfo()) {
     const wp = window.wp;
-    const postInfo = getEditingPostInfo();
     const editorConfig = editorConfigStore.config;
     if (!editorConfig)
         return;
+    // Sometimes the post hasn't loaded yet!
+    if (!postInfo.type)
+        return;
+    if (postInfo.isTemplatePart && postInfo.slug in adminManifestReader.value.blockTemplateParts) {
+        const templatePart = adminManifestReader.value.blockTemplateParts[postInfo.slug];
+        configureEditorBlocks({
+            template: [[templatePart.blockSlug, {}]],
+            rootBlocks: ["none"],
+        });
+        return;
+    }
     const matched = editorConfig.matchers?.find((matcher) => {
         return matcher.match(postInfo);
     });
     if (matched) {
         const config = typeof matched.config === "function" ? matched.config(postInfo) : matched.config;
-        editorConfigStore.currentBlocksConfig = config;
         configureEditorBlocks(config);
     }
     else {
-        editorConfigStore.currentBlocksConfig = {};
         configureEditorBlocks({});
     }
 }
 export function watchEditorTemplate() {
-    let lastKey = "unknown";
+    let lastKey = -1;
     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(";");
+        const info = getEditingPostInfo();
+        const key = hash({ ...info, content: "", blocks: "", selection: "" });
         if (key !== lastKey) {
             lastKey = key;
             clearTimeout(timer);
-            timer = setTimeout(() => {
-                updateTemplateConfig();
-            }, 20);
+            setTimeout(() => updateTemplateConfig(info), 100);
         }
     };
     wp.data.subscribe(() => {

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

@@ -1,5 +1,5 @@
 export declare const blockMetaDescriptors: Map<string, BlockMeta> & {
-    $$valtioSnapshot: Omit<Map<string, BlockMeta>, "set" | "clear" | "delete">;
+    $$valtioSnapshot: Omit<Map<string, BlockMeta>, "set" | "delete" | "clear">;
 };
 export declare function whenEditorIsReady(): Promise<void>;
 export declare function installEDGutenbergHooks(): void;

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

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

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

@@ -170,6 +170,15 @@ export function installEDGutenbergHooks() {
     });
     // Recalculate registered blocks when rootBlocks change
     rootBlocks.listen();
+    const blockEditorSelectors = wp.data.select("core/block-editor");
+    const originalGetInserterItems = blockEditorSelectors.getInserterItems;
+    blockEditorSelectors.getInserterItems = (rootId, options) => {
+        const result = originalGetInserterItems(rootId, options);
+        if (result.some((item) => item.isAllowedInCurrentRoot)) {
+            return result.filter((item) => item.isAllowedInCurrentRoot);
+        }
+        return result;
+    };
     wp.hooks.addFilter("blocks.registerBlockType", "ed", (item, name) => {
         // Hook into ACF blocks, customising the edit mode.
         if (name.startsWith("acf/")) {
@@ -240,6 +249,9 @@ export function installEDGutenbergHooks() {
                 return item.ancestor ? blocksByTag.expand(item.ancestor) : undefined;
             },
             get allowedBlocks() {
+                if (name === "core/post-content") {
+                    return [...blocksByTag.expand([...rootBlocks.getRootBlocks()]), "core/block"];
+                }
                 return item.allowedBlocks ? [...blocksByTag.expand(item.allowedBlocks), "core/slot-group"] : undefined;
             },
         };

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

@@ -9,4 +9,5 @@ export * from "./editor/usePostEditor.js";
 export { useBlockContext, useInlineEditableValue, useInnerBlocks, useTemplate, useBlockSelection, } from "./inline-editing.js";
 export * from "./InnerBlocks.js";
 export * from "./SlotBlocks.js";
+export { useDebugNode, DebugNode } from "./block-debugger.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +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,KAAK,0BAA0B,EAAE,MAAM,2BAA2B,CAAA;AAC/F,cAAc,2BAA2B,CAAA;AACzC,OAAO,EACL,eAAe,EACf,sBAAsB,EACtB,cAAc,EACd,WAAW,EACX,iBAAiB,GAClB,MAAM,qBAAqB,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA"}
+{"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,KAAK,0BAA0B,EAAE,MAAM,2BAA2B,CAAA;AAC/F,cAAc,2BAA2B,CAAA;AACzC,OAAO,EACL,eAAe,EACf,sBAAsB,EACtB,cAAc,EACd,WAAW,EACX,iBAAiB,GAClB,MAAM,qBAAqB,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAC/B,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA"}

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

@@ -9,4 +9,5 @@ export * from "./editor/usePostEditor.js";
 export { useBlockContext, useInlineEditableValue, useInnerBlocks, useTemplate, useBlockSelection, } from "./inline-editing.js";
 export * from "./InnerBlocks.js";
 export * from "./SlotBlocks.js";
+export { useDebugNode, DebugNode } from "./block-debugger.js";
 // export { BlockPropMutator } from "./BlockPropMutator.js"

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

@@ -11,7 +11,7 @@ export type BlockInstance = {
     originalContent?: string | undefined;
     props?: any;
 };
-type InlineEditingContext = {
+export type InlineEditingContext = {
     values: Attributes;
     innerBlocks: ContentBlock[];
     parents: [string, Attributes][];
@@ -23,6 +23,7 @@ type InlineEditingContext = {
     insertBlocksAfter?: (block: any) => void;
     readonly?: boolean;
     clientId?: string;
+    instanceId: string;
 };
 export declare const InlineEditingContext: import("react").Context<InlineEditingContext | undefined>;
 type ProviderProps = PropsWithChildren<{