eddev 0.2.0-beta.0 → 0.2.0-beta.12

package/dev-ui/components/SpacingEditor.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SpacingEditor = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var _theme_1 = require("@theme");
+function SpacingEditor() {
+    console.log("CONFIG", _theme_1.config);
+    return (0, jsx_runtime_1.jsx)("div", { children: "Spacing" }, void 0);
+}
+exports.SpacingEditor = SpacingEditor;

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

@@ -0,0 +1,39 @@
+export declare const Text: import("@stitches/react/types/styled-component").StyledComponent<"div", {
+    variant?: "h1" | undefined;
+}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+    space: {
+        buttonHeight: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+    };
+    colors: {
+        bg: string;
+        bgHover: string;
+        bgHoverLight: string;
+        fg: string;
+        fgFaded: string;
+    };
+    fontSizes: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    fonts: {
+        body: string;
+        mono: string;
+    };
+    radii: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    transitions: {
+        default: string;
+    };
+}, import("@stitches/react/types/config").DefaultThemeMap, {}>>;

package/dev-ui/components/Text.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = void 0;
+var theme_1 = require("../theme");
+exports.Text = (0, theme_1.styled)("div", {
+    variants: {
+        variant: {
+            h1: {
+                fontSize: "$xl",
+            }
+        },
+    },
+});

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

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

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

@@ -0,0 +1,56 @@
+"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.SpacingEditor = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+// @ts-ignore
+var _theme_1 = require("@theme");
+var react_1 = require("react");
+var style_1 = require("../../../style");
+var theme_1 = require("../../theme");
+var BreakpointItemHeader_1 = require("../BreakpointItemHeader");
+var BreakpointList_1 = require("../BreakpointList");
+function SpacingEditor() {
+    // const [values, setValues] = usePersistState<ResponsiveSpace | undefined>("spacing", undefined)
+    var _a = (0, react_1.useState)(function () {
+        return __assign({}, _theme_1.originalConfig.responsive.space);
+    }), values = _a[0], setValues = _a[1];
+    console.log("CONFIG", _theme_1.originalConfig);
+    var parsedBreakpoints = (0, style_1.parseBreakpoints)(_theme_1.originalConfig.breakpoints, _theme_1.originalConfig.media);
+    console.log("A");
+    var info = (0, style_1.parseResponsiveObject)(parsedBreakpoints, values ? values[0] : {});
+    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)(SpacingTable, { children: [(0, jsx_runtime_1.jsxs)(TableHeaderRow, { children: [(0, jsx_runtime_1.jsx)(TableCell, { children: "Token" }, void 0), (0, jsx_runtime_1.jsx)(TableCell, { children: (0, jsx_runtime_1.jsx)(BreakpointList_1.BreakpointList, { renderBreakpoint: function (bp, i) {
+                                    var bpInfo = info.find(function (item) { return item.breakpoint === bp; });
+                                    return (0, jsx_runtime_1.jsx)(BreakpointItemHeader_1.BreakpointColumnHeader, { name: bp, defined: !!(bpInfo === null || bpInfo === void 0 ? void 0 : bpInfo.defined) }, void 0);
+                                } }, void 0) }, void 0)] }, void 0), Object.entries(values || {}).map(function (_a) {
+                    var token = _a[0], value = _a[1];
+                    console.log("B", token, value);
+                    var info = (0, style_1.parseResponsiveObject)(parsedBreakpoints, value);
+                    return ((0, jsx_runtime_1.jsxs)(TableRow, { children: [(0, jsx_runtime_1.jsx)(TableCell, { children: token }, void 0), (0, jsx_runtime_1.jsx)(TableCell, { children: (0, jsx_runtime_1.jsx)(BreakpointList_1.BreakpointList, { renderBreakpoint: function (bp, i) {
+                                        console.log("VALUE", value);
+                                        var bpInfo = info.find(function (item) { return item.breakpoint === bp; });
+                                        return value["@" + bp];
+                                    } }, void 0) }, void 0)] }, token));
+                })] }, void 0) }, void 0));
+}
+exports.SpacingEditor = SpacingEditor;
+var SpacingTable = (0, theme_1.styled)("div", {
+    display: "table",
+});
+var TableRow = (0, theme_1.styled)("div", {
+    display: "table-row",
+});
+var TableHeaderRow = (0, theme_1.styled)(TableRow, {});
+var TableCell = (0, theme_1.styled)("div", {
+    display: "table-cell",
+});

