eddev 2.0.0-beta.24 → 2.0.0-beta.240

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,2 @@
+export {};
+//# sourceMappingURL=HydrationOverlay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HydrationOverlay.d.ts","sourceRoot":"","sources":["../../../src/app/entry/HydrationOverlay.tsx"],"names":[],"mappings":"AAqKA,OAAO,EAAE,CAAA"}

package/dist/app/entry/HydrationOverlay.js

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MetaTags.d.ts","sourceRoot":"","sources":["../../../src/app/entry/MetaTags.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,YAAY,EAAE,CAAA;CACrB,CAAA;AAiBD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,KAAK,2CAqBpC"}

package/dist/app/entry/MetaTags.js

@@ -1,17 +1,30 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo } from "react";
+const REACT_ATTRIBUTES = {
+    class: "className",
+    "http-equiv": "httpEquiv",
+    "accept-charset": "acceptCharset",
+};
+function toReactAttributes(attributes) {
+    return Object.fromEntries(Object.entries(attributes).map(([key, value]) => {
+        if (key in REACT_ATTRIBUTES)
+            key = REACT_ATTRIBUTES[key];
+        return [key, value === "" ? true : value];
+    }));
+}
 export function MetaTags(props) {
-    return (_jsx(Fragment, { children: props.tags?.map((tag, i) => {
-            const Component = tag.tagName;
-            const props = { ...tag.attributes };
-            if (tag.inner) {
-                if (tag.tagName === "title") {
-                    props.children = tag.inner;
-                }
-                else {
-                    props.dangerouslySetInnerHTML = { __html: tag.inner };
-                }
+    return useMemo(() => (_jsx(_Fragment, { children: props.tags?.map((tag, i) => {
+            const Tag = tag.tagName;
+            const tagProps = Array.isArray(tag.attributes) ? {} : toReactAttributes(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(Component, { ...props }, i);
-        }) }));
+            return _jsx(Tag, { ...tagProps }, i);
+        }) })), [props.tags]);
 }

package/dist/app/entry/boot-admin.d.ts

@@ -1 +1,2 @@
 export default function bootAdmin(): void;
+//# sourceMappingURL=boot-admin.d.ts.map

package/dist/app/entry/boot-admin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"boot-admin.d.ts","sourceRoot":"","sources":["../../../src/app/entry/boot-admin.tsx"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,SAAS,SAOhC"}

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

@@ -2,7 +2,11 @@ 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();
+    if (window.name === "editor-canvas") {
+    }
+    else {
+        installEDGutenbergHooks();
+        installFieldTypes();
+        runWidgets();
+    }
 }

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=hydration-script.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hydration-script.d.ts","sourceRoot":"","sources":["../../../src/app/entry/hydration-script.ts"],"names":[],"mappings":""}

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.d.ts

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

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

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

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

@@ -4,3 +4,4 @@ export declare function SSRClientRoot(props: {
     assets: ReactNode;
     metaTags: RouteMetaTag[];
 }): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ssr-root-client.d.ts.map

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

@@ -0,0 +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"}

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

@@ -1,16 +1,21 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { QueryClientProvider } from "@tanstack/react-query";
-import { Suspense, useRef } from "react";
-import { getQueryClient } from "../utils/query-client.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Suspense, 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";
-import { MetaTags } from "./MetaTags.js";
-import { useRouteMeta } from "../lib/routing/hooks/useRouteMeta.js";
 export function SSRClientRoot(props) {
-    const router = useRef(null);
-    return (_jsxs("html", { lang: "en", children: [_jsxs("head", { children: [_jsx("link", { rel: "icon", href: "/favicon.ico" }), _jsx(DynamicMetaTags, { tags: props.metaTags, router: router }), props.assets] }), _jsx("body", { children: _jsxs(QueryClientProvider, { client: getQueryClient(), children: [_jsx(Suspense, { children: _jsx(BrowserRouter, { routerRef: router }) }), _jsx(DevUILoader, {})] }) })] }));
+    return (_jsxs(APIProvider, { children: [_jsx(BrowserRouter, {}), _jsx(_Fragment, { children: _jsx(DynamicMetaTags, {}) }), _jsx(Suspense, { fallback: null, children: _jsx(_Fragment, { children: _jsx(DevUILoader, {}) }) })] }));
 }
-function DynamicMetaTags(props) {
-    const data = useRouteMeta();
-    return _jsx(MetaTags, { tags: data.tags ?? [] });
+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,10 +1,11 @@
-import { type ReactNode } from "react";
-import type { RouteData, RouteMetaTag } from "../lib/routing/types.js";
 import type { RouteLoader } from "../lib/routing/loader.js";
+import type { RouteData, RouteMetaTag } from "../lib/routing/types.js";
 export declare function SSRRoot(props: {
+    hostname?: string;
     pathname: string;
     initialData: RouteData;
-    assets: ReactNode;
     loader: RouteLoader;
     metaTags: RouteMetaTag[];
+    isAI?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ssr-root.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ssr-root.d.ts","sourceRoot":"","sources":["../../../src/app/entry/ssr-root.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAItE,wBAAgB,OAAO,CAAC,KAAK,EAAE;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,SAAS,CAAA;IACtB,MAAM,EAAE,WAAW,CAAA;IACnB,QAAQ,EAAE,YAAY,EAAE,CAAA;IACxB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,2CAgCA"}

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

@@ -1,24 +1,22 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Suspense } from "react";
-import { QueryClientProvider } from "@tanstack/react-query";
-import { getQueryClient } from "../utils/query-client.js";
 import { SSRRouter } from "../lib/routing/components/SSRRouter.js";
-import { normalizeRoute } from "../lib/routing/utils.js";
-import { MetaTags } from "./MetaTags.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 (_jsxs("html", { lang: "en", children: [_jsxs("head", { children: [_jsx("link", { rel: "icon", href: "/favicon.ico" }), _jsx(MetaTags, { tags: props.metaTags }), props.assets] }), _jsx("body", { children: _jsx(QueryClientProvider, { client: getQueryClient(), 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: {},
-                            }) }) }) }) })] }));
+    return (_jsxs(APIProvider, { children: [_jsx(SSRRouter, { loader: loader, hostname: props.hostname, isAI: props.isAI, 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, {}), _jsx(Suspense, { fallback: null, children: _jsx(_Fragment, {}) })] }));
 }

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

