DEV Community: Utsav Ladani

How to change base repo in Github CLI?

Utsav Ladani — Sat, 02 Oct 2021 14:35:27 +0000

When you use Github cli for fist time on locally clone forked repo, then you get some message that asked to setup base repo to execute all queries.

$ gh issue list
? Which should be the base repository (used for e.g. querying issues) for this directory?  [Use arrows to move, type to filter]
  <name of owner> / <name of repo>
> <your name> / <name of repo>

If you setup wrong repo here, then these is no any gh command to change base repo. I face this issue, but not found solution easily.

The solution is:

Open .git/config file
Remove line gh-resolved = base
Save the file and close

OR you can use this command

$ git config --unset  remote.upstream.gh-resolved

That's it, now you prompted again to select repo. Select correct repo and go ahead.

For more info refer this discussion on Github: https://github.com/cli/cli/issues/1864

Web based terminal - Project Demo

Utsav Ladani — Sun, 06 Jun 2021 05:11:22 +0000

Hey folks,

I am trying to make a web based terminal. In which you can run a command and that command execute on your server.

Idea behind project

We know that server run on different operating systems and each operating system has their own basic utility to get useful information and also has some useful tools to monitor CPU and RAM usage, etc. These tools and utilities run through a terminal/CLI. You can use that terminal through my web app to get information about your server system. Mobile client can support also, so no need to open computer, just open the app and type command whatever you want 😄.

Technical details

Techs are React for frontend and NodeJS, socket.io and child_process modules for backend. There is on any emulator concept. Terminal commands are depends on server's operating system (I make it for my local server, so it supports windows commands),

How project works?

There is a simple concept of child process. For each socket, I create a new child process using the spawn function, which is running terminal executable file("cmd.exe" for windows). Now through socket event, I send input command to standard input of child process and get back standard output/error and send it to client.

YouTube Demo: https://youtu.be/JrIg-IOaw1U

GitHub Link: Html and Terminal

Utsav-Ladani / Html-and-Terminal

Type command in browser and run on server

Html-and-Terminal

Html and terminal is a basic project. You can type commnd in browser and run it on your server. You can use it to manage remote systems.

Version 1 Demo : https://youtu.be/JrIg-IOaw1U

Version 2 Demo : https://youtu.be/AhOC-8VGVNI

Tech stack

React
xterm.js
express
node-pty

View on GitHub

Simple idea of html view engine

Utsav Ladani — Sun, 03 Jan 2021 16:58:06 +0000

What is html view engine?

some code that can combine multiple .html files and produce single .html file.

Let's take example.
This is index.html file

<html lang="en">
<head>
    <title>Hi hello</title>
    <link rel="stylesheet" href="./style.css">
</head>
<body>
    { navbar }
    { footer }
</body>
</html>

here { footer } means HTML-Engine put the code from footer.html and after replace this all { something }, engine merge all code in one file.

and this is the simple navbar.html

<nav>
    <span class="logo" >
        Logo
    </span>
    <span >
        <span>Home</span>
        <span>Student</span>
        <span>Developer</span>
        <span>About</span>
    </span>
</nav>

and this is simple footer.html

<footer >
    Made with Utsav Ladani
</footer>

After run my code you get this main.html

<html lang="en">
<head>
    <title>Hi hello</title>
</head>
<body>
    <nav>
    <span class="logo" >
        Logo
    </span>
    <span >
        <span>Home</span>
        <span>Student</span>
        <span>Developer</span>
        <span>About</span>
    </span>
    </nav>
    <footer >
        Made with Utsav Ladani
    </footer>
</body>

</html>

I try to understand how html engine works, and make this simple html engine. I hope you also understand this idea.

Here is my github project link

Utsav-Ladani / HTML-Engine

HTML Engine

The simple engine idea which can combine multiple html file and produce a single html file. 😄

Version v1.0.0

This version is the basic idea of HTML engine.

How to use?

Use views folder as your working directory. Example is given in there. Just type node src/index.js in command line. And see the result in build/main.html.

View on GitHub

Difference between Object.assign() and just assign

Utsav Ladani — Thu, 31 Dec 2020 04:20:40 +0000

As a newbie I saw that some developer use Object.assign() for assign a value to object, and some developer use just assign.

What is the difference between that?

Object.assign() is clone the object.
Just assign assign the address.
Here I give you an simple example

let x = { "a":10, "b":100 }
let y = x;
y.a = 50;
console.log(x);

// {a: 50, b: 100}

Here you can see that if we change the value of y.a then x.a changes automatically, means x and y have same address.

Now for just assign

let x = { "a":10, "b":100 }
let z = {};
Object.assign(z,x);
z.a= 1000;
console.log(x);

// {a: 10, b: 100}

Here you can notice that we change the value of z.a but x.a remains as it is, means z and x have different address.

In short, Object.assign() is copy the key-value pair ans just assign assign the same address.

Here Link for more better understanding.

Here is a useful link for javascript reference.
Javascript.info

Bye bye 2020. 😄

Open Source Program which can help you to become a cool developer ( specially for student )

Utsav Ladani — Wed, 16 Dec 2020 18:40:32 +0000

Hey people, I found the two open source program which can help you to learn new skills and it will make you good enough in programming, specially in JavaScript and Python. These programs are specially for students.

Links of these programs are given below:

How these programs help you?
You can learn how to read large codebase, learn new trending tech and also learn how to communicate with other developer for help. You can add this in your resume also.

