eddev 2.0.0-beta.98 → 2.1.0

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/create-block.js";
+export { defineEditorConfig, type BlockWrapperClassGenerator } from "./editor/editor-config.js";
 export * from "./editor/usePostEditor.js";
-export * from "./block-utils.js";
-export { defineEditorConfig } from "./editor/editor-config.js";
-export { useBlockContext, useInlineEditableValue, useInnerBlocks, useTemplate } from "./inline-editing.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,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"}

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

@@ -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";
+// export { BlockPropMutator } from "./BlockPropMutator.js"

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

@@ -2,26 +2,39 @@ 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;
+    props?: any;
+};
 type InlineEditingContext = {
     values: Attributes;
     innerBlocks: ContentBlock[];
     parents: [string, Attributes][];
     block: [string, Attributes];
+    editorBlock?: BlockInstance;
     index: number;
     setValue(key: string, value: any): any;
     getValue(key: string): any;
     insertBlocksAfter?: (block: any) => void;
     readonly?: boolean;
+    clientId?: string;
 };
-declare const InlineEditingContext: import("react").Context<InlineEditingContext | undefined>;
+export declare const InlineEditingContext: import("react").Context<InlineEditingContext | undefined>;
 type ProviderProps = PropsWithChildren<{
     values: Attributes;
     innerBlocks: ContentBlock[];
     block: [string, Attributes];
+    editorBlock?: BlockInstance;
     index: number;
     onChange?: (attrs: Attributes) => void;
     insertBlocksAfter?: (block: any) => void;
     readonly?: boolean;
+    clientId?: string;
 }>;
 export declare function InlineEditingContextProvider(props: ProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare function ReadonlyInlineEditingProvider(props: PropsWithChildren<{}>): import("react/jsx-runtime").JSX.Element;
@@ -43,6 +56,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 +66,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":"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"}

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

@@ -3,7 +3,7 @@ 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 const InlineEditingContext = createContext(undefined);
 export function InlineEditingContextProvider(props) {
     const parentContext = useContext(InlineEditingContext);
     useMemo(() => {
@@ -14,6 +14,7 @@ export function InlineEditingContextProvider(props) {
             innerBlocks: props.innerBlocks,
             block: props.block,
             index: props.index,
+            clientId: props.clientId,
             parents: [...(parentContext?.block ? [parentContext?.block] : []), ...(parentContext?.parents || [])].filter(Boolean),
             getValue(key) {
                 return props.values?.[key];
@@ -28,6 +29,7 @@ export function InlineEditingContextProvider(props) {
             },
             insertBlocksAfter: props.insertBlocksAfter,
             readonly: props.readonly || parentContext?.readonly,
+            editorBlock: props.editorBlock,
         }, children: props.children }));
 }
 export function ReadonlyInlineEditingProvider(props) {
@@ -81,6 +83,9 @@ export function useBlockAppender() {
 }
 export function useInnerBlocks() {
     const ctx = useContext(InlineEditingContext);
+    if (env.admin && ctx?.innerBlocks) {
+        addBlockMetadata(ctx?.innerBlocks);
+    }
     return ctx?.innerBlocks || [];
 }
 export function useBlockParents() {
@@ -90,6 +95,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

@@ -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

@@ -3,5 +3,5 @@ import "../../../../../css/devtools.css";
 import { BreakpointIndicator } from "./BreakpointIndicator.js";
 import { GridIndicator } from "./GridIndicator";
 export default function DevUI() {
-    return (_jsxs("div", { className: "eddev-ui", children: [_jsx(BreakpointIndicator, {}), _jsx(GridIndicator, {})] }));
+    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

@@ -1 +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

@@ -16,7 +16,7 @@ export function GridIndicator() {
     }, []);
     const cols = [];
     for (let i = 0; i < 12; i++) {
-        cols.push(_jsx("div", { style: { height: "100%", backgroundColor: "rgba(255,0,0,0.1)" } }));
+        cols.push(_jsx("div", { style: { height: "100%", backgroundColor: "rgba(255,0,0,0.1)" } }, i));
     }
     if (env.client) {
         useLayoutEffect(() => {

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 | ((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"}