@@ -12,3 +12,4 @@ export type FieldTypeDefinition<T> = {
     validate?: (value: T) => boolean | string;
 };
 export declare function defineField<T>(args: FieldTypeDefinition<T>): FieldTypeDefinition<T>;
+//# sourceMappingURL=defineField.d.ts.map

package/dist/app/lib/admin/defineField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defineField.d.ts","sourceRoot":"","sources":["../../../../src/app/lib/admin/defineField.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAEpC,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI;IAC1B,KAAK,EAAE,CAAC,CAAA;IACR,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAA;IAC5B,QAAQ,EAAE;QACR,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KACnB,CAAA;CACF,CAAA;AAED,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI;IACnC,MAAM,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,YAAY,CAAA;IAC9C,YAAY,CAAC,EAAE,CAAC,CAAA;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,OAAO,GAAG,MAAM,CAAA;CAC1C,CAAA;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,IAAI,EAAE,mBAAmB,CAAC,CAAC,CAAC,0BAE1D"}

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

@@ -8,3 +8,4 @@ export declare function defineWidget(name: string, component: ComponentType<Widg
     component: ComponentType<WidgetProps>;
 };
 export {};
+//# sourceMappingURL=defineWidget.d.ts.map

package/dist/app/lib/admin/defineWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defineWidget.d.ts","sourceRoot":"","sources":["../../../../src/app/lib/admin/defineWidget.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,aAAa,EAAE,MAAM,OAAO,CAAA;AAEnD,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,WAAW,CAAA;IACpB,OAAO,EAAE,YAAY,CAAA;CACtB,CAAA;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,CAAC,WAAW,CAAC;;;EAK/E"}

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

@@ -1,2 +1,3 @@
 export * from "./defineField.js";
 export * from "./defineWidget.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/app/lib/admin/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA"}

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

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

package/dist/app/lib/admin/installFieldTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"installFieldTypes.d.ts","sourceRoot":"","sources":["../../../../src/app/lib/admin/installFieldTypes.tsx"],"names":[],"mappings":"AAKA,wBAAgB,iBAAiB,SAwChC"}

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