package/dev-ui/hooks/usePersistState.d.ts

@@ -0,0 +1 @@
+export declare function usePersistState<T>(id: string, initial: T): [T, (value: T) => void];

package/dev-ui/hooks/usePersistState.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePersistState = void 0;
+var react_1 = require("react");
+var get = function (id, fallback) {
+    if (fallback === void 0) { fallback = undefined; }
+    var value = localStorage.getItem("devui_" + id);
+    if (value !== null) {
+        return JSON.parse(value);
+    }
+    else {
+        return fallback;
+    }
+};
+var set = function (id, value) {
+    localStorage.setItem("devui_" + id, JSON.stringify(value));
+};
+function usePersistState(id, initial) {
+    var _a = (0, react_1.useState)(function () { return get(id, initial); }), value = _a[0], setValue = _a[1];
+    return [
+        value,
+        function (value) {
+            set(id, value);
+            setValue(value);
+        },
+    ];
+}
+exports.usePersistState = usePersistState;

package/dev-ui/icons.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare const bolt: JSX.Element;
+export declare const typography: JSX.Element;
+export declare const ruler: JSX.Element;
+export declare const structure: JSX.Element;
+export declare const code: JSX.Element;
+export declare const share: JSX.Element;
+export declare const close: JSX.Element;
+export declare const check: JSX.Element;
+export declare const checkEmpty: JSX.Element;
+export declare const checkFilled: JSX.Element;

package/dev-ui/icons.js

