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

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,167 +155,478 @@ 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 =
-  | "menu"
-  | "admin-site"
-  | "dashboard"
-  | "admin-post"
-  | "admin-media"
+  | "admin-appearance"
+  | "admin-collapse"
+  | "admin-comments"
+  | "admin-customizer"
+  | "admin-generic"
+  | "admin-home"
   | "admin-links"
+  | "admin-media"
+  | "admin-multisite"
+  | "admin-network"
   | "admin-page"
-  | "admin-comments"
-  | "admin-appearance"
   | "admin-plugins"
-  | "admin-users"
-  | "admin-tools"
+  | "admin-post"
   | "admin-settings"
-  | "admin-network"
-  | "admin-home"
-  | "admin-generic"
-  | "admin-collapse"
-  | "welcome-write-blog"
-  | "welcome-add-page"
-  | "welcome-view-site"
-  | "welcome-widgets-menus"
-  | "welcome-comments"
-  | "welcome-learn-more"
-  | "format-aside"
-  | "format-image"
-  | "format-gallery"
-  | "format-video"
-  | "format-status"
-  | "format-quote"
-  | "format-chat"
-  | "format-audio"
+  | "admin-site"
+  | "admin-site-alt"
+  | "admin-site-alt2"
+  | "admin-site-alt3"
+  | "admin-tools"
+  | "admin-users"
+  | "airplane"
+  | "album"
+  | "align-center"
+  | "align-full-width"
+  | "align-left"
+  | "align-none"
+  | "align-pull-left"
+  | "align-pull-right"
+  | "align-right"
+  | "align-wide"
+  | "amazon"
+  | "analytics"
+  | "archive"
+  | "arrow-down"
+  | "arrow-down-alt"
+  | "arrow-down-alt2"
+  | "arrow-left"
+  | "arrow-left-alt"
+  | "arrow-left-alt2"
+  | "arrow-right"
+  | "arrow-right-alt"
+  | "arrow-right-alt2"
+  | "arrow-up"
+  | "arrow-up-alt"
+  | "arrow-up-alt2"
+  | "arrow-up-duplicate"
+  | "art"
+  | "awards"
+  | "backup"
+  | "bank"
+  | "beer"
+  | "bell"
+  | "block-default"
+  | "book"
+  | "book-alt"
+  | "buddicons-activity"
+  | "buddicons-bbpress-logo"
+  | "buddicons-buddypress-logo"
+  | "buddicons-community"
+  | "buddicons-forums"
+  | "buddicons-friends"
+  | "buddicons-groups"
+  | "buddicons-pm"
+  | "buddicons-replies"
+  | "buddicons-topics"
+  | "buddicons-tracking"
+  | "building"
+  | "businessman"
+  | "businessperson"
+  | "businesswoman"
+  | "button"
+  | "calculator"
+  | "calendar"
+  | "calendar-alt"
   | "camera"
-  | "images-alt"
-  | "images-alt2"
-  | "video-alt"
-  | "video-alt2"
-  | "video-alt3"
-  | "image-crop"
-  | "image-rotate-left"
-  | "image-rotate-right"
-  | "image-flip-vertical"
-  | "image-flip-horizontal"
-  | "undo"
-  | "redo"
-  | "editor-bold"
-  | "editor-italic"
-  | "editor-ul"
-  | "editor-ol"
-  | "editor-quote"
-  | "editor-alignleft"
+  | "camera-alt"
+  | "car"
+  | "carrot"
+  | "cart"
+  | "category"
+  | "chart-area"
+  | "chart-bar"
+  | "chart-line"
+  | "chart-pie"
+  | "clipboard"
+  | "clock"
+  | "cloud"
+  | "cloud-saved"
+  | "cloud-upload"
+  | "code-standards"
+  | "coffee"
+  | "color-picker"
+  | "columns"
+  | "controls-back"
+  | "controls-forward"
+  | "controls-pause"
+  | "controls-play"
+  | "controls-repeat"
+  | "controls-skipback"
+  | "controls-skipforward"
+  | "controls-volumeoff"
+  | "controls-volumeon"
+  | "cover-image"
+  | "dashboard"
+  | "database"
+  | "database-add"
+  | "database-export"
+  | "database-import"
+  | "database-remove"
+  | "database-view"
+  | "desktop"
+  | "dismiss"
+  | "download"
+  | "drumstick"
+  | "edit"
+  | "edit-large"
+  | "edit-page"
   | "editor-aligncenter"
