eddev 0.2.0-beta.13 → 0.2.0-beta.14

package/config/config-schema.d.ts

@@ -14,14 +14,14 @@ export declare const EDConfigSchema: z.ZodObject<{
         enabled: boolean;
         uploads: "proxy" | "remote";
         plugins: "proxy" | "remote";
-        theme: "proxy" | "remote" | "copy";
+        theme: "copy" | "proxy" | "remote";
     }, {
         devAssets?: string[] | undefined;
         apiOnly?: boolean | undefined;
         enabled: boolean;
         uploads: "proxy" | "remote";
         plugins: "proxy" | "remote";
-        theme: "proxy" | "remote" | "copy";
+        theme: "copy" | "proxy" | "remote";
     }>>;
     devUI: z.ZodEnum<["disabled", "enabled"]>;
 }, "strip", z.ZodTypeAny, {
@@ -32,7 +32,7 @@ export declare const EDConfigSchema: z.ZodObject<{
         enabled: boolean;
         uploads: "proxy" | "remote";
         plugins: "proxy" | "remote";
-        theme: "proxy" | "remote" | "copy";
+        theme: "copy" | "proxy" | "remote";
     } | undefined;
     devUI: "disabled" | "enabled";
 }, {
@@ -43,7 +43,7 @@ export declare const EDConfigSchema: z.ZodObject<{
         enabled: boolean;
         uploads: "proxy" | "remote";
         plugins: "proxy" | "remote";
-        theme: "proxy" | "remote" | "copy";
+        theme: "copy" | "proxy" | "remote";
     } | undefined;
     devUI: "disabled" | "enabled";
 }>;

package/config/get-config.d.ts

@@ -6,7 +6,7 @@ export declare function getEDConfig(dir?: string): import("zod").SafeParseReturn
         enabled: boolean;
         uploads: "proxy" | "remote";
         plugins: "proxy" | "remote";
-        theme: "proxy" | "remote" | "copy";
+        theme: "copy" | "proxy" | "remote";
     } | undefined;
     devUI: "disabled" | "enabled";
 }, {
@@ -17,7 +17,7 @@ export declare function getEDConfig(dir?: string): import("zod").SafeParseReturn
         enabled: boolean;
         uploads: "proxy" | "remote";
         plugins: "proxy" | "remote";
-        theme: "proxy" | "remote" | "copy";
+        theme: "copy" | "proxy" | "remote";
     } | undefined;
     devUI: "disabled" | "enabled";
 }>;
@@ -29,7 +29,7 @@ export declare function getEDConfigUnwrapped(dir?: string): {
         enabled: boolean;
         uploads: "proxy" | "remote";
         plugins: "proxy" | "remote";
-        theme: "proxy" | "remote" | "copy";
+        theme: "copy" | "proxy" | "remote";
     } | undefined;
     devUI: "disabled" | "enabled";
 };

package/config/parse-config.d.ts

@@ -6,7 +6,7 @@ export declare function parseConfig(config: any): import("zod").SafeParseReturnT
         enabled: boolean;
         uploads: "proxy" | "remote";
         plugins: "proxy" | "remote";
-        theme: "proxy" | "remote" | "copy";
+        theme: "copy" | "proxy" | "remote";
     } | undefined;
     devUI: "disabled" | "enabled";
 }, {
@@ -17,7 +17,7 @@ export declare function parseConfig(config: any): import("zod").SafeParseReturnT
         enabled: boolean;
         uploads: "proxy" | "remote";
         plugins: "proxy" | "remote";
-        theme: "proxy" | "remote" | "copy";
+        theme: "copy" | "proxy" | "remote";
     } | undefined;
     devUI: "disabled" | "enabled";
 }>;

package/dev-ui/components/BreakpointIndicator.js

