DEV Community: Lucas.T

NPM - CLI tool to generate .gitignore file

Lucas.T — Fri, 24 Jun 2022 16:35:41 +0000

Generate .gitignore file with template for your project

Features ✨

Choose a template based on https://github.com/github/gitignore
Choose a custom path to create .gitignore file

Install 🐙

npm i -g cligit

Usage 💡

cligit <commands> [options]

npx cligit <commands> [options]

Use this if you don't want install this package globally.

Commands

Commands are optional but allow you to skip question for choosing template.

You can find the template availables in this github repository where template name is filename without the extension.

Example - Supposing you'like to create a .gitignore file and your project works with NodeJs you should run this cligit Node

Options

--path optional, The path to create the .gitignore file.

Exemples 🖍

With template name

cligit Node

With custom path

cligit --path dev/foo/

With template and custom path

cligit C --path dev/foo/

Good code and have fun 🧑‍💻

Split commands and options from CLI

Lucas.T — Thu, 23 Jun 2022 13:49:13 +0000

Hi 👋

This is a very small 1.33 KB package that does just one simple task to get the user's input data passed from your terminal, split it and send it back to and object, That's it, no big config or API just a tiny function.

Install

npm i argv-user-input

Usage 💡

#!/usr/bin/env node
import parseArgvData from 'argv-user-input';
const argvs = parseArgvData();

foo.js

With no commands or options.

$ foo.js

console.log(argvs);
/*
{
  commands: [],
  options: {},
}
*/

With commands and no option.

$ foo.js start test

console.log(argvs);
/*
{
  commands: ['start', 'test'],
  options: {},
}
*/

With commands and options.

$ foo.js start test --skip -p ./dev

console.log(argvs);
/*
{
  commands: ['start', 'test'],
  options: {
    skip: true,
    p: './dev'
  },
}
*/

With option and no command.

$ foo.js --name=foo

console.log(argvs);
/*
{
  commands: [],
  options: {
    name: 'foo'
  },
}
*/

Good code and have fun ✨

fast mvp cli tool 🔫 🔫

Lucas.T — Sat, 11 Dec 2021 19:12:41 +0000

Hello dev community 👋

A quick article to share with you my latest creation.

Lately several product ideas come in my mind and I thought to myself that I always use the same tools, languages, libraries to achieve my goals and create my web applications here are the main ones:

docker.
nodeJs (expressjs, mongodb with mongoose).
Vuejs.

Usually I create a repository for each service, that is to say I isolate the api, the front and the container in separate repositories but the disadvantage of this method is that the configuration takes some time and that’s not the goal I want it to be in a few seconds and with some manipulations I'll like to have a dev environment ready to go !

So here's my solution:

A command line tool that allows me to create a repoitory following a template and clone this folder locally in order to run a single command to have my dev environment ready.

What you need:

Working with a macos operating system.
Docker.
Nodejs >= 12.0.0.
vue-cli installed globally on your computer.
Github token.!

What you get:

Fresh new project connected to a fresh new repo.
Docker with docker-compose to run all your services.
Mongodb instance.
If using mongodb atlas script to dumb database in mongo container.
Redis instance.
Nodejs API ready to use with expressjs.
Vuejs app with vue-cli.
Eslint airbnb config.
Prettier config.
...

Here is the structure of your project:

└── .github/ // github metadata
└── api/
    ├── .eslintrc.json
    ├── .prettierignore
    ├── .prettierrc.json
    ├── dockerfile
    ├── index.js
    ├── nodemon.json
    ├── package.json
└── client/
    ├── dockerfile
    // vue-cli boilerplate.
├── .dockerignore
├── .gitignore
├── LICENSE
├── bdd.sh
├── docker-compose.yml
├── redis.conf
├── README.md

How to use it:

Install
Install the project globally:

npm i -g fast-mvp-cli

Run process

fast-mvp-cli

Or with npx required npm >= v5.2

npx fast-mvp-cli

Once it's done, just follow the process 🙂

For those curious, do not hesitate to contribute:

