eddev 2.0.0-beta.21 → 2.0.0-beta.211

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useLayoutEffect } from "react";
+import { usePersistState } from "../hooks/usePersistState.js";
+export function GridIndicator() {
+    const [enabled, setEnabled] = usePersistState("gridOverlayEnabled", false);
+    useEffect(() => {
+        const handleKeyDown = (e) => {
+            if (e.key === "g" && e.ctrlKey) {
+                setEnabled((e) => !e);
+            }
+        };
+        window.addEventListener("keydown", handleKeyDown);
+        return () => {
+            window.removeEventListener("keydown", handleKeyDown);
+        };
+    }, []);
+    const cols = [];
+    for (let i = 0; i < 12; i++) {
+        cols.push(_jsx("div", { style: { height: "100%", backgroundColor: "rgba(255,0,0,0.1)" } }, i));
+    }
+    if (env.client) {
+        useLayoutEffect(() => {
+            document.documentElement.classList.toggle("debug-grid", enabled);
+        }, [enabled]);
+    }
+    if (!enabled)
+        return null;
+    return (_jsx("div", { style: { position: "fixed", inset: 0, zIndex: 999999999, pointerEvents: "none" }, children: _jsx("div", { className: "grid-auto debug-display", style: { height: "100%" }, children: cols }) }));
+}

package/dist/app/lib/devtools/dev-tools-store.d.ts

@@ -7,3 +7,4 @@ export declare const devToolsStore: Store & {
     set<K extends keyof Store>(key: K, value: Store[K]): void;
 };
 export {};
+//# sourceMappingURL=dev-tools-store.d.ts.map

package/dist/app/lib/devtools/dev-tools-store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dev-tools-store.d.ts","sourceRoot":"","sources":["../../../../src/app/lib/devtools/dev-tools-store.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,aAAa,CAAA;AAGtD,KAAK,KAAK,GAAG;IACX,kBAAkB,EAAE,MAAM,IAAI,CAAA;IAC9B,cAAc,EAAE,cAAc,GAAG,IAAI,CAAA;CACtC,CAAA;AAED,eAAO,MAAM,aAAa;QAAuB,CAAC,SAAS,MAAM,KAAK,OAAO,CAAC,SAAS,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI;CAMpG,CAAA"}

package/dist/app/lib/devtools/hooks/usePersistState.d.ts

@@ -1 +1,2 @@
-export declare function usePersistState<T>(id: string, initial: T): [T, (value: T) => void];
+export declare function usePersistState<T>(id: string, initial: T): [T, (value: T | ((current: T) => T)) => void];
+//# sourceMappingURL=usePersistState.d.ts.map

package/dist/app/lib/devtools/hooks/usePersistState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePersistState.d.ts","sourceRoot":"","sources":["../../../../../src/app/lib/devtools/hooks/usePersistState.tsx"],"names":[],"mappings":"AAsBA,wBAAgB,eAAe,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC,KAAK,IAAI,CAAC,CAiBxG"}

package/dist/app/lib/devtools/hooks/usePersistState.js

@@ -24,8 +24,17 @@ export function usePersistState(id, initial) {
     return [
         value,
         (value) => {
-            set(id, value);
-            setValue(value);
+            if (typeof value === "function") {
+                return setValue((cur) => {
+                    const next = value(cur);
+                    set(id, next);
+                    return next;
+                });
+            }
+            else {
+                set(id, value);
+                setValue(value);
+            }
         },
     ];
 }