eddev 0.2.32 → 0.2.33

package/admin/components/ImageWell.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare type Props = {
     previewSize: string;
     aspects: string[];

package/cli/display/components/BundleDisplay.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CompilerState } from "../../../build/state/compiler-state";
 import { Observable } from "../../../utils/Observable";
 export declare function BundleDisplay(props: {

package/cli/display/components/CodegenDisplay.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CodegenState } from "../../../build/state/codegen-state";
 import { Observable } from "../../../utils/Observable";
 export declare function CodegenDisplay(props: {

package/cli/display/components/DevCLIDisplay.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CodegenState } from "../../../build/state/codegen-state";
 import { CompilerState } from "../../../build/state/compiler-state";
 import { ServerlessState } from "../../../build/state/serverless-state";

package/cli/display/components/ServerlessDisplay.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ServerlessState } from "../../../build/state/serverless-state";
 import { Observable } from "../../../utils/Observable";
 export declare function ServerlessDisplay(props: {

package/cli/display/components/StatusIcon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare type Props = {
     icon: "loading" | "tick" | "error" | "none";
 };

package/components/AdminBar.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare function AdminBar(): JSX.Element;

package/components/BrowserRouter.js

@@ -26,11 +26,13 @@ var hooks_1 = require("../hooks");
 var reportErrorStack_1 = require("../utils/reportErrorStack");
 var updateEditLink_1 = require("../routing/updateEditLink");
 var updateHeadTags_1 = require("../routing/updateHeadTags");
+var useQueryDebug_1 = require("../hooks/useQueryDebug");
 var hasPopulatedCache = false;
 function BrowserRouter(props) {
     var setAppData = (0, hooks_1.useAppDataStore)(function (s) { return s.setAppData; });
     var _a = (0, react_1.useState)(function () {
         setAppData(_PAGE_DATA.appData.data);
+        (0, useQueryDebug_1.setQueryDebug)(_PAGE_DATA.queryMonitor);
         return {
             url: document.location.href,
             data: _PAGE_DATA,
@@ -77,6 +79,9 @@ function BrowserRouter(props) {
                     data: data,
                 });
                 // setData(data)
+                if (data.queryMonitor) {
+                    (0, useQueryDebug_1.setQueryDebug)(data.queryMonitor);
+                }
                 if (data.appData) {
                     setAppData(data.appData.data);
                 }

package/dev-ui/components/BreakpointColumnHeader.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare type Props = {
     lerpStart?: boolean;
     lerps?: boolean;

package/dev-ui/components/BreakpointIndicator.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare function BreakpointIndicator(): JSX.Element;

package/dev-ui/components/DevUI.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export default function DevUI(): JSX.Element;

package/dev-ui/components/ResponsiveLerpControl.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ResponsiveAtomCalc } from "../../style";
 declare type Props = {
     data: ResponsiveAtomCalc[];

package/dev-ui/components/ResponsiveScaleEditor.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BreakpointArray } from "../../style";
 export declare const RESPONSIVE_COLUMN_WIDTH = "110px";
 export declare const RESPONSIVE_ROW_HEIGHT = "20px";

package/dev-ui/components/atoms/NumberField.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare type Props = {
     prefix?: string;
     suffix?: string;

package/dev-ui/components/panels/AppDataDebugger.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function AppDataDebugger(): JSX.Element;

package/dev-ui/components/panels/AppDataDebugger.js

@@ -0,0 +1,29 @@
+"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.AppDataDebugger = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_inspector_1 = require("react-inspector");
+var hooks_1 = require("../../../hooks");
+var theme_1 = require("../../theme");
+var PanelWrapper_1 = require("../PanelWrapper");
+function AppDataDebugger() {
+    var data = (0, hooks_1.useAppData)();
+    return ((0, jsx_runtime_1.jsx)(PanelWrapper_1.PanelWrapper, __assign({ title: "App Data" }, { children: (0, jsx_runtime_1.jsx)(Wrapper, { children: (0, jsx_runtime_1.jsx)(react_inspector_1.ObjectInspector, { theme: "chromeDark", data: data, expandLevel: 3 }, void 0) }, void 0) }), void 0));
+}
+exports.AppDataDebugger = AppDataDebugger;
+var Wrapper = (0, theme_1.styled)("div", {
+    width: "500px",
+    maxHeight: "calc(100vh - 100px)",
+    overflowY: "auto",
+});

package/dev-ui/components/panels/PageDataDebugger.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare function PageDataDebugger(): JSX.Element;

package/dev-ui/components/panels/QueryDebugger.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function QueryDebugger(): JSX.Element;

package/dev-ui/components/panels/QueryDebugger.js

@@ -0,0 +1,46 @@
+"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.QueryDebugger = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("@stitches/react");
+var react_2 = require("react");
+var useQueryDebug_1 = require("../../../hooks/useQueryDebug");
+var PanelWrapper_1 = require("../PanelWrapper");
+function QueryDebugger() {
+    var data = (0, useQueryDebug_1.useQueryDebugData)();
+    return ((0, jsx_runtime_1.jsx)(PanelWrapper_1.PanelWrapper, __assign({ title: "Query Debugger" }, { children: (0, jsx_runtime_1.jsx)(Wrapper, { children: data ? (0, jsx_runtime_1.jsx)(Item, { item: data, depth: 0 }, void 0) : (0, jsx_runtime_1.jsx)("div", { children: "No data" }, void 0) }, void 0) }), void 0));
+}
+exports.QueryDebugger = QueryDebugger;
+var Item = function (_a) {
+    var item = _a.item, depth = _a.depth;
+    var _b = (0, react_2.useState)(depth < 3), expanded = _b[0], setExpanded = _b[1];
+    return ((0, jsx_runtime_1.jsxs)(ItemStyle, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: "query-item-heading" }, { children: ["\u2022 ", (0, jsx_runtime_1.jsx)("strong", { children: item.label }, void 0), " ", (0, jsx_runtime_1.jsx)("code", { children: item.file }, void 0), " (", Number(item.duration).toFixed(1), "s)"] }), void 0), item.errors && item.errors.length ? ((0, jsx_runtime_1.jsx)("div", __assign({ className: "query-errors" }, { children: item.errors.map(function (err, i) { return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "query-error-item" }, { children: ["\u2022 ", err] }), i)); }) }), void 0)) : null, item.children && item.children.length ? ((0, jsx_runtime_1.jsx)("div", __assign({ className: "query-children" }, { children: item.children.map(function (child, i) { return ((0, jsx_runtime_1.jsx)(Item, { item: child, depth: depth + 1 }, i)); }) }), void 0)) : null] }, void 0));
+};
+var ItemStyle = (0, react_1.styled)("div", {
+    fontSize: "12px",
+    ".query-children": {
+        paddingLeft: "30px",
+    },
+    ".query-errors": {
+        paddingLeft: "20px",
+        color: "#ff4444",
+        ".query-error-item": {
+            whiteSpace: "pre-wrap",
+        },
+    },
+});
+var Wrapper = (0, react_1.styled)("div", {
+    maxHeight: 500,
+    overflowY: "auto",
+});

