eddev 2.2.7 → 2.2.9

package/dist/app/entry/MetaTags.d.ts

@@ -0,0 +1,8 @@
+import { RouteMetaTag } from "../lib/routing";
+type Props = {
+    debugKey?: string;
+    tags: RouteMetaTag[];
+};
+export declare function MetaTags(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MetaTags.d.ts.map

package/dist/app/entry/MetaTags.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetaTags.d.ts","sourceRoot":"","sources":["../../../src/app/entry/MetaTags.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,YAAY,EAAE,CAAA;CACrB,CAAA;AAmBD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,KAAK,2CAqBpC"}

package/dist/app/entry/MetaTags.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo } from "react";
+const REACT_ATTRIBUTES = {
+    class: "className",
+    "http-equiv": "httpEquiv",
+    "accept-charset": "acceptCharset",
+    hreflang: "hrefLang",
+    crossorigin: "crossOrigin",
+};
+function toReactAttributes(attributes) {
+    return Object.fromEntries(Object.entries(attributes).map(([key, value]) => {
+        if (key in REACT_ATTRIBUTES)
+            key = REACT_ATTRIBUTES[key];
+        return [key, value === "" ? true : value];
+    }));
+}
+export function MetaTags(props) {
+    return useMemo(() => (_jsx(_Fragment, { children: props.tags?.map((tag, i) => {
+            const Tag = tag.tagName;
+            const tagProps = Array.isArray(tag.attributes) ? {} : toReactAttributes(tag.attributes);
+            if (tag.tagName === "title") {
+                tagProps.children = tag.inner ?? "";
+            }
+            else if (tag.tagName === "script" || !!tag.inner) {
+                tagProps.dangerouslySetInnerHTML = { __html: tag.inner ?? "" };
+            }
+            if (tagProps.async === "") {
+                tagProps.async = true;
+            }
+            return _jsx(Tag, { ...tagProps }, i);
+        }) })), [props.tags]);
+}

package/dist/app/entry/boot-admin.d.ts

@@ -0,0 +1,2 @@
+export default function bootAdmin(): void;
+//# sourceMappingURL=boot-admin.d.ts.map

