eddev 0.2.67-beta1 → 0.3.0-beta1

package/cli/build.prod.js

@@ -1,51 +1,107 @@
 "use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.prodCommand = void 0;
-const get_webpack_config_1 = __importDefault(require("../build/get-webpack-config"));
-const webpack_1 = require("webpack");
-const promptIfRepoNameIncorrect_1 = require("../utils/promptIfRepoNameIncorrect");
-const path_1 = __importDefault(require("path"));
-const clean_1 = require("../build/clean");
-const build_favicon_1 = require("../build/build-favicon");
-async function prodCommand(opts) {
-    const contentBase = process.cwd() + "/dist/";
-    (0, build_favicon_1.buildFavicon)().catch((err) => {
-        console.log("Error building favicon:");
-        console.error(err);
-    });
-    await (0, promptIfRepoNameIncorrect_1.promptIfRepoThemeMismatch)();
-    const themeName = path_1.default.basename(process.cwd());
-    await (0, clean_1.cleanOutput)();
-    const compiler = (0, webpack_1.webpack)([
-        await (0, get_webpack_config_1.default)({
-            title: "Frontend Client",
-            baseDirectory: process.cwd() + "/",
-            mode: "production",
-            target: "client",
-            serverless: opts.serverless,
-            themeName: themeName,
-            isAdmin: false,
-        }),
-        await (0, get_webpack_config_1.default)({
-            title: "Admin Client",
-            baseDirectory: process.cwd() + "/",
-            mode: "production",
-            target: "client",
-            serverless: opts.serverless,
-            themeName: themeName,
-            isAdmin: true,
-        }),
-    ]);
-    compiler.run((err, stats) => {
-        if (stats?.hasErrors()) {
-            process.exit(1);
-        }
-        if (err) {
-            process.exit(1);
-        }
+var get_webpack_config_1 = __importDefault(require("../build/get-webpack-config"));
+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;
+        return __generator(this, function (_c) {
+            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();
+                    themeName = path_1.default.basename(process.cwd());
+                    return [4 /*yield*/, (0, clean_1.cleanOutput)()];
+                case 2:
+                    _c.sent();
+                    _a = webpack_1.webpack;
+                    return [4 /*yield*/, (0, get_webpack_config_1.default)({
+                            title: "Frontend Client",
+                            baseDirectory: process.cwd() + "/",
+                            mode: "production",
+                            target: "client",
+                            serverless: opts.serverless,
+                            themeName: themeName,
+                            isAdmin: false,
+                        })];
+                case 3:
+                    _b = [
+                        _c.sent()
+                    ];
+                    return [4 /*yield*/, (0, get_webpack_config_1.default)({
+                            title: "Admin Client",
+                            baseDirectory: process.cwd() + "/",
+                            mode: "production",
+                            target: "client",
+                            serverless: opts.serverless,
+                            themeName: themeName,
+                            isAdmin: true,
+                        })];
+                case 4:
+                    compiler = _a.apply(void 0, [_b.concat([
+                            _c.sent()
+                        ])]);
+                    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*/];
+            }
+        });
     });
 }
 exports.prodCommand = prodCommand;

package/cli/cli.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const commander_1 = require("commander");
-const create_next_app_1 = require("../build/serverless/create-next-app");
-const setup_1 = require("./setup");
-const program = new commander_1.Command();
+var commander_1 = require("commander");
+var create_next_app_1 = require("../build/serverless/create-next-app");
+var setup_1 = require("./setup");
+var program = new commander_1.Command();
 program.version("0.0.1");
 require("dotenv").config();
 program
