ink 4.4.1 → 5.0.1

package/build/apply-styles.js

@@ -0,0 +1,175 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _yogaLayoutPrebuilt = _interopRequireDefault(require("yoga-layout-prebuilt"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const applyMarginStyles = (node, style) => {
+  if (style.margin) {
+    node.setMargin(_yogaLayoutPrebuilt.default.EDGE_TOP, style.margin);
+    node.setMargin(_yogaLayoutPrebuilt.default.EDGE_BOTTOM, style.margin);
+    node.setMargin(_yogaLayoutPrebuilt.default.EDGE_START, style.margin);
+    node.setMargin(_yogaLayoutPrebuilt.default.EDGE_END, style.margin);
+  }
+
+  if (style.marginX) {
+    node.setMargin(_yogaLayoutPrebuilt.default.EDGE_START, style.marginX);
+    node.setMargin(_yogaLayoutPrebuilt.default.EDGE_END, style.marginX);
+  }
+
+  if (style.marginY) {
+    node.setMargin(_yogaLayoutPrebuilt.default.EDGE_TOP, style.marginY);
+    node.setMargin(_yogaLayoutPrebuilt.default.EDGE_BOTTOM, style.marginY);
+  }
+
+  if (style.marginTop) {
+    node.setMargin(_yogaLayoutPrebuilt.default.EDGE_TOP, style.marginTop);
+  }
+
+  if (style.marginBottom) {
+    node.setMargin(_yogaLayoutPrebuilt.default.EDGE_BOTTOM, style.marginBottom);
+  }
+
+  if (style.marginLeft) {
+    node.setMargin(_yogaLayoutPrebuilt.default.EDGE_START, style.marginLeft);
+  }
+
+  if (style.marginRight) {
+    node.setMargin(_yogaLayoutPrebuilt.default.EDGE_END, style.marginRight);
+  }
+};
+
+const applyPaddingStyles = (node, style) => {
+  if (style.padding) {
+    node.setPadding(_yogaLayoutPrebuilt.default.EDGE_TOP, style.padding);
+    node.setPadding(_yogaLayoutPrebuilt.default.EDGE_BOTTOM, style.padding);
+    node.setPadding(_yogaLayoutPrebuilt.default.EDGE_LEFT, style.padding);
+    node.setPadding(_yogaLayoutPrebuilt.default.EDGE_RIGHT, style.padding);
+  }
+
+  if (style.paddingX) {
+    node.setPadding(_yogaLayoutPrebuilt.default.EDGE_LEFT, style.paddingX);
+    node.setPadding(_yogaLayoutPrebuilt.default.EDGE_RIGHT, style.paddingX);
+  }
+
+  if (style.paddingY) {
+    node.setPadding(_yogaLayoutPrebuilt.default.EDGE_TOP, style.paddingY);
+    node.setPadding(_yogaLayoutPrebuilt.default.EDGE_BOTTOM, style.paddingY);
+  }
+
+  if (style.paddingTop) {
+    node.setPadding(_yogaLayoutPrebuilt.default.EDGE_TOP, style.paddingTop);
+  }
+
+  if (style.paddingBottom) {
+    node.setPadding(_yogaLayoutPrebuilt.default.EDGE_BOTTOM, style.paddingBottom);
+  }
+
+  if (style.paddingLeft) {
+    node.setPadding(_yogaLayoutPrebuilt.default.EDGE_LEFT, style.paddingLeft);
+  }
+
+  if (style.paddingRight) {
+    node.setPadding(_yogaLayoutPrebuilt.default.EDGE_RIGHT, style.paddingRight);
+  }
+};
+
+const applyFlexStyles = (node, style) => {
+  if (style.flexGrow) {
+    node.setFlexGrow(style.flexGrow);
+  }
+
+  if (style.flexShrink) {
+    node.setFlexShrink(style.flexShrink);
+  }
+
+  if (style.flexDirection) {
+    if (style.flexDirection === 'row') {
+      node.setFlexDirection(_yogaLayoutPrebuilt.default.FLEX_DIRECTION_ROW);
+    }
+
+    if (style.flexDirection === 'row-reverse') {
+      node.setFlexDirection(_yogaLayoutPrebuilt.default.FLEX_DIRECTION_ROW_REVERSE);
+    }
+
+    if (style.flexDirection === 'column') {
+      node.setFlexDirection(_yogaLayoutPrebuilt.default.FLEX_DIRECTION_COLUMN);
+    }
+
+    if (style.flexDirection === 'column-reverse') {
+      node.setFlexDirection(_yogaLayoutPrebuilt.default.FLEX_DIRECTION_COLUMN_REVERSE);
+    }
+  }
+
+  if (style.flexBasis !== undefined) {
+    node.setFlexBasis(style.flexBasis);
+  }
+
+  if (style.alignItems) {
+    if (style.alignItems === 'flex-start') {
+      node.setAlignItems(_yogaLayoutPrebuilt.default.ALIGN_FLEX_START);
+    }
+
+    if (style.alignItems === 'center') {
+      node.setAlignItems(_yogaLayoutPrebuilt.default.ALIGN_CENTER);
+    }
+
+    if (style.alignItems === 'flex-end') {
+      node.setAlignItems(_yogaLayoutPrebuilt.default.ALIGN_FLEX_END);
+    }
+  }
+
+  if (style.justifyContent) {
+    if (style.justifyContent === 'flex-start') {
+      node.setJustifyContent(_yogaLayoutPrebuilt.default.JUSTIFY_FLEX_START);
+    }
+
+    if (style.justifyContent === 'center') {
+      node.setJustifyContent(_yogaLayoutPrebuilt.default.JUSTIFY_CENTER);
+    }
+
+    if (style.justifyContent === 'flex-end') {
+      node.setJustifyContent(_yogaLayoutPrebuilt.default.JUSTIFY_FLEX_END);
+    }
+
+    if (style.justifyContent === 'space-between') {
+      node.setJustifyContent(_yogaLayoutPrebuilt.default.JUSTIFY_SPACE_BETWEEN);
+    }
+
+    if (style.justifyContent === 'space-around') {
+      node.setJustifyContent(_yogaLayoutPrebuilt.default.JUSTIFY_SPACE_AROUND);
+    }
+  }
+};
+
+const applyDimensionStyles = (node, style) => {
+  if (style.width !== undefined) {
+    node.setWidth(style.width);
+  }
+
+  if (style.height !== undefined) {
+    node.setHeight(style.height);
+  }
+
+  if (style.minWidth !== undefined) {
+    node.setMinWidth(style.minWidth);
+  }
+
+  if (style.minHeight !== undefined) {
+    node.setMinHeight(style.minHeight);
+  }
+};
+
+var _default = (node, style = {}) => {
+  applyMarginStyles(node, style);
+  applyPaddingStyles(node, style);
+  applyFlexStyles(node, style);
+  applyDimensionStyles(node, style);
+};
+
+exports.default = _default;

package/build/build-layout.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _yogaLayoutPrebuilt = _interopRequireDefault(require("yoga-layout-prebuilt"));
+
+var _applyStyles = _interopRequireDefault(require("./apply-styles"));
+
+var _measureText = _interopRequireDefault(require("./measure-text"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// Traverse the node tree, create Yoga nodes and assign styles to each Yoga node
+const buildLayout = (node, options) => {
+  const {
+    config,
+    terminalWidth,
+    skipStaticElements
+  } = options;
+
+  const yogaNode = _yogaLayoutPrebuilt.default.Node.create(config);
+
+  node.yogaNode = yogaNode;
+  const style = node.style || {}; // Root node of the tree
+
+  if (node.nodeName === 'ROOT') {
+    // `terminalWidth` can be `undefined` if env isn't a TTY
+    yogaNode.setWidth(terminalWidth || 100);
+
+    if (node.childNodes.length > 0) {
+      const childNodes = node.childNodes.filter(childNode => {
+        return skipStaticElements ? !childNode.unstable__static : true;
+      });
+
+      for (const [index, childNode] of Object.entries(childNodes)) {
+        const childYogaNode = buildLayout(childNode, options).yogaNode;
+        yogaNode.insertChild(childYogaNode, index);
+      }
+    }
+
+    return node;
+  } // Apply margin, padding, flex, etc styles
+
+
+  (0, _applyStyles.default)(yogaNode, style); // Nodes with only text have a child Yoga node dedicated for that text
+
+  if (node.textContent || node.nodeValue) {
+    const {
+      width,
+      height
+    } = (0, _measureText.default)(node.textContent || node.nodeValue);
+    yogaNode.setWidth(style.width || width);
+    yogaNode.setHeight(style.height || height);
+    return node;
+  }
+
+  if (Array.isArray(node.childNodes) && node.childNodes.length > 0) {
+    const childNodes = node.childNodes.filter(childNode => {
+      return skipStaticElements ? !childNode.unstable__static : true;
+    });
+
+    for (const [index, childNode] of Object.entries(childNodes)) {
+      const {
+        yogaNode: childYogaNode
+      } = buildLayout(childNode, options);
+      yogaNode.insertChild(childYogaNode, index);
+    }
+  }
+
+  return node;
+};
+
+var _default = buildLayout;
+exports.default = _default;

package/build/calculate-wrapped-text.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _measureText = _interopRequireDefault(require("./measure-text"));
+
+var _wrapText = _interopRequireDefault(require("./wrap-text"));
+
+var _getMaxWidth = _interopRequireDefault(require("./get-max-width"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// Since we need to know the width of text container to wrap text, we have to calculate layout twice
+// This function is executed after first layout calculation to reassign width and height of text nodes
+const calculateWrappedText = node => {
+  if (node.textContent && typeof node.parentNode.style.textWrap === 'string') {
+    const {
+      yogaNode
+    } = node;
+    const parentYogaNode = node.parentNode.yogaNode;
+    const maxWidth = (0, _getMaxWidth.default)(parentYogaNode);
+    const currentWidth = yogaNode.getComputedWidth();
+
+    if (currentWidth > maxWidth) {
+      const {
+        textWrap
+      } = node.parentNode.style;
+      const wrappedText = (0, _wrapText.default)(node.textContent, maxWidth, {
+        textWrap
+      });
+      const {
+        width,
+        height
+      } = (0, _measureText.default)(wrappedText);
+      yogaNode.setWidth(width);
+      yogaNode.setHeight(height);
+    }
+
+    return;
+  }
+
+  if (Array.isArray(node.childNodes) && node.childNodes.length > 0) {
+    for (const childNode of node.childNodes) {
+      calculateWrappedText(childNode);
+    }
+  }
+};
+
+var _default = calculateWrappedText;
+exports.default = _default;

package/build/colorize.js.map

@@ -1 +1 @@
-{"version":3,"file":"colorize.js","sourceRoot":"","sources":["../src/colorize.ts"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAIhF,MAAM,QAAQ,GAAG,wCAAwC,CAAC;AAC1D,MAAM,SAAS,GAAG,0BAA0B,CAAC;AAE7C,MAAM,YAAY,GAAG,CAAC,KAAa,EAAgC,EAAE;IACpE,OAAO,KAAK,IAAI,KAAK,CAAC;AACvB,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAChB,GAAW,EACX,KAAyB,EACzB,IAAe,EACN,EAAE;IACX,IAAI,CAAC,KAAK,EAAE;QACX,OAAO,GAAG,CAAC;KACX;IAED,IAAI,YAAY,CAAC,KAAK,CAAC,EAAE;QACxB,IAAI,IAAI,KAAK,YAAY,EAAE;YAC1B,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC;SACzB;QAED,MAAM,UAAU,GAAG,KAClB,KAAK,CAAC,CAAC,CAAE,CAAC,WAAW,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CACxC,EAAyB,CAAC;QAE1B,OAAO,KAAK,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC;KAC9B;IAED,IAAI,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;QAC1B,OAAO,IAAI,KAAK,YAAY;YAC3B,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC;YACvB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC;KAC3B;IAED,IAAI,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE;QAChC,MAAM,OAAO,GAAG,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAEtC,IAAI,CAAC,OAAO,EAAE;YACb,OAAO,GAAG,CAAC;SACX;QAED,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;QAEjC,OAAO,IAAI,KAAK,YAAY;YAC3B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC;YAC3B,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC;KAC/B;IAED,IAAI,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;QAC5B,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAErC,IAAI,CAAC,OAAO,EAAE;YACb,OAAO,GAAG,CAAC;SACX;QAED,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;QACtC,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;QACvC,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;QAEtC,OAAO,IAAI,KAAK,YAAY;YAC3B,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC,GAAG,CAAC;YACrD,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC;KACzD;IAED,OAAO,GAAG,CAAC;AACZ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"colorize.js","sourceRoot":"","sources":["../src/colorize.ts"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAIhF,MAAM,QAAQ,GAAG,wCAAwC,CAAC;AAC1D,MAAM,SAAS,GAAG,0BAA0B,CAAC;AAE7C,MAAM,YAAY,GAAG,CAAC,KAAa,EAAgC,EAAE;IACpE,OAAO,KAAK,IAAI,KAAK,CAAC;AACvB,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,CAChB,GAAW,EACX,KAAyB,EACzB,IAAe,EACN,EAAE;IACX,IAAI,CAAC,KAAK,EAAE,CAAC;QACZ,OAAO,GAAG,CAAC;IACZ,CAAC;IAED,IAAI,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC;QACzB,IAAI,IAAI,KAAK,YAAY,EAAE,CAAC;YAC3B,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC;QAC1B,CAAC;QAED,MAAM,UAAU,GAAG,KAClB,KAAK,CAAC,CAAC,CAAE,CAAC,WAAW,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CACxC,EAAyB,CAAC;QAE1B,OAAO,KAAK,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC;IAC/B,CAAC;IAED,IAAI,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;QAC3B,OAAO,IAAI,KAAK,YAAY;YAC3B,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC;YACvB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC;IAC5B,CAAC;IAED,IAAI,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC;QACjC,MAAM,OAAO,GAAG,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAEtC,IAAI,CAAC,OAAO,EAAE,CAAC;YACd,OAAO,GAAG,CAAC;QACZ,CAAC;QAED,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;QAEjC,OAAO,IAAI,KAAK,YAAY;YAC3B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC;YAC3B,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC;IAChC,CAAC;IAED,IAAI,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC;QAC7B,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAErC,IAAI,CAAC,OAAO,EAAE,CAAC;YACd,OAAO,GAAG,CAAC;QACZ,CAAC;QAED,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;QACtC,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;QACvC,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;QAEtC,OAAO,IAAI,KAAK,YAAY;YAC3B,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC,GAAG,CAAC;YACrD,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC;IAC1D,CAAC;IAED,OAAO,GAAG,CAAC;AACZ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/build/components/App.d.ts

@@ -34,7 +34,7 @@ export default class App extends PureComponent<Props, State> {
         error: undefined;
     };
     rawModeEnabledCount: number;
-    internal_eventEmitter: EventEmitter;
+    internal_eventEmitter: EventEmitter<[never]>;
     isRawModeSupported(): boolean;
     render(): React.JSX.Element;
     componentDidMount(): void;