eddev 0.2.0-beta.5 → 0.2.0-beta.52

package/cli/build.dev.js

@@ -48,18 +48,45 @@ var ink_1 = require("ink");
 var DevCLIDisplay_1 = require("./display/components/DevCLIDisplay");
 var create_webpack_worker_1 = require("../build/create-webpack-worker");
 var create_codegen_worker_1 = require("../build/create-codegen-worker");
+var create_schema_file_1 = require("../config/create-schema-file");
+var get_config_1 = require("../config/get-config");
+var print_zod_errors_1 = require("../config/print-zod-errors");
+var Observable_1 = require("../utils/Observable");
+var fs_extra_1 = require("fs-extra");
+var create_serverless_dev_worker_1 = require("../build/create-serverless-dev-worker");
+var build_favicon_1 = require("../build/build-favicon");
+var compare_versions_1 = __importDefault(require("compare-versions"));
+var chalk_1 = __importDefault(require("chalk"));
 function devCommand(opts) {
+    var _a;
     return __awaiter(this, void 0, void 0, function () {
-        var themeName, enableFrontend, enableAdmin, enableCodegen, frontendObservable, adminObservable, codegenObservable;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, (0, promptIfRepoNameIncorrect_1.promptIfRepoThemeMismatch)()];
+        var version, requiredVersion, configResult, config, themeName, enableFrontend, enableAdmin, enableCodegen, enableServerless, frontendObservable, adminObservable, codegenObservable, configChanged, serverlessObservable;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    version = require(path_1.default.join(__dirname, "../package.json")).version;
+                    requiredVersion = require(path_1.default.join(process.cwd(), "package.json")).devDependencies.eddev;
+                    if ((0, compare_versions_1.default)(version, requiredVersion) < 0) {
+                        console.log(chalk_1.default.red("\uD83D\uDEA8 Incorrect 'eddev' version installed!\n\uD83D\uDEA8 Your package.json requires ".concat(chalk_1.default.yellow(requiredVersion), ", but you have ").concat(chalk_1.default.yellow(version), ".\n\uD83D\uDEA8 Do you need to run 'yarn'?")));
+                        process.exit(1);
+                    }
+                    (0, create_schema_file_1.createConfigSchemaFile)(path_1.default.resolve(process.cwd(), ".ed.config.schema.json"));
+                    (0, build_favicon_1.buildFavicon)().catch(function () { });
+                    return [4 /*yield*/, (0, promptIfRepoNameIncorrect_1.promptIfRepoThemeMismatch)()];
                 case 1:
-                    _a.sent();
+                    _b.sent();
+                    configResult = (0, get_config_1.getEDConfig)();
+                    if (configResult.success === false) {
+                        (0, print_zod_errors_1.printZodErrors)(configResult.error);
+                        console.log("\nPlease fix the above config errors, and restart the dev command.");
+                        return [2 /*return*/];
+                    }
+                    config = configResult.data;
                     themeName = path_1.default.basename(process.cwd());
                     enableFrontend = !opts.mode || opts.mode === "frontend";
                     enableAdmin = !opts.mode || opts.mode === "admin";
                     enableCodegen = !opts.mode || opts.mode === "codegen";
+                    enableServerless = (_a = config.serverless) === null || _a === void 0 ? void 0 : _a.enabled;
                     frontendObservable = enableFrontend
                         ? (0, create_webpack_worker_1.createWebpackWorker)({
                             title: "Frontend Bundle",
@@ -93,9 +120,13 @@ function devCommand(opts) {
                             retainLog: opts.retainLog,
                         })
                         : undefined;
-                    // Set up a process which will regenerate schemas, and watch for changes
+                    configChanged = new Observable_1.Observable(false);
+                    (0, fs_extra_1.watchFile)((0, get_config_1.getEDConfigFile)(), {}, function () {
+                        configChanged.update(true);
+                    });
+                    serverlessObservable = enableServerless ? (0, create_serverless_dev_worker_1.createServerlessWorker)() : undefined;
                     // Render output to screen
-                    (0, ink_1.render)((0, jsx_runtime_1.jsx)(DevCLIDisplay_1.DevCLIDisplay, { bundles: [frontendObservable, adminObservable].filter(Boolean), codegen: codegenObservable }, void 0));
+                    (0, ink_1.render)((0, jsx_runtime_1.jsx)(DevCLIDisplay_1.DevCLIDisplay, { bundles: [frontendObservable, adminObservable].filter(Boolean), serverless: serverlessObservable, codegen: codegenObservable, configChanged: configChanged }, void 0));
                     return [2 /*return*/];
             }
         });