@@ -0,0 +1,25 @@
+"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.checkFilled = exports.checkEmpty = exports.check = exports.close = exports.share = exports.code = exports.structure = exports.ruler = exports.typography = exports.bolt = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+exports.bolt = ((0, jsx_runtime_1.jsxs)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000" }, { children: [(0, jsx_runtime_1.jsx)("g", { children: (0, jsx_runtime_1.jsx)("rect", { fill: "none", height: "24", width: "24" }, void 0) }, void 0), (0, jsx_runtime_1.jsx)("g", { children: (0, jsx_runtime_1.jsx)("path", { d: "M11,21h-1l1-7H6.74c0,0,3.68-6.46,6.26-11h1l-1,7h4.28L11,21z" }, void 0) }, void 0)] }), void 0));
+exports.typography = ((0, jsx_runtime_1.jsx)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M2.5 4v3h5v12h3V7h5V4h-13zm19 5h-9v3h3v7h3v-7h3V9z" }, void 0) }), void 0));
+exports.ruler = ((0, jsx_runtime_1.jsxs)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M0 0h24v24H0V0z", fill: "none" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M23 6H1v12h22V6zm-2 10H3V8h2v4h2V8h2v4h2V8h2v4h2V8h2v4h2V8h2v8z" }, void 0)] }), void 0));
+exports.structure = ((0, jsx_runtime_1.jsxs)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", enableBackground: "new 0 0 24 24", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000" }, { children: [(0, jsx_runtime_1.jsx)("g", { children: (0, jsx_runtime_1.jsx)("rect", { fill: "none", height: "24", width: "24" }, void 0) }, void 0), (0, jsx_runtime_1.jsx)("polygon", { points: "22,11 22,3 15,3 15,6 9,6 9,3 2,3 2,11 9,11 9,8 11,8 11,18 15,18 15,21 22,21 22,13 15,13 15,16 13,16 13,8 15,8 15,11" }, void 0)] }), void 0));
+exports.code = ((0, jsx_runtime_1.jsxs)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M0 0h24v24H0V0z", fill: "none" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z" }, void 0)] }), void 0));
+exports.share = ((0, jsx_runtime_1.jsxs)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", enableBackground: "new 0 0 24 24", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000" }, { children: [(0, jsx_runtime_1.jsx)("g", { children: (0, jsx_runtime_1.jsx)("rect", { fill: "none", height: "24", width: "24" }, void 0) }, void 0), (0, jsx_runtime_1.jsx)("g", { children: (0, jsx_runtime_1.jsxs)("g", { children: [(0, jsx_runtime_1.jsx)("g", { children: (0, jsx_runtime_1.jsx)("polygon", { points: "23,3 1,3 1,13 3,13 3,5 21,5 21,21 23,21" }, void 0) }, void 0), (0, jsx_runtime_1.jsx)("g", { children: (0, jsx_runtime_1.jsx)("circle", { cx: "9", cy: "10", r: "4" }, void 0) }, void 0), (0, jsx_runtime_1.jsx)("g", { children: (0, jsx_runtime_1.jsx)("path", { d: "M15.39,16.56C13.71,15.7,11.53,15,9,15c-2.53,0-4.71,0.7-6.39,1.56C1.61,17.07,1,18.1,1,19.22V22h16v-2.78 C17,18.1,16.39,17.07,15.39,16.56z" }, void 0) }, void 0)] }, void 0) }, void 0)] }), void 0));
+exports.close = ((0, jsx_runtime_1.jsxs)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M0 0h24v24H0V0z", fill: "none" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z" }, void 0)] }), void 0));
+exports.check = ((0, jsx_runtime_1.jsxs)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M0 0h24v24H0V0z", fill: "none" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z" }, void 0)] }), void 0));
+exports.checkEmpty = ((0, jsx_runtime_1.jsxs)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M0 0h24v24H0V0z", fill: "none" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M19 5v14H5V5h14m2-2H3v18h18V3z" }, void 0)] }), void 0));
+exports.checkFilled = ((0, jsx_runtime_1.jsxs)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 0 24 24", width: "24px", fill: "#000000" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M0 0h24v24H0V0z", fill: "none" }, void 0), (0, jsx_runtime_1.jsx)("path", { d: "M21 3H3v18h18V3zM10 17l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" }, void 0)] }), void 0));

package/dev-ui/index.d.ts

@@ -0,0 +1 @@
+export { DevUI } from "./components/DevUI";

package/dev-ui/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DevUI = void 0;
+var DevUI_1 = require("./components/DevUI");
+Object.defineProperty(exports, "DevUI", { enumerable: true, get: function () { return DevUI_1.DevUI; } });

package/dev-ui/panels.d.ts

@@ -0,0 +1,11 @@
+import { ComponentType, ReactNode } from "react";
+declare type DevUIPanelItem = {
+    label: string;
+    icon: ReactNode;
+    component: ComponentType;
+};
+export declare const DEV_UI_PANELS: {
+    [key: string]: DevUIPanelItem;
+};
+export declare type PanelID = keyof typeof DEV_UI_PANELS;
+export {};

package/dev-ui/panels.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEV_UI_PANELS = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var SpacingEditor_1 = require("./components/panels/SpacingEditor");
+var icons_1 = require("./icons");
+var TempComponent = function () {
+    return (0, jsx_runtime_1.jsx)("div", { children: "Test" }, void 0);
+};
+exports.DEV_UI_PANELS = {
+    typography: {
+        label: "Typography",
+        icon: icons_1.typography,
+        component: TempComponent,
+    },
+    spacing: {
+        label: "Spacing",
+        icon: icons_1.ruler,
+        component: SpacingEditor_1.SpacingEditor,
+    },
+    page: {
+        label: "Page Data",
+        icon: icons_1.code,
+        component: TempComponent,
+    },
+    structure: {
+        label: "Page Structure",
+        icon: icons_1.structure,
+        component: TempComponent,
+    },
+};

package/dev-ui/theme.d.ts

@@ -0,0 +1,135 @@
+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 | {
+    [name: string]: unknown;
+})[], CSS = import("@stitches/react/types/css-util").CSS<{}, {
+    space: {
+        buttonHeight: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+    };
+    colors: {
+        bg: string;
+        bgHover: string;
+        bgHoverLight: string;
+        fg: string;
+        fgFaded: string;
+    };
+    fontSizes: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    fonts: {
+        body: string;
+        mono: string;
+    };
+    radii: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    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> & {
+    variants?: {
+        [x: string]: {
+            [x: string]: CSS;
+            [x: number]: CSS;
+        };
+    } | undefined;
+    compoundVariants?: (("variants" extends keyof Composers[K] ? { [Name in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name]> | undefined; } : import("@stitches/react/types/util").WideObject) & {
+        css: CSS;
+    })[] | undefined;
+    defaultVariants?: ("variants" extends keyof Composers[K] ? { [Name_1 in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]> | undefined; } : import("@stitches/react/types/util").WideObject) | undefined;
+} & CSS & { [K2 in keyof Composers[K]]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS ? CSS[K2] : unknown; }; }) => import("@stitches/react/types/styled-component").StyledComponent<Type, import("@stitches/react/types/styled-component").StyledComponentProps<Composers>, {}, import("@stitches/react/types/css-util").CSS<{}, {
+    space: {
+        buttonHeight: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+    };
+    colors: {
+        bg: string;
+        bgHover: string;
+        bgHoverLight: string;
+        fg: string;
+        fgFaded: string;
+    };
+    fontSizes: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    fonts: {
+        body: string;
+        mono: string;
+    };
+    radii: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    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 | {
+    [name: string]: unknown;
+})[], CSS = import("@stitches/react/types/css-util").CSS<{}, {
+    space: {
+        buttonHeight: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+    };
+    colors: {
+        bg: string;
+        bgHover: string;
+        bgHoverLight: string;
+        fg: string;
+        fgFaded: string;
+    };
+    fontSizes: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    fonts: {
+        body: string;
+        mono: string;
+    };
+    radii: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    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> & {
+    variants?: {
+        [x: string]: {
+            [x: string]: CSS;
+            [x: number]: CSS;
+        };
+    } | undefined;
+    compoundVariants?: (("variants" extends keyof Composers[K] ? { [Name in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name]> | undefined; } : import("@stitches/react/types/util").WideObject) & {
+        css: CSS;
+    })[] | undefined;
+    defaultVariants?: ("variants" extends keyof Composers[K] ? { [Name_1 in keyof Composers[K][keyof Composers[K] & "variants"]]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]> | undefined; } : import("@stitches/react/types/util").WideObject) | undefined;
+} & CSS & { [K2 in keyof Composers[K]]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS ? CSS[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>, {}, CSS>;

package/dev-ui/theme.js

@@ -0,0 +1,45 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.css = exports.styled = void 0;
+var react_1 = require("@stitches/react");
+exports.styled = (_a = (0, react_1.createStitches)({
+    theme: {
+        space: {
+            buttonHeight: "26px",
+            0: "4px",
+            1: "8px",
+            2: "12px",
+            3: "16px",
+            4: "24px",
+            5: "32px",
+            6: "48px",
+        },
+        colors: {
+            bg: "#222222",
+            bgHover: "#444444",
+            bgHoverLight: "#333333",
+            fg: "#ffffff",
+            fgFaded: "#aaaaaa",
+        },
+        fontSizes: {
+            sm: "12px",
+            md: "14px",
+            lg: "18px",
+            xl: "24px",
+        },
+        fonts: {
+            body: '"Roboto", Helvetica, sans-serif',
+            mono: '"Roboto Mono", Menlo, monospace',
+        },
+        radii: {
+            sm: "4px",
+            md: "8px",
+            lg: "16px",
+        },
+        transitions: {
+            default: "0.2s ease",
+        },
+    },
+    prefix: "eddev",
+}), _a.styled), exports.css = _a.css;

package/entry/Root.js

@@ -34,13 +34,14 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 // @ts-ignore
 var views_1 = __importStar(require("@manifest/views"));
 var react_1 = require("react");
+var dev_ui_1 = require("../dev-ui");
 var routing_1 = require("../routing");
 function Root() {
     var route = (0, routing_1.useRoute)();
-    return ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: (0, jsx_runtime_1.jsx)(views_1.App, { children: (0, jsx_runtime_1.jsx)(routing_1.Switch, { children: Object.entries(views_1.default).map(function (_a) {
-                    var _b, _c;
-                    var name = _a[0], Component = _a[1];
-                    return ((0, jsx_runtime_1.jsx)(routing_1.Route, __assign({ match: function (route) { var _a; return ((_a = route.data) === null || _a === void 0 ? void 0 : _a.view) === name; } }, { children: (0, jsx_runtime_1.jsx)(Component, __assign({}, (_c = (_b = route.data) === null || _b === void 0 ? void 0 : _b.viewData) === null || _c === void 0 ? void 0 : _c.data), void 0) }), name));
-                }) }, void 0) }, void 0) }, void 0));
+    return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [process.devUI ? (0, jsx_runtime_1.jsx)(dev_ui_1.DevUI, {}, void 0) : null, (0, jsx_runtime_1.jsx)(views_1.App, { children: (0, jsx_runtime_1.jsx)(routing_1.Switch, { children: Object.entries(views_1.default).map(function (_a) {
+                        var _b, _c;
+                        var name = _a[0], Component = _a[1];
+                        return ((0, jsx_runtime_1.jsx)(routing_1.Route, __assign({ match: function (route) { var _a; return ((_a = route.data) === null || _a === void 0 ? void 0 : _a.view) === name; } }, { children: (0, jsx_runtime_1.jsx)(Component, __assign({}, (_c = (_b = route.data) === null || _b === void 0 ? void 0 : _b.viewData) === null || _c === void 0 ? void 0 : _c.data), void 0) }), name));
+                    }) }, void 0) }, void 0)] }, void 0));
 }
 exports.default = Root;

