@webscopeio/react-console - npm Package Compare versions

Comparing version 1.0.2 to 1.0.3

dist/index.es.js

@@ -96,3 +96,3 @@ import { createElement, Component } from 'react';
 
-var css = "/* add css styles here (optional) */\n\n.styles_wrapper__3KXDn {\n  display: flex;\n  flex-direction: column;\n  background-color: black;\n  color: white;\n  font-family: monospace;\n  font-size: 13px;\n  padding: 10px;\n  height: 300px;\n  overflow-y: auto;\n}\n\n.styles_promptWrapper__2Cy1Y {\n  display: flex;\n}\n\n.styles_line__1lhnu {\n  font-size: 13px;\n  line-height: 13px;\n}\n\n.styles_input__15JGo {\n  flex: 1;\n  background: transparent !important; /* we want to make this transparent whatever happens in the app*/\n  border: none;\n  outline: none;\n  color: white;\n  font-family: monospace;\n  font-size: 13px;\n}\n";
+var css = "/* add css styles here (optional) */\n\n.styles_wrapper__3KXDn {\n  display: flex;\n  flex-direction: column;\n  background-color: black;\n  color: white;\n  font-family: monospace;\n  font-size: 13px;\n  padding: 10px;\n  height: 300px;\n  overflow-y: auto;\n}\n\n.styles_promptWrapper__2Cy1Y {\n  display: flex;\n}\n\n.styles_line__1lhnu {\n  font-size: 13px;\n  line-height: 13px;\n  background: transparent !important; /* we want to make this transparent whatever happens in the app*/\n}\n\n.styles_input__15JGo {\n  flex: 1;\n  background: transparent !important; /* we want to make this transparent whatever happens in the app*/\n  border: none;\n  outline: none;\n  color: white;\n  font-family: monospace;\n  font-size: 13px;\n}\n";
 var styles = {"wrapper":"styles_wrapper__3KXDn","promptWrapper":"styles_promptWrapper__2Cy1Y","line":"styles_line__1lhnu","input":"styles_input__15JGo"};
@@ -119,3 +119,3 @@ styleInject(css);
         _this.onSubmit = function (e) { return __awaiter(_this, void 0, void 0, function () {
-            var prompt, data, inputString, _a, cmd, args, command, log, ret, err_1;
+            var prompt, data, inputString, log, _a, cmd, args, command, ret, err_1;
             return __generator(this, function (_b) {
@@ -131,2 +131,8 @@ switch (_b.label) {
                         }
+                        log = prompt + "\u00A0" + inputString;
+                        if (inputString === '') {
+                            this.setState({ output: this.state.output.concat([log]) });
+                            this.formRef.reset();
+                            return [2 /*return*/];
+                        }
                         _a = inputString.split(" "), cmd = _a[0], args = _a.slice(1);
@@ -139,3 +145,2 @@ if (cmd === 'clear') {
                         command = this.props.commands[cmd];
-                        log = prompt + "\u00A0" + inputString;
                         return [4 /*yield*/, this.setState({ commandInProgress: true })];
@@ -142,0 +147,0 @@ case 1:

dist/index.js

@@ -100,3 +100,3 @@ 'use strict';
 
-var css = "/* add css styles here (optional) */\n\n.styles_wrapper__3KXDn {\n  display: flex;\n  flex-direction: column;\n  background-color: black;\n  color: white;\n  font-family: monospace;\n  font-size: 13px;\n  padding: 10px;\n  height: 300px;\n  overflow-y: auto;\n}\n\n.styles_promptWrapper__2Cy1Y {\n  display: flex;\n}\n\n.styles_line__1lhnu {\n  font-size: 13px;\n  line-height: 13px;\n}\n\n.styles_input__15JGo {\n  flex: 1;\n  background: transparent !important; /* we want to make this transparent whatever happens in the app*/\n  border: none;\n  outline: none;\n  color: white;\n  font-family: monospace;\n  font-size: 13px;\n}\n";
+var css = "/* add css styles here (optional) */\n\n.styles_wrapper__3KXDn {\n  display: flex;\n  flex-direction: column;\n  background-color: black;\n  color: white;\n  font-family: monospace;\n  font-size: 13px;\n  padding: 10px;\n  height: 300px;\n  overflow-y: auto;\n}\n\n.styles_promptWrapper__2Cy1Y {\n  display: flex;\n}\n\n.styles_line__1lhnu {\n  font-size: 13px;\n  line-height: 13px;\n  background: transparent !important; /* we want to make this transparent whatever happens in the app*/\n}\n\n.styles_input__15JGo {\n  flex: 1;\n  background: transparent !important; /* we want to make this transparent whatever happens in the app*/\n  border: none;\n  outline: none;\n  color: white;\n  font-family: monospace;\n  font-size: 13px;\n}\n";
 var styles = {"wrapper":"styles_wrapper__3KXDn","promptWrapper":"styles_promptWrapper__2Cy1Y","line":"styles_line__1lhnu","input":"styles_input__15JGo"};
@@ -123,3 +123,3 @@ styleInject(css);
         _this.onSubmit = function (e) { return __awaiter(_this, void 0, void 0, function () {
-            var prompt, data, inputString, _a, cmd, args, command, log, ret, err_1;
+            var prompt, data, inputString, log, _a, cmd, args, command, ret, err_1;
             return __generator(this, function (_b) {
@@ -135,2 +135,8 @@ switch (_b.label) {
                         }
+                        log = prompt + "\u00A0" + inputString;
+                        if (inputString === '') {
+                            this.setState({ output: this.state.output.concat([log]) });
+                            this.formRef.reset();
+                            return [2 /*return*/];
+                        }
                         _a = inputString.split(" "), cmd = _a[0], args = _a.slice(1);
@@ -143,3 +149,2 @@ if (cmd === 'clear') {
                         command = this.props.commands[cmd];
-                        log = prompt + "\u00A0" + inputString;
                         return [4 /*yield*/, this.setState({ commandInProgress: true })];
@@ -146,0 +151,0 @@ case 1:

package.json

 {
   "name": "@webscopeio/react-console",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "React component that emulates console behaviour",
@@ -5,0 +5,0 @@ "author": "jvorcak",

No alert changes

Improved metrics

Total package byte prevSize

68219

increased by2.13%

Lines of code

435

increased by2.35%

No dependency changes