@@ -27,6 +27,8 @@ export function installFieldTypes() {
             const input = $el.find("input[type='hidden']");
             const container = document.createElement("div");
             $el.append(container);
+            $el.find(".ed-acf-field").remove();
+            container.classList.add("ed-acf-field");
             ReactDOM.createRoot(container).render(_jsx(FieldInstance, { field: data, input: input[0], settings: input.data("settings") }));
         };
         // Register with ACF

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

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

package/dist/app/lib/admin/runWidgets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"runWidgets.d.ts","sourceRoot":"","sources":["../../../../src/app/lib/admin/runWidgets.tsx"],"names":[],"mappings":"AAIA,wBAAgB,UAAU,SAiBzB"}

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

@@ -3,8 +3,8 @@ import { useEffect, useState } from "react";
 import * as ReactDOM from "react-dom/client";
 import { adminManifestReader } from "../internal/read-admin-manifest.js";
 export function runWidgets() {
-    const elements = document.querySelectorAll("[data-widget]");
     setTimeout(() => {
+        const elements = document.querySelectorAll("[data-widget]");
         elements.forEach((el) => {
             if (el instanceof HTMLElement) {
                 const data = el.dataset;
@@ -13,12 +13,17 @@ export function runWidgets() {
                 root.render(_jsx("div", { children: _jsx(WidgetInstance, { widget: name, element: el, dataset: data }) }));
             }
         });
-    }, 1000);
+    }, 10);
 }
 function WidgetInstance(props) {
     const [widget, setComponent] = useState(null);
     useEffect(() => {
         function loadComponent() {
+            if (props.widget in adminManifestReader.value.widgets === false) {
+                console.warn(`Unknown widget '${props.widget}', initialized via data-widget="${props.widget}".\n      - Did you mean one of: ${JSON.stringify(Object.keys(adminManifestReader.value.widgets))}`);
+                setComponent(null);
+                return;
+            }
             adminManifestReader.value.widgets[props.widget]().then((widget) => {
                 const Component = widget.component;
                 if (Component) {

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

@@ -5,7 +5,7 @@ type TypedContentBlock<TName, TProps> = {
     slug: TName;
     props: TProps;
     attrs: any;
-    innerBlocks: ContentBlock[];
+    innerBlocks?: ContentBlock[];
     innerHTML?: string;
     innerContent?: string[];
     rule: string;
@@ -20,13 +20,14 @@ 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;
     next?: ContentBlock;
     current: ContentBlock;
     readonly?: boolean;
+    index: number;
 };
 export declare const BlocksContext: import("react").Context<BlocksContext | undefined>;
 export type ContentBlockLayoutProps = {
@@ -41,8 +42,8 @@ export type ContentBlockLayoutProps = {
      * }}
      * ```
      *
-     * @param children The React element, which will render the block
-     * @param ctx An object containing information about the current, previous, and next block and parent blocks.
+     * @param children - The React element, which will render the block
+     * @param ctx - An object containing information about the current, previous, and next block and parent blocks.
      * @returns Return the `children` parameter, optionally wrapped by another element.
      */
     wrapBlock?: (children: ReactElement, ctx: BlocksContext) => ReactElement;
@@ -58,13 +59,14 @@ export type ContentBlockLayoutProps = {
      * }}
      * ```
      *
-     * @param ctx
+     * @param ctx - An object containing information about the current, previous, and next block and parent blocks.
      */
     spacer?: (ctx: {
         ancestors: ContentBlock[];
         parent?: ContentBlock;
         prev: ContentBlock | null;
         next: ContentBlock | null;
+        index: number;
     }) => ReactElement | null;
 };
 type Props = {
@@ -81,3 +83,4 @@ type SingleProps = {
 };
 export declare function SingleContentBlock(props: SingleProps): import("react/jsx-runtime").JSX.Element | null;
 export {};
+//# sourceMappingURL=ContentBlocks.d.ts.map

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

@@ -0,0 +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"}

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

@@ -1,9 +1,10 @@
 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.js";
-import { ErrorBoundaryFrontend } from "./ErrorBoundaryFrontend.js";
+import { BlockErrorBoundary } from "../../utils/BlockErrorBoundary.js";
 import { InlineEditingContextProvider, ReadonlyInlineEditingProvider } from "./inline-editing.js";
 import { addBlockMetadata } from "./block-utils.js";
+import { useRouter } from "../routing/index.js";
 export const BlocksContext = createContext(undefined);
 /**
  * Render a set of Gutenberg blocks
@@ -25,6 +26,7 @@ export const ContentBlocks = memo((props) => {
                 prev: blockData[index - 1],
                 next: blockData[index + 1],
                 readonly: env.admin,
+                index: index,
             };
             // Figure out the
             let blockNode;
@@ -63,7 +65,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) {
@@ -83,9 +85,20 @@ export function SingleContentBlock(props) {
             return null;
         }
     }
-    return (_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, 
+    block.props = block.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 }) }));
+    if (!env.client && env.serverless) {
+        const router = useRouter();
+        if (router.isAI) {
+            result = _jsx("div", { "data-block-type": props.block.slug, children: result });
+        }
+    }
+    return result;
 }
 function useBlockComponent(block) {
     return blockManifestReader.value[block.blockName];

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

@@ -1,22 +1,46 @@
 import { ElementType } from "react";
 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 & {}))[];
+    /**
+     * A shortcut for `allowedFormats={[]}`, but also ensures that any formatting is removed automatically.
+     *
+     * This is useful for ensuring that links are removed when the user pastes content into the editor, or removing them when they already exist within the content.
+     */
+    plainText?: boolean;
+    /**
+     * @deprecated use `allowedFormats` instead
+     */
     inlineToolbar?: boolean;
     /** Specify default content to use on the frontend if nothing has been entered */
-    defaultValue?: string;
+    defaultValue?: string | null | undefined;
     /**
      * Append a new block when the user hits 'Enter' while editing this text.
      * Specify 'true' to append a new paragraph block, or a string to specify a different block type.
      **/
     appendOnEnter?: boolean | string;
+    /**
+     * Remove this block when the user hits 'Backspace' at the start of the text.
+     * This is useful for blocks with a single text element
+     **/
+    removeOnDelete?: boolean;
     /** An optional placeholder to indicate a typable area */
-    placeholder?: string;
+    placeholder?: string | null;
 } & {
     /**
      * The 'key' of this editable text value.
@@ -31,11 +55,12 @@ type Props<T extends ElementType> = {
      * This can be combined with `useInlineEditableValue()`, `usePostTitleEditor()` or even `useState()`
      **/
     store: InlineTextValueStore | string;
-} & Omit<React.ComponentPropsWithoutRef<T>, "id"> & MaybeAsProp<React.ComponentPropsWithoutRef<T>>;
+} & Omit<React.ComponentPropsWithoutRef<T>, "id" | "defaultValue" | "placeholder"> & MaybeAsProp<React.ComponentPropsWithoutRef<T>>;
 type MaybeAsProp<T> = T extends {
     as?: infer U;
 } ? (U extends unknown ? {} : {
     asProp?: U;
 }) : {};
-export declare function EditableText<T extends ElementType>({ id, as, appendOnEnter, store, ...props }: Props<T>): import("react/jsx-runtime").JSX.Element | null;
+export declare function EditableText<T extends ElementType>({ id, as, appendOnEnter, removeOnDelete, plainText, store, ...props }: Props<T>): import("react/jsx-runtime").JSX.Element | null;
 export {};
+//# sourceMappingURL=EditableText.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditableText.d.ts","sourceRoot":"","sources":["../../../../src/app/lib/blocks/EditableText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAiC,MAAM,OAAO,CAAA;AAElE,OAAO,EAAE,gBAAgB,EAAoD,MAAM,qBAAqB,CAAA;AAGxG,MAAM,MAAM,oBAAoB,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAA;AAE3D,KAAK,cAAc,GACf,WAAW,GACX,WAAW,GACX,aAAa,GACb,WAAW,GACX,oBAAoB,GACpB,gBAAgB,GAChB,gBAAgB,GAChB,kBAAkB,GAClB,cAAc,GACd,yBAAyB,GACzB,eAAe,CAAA;AAEnB,KAAK,KAAK,CAAC,CAAC,SAAS,WAAW,IAAI;IAClC,4CAA4C;IAC5C,EAAE,CAAC,EAAE,CAAC,CAAA;IACN,uDAAuD;IACvD,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B;;;;;;;;QAQI;IACJ,cAAc,CAAC,EAAE,CAAC,cAAc,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,EAAE,CAAA;IACnD;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,iFAAiF;IACjF,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;IACxC;;;QAGI;IACJ,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAChC;;;QAGI;IACJ,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAE5B,GAAG;IACF;;;;QAII;IACJ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;;;;QAKI;IACJ,KAAK,EAAE,oBAAoB,GAAG,MAAM,CAAA;CACrC,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,IAAI,GAAG,cAAc,GAAG,aAAa,CAAC,GAChF,WAAW,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC,CAAA;AAEhD,KAAK,WAAW,CAAC,CAAC,IAAI,CAAC,SAAS;IAAE,EAAE,CAAC,EAAE,MAAM,CAAC,CAAA;CAAE,GAAG,CAAC,CAAC,SAAS,OAAO,GAAG,EAAE,GAAG;IAAE,MAAM,CAAC,EAAE,CAAC,CAAA;CAAE,CAAC,GAAG,EAAE,CAAA;AAEjG,wBAAgB,YAAY,CAAC,CAAC,SAAS,WAAW,EAAE,EAClD,EAAE,EACF,EAAE,EACF,aAAa,EACb,cAAc,EACd,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,CAAC,CAAC,kDAkGV"}

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

@@ -1,16 +1,43 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef } from "react";
 import { useRouter } from "../routing/hooks/useRouter.js";
 import { useBlockAppender, useBlockContext, useValueStore } from "./inline-editing.js";
-export function EditableText({ id, as, appendOnEnter, store, ...props }) {
+import { resolveAcfBlockName } from "./editor/block-templates.js";
+export function EditableText({ id, as, appendOnEnter, removeOnDelete, plainText, store, ...props }) {
     if (env.admin) {
         const readOnly = useBlockContext()?.readonly;
         if (!readOnly) {
+            const ref = useRef(null);
             const [value, setValue] = useValueStore(store ?? id);
+            // useEffect(() => {
+            //   if ((plainText || props.allowedFormats?.length === 0) && ref.current && !!value) {
+            //     const placeholder = ref.current.querySelector("[data-rich-text-placeholder]")
+            //     if (placeholder) return
+            //     let wasUpdated = false
+            //     ref.current?.childNodes.forEach((node) => {
+            //       if (node.nodeType === Node.ELEMENT_NODE) {
+            //         const element = node as Element
+            //         if (element.tagName != "BR") {
+            //           element.replaceWith(document.createTextNode(element.textContent ?? ""))
+            //           wasUpdated = true
+            //         }
+            //       }
+            //     })
+            //     if (wasUpdated) {
+            //       setValue(ref.current?.innerHTML)
+            //     }
+            //   }
+            // }, [value, plainText, props.allowedFormats])
             const appendBlocks = useBlockAppender();
-            return (_jsx(wp.blockEditor.RichText, { ...props, tagName: as, value: value || "", onChange: setValue, disableLineBreaks: props.disableLineBreaks, onKeyDownCapture: (e) => {
-                    if (e.key === "Enter" && appendOnEnter && appendBlocks) {
+            return (_jsx(wp.blockEditor.RichText, { ...props, ref: ref, placeholder: props.defaultValue || props.placeholder, tagName: as, value: value || "", onChange: setValue, allowedFormats: props.inlineToolbar === false || plainText ? [] : props.allowedFormats, disableLineBreaks: props.disableLineBreaks, "data-allowed-formats": props.allowedFormats?.join(" "), onRemove: (forward) => {
+                    if (removeOnDelete && !forward) {
+                        const block = wp.data.select("core/block-editor").getSelectedBlock()?.clientId;
+                        wp.data.dispatch("core/block-editor").removeBlock(block);
+                    }
+                }, onKeyDownCapture: (e) => {
+                    if (e.key === "Enter" && appendOnEnter && appendBlocks && !e.shiftKey) {
                         appendBlocks([
-                            wp.blocks.createBlock(typeof appendOnEnter === "string" ? appendOnEnter : "core/paragraph"),
+                            wp.blocks.createBlock(typeof appendOnEnter === "string" ? resolveAcfBlockName(appendOnEnter) : "core/paragraph"),
                         ]);
                         e.preventDefault();
                         e.stopPropagation();
@@ -21,11 +48,13 @@ 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.inlineToolbar;
+    delete otherProps.disableLineBreaks;
     delete otherProps.placeholder;
     if (value === "" || typeof value !== "string") {
         if (props.defaultValue) {