@@ -34,7 +34,7 @@ function BreakpointIndicator() {
     var maxSize = parseFloat(_theme_1.breakpoints[_theme_1.breakpoints.length - 1].min);
     var _a = (0, usePersistState_1.usePersistState)("breakpoint_indicator", false), expanded = _a[0], setExpanded = _a[1];
     if (!expanded) {
-        return ((0, jsx_runtime_1.jsx)(Simple, __assign({ onClick: function () { return setExpanded(true); }, css: colors[bpState.index % colors.length] }, { children: (0, jsx_runtime_1.jsxs)(Text_1.Text, __assign({ variant: "monoBold" }, { children: ["@", bpState.name] }), void 0) }), void 0));
+        return ((0, jsx_runtime_1.jsx)(Simple, __assign({ onClick: function () { return setExpanded(true); }, css: colors[bpState.index % colors.length] }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, __assign({ variant: "monoBold" }, { children: bpState.name }), void 0) }), void 0));
     }
     return ((0, jsx_runtime_1.jsx)(Expanded, __assign({ onClick: function () { return setExpanded(false); } }, { children: (0, jsx_runtime_1.jsxs)(Items, { children: [_theme_1.breakpoints.map(function (bp, index) {
                     return ((0, jsx_runtime_1.jsx)(Item, __assign({ css: __assign(__assign({}, colors[index % colors.length]), { $$offset: parseFloat(bp.min) / maxSize, $$size: bp.max ? (parseFloat(bp.max) - parseFloat(bp.min)) / maxSize : 0 }), last: index === _theme_1.breakpoints.length - 1, active: bpState.name === bp.key }, { children: (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, __assign({ label: "".concat(bp.min, " - ").concat(bp.max || "∞"), nowrap: true, offset: 3 }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, __assign({ variant: "monoTiny", align: "left" }, { children: bp.key }), void 0) }), void 0) }), index));

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

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

package/dev-ui/components/DevUI.js

@@ -1,6 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DevUI = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var usePersistState_1 = require("../hooks/usePersistState");
@@ -17,7 +16,7 @@ function DevUI() {
                     setPanel(panel);
                 }, extras: (0, jsx_runtime_1.jsx)(BreakpointIndicator_1.BreakpointIndicator, {}, void 0) }, void 0), open && PanelComponent && ((0, jsx_runtime_1.jsx)(PanelPosition, { children: (0, jsx_runtime_1.jsx)(PanelComponent, {}, void 0) }, void 0))] }, void 0));
 }