package/cli/build.prod.js

@@ -45,6 +45,7 @@ var webpack_1 = require("webpack");
 var promptIfRepoNameIncorrect_1 = require("../utils/promptIfRepoNameIncorrect");
 var path_1 = __importDefault(require("path"));
 var clean_1 = require("../build/clean");
+var build_favicon_1 = require("../build/build-favicon");
 function prodCommand(opts) {
     return __awaiter(this, void 0, void 0, function () {
         var contentBase, themeName, compiler, _a, _b;
@@ -52,6 +53,10 @@ function prodCommand(opts) {
             switch (_c.label) {
                 case 0:
                     contentBase = process.cwd() + "/dist/";
+                    (0, build_favicon_1.buildFavicon)().catch(function (err) {
+                        console.log("Error building favicon:");
+                        console.error(err);
+                    });
                     return [4 /*yield*/, (0, promptIfRepoNameIncorrect_1.promptIfRepoThemeMismatch)()];
                 case 1:
                     _c.sent();
@@ -86,7 +91,14 @@ function prodCommand(opts) {
                     compiler = _a.apply(void 0, [_b.concat([
                             _c.sent()
                         ])]);
-                    compiler.run(function () { });
+                    compiler.run(function (err, stats) {
+                        if (stats === null || stats === void 0 ? void 0 : stats.hasErrors()) {
+                            process.exit(1);
+                        }
+                        if (err) {
+                            process.exit(1);
+                        }
+                    });
                     return [2 /*return*/];
             }
         });

package/cli/cli.js

@@ -38,8 +38,6 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var commander_1 = require("commander");
 var create_next_app_1 = require("../build/serverless/create-next-app");
-var build_dev_1 = require("./build.dev");
-var build_prod_1 = require("./build.prod");
 var setup_1 = require("./setup");
 var program = new commander_1.Command();
 program.version("0.0.1");
@@ -51,7 +49,8 @@ program
     .option("-m, --mode <mode>", 'Defaults to all modes, but use "frontend", "admin" or "codegen" to run in just one mode', undefined)
     .option("--verbose", "Enables log retention", false)
     .action(function (options) {
-    (0, build_dev_1.devCommand)({
+    var devCommand = require("./build.dev").devCommand;
+    devCommand({
         serverless: options.serverless,
         mode: options.mode,
         retainLog: options.verbose,
@@ -60,25 +59,34 @@ program
 program
     .command("build")
     .description("Build in production mode")
-    .option("-s, --serverless", 'Build in "serverless" mode')
     .action(function (options) {
-    (0, build_prod_1.prodCommand)({
-        serverless: options.serverless,
-    });
-});
-program
-    .command("vercel-build")
-    .description("Create and build a Next.js project in .serverless")
-    .action(function (options) {
-    (0, create_next_app_1.createNextApp)({
-        baseDirectory: process.cwd(),
-        dev: false,
-        build: true,
-    });
+    if (process.env.VERCEL) {
+        (0, create_next_app_1.createNextApp)({
+            baseDirectory: process.cwd(),
+            dev: false,
+            build: true,
+        });
+    }
+    else {
+        var prodCommand = require("./build.prod").prodCommand;
+        prodCommand({
+            serverless: options.serverless,
+        });
+    }
 });
+// program
+//   .command("vercel-build")
+//   .description("Create and build a Next.js project in .serverless")
+//   .action((options) => {
+//     createNextApp({
+//       baseDirectory: process.cwd(),
+//       dev: false,
+//       build: true,
+//     })
+//   })
 program
     .command("next")
-    .description("Create a Next.js project in .serverless")
+    .description("Run the serverless app in standalone mode")
     .action(function (options) {
     (0, create_next_app_1.createNextApp)({
         baseDirectory: process.cwd(),

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

@@ -1,10 +1,13 @@
 /// <reference types="react" />
 import { CodegenState } from "../../../build/state/codegen-state";
 import { CompilerState } from "../../../build/state/compiler-state";
+import { ServerlessState } from "../../../build/state/serverless-state";
 import { Observable } from "../../../utils/Observable";
 declare type Props = {
     bundles: Observable<CompilerState>[];
+    serverless?: Observable<ServerlessState>;
     codegen?: Observable<CodegenState>;
+    configChanged: Observable<boolean>;
 };
 export declare function DevCLIDisplay(props: Props): JSX.Element;
 export {};

package/cli/display/components/DevCLIDisplay.js

@@ -14,10 +14,29 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DevCLIDisplay = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var ink_1 = require("ink");
+var react_1 = require("react");
+var useObservable_1 = require("../../../utils/useObservable");
 var BundleDisplay_1 = require("./BundleDisplay");
 var CodegenDisplay_1 = require("./CodegenDisplay");
 var Fullscreen_1 = require("./Fullscreen");
+var ServerlessDisplay_1 = require("./ServerlessDisplay");
+var MODE_LABELS = {
+    serverless: "Serverless Log",
+    bundles: "Build Log",
+};
 function DevCLIDisplay(props) {
-    return ((0, jsx_runtime_1.jsx)(Fullscreen_1.Fullscreen, { children: (0, jsx_runtime_1.jsxs)(ink_1.Box, __assign({ width: "100%", height: "100%", flexDirection: "column", minHeight: "100%" }, { children: [props.bundles.map(function (bundle, i) { return ((0, jsx_runtime_1.jsx)(BundleDisplay_1.BundleDisplay, { bundle: bundle }, i)); }), props.codegen && (0, jsx_runtime_1.jsx)(CodegenDisplay_1.CodegenDisplay, { codegen: props.codegen }, void 0)] }), void 0) }, void 0));
+    var _a = (0, react_1.useState)("bundles"), mode = _a[0], setMode = _a[1];
+    (0, ink_1.useInput)(function (ev, key) {
+        if (ev.charAt(0) === "z") {
+            if (props.serverless) {
+                setMode(function (mode) { return (mode === "bundles" ? "serverless" : "bundles"); });
+            }
+        }
+        else if (ev.charAt(0) === "c" || ev.charAt(0) === "q" || key.escape) {
+            process.exit(0);
+        }
+    });
+    var configChanged = (0, useObservable_1.useObservable)(props.configChanged);
+    return ((0, jsx_runtime_1.jsx)(Fullscreen_1.Fullscreen, { children: (0, jsx_runtime_1.jsxs)(ink_1.Box, __assign({ width: "100%", height: "100%", flexDirection: "column", minHeight: "100%" }, { children: [mode === "bundles" ? ((0, jsx_runtime_1.jsxs)(ink_1.Box, __assign({ width: "100%", flexGrow: 1, flexDirection: "column" }, { children: [props.bundles.map(function (bundle, i) { return ((0, jsx_runtime_1.jsx)(BundleDisplay_1.BundleDisplay, { bundle: bundle }, i)); }), props.codegen && (0, jsx_runtime_1.jsx)(CodegenDisplay_1.CodegenDisplay, { codegen: props.codegen }, void 0), props.serverless && (0, jsx_runtime_1.jsx)(ServerlessDisplay_1.ServerlessDisplay, { serverless: props.serverless }, void 0)] }), void 0)) : mode === "serverless" ? ((0, jsx_runtime_1.jsx)(ink_1.Box, __assign({ width: "100%", flexGrow: 1, flexDirection: "column" }, { children: (0, jsx_runtime_1.jsx)(ServerlessDisplay_1.ServerlessLog, { serverless: props.serverless }, void 0) }), void 0)) : null, configChanged && ((0, jsx_runtime_1.jsx)(ink_1.Box, __assign({ paddingX: 1, borderColor: "yellow", borderStyle: "round" }, { children: (0, jsx_runtime_1.jsxs)(ink_1.Text, __assign({ color: "yellow" }, { children: ["\uD83D\uDEA8 Change detected in ", (0, jsx_runtime_1.jsx)(ink_1.Text, __assign({ color: "yellowBright" }, { children: "ed.config.json" }), void 0), " \u2014 Please restart", " ", (0, jsx_runtime_1.jsx)(ink_1.Text, __assign({ color: "yellowBright" }, { children: "yarn dev" }), void 0)] }), void 0) }), void 0)), (0, jsx_runtime_1.jsxs)(ink_1.Box, __assign({ paddingX: 1, borderColor: "cyan", borderStyle: "round", flexDirection: "row", justifyContent: "space-between" }, { children: [(0, jsx_runtime_1.jsx)(ink_1.Box, { children: (0, jsx_runtime_1.jsx)(ink_1.Text, __assign({ bold: true, color: "cyanBright" }, { children: MODE_LABELS[mode] }), void 0) }, void 0), (0, jsx_runtime_1.jsxs)(ink_1.Box, { children: [props.serverless && ((0, jsx_runtime_1.jsxs)(ink_1.Text, { children: [(0, jsx_runtime_1.jsx)(ink_1.Text, __assign({ bold: true, color: "white" }, { children: "z" }), void 0), ": Toggle Serverless Log", " "] }, void 0)), (0, jsx_runtime_1.jsxs)(ink_1.Text, { children: [(0, jsx_runtime_1.jsx)(ink_1.Text, __assign({ bold: true, color: "white" }, { children: "q" }), void 0), ": Quit"] }, void 0)] }, void 0)] }), void 0)] }), void 0) }, void 0));
 }
 exports.DevCLIDisplay = DevCLIDisplay;

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

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

package/cli/display/components/ServerlessDisplay.js

@@ -0,0 +1,68 @@
+"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.ServerlessLog = exports.ServerlessDisplay = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ink_1 = require("ink");
+var react_1 = require("react");
+var useObservable_1 = require("../../../utils/useObservable");
+var StatusIcon_1 = require("./StatusIcon");
+var statusLabels = {
+    starting: "Starting",
+    compiling: "Compiling...",
+    error: "Error! See log for details.",
+    packaging: "Updating packages...",
+    preparing: "Preparing...",
+    success: "Success!",
+    waiting: "Waiting...",
+};
+function StatusLabel(props) {
+    var color = (0, react_1.useMemo)(function () {
+        if (props.status === "packaging" ||
+            props.status === "preparing" ||
+            props.status === "waiting" ||
+            props.status === "compiling") {
+            return "yellowBright";
+        }
+        else if (props.status === "error") {
+            return "redBright";
+        }
+        else if (props.status === "success") {
+            return "greenBright";
+        }
+        else {
+            return "whiteBright";
+        }
+    }, [props.status]);
+    var label = props.statusLabel || statusLabels[props.status];
+    if (props.duration) {
+        label += " (".concat(props.duration, "ms)");
+    }
+    return ((0, jsx_runtime_1.jsxs)(ink_1.Box, __assign({ paddingX: 1, width: "100%", flexGrow: 1, flexDirection: "row", justifyContent: "space-between" }, { children: [(0, jsx_runtime_1.jsx)(ink_1.Text, __assign({ color: color }, { children: label }), void 0), props.url && (0, jsx_runtime_1.jsxs)(ink_1.Text, __assign({ color: "white" }, { children: ["\u2728 ", props.url] }), void 0)] }), void 0));
+}
+function ServerlessDisplay(props) {
+    var data = (0, useObservable_1.useObservable)(props.serverless);
+    return ((0, jsx_runtime_1.jsx)(ink_1.Box, __assign({ width: "100%", flexDirection: "column" }, { children: (0, jsx_runtime_1.jsxs)(ink_1.Box, __assign({ width: "100%", paddingX: 1, borderStyle: "round", borderColor: data.status === "success" ? "green" : data.status === "error" ? "red" : "yellow", flexDirection: "row" }, { children: [(0, jsx_runtime_1.jsx)(ink_1.Box, __assign({ width: 2, flexGrow: 0, flexShrink: 0 }, { children: (0, jsx_runtime_1.jsx)(StatusIcon_1.StatusIcon, { icon: data.status === "success"
+                            ? "tick"
+                            : data.status === "preparing" || data.status === "packaging" || data.status === "compiling"
+                                ? "loading"
+                                : data.status === "error"
+                                    ? "error"
+                                    : "none" }, void 0) }), void 0), (0, jsx_runtime_1.jsx)(ink_1.Box, { children: (0, jsx_runtime_1.jsxs)(ink_1.Box, __assign({ flexDirection: "row" }, { children: [(0, jsx_runtime_1.jsx)(ink_1.Text, __assign({ bold: true }, { children: data.title }), void 0), (0, jsx_runtime_1.jsx)(StatusLabel, { status: data.status, statusLabel: "", duration: data.status === "success" ? data.duration : undefined, url: data.url }, void 0)] }), void 0) }, void 0)] }), void 0) }), void 0));
+}
+exports.ServerlessDisplay = ServerlessDisplay;
+function ServerlessLog(props) {
+    var log = (0, useObservable_1.useObservable)(props.serverless).log;
+    return (0, jsx_runtime_1.jsx)(ink_1.Text, { children: log }, void 0);
+}
+exports.ServerlessLog = ServerlessLog;

package/components/NextRouter.js

@@ -17,8 +17,9 @@ var routing_1 = require("../routing");
 var router_1 = require("next/router");
 function NextRouter(_a) {
     var children = _a.children, path = _a.path, data = _a.data;
-    var route = (0, router_1.useRouter)();
-    return ((0, jsx_runtime_1.jsx)(routing_1.RouterRoot, __assign({ url: path, data: data, onNavigateRequest: function (url) {
+    var nextRoute = (0, router_1.useRouter)();
+    var route = __assign(__assign({}, nextRoute), { pathname: nextRoute.asPath });
+    return ((0, jsx_runtime_1.jsx)(routing_1.RouterRoot, __assign({ url: nextRoute.asPath, data: data, onNavigateRequest: function (url) {
             route.push(url);
             // setPendingUrl({ popped: false, url })
         }, onPreload: function (url) {

package/config/config-schema.d.ts

@@ -0,0 +1,55 @@
+import { z } from "zod";
+export declare const EDConfigSchema: z.ZodObject<{
+    $schema: z.ZodOptional<z.ZodString>;
+    serverless: z.ZodOptional<z.ZodObject<{
+        enabled: z.ZodBoolean;
+        uploads: z.ZodEnum<["proxy", "remote"]>;
+        plugins: z.ZodEnum<["proxy", "remote"]>;
+        theme: z.ZodEnum<["proxy", "copy", "remote"]>;
+        themeAssets: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
+        apiOnly: z.ZodOptional<z.ZodBoolean>;
+        endpoints: z.ZodRecord<z.ZodString, z.ZodString>;
+    }, "strip", z.ZodTypeAny, {
+        themeAssets?: string[] | undefined;
+        apiOnly?: boolean | undefined;
+        enabled: boolean;
+        uploads: "proxy" | "remote";
+        plugins: "proxy" | "remote";
+        theme: "copy" | "proxy" | "remote";
+        endpoints: Record<string, string>;
+    }, {
+        themeAssets?: string[] | undefined;
+        apiOnly?: boolean | undefined;
+        enabled: boolean;
+        uploads: "proxy" | "remote";
+        plugins: "proxy" | "remote";
+        theme: "copy" | "proxy" | "remote";
+        endpoints: Record<string, string>;
+    }>>;
+    devUI: z.ZodEnum<["disabled", "enabled"]>;
+}, "strip", z.ZodTypeAny, {
+    $schema?: string | undefined;
+    serverless?: {
+        themeAssets?: string[] | undefined;
+        apiOnly?: boolean | undefined;
+        enabled: boolean;
+        uploads: "proxy" | "remote";
+        plugins: "proxy" | "remote";
+        theme: "copy" | "proxy" | "remote";
+        endpoints: Record<string, string>;
+    } | undefined;
+    devUI: "disabled" | "enabled";
+}, {
+    $schema?: string | undefined;
+    serverless?: {
+        themeAssets?: string[] | undefined;
+        apiOnly?: boolean | undefined;
+        enabled: boolean;
+        uploads: "proxy" | "remote";
+        plugins: "proxy" | "remote";
+        theme: "copy" | "proxy" | "remote";
+        endpoints: Record<string, string>;
+    } | undefined;
+    devUI: "disabled" | "enabled";
+}>;
+export declare type EDConfig = z.infer<typeof EDConfigSchema>;

package/config/config-schema.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EDConfigSchema = void 0;
+var zod_1 = require("zod");
+exports.EDConfigSchema = zod_1.z.object({
+    $schema: zod_1.z.string().optional(),
+    serverless: zod_1.z
+        .object({
+        enabled: zod_1.z.boolean(),
+        uploads: zod_1.z.enum(["proxy", "remote"]),
+        plugins: zod_1.z.enum(["proxy", "remote"]),
+        theme: zod_1.z.enum(["proxy", "copy", "remote"]),
+        themeAssets: zod_1.z.array(zod_1.z.string()).optional(),
+        apiOnly: zod_1.z.boolean().optional(),
+        endpoints: zod_1.z.record(zod_1.z.string(), zod_1.z.string()),
+    })
+        .optional(),
+    devUI: zod_1.z.enum(["disabled", "enabled"]),
+});

package/config/create-schema-file.d.ts

@@ -0,0 +1 @@
+export declare function createConfigSchemaFile(location: string): void;

package/config/create-schema-file.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createConfigSchemaFile = void 0;
+var fs_1 = require("fs");
+var zod_to_json_schema_1 = __importDefault(require("zod-to-json-schema"));
+var config_schema_1 = require("./config-schema");
+function createConfigSchemaFile(location) {
+    var schema = (0, zod_to_json_schema_1.default)(config_schema_1.EDConfigSchema);
+    var content = JSON.stringify(schema, null, 2);
+    if ((0, fs_1.existsSync)(location)) {
+        var existingContent = (0, fs_1.readFileSync)(location).toString();
+        if (existingContent === content)
+            return;
+    }
+    (0, fs_1.writeFileSync)(location, content);
+}
+exports.createConfigSchemaFile = createConfigSchemaFile;

package/config/get-config.d.ts

@@ -0,0 +1,39 @@
+export declare function getEDConfig(dir?: string): import("zod").SafeParseReturnType<{
+    $schema?: string | undefined;
+    serverless?: {
+        themeAssets?: string[] | undefined;
+        apiOnly?: boolean | undefined;
+        enabled: boolean;
+        uploads: "proxy" | "remote";
+        plugins: "proxy" | "remote";
+        theme: "copy" | "proxy" | "remote";
+        endpoints: Record<string, string>;
+    } | undefined;
+    devUI: "disabled" | "enabled";
+}, {
+    $schema?: string | undefined;
+    serverless?: {
+        themeAssets?: string[] | undefined;
+        apiOnly?: boolean | undefined;
+        enabled: boolean;
+        uploads: "proxy" | "remote";
+        plugins: "proxy" | "remote";
+        theme: "copy" | "proxy" | "remote";
+        endpoints: Record<string, string>;
+    } | undefined;
+    devUI: "disabled" | "enabled";
+}>;
+export declare function getEDConfigUnwrapped(dir?: string): {
+    $schema?: string | undefined;
+    serverless?: {
+        themeAssets?: string[] | undefined;
+        apiOnly?: boolean | undefined;
+        enabled: boolean;
+        uploads: "proxy" | "remote";
+        plugins: "proxy" | "remote";
+        theme: "copy" | "proxy" | "remote";
+        endpoints: Record<string, string>;
+    } | undefined;
+    devUI: "disabled" | "enabled";
+};
+export declare function getEDConfigFile(dir?: string): string;

package/config/get-config.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getEDConfigFile = exports.getEDConfigUnwrapped = exports.getEDConfig = void 0;
+var fs_1 = require("fs");
+var path_1 = require("path");
+var parse_config_1 = require("./parse-config");
+function getEDConfig(dir) {
+    if (dir === void 0) { dir = process.cwd(); }
+    var configFile = getEDConfigFile(dir);
+    if (!(0, fs_1.existsSync)(configFile)) {
+        throw new Error("No config file found at ".concat(configFile));
+    }
+    var config = JSON.parse((0, fs_1.readFileSync)(configFile).toString());
+    return (0, parse_config_1.parseConfig)(config);
+}
+exports.getEDConfig = getEDConfig;
+function getEDConfigUnwrapped(dir) {
+    if (dir === void 0) { dir = process.cwd(); }
+    var result = getEDConfig(dir);
+    if (result.success) {
+        return result.data;
+    }
+    else {
+        throw new Error(result.error.toString());
+    }
+}
+exports.getEDConfigUnwrapped = getEDConfigUnwrapped;
+function getEDConfigFile(dir) {
+    if (dir === void 0) { dir = process.cwd(); }
+    return (0, path_1.join)(dir, "ed.config.json");
+}
+exports.getEDConfigFile = getEDConfigFile;

package/config/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./config-schema";
+export * from "./parse-config";

package/config/index.js

@@ -0,0 +1,14 @@
+"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 });
+__exportStar(require("./config-schema"), exports);
+__exportStar(require("./parse-config"), exports);

package/config/parse-config.d.ts

@@ -0,0 +1,25 @@
+export declare function parseConfig(config: any): import("zod").SafeParseReturnType<{
+    $schema?: string | undefined;
+    serverless?: {
+        themeAssets?: string[] | undefined;
+        apiOnly?: boolean | undefined;
+        enabled: boolean;
+        uploads: "proxy" | "remote";
+        plugins: "proxy" | "remote";
+        theme: "copy" | "proxy" | "remote";
+        endpoints: Record<string, string>;
+    } | undefined;
+    devUI: "disabled" | "enabled";
+}, {
+    $schema?: string | undefined;
+    serverless?: {
+        themeAssets?: string[] | undefined;
+        apiOnly?: boolean | undefined;
+        enabled: boolean;
+        uploads: "proxy" | "remote";
+        plugins: "proxy" | "remote";
+        theme: "copy" | "proxy" | "remote";
+        endpoints: Record<string, string>;
+    } | undefined;
+    devUI: "disabled" | "enabled";
+}>;

package/config/parse-config.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseConfig = void 0;
+var config_schema_1 = require("./config-schema");
+function parseConfig(config) {
+    return config_schema_1.EDConfigSchema.safeParse(config);
+}
+exports.parseConfig = parseConfig;

package/config/print-zod-errors.d.ts

@@ -0,0 +1,2 @@
+import type { ZodError } from "zod";
+export declare function printZodErrors(err: ZodError): void;

package/config/print-zod-errors.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.printZodErrors = void 0;
+var chalk_1 = __importDefault(require("chalk"));
+function printZodErrors(err) {
+    console.log(chalk_1.default.red("Error parsing ed.config.json:"));
+    err.issues.forEach(function (issue) {
+        console.log("- ".concat(issue.path.join("."), ": ").concat(issue.message));
+    });
+}
+exports.printZodErrors = printZodErrors;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+declare type Props = {
+    lerpStart?: boolean;
+    lerps?: boolean;
+    name: string;
+    defined: boolean;
+    onLerpChange?(lerpStart: boolean): void;
+    onDefinedChange?(defined: boolean): void;
+};
+export declare function BreakpointColumnHeader(props: Props): JSX.Element;
+export {};

package/dev-ui/components/BreakpointColumnHeader.js

@@ -0,0 +1,47 @@
+"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.BreakpointColumnHeader = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var icons_1 = require("../icons");
+var theme_1 = require("../theme");
+var Text_1 = require("./atoms/Text");
+function BreakpointColumnHeader(props) {
+    return ((0, jsx_runtime_1.jsxs)(Wrapper, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, __assign({ align: "center", variant: "monoBold" }, { children: props.name }), void 0), (0, jsx_runtime_1.jsx)(ToggleButton, __assign({ onClick: function () { var _a; return (_a = props.onDefinedChange) === null || _a === void 0 ? void 0 : _a.call(props, !props.defined); } }, { children: props.defined ? icons_1.checkFilled : icons_1.checkEmpty }), void 0)] }, void 0));
+}
+exports.BreakpointColumnHeader = BreakpointColumnHeader;
+var Wrapper = (0, theme_1.styled)("div", {
+    display: "flex",
+    width: "100%",
+    flexDirection: "column",
+});
+var ToggleButton = (0, theme_1.styled)("button", {
+    appearance: "none",
+    background: "transparent",
+    border: "0px",
+    padding: "3px",
+    height: "auto",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    color: "inherit",
+    "&:hover": {
+    // backgroundColor: "$bgHover",
+    },
+    svg: {
+        fill: "$fg",
+        width: "14px",
+        height: "14px",
+        display: "block",
+    },
+});

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

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