eddev 0.3.35 → 2.0.0-beta.2

package/admin/components/ImageWell.js

@@ -1,209 +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.ImageWell = 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");
-var react_use_1 = require("react-use");
-function ImageWell(props) {
-    // @ts-ignore
-    var acf = window.acf;
-    var _a = (0, react_2.useState)(null), selectedImage = _a[0], setSelectedImage = _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);
-                setSelectedImage(image);
-            });
-            return function () {
-                cancelled_1 = true;
-            };
-        }
-        else {
-            setSelectedImage(null);
-            setImageIsLoading(false);
-        }
-    }, [props.value]);
-    var _c = (0, react_use_1.useMeasure)(), imgRef = _c[0], size = _c[1];
-    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)) : selectedImage ? ((0, jsx_runtime_1.jsxs)(ImageContainer, { children: [(0, jsx_runtime_1.jsx)("img", { ref: imgRef, src: selectedImage.sizes[props.previewSize] || selectedImage.sizes["thumbnail"] }, void 0), (0, jsx_runtime_1.jsx)(AspectWrapper, __assign({ css: {
-                            width: size.width,
-                            height: size.height,
-                        } }, { children: props.aspects &&
-                            props.aspects.map(function (aspect) {
-                                var _a;
-                                var x, y, width, height, originalAspect = 0, ownAspect = 0;
-                                try {
-                                    ;
-                                    _a = aspect.split(/\s*\/\s*/), x = _a[0], y = _a[1];
-                                    originalAspect = size.width / size.height;
-                                    ownAspect = Number(x) / Number(y);
-                                }
-                                catch (err) {
-                                    return null;
-                                }
-                                width = ownAspect > originalAspect ? size.width : size.height * ownAspect;
-                                height = ownAspect > originalAspect ? size.width / ownAspect : size.height;
-                                return (0, jsx_runtime_1.jsx)(AspectDisplay, { style: { width: width + "px", height: height + "px" } }, aspect);
-                            }) }), 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: "image",
-                            title: "Select an image",
-                            select: function (selected) {
-                                if (selected) {
-                                    props.onChange(selected.id);
-                                }
-                            },
-                        });
-                        // acf.newMediaPopup({
-                        //   mode: "edit",
-                        //   type: "image",
-                        //   title: "Select Image",
-                        //   attachment: [props.value],
-                        //   select: (selected: any) => console.log("Selected", selected),
-                        // })
-                    } }, { children: "Choose an image" }), void 0) }, void 0)), (0, jsx_runtime_1.jsx)(Toolbar, { children: selectedImage || imageIsLoading ? ((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: "image",
-                                    attachment: Number(props.value),
-                                    title: "Edit Image",
-                                });
-                            } }, { children: (0, jsx_runtime_1.jsx)("span", { className: "dashicons dashicons-edit" }, void 0) }), void 0), selectedImage && ((0, jsx_runtime_1.jsx)(ToolbarButton, __assign({ onClick: function (e) {
-                                e.preventDefault();
-                                window.open(selectedImage.url);
-                            } }, { children: (0, jsx_runtime_1.jsx)("span", { className: "dashicons dashicons-external" }, void 0) }), void 0))] }, void 0)) : null }, void 0)] }), void 0));
-}
-exports.ImageWell = ImageWell;
-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: "absolute",
-    top: "0",
-    right: "6px",
-    bottom: "0",
-    padding: "4px",
-    display: "flex",
-    flexDirection: "column",
-    justifyContent: "center",
-});
-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",
-    margin: "4px 0",
-});
-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%)",
-});

package/admin/defineField.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.defineField = void 0;
-function defineField(args) {
-    return args;
-}
-exports.defineField = defineField;

package/admin/defineWidget.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.defineWidget = void 0;
-function defineWidget(name, component) {
-    return {
-        name: name,
-        component: component,
-    };
-}
-exports.defineWidget = defineWidget;

package/admin/index.d.ts

@@ -1,4 +0,0 @@
-export * from "./defineField";
-export * from "./defineWidget";
-export * from "./components/ImageWell";
-export * from "./components/FileWell";

package/admin/index.js

@@ -1,16 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./defineField"), exports);
-__exportStar(require("./defineWidget"), exports);
-__exportStar(require("./components/ImageWell"), exports);
-__exportStar(require("./components/FileWell"), exports);

