@webscopeio/react-console - npm Package Compare versions

Comparing version 1.2.0 to 1.2.1

dist/index.d.ts

@@ -29,2 +29,3 @@ /**
     onAddHistoryItem?: (entry: string) => void;
+    onSanitizeOutputLine?: (line: string) => string;
 };
@@ -31,0 +32,0 @@ declare type ReactConsoleState = {

dist/index.es.js

@@ -472,4 +472,13 @@ import React from 'react';
         var _a = this.props, wrapperClassName = _a.wrapperClassName, promptWrapperClassName = _a.promptWrapperClassName, promptClassName = _a.promptClassName, lineClassName = _a.lineClassName, inputClassName = _a.inputClassName, wrapperStyle = _a.wrapperStyle, promptWrapperStyle = _a.promptWrapperStyle, promptStyle = _a.promptStyle, lineStyle = _a.lineStyle, inputStyle = _a.inputStyle, prompt = _a.prompt, autoFocus = _a.autoFocus;
+        var sanitizeOutputLine = function (line) {
+            var onSanitizeOutputLine = _this.props.onSanitizeOutputLine;
+            if (typeof onSanitizeOutputLine === 'function') {
+                return onSanitizeOutputLine(line);
+            }
+            return line;
+        };
         return (React.createElement("div", { className: classnames(styles.wrapper, wrapperClassName), style: __assign({ overflowY: isIE11 ? "scroll" : "auto" }, wrapperStyle), onClick: this.focusConsole, ref: function (ref) { return _this.wrapperRef = ref; } },
-            React.createElement("div", null, this.state.output.map(function (line, key) {
+            React.createElement("div", null, this.state.output
+                .map(function (line) { return sanitizeOutputLine(line); })
+                .map(function (line, key) {
                 return React.createElement("pre", { key: key, className: classnames(styles.line, lineClassName), style: lineStyle, dangerouslySetInnerHTML: { __html: line } });
@@ -476,0 +485,0 @@ })),

dist/index.js

@@ -478,4 +478,13 @@ 'use strict';
         var _a = this.props, wrapperClassName = _a.wrapperClassName, promptWrapperClassName = _a.promptWrapperClassName, promptClassName = _a.promptClassName, lineClassName = _a.lineClassName, inputClassName = _a.inputClassName, wrapperStyle = _a.wrapperStyle, promptWrapperStyle = _a.promptWrapperStyle, promptStyle = _a.promptStyle, lineStyle = _a.lineStyle, inputStyle = _a.inputStyle, prompt = _a.prompt, autoFocus = _a.autoFocus;
+        var sanitizeOutputLine = function (line) {
+            var onSanitizeOutputLine = _this.props.onSanitizeOutputLine;
+            if (typeof onSanitizeOutputLine === 'function') {
+                return onSanitizeOutputLine(line);
+            }
+            return line;
+        };
         return (React.createElement("div", { className: classnames(styles.wrapper, wrapperClassName), style: __assign({ overflowY: isIE11 ? "scroll" : "auto" }, wrapperStyle), onClick: this.focusConsole, ref: function (ref) { return _this.wrapperRef = ref; } },
-            React.createElement("div", null, this.state.output.map(function (line, key) {
+            React.createElement("div", null, this.state.output
+                .map(function (line) { return sanitizeOutputLine(line); })
+                .map(function (line, key) {
                 return React.createElement("pre", { key: key, className: classnames(styles.line, lineClassName), style: lineStyle, dangerouslySetInnerHTML: { __html: line } });
@@ -482,0 +491,0 @@ })),

package.json

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

README.md

@@ -7,4 +7,7 @@ MIT-licensed console emulator in React. Documentation and more advanced features coming soon!
 
-[![NPM](https://img.shields.io/npm/v/react-console.svg)](https://www.npmjs.com/package/react-console) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
+[![NPM](https://img.shields.io/npm/v/react-console.svg)](https://www.npmjs.com/package/react-console)
+[![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
+![license-sh badge](https://img.shields.io/endpoint?label=license-sh&url=https%3A%2F%2Flicense.sh%2Fapi%2Fshield%3Fowner%3Dwebscopeio%26repo%3Dreact-console%26repoID%3D158874576%26token_type%3Dbearer%26type%3Dgithub)
 
+
 ## Install
@@ -46,2 +49,3 @@
 | onAddHistoryItem       | (entry: string) => void | callback called when a new history entry is created |
+| onSanitizeOutputLine   | (line: string) => string | callback called before a new output line is inserted to DOM |
 
@@ -48,0 +52,0 @@ \*_are mandatory_

Fixed alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

141419

1.76%

Lines of code

1117

1.73%

Number of lines in readme file

118

3.51%

Number of medium supply chain risk alerts

0

-100%

No dependency changes