eddev 0.2.1 → 0.2.2-beta.11

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

@@ -24,6 +24,7 @@ var Button_1 = require("../atoms/Button");
 var Spacer_1 = require("../atoms/Spacer");
 var Text_1 = require("../atoms/Text");
 var PanelWrapper_1 = require("../PanelWrapper");
+var ResponsiveScaleEditor_1 = require("../ResponsiveScaleEditor");
 function TypographyEditor() {
     var _a = (0, react_1.useState)(function () { return _theme_1.originalConfig.typography; }), values = _a[0], setValues = _a[1];
     var parsedBreakpoints = (0, style_1.parseBreakpoints)(_theme_1.originalConfig.breakpoints, _theme_1.originalConfig.media);
@@ -49,9 +50,15 @@ function TypographyEditor() {
                         // })
                     } }, { children: [icons_1.paste, "Paste"] }), void 0), (0, jsx_runtime_1.jsx)(Spacer_1.Spacer, {}, void 0), (0, jsx_runtime_1.jsxs)(Button_1.Button, __assign({ small: true, onClick: reset }, { children: [icons_1.trash, " Reset"] }), void 0)] }, void 0) }, { children: (0, jsx_runtime_1.jsx)(Wrapper, { children: Object.entries(values).map(function (_a, index) {
                 var name = _a[0], settings = _a[1];
-                return ((0, jsx_runtime_1.jsxs)(TypographyItem, { children: [(0, jsx_runtime_1.jsx)(Meta, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, __assign({ variant: "monoBold" }, { children: name }), void 0) }, void 0), (0, jsx_runtime_1.jsx)(Details, { children: (0, jsx_runtime_1.jsx)(Preview, { css: { typography: name }, value: previewText, onChange: function (e) {
-                                    setPreviewText(e.currentTarget.value);
-                                } }, void 0) }, void 0)] }, index));
+                return ((0, jsx_runtime_1.jsxs)(TypographyItem, { children: [(0, jsx_runtime_1.jsx)(Meta, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, __assign({ variant: "monoBold" }, { children: name }), void 0) }, void 0), (0, jsx_runtime_1.jsxs)(Details, { children: [(0, jsx_runtime_1.jsx)(Preview, { css: { typography: name }, value: previewText, onChange: function (e) {
+                                        setPreviewText(e.currentTarget.value);
+                                    } }, void 0), (0, jsx_runtime_1.jsx)(ResponsiveScaleEditor_1.ResponsiveScaleEditor, { editableRange: true, editableValues: true, breakpoints: parsedBreakpoints, data: {
+                                        fontSize: settings.fontSize,
+                                        lineHeight: settings.lineHeight,
+                                    }, showBreakpointName: true, showRange: true, showValues: true, labelWidth: "80px", onChange: function (data) {
+                                        var _a;
+                                        setValues(__assign(__assign({}, values), (_a = {}, _a[name] = __assign(__assign({}, settings), { fontSize: data.fontSize, lineHeight: data.lineHeight }), _a)));
+                                    }, modes: ["px", "multiplier"] }, void 0)] }, void 0)] }, index));
             }) }, void 0) }), void 0));
 }
 exports.TypographyEditor = TypographyEditor;

package/dev-ui/icons.d.ts

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

package/entry/Root.d.ts

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

package/entry/entry.admin.dev.js

@@ -3,9 +3,21 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var installGutenbergHooks_1 = require("../blocks/installGutenbergHooks");
 // @ts-ignore
 var _theme_1 = require("@theme");
-var installFieldTypes_1 = require("../fields/installFieldTypes");
+var installFieldTypes_1 = require("../admin/installFieldTypes");
+var runWidgets_1 = require("../admin/runWidgets");
 (0, installGutenbergHooks_1.installEDGutenbergHooks)();
 (0, installFieldTypes_1.installFieldTypes)();
+window.onload = runWidgets_1.runWidgets;
+// @ts-ignore
+// if (import.meta.webpackHot) {
+//   console.log("HEY", require.resolve("@manifest/widgets"))
+//   // @ts-ignore
+//   import.meta.webpackHot.accept([require.resolve("@manifest/widgets")], () => {
+//     const runWidgets = require("../admin/runWidgets").runWidgets
+//     console.log("HELLO")
+//     runWidgets()
+//   })
+// }
 if (_theme_1.editorGlobalStyles) {
     (0, _theme_1.editorGlobalStyles)();
 }

package/entry/entry.admin.prod.js

@@ -3,9 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var installGutenbergHooks_1 = require("../blocks/installGutenbergHooks");
 // @ts-ignore
 var _theme_1 = require("@theme");
-var installFieldTypes_1 = require("../fields/installFieldTypes");
+var installFieldTypes_1 = require("../admin/installFieldTypes");
+var runWidgets_1 = require("../admin/runWidgets");
 (0, installGutenbergHooks_1.installEDGutenbergHooks)();
 (0, installFieldTypes_1.installFieldTypes)();
+window.onload = runWidgets_1.runWidgets;
 if (_theme_1.editorGlobalStyles) {
     (0, _theme_1.editorGlobalStyles)();
 }

package/hooks/useAppData.js