+  | "editor-alignleft"
   | "editor-alignright"
+  | "editor-bold"
+  | "editor-break"
+  | "editor-code"
+  | "editor-code-duplicate"
+  | "editor-contract"
+  | "editor-customchar"
+  | "editor-expand"
+  | "editor-help"
+  | "editor-indent"
   | "editor-insertmore"
-  | "editor-spellcheck"
-  | "editor-distractionfree"
-  | "editor-kitchensink"
-  | "editor-underline"
+  | "editor-italic"
   | "editor-justify"
-  | "editor-textcolor"
-  | "editor-paste-word"
+  | "editor-kitchensink"
+  | "editor-ltr"
+  | "editor-ol"
+  | "editor-ol-rtl"
+  | "editor-outdent"
+  | "editor-paragraph"
   | "editor-paste-text"
+  | "editor-paste-word"
+  | "editor-quote"
   | "editor-removeformatting"
-  | "editor-video"
-  | "editor-customchar"
-  | "editor-outdent"
-  | "editor-indent"
-  | "editor-help"
+  | "editor-rtl"
+  | "editor-spellcheck"
   | "editor-strikethrough"
+  | "editor-table"
+  | "editor-textcolor"
+  | "editor-ul"
+  | "editor-underline"
   | "editor-unlink"
-  | "editor-rtl"
-  | "align-left"
-  | "align-right"
-  | "align-center"
-  | "align-none"
-  | "lock"
-  | "calendar"
-  | "visibility"
-  | "post-status"
-  | "edit"
-  | "trash"
-  | "arrow-up"
-  | "arrow-down"
-  | "arrow-right"
-  | "arrow-left"
-  | "arrow-up-alt"
-  | "arrow-down-alt"
-  | "arrow-right-alt"
-  | "arrow-left-alt"
-  | "arrow-up-alt2"
-  | "arrow-down-alt2"
-  | "arrow-right-alt2"
-  | "arrow-left-alt2"
-  | "sort"
-  | "leftright"
-  | "list-view"
-  | "exerpt-view"
-  | "share"
-  | "share-alt"
-  | "share-alt2"
-  | "twitter"
-  | "rss"
+  | "editor-video"
+  | "ellipsis"
+  | "email"
+  | "email-alt"
+  | "email-alt2"
+  | "embed-audio"
+  | "embed-generic"
+  | "embed-photo"
+  | "embed-post"
+  | "embed-video"
+  | "excerpt-view"
+  | "exit"
+  | "external"
   | "facebook"
   | "facebook-alt"
+  | "feedback"
+  | "filter"
+  | "flag"
+  | "food"
+  | "format-aside"
+  | "format-audio"
+  | "format-chat"
+  | "format-gallery"
+  | "format-image"
+  | "format-quote"
+  | "format-status"
+  | "format-video"
+  | "forms"
+  | "fullscreen-alt"
+  | "fullscreen-exit-alt"
+  | "games"
+  | "google"
   | "googleplus"
-  | "networking"
+  | "grid-view"
+  | "groups"
   | "hammer"
-  | "art"
-  | "migrate"
-  | "performance"
-  | "wordpress"
-  | "wordpress-alt"
-  | "pressthis"
-  | "update"
-  | "screenoptions"
+  | "heading"
+  | "heart"
+  | "hidden"
+  | "hourglass"
+  | "html"
+  | "id"
+  | "id-alt"
+  | "image-crop"
+  | "image-filter"
+  | "image-flip-horizontal"
+  | "image-flip-vertical"
+  | "image-rotate"
+  | "image-rotate-left"
+  | "image-rotate-right"
+  | "images-alt"
+  | "images-alt2"
+  | "index-card"
   | "info"