👉 More informations doc
👉 Repo
👉 What I do

Thank's :)

NPM - Fast-repo 🚀🚀

Lucas.T — Sun, 25 Jul 2021 12:44:56 +0000

Perform quick actions on one or many repositories.

Repo - https://github.com/luctst/fast-repo/
Package - https://www.npmjs.com/package/fast-repo

Why ? 🐙

If you are the type of person who has a lot of ideas, often creates repositories and loves open source ? Then this project is for you.

Fast-repo is a module that literally allows you to create a repository with pre-configured settings, a README and gitignore file depending on the language you use and other features in a few seconds.

Install

npm install -g fast-repo

Note - We recommend using this version.

Or with NPX

npx fast-repo <commands> [options]

Usage 🖍

fast-repo <commands> [options]

Commands 🕹

config [options] - Create the config to be able to perform actions.
create [options] - Create the repository.

Note - Enter fast-repo --help for more informations about commands and options available.

Examples 🙋‍♂️

First create config folder with the config --create command

It is important to create before running this command a personal token on your github profile and select the repo and delete_repo scopes. More informations here github token documentation

Then create some repositories

By entering the create --name=<repo-name> command a series of questions will be asked in particular if you'll like to create a folder linked to the github repository.
By default if no -p, --path flag is present we'll be using the process.cwd() function to determine where to create this folder, enter the -p flag with a new path to clear the old one.

Delete one or more repositories

If you like this project and want to contribute, do not hesitate to clone the repository and put a little like 🌟😇🌟

https://github.com/luctst/fast-repo/

Happy coding ! 🦄✨

NPM - Meet my friend paul 👨‍🦰 👨‍🦰

Lucas.T — Wed, 14 Jul 2021 09:13:35 +0000

Make Paul appear on your page when you click

Repo - https://github.com/luctst/paul
Package - https://www.npmjs.com/package/@luctst/paul

Why ?

I have a friend called Paul, he loves beer and he works hard everyday, so I decided to honor him with this little package each time you'll click on a DOM element my friend Paul will appear randomly on your web page :) Enjoy !!

it is him 👇

Install 🚀

Use Paul via a CDN by including this script:

Add this script just before your </body> closing tag:

<script crossorigin src="https://unpkg.com/@luctst/paul/umd/paul.client.min.js"></script>

You now have access to the Paul() function to see how to use it check the api section below.

Example 🖍

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Hi Paul 👨‍🦰</title>
</head>
<body>
    <script crossorigin src="https://unpkg.com/@luctst/paul/umd/paul.client.min.js"></script> 
    <script>
        Paul();
    </script> 
</body>
</html>

API 🧑

Paul([DOMElement], [friends])

The Paul function create an img with my friend Paul.

DOMElement {HTMLElement, optional} - If this argument is specified the click event will be attached on this DOM Element.
friends {Array, optional} - If this argument is specified the function will display randomly an img from the friends array.

Contribute 🍰

If you want to add other pictures, please do not hesitate to PR some pictures in this folder https://github.com/luctst/paul/tree/master/static

Happy coding ✨ 🦄

My own cli boilerplate tool

Lucas.T — Tue, 13 Jul 2021 13:18:37 +0000

A cli tool to generate node module project includes tools like avaJs for testing, eslint, prettier etc...

Repo - https://github.com/luctst/luctst-cli
Package - https://www.npmjs.com/package/luctst-cli

Install 🚀:

Run

npm install -g luctst-cli

Or if you have NPX:

npx luctst-cli [commands] <options>

Usage 🖍:

This package will create this folder structure by default:

├── .github/
│ ├── ISSUE_TEMPLATE/
│ │ ├── bug_report.md
│ │ ├── feature_request.md
│ ├── CODE_OF_CONDUCT.md
│ ├── CONTRIBUTING.md
│ ├── LICENSE
│ ├── pull_request_template.md
├── lib/
│ ├── main.js
├── test/
│ ├── test.js
├── .editorconfig
├── .estlintrc.json
├── .gitattributes
├── .gitignore
├── .prettierignore
├── .prettierrc.json
├── .travis.yml
├── package-lock.json
├── package.json
├── README.md