@@ -22,6 +22,10 @@ function useAppData(selector) {
             return selector(value);
         return value;
     }
+    else if (process.admin) {
+        // @ts-ignore
+        return selector ? selector(__ED_APP_DATA.data) : __ED_APP_DATA.data;
+    }
     else {
         return useAppDataStore(function (store) {
             if (selector)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eddev",
-  "version": "0.2.1",
+  "version": "0.2.2-beta.11",
   "main": "./index.js",
   "license": "MIT",
   "bin": {
@@ -48,8 +48,8 @@
     "@loadable/webpack-plugin": "^5.15.2",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.4.3",
     "@soda/friendly-errors-webpack-plugin": "^1.8.0",
-    "@stitches/core": "^1.2.6",
-    "@stitches/react": "^1.2.6",
+    "@stitches/core": "^1.2.7",
+    "@stitches/react": "^1.2.7",
     "@trpc/client": "^9.19.0",
     "@trpc/next": "^9.19.0",
     "@trpc/react": "^9.19.0",
@@ -87,7 +87,7 @@
     "rimraf": "^3.0.2",
     "swr": "^1.0.1",
     "to-icon": "^1.1.4",
-    "typescript": "^4.5.5",
+    "typescript": "4.5.5",
     "url-parse": "^1.5.3",
     "webpack": "^5.52.0",
     "webpack-bundle-analyzer": "^4.5.0",

package/serverless-template/_utils/fetch-wp.ts

@@ -1,4 +1,5 @@
 import { Agent } from "https"
+import { fetch } from "cross-fetch"
 
 // Used to allow self-signed certificates
 const agent = new Agent({

package/serverless-template/package.json

@@ -8,8 +8,8 @@
     "start": "next start"
   },
   "dependencies": {
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
+    "react": "^18.0.0-rc.3",
+    "react-dom": "^18.0.0-rc.3",
     "@trpc/next": "^9.19.0",
     "@trpc/server": "^9.19.0"
   },

package/serverless-template/pages/_app.tsx

@@ -26,7 +26,9 @@ function Root({ Component, pageProps }: AppProps) {
 
   if (!appData) return <div />
 
-  console.log(`Could not load view named "${pageProps.view}"`)
+  if (!View) {
+    console.log(`Could not load view named "${pageProps.view}"`)
+  }
 
   return (
     <ServerlessAppDataProvider value={appData}>

package/style/createStitches.js

@@ -78,11 +78,11 @@ function parseTypography(theme, breakpoints, typography) {
             return value;
         }
     };
-    var _loop_1 = function (name_1) {
+    for (var name_1 in typography) {
         var style = typography[name_1];
         var variant = {};
         typeVariants[name_1] = variant;
-        var _loop_2 = function (key) {
+        for (var key in style) {
             var value = style[key];
             var varName = "--type-".concat(name_1, "-").concat(key);
             variant[key] = "var(".concat(varName, ")");
@@ -93,36 +93,37 @@ function parseTypography(theme, breakpoints, typography) {
             }
             else if (value && typeof value === "object") {
                 // A responsive object value
-                var entries_1 = Object.entries(value);
-                entries_1.forEach(function (_a, i) {
-                    var _b;
-                    var bpName = _a[0], responsiveValue = _a[1];
-                    if (Array.isArray(responsiveValue)) {
-                        responsiveValue = responsiveValue[0];
-                        // An array in the format [value] signifies font locking between the current breakpoint and the next defined one
-                        var minSize = (_b = breakpoints.find(function (bp) { return "@" + bp.key === bpName; })) === null || _b === void 0 ? void 0 : _b.min;
-                        var nextBreakpoint = breakpoints.find(function (bp) { var _a; return "@" + bp.key === ((_a = entries_1[i + 1]) === null || _a === void 0 ? void 0 : _a[0]); });
-                        if (!nextBreakpoint)
-                            throw new Error("Cannot create responsive '".concat(key, "' for '").concat(name_1, "' at breakpoint '").concat(bpName, "', since it is the last-defined breakpoint. Your last size should be a string/number/token."));
-                        var maxSize = nextBreakpoint.min;
-                        var responsiveValue2 = value["@" + nextBreakpoint.key];
-                        if (Array.isArray(responsiveValue2))
-                            responsiveValue2 = responsiveValue2[0];
-                        var size1 = resolveValue(tokenPrefix, responsiveValue);
-                        var size2 = resolveValue(tokenPrefix, responsiveValue2);
-                        responsiveValue = "calc(".concat(size1, " + (100vw - ").concat(minSize, ") / (").concat(unitless(maxSize), " - ").concat(unitless(minSize), ") * (").concat(unitless(size2), " - ").concat(unitless(size1), "))");
-                    }
-                    globals[bpName][varName] = responsiveValue;
-                });
+                var unit = key === "lineHeight" ? "%" : "px";
+                var _a = getResponsiveObjectStyles(breakpoints, value, varName, unit), tokenGlobals = _a[0], initial = _a[1];
+                for (var key_1 in tokenGlobals) {
+                    globals[key_1] = __assign(__assign({}, globals[key_1]), tokenGlobals[key_1]);
+                }
+                // const entries = Object.entries(value)
+                // entries.forEach(([bpName, responsiveValue], i) => {
+                //   if (Array.isArray(responsiveValue)) {
+                //     responsiveValue = responsiveValue[0]
+                //     // An array in the format [value] signifies font locking between the current breakpoint and the next defined one
+                //     const minSize = breakpoints.find((bp) => "@" + bp.key === bpName)?.min
+                //     const nextBreakpoint = breakpoints.find((bp) => "@" + bp.key === entries[i + 1]?.[0])
+                //     if (!nextBreakpoint)
+                //       throw new Error(
+                //         `Cannot create responsive '${key}' for '${name}' at breakpoint '${bpName}', since it is the last-defined breakpoint. Your last size should be a string/number/token.`
+                //       )
+                //     const maxSize = nextBreakpoint.min
+                //     let responsiveValue2 = (value as any)["@" + nextBreakpoint.key]
+                //     if (Array.isArray(responsiveValue2)) responsiveValue2 = responsiveValue2[0]
+                //     let size1 = resolveValue(tokenPrefix, responsiveValue)
+                //     let size2 = resolveValue(tokenPrefix, responsiveValue2)
+                //     responsiveValue = `calc(${size1} + (100vw - ${minSize}) / (${unitless(maxSize)} - ${unitless(
+                //       minSize
+                //     )}) * (${unitless(size2)} - ${unitless(size1)}))`
+                //   }
+                //   globals[bpName][varName] = responsiveValue
+                // })
             }
-        };
-        for (var key in style) {
-            _loop_2(key);
         }
-    };
-    for (var name_1 in typography) {
-        _loop_1(name_1);
     }
+    // debugger
     return { globalTypography: globals, typeVariants: typeVariants };
 }
 function parseGrid(theme, media, grid) {

package/dev-ui/theme.d.ts

@@ -1,151 +0,0 @@
-/// <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: {
-        smallButtonHeight: string;
-        buttonHeight: string;
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-    };
-    colors: {
-        bg: string;
-        bgHover: string;
-        bgHoverLight: string;
-        bgLine: string;
-        bgLineStrong: string;
-        button: string;
-        buttonHover: 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: {
-        smallButtonHeight: string;
-        buttonHeight: string;
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-    };
-    colors: {
-        bg: string;
-        bgHover: string;
-        bgHoverLight: string;
-        bgLine: string;
-        bgLineStrong: string;
-        button: string;
-        buttonHover: 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: {
-        smallButtonHeight: string;
-        buttonHeight: string;
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-    };
-    colors: {
-        bg: string;
-        bgHover: string;
-        bgHoverLight: string;
-        bgLine: string;
-        bgLineStrong: string;
-        button: string;
-        buttonHover: 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/dynamic/dynamic-component.d.ts

@@ -1,10 +0,0 @@
-/// <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>;
-    <Component extends import("react").ComponentClass<any, any>>(loadFn: (props: import("react").ComponentProps<Component>) => Promise<Component | {
-        default: Component;
-    }>, options?: import("@loadable/component").Options<import("react").ComponentProps<Component>, Component> | undefined): import("@loadable/component").LoadableClassComponent<Component>;
-} & {
-    lib: <Props_2, Module_1>(loadFn: (props: Props_2) => Promise<Module_1>, options?: import("@loadable/component").OptionsWithoutResolver<Props_2> | undefined) => import("@loadable/component").LoadableLibrary<Module_1>;
-};

package/fields/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./defineFIeld";
-export * from "./components/ImageWell";

package/hooks/useRPC.d.ts

@@ -1,32 +0,0 @@
-/// <reference types="react" />
-import { TRPCClientError } from "@trpc/client";
-declare const trpc: {
-    Provider: ({ client, queryClient, children, isPrepass, ssrContext, }: {
-        queryClient: import("react-query").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) => import("react-query").UseQueryResult<any, import("@trpc/react").TRPCClientErrorLike<import("@trpc/server").AnyRouter<any>>>;
-    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) => import("react-query").UseMutationResult<any, import("@trpc/react").TRPCClientErrorLike<import("@trpc/server").AnyRouter<any>>, unknown, 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: import("react-query").DehydratedState | undefined) => import("react-query").DehydratedState | undefined;
-    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) => import("react-query").UseInfiniteQueryResult<any, import("@trpc/react").TRPCClientErrorLike<import("@trpc/server").AnyRouter<any>>>;
-};
-export declare const useRPCQuery: RPCUseQuery;
-export declare const useRPCMutation: RPCUseMutation;
-export declare const useRPCInfiniteQuery: RPCUseInfiniteQuery;
-export declare const rpcClient: RPCClient;
-export declare type UseRPCMutationResult = ReturnType<typeof trpc.useMutation>;
-export declare type UseRPCQueryResult = ReturnType<typeof trpc.useQuery>;
-export declare type UseRPCInfiniteQueryResult = ReturnType<typeof trpc.useInfiniteQuery>;
-export declare const RPCClientError: typeof TRPCClientError;
-export declare type RPCClientError = InstanceType<typeof TRPCClientError>;
-export {};