package/admin/installFieldTypes.js

@@ -1,71 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.installFieldTypes = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-// @ts-ignore
-var fields_1 = __importDefault(require("@manifest/fields"));
-var ReactDOM = __importStar(require("react-dom/client"));
-var react_1 = require("react");
-function installFieldTypes() {
-    // @ts-ignore
-    var acf = window.acf;
-    var _loop_1 = function (name_1) {
-        var type = fields_1.default[name_1];
-        var Component = type.render;
-        var init = function (field) {
-            var $el = field.$el, cid = field.cid, data = field.data;
-            var input = $el.find("input[type='hidden']");
-            var container = document.createElement("div");
-            $el.append(container);
-            ReactDOM.createRoot(container).render((0, jsx_runtime_1.jsx)(FieldWrapper, { defaultValue: type.defaultValue, validate: type.validate, field: data, input: input[0], settings: input.data("settings"), Component: Component }, void 0));
-        };
-        acf.addAction("ready_field/type=" + name_1, init);
-        acf.addAction("append_field/type=" + name_1, init);
-    };
-    for (var name_1 in fields_1.default) {
-        _loop_1(name_1);
-    }
-}
-exports.installFieldTypes = installFieldTypes;
-function FieldWrapper(_a) {
-    var input = _a.input, defaultValue = _a.defaultValue, Component = _a.Component, settings = _a.settings;
-    var _b = (0, react_1.useState)(function () { var _a; return (_a = (input.value ? JSON.parse(input.value) : null)) !== null && _a !== void 0 ? _a : defaultValue; }), value = _b[0], setValue = _b[1];
-    var _c = (0, react_1.useState)(false), valueChanged = _c[0], setValueChanged = _c[1];
-    (0, react_1.useEffect)(function () {
-        input.value = JSON.stringify(value);
-        if (valueChanged) {
-            try {
-                // @ts-ignore
-                window.jQuery(input).change();
-            }
-            catch (err) { }
-            setValueChanged(false);
-        }
-    }, [value, valueChanged]);
-    return ((0, jsx_runtime_1.jsx)(Component, { value: value, onChange: function (value) {
-            setValue(value);
-            setValueChanged(true);
-        }, settings: settings }, void 0));
-}

package/admin/runWidgets.js

@@ -1,55 +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);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.runWidgets = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-// @ts-ignore
-var widgets_1 = __importDefault(require("@manifest/widgets"));
-var client_1 = require("react-dom/client");
-function runWidgets() {
-    var elements = document.querySelectorAll("[data-widget]");
-    elements.forEach(function (el) {
-        if (el instanceof HTMLElement) {
-            var data = el.dataset;
-            var name_1 = data["widget"];
-            var type = widgets_1.default.find(function (item) { return item.name === name_1; });
-            if (type) {
-                var props_1 = {
-                    element: el,
-                    dataset: data,
-                };
-                var root_1 = (0, client_1.createRoot)(el);
-                var renderWithComponent_1 = function (Component) {
-                    root_1.render((0, jsx_runtime_1.jsx)(Component, __assign({}, props_1), void 0));
-                };
-                renderWithComponent_1(type.component);
-                // @ts-ignore
-                if (import.meta.webpackHot) {
-                    // @ts-ignore
-                    import.meta.webpackHot.accept([require.resolve("@manifest/widgets")], function () {
-                        console.log("Widgets mani");
-                        var updateWidgets = require("@manifest/widgets").default;
-                        var type = updateWidgets.find(function (item) { return item.name === name_1; });
-                        if (type) {
-                            renderWithComponent_1(type.component);
-                        }
-                    });
-                }
-            }
-        }
-    });
-}
-exports.runWidgets = runWidgets;

package/admin/selectMedia.d.ts

@@ -1,31 +0,0 @@
-declare type Attachment = {
-    id: number;
-    filename: string;
-    mime: string;
-    height: number;
-    width: number;
-    attributes: any;
-    url: string;
-    sizes: {
-        [key: string]: {
-            width: number;
-            height: number;
-            url: string;
-            orientation: string;
-        };
-    };
-};
-declare type MediaPopupArgs = {
-    mode?: "select" | "edit";
-    type?: string;
-    title?: string;
-    button?: string;
-    allowedTypes?: string;
-    library?: string;
-    attachment?: number;
-    multiple?: boolean;
-    value?: string | string[];
-    select?: (attachments: Attachment[]) => void;
-};
-export declare function selectMedia(args: MediaPopupArgs): any;
-export {};