-exports.DevUI = DevUI;
+exports.default = DevUI;
 var PanelPosition = (0, theme_1.styled)("div", {
     position: "fixed",
     left: "0px",

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

@@ -1,5 +1,5 @@
 export declare const Text: import("@stitches/react/types/styled-component").StyledComponent<"div", {
-    variant?: "mono" | "h1" | "monoBold" | "monoTiny" | undefined;
+    variant?: "h1" | "mono" | "monoBold" | "monoTiny" | undefined;
     align?: "left" | "right" | "center" | undefined;
 }, {}, import("@stitches/react/types/css-util").CSS<{}, {
     space: {

package/dev-ui/index.d.ts

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

package/dev-ui/index.js

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

package/dev-ui/theme.d.ts

@@ -1,4 +1,5 @@
-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> | {
+/// <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 | {
     [name: string]: unknown;
 })[], CSS = import("@stitches/react/types/css-util").CSS<{}, {
     space: {
@@ -41,7 +42,7 @@ export declare const styled: <Type extends import("@stitches/react/types/util").
     transitions: {
         default: string;
     };
-}, import("@stitches/react/types/config").DefaultThemeMap, {}>>(type: Type, ...composers: { [K in keyof Composers]: Composers[K] extends string | import("@stitches/react/types/util").Function | import("react").ComponentType<any> ? Composers[K] : import("@stitches/react/types/stitches").RemoveIndex<CSS> & {
+}, 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;
@@ -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").ExoticComponent<any> | import("react").JSXElementConstructor<any> | {
+}, 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: {
@@ -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]: Composers[K] extends string | import("@stitches/react/types/util").Function | import("react").ExoticComponent<any> | import("react").JSXElementConstructor<any> ? Composers[K] : import("@stitches/react/types/stitches").RemoveIndex<CSS> & {
+}, 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;

package/entry/Root.js

@@ -33,12 +33,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 // @ts-ignore
 var views_1 = __importStar(require("@manifest/views"));
+var dynamic_1 = require("../dynamic");
 var react_1 = require("react");
-var dev_ui_1 = require("../dev-ui");
 var routing_1 = require("../routing");
+var DevUI = (0, dynamic_1.dynamic)(function () { return Promise.resolve().then(function () { return __importStar(require("../dev-ui/components/DevUI")); }); });
 function Root() {
     var route = (0, routing_1.useRoute)();
-    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) {
+    return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [process.devUI ? (0, jsx_runtime_1.jsx)(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));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eddev",
-  "version": "0.2.0-beta.13",
+  "version": "0.2.0-beta.14",
   "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").ExoticComponent<any> | import("react").JSXElementConstructor<any> | {
+    css: <Composers extends (string | import("react").JSXElementConstructor<any> | import("react").ExoticComponent<any> | import("@stitches/react/types/util").Function | {
         [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]: Composers[K_1] extends string | import("@stitches/react/types/util").Function | import("react").ExoticComponent<any> | import("react").JSXElementConstructor<any> ? Composers[K_1] : import("@stitches/react/types/stitches").RemoveIndex<CSS_1> & {
+    }>>(...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> & {
         variants?: {
             [x: string]: {
                 [x: string]: CSS_1;
@@ -793,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("@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> | {
+    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 | {
         [name: string]: unknown;
     })[], CSS_2 = import("@stitches/react/types/css-util").CSS<{
         initial: "";
@@ -916,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("@stitches/react/types/util").Function | import("react").ComponentType<any> ? Composers_1[K_2] : import("@stitches/react/types/stitches").RemoveIndex<CSS_2> & {
+    }>>(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> & {
         variants?: {
             [x: string]: {
                 [x: string]: CSS_2;

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

@@ -1,6 +0,0 @@
-import { ReactNode } from "react";
-declare type Props = {
-    renderBreakpoint: (breakpoint: string, index: number) => ReactNode;
-};
-export declare function BreakpointList(props: Props): JSX.Element;
-export {};

package/dev-ui/components/BreakpointList.js

@@ -1,38 +0,0 @@
-"use strict";
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BreakpointList = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-// @ts-ignore
-var _theme_1 = require("@theme");
-var theme_1 = require("../theme");
-function BreakpointList(props) {
-    var breakpoints = __spreadArray(["initial"], _theme_1.originalConfig.breakpoints, true);
-    return ((0, jsx_runtime_1.jsx)(Row, { children: breakpoints.map(function (breakpoint, index) {
-            return (0, jsx_runtime_1.jsx)(Cell, { children: props.renderBreakpoint(breakpoint, index) }, void 0);
-        }) }, void 0));
-}
-exports.BreakpointList = BreakpointList;
-var Row = (0, theme_1.styled)("div", {
-    display: "flex",
-});
-var Cell = (0, theme_1.styled)("div", {
-    flex: "1 1 auto",
-    width: "100px",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    borderLeft: "1px solid $colors$bgHoverLight",
-    borderBottom: "1px solid $colors$bgHoverLight",
-    "&:hover": {
-    // backgroundColor: "$bgHoverLight",
-    },
-});

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

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { BreakpointArray, ResponsiveAtomCalc } from "../../style";
-declare type Props = {
-    editableRange?: boolean;
-    editableValues?: boolean;
-    showBreakpointName?: boolean;
-    showValues?: boolean;
-    showRange?: boolean;
-    data: ResponsiveAtomCalc;
-    breakpoints: BreakpointArray;
-};
-export declare function ResponsiveScaleEditor(props: Props): JSX.Element;
-export declare const RESPONSIVE_COLUMN_WIDTH = "100px";
-export declare const RESPONSIVE_ROW_HEIGHT = "25px";
-export {};

package/dev-ui/components/ResponsiveScaleHeader.js

@@ -1,51 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RESPONSIVE_ROW_HEIGHT = exports.RESPONSIVE_COLUMN_WIDTH = exports.ResponsiveScaleEditor = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var theme_1 = require("../theme");
-var NumberField_1 = require("./atoms/NumberField");
-var ResponsiveLerpControl_1 = require("./ResponsiveLerpControl");
-var Text_1 = require("./atoms/Text");
-var ToggleButton_1 = require("./atoms/ToggleButton");
-function ResponsiveScaleEditor(props) {
-    return ((0, jsx_runtime_1.jsxs)(Wrapper, __assign({ css: { $$total: props.data.length } }, { children: [props.showBreakpointName && ((0, jsx_runtime_1.jsx)(Row, { children: props.data.map(function (item, i) {
-                    return ((0, jsx_runtime_1.jsx)(Col, __assign({ css: { textAlign: "center" } }, { children: (0, jsx_runtime_1.jsx)(ToggleButton_1.ToggleButton, { checked: item.defined, onChange: function (checked) { }, label: (0, jsx_runtime_1.jsx)(Text_1.Text, __assign({ as: "span", variant: "monoBold" }, { children: item.breakpoint }), void 0) }, void 0) }), void 0));
-                }) }, void 0)), props.showRange && (0, jsx_runtime_1.jsx)(ResponsiveLerpControl_1.ResponsiveLerpControl, { data: props.data }, void 0), props.showValues && ((0, jsx_runtime_1.jsx)(Row, { children: props.data.map(function (item, i) {
-                    return ((0, jsx_runtime_1.jsx)(Col, { children: (0, jsx_runtime_1.jsx)(Start, { children: item.type === "px" ? (0, jsx_runtime_1.jsx)(NumberField_1.NumberField, { suffix: "px", value: item.value, onChange: function () { } }, void 0) : null }, void 0) }, void 0));
-                }) }, void 0))] }), void 0));
-}
-exports.ResponsiveScaleEditor = ResponsiveScaleEditor;
-exports.RESPONSIVE_COLUMN_WIDTH = "100px";
-exports.RESPONSIVE_ROW_HEIGHT = "25px";
-var Wrapper = (0, theme_1.styled)("div", {
-    position: "relative",
-    width: "calc(".concat(exports.RESPONSIVE_COLUMN_WIDTH, " * $$total)"),
-});
-var Row = (0, theme_1.styled)("div", {
-    display: "flex",
-});
-var Col = (0, theme_1.styled)("div", {
-    position: "relative",
-    width: exports.RESPONSIVE_COLUMN_WIDTH,
-    height: exports.RESPONSIVE_ROW_HEIGHT,
-    boxSizing: "border-box",
-    borderLeft: "1px solid $colors$bgHover",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-});
-var Start = (0, theme_1.styled)("div", {
-    position: "absolute",
-    left: 2,
-});