@@ -12,8 +12,8 @@ program
     .option("-s, --serverless", 'Build in "serverless" mode', false)
     .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((options) => {
-    const devCommand = require("./build.dev").devCommand;
+    .action(function (options) {
+    var devCommand = require("./build.dev").devCommand;
     devCommand({
         serverless: options.serverless,
         mode: options.mode,
@@ -23,14 +23,14 @@ program
 program
     .command("preinstall")
     .description("Pre-installs for Vercel")
-    .action((options) => {
-    const main = require("./preinstall").main;
+    .action(function (options) {
+    var main = require("./preinstall").main;
     main();
 });
 program
     .command("build")
     .description("Build in production mode")
-    .action((options) => {
+    .action(function (options) {
     if (process.env.VERCEL) {
         (0, create_next_app_1.createNextApp)({
             baseDirectory: process.cwd(),
@@ -39,13 +39,29 @@ program
         });
     }
     else {
-        const prodCommand = require("./build.prod").prodCommand;
+        var prodCommand = require("./build.prod").prodCommand;
         prodCommand({
             serverless: options.serverless,
         });
     }
 });
 // program
+//   .command("watch-frontend")
+//   .description("Build in production mode")
+//   .action((options) => {
+//     beginWork({
+//       baseDirectory: process.cwd(),
+//       isAdmin: false,
+//       mode: "development",
+//       serverless: false,
+//       target: "client",
+//       themeName: "eddev-starter-theme",
+//       title: "Frontend",
+//       retainLog: true,
+//       hotPort: 64572,
+//     })
+//   })
+// program
 //   .command("vercel-build")
 //   .description("Create and build a Next.js project in .serverless")
 //   .action((options) => {
@@ -58,7 +74,7 @@ program
 program
     .command("next")
     .description("Run the serverless app in standalone mode")
-    .action((options) => {
+    .action(function (options) {
     (0, create_next_app_1.createNextApp)({
         baseDirectory: process.cwd(),
         dev: true,
@@ -68,14 +84,7 @@ program
 program
     .command("setup")
     .description("Initialize the WordPress theme interactively")
-    .action(() => {
+    .action(function () {
     (0, setup_1.setupTheme)();
 });
-program
-    .command("generate")
-    .description("Generate GraphQL Schemas")
-    .action(async () => {
-    console.log("This command has been deprecated! Please use `yarn dev` instead.");
-    process.exit();
-});
 program.parse(process.argv);

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

@@ -2,4 +2,4 @@ import { CompilerState } from "../../../build/state/compiler-state";
 import { Observable } from "../../../utils/Observable";
 export declare function BundleDisplay(props: {
     bundle: Observable<CompilerState>;
-}): import("react/jsx-runtime").JSX.Element;
+}): JSX.Element;

package/cli/display/components/BundleDisplay.js

@@ -1,12 +1,23 @@
 "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.BundleDisplay = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ink_1 = require("ink");
-const react_1 = require("react");
-const useObservable_1 = require("../../../utils/useObservable");
-const StatusIcon_1 = require("./StatusIcon");
-const statusLabels = {
+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 = {
     compiling: "Compiling...",
     error: "Error!",
     starting: "Preparing to start...",
@@ -14,7 +25,7 @@ const statusLabels = {
     waiting: "Success! Watching for file changes...",
 };
 function StatusLabel(props) {
-    const color = (0, react_1.useMemo)(() => {
+    var color = (0, react_1.useMemo)(function () {
         if (props.status === "compiling") {
             return "yellowBright";
         }
@@ -28,18 +39,18 @@ function StatusLabel(props) {
             return "whiteBright";
         }
     }, [props.status]);
-    const label = props.statusLabel || statusLabels[props.status];
-    const duration = props.duration ? `(${props.duration}ms)` : "";
-    return ((0, jsx_runtime_1.jsxs)(ink_1.Text, { color: color, children: [label, " ", duration] }));
+    var label = props.statusLabel || statusLabels[props.status];
+    var duration = props.duration ? "(".concat(props.duration, "ms)") : "";
+    return ((0, jsx_runtime_1.jsxs)(ink_1.Text, __assign({ color: color }, { children: [label, " ", duration] }), void 0));
 }
 function BundleDisplay(props) {
-    const data = (0, useObservable_1.useObservable)(props.bundle);
-    return ((0, jsx_runtime_1.jsxs)(ink_1.Box, { width: "100%", flexDirection: "column", children: [(0, jsx_runtime_1.jsxs)(ink_1.Box, { 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, { width: 2, flexGrow: 0, flexShrink: 0, children: (0, jsx_runtime_1.jsx)(StatusIcon_1.StatusIcon, { icon: data.status === "success" || data.status === "waiting"
+    var data = (0, useObservable_1.useObservable)(props.bundle);
+    return ((0, jsx_runtime_1.jsxs)(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" || data.status === "waiting"
                                 ? "tick"
                                 : data.status === "compiling"
                                     ? "loading"
                                     : data.status === "error"
                                         ? "error"
-                                        : "none" }) }), (0, jsx_runtime_1.jsx)(ink_1.Box, { children: (0, jsx_runtime_1.jsxs)(ink_1.Box, { children: [(0, jsx_runtime_1.jsxs)(ink_1.Text, { bold: true, children: [data.title, " "] }), (0, jsx_runtime_1.jsx)(StatusLabel, { status: data.status, statusLabel: data.statusLabel, duration: data.duration })] }) })] }), (0, jsx_runtime_1.jsxs)(ink_1.Box, { flexGrow: 1, flexDirection: "column", children: [Array.isArray(data.errors) && data.errors.length > 0 ? ((0, jsx_runtime_1.jsx)(ink_1.Box, { flexDirection: "column", children: data.errors.map((err, i) => ((0, jsx_runtime_1.jsxs)(ink_1.Box, { flexDirection: "column", children: [(0, jsx_runtime_1.jsx)(ink_1.Box, { children: (0, jsx_runtime_1.jsx)(ink_1.Text, { color: err.type === "error" ? "red" : "yellow", bold: true, children: err.type === "error" ? "The following error occurred" : "Please be aware of the following warning" }) }), (0, jsx_runtime_1.jsx)(ink_1.Box, { children: (0, jsx_runtime_1.jsx)(ink_1.Text, { children: err.message }) })] }))) })) : null, data.log ? ((0, jsx_runtime_1.jsx)(ink_1.Box, { children: (0, jsx_runtime_1.jsx)(ink_1.Text, { children: data.log }) })) : null] })] }));
+                                        : "none" }, void 0) }), void 0), (0, jsx_runtime_1.jsx)(ink_1.Box, { children: (0, jsx_runtime_1.jsxs)(ink_1.Box, { children: [(0, jsx_runtime_1.jsxs)(ink_1.Text, __assign({ bold: true }, { children: [data.title, " "] }), void 0), (0, jsx_runtime_1.jsx)(StatusLabel, { status: data.status, statusLabel: data.statusLabel, duration: data.duration }, void 0)] }, void 0) }, void 0)] }), void 0), (0, jsx_runtime_1.jsxs)(ink_1.Box, __assign({ flexGrow: 1, flexDirection: "column" }, { children: [Array.isArray(data.errors) && data.errors.length > 0 ? ((0, jsx_runtime_1.jsx)(ink_1.Box, __assign({ flexDirection: "column" }, { children: data.errors.map(function (err, i) { return ((0, jsx_runtime_1.jsxs)(ink_1.Box, __assign({ flexDirection: "column" }, { children: [(0, jsx_runtime_1.jsx)(ink_1.Box, { children: (0, jsx_runtime_1.jsx)(ink_1.Text, __assign({ color: err.type === "error" ? "red" : "yellow", bold: true }, { children: err.type === "error" ? "The following error occurred" : "Please be aware of the following warning" }), void 0) }, void 0), (0, jsx_runtime_1.jsx)(ink_1.Box, { children: (0, jsx_runtime_1.jsx)(ink_1.Text, { children: err.message }, void 0) }, void 0)] }), void 0)); }) }), void 0)) : null, data.log ? ((0, jsx_runtime_1.jsx)(ink_1.Box, { children: (0, jsx_runtime_1.jsx)(ink_1.Text, { children: data.log }, void 0) }, void 0)) : null] }), void 0)] }), void 0));
 }
 exports.BundleDisplay = BundleDisplay;

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

@@ -2,4 +2,4 @@ import { CodegenState } from "../../../build/state/codegen-state";
 import { Observable } from "../../../utils/Observable";
 export declare function CodegenDisplay(props: {
     codegen: Observable<CodegenState>;
-}): import("react/jsx-runtime").JSX.Element;
+}): JSX.Element;

package/cli/display/components/CodegenDisplay.js

@@ -1,12 +1,23 @@
 "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.CodegenDisplay = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ink_1 = require("ink");
-const react_1 = require("react");
-const useObservable_1 = require("../../../utils/useObservable");
-const StatusIcon_1 = require("./StatusIcon");
-const statusLabels = {
+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 = {
     generating: "Generating...",
     error: "Error!",
     success: "Complete",
@@ -15,7 +26,7 @@ const statusLabels = {
     invalidated: "Detected file change",
 };
 function StatusLabel(props) {
-    const color = (0, react_1.useMemo)(() => {
+    var color = (0, react_1.useMemo)(function () {
         if (props.status === "generating" || props.status === "fetching" || props.status === "invalidated") {
             return "yellowBright";
         }
@@ -29,23 +40,23 @@ function StatusLabel(props) {
             return "whiteBright";
         }
     }, [props.status]);
-    let label = props.statusLabel || statusLabels[props.status];
+    var label = props.statusLabel || statusLabels[props.status];
     if (props.reason) {
-        label += ` (${props.reason})`;
+        label += " (".concat(props.reason, ")");
     }
     if (props.duration) {
-        label += ` (${props.duration}ms)`;
+        label += " (".concat(props.duration, "ms)");
     }
-    return (0, jsx_runtime_1.jsx)(ink_1.Text, { color: color, children: label });
+    return (0, jsx_runtime_1.jsx)(ink_1.Text, __assign({ color: color }, { children: label }), void 0);
 }
 function CodegenDisplay(props) {
-    const data = (0, useObservable_1.useObservable)(props.codegen);
-    return ((0, jsx_runtime_1.jsxs)(ink_1.Box, { width: "100%", flexDirection: "column", children: [(0, jsx_runtime_1.jsxs)(ink_1.Box, { 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, { width: 2, flexGrow: 0, flexShrink: 0, children: (0, jsx_runtime_1.jsx)(StatusIcon_1.StatusIcon, { icon: data.status === "success" || data.status === "ready"
+    var data = (0, useObservable_1.useObservable)(props.codegen);
+    return ((0, jsx_runtime_1.jsxs)(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" || data.status === "ready"
                                 ? "tick"
                                 : data.status === "generating" || data.status === "fetching" || data.status === "invalidated"
                                     ? "loading"
                                     : data.status === "error"
                                         ? "error"
-                                        : "none" }) }), (0, jsx_runtime_1.jsx)(ink_1.Box, { children: (0, jsx_runtime_1.jsxs)(ink_1.Box, { children: [(0, jsx_runtime_1.jsxs)(ink_1.Text, { bold: true, children: [data.title, " "] }), (0, jsx_runtime_1.jsx)(StatusLabel, { status: data.status, statusLabel: "", reason: data.reason, duration: data.duration })] }) })] }), (0, jsx_runtime_1.jsxs)(ink_1.Box, { flexGrow: 1, flexDirection: "column", children: [Array.isArray(data.errors) && data.errors.length > 0 ? ((0, jsx_runtime_1.jsx)(ink_1.Box, { flexDirection: "column", children: data.errors.map((err, i) => ((0, jsx_runtime_1.jsx)(ink_1.Box, { flexDirection: "column", children: (0, jsx_runtime_1.jsx)(ink_1.Box, { children: (0, jsx_runtime_1.jsx)(ink_1.Text, { children: err }) }) }))) })) : null, data.log ? ((0, jsx_runtime_1.jsx)(ink_1.Box, { children: (0, jsx_runtime_1.jsx)(ink_1.Text, { children: data.log }) })) : null] })] }));
+                                        : "none" }, void 0) }), void 0), (0, jsx_runtime_1.jsx)(ink_1.Box, { children: (0, jsx_runtime_1.jsxs)(ink_1.Box, { children: [(0, jsx_runtime_1.jsxs)(ink_1.Text, __assign({ bold: true }, { children: [data.title, " "] }), void 0), (0, jsx_runtime_1.jsx)(StatusLabel, { status: data.status, statusLabel: "", reason: data.reason, duration: data.duration }, void 0)] }, void 0) }, void 0)] }), void 0), (0, jsx_runtime_1.jsxs)(ink_1.Box, __assign({ flexGrow: 1, flexDirection: "column" }, { children: [Array.isArray(data.errors) && data.errors.length > 0 ? ((0, jsx_runtime_1.jsx)(ink_1.Box, __assign({ flexDirection: "column" }, { children: data.errors.map(function (err, i) { return ((0, jsx_runtime_1.jsx)(ink_1.Box, __assign({ flexDirection: "column" }, { children: (0, jsx_runtime_1.jsx)(ink_1.Box, { children: (0, jsx_runtime_1.jsx)(ink_1.Text, { children: err }, void 0) }, void 0) }), void 0)); }) }), void 0)) : null, data.log ? ((0, jsx_runtime_1.jsx)(ink_1.Box, { children: (0, jsx_runtime_1.jsx)(ink_1.Text, { children: data.log }, void 0) }, void 0)) : null] }), void 0)] }), void 0));
 }
 exports.CodegenDisplay = CodegenDisplay;

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

