eddev 2.0.0-beta.17 → 2.0.0-beta.170

package/types.meta.d.ts

@@ -47,7 +47,7 @@ declare global {
     /**
      * Keywords to help with searching for this block.
      */
-    keywords?: string[]
+    keywords?: string[] | string
 
     /**
      * Flags to store arbitrary values on a block type, which can be used at runtime.
@@ -64,7 +64,9 @@ declare global {
      *
      * Keep flags short, since these values will end up in the production value!
      */
-    flags?: Partial<Record<keyof DefinedBlockFlags | (string & {}), any>>
+    flags?: Partial<{
+      [K in keyof DefinedBlockFlags | (string & {})]: DefinedBlockFlags[K]
+    }>
 
     /**
      * Tags for this block, which determine the context in which it can be used.
@@ -153,6 +155,37 @@ declare global {
      * Set to `false` for blocks which should not be added manually, such as deprecated blocks, or blocks which are added automatically using template locks.
      */
     inserter?: boolean
+
+    /**
+     * Transforms
+     */
+    transforms?: {
+      from?: AnyBlockTransform[]
+      to?: AnyBlockTransform[]
+    }
+
+    /**
+     * Controls how the ACF edit mode is handled.
+     *
+     * - Set to "preview" (default) to only allow ACF editing in the sidebar
+     * - Set to "edit" to prevent any visual previewing of the block, only ever showing the ACF form
+     * - Set to "both" to allow the user to toggle between ACF editing and visual preview
+     *
+     * @default "preview"
+     */
+    editMode?: "preview" | "edit" | "both"
+
+    /**
+     * Block styles work like 'variants' for a block, allowing you to quickly switch between different styles of the same block.
+     */
+    blockStyles?: { name: string; label: string; isDefault?: boolean }[]
+
+    /**
+     * Whether to lazy-load this block using Suspense.
+     * You can disable this for blocks with a smaller size footprint, or blocks which are almost always rendered on first visit.
+     * @default true
+     */
+    lazyLoad?: boolean
   }
 }
 type BlockIcon =
@@ -316,4 +349,101 @@ type BlockIcon =
   | "lightbulb"
   | "smiley"
 
+type TransformRawSchema = {
+  [k in keyof HTMLElementTagNameMap | "#text"]?: {
+    attributes?: string[] | undefined
+    require?: Array<keyof HTMLElementTagNameMap> | undefined
+    classes?: Array<string | RegExp> | undefined
+    children?: TransformRawSchema | undefined
+  }
+}
+
+interface TransformBlock<T extends Record<string, any>> {
+  type: "block"
+  priority?: number | undefined
+  blocks: string[]
+  isMatch?(attributes: T, block: string | string[]): boolean
+  isMultiBlock?: boolean | undefined
+  transform(attributes: T): BlockInstance<Partial<T>>
+}
+
+interface TransformEnter<T extends Record<string, any>> {
+  type: "enter"
+  priority?: number | undefined
+  regExp: RegExp
+  transform(): BlockInstance<Partial<T>>
+}
+
+interface TransformFiles<T extends Record<string, any>> {
+  type: "files"
+  priority?: number | undefined
+  isMatch?(files: FileList): boolean
+  transform(files: FileList, onChange?: (id: string, attrs: T) => void): BlockInstance<Partial<T>>
+}
+
+interface TransformPrefix<T extends Record<string, any>> {
+  type: "prefix"
+  priority?: number | undefined
+  prefix: string
+  transform(content: string): BlockInstance<Partial<T>>
+}
+
+interface TransformRaw<T extends Record<string, any>> {
+  type: "raw"
+  priority?: number | undefined
+  /**
+   * Comma-separated list of selectors, no spaces.
+   *
+   * @example 'p,div,h1,.css-class,#id'
+   */
+  selector?: string | undefined
+  schema?: TransformRawSchema | undefined
+  isMatch?(node: Node): boolean
+  // eslint-disable-next-line @typescript-eslint/no-invalid-void-type
+  transform?(node: Node): BlockInstance<Partial<T>> | void
+}
+
+interface TransformShortcode<T extends Record<string, any>> {
+  type: "shortcode"
+  priority?: number | undefined
+  tag: string
+  transform?(attributes: any, match: ShortcodeMatch): BlockInstance<T>
+  attributes?: any // TODO: add stronger types here.
+}
+
+type AnyBlockTransform<T extends Record<string, any> = Record<string, any>> =
+  | TransformBlock<T>
+  | TransformEnter<T>
+  | TransformFiles<T>
+  | TransformPrefix<T>
+  | TransformRaw<T>
+  | TransformShortcode<T>
+
+type BlockInstance<T extends Record<string, any> = { [k: string]: any }> = {
+  /**
+   * Attributes for the block.
+   */
+  readonly attributes: T
+  /**
+   * Unique ID registered to the block.
+   */
+  readonly clientId: string
+  /**
+   * Array of inner blocks, if the block has any.
+   */
+  readonly innerBlocks: BlockInstance[]
+  /**
+   * Indicates whether or not the block is valid.
+   */
+  readonly isValid: boolean
+  /**
+   * The block's registered name.
+   */
+  readonly name: string
+  /**
+   * The parsed HTML content of the block.
+   */
+  readonly originalContent?: string | undefined
+}
+
 export {}

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

@@ -1,15 +0,0 @@
-import { Component, ErrorInfo, ReactNode } from "react";
-interface Props {
-    children: ReactNode;
-}
-interface State {
-    hasError: boolean;
-    error?: Error;
-}
-export declare class ErrorBoundaryFrontend 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<ReactNode> | null | undefined;
-}
-export {};

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

@@ -1,35 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Component } from "react";
-export class ErrorBoundaryFrontend extends Component {
-    state = {
-        hasError: false,
-    };
-    static getDerivedStateFromError(err) {
-        // Update state so the next render will show the fallback UI.
-        return { hasError: true, error: err };
-    }
-    componentDidCatch(error, errorInfo) {
-        console.error("Uncaught error:", error, errorInfo);
-    }
-    render() {
-        if (this.state.hasError) {
-            const err = this.state.error;
-            if (env.dev) {
-                return (_jsx("pre", { style: {
-                        backgroundColor: "#fafafa",
-                        fontSize: "12px",
-                        color: "#d92a0b",
-                        border: "2px solid #d92a0b",
-                        borderRadius: "4px",
-                        padding: "8px",
-                        overflowX: "auto",
-                        fontFamily: '"Roboto Mono", Menlo, monospace',
-                    }, children: err.stack }));
-            }
-            else {
-                return null;
-            }
-        }
-        return this.props.children;
-    }
-}

package/dist/app/lib/hooks/apiConfig.js

@@ -1,4 +0,0 @@
-import { create } from "zustand";
-export const useAPIConfig = create((set, get) => ({
-    set: (config) => set(config),
-}));

package/dist/app/lib/hooks/usePageLoad.d.ts

@@ -1,6 +0,0 @@
-interface PageLoadStore {
-    loading: boolean;
-    setIsLoading(loading: boolean): void;
-}
-export declare const usePageLoad: import("zustand").UseBoundStore<import("zustand").StoreApi<PageLoadStore>>;
-export {};

package/dist/app/lib/hooks/usePageLoad.js

@@ -1,5 +0,0 @@
-import { create } from "zustand";
-export const usePageLoad = create((set) => ({
-    loading: false,
-    setIsLoading: (loading) => set({ loading: loading }),
-}));