package/dist/app/entry/boot-admin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"boot-admin.d.ts","sourceRoot":"","sources":["../../../src/app/entry/boot-admin.tsx"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,SAAS,SAOhC"}

package/dist/app/entry/boot-admin.js

@@ -0,0 +1,12 @@
+import { installFieldTypes } from "../lib/admin/installFieldTypes.js";
+import { runWidgets } from "../lib/admin/runWidgets.js";
+import { installEDGutenbergHooks } from "../lib/blocks/editor/installGutenbergHooks.js";
+export default function bootAdmin() {
+    if (window.name === "editor-canvas") {
+    }
+    else {
+        installEDGutenbergHooks();
+        installFieldTypes();
+        runWidgets();
+    }
+}

package/dist/app/entry/hydration-script.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=hydration-script.d.ts.map

package/dist/app/entry/hydration-script.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hydration-script.d.ts","sourceRoot":"","sources":["../../../src/app/entry/hydration-script.ts"],"names":[],"mappings":""}

package/dist/app/entry/hydration-script.js

@@ -0,0 +1,18 @@
+import { hydrationDebug } from "../utils/hydration-debugger";
+//@ts-nocheck
+// window.addEventListener("error", (event) => {
+//   const msg = event.message.toLowerCase()
+//   const isHydrationMsg = msg.includes("hydration") || msg.includes("hydrating")
+//   if (isHydrationMsg) {
+//     hydrationDebug.add({
+//       error: event.error,
+//       info: null,
+//     })
+//   }
+// })
+const root = document.getElementById("_app");
+if (root) {
+    hydrationDebug.initialHTML = root.innerHTML;
+}
+// @ts-ignore
+window.hydrationDebug = hydrationDebug;

package/dist/app/entry/spa-root.d.ts

@@ -0,0 +1,2 @@
+export declare function SPARoot(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=spa-root.d.ts.map

package/dist/app/entry/spa-root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spa-root.d.ts","sourceRoot":"","sources":["../../../src/app/entry/spa-root.tsx"],"names":[],"mappings":"AAIA,wBAAgB,OAAO,4CAQtB"}

package/dist/app/entry/spa-root.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FiberProvider } from "its-fine";
+import { BrowserRouter } from "../lib/routing/components/BrowserRouter.js";
+import { APIProvider } from "../utils/APIProvider.js";
+export function SPARoot() {
+    return (_jsx(FiberProvider, { children: _jsx(APIProvider, { children: _jsx(BrowserRouter, {}) }) }));
+}

package/dist/app/entry/ssr-root-client.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from "react";
+import { RouteMetaTag } from "../lib/routing/types.js";
+export declare function SSRClientRoot(props: {
+    assets: ReactNode;
+    metaTags: RouteMetaTag[];
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ssr-root-client.d.ts.map

package/dist/app/entry/ssr-root-client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ssr-root-client.d.ts","sourceRoot":"","sources":["../../../src/app/entry/ssr-root-client.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAiC,MAAM,OAAO,CAAA;AAIhE,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAKtD,wBAAgB,aAAa,CAAC,KAAK,EAAE;IAAE,MAAM,EAAE,SAAS,CAAC;IAAC,QAAQ,EAAE,YAAY,EAAE,CAAA;CAAE,2CAYnF"}

package/dist/app/entry/ssr-root-client.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Suspense, useEffect } from "react";
+import { useSnapshot } from "valtio";
+import { BrowserRouter } from "../lib/routing/components/BrowserRouter.js";
+import { clientMetaTags } from "../lib/routing/context.js";
+import { APIProvider } from "../utils/APIProvider.js";
+import { FiberProvider } from "its-fine";
+export function SSRClientRoot(props) {
+    return (_jsx(FiberProvider, { children: _jsxs(APIProvider, { children: [_jsx(BrowserRouter, {}), _jsx(_Fragment, { children: _jsx(DynamicMetaTags, {}) }), _jsx(Suspense, { fallback: null })] }) }));
+}
+function DynamicMetaTags() {
+    const dynamicTags = useSnapshot(clientMetaTags).tags;
+    useEffect(() => {
+        dynamicTags?.forEach((tag) => {
+            if (tag.tagName === "title") {
+                document.title = tag.inner ?? "";
+            }
+        });
+    });
+    return null;
+}

package/dist/app/entry/ssr-root.d.ts

@@ -0,0 +1,11 @@
+import type { RouteLoader } from "../lib/routing/loader.js";
+import type { RouteData, RouteMetaTag } from "../lib/routing/types.js";
+export declare function SSRRoot(props: {
+    hostname?: string;
+    pathname: string;
+    initialData: RouteData;
+    loader: RouteLoader;
+    metaTags: RouteMetaTag[];
+    isAI?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ssr-root.d.ts.map

package/dist/app/entry/ssr-root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ssr-root.d.ts","sourceRoot":"","sources":["../../../src/app/entry/ssr-root.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAItE,wBAAgB,OAAO,CAAC,KAAK,EAAE;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,SAAS,CAAA;IACtB,MAAM,EAAE,WAAW,CAAA;IACnB,QAAQ,EAAE,YAAY,EAAE,CAAA;IACxB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,2CAgCA"}

package/dist/app/entry/ssr-root.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Suspense } from "react";
+import { SSRRouter } from "../lib/routing/components/SSRRouter.js";
+import { getRouteMeta, normalizeRoute } from "../lib/routing/utils.js";
+import { APIProvider } from "../utils/APIProvider.js";
+export function SSRRoot(props) {
+    const loader = props.loader;
+    loader.setAppData(props.initialData.appData.data, props.initialData.appData.queryMonitor);
+    loader.populateRouteData(props.pathname, props.initialData);
+    return (_jsxs(APIProvider, { children: [_jsx(SSRRouter, { loader: loader, hostname: props.hostname, isAI: props.isAI, route: normalizeRoute({
+                    id: "initial",
+                    component: loader.getRouteComponent(props.initialData.view),
+                    key: "",
+                    props: props.initialData.viewData.data,
+                    view: props.initialData.view,
+                    search: "",
+                    pathname: props.pathname,
+                    query: {},
+                    hash: "",
+                    meta: getRouteMeta(props.initialData),
+                }) }), _jsx(_Fragment, {}), _jsx(Suspense, { fallback: null, children: _jsx(_Fragment, {}) })] }));
+}

package/dist/app/lib/admin/installFieldTypes.d.ts

@@ -0,0 +1,2 @@
+export declare function installFieldTypes(): void;
+//# sourceMappingURL=installFieldTypes.d.ts.map

package/dist/app/lib/admin/installFieldTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"installFieldTypes.d.ts","sourceRoot":"","sources":["../../../../src/app/lib/admin/installFieldTypes.tsx"],"names":[],"mappings":"AAKA,wBAAgB,iBAAiB,SAwChC"}

package/dist/app/lib/admin/installFieldTypes.js

@@ -0,0 +1,94 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import * as ReactDOM from "react-dom/client";
+import { adminManifestReader } from "../internal/read-admin-manifest.js";
+export function installFieldTypes() {
+    // @ts-ignore
+    const acf = window.acf;
+    // Track which fields have been installed
+    const fieldInstalled = new Set();
+    function installAll() {
+        const manifest = adminManifestReader.value;
+        for (const name in manifest.fields) {
+            if (!fieldInstalled.has(name)) {
+                installField(name);
+                fieldInstalled.add(name);
+            }
+        }
+    }
+    // Install all fields, and install any new fields which are added later
+    installAll();
+    adminManifestReader.subscribe((manifest) => {
+        installAll();
+    });
+    function installField(name) {
+        const init = (field) => {
+            const { $el, cid, data } = field;
+            const input = $el.find("input[type='hidden']");
+            const container = document.createElement("div");
+            $el.append(container);
+            $el.find(".ed-acf-field").remove();
+            container.classList.add("ed-acf-field");
+            ReactDOM.createRoot(container).render(_jsx(FieldInstance, { field: data, input: input[0], settings: input.data("settings") }));
+        };
+        // Register with ACF
+        acf.addAction("ready_field/type=" + name, init);
+        acf.addAction("append_field/type=" + name, init);
+    }
+}
+/**
+ * React instance of the field
+ */
+function FieldInstance({ input, field, settings }) {
+    const [meta, setMeta] = useState(null);
+    const [loadError, setLoadError] = useState(null);
+    const [value, setValue] = useState(() => (input.value ? JSON.parse(input.value) : null));
+    const [valueChanged, setValueChanged] = useState(false);
+    // Load the field type, and reload whenever the admin manifest changes
+    useEffect(() => {
+        function load() {
+            adminManifestReader.value.fields[settings.type]()
+                .then((meta) => {
+                if (!meta.render) {
+                    setLoadError({ error: `Field type '${settings.type}' does not have a render method` });
+                    setMeta(null);
+                }
+                else {
+                    setMeta(meta);
+                    if (meta.defaultValue && value === null) {
+                        setValue(meta.defaultValue);
+                        setValueChanged(true);
+                    }
+                }
+            })
+                .catch((err) => {
+                setMeta(null);
+                setLoadError({ error: err.message });
+            });
+        }
+        load();
+        return adminManifestReader.subscribe(load);
+    }, [settings.type]);
+    useEffect(() => {
+        input.value = JSON.stringify(value);
+        if (valueChanged) {
+            try {
+                // @ts-ignore
+                window.jQuery(input).change();
+            }
+            catch (err) { }
+            setValueChanged(false);
+        }
+    }, [value, valueChanged, !!meta]);
+    if (loadError) {
+        return _jsxs("div", { children: ["Error: ", loadError.error] });
+    }
+    if (!meta) {
+        return _jsx("div", { children: "Loading..." });
+    }
+    const Component = meta.render;
+    return (_jsx(Component, { value: value, onChange: (value) => {
+            setValue(value);
+            setValueChanged(true);
+        }, settings: settings }));
+}

package/dist/app/lib/admin/runWidgets.d.ts

@@ -0,0 +1,2 @@
+export declare function runWidgets(): void;
+//# sourceMappingURL=runWidgets.d.ts.map

package/dist/app/lib/admin/runWidgets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"runWidgets.d.ts","sourceRoot":"","sources":["../../../../src/app/lib/admin/runWidgets.tsx"],"names":[],"mappings":"AAIA,wBAAgB,UAAU,SAiBzB"}

package/dist/app/lib/admin/runWidgets.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import * as ReactDOM from "react-dom/client";
+import { adminManifestReader } from "../internal/read-admin-manifest.js";
+export function runWidgets() {
+    setTimeout(() => {
+        const elements = document.querySelectorAll("[data-widget]");
+        elements.forEach((el) => {
+            if (el instanceof HTMLElement) {
+                const data = el.dataset;
+                const name = data["widget"];
+                const root = ReactDOM.createRoot(el);
+                root.render(_jsx("div", { children: _jsx(WidgetInstance, { widget: name, element: el, dataset: data }) }));
+            }
+        });
+    }, 10);
+}
+function WidgetInstance(props) {
+    const [widget, setComponent] = useState(null);
+    useEffect(() => {
+        function loadComponent() {
+            if (props.widget in adminManifestReader.value.widgets === false) {
+                console.warn(`Unknown widget '${props.widget}', initialized via data-widget="${props.widget}".\n      - Did you mean one of: ${JSON.stringify(Object.keys(adminManifestReader.value.widgets))}`);
+                setComponent(null);
+                return;
+            }
+            adminManifestReader.value.widgets[props.widget]().then((widget) => {
+                const Component = widget.component;
+                if (Component) {
+                    setComponent(_jsx(Component, { ...props }));
+                }
+                else {
+                    setComponent(null);
+                }
+            });
+        }
+        loadComponent();
+        return adminManifestReader.subscribe((manifest) => {
+            loadComponent();
+        });
+    }, []);
+    return _jsx("div", { children: widget });
+}

package/dist/app/lib/blocks/editor/EditingContext.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=EditingContext.d.ts.map

package/dist/app/lib/blocks/editor/EditingContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditingContext.d.ts","sourceRoot":"","sources":["../../../../../src/app/lib/blocks/editor/EditingContext.tsx"],"names":[],"mappings":""}

package/dist/app/lib/blocks/editor/EditingContext.js

@@ -0,0 +1,31 @@
+export {};
+// type BlockAttributes = Record<string, unknown>
+// type EditableBlock = ContentBlock & {
+//   name: string
+//   slug: BlockTypeName | (string & {})
+//   attributes: BlockAttributes
+//   clientId: string
+//   rootClientId: string
+//   isRootBlock: boolean
+//   getParent: () => EditableBlock | null
+//   canMove: boolean
+//   canRemove: boolean
+//   isSelected: boolean
+//   isSelectionEnabled: boolean
+//   tags?: DefinedBlockTags
+//   flags?: DefinedBlockFlags
+// }
+// type EditingContext = {
+//   block: BlockEditingContext
+// }
+// type BlockEditingContext = {
+//   clientId: string
+//   attributes: BlockAttributes
+//   insertBlock: (block: BlockInstance) => void
+//   setAttributes: (attrs: BlockAttributes) => void
+//   block: ContentBlock & BlockInstance
+// }
+// const EditingContext = createContext<EditingContext>(undefined!)
+// export function useEditingContext() {
+//   return
+// }

package/dist/app/lib/blocks/editor/editor-config.js

@@ -38,7 +38,7 @@ export function configureEditorBlocks(config) {
 export function defineEditorConfig(config) {
     const wp = window.wp;
     editorConfigStore.config = config;
-    if (!wp?.blockEditor)
+    if (!wp?.blockEditor || !wp?.editor)
         return;
     updateTemplateConfig();
 }

package/dist/app/lib/devtools/components/DevMenu.d.ts

@@ -0,0 +1,2 @@
+export declare function DevMenu(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DevMenu.d.ts.map

package/dist/app/lib/devtools/components/DevMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevMenu.d.ts","sourceRoot":"","sources":["../../../../../src/app/lib/devtools/components/DevMenu.tsx"],"names":[],"mappings":"AAKA,wBAAgB,OAAO,4CAoCtB"}

package/dist/app/lib/devtools/components/DevUI.d.ts

@@ -0,0 +1,16 @@
+import { Component, ErrorInfo, PropsWithChildren } from "react";
+import "../../../../../css/devtools.css";
+export default function DevUI(): import("react/jsx-runtime").JSX.Element;
+interface State {
+    hasError: boolean;
+    error?: Error;
+    errorInfo?: ErrorInfo;
+}
+export declare class ErrorBoundary extends Component<PropsWithChildren<{}>, State> {
+    state: State;
+    static getDerivedStateFromError(err: Error): State;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    render(): string | number | boolean | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+}
+export {};
+//# 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,EAAE,SAAS,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAC/D,OAAO,iCAAiC,CAAA;AAQxC,MAAM,CAAC,OAAO,UAAU,KAAK,4CAgB5B;AAED,UAAU,KAAK;IACb,QAAQ,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB;AAED,qBAAa,aAAc,SAAQ,SAAS,CAAC,iBAAiB,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC;IACjE,KAAK,EAAE,KAAK,CAElB;WAEa,wBAAwB,CAAC,GAAG,EAAE,KAAK,GAAG,KAAK;IAKlD,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS;IAIpD,MAAM;CAwBd"}

package/dist/app/lib/devtools/components/DevUI.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Component } from "react";
+import "../../../../../css/devtools.css";
+import { BreakpointIndicator } from "./BreakpointIndicator.js";
+import { DevMenu } from "./DevMenu";
+import { GridIndicator } from "./GridIndicator";
+import { Panel } from "./ui/Panel";
+import { Button } from "./ui/Button";
+import { usePersistState } from "../hooks/usePersistState";
+export default function DevUI() {
+    return (_jsx("div", { className: "eddev-ui", children: _jsx("div", { className: "fixed left-2 bottom-2 right-2 z-[999999999999999] pointer-events-none flex justify-start", children: _jsx("div", { className: "flex gap-2 items-center pointer-events-auto", children: _jsxs(ErrorBoundary, { children: [_jsx(DevMenu, {}), _jsx("div", { children: _jsx(BreakpointIndicator, {}) }), _jsx(GridIndicator, {})] }) }) }) }));
+}
+export class ErrorBoundary 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;
+            return (_jsx(Panel, { title: "Dev UI Error", padded: true, id: "devui-error", resizeable: false, children: _jsxs("div", { className: "flex flex-col items-start gap-2", children: [_jsx("div", { className: "font-bold text-red-400", children: "An error occurred in the Dev UI:" }), _jsx("div", { className: "max-w-[40em] text-red-400 bg-red-950 p-2 rounded-sm", children: err.message }), _jsx(Button, { variant: "subtle", onClick: () => {
+                                usePersistState.clearAll();
+                                this.setState({ hasError: false, error: undefined, errorInfo: undefined });
+                            }, children: "Reset Settings" })] }) }));
+        }
+        return this.props.children;
+    }
+}

