eddev 0.2.65 → 0.2.67-beta1

package/cli/build.prod.js

@@ -1,107 +1,51 @@
 "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;
-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*/];
-            }
-        });
+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);
+        }
     });
 }
 exports.prodCommand = prodCommand;

package/cli/cli.js

@@ -1,45 +1,9 @@
 "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 };
-    }
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-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();
+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();
 program.version("0.0.1");
 require("dotenv").config();
 program
@@ -48,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(function (options) {
-    var devCommand = require("./build.dev").devCommand;
+    .action((options) => {
+    const devCommand = require("./build.dev").devCommand;
     devCommand({
         serverless: options.serverless,
         mode: options.mode,
@@ -59,14 +23,14 @@ program
 program
     .command("preinstall")
     .description("Pre-installs for Vercel")
-    .action(function (options) {
-    var main = require("./preinstall").main;
+    .action((options) => {
+    const main = require("./preinstall").main;
     main();
 });
 program
     .command("build")
     .description("Build in production mode")
-    .action(function (options) {
+    .action((options) => {
     if (process.env.VERCEL) {
         (0, create_next_app_1.createNextApp)({
             baseDirectory: process.cwd(),
@@ -75,7 +39,7 @@ program
         });
     }
     else {
-        var prodCommand = require("./build.prod").prodCommand;
+        const prodCommand = require("./build.prod").prodCommand;
         prodCommand({
             serverless: options.serverless,
         });
@@ -94,7 +58,7 @@ program
 program
     .command("next")
     .description("Run the serverless app in standalone mode")
-    .action(function (options) {
+    .action((options) => {
     (0, create_next_app_1.createNextApp)({
         baseDirectory: process.cwd(),
         dev: true,
@@ -104,17 +68,14 @@ program
 program
     .command("setup")
     .description("Initialize the WordPress theme interactively")
-    .action(function () {
+    .action(() => {
     (0, setup_1.setupTheme)();
 });
 program
     .command("generate")
     .description("Generate GraphQL Schemas")
-    .action(function () { return __awaiter(void 0, void 0, void 0, function () {
-    return __generator(this, function (_a) {
-        console.log("This command has been deprecated! Please use `yarn dev` instead.");
-        process.exit();
-        return [2 /*return*/];
-    });
-}); });
+    .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

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

package/cli/display/components/BundleDisplay.js

@@ -1,23 +1,12 @@
 "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;
-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 = {
+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 = {
     compiling: "Compiling...",
     error: "Error!",
     starting: "Preparing to start...",
@@ -25,7 +14,7 @@ var statusLabels = {
     waiting: "Success! Watching for file changes...",
 };
 function StatusLabel(props) {
-    var color = (0, react_1.useMemo)(function () {
+    const color = (0, react_1.useMemo)(() => {
         if (props.status === "compiling") {
             return "yellowBright";
         }
@@ -39,18 +28,18 @@ function StatusLabel(props) {
             return "whiteBright";
         }
     }, [props.status]);
-    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));
+    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] }));
 }
 function BundleDisplay(props) {
-    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"
+    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"
                                 ? "tick"
                                 : 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, { 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));
+                                        : "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] })] }));
 }
 exports.BundleDisplay = BundleDisplay;

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

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

package/cli/display/components/CodegenDisplay.js

@@ -1,23 +1,12 @@
 "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;
-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 = {
+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 = {
     generating: "Generating...",
     error: "Error!",
     success: "Complete",
@@ -26,7 +15,7 @@ var statusLabels = {
     invalidated: "Detected file change",
 };
 function StatusLabel(props) {
-    var color = (0, react_1.useMemo)(function () {
+    const color = (0, react_1.useMemo)(() => {
         if (props.status === "generating" || props.status === "fetching" || props.status === "invalidated") {
             return "yellowBright";
         }
@@ -40,23 +29,23 @@ function StatusLabel(props) {
             return "whiteBright";
         }
     }, [props.status]);
-    var label = props.statusLabel || statusLabels[props.status];
+    let label = props.statusLabel || statusLabels[props.status];
     if (props.reason) {
-        label += " (".concat(props.reason, ")");
+        label += ` (${props.reason})`;
     }
     if (props.duration) {
-        label += " (".concat(props.duration, "ms)");
+        label += ` (${props.duration}ms)`;
     }
-    return (0, jsx_runtime_1.jsx)(ink_1.Text, __assign({ color: color }, { children: label }), void 0);
+    return (0, jsx_runtime_1.jsx)(ink_1.Text, { color: color, children: label });
 }
 function CodegenDisplay(props) {
-    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"
+    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"
                                 ? "tick"
                                 : data.status === "generating" || data.status === "fetching" || data.status === "invalidated"
                                     ? "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, { 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));
+                                        : "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] })] }));
 }
 exports.CodegenDisplay = CodegenDisplay;

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

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

package/cli/display/components/DevCLIDisplay.js

@@ -1,42 +1,31 @@
 "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;
-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 = {
+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 = {
     serverless: "Serverless Log",
     bundles: "Build Log",
 };
 function DevCLIDisplay(props) {
-    var _a = (0, react_1.useState)("bundles"), mode = _a[0], setMode = _a[1];
-    (0, ink_1.useInput)(function (ev, key) {
+    const [mode, setMode] = (0, react_1.useState)("bundles");
+    (0, ink_1.useInput)((ev, key) => {
         if (ev.charAt(0) === "z") {
             if (props.serverless) {
-                setMode(function (mode) { return (mode === "bundles" ? "serverless" : "bundles"); });
+                setMode((mode) => (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));
+    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"] })] })] })] }) }));
 }
 exports.DevCLIDisplay = DevCLIDisplay;

package/cli/display/components/Fullscreen.js

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

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

@@ -1,9 +1,8 @@
-/// <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;
+}): import("react/jsx-runtime").JSX.Element;
 export declare function ServerlessLog(props: {
     serverless: Observable<ServerlessState>;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;