package/hooks/useAppData.js

@@ -18,7 +18,6 @@ function useAppData(selector) {
     // @ts-ignore
     if (process.serverless) {
         var value = (0, react_1.useContext)(serverlessAppContext_1.ServerlessAppDataContext);
-        console.log("VALUE IS", value);
         if (selector)
             return selector(value);
         return value;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eddev",
-  "version": "0.2.0-beta.0",
+  "version": "0.2.0-beta.12",
   "main": "./index.js",
   "license": "MIT",
   "bin": {
@@ -16,6 +16,7 @@
     "@types/babel__traverse": "^7.14.2",
     "@types/chokidar": "^2.1.3",
     "@types/fs-extra": "^9.0.13",
+    "@types/git-repo-name": "^1.0.1",
     "@types/inquirer": "^8.1.1",
     "@types/loadable__component": "^5.13.4",
     "@types/node": "^16.7.10",
@@ -26,6 +27,7 @@
     "@types/url-parse": "^1.4.4",
     "@types/webpack-dev-server": "^3.11.2",
     "csstype": "^3.0.9",
+    "next": "^12.0.10",
     "react-html-props": "^1.0.32"
   },
   "dependencies": {
@@ -35,7 +37,6 @@
     "@babel/preset-react": "^7.14.5",
     "@babel/preset-typescript": "^7.15.0",
     "@babel/traverse": "^7.15.4",
-    "@boost/log": "^3.0.0",
     "@graphql-codegen/cli": "^2.2.0",
     "@graphql-codegen/core": "^2.1.0",
     "@graphql-codegen/typescript": "^2.2.1",
@@ -60,34 +61,34 @@
     "dotenv": "^10.0.0",
     "error-overlay-webpack-plugin": "^1.0.0",
     "error-stack-parser": "^2.0.6",
-    "execa": "^6.0.0",
     "friendly-errors-webpack-plugin": "^1.7.0",
     "fs-extra": "^10.0.0",
-    "git-remote-origin-url": "^3.1.0",
+    "git-repo-name": "^1.0.1",
     "glob": "^7.1.7",
     "glob-promise": "^4.2.0",
     "graphql": "^15.5.3",
-    "history": "^5.0.1",
     "ink": "^3.2.0",
     "inquirer": "^8.1.2",
     "mini-css-extract-plugin": "^2.2.2",
     "next-transpile-modules": "^9.0.0",
     "postcss-loader": "^6.1.1",
     "qs": "^6.10.1",
-    "react-dev-utils": "^12.0.0-next.37",
     "react-error-overlay": "^6.0.9",
     "react-inspector": "^5.1.1",
     "react-merge-refs": "^1.1.0",
     "react-refresh": "^0.10.0",
     "rimraf": "^3.0.2",
     "swr": "^1.0.1",
-    "typescript": "^4.4.2",
+    "to-icon": "^1.1.4",
+    "typescript": "^4.5.5",
     "url-parse": "^1.5.3",
     "webpack": "^5.52.0",
     "webpack-bundle-analyzer": "^4.5.0",
     "webpack-dev-server": "^3.11.2",
     "webpack-hot-middleware": "^2.25.0",
     "webpack-virtual-modules": "^0.4.3",
+    "zod": "^3.11.6",
+    "zod-to-json-schema": "^3.11.3",
     "zustand": "^3.5.10"
   },
   "peerDependencies": {

package/serverless/create-rpc-client.d.ts

@@ -0,0 +1,32 @@
+export declare function createRPCClient(): {
+    Provider: ({ client, queryClient, children, isPrepass, ssrContext, }: {
+        queryClient: QueryClient;
+        client: import("@trpc/react").TRPCClient<import("@trpc/server").AnyRouter<any>>;
+        children: import("react").ReactNode;
+        isPrepass?: boolean | undefined;
+        ssrContext?: unknown;
+    }) => JSX.Element;
+    createClient: (opts: import("@trpc/react").CreateTRPCClientOptions<import("@trpc/server").AnyRouter<any>>) => import("@trpc/react").TRPCClient<import("@trpc/server").AnyRouter<any>>;
+    useContext: () => import("@trpc/react/dist/declarations/src/internals/context").TRPCContextState<import("@trpc/server").AnyRouter<any>, unknown>;
+    useQuery: <TPath extends string>(pathAndInput: [TPath, (null | undefined)?], opts?: import("@trpc/react").UseTRPCQueryOptions<TPath, unknown, any, import("@trpc/react").TRPCClientErrorLike<import("@trpc/server").AnyRouter<any>>> | undefined) => UseQueryResult<{ [TPath_1 in keyof TRouter["_def"]["queries"]]: {
+        input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["queries"][TPath_1]>;
+        output: import("@trpc/server").ThenArg<ReturnType<TRouter["_def"]["queries"][TPath_1]["call"]>>;
+    }; }[TPath_2]["output"], import("@trpc/react").TRPCClientErrorLike<TRouter>>;
+    useMutation: <TPath_1 extends string>(path: TPath_1 | [TPath_1], opts?: import("@trpc/react").UseTRPCMutationOptions<unknown, import("@trpc/react").TRPCClientErrorLike<import("@trpc/server").AnyRouter<any>>, any> | undefined) => UseMutationResult<{ [TPath_3 in keyof TRouter["_def"]["mutations"]]: {
+        input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["mutations"][TPath_3]>;
+        output: import("@trpc/server").ThenArg<ReturnType<TRouter["_def"]["mutations"][TPath_3]["call"]>>;
+    }; }[TPath_1_1]["output"], import("@trpc/react").TRPCClientErrorLike<TRouter>, { [TPath_3 in keyof TRouter["_def"]["mutations"]]: {
+        input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["mutations"][TPath_3]>;
+        output: import("@trpc/server").ThenArg<ReturnType<TRouter["_def"]["mutations"][TPath_3]["call"]>>;
+    }; }[TPath_1_1]["input"], unknown>;
+    useSubscription: <TPath_2 extends string, TOutput extends any>(pathAndInput: [TPath_2, (null | undefined)?], opts: {
+        enabled?: boolean | undefined;
+        onError?: ((err: import("@trpc/react").TRPCClientErrorLike<import("@trpc/server").AnyRouter<any>>) => void) | undefined;
+        onNext: (data: TOutput) => void;
+    }) => void;
+    useDehydratedState: (client: import("@trpc/react").TRPCClient<import("@trpc/server").AnyRouter<any>>, trpcState: any) => any;
+    useInfiniteQuery: <TPath_3 extends never>(pathAndInput: [path: TPath_3, input: Omit<unknown, "cursor">], opts?: import("@trpc/react").UseTRPCInfiniteQueryOptions<TPath_3, Omit<unknown, "cursor">, any, import("@trpc/react").TRPCClientErrorLike<import("@trpc/server").AnyRouter<any>>> | undefined) => UseInfiniteQueryResult<{ [TPath_1 in keyof TRouter["_def"]["queries"]]: {
+        input: import("@trpc/server").inferProcedureInput<TRouter["_def"]["queries"][TPath_1]>;
+        output: import("@trpc/server").ThenArg<ReturnType<TRouter["_def"]["queries"][TPath_1]["call"]>>;
+    }; }[TPath_3_1]["output"], import("@trpc/react").TRPCClientErrorLike<TRouter>>;
+};

package/serverless/create-rpc-client.js

@@ -0,0 +1,20 @@
+"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.createRPCClient = void 0;
+var react_1 = require("@trpc/react");
+function createRPCClient() {
+    var trpc = (0, react_1.createReactQueryHooks)();
+    return __assign({}, trpc);
+}
+exports.createRPCClient = createRPCClient;

package/serverless/define-api.d.ts

@@ -0,0 +1,2 @@
+import { NextApiHandler } from "next/types";
+export declare function defineAPI(handler: NextApiHandler): NextApiHandler<any>;