package/dev-ui/components/panels/SpacingEditor.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare function SpacingEditor(): JSX.Element;

package/dev-ui/components/panels/TypographyEditor.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare function TypographyEditor(): JSX.Element;

package/dev-ui/icons.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const bolt: JSX.Element;
 export declare const typography: JSX.Element;
 export declare const ruler: JSX.Element;

package/dev-ui/loader.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare function DevUILoader(): JSX.Element | null;

package/dev-ui/panels.js

@@ -2,7 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DEV_UI_PANELS = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
+var AppDataDebugger_1 = require("./components/panels/AppDataDebugger");
 var PageDataDebugger_1 = require("./components/panels/PageDataDebugger");
+var QueryDebugger_1 = require("./components/panels/QueryDebugger");
 var SpacingEditor_1 = require("./components/panels/SpacingEditor");
 var TypographyEditor_1 = require("./components/panels/TypographyEditor");
 var icons_1 = require("./icons");
@@ -25,6 +27,16 @@ exports.DEV_UI_PANELS = {
         icon: icons_1.code,
         component: PageDataDebugger_1.PageDataDebugger,
     },
+    appData: {
+        label: "App Data",
+        icon: icons_1.code,
+        component: AppDataDebugger_1.AppDataDebugger,
+    },
+    queries: {
+        label: "Query Debugger",
+        icon: icons_1.structure,
+        component: QueryDebugger_1.QueryDebugger,
+    },
     // structure: {
     //   label: "Page Structure",
     //   icon: structure,

