eddev 0.2.41 → 0.2.43

package/admin/components/ImageWell.d.ts

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

package/build/get-webpack-config.js

@@ -130,6 +130,7 @@ function getWebpackConfig(opts) {
                     ALIAS["@components"] = path_1.default.join(opts.baseDirectory, "components");
                     ALIAS["@views"] = path_1.default.join(opts.baseDirectory, "views");
                     ALIAS["@hooks"] = path_1.default.join(opts.baseDirectory, "hooks");
+                    ALIAS["@lib"] = path_1.default.join(opts.baseDirectory, "lib");
                     ALIAS["@queries"] = path_1.default.join(opts.baseDirectory, "hooks/queries");
                     ALIAS["@utils"] = path_1.default.join(opts.baseDirectory, "utils");
                     RULES.push({

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,5 +1,5 @@
 /// <reference types="react" />
-export declare const styled: <Type extends import("react").ComponentType<any> | keyof JSX.IntrinsicElements | import("@stitches/react/types/util").Function, Composers extends (string | import("react").ComponentType<any> | import("@stitches/react/types/util").Function | {
+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<{}, {
     space: {
@@ -42,7 +42,7 @@ export declare const styled: <Type extends import("react").ComponentType<any> |
     transitions: {
         default: string;
     };
-}, import("@stitches/react/types/config").DefaultThemeMap, {}>>(type: Type, ...composers: { [K in keyof Composers]: Composers[K] extends string | import("react").ComponentType<any> | import("@stitches/react/types/util").Function ? Composers[K] : import("@stitches/react/types/stitches").RemoveIndex<CSS> & {
+}, import("@stitches/react/types/config").DefaultThemeMap, {}>>(type: Type, ...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | import("@stitches/react/types/util").Function | import("react").ComponentType<any> ? Composers[K] : import("@stitches/react/types/stitches").RemoveIndex<CSS> & {
     variants?: {
         [x: string]: {
             [x: string]: CSS;
@@ -94,7 +94,7 @@ export declare const styled: <Type extends import("react").ComponentType<any> |
     transitions: {
         default: string;
     };
-}, import("@stitches/react/types/config").DefaultThemeMap, {}>>, css: <Composers extends (string | import("react").JSXElementConstructor<any> | import("react").ExoticComponent<any> | import("@stitches/react/types/util").Function | {
+}, 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: {
@@ -137,7 +137,7 @@ export declare const styled: <Type extends import("react").ComponentType<any> |
     transitions: {
         default: string;
     };
-}, import("@stitches/react/types/config").DefaultThemeMap, {}>>(...composers: { [K in keyof Composers]: Composers[K] extends string | import("react").JSXElementConstructor<any> | import("react").ExoticComponent<any> | import("@stitches/react/types/util").Function ? 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/entry/Root.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare function Root(): JSX.Element;
-declare const _default: typeof Root | import("next").NextComponentType<import("next").NextPageContext, {}, {}>;
+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.41",
+  "version": "0.2.43",
   "main": "./index.js",
   "license": "MIT",
   "bin": {

package/serverless/define-rpc-router.d.ts

@@ -1,6 +1,6 @@
 import * as trpc from "@trpc/server";
 import * as trpcNext from "@trpc/server/adapters/next";
-declare const createRouter: () => import("@trpc/server/dist/declarations/src/router").Router<RPCContextType, RPCContextType, {}, {}, {}, trpc.DefaultErrorShape>;
+declare const createRouter: () => import("@trpc/server/dist/declarations/src/router").Router<RPCContextType, RPCContextType, {}, {}, {}, {}, trpc.DefaultErrorShape>;
 export declare function defineRPC<TCreator extends (base: ReturnType<typeof createRouter>, z: typeof import("zod")) => any>(creator: TCreator): ReturnType<TCreator>;
 export declare function defineRPCContextCreator<TCreator extends (opts: trpcNext.CreateNextContextOptions) => any>(creator: TCreator): TCreator;
 export {};

package/serverless-template/pages/api/robots.ts

@@ -35,6 +35,7 @@ export default async function (req: NextApiRequest, res: NextApiResponse) {
   content = content.replace(/<\?xml-stylesheet.+\?>/, "")
   if (config.serverless?.endpoints) {
     Object.entries(config.serverless?.endpoints).forEach(([endpoint, url]) => {
+      if (endpoint === "*") return
       content = content.replaceAll("https://" + endpoint, "https://" + url)
       content = content.replaceAll("http://" + endpoint, "https://" + url)
       content = content.replaceAll(endpoint, url)

package/serverless-template/pages/api/sitemap/[...sitemap].ts

@@ -42,6 +42,7 @@ export default async function (req: NextApiRequest, res: NextApiResponse) {
   content = content.replace(/<\?xml-stylesheet.+\?>/, "")
   if (config.serverless?.endpoints) {
     Object.entries(config.serverless?.endpoints).forEach(([endpoint, url]) => {
+      if (endpoint === "*") return
       content = content.replaceAll("https://" + endpoint, "https://" + url)
       content = content.replaceAll("http://" + endpoint, "https://" + url)
       content = content.replaceAll(endpoint, url)

package/style/createStitches.d.ts

@@ -657,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("react").JSXElementConstructor<any> | import("react").ExoticComponent<any> | import("@stitches/react/types/util").Function | {
+    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: "";
@@ -780,7 +780,7 @@ export declare function createStitches<Prefix extends string = "", Media extends
             gridColumn: string;
             "--grid-columns": number;
         };
-    }>>(...composers: { [K_1 in keyof Composers]: Composers[K_1] extends string | import("react").JSXElementConstructor<any> | import("react").ExoticComponent<any> | import("@stitches/react/types/util").Function ? 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;
@@ -794,7 +794,7 @@ export declare function createStitches<Prefix extends string = "", Media extends
     } & CSS_1 & { [K2 in keyof Composers[K_1]]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS_1 ? CSS_1[K2] : unknown; }; }) => import("@stitches/react/types/styled-component").CssComponent<import("@stitches/react/types/styled-component").StyledComponentType<Composers>, import("@stitches/react/types/styled-component").StyledComponentProps<Composers>, {
         initial: "";
     } & Media, CSS_1>;
-    styled: <Type extends import("react").ComponentType<any> | keyof JSX.IntrinsicElements | import("@stitches/react/types/util").Function, Composers_1 extends (string | import("react").ComponentType<any> | import("@stitches/react/types/util").Function | {
+    styled: <Type extends import("@stitches/react/types/util").Function | keyof JSX.IntrinsicElements | import("react").ComponentType<any>, Composers_1 extends (string | import("@stitches/react/types/util").Function | import("react").ComponentType<any> | {
         [name: string]: unknown;
     })[], CSS_2 = import("@stitches/react/types/css-util").CSS<{
         initial: "";
@@ -917,7 +917,7 @@ export declare function createStitches<Prefix extends string = "", Media extends
             gridColumn: string;
             "--grid-columns": number;
         };
-    }>>(type: Type, ...composers: { [K_2 in keyof Composers_1]: Composers_1[K_2] extends string | import("react").ComponentType<any> | import("@stitches/react/types/util").Function ? Composers_1[K_2] : import("@stitches/react/types/stitches").RemoveIndex<CSS_2> & {
+    }>>(type: Type, ...composers: { [K_2 in keyof Composers_1]: string extends Composers_1[K_2] ? Composers_1[K_2] : Composers_1[K_2] extends string | import("@stitches/react/types/util").Function | import("react").ComponentType<any> ? Composers_1[K_2] : import("@stitches/react/types/stitches").RemoveIndex<CSS_2> & {
         variants?: {
             [x: string]: {
                 [x: string]: CSS_2;

package/style/createStitches.js

@@ -274,8 +274,8 @@ function parseResponsiveObject(breakpoints, object) {
 }
 exports.parseResponsiveObject = parseResponsiveObject;
 function getResponsiveObjectStyles(breakpoints, object, varName, unit) {
-    var _a, _b;
-    var _c;
+    var _a, _b, _c;
+    var _d;
     if (unit === void 0) { unit = "px"; }
     // Prescale object
     object = __assign({}, object);
@@ -294,8 +294,13 @@ function getResponsiveObjectStyles(breakpoints, object, varName, unit) {
                 _b[varName] = atom.concreteValue + unit,
                 _b);
         }
+        else if (atom.defined) {
+            globals["@" + atom.breakpoint] = (_c = {},
+                _c[varName] = atom.value,
+                _c);
+        }
     }
-    return [globals, (_c = globals["@initial"]) === null || _c === void 0 ? void 0 : _c[varName]];
+    return [globals, (_d = globals["@initial"]) === null || _d === void 0 ? void 0 : _d[varName]];
 }
 exports.getResponsiveObjectStyles = getResponsiveObjectStyles;
 // parseResponsiveTokens({'@initial': blah, '@desktop': blah}, breakpoints, )

package/components/ServerlessRouter.js

@@ -1 +0,0 @@
-"use strict";