package/dist/app/lib/devtools/components/GridIndicator.d.ts

@@ -0,0 +1,2 @@
+export declare function GridIndicator(): import("react").ReactPortal | 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":"AAIA,wBAAgB,aAAa,uCAmC5B"}

package/dist/app/lib/devtools/components/GridIndicator.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useLayoutEffect } from "react";
+import { usePersistState } from "../hooks/usePersistState.js";
+import { createPortal } from "react-dom";
+export function GridIndicator() {
+    const [enabled, setEnabled] = usePersistState("gridOverlayEnabled", false);
+    useEffect(() => {
+        const handleKeyDown = (e) => {
+            if (e.key === "g" && e.ctrlKey) {
+                setEnabled((e) => !e);
+            }
+        };
+        window.addEventListener("keydown", handleKeyDown);
+        return () => {
+            window.removeEventListener("keydown", handleKeyDown);
+        };
+    }, []);
+    const cols = [];
+    for (let i = 0; i < 12; i++) {
+        cols.push(_jsx("div", { style: { height: "100%", backgroundColor: "rgba(255,0,0,0.1)" } }, i));
+    }
+    if (env.client) {
+        useLayoutEffect(() => {
+            document.documentElement.classList.toggle("debug-grid", enabled);
+        }, [enabled]);
+    }
+    if (!enabled)
+        return null;
+    return createPortal(_jsx("div", { style: { zIndex: 10000000, position: "fixed", inset: 0, pointerEvents: "none" }, children: _jsx("div", { className: "grid-auto", style: { height: "100%" }, children: cols }) }), document.body);
+}

