ink-gradient - npm Package Compare versions

Comparing version 0.1.1 to 1.0.0

dist.js

@@ -1,43 +0,34 @@
-'use strict';
+"use strict";
 
-var _ink = require('ink');
+var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = require('prop-types');
+var _ink = require("ink");
 
-var _propTypes2 = _interopRequireDefault(_propTypes);
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _gradientString = require('gradient-string');
+var _gradientString = _interopRequireDefault(require("gradient-string"));
 
-var _gradientString2 = _interopRequireDefault(_gradientString);
+var _stripAnsi = _interopRequireDefault(require("strip-ansi"));
 
-var _stripAnsi = require('strip-ansi');
-
-var _stripAnsi2 = _interopRequireDefault(_stripAnsi);
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const Gradient = props => {
-	if (props.name && props.colors) {
-		throw new Error('The `name` and `colors` props are mutually exclusive');
-	}
+  if (props.name && props.colors) {
+    throw new Error('The `name` and `colors` props are mutually exclusive');
+  }
 
-	const gradient = props.name ? _gradientString2.default[props.name] : (0, _gradientString2.default)(props.colors);
-	const text = (0, _ink.renderToString)((0, _ink.h)(
-		'span',
-		null,
-		props.children
-	));
-	return (0, _ink.h)(
-		'span',
-		null,
-		gradient.multiline((0, _stripAnsi2.default)(text))
-	);
+  const gradient = props.name ? _gradientString.default[props.name] : (0, _gradientString.default)(props.colors);
+
+  const applyGradient = text => gradient.multiline((0, _stripAnsi.default)(text));
+
+  return _react.default.createElement(_ink.Text, {
+    unstable__transformChildren: applyGradient
+  }, props.children);
 };
 
 Gradient.propTypes = {
-	children: _propTypes2.default.any.isRequired,
-	name: _propTypes2.default.oneOf(['cristal', 'teen', 'mind', 'morning', 'vice', 'passion', 'fruit', 'instagram', 'atlas', 'retro', 'summer', 'pastel', 'rainbow']),
-	colors: _propTypes2.default.arrayOf(_propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.object]))
+  children: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.node), _propTypes.default.node]).isRequired,
+  name: _propTypes.default.oneOf(['cristal', 'teen', 'mind', 'morning', 'vice', 'passion', 'fruit', 'instagram', 'atlas', 'retro', 'summer', 'pastel', 'rainbow']),
+  colors: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]))
 };
-
 module.exports = Gradient;

