DEV Community: souvik

CLI parser for Ink js

souvik — Mon, 03 May 2021 16:52:23 +0000

I recently stumbled upon ink, and really liked it. Ink provides the same component-based UI building experience that React offers in the browser, but for command-line apps.

for CLI parsing we can use any libraries out there, but all the libraries accept string for the help text. I really wanted a library that would be light and also help render ink components, so as to leverage the beautiful ink library. So I am currently working on https://github.com/Souvikns/ink-cli-parser where users can pass ink component is a help string.

import parser from './index';
import React, { FC } from 'react';
import { Text, Newline } from 'ink';

const Help: FC<any> = () => {

    return <>

        <Text backgroundColor="greenBright" bold color="white" > USAGE </Text>
        <Newline />
        <Text>$ cli-command {"<command>"} [options]</Text>
        <Newline />
        <Text backgroundColor="cyanBright" bold color="white" > COMMANDS </Text>
        <Newline />
        <Text><Text color="cyanBright">new</Text> creates a new file</Text>
        <Text><Text color="cyanBright">duplicate</Text> duplicates a existing file</Text>
        <Newline />
        <Text backgroundColor="yellowBright" bold color="black" > OPTIONS </Text>
        <Newline />
        <Text><Text color="yellowBright">--random</Text> prints random data</Text>

    </>
}

let cli = parser(Help);

console.log(cli)
// {inputs: [], flags: {h: true}}

Do check it out any thoughts are welcomed.

My Hacktoberfest Project 😊

souvik — Sat, 26 Sep 2020 22:58:34 +0000

I started my open source journey with Hacktoberfest last year. I have come a long way and learned new things, thanks to open source. This year I am very happy and excited to create my own project for hacktoberfest. Though I have very little skills in maintaining projects, I suppose I could learn it this year.

This is what I created 🙃.

About

The main idea behind the project is to create a prebuilt REST API for all our data storage needs. With the help of vercel, we can set it up with just a click.
After deploying it, you can use the REST API to interact with this container and store your data.

Yeah I know what you are thinking 😋

If it's an API won't anyone be able to access my data? The first time when you enter your container you set up a passcode and it generates an API_KEY. Then you need to pass the API_KEY in the headers to authenticate yourself. Anyone with the API_KEYcan access your data so, keep it safe.

The project is at its early stage, do check it out and show some love. Leave a star if you like it. 😊

State management in React made easy

souvik — Mon, 07 Sep 2020 15:18:39 +0000

If you are using react to build web apps, you would know managing state is fairly complex, you either have to use big state management libraries like redux or use context api. Both approaches needs you to write a lot of boilerplate code, even to work on a small and easy to build feature.

I faced a lot of these problems, thus I created this util library called kladi. It is built using context api. Using kladi is fairly simple.

Here is how easy it is to use

First, install kladi by typing npm i kladi
Then you need to wrap your base component with a provider so that all components in your component tree gets the global state.


import { Provider } from "kladi";

import React from "react";
import ReactDOM from "react-dom";
import App from "./App";

ReactDOM.render(
  <Provider initialState={{count: 0}}>
    <App />
  </Provider>,
  document.getElementById("root")
);

you can pass an initial state object for you access anywhere in the component tree.

Now to access your state anywhere from the component tree use the hook provided by kladi

import {useState} from "kladi"

const app = props => {

const [count, setCount] = useState('count')
const [name, setName] = useState('name', "Kladi")

return <>
{count} 
<button onClick={() => {setCount(count + 1)}}>Press</button>
{name}
</>
}

yes you can create a new state in the fly and also access them in other components as well. Well, it does look like the useState hook from react, but this state is global.
To create and access state you need to maintain a unique string value.
also to create a new state, you have to provide a default value, but if you are accessing a state that is already present then you don't need to provide the default value.

This library is new and under development, if you use this library and found any bugs pls create an issue here.

How to make a CLI application in python

souvik — Mon, 16 Mar 2020 21:29:33 +0000

Create an express-generator application of our own.

We will use python and docopt to create a CLI application.

Step 1:

Install docopt.

pip install docopt

To know more about docopt here.

Step 2:

To use docopt we need to create a docstring in python

'''create-express-app.
Usage:
    create-express-app.py (-h | --help)
    create-express-app.py --version
    create-express-app.py check 
    create-express-app.py create <params>
Options:
    -h --help   Show this screen
    --version   Show Version 
'''

Step 3:

Now all we have to do is to import docopt and parse the input

from docopt import docopt 
if __name__ == '__main__':
   arguments = docopt(__doc__,version='1.0.0')
   print(arguments)

Step 4:

Now we have to write functions to handle the parsed inputs

The arguments variable returns a dictionary
we can then check for the command we are looking and perform the function

if arguments['check'] == True:
        check()
    elif arguments['create'] == True:
        create(arguments['<params>'])

The `create` function :

def create(params):
    import os 
    import subprocess
    os.mkdir(params)
    path = './'+params
    os.chdir(path)
    os.system("npm init -y")
    os.system("type nul > app.js")
    os.system("npm i express body-parser")
    os.system("code ..")