package/dist/app/lib/devtools/components/panels/monaco-graphql.worker.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=monaco-graphql.worker.d.ts.map

package/dist/app/lib/devtools/components/panels/monaco-graphql.worker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"monaco-graphql.worker.d.ts","sourceRoot":"","sources":["../../../../../../src/app/lib/devtools/components/panels/monaco-graphql.worker.ts"],"names":[],"mappings":""}

package/dist/app/lib/devtools/components/panels/monaco-graphql.worker.js

@@ -0,0 +1,9 @@
+// @ts-expect-error: worker entry
+import { initialize } from "monaco-editor/esm/vs/editor/editor.worker";
+import { GraphQLWorker } from "monaco-graphql/esm/GraphQLWorker.js";
+globalThis.onmessage = () => {
+    initialize((ctx, createData) => {
+        // optional: tweak createData.languageConfig here
+        return new GraphQLWorker(ctx, createData);
+    });
+};

package/dist/app/lib/devtools/components/ui/Tabs.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from "react";
+type Props<K> = {
+    id: string;
+    tabs: {
+        value: K;
+        label: string;
+        badge?: ReactNode;
+        content: () => ReactNode;
+    }[];
+};
+export declare function Tabs<K extends string>(props: Props<K>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Tabs.d.ts.map

package/dist/app/lib/devtools/components/ui/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../../../src/app/lib/devtools/components/ui/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,KAAK,KAAK,CAAC,CAAC,IAAI;IACd,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE;QAAE,KAAK,EAAE,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,SAAS,CAAC;QAAC,OAAO,EAAE,MAAM,SAAS,CAAA;KAAE,EAAE,CAAA;CACjF,CAAA;AAED,wBAAgB,IAAI,CAAC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,2CAkBrD"}

package/dist/app/lib/devtools/components/ui/Tabs.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { usePersistState } from "../../hooks/usePersistState";
+import { Button } from "./Button";
+export function Tabs(props) {
+    const [tab, setTab] = usePersistState(`tab:${props.id}`, props.tabs[0].value);
+    return (_jsxs("div", { className: "flex flex-col flex-1 gap-2 max-h-[calc(100vh-90px)]", children: [_jsx("div", { className: "flex gap-2 flex-none p-2 pb-0", children: props.tabs.map((t) => (_jsxs(Button, { variant: "tab", active: tab === t.value, onClick: () => setTab(t.value), children: [t.label, t.badge ? _jsx("span", { className: "bg-neutral-200/20 rounded-md px-1", children: t.badge }) : null] }, t.value))) }), _jsx("div", { className: "flex-1 overflow-auto max-h-[80%] basis-auto pt-0 p-2", children: props.tabs.find((t) => t.value === tab)?.content() })] }));
+}

package/dist/app/lib/devtools/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./dev-tools-store.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/app/lib/devtools/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/app/lib/devtools/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA"}

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

@@ -0,0 +1 @@
+export * from "./dev-tools-store.js";

package/dist/app/lib/devtools/loader.d.ts

@@ -0,0 +1,2 @@
+export declare function DevUILoader(): import("react").ReactPortal | null;
+//# sourceMappingURL=loader.d.ts.map

package/dist/app/lib/devtools/loader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../../../../src/app/lib/devtools/loader.tsx"],"names":[],"mappings":"AAOA,wBAAgB,WAAW,uCAqB1B"}

package/dist/app/lib/devtools/loader.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { lazy, useEffect } from "react";
+import { usePersistState } from "./hooks/usePersistState.js";
+import { useHydrating } from "../routing/hooks/useHydrating.js";
+import { createPortal } from "react-dom";
+const DevUI = lazy(() => import("./components/DevUI.js"));
+export function DevUILoader() {
+    const ssr = useHydrating();
+    const [render, setRender] = usePersistState("enable_devui", false);
+    useEffect(() => {
+        if (document.location.search.includes("activate-dev-ui") ||
+            window["ENABLE_DEV_UI"] ||
+            (env.client && env.dev)) {
+            setRender(true);
+        }
+    }, []);
+    if (ssr)
+        return null;
+    if (render) {
+        return createPortal(_jsx(DevUI, {}), document.body);
+    }
+    else {
+        return null;
+    }
+}

package/dist/app/lib/devtools/tailwind.config.d.ts

@@ -0,0 +1,29 @@
+declare const _default: {
+    darkMode: [];
+    important: string;
+    content: string[];
+    theme: {
+        fontFamily: {
+            mono: [string, string, string];
+            body: [string, string, string];
+        };
+        fontSize: {
+            ui: [string, string];
+            heading: [string, string];
+            tiny: [string, string];
+        };
+        extend: {
+            height: {
+                button: string;
+            };
+            width: {
+                button: string;
+            };
+        };
+    };
+    corePlugins: {
+        preflight: false;
+    };
+};
+export default _default;
+//# sourceMappingURL=tailwind.config.d.ts.map

package/dist/app/lib/devtools/tailwind.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwind.config.d.ts","sourceRoot":"","sources":["../../../../src/app/lib/devtools/tailwind.config.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,wBA2BkB"}