ink - npm Package Compare versions

Comparing version 3.0.6 to 3.0.7

build/components/App.d.ts

 /// <reference types="node" />
-import { PureComponent } from 'react';
-import type { ReactNode } from 'react';
+import { PureComponent, ReactNode } from 'react';
 interface Props {
@@ -5,0 +4,0 @@ readonly children: ReactNode;

build/components/Box.d.ts

 import React from 'react';
-import type { Except } from 'type-fest';
-import type { Styles } from '../styles';
-import type { DOMElement } from '../dom';
+import { Except } from 'type-fest';
+import { Styles } from '../styles';
+import { DOMElement } from '../dom';
 export declare type Props = Except<Styles, 'textWrap'> & {
@@ -6,0 +6,0 @@ /**

build/components/ErrorOverview.d.ts

@@ -1,2 +0,2 @@
-import type { FC } from 'react';
+import { FC } from 'react';
 interface Props {
@@ -3,0 +3,0 @@ readonly error: Error;

build/components/Newline.d.ts

@@ -1,2 +0,2 @@
-import type { FC } from 'react';
+import { FC } from 'react';
 export interface Props {
@@ -3,0 +3,0 @@ /**

build/components/Spacer.d.ts

@@ -1,2 +0,2 @@
-import type { FC } from 'react';
+import { FC } from 'react';
 /**
@@ -3,0 +3,0 @@ * A flexible space that expands along the major axis of its containing layout.

build/components/Static.d.ts

@@ -1,3 +0,3 @@
-import type { ReactNode } from 'react';
-import type { Styles } from '../styles';
+import { ReactNode } from 'react';
+import { Styles } from '../styles';
 export interface Props<T> extends Styles {
@@ -4,0 +4,0 @@ /**

build/components/Text.d.ts

@@ -1,5 +0,5 @@
-import type { FC, ReactNode } from 'react';
-import type { Styles } from '../styles';
-import type { LiteralUnion } from 'type-fest';
-import type { ForegroundColor, BackgroundColor } from 'chalk';
+import { FC, ReactNode } from 'react';
+import { ForegroundColor, BackgroundColor } from 'chalk';
+import { Styles } from '../styles';
+import { LiteralUnion } from 'type-fest';
 export interface Props {
@@ -6,0 +6,0 @@ /**

build/components/Transform.d.ts

@@ -1,2 +0,2 @@
-import type { FC, ReactNode } from 'react';
+import { FC, ReactNode } from 'react';
 export interface Props {
@@ -3,0 +3,0 @@ /**

build/devtools.js

@@ -9,2 +9,4 @@ "use strict";
 const ws_1 = __importDefault(require("ws"));
+// @ts-ignore
+const react_devtools_core_1 = require("react-devtools-core");
 const customGlobal = global;
@@ -73,8 +75,3 @@ // These things must exist before importing `react-devtools-core`
 ];
-// Ignoring missing types error to avoid adding another dependency for this hack to work
-// @ts-ignore
-const react_devtools_core_1 = require("react-devtools-core");
-if (process.env.DEV === 'true') {
-    react_devtools_core_1.connectToDevTools();
-}
+react_devtools_core_1.connectToDevTools();
 //# sourceMappingURL=devtools.js.map

build/dom.d.ts

 /// <reference types="yoga-layout" />
 import Yoga from 'yoga-layout-prebuilt';
-import type { OutputTransformer } from './render-node-to-output';
-import type { Styles } from './styles';
+import { Styles } from './styles';
+import { OutputTransformer } from './render-node-to-output';
 interface InkNode {
@@ -6,0 +6,0 @@ parentNode: DOMElement | null;

build/hooks/use-focus-manager.d.ts

@@ -1,2 +0,2 @@
-import type { Props } from '../components/FocusContext';
+import { Props } from '../components/FocusContext';
 interface Output {
@@ -3,0 +3,0 @@ /**

build/ink.d.ts

 /// <reference types="node" />
-import type { ReactNode } from 'react';
+import { ReactNode } from 'react';
 export interface Options {
@@ -4,0 +4,0 @@ stdout: NodeJS.WriteStream;

build/ink.js

@@ -26,3 +26,3 @@ "use strict";
 const react_1 = __importDefault(require("react"));
-const lodash_throttle_1 = __importDefault(require("lodash.throttle"));
+const lodash_1 = require("lodash");
 const log_update_1 = __importDefault(require("./log-update"));
@@ -94,3 +94,3 @@ const ansi_escapes_1 = __importDefault(require("ansi-escapes"));
             ? this.onRender
-            : lodash_throttle_1.default(this.onRender, 32, {
+            : lodash_1.throttle(this.onRender, 32, {
                 leading: true,
@@ -103,3 +103,3 @@ trailing: true
             ? this.log
-            : lodash_throttle_1.default(this.log, undefined, {
+            : lodash_1.throttle(this.log, undefined, {
                 leading: true,
@@ -106,0 +106,0 @@ trailing: true

build/log-update.d.ts

 /// <reference types="node" />
-import type { Writable } from 'stream';
+import { Writable } from 'stream';
 export interface LogUpdate {
@@ -4,0 +4,0 @@ clear: () => void;

build/measure-element.d.ts

@@ -1,2 +0,2 @@
-import type { DOMElement } from './dom';
+import { DOMElement } from './dom';
 interface Output {
@@ -3,0 +3,0 @@ /**

build/output.d.ts

@@ -1,2 +0,2 @@
-import type { OutputTransformer } from './render-node-to-output';
+import { OutputTransformer } from './render-node-to-output';
 /**
@@ -3,0 +3,0 @@ * "Virtual" output class

build/reconciler.d.ts

 import createReconciler from 'react-reconciler';
-import type { TextNode, DOMElement } from './dom';
-import './devtools';
+import { TextNode, DOMElement } from './dom';
 declare const _default: createReconciler.Reconciler<DOMElement, DOMElement | TextNode, DOMElement, unknown>;
 export default _default;

build/reconciler.js

@@ -10,4 +10,9 @@ "use strict";
 const dom_1 = require("./dom");
-// eslint-disable-next-line import/no-unassigned-import
-require("./devtools");
+// We need to conditionally perform devtools connection to avoid
+// accidentally breaking other third-party code.
+// See https://github.com/vadimdemedes/ink/issues/384
+if (process.env.DEV === 'true') {
+    // eslint-disable-next-line import/no-unassigned-import
+    require('./devtools');
+}
 const cleanupYogaNode = (node) => {
@@ -14,0 +19,0 @@ node === null || node === void 0 ? void 0 : node.unsetMeasureFunc();

build/render-border.d.ts

@@ -1,4 +0,4 @@
-import type { DOMNode } from './dom';
-import type Output from './output';
+import { DOMNode } from './dom';
+import Output from './output';
 declare const _default: (x: number, y: number, node: DOMNode, output: Output) => void;
 export default _default;

build/render-node-to-output.d.ts

@@ -1,2 +0,2 @@
-import type { DOMElement } from './dom';
+import { DOMElement } from './dom';
 import Output from './output';
@@ -3,0 +3,0 @@ export declare type OutputTransformer = (s: string) => string;

build/render.d.ts

 /// <reference types="node" />
-import type { ReactElement } from 'react';
+import { ReactElement } from 'react';
 import Ink from './ink';
@@ -4,0 +4,0 @@ export interface RenderOptions {

build/renderer.d.ts

@@ -1,2 +0,2 @@
-import type { DOMElement } from './dom';
+import { DOMElement } from './dom';
 interface Result {
@@ -3,0 +3,0 @@ output: string;

build/squash-text-nodes.d.ts

@@ -1,3 +0,3 @@
-import type { DOMElement } from './dom';
+import { DOMElement } from './dom';
 declare const squashTextNodes: (node: DOMElement) => string;
 export default squashTextNodes;

build/styles.d.ts

@@ -1,4 +0,5 @@
-import type { YogaNode } from 'yoga-layout-prebuilt';
-import type { Boxes } from 'cli-boxes';
-import type { ForegroundColor } from 'chalk';
+import { YogaNode } from 'yoga-layout-prebuilt';
+import { Boxes } from 'cli-boxes';
+import { LiteralUnion } from 'type-fest';
+import { ForegroundColor } from 'chalk';
 export interface Styles {
@@ -105,5 +106,5 @@ readonly textWrap?: 'wrap' | 'end' | 'middle' | 'truncate-end' | 'truncate' | 'truncate-middle' | 'truncate-start';
      */
-    readonly borderColor?: typeof ForegroundColor;
+    readonly borderColor?: LiteralUnion<typeof ForegroundColor, string>;
 }
 declare const _default: (node: YogaNode, style?: Styles) => void;
 export default _default;

package.json

 {
 	"name": "ink",
-	"version": "3.0.6",
+	"version": "3.0.7",
 	"description": "React for CLI",
@@ -50,3 +50,3 @@ "license": "MIT",
 		"is-ci": "^2.0.0",
-		"lodash.throttle": "^4.1.1",
+		"lodash": "^4.17.20",
 		"patch-console": "^1.0.0",
@@ -69,3 +69,3 @@ "react-devtools-core": "^4.6.0",
 		"@types/is-ci": "^2.0.0",
-		"@types/lodash.throttle": "^4.1.6",
+		"@types/lodash": "^4.14.161",
 		"@types/node": "*",
@@ -72,0 +72,0 @@ "@types/react": "^16.9.41",

readme.md

@@ -68,2 +68,3 @@ <h1 align="center">
 - [Terraform CDK](https://github.com/hashicorp/terraform-cdk) - CDK (Cloud Development Kit) for HashiCorp Terraform.
+- [Twilio's SIGNAL](https://github.com/twilio-labs/plugin-signal2020) - CLI for Twilio's SIGNAL conference. [Blog post](https://www.twilio.com/blog/building-conference-cli-in-react).
 - [Typewriter](https://github.com/segmentio/typewriter) - Generates strongly-typed [Segment](https://segment.com) analytics clients from arbitrary JSON Schema.
@@ -82,3 +83,2 @@ - [Prisma](https://www.prisma.io) - The unified data layer for modern applications.
 - [emma](https://github.com/maticzav/emma-cli) - Terminal assistant to find and install npm packages.
-- [sindresorhus](https://github.com/sindresorhus/sindresorhus) - The Sindre Sorhus CLI.
 - [swiff](https://github.com/simple-integrated-marketing/swiff) - Multi-environment command line tools for time-saving web developers.
@@ -85,0 +85,0 @@ - [share](https://github.com/marionebl/share-cli) - Quickly share files from your command line.

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

286203

increased by0.01%

Lines of code

3926

increased by0.03%

Dependency changes

• + Addedlodash@^4.17.20

• + Addedlodash@4.17.21(transitive)

• - Removedlodash.throttle@^4.1.1

• - Removedlodash.throttle@4.1.1(transitive)