@squiz/dxp-cli-next 5.17.1-develop.1 → 5.18.0-develop.1

package/lib/cmp/dev-mode-ui.d.ts

@@ -0,0 +1,4 @@
+import { Command } from 'commander';
+export declare const buildDevModeUICommand: () => Command;
+declare const devModeUICommand: Command;
+export default devModeUICommand;

package/lib/cmp/dev-mode-ui.js

@@ -0,0 +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());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildDevModeUICommand = void 0;
+const local_component_dev_ui_1 = require("@squiz/local-component-dev-ui");
+const commander_1 = require("commander");
+const MIN_PORT = 1024;
+const MAX_PORT = 65535;
+const buildDevModeUICommand = () => new commander_1.Command()
+    .name('dev-ui')
+    .description('A local component UI for developing new components')
+    .addHelpText('after', `
+
+  The logs are currently \`bunyan\` formatted and should be piped into the bunyan cli:
+      $ dxp-next cmp dev-ui <source> | npx bunyan
+  `)
+    .argument('<source>', 'folder containing the template files in development')
+    .addOption(new commander_1.Option('-p, --port <number>', 'Define port the webserver runs on')
+    .default(3000)
+    .argParser(v => {
+    const parsedPort = Number(v);
+    if (isNaN(parsedPort) ||
+        MIN_PORT > parsedPort ||
+        parsedPort > MAX_PORT) {
+        throw new commander_1.InvalidArgumentError(`Port must be a number between ${MIN_PORT}-${MAX_PORT}`);
+    }
+    return parsedPort;
+}))
+    .addOption(new commander_1.Option('-l, --logging-format <string>', 'Format of log output')
+    .choices(['human', 'json'])
+    .default('human'))
+    .action((source, options) => __awaiter(void 0, void 0, void 0, function* () {
+    const input = {
+        port: options.port,
+        loggingFormat: options.loggingFormat,
+        noBrowser: true,
+    };
+    // Starts the dev-mode server with the development UI
+    yield (0, local_component_dev_ui_1.startLocalDevelopmentUIServer)(source, input);
+}));
+exports.buildDevModeUICommand = buildDevModeUICommand;
+const devModeUICommand = (0, exports.buildDevModeUICommand)();
+exports.default = devModeUICommand;

package/lib/cmp/index.js

@@ -6,11 +6,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const commander_1 = require("commander");
 const deploy_1 = __importDefault(require("./deploy"));
 const dev_mode_1 = __importDefault(require("./dev-mode"));
+const dev_mode_ui_1 = __importDefault(require("./dev-mode-ui"));
 const init_1 = __importDefault(require("./init"));
 const cmpCommand = new commander_1.Command('cmp');
 cmpCommand
     .description('Component Service Commands')
     .addCommand(deploy_1.default)
     .addCommand(dev_mode_1.default)
+    .addCommand(dev_mode_ui_1.default)
     .addCommand(init_1.default);
 exports.default = cmpCommand;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@squiz/dxp-cli-next",
-  "version": "5.17.1-develop.1",
+  "version": "5.18.0-develop.1",
   "repository": {
     "url": "https://gitlab.squiz.net/dxp/dxp-cli-next"
   },
@@ -42,6 +42,8 @@
     "@apidevtools/swagger-parser": "10.1.0",
     "@squiz/component-cli-lib": "1.67.0",
     "@squiz/dxp-porter-shared": "0.4.0",
+    "@squiz/local-component-dev-ui": "^0.2.2",
+    "@squiz/render-runtime-lib": "^1.69.0",
     "axios": "1.1.3",
     "cli-color": "2.0.3",
     "commander": "9.4.0",