Last date for registration is nearly 20 dec for both. So check the original site and apply for that ASAP.

Happy coding 😄

When you run command via child_process module you can't able to use cd command, but here I found a way to do that

Utsav Ladani — Wed, 09 Dec 2020 04:11:58 +0000

Hey people,
In my old post, I mentioned a issue . And cause of that issue we couldn't move from one dir to other dir. If we can't change our Current Working Directory, then it is a huge issue and our some task became difficult. But I find a way to do that.

I make one more input box, where you can write your Current Working Directory path and all are working fine. 😄

How?

// code ...

const options = {
    cwd: location, // Here location is your Current Working Directory(cwd)'s path
}

exec(command, options, (err, stdout, stderr) => {
    if (err) {

//code ...

So using this web app you can make another web app in your server, but still you haven't any text editor to edit those files.

Next features:

Simple text editor to edit text file
Improve I/O and O/P experience
and more...

Write your suggestions in comment 😄
For better understanding, here is the link of my github project

Utsav-Ladani / Html-and-Terminal

Type command in browser and run on server

How you can execute terminal command on server via UI from client-side?

Utsav Ladani — Thu, 03 Dec 2020 17:51:18 +0000

Hey folks, What am I saying, is it possible to execute command on server via UI from client-side with few lines of code?
Yes, possible.

How?

Let me tell you.

Make your own UI for enter command and send that command to server with suitable method and request.(use fetch, axios, etc.)
Make a basic server with your favourite libraries, now add one another library with name execa.

What `execa` do?

execa is a js library for execute .exe file with one line of code.
like this

// your code ....

const execa = require('execa')
let output = execa.sync(command).stdout // pass your command as a args

// your code ....

Now send this output in res and you can get the output of terminal.

Cons

you can't execute all command, because execa is execute only one line command and then close the cmd. When you run command, execa open new cmd and execute command, then close cmd. So your 'cd dir' command run successfully but cmd closed and next time open new cmd, so we can get old path and cd dir goes vain.

here I give you link of simple project on github, learn and enjoy 😄

Utsav-Ladani / Html-and-Terminal

Type command in browser and run on server

Hey, are you still getting error in mongoDB compass?

Utsav Ladani — Sun, 29 Nov 2020 11:03:19 +0000

Hey people, I found many of you getting error in installing mongoDB compass. Even I get also. And may be internet has no solution to solve this error. But I read error, read codebase, follow dependencies, done some experiments and finally I find the solution. I posted it on stack overflow.
Link is given here.

answer re: how to resolve loading error on mongodb compass for windows os?

Nov 18 '20

I have a same issue, but I found a solution.

Let me tell you why this issue came, when you install mongoDB compass.

MongoDB compass is made using electron and electron have many dependencies. And one of them is windows-release. This dependency try to find details about your OS…

Open Full Answer

These two most common errors come when you try to install new software.

Utsav Ladani — Sat, 21 Nov 2020 12:34:53 +0000

1) Some path are not included in your environment variables.
2) Some permission is denied.

solution :

1) Find which path are not included in environment variables. May be errors give you hints.
2) Don't run setup or installer by just double click. First right click and then select run as administrative.

Javascript library for cli app

Utsav Ladani — Fri, 13 Nov 2020 15:22:11 +0000

Hey guys, are you making cli apps in JavaScript? I have three important libraries for you.

1) commander.js

You can make your own commands with this library.

2) inquirer.js

You can take input like true/false, check box, text, password in terminal.

3) chalk.js

People feel cool when they show colorful text in terminal. Chalk.js makes text colorful in terminal.

Tell me the next step for the open source

Utsav Ladani — Tue, 10 Nov 2020 08:02:02 +0000

Hello people,

I am interested in web technologies. I know basic about open source and did some contribution also. I familiar with git and github and make PR also. Many of my PR merged.

But what will i do next?
How can learn from open source?
How can start contributing in org with large codebase?

I need some advice for "what will do next?"

Thanks in advance. 😄

Drag and drop static website generator demo

Utsav Ladani — Mon, 09 Nov 2020 06:59:06 +0000

Hey folks,
I am making a static drag and drop website generator.

Demo is here 👇

Comments your suggestion 😄

DEV Community: Utsav Ladani

How to change base repo in Github CLI?

Web based terminal - Project Demo

Idea behind project

Technical details

How project works?

Utsav-Ladani / Html-and-Terminal

Type command in browser and run on server

Html-and-Terminal

Tech stack

Simple idea of html view engine

What is html view engine?

Utsav-Ladani / HTML-Engine

HTML Engine

Version v1.0.0

How to use?

Difference between Object.assign() and just assign

What is the difference between that?

Open Source Program which can help you to become a cool developer ( specially for student )

When you run command via child_process module you can't able to use cd command, but here I found a way to do that

How?

Next features:

Utsav-Ladani / Html-and-Terminal

Type command in browser and run on server

How you can execute terminal command on server via UI from client-side?

How?

What execa do?

Cons

here I give you link of simple project on github, learn and enjoy 😄

Utsav-Ladani / Html-and-Terminal

Type command in browser and run on server

Hey, are you still getting error in mongoDB compass?

answer re: how to resolve loading error on mongodb compass for windows os?

These two most common errors come when you try to install new software.

solution :

Javascript library for cli app

1) commander.js

2) inquirer.js

3) chalk.js

Tell me the next step for the open source

Drag and drop static website generator demo

What `execa` do?