package.json

 {
 	"name": "ink-gradient",
-	"version": "0.1.1",
+	"version": "1.0.0",
 	"description": "Gradient color component for Ink",
@@ -14,3 +14,3 @@ "license": "MIT",
 	"engines": {
-		"node": ">=6"
+		"node": ">=8"
 	},
@@ -45,32 +45,32 @@ "scripts": {
 	"dependencies": {
-		"gradient-string": "^1.1.0",
-		"prop-types": "^15.6.1"
+		"gradient-string": "^1.2.0",
+		"prop-types": "^15.7.2"
 	},
 	"devDependencies": {
-		"ava": "*",
-		"babel-cli": "^6.26.0",
-		"babel-plugin-transform-react-jsx": "^6.24.1",
-		"clear-module": "^2.1.0",
-		"eslint-config-xo-react": "^0.16.0",
+		"@babel/cli": "^7.2.3",
+		"@babel/core": "^7.3.3",
+		"@babel/preset-react": "^7.0.0",
+		"ava": "^1.3.1",
+		"clear-module": "^3.1.0",
+		"eslint-config-xo-react": "^0.19.0",
 		"eslint-plugin-react": "^7.7.0",
-		"ink": "^0.4.1",
-		"strip-ansi": "^4.0.0",
-		"xo": "*"
+		"eslint-plugin-react-hooks": "^1.4.0",
+		"ink": "^2.0.3",
+		"ink-testing-library": "^1.0.0",
+		"react": "^16.8.2",
+		"strip-ansi": "^5.0.0",
+		"xo": "^0.24.0"
 	},
+	"peerDependencies": {
+		"ink": ">=2.0.0",
+		"react": ">=16.8.0"
+	},
 	"babel": {
 		"presets": [
-			"@ava/stage-4"
-		],
-		"plugins": [
-			[
-				"transform-react-jsx",
-				{
-					"pragma": "h",
-					"useBuiltIns": true
-				}
-			]
+			"@ava/stage-4",
+			"@babel/preset-react"
 		]
 	},
 	"ava": {
-		"babel": "inherit"
+		"color": true
 	},
@@ -81,10 +81,2 @@ "xo": {
 		],
-		"ignores": [
-			"dist.js"
-		],
-		"settings": {
-			"react": {
-				"pragma": "h"
-			}
-		},
 		"rules": {
@@ -91,0 +83,0 @@ "react/require-default-props": "off"

readme.md

@@ -18,3 +18,4 @@ # ink-gradient [![Build Status](https://travis-ci.org/sindresorhus/ink-gradient.svg?branch=master)](https://travis-ci.org/sindresorhus/ink-gradient)
 ```js
-import {h, render} = from 'ink';
+import React from 'react';
+import {render} from 'ink';
 import Gradient from 'ink-gradient';
@@ -24,7 +25,5 @@ import BigText from 'ink-big-text';
 render(
-	<div>
-		<Gradient name="rainbow">
-			<BigText text="unicorns"/>
-		</Gradient>
-	</div>
+	<Gradient name="rainbow">
+		<BigText text="unicorns"/>
+	</Gradient>
 );
@@ -50,3 +49,3 @@ ```
 
-Type: `string[]` `Object[]`
+Type: `string[] | Object[]`
 
@@ -53,0 +52,0 @@ [Colors to use to make the gradient.](https://github.com/bokub/gradient-string#initialize-a-gradient)

Fixed alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

5231

increased by1.28%

Number of low quality alerts

0

decreased by-100%

Worsened metrics

Dependency count

4

increased by100%

Dev dependency count

13

increased by44.44%

Lines of code

23

decreased by-25.81%

Number of lines in readme file

62

decreased by-1.59%

Dependency changes

• + Added@alcalzone/ansi-tokenize@0.1.3(transitive)

• + Addedansi-escapes@6.2.1(transitive)

• + Addedansi-regex@6.0.1(transitive)

• + Addedansi-styles@6.2.1(transitive)

• + Addedauto-bind@5.0.1(transitive)

• + Addedchalk@5.3.0(transitive)

• + Addedci-info@3.9.0(transitive)

• + Addedcli-boxes@3.0.0(transitive)

• + Addedcli-cursor@4.0.0(transitive)

• + Addedcli-truncate@3.1.0(transitive)

• + Addedcode-excerpt@4.0.0(transitive)

• + Addedconvert-to-spaces@2.0.1(transitive)

• + Addedeastasianwidth@0.2.0(transitive)

• + Addedemoji-regex@9.2.2(transitive)

• + Addedescape-string-regexp@2.0.0(transitive)

• + Addedindent-string@5.0.0(transitive)

• + Addedink@4.4.1(transitive)

• + Addedis-ci@3.0.1(transitive)

• + Addedis-fullwidth-code-point@4.0.0(transitive)

• + Addedis-lower-case@2.0.2(transitive)

• + Addedis-upper-case@2.0.2(transitive)

• + Addedlodash@4.17.21(transitive)

• + Addedmimic-fn@2.1.0(transitive)

• + Addedonetime@5.1.2(transitive)

• + Addedpatch-console@2.0.0(transitive)

• + Addedreact@18.3.1(transitive)

• + Addedreact-reconciler@0.29.2(transitive)

• + Addedrestore-cursor@4.0.0(transitive)

• + Addedscheduler@0.23.2(transitive)

• + Addedsignal-exit@3.0.7(transitive)

• + Addedslice-ansi@5.0.06.0.0(transitive)

• + Addedstack-utils@2.0.6(transitive)

• + Addedstring-width@5.1.2(transitive)

• + Addedstrip-ansi@7.1.0(transitive)

• + Addedtslib@2.6.2(transitive)

• + Addedtype-fest@0.12.0(transitive)

• + Addedwidest-line@4.0.1(transitive)

• + Addedwrap-ansi@8.1.0(transitive)

• + Addedws@8.17.0(transitive)

• + Addedyoga-wasm-web@0.3.3(transitive)

• Updatedgradient-string@^1.2.0

• Updatedprop-types@^15.7.2