ink-link/dist/index.js

Link component for Ink

import React from 'react';
import { Transform, Text } from 'ink';
import PropTypes from 'prop-types';
import terminalLink from 'terminal-link';
/* eslint-enable react/boolean-prop-naming */
/**
An Ink component that creates clickable links in the terminal.

[Supported terminals.](https://gist.github.com/egmontkob/eb114294efbcd5adb1944c9f3cb5feda)

For unsupported terminals, the link will be printed in parens after the text: `My website (https://sindresorhus.com)`.

@example
```
import React from 'react';
import {render, Color} from 'ink';
import Link from 'ink-link';

render(
    <Link url="https://sindresorhus.com">
        My <Color cyan>Website</Color>
    </Link>
);
```
*/
const Link = ({ children, url, fallback = true }) => ( // eslint-disable-line react/function-component-definition
React.createElement(Transform, { transform: children => terminalLink(children, url, { fallback }) },
    React.createElement(Text, null, children)));
Link.propTypes = {
    children: PropTypes.oneOfType([
        PropTypes.arrayOf(PropTypes.node),
        PropTypes.node,
    ]).isRequired,
    url: PropTypes.string.isRequired,
    fallback: PropTypes.bool, // eslint-disable-line react/boolean-prop-naming
};
export default Link;