1.0.0 • Published 3 years ago
jtnovellis v1.0.0
npm-profile-card
My npm card
Run via npx
npx jtnovellisSteps
1. You can fork in the repo of jtnovellis or just go creating your files.
// Create new folder
mkdir npm-profile-card && cd $_
// Init the npm package
$ npm init2. Install the dependencies
// dependencies
npm install3. Create the personal card
// Create bin folder
mkdir bin && cd $_
// Create the card.js file
touch bin/card.js4. Add personal information to your card
#!/usr/bin/env node
// 👆 Used to tell Node.js that this is a CLI tool
// Pull in our modules
const chalk = require('chalk')
const boxen = require('boxen')
// Define options for Boxen
const options = {
padding: 1,
margin: 1,
borderStyle: 'round'
}
// Text + chalk definitions
const data = {
name: chalk.white('YOUR NAME / '),
handle: chalk.cyan('HANDLENAME'),
work: chalk.white('WHERE DO YOU WORK'),
twitter: chalk.cyan('TWITTER ACCOUNT'),
github: chalk.cyan('GITHUB ACCOUNT'),
linkedin: chalk.cyan('LINKEDIN ACCOUNT'),
web: chalk.cyan('YOUR WEBSITE'),
npx: chalk.white('npx YOUR_ALIAS'),
labelWork: chalk.white.bold(' Work:'),
labelTwitter: chalk.white.bold(' Twitter:'),
labelGitHub: chalk.white.bold(' GitHub:'),
labelLinkedIn: chalk.white.bold(' LinkedIn:'),
labelWeb: chalk.white.bold(' Web:'),
labelCard: chalk.white.bold(' Card:')
}
// Actual strings we're going to output
const newline = '\n'
const heading = `${data.name} ${data.handle}`
const working = `${data.labelWork} ${data.work}`
const twittering = `${data.labelTwitter} ${data.twitter}`
const githubing = `${data.labelGitHub} ${data.github}`
const linkedining = `${data.labelLinkedIn} ${data.linkedin}`
const webing = `${data.labelWeb} ${data.web}`
const carding = `${data.labelCard} ${data.npx}`
// Put all our output together into a single variable so we can use boxen effectively
const output = heading + newline + newline + working + newline + twittering + newline + githubing + newline + linkedining + newline + webing + newline + newline + carding
console.log(chalk.green(boxen(output, options)))5. Create an account in npm.org. If you already have it, skip this step
6. Know the version of your package dependency
npm version major7. Add your npm user - login
$ npm adduser8. Publish your package
$ npm publish9. Run your npm-package card
$ npx jtnovellis1.0.0
3 years ago