In the create function we are building the project to do the following task:

run npm init
Create a file named app.js
install the express and body-parser npm packages
and open the directory in visual studio code.

To check out the complete code here

Best way to learn about architectural styles for android?

souvik — Sun, 08 Dec 2019 16:58:53 +0000

Can anyone suggest any good way to learn different architectural styles for android?

Using .gitignore files

souvik — Sat, 07 Dec 2019 04:49:13 +0000

Sometimes your project that you are going to upload to GitHub contains some very important data that you don’t want the whole internet to see. Thus to tackle this problem it is very essential to maintain a .gitignore file that excludes the different files that you don’t want to be uploaded.

Some common examples of files that you don’t want to get uploaded to the git servers are:

dependency caches, such as the contents of /node_modules or /packages.
compiled code, such as .o , . pyc , etc
build output directories, such as /bin, /out, or /target
files generated at runtime, such as .log, .lock, or .tmp
hidden system files, such as .DS_Store or Thumbs.db
personal IDE config files, such as .idea/workspace.xml

Git sees every file in your working copy as one of the three things

Tracked - a file which has been previously committed
Untracked - a file which has not been committed before
Ignored - a file which git was explicitly told to ignore

There is no code to toggle gitignore, it is a file that you have to create before committing and maintain it regularly. You have to put names of the files that you want to ignore.
A gitignore file specifies intentionally untracked files that git should ignore. Files already tracked by git are not affected.

To learn more about .gitignore files click here here

click here to Check out the pre-made gitignore file templates. Use this list to populate the .gitignore template choosers available in the GitHub.com interface when creating new repositories and files.

How to use Repository Templates in GitHub?

souvik — Fri, 06 Dec 2019 07:26:44 +0000

This is a fairly new to GitHub feature released in 2019. In the post i am going to speak about this new feature and how to used it.

Benefits of using repository template

Spend less time repeating code
Focus on building new things
Less manual configuration
Sharing boilerplate code across codebase

Features of repository template

Copy the entire repository files to a brand new repository
Every template has a new url endpoint called /generate
Share repository template through your organization or other github users

How to use this awesome feature

On github, navigate to the main page of the repository
Under the repository name click settings
Select template repository

How to create a repository from a template

On, navigate to the github main page of the repository
Above the file list click Use this template
Use the owner drop down menu and select the account you want to own the repository
Type the name for your repository, and select the account you want to own the repository
Choose to make the repository either public or private. Public repositories are visible to the public, while private repositories are only accessible to you, and people you share them with.
Optionally, if the personal account or organization in which you're creating uses any GitHub Apps from GitHub Marketplace, select any apps you'd like to use in the repository.
Click Create repository from template

The State of Developer Ecosystem 2019

souvik — Wed, 04 Dec 2019 00:58:48 +0000

In the beginning of 2019 jet-brains polled almost 7,000 developers to identify the state of developer ecosystem

Key takeaways

Java
The most popular programming language

JavaScript
The most used overall programming language

GO
The most promising programming language

Python
Most studied language

What Programming language programmers have used in the last year

language	used	migrate
JavaScript	69%	5%
HTML	61%	2%
SQL	56%	2%
Java	50%	4%
python	49%	9%

Operating System

Operating system is very important for development and here is some stats for the operating systems used among the 7,000 developers that took the survey.

Windows	Mac	Unix/Linux	others
57%	49%	48%	1%

This proves that Chrome Os still has long way to go even after Linux support

Applications created

This was categorized according to two parts, applications developers are writing to earn money and those only out of hobby

Application	for living	as a hobby
Web back-end	60%	39%
web front-end	46%	37%
Mobile application	23%	27%
Data Analysis	13%	11%
Machine Learning	7%	16%
Games	4%	17%

By looking at this stats we can argue that developers really love, game development and machine learning

Mobile

For which mobile operating system developers are developing

Operating System	ratio
Android	83%
ios	59%
other	3%

Two thirds of mobile developers use native tools to develop for mobile OS. Every other developer uses cross-platform technologies or frameworks.

Please visit here for more stats.

Manipulate Linked List to reduce insertion time complexity

souvik — Tue, 03 Dec 2019 00:33:12 +0000

Arrays is a collections of items stored at contiguous memory location. It stores multiple data of same type.

Now the retrieving data from a arrays is very easy, all we have to do is to get the data from the position.
arr[pos];

But insertion and deletion is very costly.
As arrays are static every time a new element has to be inserted at the end , a new array is created and the we have to loop through the whole array inserting the all the previous elements an then the new element is reached at the end.
The time complexity is always n as it has to traverse the array.

This problem could be solved using linked list if we can manipulate it.

class Node{ Node* head=NULL; Node* tail=NULL; // Maintaining a pointer that points to the end void insert(int data){ Node* node= new Node; node->data=data; if(head==NULL){ head=node; }else{ // no need to traverse the complete linked list as we already // have a pointer pointing to the end // all we have to do add a pointer after that pointer tail->next=node; tail=tail->next; } } };

By maintaining a pointer that points to the end of the linked list we can reduce the time complexity of the insertion. Now we can insert at linear time.