package/dev-ui/theme.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const styled: <Type extends import("@stitches/react/types/util").Function | keyof JSX.IntrinsicElements | import("react").ComponentType<any>, Composers extends (string | import("@stitches/react/types/util").Function | import("react").ComponentType<any> | {
     [name: string]: unknown;
 })[], CSS = import("@stitches/react/types/css-util").CSS<{}, {
@@ -93,7 +94,7 @@ export declare const styled: <Type extends import("@stitches/react/types/util").
     transitions: {
         default: string;
     };
-}, import("@stitches/react/types/config").DefaultThemeMap, {}>>, css: <Composers extends (string | import("@stitches/react/types/util").Function | import("react").JSXElementConstructor<any> | import("react").ExoticComponent<any> | {
+}, import("@stitches/react/types/config").DefaultThemeMap, {}>>, css: <Composers extends (string | import("react").JSXElementConstructor<any> | import("@stitches/react/types/util").Function | import("react").ExoticComponent<any> | {
     [name: string]: unknown;
 })[], CSS = import("@stitches/react/types/css-util").CSS<{}, {
     space: {
@@ -136,7 +137,7 @@ export declare const styled: <Type extends import("@stitches/react/types/util").
     transitions: {
         default: string;
     };
-}, import("@stitches/react/types/config").DefaultThemeMap, {}>>(...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | import("@stitches/react/types/util").Function | import("react").JSXElementConstructor<any> | import("react").ExoticComponent<any> ? Composers[K] : import("@stitches/react/types/stitches").RemoveIndex<CSS> & {
+}, import("@stitches/react/types/config").DefaultThemeMap, {}>>(...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | import("react").JSXElementConstructor<any> | import("@stitches/react/types/util").Function | import("react").ExoticComponent<any> ? Composers[K] : import("@stitches/react/types/stitches").RemoveIndex<CSS> & {
     variants?: {
         [x: string]: {
             [x: string]: CSS;

package/dynamic/dynamic-component.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const dynamic: {
     <Props, Module = import("@loadable/component").DefaultComponent<Props>>(loadFn: (props: Props) => Promise<Module>, options: import("@loadable/component").OptionsWithResolver<Props, Module>): import("@loadable/component").LoadableComponent<Props>;
     <Props_1>(loadFn: (props: Props_1) => Promise<import("@loadable/component").DefaultComponent<Props_1>>, options?: import("@loadable/component").OptionsWithoutResolver<Props_1> | undefined): import("@loadable/component").LoadableComponent<Props_1>;

package/entry/Root.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare function Root(): JSX.Element;
 declare const _default: typeof Root | import("next/types").NextComponentType<import("next/types").NextPageContext, {}, {}>;
 export default _default;

package/gravityforms/gravity-forms.d.ts

@@ -10,6 +10,7 @@ export declare type GravityFormData = {
     id: number;
     fields: GravityFormsField[];
     title: string;
+    description?: string;
     button: {
         text: string;
     };

package/hooks/useQueryDebug.d.ts

@@ -0,0 +1,9 @@
+export declare type QueryDebugItem = {
+    file: string;
+    errors: string[];
+    duration: number;
+    label: string;
+    children: QueryDebugItem[];
+};
+export declare function setQueryDebug(value: QueryDebugItem | undefined): void;
+export declare function useQueryDebugData(): QueryDebugItem | undefined;

package/hooks/useQueryDebug.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useQueryDebugData = exports.setQueryDebug = void 0;
+var zustand_1 = __importDefault(require("zustand"));
+var useQueryDebug = (0, zustand_1.default)(function (set) { return ({
+    value: undefined,
+    set: function (value) {
+        set({ value: value });
+    },
+}); });
+function setQueryDebug(value) {
+    useQueryDebug.setState({ value: value });
+}
+exports.setQueryDebug = setQueryDebug;
+function useQueryDebugData() {
+    return useQueryDebug(function (store) { return store.value; });
+}
+exports.useQueryDebugData = useQueryDebugData;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eddev",
-  "version": "0.2.32",
+  "version": "0.2.33",
   "main": "./index.js",
   "license": "MIT",
   "bin": {

package/style/createStitches.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DefaultThemeMap } from "@stitches/react";
 import { ConfigType } from "@stitches/core/types/config";
 import { Properties as CSS } from "csstype";
@@ -656,7 +657,7 @@ export declare function createStitches<Prefix extends string = "", Media extends
     } & { [Scale_4 in keyof (Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; })]: { [Token_2 in keyof (Theme & { [Scale_1 in keyof Responsive]: { [T_1 in keyof Responsive[Scale_1]]: string; }; })[Scale_4]]: import("@stitches/react/types/theme").Token<Extract<Token_2, string | number>, string, Extract<Scale_4, string | void>, "">; }; };
     reset: () => void;
     getCssText: () => string;
-    css: <Composers extends (string | import("@stitches/react/types/util").Function | import("react").JSXElementConstructor<any> | import("react").ExoticComponent<any> | {
+    css: <Composers extends (string | import("react").JSXElementConstructor<any> | import("@stitches/react/types/util").Function | import("react").ExoticComponent<any> | {
         [name: string]: unknown;
     })[], CSS_1 = import("@stitches/react/types/css-util").CSS<{
         initial: "";
@@ -779,7 +780,7 @@ export declare function createStitches<Prefix extends string = "", Media extends
             gridColumn: string;
             "--grid-columns": number;
         };
-    }>>(...composers: { [K_1 in keyof Composers]: string extends Composers[K_1] ? Composers[K_1] : Composers[K_1] extends string | import("@stitches/react/types/util").Function | import("react").JSXElementConstructor<any> | import("react").ExoticComponent<any> ? Composers[K_1] : import("@stitches/react/types/stitches").RemoveIndex<CSS_1> & {
+    }>>(...composers: { [K_1 in keyof Composers]: string extends Composers[K_1] ? Composers[K_1] : Composers[K_1] extends string | import("react").JSXElementConstructor<any> | import("@stitches/react/types/util").Function | import("react").ExoticComponent<any> ? Composers[K_1] : import("@stitches/react/types/stitches").RemoveIndex<CSS_1> & {
         variants?: {
             [x: string]: {
                 [x: string]: CSS_1;