profile/cli/index.js

#!/usr/bin/env node

"use strict";

const { render, Box, Text } = require("ink");
const BigText = require("ink-big-text");
const Gradient = require("ink-gradient");
const SelectInput = require("ink-select-input").default;
const open = require("open");

const handleSelect = (item) => {
  if (item.url) {
    open(item.url);
  }

  if (item.action) {
    item.action();
  }
};

const createItems = (items) => {
  for (const item of items) {
    item.key = item.url || item.label;
  }

  return items;
};

const items = createItems([
  {
    label: "🏡  Website",
    url: "https://jarv.is/",
  },
  {
    label: "📝  Blog",
    url: "https://jarv.is/notes/",
  },
  {
    label: "💾  GitHub",
    url: "https://github.com/jakejarvis",
  },
  {
    label: "🐦  Twitter",
    url: "https://twitter.com/intent/user?screen_name=jakejarvis",
  },
  {
    label: "📬  Email",
    url: "mailto:jake@jarv.is",
  },
  {
    label: "🔐  PGP Key",
    url: "https://jrvs.io/pubkey",
  },
  {
    label: "🐼  Panda Party",
    url: "https://nationalzoo.si.edu/webcams/panda-cam#maincontent",
  },
  {
    label: "🚪  Quit",
    action() {
      process.exit();
    },
  },
]);

const Menu = () => (
  <Box flexDirection="column">
    <Gradient name="pastel">
      <BigText text="Jake Jarvis" />
    </Gradient>
    <Box marginLeft={16} marginBottom={1}>
      <Text>Front-End Developer • Bostonian • Freelance Open-Sourcerer</Text>
    </Box>
    <SelectInput items={items} onSelect={handleSelect} />
  </Box>
);

render(<Menu />);