Run this command to start the process:

luctst-cli start

Note - By default if path flag is not present folder will be created with process.cwd()

With the —path flag:

luctst-cli start -p=<folder-name>

Note - Create the folder inside the folder.

More informations here - https://www.npmjs.com/package/luctst-cli

Happy coding ✨🧑‍💻

Weather-emoji

Lucas.T — Mon, 12 Jul 2021 21:19:38 +0000

Get the weather with an emoji ☀️ 🌈

Repo - https://github.com/luctst/weather-emoji
Package - https://www.npmjs.com/package/weather-emoji

Install:

Run

npm install -D weather-emoji

Import the package:

const weatherEmoji = require('weather-emoji');

Note - We're using the openweather API to fetch the data, it requires that you create a key, click on the link to register and generate your key.

Usage:

const WeatherEmoji = require("weather-emoji");
const weatherEmoji = new WeatherEmoji(secretApiKey);

const emojiParis = weatherEmoji.getWeather("paris", true).then(data => data);

console.log(emojiParis.emoji); // return emoji

With async / await:

const WeatherEmoji = require("weather-emoji");

(async () => {
    const weatherEmoji = new WeatherEmoji(secretApiKey);

    const emojiNewYork = await weatherEmoji.getWeather("new york", true);
    console.log(emojiNewYork.emoji);
})()

More informations here - https://www.npmjs.com/package/weather-emoji

Happy coding ✨🧑‍💻

npm packages-outdated

Lucas.T — Mon, 28 Jun 2021 08:50:34 +0000

Check if all your dependencies in all your NodeJs projects are up to date.

Note - For the purpose of this exemple i will be using this path /Users/lucas/dev/ which include some of my projects.

1. Folder with subfolders:

2. Single folder:

npm json-to-folder

Lucas.T — Fri, 18 Jun 2021 13:48:57 +0000

Create folder by parsing json data file.

Note - For the purpose of this example I will be using this path /Users/lucas/dev/jsonfolder

1. Create json file:

Must be an array.
An object create a folder.
Object must have name property and optional files property which is an array.
String create a file, must be filled.

2. Start process:

Thanks 🙌

So you like to create npm packages 📦📦 ?

Lucas.T — Tue, 01 Sep 2020 22:20:39 +0000

Hi everyone 👋

I'm writing this little post to tell you about a project I'm working on,
I've been playing with the NodeJs API for two years now and it's really cool !! I try my best to be as productive as possible and as soon as I have an idea for a product, package, etc. I try to create it, but here is my problem:

Duplicate project configuration is annoying !.

So if you are like me and you use Node other than to launch an HTTP server with Express (I'm kidding, I like Express a lot) you must have realized that many projects often have the same structure, the same tools with the same configuration and it is painful to recover this structure and adapt it to a new project?

If not, then this article is not for you sorry 😭 😭

Otherwise, you propably been in my situation, which is why I decided to create this small package, the idea is very simple I have a basic structure that I reproduce each time I decide to create an npm package there it is:

✨luctst-cli repo✨

Note: Do not hesitate to like this repo 🙃

So I created a small cli package that will allow you to copy and paste this structure and adapt it according to your needs, this allows you to quickly start a new project with pre-configured tools like:

Eslint (with Airbnb configuration).
Prettier.
TravisCI.
Ava to perform tests.
Configuration of a .gitignore file according to the language used.
Configured npm scripts.
Etc ...

If you want more info on what you can do with this package I let the link of the doc and also the GitHub repository on which you can, of course, contribute if you have an idea or even submit an issue.

📦 npm package 📦
✨ luctst-cli repo ✨

Thank you for your attention,

my name is Lucas I'm a full stack developer I mainly use Js 💛 and I really love open source feel free to look at my work and follow me, thank you 🙂

👨‍💻 github profile 🧑‍💻
🖍 dev.to profile 🖍