-  | "cart"
-  | "feedback"
-  | "cloud"
-  | "translation"
-  | "tag"
-  | "category"
-  | "yes"
+  | "info-outline"
+  | "insert"
+  | "insert-after"
+  | "insert-before"
+  | "instagram"
+  | "laptop"
+  | "layout"
+  | "leftright"
+  | "lightbulb"
+  | "linkedin"
+  | "list-view"
+  | "location"
+  | "location-alt"
+  | "lock"
+  | "lock-duplicate"
+  | "marker"
+  | "media-archive"
+  | "media-audio"
+  | "media-code"
+  | "media-default"
+  | "media-document"
+  | "media-interactive"
+  | "media-spreadsheet"
+  | "media-text"
+  | "media-video"
+  | "megaphone"
+  | "menu"
+  | "menu-alt"
+  | "menu-alt2"
+  | "menu-alt3"
+  | "microphone"
+  | "migrate"
+  | "minus"
+  | "money"
+  | "money-alt"
+  | "move"
+  | "nametag"
+  | "networking"
   | "no"
   | "no-alt"
+  | "open-folder"
+  | "palmtree"
+  | "paperclip"
+  | "pdf"
+  | "performance"
+  | "pets"
+  | "phone"
+  | "pinterest"
+  | "playlist-audio"
+  | "playlist-video"
+  | "plugins-checked"
   | "plus"
-  | "minus"
-  | "dismiss"
-  | "marker"
-  | "star-filled"
-  | "star-half"
-  | "star-empty"
-  | "flag"
-  | "location"
-  | "location-alt"
-  | "vault"
+  | "plus-alt"
+  | "plus-alt2"
+  | "podio"
+  | "portfolio"
+  | "post-status"
+  | "pressthis"
+  | "printer"
+  | "privacy"
+  | "products"
+  | "randomize"
+  | "reddit"
+  | "redo"
+  | "remove"
+  | "rest-api"
+  | "rss"
+  | "saved"
+  | "schedule"
+  | "screenoptions"
+  | "search"
+  | "share"
+  | "share-alt"
+  | "share-alt2"
   | "shield"
   | "shield-alt"
-  | "search"
+  | "shortcode"
   | "slides"
-  | "analytics"
-  | "chart-pie"
-  | "chart-bar"
-  | "chart-line"
-  | "chart-area"
-  | "groups"
-  | "businessman"
-  | "id"
-  | "id-alt"
-  | "products"
-  | "awards"
-  | "forms"
-  | "portfolio"
-  | "book"
-  | "book-alt"
-  | "download"
-  | "upload"
-  | "backup"
-  | "lightbulb"
+  | "smartphone"
   | "smiley"
+  | "sort"
+  | "sos"
+  | "spotify"
+  | "star-empty"
+  | "star-filled"
+  | "star-half"
+  | "sticky"
+  | "store"
+  | "superhero"
+  | "superhero-alt"
+  | "table-col-after"
+  | "table-col-before"
+  | "table-col-delete"
+  | "table-row-after"
+  | "table-row-before"
+  | "table-row-delete"
+  | "tablet"
+  | "tag"
+  | "tagcloud"
+  | "testimonial"
+  | "text"
+  | "text-page"
+  | "thumbs-down"
+  | "thumbs-up"
+  | "tickets"
+  | "tickets-alt"
+  | "tide"
+  | "translation"
+  | "trash"
+  | "twitch"
+  | "twitter"
+  | "twitter-alt"
+  | "undo"
+  | "universal-access"
+  | "universal-access-alt"
+  | "unlock"
+  | "update"
+  | "update-alt"
+  | "upload"
+  | "vault"
+  | "video-alt"
+  | "video-alt2"
+  | "video-alt3"
+  | "visibility"
+  | "warning"
+  | "welcome-add-page"
+  | "welcome-comments"
+  | "welcome-learn-more"
+  | "welcome-view-site"
+  | "welcome-widgets-menus"
+  | "welcome-write-blog"
+  | "whatsapp"
+  | "wordpress"
+  | "wordpress-alt"
+  | "xing"
+  | "yes"
+  | "yes-alt"
+  | "youtube"
+
+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 }),
-}));