package/admin/selectMedia.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.selectMedia = void 0;
-function selectMedia(args) {
-    // @ts-ignore
-    var acf = window.acf;
-    return acf.newMediaPopup(args);
-}
-exports.selectMedia = selectMedia;

package/blocks/ContentBlocks.d.ts

@@ -1,40 +0,0 @@
-import { ReactElement } from "react";
-export declare type ContentBlock<T extends keyof BlockProps | string = any> = {
-    attrs: any;
-    blockName: T;
-    props: BlockProps extends keyof BlockProps ? BlockProps[T] : any;
-    innerBlocks: ContentBlock[];
-    innerHTML?: string;
-    innerContent?: string[];
-    rule: string;
-    inline: any;
-};
-declare type BlocksContext = {
-    ancestors: ContentBlock[];
-    parent?: ContentBlock;
-    prev?: ContentBlock;
-    next?: ContentBlock;
-    current: ContentBlock;
-    index: number;
-};
-export declare const BlocksContext: import("react").Context<BlocksContext | undefined>;
-export declare type ContentBlocksSettings = {
-    wrapBlock?: (child: ReactElement, ctx: BlocksContext) => ReactElement;
-    spacer?: (ctx: {
-        ancestors: ContentBlock[];
-        parent?: ContentBlock;
-        prev: ContentBlock | null;
-        next: ContentBlock | null;
-    }) => ReactElement | null;
-};
-declare type Props = {
-    blocks: ContentBlock[];
-} & ContentBlocksSettings;
-export declare type GenericBlockProps = {
-    innerHTML?: string;
-    innerContent?: string[];
-    innerBlocks?: ContentBlock[];
-    children: ReactElement | null;
-};
-export declare function ContentBlocks(props: Props): import("react/jsx-runtime").JSX.Element | null;
-export {};

package/blocks/ContentBlocks.js

