ink 6.8.0 → 7.0.0

package/build/experimental/dom.js

@@ -1,123 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.setTextContent = exports.createTextNode = exports.setAttribute = exports.setStyle = exports.removeChildNode = exports.insertBeforeNode = exports.appendChildNode = exports.createNode = void 0;
-
-var _yogaLayoutPrebuilt = _interopRequireDefault(require("yoga-layout-prebuilt"));
-
-var _measureText = _interopRequireDefault(require("../measure-text"));
-
-var _applyStyle = _interopRequireDefault(require("./apply-style"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-// Helper utilities implementing some common DOM methods to simplify reconciliation code
-const createNode = tagName => ({
-  nodeName: tagName.toUpperCase(),
-  style: {},
-  attributes: {},
-  childNodes: [],
-  parentNode: null,
-  textContent: null,
-  yogaNode: _yogaLayoutPrebuilt.default.Node.create()
-});
-
-exports.createNode = createNode;
-
-const appendChildNode = (node, childNode) => {
-  if (childNode.parentNode) {
-    removeChildNode(childNode.parentNode, childNode);
-  }
-
-  childNode.parentNode = node;
-  node.childNodes.push(childNode);
-  node.yogaNode.insertChild(childNode.yogaNode, node.yogaNode.getChildCount());
-};
-
-exports.appendChildNode = appendChildNode;
-
-const insertBeforeNode = (node, newChildNode, beforeChildNode) => {
-  if (newChildNode.parentNode) {
-    removeChildNode(newChildNode.parentNode, newChildNode);
-  }
-
-  newChildNode.parentNode = node;
-  const index = node.childNodes.indexOf(beforeChildNode);
-
-  if (index >= 0) {
-    node.childNodes.splice(index, 0, newChildNode);
-    node.yogaNode.insertChild(newChildNode.yogaNode, index);
-    return;
-  }
-
-  node.childNodes.push(newChildNode);
-  node.yogaNode.insertChild(newChildNode.yogaNode, node.yogaNode.getChildCount());
-};
-
-exports.insertBeforeNode = insertBeforeNode;
-
-const removeChildNode = (node, removeNode) => {
-  removeNode.parentNode.yogaNode.removeChild(removeNode.yogaNode);
-  removeNode.parentNode = null;
-  const index = node.childNodes.indexOf(removeNode);
-
-  if (index >= 0) {
-    node.childNodes.splice(index, 1);
-  }
-};
-
-exports.removeChildNode = removeChildNode;
-
-const setStyle = (node, style) => {
-  node.style = style;
-  (0, _applyStyle.default)(node.yogaNode, style);
-};
-
-exports.setStyle = setStyle;
-
-const setAttribute = (node, key, value) => {
-  node.attributes[key] = value;
-};
-
-exports.setAttribute = setAttribute;
-
-const createTextNode = text => {
-  const node = {
-    nodeName: '#text',
-    nodeValue: text,
-    yogaNode: _yogaLayoutPrebuilt.default.Node.create()
-  };
-  setTextContent(node, text);
-  return node;
-};
-
-exports.createTextNode = createTextNode;
-
-const setTextContent = (node, text) => {
-  if (typeof text !== 'string') {
-    text = String(text);
-  }
-
-  let width = 0;
-  let height = 0;
-
-  if (text.length > 0) {
-    const dimensions = (0, _measureText.default)(text);
-    width = dimensions.width;
-    height = dimensions.height;
-  }
-
-  if (node.nodeName === '#text') {
-    node.nodeValue = text;
-    node.yogaNode.setWidth(width);
-    node.yogaNode.setHeight(height);
-  } else {
-    node.textContent = text;
-    node.yogaNode.setWidth(node.style.width || width);
-    node.yogaNode.setHeight(node.style.height || height);
-  }
-};
-
-exports.setTextContent = setTextContent;

package/build/experimental/output.js

@@ -1,91 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _stringLength = _interopRequireDefault(require("string-length"));
-
-var _sliceAnsi = _interopRequireDefault(require("slice-ansi"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/**
- * "Virtual" output class
- *
- * Handles the positioning and saving of the output of each node in the tree.
- * Also responsible for applying transformations to each character of the output.
- *
- * Used to generate the final output of all nodes before writing it to actual output stream (e.g. stdout)
- */
-class Output {
-  constructor({
-    width,
-    height
-  }) {
-    this.width = width;
-    this.height = height;
-    this.writes = []; // Initialize output array with a specific set of rows, so that margin/padding at the bottom is preserved
-  }
-
-  write(x, y, text, {
-    transformers
-  }) {
-    if (!text) {
-      return;
-    }
-
-    this.writes.push({
-      x,
-      y,
-      text,
-      transformers
-    });
-  }
-
-  get() {
-    const output = [];
-
-    for (let y = 0; y < this.height; y++) {
-      output.push(' '.repeat(this.width));
-    }
-
-    for (const write of this.writes) {
-      const {
-        x,
-        y,
-        text,
-        transformers
-      } = write;
-      const lines = text.split('\n');
-      let offsetY = 0;
-
-      for (let line of lines) {
-        const currentLine = output[y + offsetY]; // Line can be missing if `text` is taller than height of pre-initialized `this.output`
-
-        if (!currentLine) {
-          continue;
-        }
-
-        const length = (0, _stringLength.default)(line);
-
-        for (const transformer of transformers) {
-          line = transformer(line);
-        }
-
-        output[y + offsetY] = (0, _sliceAnsi.default)(currentLine, 0, x) + line + (0, _sliceAnsi.default)(currentLine, x + length);
-        offsetY++;
-      }
-    }
-
-    const generatedOutput = output.map(line => line.trimRight()).join('\n');
-    return {
-      output: generatedOutput,
-      height: output.length
-    };
-  }
-
-}
-
-exports.default = Output;

package/build/experimental/reconciler.js

@@ -1,141 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _scheduler = require("scheduler");
-
-var _reactReconciler = _interopRequireDefault(require("react-reconciler"));
-
-var _dom = require("./dom");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const NO_CONTEXT = true;
-const hostConfig = {
-  schedulePassiveEffects: _scheduler.unstable_scheduleCallback,
-  cancelPassiveEffects: _scheduler.unstable_cancelCallback,
-  now: Date.now,
-  getRootHostContext: () => NO_CONTEXT,
-  prepareForCommit: () => {},
-  resetAfterCommit: rootNode => {
-    // Since renders are throttled at the instance level and <Static> component children
-    // are rendered only once and then get deleted, we need an escape hatch to
-    // trigger an immediate render to ensure <Static> children are written to output before they get erased
-    if (rootNode.isStaticDirty) {
-      rootNode.isStaticDirty = false;
-      rootNode.onImmediateRender();
-      return;
-    }
-
-    rootNode.onRender();
-  },
-  getChildHostContext: () => NO_CONTEXT,
-  shouldSetTextContent: (type, props) => {
-    return typeof props.children === 'string' || typeof props.children === 'number';
-  },
-  createInstance: (type, newProps) => {
-    const node = (0, _dom.createNode)(type);
-
-    for (const [key, value] of Object.entries(newProps)) {
-      if (key === 'children') {
-        if (typeof value === 'string' || typeof value === 'number') {
-          if (type === 'div') {
-            // Text node must be wrapped in another node, so that text can be aligned within container
-            const textNode = (0, _dom.createNode)('div');
-            (0, _dom.setTextContent)(textNode, value);
-            (0, _dom.appendChildNode)(node, textNode);
-          }
-
-          if (type === 'span') {
-            (0, _dom.setTextContent)(node, value);
-          }
-        }
-      } else if (key === 'style') {
-        (0, _dom.setStyle)(node, value);
-      } else if (key === 'unstable__transformChildren') {
-        node.unstable__transformChildren = value; // eslint-disable-line camelcase
-      } else if (key === 'unstable__static') {
-        node.unstable__static = true; // eslint-disable-line camelcase
-      } else {
-        (0, _dom.setAttribute)(node, key, value);
-      }
-    }
-
-    return node;
-  },
-  createTextInstance: _dom.createTextNode,
-  resetTextContent: node => {
-    if (node.textContent) {
-      node.textContent = '';
-    }
-
-    if (node.childNodes.length > 0) {
-      for (const childNode of node.childNodes) {
-        (0, _dom.removeChildNode)(node, childNode);
-      }
-    }
-  },
-  getPublicInstance: instance => instance,
-  appendInitialChild: _dom.appendChildNode,
-  appendChild: _dom.appendChildNode,
-  insertBefore: _dom.insertBeforeNode,
-  finalizeInitialChildren: (node, type, props, rootNode) => {
-    if (node.unstable__static) {
-      rootNode.isStaticDirty = true;
-    }
-  },
-  supportsMutation: true,
-  appendChildToContainer: _dom.appendChildNode,
-  insertInContainerBefore: _dom.insertBeforeNode,
-  removeChildFromContainer: _dom.removeChildNode,
-  prepareUpdate: (node, type, oldProps, newProps, rootNode) => {
-    if (node.unstable__static) {
-      rootNode.isStaticDirty = true;
-    }
-
-    return true;
-  },
-  commitUpdate: (node, updatePayload, type, oldProps, newProps) => {
-    for (const [key, value] of Object.entries(newProps)) {
-      if (key === 'children') {
-        if (typeof value === 'string' || typeof value === 'number') {
-          if (type === 'div') {
-            // Text node must be wrapped in another node, so that text can be aligned within container
-            // If there's no such node, a new one must be created
-            if (node.childNodes.length === 0) {
-              const textNode = (0, _dom.createNode)('div');
-              (0, _dom.setTextContent)(textNode, value);
-              (0, _dom.appendChildNode)(node, textNode);
-            } else {
-              (0, _dom.setTextContent)(node.childNodes[0], value);
-            }
-          }
-
-          if (type === 'span') {
-            (0, _dom.setTextContent)(node, value);
-          }
-        }
-      } else if (key === 'style') {
-        (0, _dom.setStyle)(node, value);
-      } else if (key === 'unstable__transformChildren') {
-        node.unstable__transformChildren = value; // eslint-disable-line camelcase
-      } else if (key === 'unstable__static') {
-        node.unstable__static = true; // eslint-disable-line camelcase
-      } else {
-        (0, _dom.setAttribute)(node, key, value);
-      }
-    }
-  },
-  commitTextUpdate: (node, oldText, newText) => {
-    (0, _dom.setTextContent)(node, newText);
-  },
-  removeChild: _dom.removeChildNode
-};
-
-var _default = (0, _reactReconciler.default)(hostConfig); // eslint-disable-line new-cap
-
-
-exports.default = _default;

package/build/experimental/renderer.js

@@ -1,81 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _yogaLayoutPrebuilt = _interopRequireDefault(require("yoga-layout-prebuilt"));
-
-var _renderNodeToOutput = _interopRequireDefault(require("../render-node-to-output"));
-
-var _calculateWrappedText = _interopRequireDefault(require("../calculate-wrapped-text"));
-
-var _output = _interopRequireDefault(require("./output"));
-
-var _dom = require("./dom");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-// Since <Static> components can be placed anywhere in the tree, this helper finds and returns them
-const findStaticNode = node => {
-  if (node.unstable__static) {
-    return node;
-  }
-
-  for (const childNode of node.childNodes) {
-    if (childNode.unstable__static) {
-      return childNode;
-    }
-
-    if (Array.isArray(childNode.childNodes) && childNode.childNodes.length > 0) {
-      return findStaticNode(childNode);
-    }
-  }
-};
-
-var _default = ({
-  terminalWidth = 100
-}) => {
-  return node => {
-    (0, _dom.setStyle)(node, {
-      width: terminalWidth
-    });
-    node.yogaNode.calculateLayout(_yogaLayoutPrebuilt.default.UNDEFINED, _yogaLayoutPrebuilt.default.UNDEFINED, _yogaLayoutPrebuilt.default.DIRECTION_LTR);
-    (0, _calculateWrappedText.default)(node);
-    node.yogaNode.calculateLayout(_yogaLayoutPrebuilt.default.UNDEFINED, _yogaLayoutPrebuilt.default.UNDEFINED, _yogaLayoutPrebuilt.default.DIRECTION_LTR);
-    const output = new _output.default({
-      width: node.yogaNode.getComputedWidth(),
-      height: node.yogaNode.getComputedHeight()
-    });
-    (0, _renderNodeToOutput.default)(node, output, {
-      skipStaticElements: true
-    });
-    const staticNode = findStaticNode(node);
-    let staticOutput;
-
-    if (staticNode) {
-      staticOutput = new _output.default({
-        width: staticNode.yogaNode.getComputedWidth(),
-        height: staticNode.yogaNode.getComputedHeight()
-      });
-      (0, _renderNodeToOutput.default)(staticNode, staticOutput, {
-        skipStaticElements: false
-      });
-    }
-
-    const {
-      output: generatedOutput,
-      height: outputHeight
-    } = output.get();
-    return {
-      output: generatedOutput,
-      outputHeight,
-      // Newline at the end is needed, because static output doesn't have one, so
-      // interactive output will override last line of static output
-      staticOutput: staticOutput ? `${staticOutput.get().output}\n` : undefined
-    };
-  };
-};
-
-exports.default = _default;

package/build/hooks/useInput.js

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = require("react");
-
-var _ = require("..");
-
-var _default = inputHandler => {
-  const {
-    stdin,
-    setRawMode
-  } = (0, _react.useContext)(_.StdinContext);
-  (0, _react.useLayoutEffect)(() => {
-    setRawMode(true);
-    return () => setRawMode(false);
-  }, [setRawMode]);
-  (0, _react.useLayoutEffect)(() => {
-    const handleData = data => {
-      const input = String(data);
-      const meta = {
-        up: input === '\u001B[A',
-        down: input === '\u001B[B',
-        left: input === '\u001B[D',
-        right: input === '\u001B[C'
-      };
-      inputHandler(input, meta);
-    };
-
-    stdin.on('data', handleData);
-    return () => stdin.off('data', handleData);
-  }, [stdin, inputHandler]);
-};
-
-exports.default = _default;

package/build/instance.js

@@ -1,205 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _lodash = _interopRequireDefault(require("lodash.throttle"));
-
-var _autoBind = _interopRequireDefault(require("auto-bind"));
-
-var _logUpdate = _interopRequireDefault(require("log-update"));
-
-var _isCi = _interopRequireDefault(require("is-ci"));
-
-var _signalExit = _interopRequireDefault(require("signal-exit"));
-
-var _ansiEscapes = _interopRequireDefault(require("ansi-escapes"));
-
-var _reconciler = _interopRequireDefault(require("./reconciler"));
-
-var _reconciler2 = _interopRequireDefault(require("./experimental/reconciler"));
-
-var _renderer = _interopRequireDefault(require("./renderer"));
-
-var _renderer2 = _interopRequireDefault(require("./experimental/renderer"));
-
-var dom = _interopRequireWildcard(require("./dom"));
-
-var experimentalDom = _interopRequireWildcard(require("./experimental/dom"));
-
-var _instances = _interopRequireDefault(require("./instances"));
-
-var _App = _interopRequireDefault(require("./components/App"));
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-class Instance {
-  constructor(options) {
-    (0, _autoBind.default)(this);
-    this.options = options;
-
-    if (options.experimental) {
-      this.rootNode = experimentalDom.createNode('root');
-      this.rootNode.onRender = options.debug ? this.onRender : (0, _lodash.default)(this.onRender, 16, {
-        leading: true,
-        trailing: true
-      });
-      this.rootNode.onImmediateRender = this.onRender;
-      this.renderer = (0, _renderer2.default)({
-        terminalWidth: options.stdout.columns
-      });
-    } else {
-      this.rootNode = dom.createNode('root');
-      this.rootNode.onRender = this.onRender;
-      this.renderer = (0, _renderer.default)({
-        terminalWidth: options.stdout.columns
-      });
-    }
-
-    this.log = _logUpdate.default.create(options.stdout);
-    this.throttledLog = options.debug ? this.log : (0, _lodash.default)(this.log, {
-      leading: true,
-      trailing: true
-    }); // Ignore last render after unmounting a tree to prevent empty output before exit
-
-    this.isUnmounted = false; // Store last output to only rerender when needed
-
-    this.lastOutput = ''; // This variable is used only in debug mode to store full static output
-    // so that it's rerendered every time, not just new static parts, like in non-debug mode
-
-    this.fullStaticOutput = '';
-
-    if (options.experimental) {
-      this.container = _reconciler2.default.createContainer(this.rootNode, false, false);
-    } else {
-      this.container = _reconciler.default.createContainer(this.rootNode, false, false);
-    }
-
-    this.exitPromise = new Promise((resolve, reject) => {
-      this.resolveExitPromise = resolve;
-      this.rejectExitPromise = reject;
-    }); // Unmount when process exits
-
-    this.unsubscribeExit = (0, _signalExit.default)(this.unmount, {
-      alwaysLast: false
-    });
-  }
-
-  onRender() {
-    if (this.isUnmounted) {
-      return;
-    }
-
-    const {
-      output,
-      outputHeight,
-      staticOutput
-    } = this.renderer(this.rootNode); // If <Static> output isn't empty, it means new children have been added to it
-
-    const hasStaticOutput = staticOutput && staticOutput !== '\n';
-
-    if (this.options.debug) {
-      if (hasStaticOutput) {
-        this.fullStaticOutput += staticOutput;
-      }
-
-      this.options.stdout.write(this.fullStaticOutput + output);
-      return;
-    }
-
-    if (_isCi.default) {
-      if (hasStaticOutput) {
-        this.options.stdout.write(staticOutput);
-      }
-
-      this.lastOutput = output;
-      return;
-    }
-
-    if (hasStaticOutput) {
-      this.fullStaticOutput += staticOutput;
-    }
-
-    if (this.options.experimental && outputHeight >= this.options.stdout.rows) {
-      this.options.stdout.write(_ansiEscapes.default.clearTerminal + this.fullStaticOutput + output);
-      this.lastOutput = output;
-      return;
-    } // To ensure static output is cleanly rendered before main output, clear main output first
-
-
-    if (hasStaticOutput) {
-      this.log.clear();
-      this.options.stdout.write(staticOutput);
-    }
-
-    if (output !== this.lastOutput) {
-      if (this.options.experimental) {
-        this.throttledLog(output);
-      } else {
-        this.log(output);
-      }
-    }
-  }
-
-  render(node) {
-    const tree = _react.default.createElement(_App.default, {
-      stdin: this.options.stdin,
-      stdout: this.options.stdout,
-      exitOnCtrlC: this.options.exitOnCtrlC,
-      onExit: this.unmount
-    }, node);
-
-    if (this.options.experimental) {
-      _reconciler2.default.updateContainer(tree, this.container);
-    } else {
-      _reconciler.default.updateContainer(tree, this.container);
-    }
-  }
-
-  unmount(error) {
-    if (this.isUnmounted) {
-      return;
-    }
-
-    this.onRender();
-    this.unsubscribeExit(); // CIs don't handle erasing ansi escapes well, so it's better to
-    // only render last frame of non-static output
-
-    if (_isCi.default) {
-      this.options.stdout.write(this.lastOutput + '\n');
-    } else if (!this.options.debug) {
-      this.log.done();
-    }
-
-    this.isUnmounted = true;
-
-    if (this.options.experimental) {
-      _reconciler2.default.updateContainer(null, this.container);
-    } else {
-      _reconciler.default.updateContainer(null, this.container);
-    }
-
-    _instances.default.delete(this.options.stdout);
-
-    if (error instanceof Error) {
-      this.rejectExitPromise(error);
-    } else {
-      this.resolveExitPromise();
-    }
-  }
-
-  waitUntilExit() {
-    return this.exitPromise;
-  }
-
-}
-
-exports.default = Instance;

package/build/layout.d.ts

@@ -1,7 +0,0 @@
-import { type DOMElement } from './dom.js';
-export type Position = {
-    x: number;
-    y: number;
-};
-export declare const getAbsolutePosition: (node: DOMElement) => Position | undefined;
-export declare const getAbsoluteContentPosition: (node: DOMElement) => Position | undefined;