eddev 0.3.35 → 2.0.0-beta.1

package/types.meta.d.ts

@@ -0,0 +1,319 @@
+declare global {
+  type PostTypeName = keyof PostTypes
+  type TemplateName = keyof PageTemplates | (string & {})
+  type BlockTypeName = Exclude<keyof BlockProps, "_core"> | (string & {})
+  type ChildBlockTypeName = BlockTypeName | keyof CoreBlockProps
+  type BlockTagName = keyof DefinedBlockTags
+
+  interface PostTypes {}
+  interface PageTemplates {}
+  interface CoreBlockProps {}
+  interface DefinedBlockTags {}
+  interface DefinedBlockFlags {}
+  interface PostMetaTypes {}
+
+  type ViewMeta = {
+    /** The human-readable title of this page template, shown in the template dropdown */
+    templateName: string
+    /** The post type (or types) that this template can be used for. @default page */
+    postType?: PostTypeName | PostTypeName[]
+    /** Whether to cache the GraphQL query */
+    cache?: boolean
+  }
+
+  /** Basic info about each block, available at runtime */
+  type PublicBlockMeta = {
+    slug: BlockTypeName
+    tags: (keyof DefinedBlockTags)[]
+    flags: DefinedBlockFlags
+  }
+
+  type BlockMeta = {
+    /** The title of this block, as shown in the editor. */
+    title: string
+    /** The description of this block type, shown in the editor */
+    description?: string
+    /**
+     * The category that this block appears in.
+     * @default text
+     **/
+    category?: "text" | "media" | "design" | "widgets" | "theme" | "embed" | "layouts" | (string & {})
+    /**
+     * The icon to use for this block. You can find the full list here:
+     * https://wordpress.github.io/gutenberg/?path=/story/icons-icon--library
+     */
+    icon?: BlockIcon
+
+    /**
+     * Keywords to help with searching for this block.
+     */
+    keywords?: string[]
+
+    /**
+     * Flags to store arbitrary values on a block type, which can be used at runtime.
+     *
+     * *Not to be confused with `tags`*!
+     *
+     * This can be useful for noting whether a block is 'full sized', or has 'no padding', for example.
+     *
+     * You can then reference these values when dealing with blocks in your code.
+     *
+     * The `spacer` and `wrapBlock` props of `<ContentBlocks />` and `<InnerBlocks />` are a great example.
+     *
+     * The flags are also returned via `useInnerBlocks()`.
+     *
+     * Keep flags short, since these values will end up in the production value!
+     */
+    flags?: Partial<Record<keyof DefinedBlockFlags | (string & {}), any>>
+
+    /**
+     * Tags for this block, which determine the context in which it can be used.
+     *
+     * * *Not to be confused with `flags`*!
+     *
+     * "root" is a special tag that allows the block to be used at the root level of the post.
+     * "inline" is a convention which applies to blocks which can be used within rich text areas.
+     *
+     * For child blocks, you can either:
+     *
+     * - Leave this blank, and use `<InnerBlocks allowedBlocks={["this-block-name"]} />` on the parent block(s) (Best for single parent-child blocks)
+     * - Leave this blank, and use `conditions: { parent: ['some-parent-block'] }`
+     * - Set this to a value, such as `["accordion-item"]`, and use `<InnerBlocks allowedBlocks={["accordion-item"]}` (Best for sites with many nested block types)
+     */
+    tags?: ("root" | "inline" | BlockTagName | (string & {}))[]
+
+    /**
+     * Conditions allow you to limit the availability of this block to specific post types and templates.
+     */
+    conditions?: {
+      /** The post types in which this block can be used. Omit for all post types. */
+      postTypes?: PostTypeName[]
+      /**
+       * The page templates in which this block can be used. Omit for all templates.
+       * Using any value here will cause 'page' to also be added to the postTypes array.
+       **/
+      templates?: TemplateName[]
+      /**
+       * Specifies that this block can only be used within specific parent blocks.
+       *
+       * You can use a block name, or a block tag — however keep in mind that when using a block tag, that will allow this block to be added to all block types which have that specific tag.
+       *
+       * For example, adding 'root' will mean that this block can be added to all root blocks. Note that this overrides the `allowedBlocks` prop of `<InnerBlocks />`
+       **/
+      parents?: (BlockTypeName | BlockTagName)[]
+      /**
+       * Allows you to specify required parent (or grandparent) blocks to which this block can be added. You can use a block name, or a block tag.
+       *
+       * This is rarely needed, but may be useful when working with React's Context system.
+       *
+       * Note that this overrides the `allowedBlocks` prop of `<InnerBlocks />`
+       **/
+      ancestors?: (BlockTypeName | BlockTagName)[]
+      /** Whether multiple of this block can be used @default true */
+      multiple?: boolean
+    }
+
+    /**
+     * Apply additional caching to this block, so that even if the page is updated, the block props will be cached for an additional period of time.
+     *
+     * This isn't normally needed.
+     */
+    cache?: boolean
+
+    /**
+     * Signifies that this block is a "meta block", in that any attached ACF fields are made available on the post they're added to.
+     *
+     * Note that blocks of this type can only be added once to each post, overriding `conditions.multiple` as `false`
+     */
+    postMetaBlock?: {
+      /**
+       * The post types that this block will be attached to.
+       * This overrides `conditions.postTypes`
+       */
+      postTypes: PostTypeName[]
+      /**
+       * The GraphQL field name which this block's ACF fields will be made available on.
+       * eg. "metadata"
+       */
+      fieldName: string
+    }
+
+    /**
+     * Allows blocks to be hidden on the frontend, which is useful for utility blocks.
+     *
+     * - Use `"hidden"` to remove this block entirely.
+     * - Use `"childrenOnly"` to replace the block with the blocks child blocks, allowing this block to be used as a 'wrapper' for admin purposes only.
+     * - Use `"default"` to show this block as normal.
+     *
+     * @default "default"
+     */
+    frontendMode?: "hidden" | "childrenOnly" | "default"
+    /**
+     * Indicates whether this block should be shown in the inserter list.
+     * 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
+  }
+}
+type BlockIcon =
+  | "menu"
+  | "admin-site"
+  | "dashboard"
+  | "admin-post"
+  | "admin-media"
+  | "admin-links"
+  | "admin-page"
+  | "admin-comments"
+  | "admin-appearance"
+  | "admin-plugins"
+  | "admin-users"
+  | "admin-tools"
+  | "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"
+  | "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"
+  | "editor-aligncenter"
+  | "editor-alignright"
+  | "editor-insertmore"
+  | "editor-spellcheck"
+  | "editor-distractionfree"
+  | "editor-kitchensink"
+  | "editor-underline"
+  | "editor-justify"
+  | "editor-textcolor"
+  | "editor-paste-word"
+  | "editor-paste-text"
+  | "editor-removeformatting"
+  | "editor-video"
+  | "editor-customchar"
+  | "editor-outdent"
+  | "editor-indent"
+  | "editor-help"
+  | "editor-strikethrough"
+  | "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"
+  | "facebook"
+  | "facebook-alt"
+  | "googleplus"
+  | "networking"
+  | "hammer"
+  | "art"
+  | "migrate"
+  | "performance"
+  | "wordpress"
+  | "wordpress-alt"
+  | "pressthis"
+  | "update"
+  | "screenoptions"
+  | "info"
+  | "cart"
+  | "feedback"
+  | "cloud"
+  | "translation"
+  | "tag"
+  | "category"
+  | "yes"
+  | "no"
+  | "no-alt"
+  | "plus"
+  | "minus"
+  | "dismiss"
+  | "marker"
+  | "star-filled"
+  | "star-half"
+  | "star-empty"
+  | "flag"
+  | "location"
+  | "location-alt"
+  | "vault"
+  | "shield"
+  | "shield-alt"
+  | "search"
+  | "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"
+  | "smiley"
+
+export {}

package/types.node.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="./types.app" />
+/// <reference types="./types.meta" />
+/// <reference types="./types.env" />

package/admin/components/FileWell.d.ts

@@ -1,8 +0,0 @@
-declare type Props = {
-    value: number | null | undefined;
-    noBorder?: boolean;
-    mediaType?: string;
-    onChange: (value: number | null) => void;
-};
-export declare function FileWell(props: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/admin/components/FileWell.js

@@ -1,189 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FileWell = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("@stitches/react");
-var react_2 = require("react");
-var selectMedia_1 = require("../selectMedia");
-function FileWell(props) {
-    // @ts-ignore
-    var acf = window.acf;
-    var _a = (0, react_2.useState)(null), selectedFile = _a[0], setSelectedFile = _a[1];
-    var _b = (0, react_2.useState)(false), imageIsLoading = _b[0], setImageIsLoading = _b[1];
-    (0, react_2.useEffect)(function () {
-        if (props.value) {
-            var cancelled_1 = false;
-            setImageIsLoading(true);
-            fetch("/wp-json/ed/v1/media/" + Number(props.value))
-                .then(function (response) { return response.json(); })
-                .then(function (image) {
-                if (cancelled_1)
-                    return;
-                setImageIsLoading(false);
-                setSelectedFile(image);
-            });
-            return function () {
-                cancelled_1 = true;
-            };
-        }
-        else {
-            setSelectedFile(null);
-            setImageIsLoading(false);
-        }
-    }, [props.value]);
-    return ((0, jsx_runtime_1.jsxs)(Wrapper, __assign({ noBorder: props.noBorder }, { children: [imageIsLoading ? ((0, jsx_runtime_1.jsx)(Loading, { children: (0, jsx_runtime_1.jsx)(Spinner, {}, void 0) }, void 0)) : selectedFile ? ((0, jsx_runtime_1.jsxs)(FileInfo, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "name" }, { children: selectedFile.filename }), void 0), (0, jsx_runtime_1.jsx)("div", __assign({ className: "size" }, { children: selectedFile.filesize ? Math.round(selectedFile.filesize / 1024 / 1024).toFixed(2) + "mb" : "Unknown size" }), void 0)] }, void 0)) : ((0, jsx_runtime_1.jsx)(NoSelection, { children: (0, jsx_runtime_1.jsx)(ChooseButton, __assign({ onClick: function (e) {
-                        e.preventDefault();
-                        (0, selectMedia_1.selectMedia)({
-                            mode: "select",
-                            type: props.mediaType,
-                            title: "Select a file",
-                            select: function (selected) {
-                                if (selected) {
-                                    props.onChange(selected.id);
-                                }
-                            },
-                        });
-                    } }, { children: "Choose a file" }), void 0) }, void 0)), selectedFile || imageIsLoading ? ((0, jsx_runtime_1.jsx)(Toolbar, { children: (0, jsx_runtime_1.jsxs)(react_2.Fragment, { children: [(0, jsx_runtime_1.jsx)(ToolbarButton, __assign({ onClick: function (e) {
-                                e.preventDefault();
-                                props.onChange(null);
-                            } }, { children: (0, jsx_runtime_1.jsx)("span", { className: "dashicons dashicons-trash" }, void 0) }), void 0), (0, jsx_runtime_1.jsx)(ToolbarButton, __assign({ onClick: function (e) {
-                                e.preventDefault();
-                                (0, selectMedia_1.selectMedia)({
-                                    mode: "edit",
-                                    type: props.mediaType,
-                                    attachment: Number(props.value),
-                                    title: "Edit Image",
-                                });
-                            } }, { children: (0, jsx_runtime_1.jsx)("span", { className: "dashicons dashicons-edit" }, void 0) }), void 0), selectedFile && ((0, jsx_runtime_1.jsx)(ToolbarButton, __assign({ onClick: function (e) {
-                                e.preventDefault();
-                                window.open(selectedFile.url);
-                            } }, { children: (0, jsx_runtime_1.jsx)("span", { className: "dashicons dashicons-external" }, void 0) }), void 0))] }, void 0) }, void 0)) : null] }), void 0));
-}
-exports.FileWell = FileWell;
-var Wrapper = (0, react_1.styled)("div", {
-    position: "relative",
-    display: "block",
-    width: "100%",
-    border: "1px solid #eeeeee",
-    borderRadius: "4px",
-    variants: {
-        noBorder: {
-            true: {
-                border: "0px",
-            },
-        },
-    },
-});
-var ImageContainer = (0, react_1.styled)("div", {
-    margin: "4px",
-    display: "block",
-    position: "relative",
-    img: {
-        maxWidth: "min(100%, 300px)",
-        display: "block",
-    },
-});
-var spin = (0, react_1.keyframes)({
-    from: {
-        transform: "rotate(0deg)",
-    },
-    to: {
-        transform: "rotate(360deg)",
-    },
-});
-var Spinner = (0, react_1.styled)("div", {
-    display: "block",
-    width: "16px",
-    height: "16px",
-    borderRadius: "100px",
-    border: "4px solid transparent",
-    borderTopColor: "currentColor",
-    animation: "".concat(spin, " 0.5s linear infinite"),
-});
-var Loading = (0, react_1.styled)("div", {
-    display: "flex",
-    justifyContent: "center",
-    alignItems: "center",
-    padding: "10px",
-});
-var Toolbar = (0, react_1.styled)("div", {
-    position: "relative",
-    display: "flex",
-    flexDirection: "row",
-    justifyContent: "center",
-    alignItems: "center",
-    gap: "$2",
-    padding: "$2",
-});
-var ToolbarButton = (0, react_1.styled)("button", {
-    width: "24px",
-    height: "24px",
-    fontSize: "12px",
-    borderRadius: "100px",
-    background: "white",
-    border: "none",
-    color: "black",
-    cursor: "pointer",
-    appearance: "none",
-    boxShadow: "rgba(0,0,0,0.2) 0px 1px 3px",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-});
-ToolbarButton.defaultProps = {
-    className: "dashicons",
-};
-var NoSelection = (0, react_1.styled)("div", {
-    display: "flex",
-    justifyContent: "center",
-    padding: "10px 0px",
-});
-var ChooseButton = (0, react_1.styled)("button", {
-    appearance: "none",
-    border: "0px",
-    background: "#f6f6f6",
-    color: "black",
-    padding: "10px 16px",
-    borderRadius: "100px",
-    cursor: "pointer",
-});
-var AspectWrapper = (0, react_1.styled)("div", {
-    position: "absolute",
-    left: 0,
-    top: 0,
-    width: "100%",
-    height: "100%",
-    opacity: 0.3,
-    transition: "opacity 0.3s",
-    "&:hover": {
-        opacity: 1,
-    },
-});
-var AspectDisplay = (0, react_1.styled)("div", {
-    position: "absolute",
-    border: "1px solid white",
-    left: "50%",
-    top: "50%",
-    transform: "translate(-50%, -50%)",
-});
-var FileInfo = (0, react_1.styled)("div", {
-    display: "block",
-    textAlign: "center",
-    pt: "$2",
-    px: "$2",
-    fontFamily: "monospace",
-    ".size": {
-        opacity: 0.5,
-    },
-});

package/admin/components/ImageWell.d.ts

@@ -1,9 +0,0 @@
-declare type Props = {
-    previewSize: string;
-    aspects: string[];
-    value: number | null | undefined;
-    noBorder?: boolean;
-    onChange: (value: number | null) => void;
-};
-export declare function ImageWell(props: Props): import("react/jsx-runtime").JSX.Element;
-export {};