@@ -1,125 +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);
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContentBlocks = exports.BlocksContext = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-// @ts-ignore
-var blocks_1 = __importDefault(require("@manifest/blocks"));
-var blockAttributes_1 = require("./blockAttributes");
-var react_1 = require("react");
-var ErrorBoundaryFrontend_1 = require("./ErrorBoundaryFrontend");
-exports.BlocksContext = (0, react_1.createContext)(undefined);
-function wrapPromise(promise) {
-    var status = "pending";
-    var result;
-    var suspender = promise.then(function (r) {
-        status = "success";
-        result = r;
-    }, function (e) {
-        status = "error";
-        result = e;
-    });
-    return {
-        read: function () {
-            //console.log(status);
-            if (status === "pending") {
-                throw suspender;
-            }
-            else if (status === "error") {
-                throw result;
-            }
-            else if (status === "success") {
-                return result;
-            }
-        },
-    };
-}
-var blockManifestResource = null;
-function ContentBlocks(props) {
-    var blockTypes = blocks_1.default;
-    if (blocks_1.default.then && process.serverless && !blocks_1.default.default) {
-        if (!blockManifestResource)
-            blockManifestResource = wrapPromise(blocks_1.default);
-        blockTypes = blockManifestResource.read().default;
-    }
-    if (process.admin) {
-        throw new Error("ContentBlocks should only be used on the frontend.");
-    }
-    if (!Array.isArray(props.blocks))
-        return null;
-    var parentContext = (0, react_1.useContext)(exports.BlocksContext);
-    var blocks = (0, react_1.useMemo)(function () {
-        return props.blocks.map(function (block, index) {
-            // Create a context object for the current block
-            var ctx = __assign(__assign({}, parentContext), { ancestors: __spreadArray(__spreadArray([], ((parentContext === null || parentContext === void 0 ? void 0 : parentContext.ancestors) || []), true), [parentContext === null || parentContext === void 0 ? void 0 : parentContext.current], false).filter(Boolean), parent: parentContext === null || parentContext === void 0 ? void 0 : parentContext.current, current: block, prev: props.blocks[index - 1], next: props.blocks[index + 1], index: index });
-            // Figure out the
-            var blockNode;
-            if (block.blockName in blockTypes) {
-                var Component = blockTypes[block.blockName];
-                if (!Component)
-                    return (0, jsx_runtime_1.jsx)(react_1.Fragment, {}, void 0);
-                blockNode = ((0, jsx_runtime_1.jsx)(blockAttributes_1.InlineEditingContextProvider, __assign({ block: [block.blockName, block.props], values: block.inline, innerBlocks: block.innerBlocks, index: index }, { children: (0, jsx_runtime_1.jsx)(Component, __assign({}, block.props, { innerHTML: block.innerHTML, 
-                        // innerBlocks={block.innerBlocks}
-                        children: Array.isArray(block.innerBlocks) && block.innerBlocks.length ? ((0, jsx_runtime_1.jsx)(ContentBlocks, { blocks: block.innerBlocks }, void 0)) : null }), void 0) }), void 0));
-            }
-            else if (block.innerHTML) {
-                blockNode = (0, jsx_runtime_1.jsx)("div", { dangerouslySetInnerHTML: { __html: block.innerHTML } }, void 0);
-            }
-            else {
-                blockNode = null;
-            }
-            return [ctx, block, blockNode];
-        });
-    }, [props.blocks]);
-    var layout = (0, react_1.useMemo)(function () {
-        return blocks.filter(Boolean).map(function (_a, index) {
-            var ctx = _a[0], block = _a[1], blockNode = _a[2];
-            // Exit early if the block is null
-            if (blockNode === null)
-                return (0, jsx_runtime_1.jsx)(react_1.Fragment, {}, index);
-            // Custom wrap function?
-            if (props.wrapBlock) {
-                blockNode = props.wrapBlock(blockNode, ctx);
-            }
-            // Wrap the block in a context provider
-            blockNode = (0, jsx_runtime_1.jsx)(exports.BlocksContext.Provider, __assign({ value: ctx }, { children: blockNode }), void 0);
-            // Custom spacer function?
-            var spaceBefore = null;
-            var spaceAfter = null;
-            if (props.spacer) {
-                // Before block
-                spaceBefore = props.spacer(__assign(__assign({}, ctx), { prev: ctx.prev || null, next: ctx.current || null }));
-                // After block (last block only)
-                if (index === props.blocks.length - 1) {
-                    spaceAfter = props.spacer(__assign(__assign({}, ctx), { prev: block, next: null }));
-                }
-            }
-            // Attempt to wrap the block
-            return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [spaceBefore, (0, jsx_runtime_1.jsx)(ErrorBoundaryFrontend_1.ErrorBoundaryFrontend, { children: blockNode }, void 0), spaceAfter] }, index));
-        });
-    }, [blocks, props.wrapBlock, props.spacer]);
-    return (0, jsx_runtime_1.jsx)(react_1.Fragment, { children: layout }, void 0);
-}
-exports.ContentBlocks = ContentBlocks;

package/blocks/ErrorBoundaryEditor.js

@@ -1,64 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-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.ErrorBoundaryEditor = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var ErrorBoundaryEditor = /** @class */ (function (_super) {
-    __extends(ErrorBoundaryEditor, _super);
-    function ErrorBoundaryEditor() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.state = {
-            hasError: false,
-        };
-        return _this;
-    }
-    ErrorBoundaryEditor.getDerivedStateFromError = function (err) {
-        // Update state so the next render will show the fallback UI.
-        return { hasError: true, error: err };
-    };
-    ErrorBoundaryEditor.prototype.componentDidCatch = function (error, errorInfo) {
-        console.error("Uncaught error:", error, errorInfo);
-    };
-    ErrorBoundaryEditor.prototype.render = function () {
-        if (this.state.hasError) {
-            var err = this.state.error;
-            return ((0, jsx_runtime_1.jsx)("pre", __assign({ style: {
-                    fontSize: "12px",
-                    color: "red",
-                    border: "1px solid red",
-                    borderRadius: "4px",
-                    padding: "4px",
-                    overflowX: "auto",
-                } }, { children: err.stack }), void 0));
-        }
-        return this.props.children;
-    };
-    return ErrorBoundaryEditor;
-}(react_1.Component));
-exports.ErrorBoundaryEditor = ErrorBoundaryEditor;