@@ -2,11 +2,11 @@ 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";
-type Props = {
+declare type Props = {
     bundles: Observable<CompilerState>[];
     serverless?: Observable<ServerlessState>;
     codegen?: Observable<CodegenState>;
     configChanged: Observable<boolean>;
 };
-export declare function DevCLIDisplay(props: Props): import("react/jsx-runtime").JSX.Element;
+export declare function DevCLIDisplay(props: Props): JSX.Element;
 export {};

package/cli/display/components/DevCLIDisplay.js

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

@@ -1,15 +1,26 @@
 "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.Fullscreen = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ink_1 = require("ink");
-const react_1 = require("react");
-const Fullscreen = (props) => {
-    const [size, setSize] = (0, react_1.useState)({
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ink_1 = require("ink");
+var react_1 = require("react");
+var Fullscreen = function (props) {
+    var _a = (0, react_1.useState)({
         columns: process.stdout.columns,
         rows: process.stdout.rows,
-    });
-    (0, react_1.useEffect)(() => {
+    }), size = _a[0], setSize = _a[1];
+    (0, react_1.useEffect)(function () {
         function onResize() {
             setSize({
                 columns: process.stdout.columns,
@@ -18,11 +29,11 @@ const Fullscreen = (props) => {
         }
         process.stdout.on("resize", onResize);
         // process.stdout.write("\x1b[?1049h")
-        return () => {
+        return function () {
             process.stdout.off("resize", onResize);
             // process.stdout.write("\x1b[?1049l")
         };
     }, []);
-    return ((0, jsx_runtime_1.jsx)(ink_1.Box, { width: size.columns, minHeight: size.rows, children: props.children }));
+    return ((0, jsx_runtime_1.jsx)(ink_1.Box, __assign({ width: size.columns, minHeight: size.rows }, { children: props.children }), void 0));
 };
 exports.Fullscreen = Fullscreen;

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

@@ -2,7 +2,7 @@ import { ServerlessState } from "../../../build/state/serverless-state";
 import { Observable } from "../../../utils/Observable";
 export declare function ServerlessDisplay(props: {
     serverless: Observable<ServerlessState>;
-}): import("react/jsx-runtime").JSX.Element;
+}): JSX.Element;
 export declare function ServerlessLog(props: {
     serverless: Observable<ServerlessState>;
-}): import("react/jsx-runtime").JSX.Element;
+}): JSX.Element;

package/cli/display/components/ServerlessDisplay.js

@@ -1,12 +1,23 @@
 "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;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ink_1 = require("ink");
-const react_1 = require("react");
-const useObservable_1 = require("../../../utils/useObservable");
-const StatusIcon_1 = require("./StatusIcon");
-const statusLabels = {
+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.",
@@ -16,7 +27,7 @@ const statusLabels = {
     waiting: "Waiting...",
 };
 function StatusLabel(props) {
-    const color = (0, react_1.useMemo)(() => {
+    var color = (0, react_1.useMemo)(function () {
         if (props.status === "packaging" ||
             props.status === "preparing" ||
             props.status === "waiting" ||
@@ -33,25 +44,25 @@ function StatusLabel(props) {
             return "whiteBright";
         }
     }, [props.status]);
-    let label = props.statusLabel || statusLabels[props.status];
+    var label = props.statusLabel || statusLabels[props.status];
     if (props.duration) {
-        label += ` (${props.duration}ms)`;
+        label += " (".concat(props.duration, "ms)");
     }
-    return ((0, jsx_runtime_1.jsxs)(ink_1.Box, { paddingX: 1, width: "100%", flexGrow: 1, flexDirection: "row", justifyContent: "space-between", children: [(0, jsx_runtime_1.jsx)(ink_1.Text, { color: color, children: label }), props.url && (0, jsx_runtime_1.jsxs)(ink_1.Text, { color: "white", children: ["\u2728 ", props.url] })] }));
+    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) {
-    const data = (0, useObservable_1.useObservable)(props.serverless);
-    return ((0, jsx_runtime_1.jsx)(ink_1.Box, { width: "100%", flexDirection: "column", children: (0, jsx_runtime_1.jsxs)(ink_1.Box, { 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, { width: 2, flexGrow: 0, flexShrink: 0, children: (0, jsx_runtime_1.jsx)(StatusIcon_1.StatusIcon, { icon: data.status === "success"
+    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" }) }), (0, jsx_runtime_1.jsx)(ink_1.Box, { children: (0, jsx_runtime_1.jsxs)(ink_1.Box, { flexDirection: "row", children: [(0, jsx_runtime_1.jsx)(ink_1.Text, { bold: true, children: data.title }), (0, jsx_runtime_1.jsx)(StatusLabel, { status: data.status, statusLabel: "", duration: data.status === "success" ? data.duration : undefined, url: data.url })] }) })] }) }));
+                                    : "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) {
-    const log = (0, useObservable_1.useObservable)(props.serverless).log;
-    return (0, jsx_runtime_1.jsx)(ink_1.Text, { children: log });
+    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;