DEV Community: Lucas Vieira

Add an one way sync from ticktick and github to google calendar

Lucas Vieira — Wed, 15 Mar 2023 02:11:00 +0000

What if you could track your overall progress effortless in google calendar?

Why

We as developers often experience a sense of working all the time and still feeling like we are not accomplishing enough.

Solution

To combat this feeling I decided to track my progress from both ticktick and also github, the platforms I use the most.

So I developed a npm package, called gcal-sync, which basically adds a one way sync between ticktick and github to google calendar.

Requirements

The only thing you need to use this solution is a gmail/google account.

Usage

To effectively use this project, please head to the main project instructions.

Final words

This project really helped me to track my progress and also makes me feel good about the hard work I put on in a daily basis.

👉 If you want to check the repository source code, it is here
👉 See also all my projects
👉 See also all my tutorials

How to easily manage your boilerplates and quickstart your projects

Lucas Vieira — Sun, 12 Mar 2023 18:12:11 +0000

We as developers often need to create a brand new project which sometimes take long to setup it according to our needs and preferences.

In some cases, we have to literally spend hours configuring aux tools such as prettier, eslint, husky and so on.

To never experience that anymore, I developed a simple and powerful npm package, called boilermanager, to help developers to manage their own boilerplates.

Example: the above image shows this tool creating an electron typescript application with all tools configured in less than one minute

How to use it

To use this tool, you have to install Node.js and Git.

After have those softwares installed, simple install the package globally in your computer by running this command:

npm install boilermanager -g

After that you can simple run any of the following options it the folder you want to create a new boilerplate project:

# you can either use "bpm" or "boilermanager"

bpm                      # will show all the nodejs default boilerplates
bpm -r [user/repository] # will show the boilerplates available in the specified repository
bpm -f [folder]          # will show the boilerplates available in the specified folder

How to use it with my onw boilerplates?

I have created a basic boilerplates repository template, so you can understand how to setup your own projects the way boilermanager will accept.

In general, you’ll have to:

Fork or Copy this project to your github;
Clone into your local machine and put your boilerplates according to this repository;
Push the changes to your github remote repository, lets say it is githubuser/yourboilerplates
Load your repository, by running:

bpm -r githubuser/yourboilerplates

Final words

This project initially was meant to be used for Node.js related projects, but it also can be used for any other technologies. I’m even going to add Golang boilerplates (in other repository) in the future, when I become more proficient at it.

👉 If you want to check the repository source code, it is here;
👉 You can also find the default boilerplates available here;
👉 See also all my projects
👉 See also all my tutorials

Easily modify your most used websites with this extension

Lucas Vieira — Thu, 09 Mar 2023 16:44:41 +0000

Who never wanted some feature in our most used websites?

Last week I was thinking and searching about that and I came across tamper monkey, a browser extension that allows the user to run specific javascript scripts everytime we go to a website.

example: github — change private repositories color
With this extension you will be able do the following:

hide sections you dont want to see;
show a new valuable information (maybe a sum of values);
change the web site appearence;
combine the current information to information from other sites;
and whatever more your imagination (and js skills) allow you to do.

Examples

I basically use this extension to change my most used websites: twitch and github.

a) GITHUB — navigation menu

Github’s navigation bar to me is not the most effeciant since most of its items I’ve literally never used. So I change them to pages I use frequently:

b) GITHUB — private repositories

I felt like everytime I need to find a repository I was taking longer because github was not proper showing differences between private and public repositories. So I decide to change this.

c) TWITCH — hide recommendations

One of the things I taking more serious this year is to reduce my exposition to over information and recomendations in the websites I use. It was making me distract a lot of the times. In twitch, it was common to going from streamer to stremer a lot of times per day.

So I made a script to hide recommendation sections, and the result looks like this:

CONCLUSION

My main goal in this article was to show that is quite easy to modify you most used websites, and I believe I’ve archived that.

It is worth mentioning that there are a lot of tamper monkey scripts available by its great comunity, but you can always create your own.

For me the best benefit is to reduce time when changing website things, that in other way would needed a own browser extension.

If you have any questions, comment it bellow.

Take care! 🥋

👉 If you need some tutorials to use tamper monkey, there are a lot of tutorials in youtube
👉 If you want my obove showed scripts, you can use find them in this repository
👉 See also all my projects
👉 See also all my tutorials

How to set .env variables to Heroku dynamically with a .sh script

Lucas Vieira — Thu, 09 Mar 2023 16:40:29 +0000

One of the things I really missed when I started using .env files to securelly store important variables, instead of just putting it in the source code, was the abillity to push them to my remote effectivelly.

Code to send .env variables to heroku

After some reasearch, I didn’t found anything related so I decide to code it myself. And here is the result:

#!/bin/bash
# USAGE: bash addEnvToHeroku.sh <filepath>

# SET VARIABLES ________________________________________________________________
input=$1
output=$1.sh

# DEFINE FUNCTION TO DELETE FILE _______________________________________________
function deleteIfExist {
   if test -f "$1"; then
      echo "$1 exists."
      unlink "$1"
   fi
}

# SHOW SCRIPT TITLE ____________________________________________________________
echo -e "Setting heroku variables for the file $input: \n"

# DELETE THE SH FILE IF IT EXISTS ______________________________________________
deleteIfExist "$output"

# READ THE CONTENT AND SAVE IN A SH FILE _______________________________________
while read -r line; do
   echo "heroku config:set $line" >> "$output"
done < "$input"

# EXECUTE THE SH FILE __________________________________________________________
bash "$output"

# DELETE THE SH FILE IF IT EXISTS ______________________________________________
deleteIfExist "$output"

Configuration if you’re using Windows

As you can see, it is a .sh file, but you can run it in Windows as well, you just need to specify the git bash location in your .bashrc file, which is located in C:\user\[your user name]\.bashrc, as it is show bellow:

alias bash='"C:\\Program Files\\Git\\bin\\bash.exe'

How to use

Now let’s see a simple example on how to use the script.

# Create a project folder
mkdir MySimplepProject

# Go to the project path
cd MySimpleProject

# Initialize git
git init

# Select your heroku app
heroku git:remote -a mySimpleProjectInHeroku

# supposing you have a ".env" and "addEnvToHeroku.sh" in the project root

# Send the .env variables to heroku
bash addEnvToHeroku.sh ".env"

And if you go to heroku you should see all your .env variables:

Now you can change and update these variables quicker and easier! 🤘

👉 you can also find the above mentionated code in this repository
👉 See also all my projects
👉 See also all my tutorials

How to add “Open with Windows Terminal” option to the context menu

Lucas Vieira — Thu, 09 Mar 2023 16:33:44 +0000

The new Windows Terminal doesn’t come with the option to be open with the right click menu by default, so you can either:

open the terminal and navigate to the folder you want;
type wt in the current folder’s path.

Personaly, I prefere open it with the context menu, so I add this functionality myself. In order to do that, you have to do the following steps.

1) Save a file to open the windows terminal



Dim objShell
Dim folderToOpen
Set objShell = WScript.CreateObject("WScript.Shell")

If (WScript.Arguments.Count = 0) Then

  objShell.Run ("wt -d .")

else 

  If (Len(WScript.Arguments(0)) = 3) Then
    folderToOpen = Replace(WScript.Arguments(0), "\", "")
  Else 
    folderToOpen = WScript.Arguments(0)
  End If

  objShell.Run ("wt -d " & Chr(34) & folderToOpen & Chr(34))
End If

Make sure to save it in a place you know it is not going to be deleted accidentaly. By clicking in the above file, or draging a folder to it, you can easily open the Windows terminal. But thats not good enough, so we need to run it with the right click menu with the following script.

2) Add the script to the context menu



:: ####################################################################################################################################
   @echo off
   color 04
   title Add Open With Windows Terminal to Context Window Options

:: ####################################################################################################################################
   set "scriptLocation=C:\scripts\open with Windows Terminal.vbs"
   set "windowsTerminalIcon=C:\scripts\windows_terminal_LVz_icon.ico"
   set "registryKeyName=Windows Terminal"
   set "ContextMenuCommandName=Open with Windows Terminal"

:: ####################################################################################################################################
   set "OpenSpecifiedFolderKey=HKCR\Directory\shell\%registryKeyName%"
   set "OpenSpecifiedFolderKeyValue= "\"%windir%\system32\wscript.exe\" \"%scriptLocation%\" "\"%%1\""

   REG ADD "%OpenSpecifiedFolderKey%" /v "Icon" /t REG_EXPAND_SZ /d "%windowsTerminalIcon%"
   REG ADD "%OpenSpecifiedFolderKey%" /ve /t REG_EXPAND_SZ /d "%ContextMenuCommandName%"
   REG ADD "%OpenSpecifiedFolderKey%\command" /ve /t REG_EXPAND_SZ /d %OpenSpecifiedFolderKeyValue%

:: ####################################################################################################################################
   set "OpenCurrentFolderKey=HKCR\Directory\Background\shell\%registryKeyName%"
   set "OpenCurrentFolderKeyValue= "\"%windir%\system32\wscript.exe\" \"%scriptLocation%\" "\"%%V\""

   REG ADD "%OpenCurrentFolderKey%" /v "Icon" /t REG_EXPAND_SZ /d "%windowsTerminalIcon%"
   REG ADD "%OpenCurrentFolderKey%" /ve /t REG_EXPAND_SZ /d "%ContextMenuCommandName%"
   REG ADD "%OpenCurrentFolderKey%\command" /ve /t REG_EXPAND_SZ /d %OpenCurrentFolderKeyValue%

:: ####################################################################################################################################
   pause>nul
   exit /b

The only thing you need to change in the above script is the first script path and also the path of the icon to show in the terminal context menu option. Make sure to convert it to .ico file or it will not work.

After run this script with admin rights, you should see the brand new option to open a folder or the current one with the Windows Terminal 🤘.

👉 you can also find the above mentionated code in this repository
👉 See also all my projects
👉 See also all my tutorials

How to add a .bashrc equivalent to the windows cmd terminal

Lucas Vieira — Thu, 09 Mar 2023 16:28:01 +0000

In *nix operational systems there is a file called .bashrc, which is loaded before the bash terminal is ready to use, so you can use all the variables setted in that file. It is really useful as you can create personal macros and aliases to boost you productivity.

If you want to to do the same thing in the Windows Command Prompt (CMD), you have to do these steps:

1) Create a .bat with the variables you want
This file should be saved in a place it is not going to be deleted accidently, for example, you could create a folder in C:\scripts and save it there.

The file should look like this:

@echo off
set GITHUB_TOKEN=[here is my github token]
set AWS_TOKEN=[here is my aws token]

2) Add the file to be loaded before cmd init
In order to do that you have to add a registry key specifying the path of the cmdrc, as it is shown bellow:

:: ####################################################################################################################################
   @echo off
   color 04
   title Add cmd rc to registry

:: ####################################################################################################################################
   set "OpenCurrentFolderKey=HKLM\SOFTWARE\Microsoft\Command Processor"
   set "cmdRcPath=C:\scripts\cmd rc.bat"
   REG ADD "%OpenCurrentFolderKey%" /v "AutoRun" /t REG_EXPAND_SZ /d "\"%cmdRcPath%\""

:: ####################################################################################################################################
   pause>nul
   exit /b

:: ####################################################################################################################################

Save the file also with a .bat extension and make sure to run it as admin. After that you should be able to retrieve all your variables whenever the Command Prompt is open 🚀.

👉 you can also find the above mentionated code in this repository
👉 See also all my projects
👉 See also all my tutorials

How to add “Open with WSL VS Code” to Windows Context Menu

Lucas Vieira — Thu, 09 Mar 2023 16:16:58 +0000

How to add “Open with WSL VS Code” to Windows Context Menu

Introduction

The ability to choose in which VS Code we want to open a certain folder is not displayed in the windows context menu as default, so we have two main options:

Open the Linux subsystem terminal and send the command to open;
Open the Windows VS Code and choose its WSL edition to open the current open project.

None of these options was good enough for me, so I decided to write a simple tool to add display the WSL VS Code option.

Requirements

In order to complete this tutorial effectively, you should have:

Installed Ubuntu subsystem for Windows
Installed WSL extension for VS Code

Open with WSL VS Code script

In order to do that effectvly I tryid both .REG and .BAT files, bot they diding work very well, the first didnt run function (which are necessery in order to convert windows path location to an string understandble by linux) and the last was showing an window everytime an folder was opend by WSL VS Code.

So I ended up using a .VBS, as it follows:

Dim userprofile
Dim vscodeLocation
Dim wls_args

Dim objfso
Dim objShell

Dim originalFolder
Dim folderDrive
Dim formatedFolder
Dim commandToRun

Set objfso = CreateObject("Scripting.FileSystemObject")
Set objShell = CreateObject("WScript.Shell")

userprofile = objShell.ExpandEnvironmentStrings("%USERPROFILE%")
vscodeLocation= userprofile & "\AppData\Local\Programs\Microsoft VS Code\Code.exe"
wls_args = "--remote wsl+Ubuntu"

if (WScript.Arguments.Count = 0) then
  msgbox "No folder was selected!"
  WScript.Quit
end if

if Not (objfso.FolderExists(WScript.Arguments(0))) then
  msgbox "Folder was not found!"
  WScript.Quit
end if

originalFolder = WScript.Arguments(0)
folderDrive = objfso.GetDriveName(originalFolder)
formatedFolder = Replace(originalFolder, folderDrive, Lcase(folderDrive))
formatedFolder = Replace(formatedFolder, "\","/")
formatedFolder = Replace(formatedFolder, ":","")
formatedFolder = "mnt/" & formatedFolder

commandToRun = Chr(34) & vscodeLocation & Chr(34) & " " & wls_args & " " & Chr(34) & formatedFolder & Chr(34)
'  Wscript.Echo commandToRun
objShell.Run commandToRun, 0

Set objfso = Nothing
Set objShell = Nothing

You don't have much to do in the code, except checking if your VS Code is installed locally (only your user) or for all users. In the last case, you have to replace the following line with the exact VS Code location:

vscodeLocation = userprofile & "\AppData\Local\Programs\Microsoft VS Code\Code.exe"

After that, open the notepad, paste the code and save it as "open in WSL VS Code.vbs". Then, place it in a folder that you now its not goning to be deleted acidentaly, for example, I saved mine in C:\scripts\open in WSL VS Code.VBS.

This script already open an placed folder with the WSL VS Code, but thats not quit what we want.

Add Open with WSL VS Code to context menu script

So we need one more script to add this functionality to the context window. To do that, save the following script as add_to_registry.bat.

@echo off
color 04
title Add Open With WSL VS Code to Context Window Options

set "scriptLocation=C:\scripts\open In WSL VSCode.vbs"
set "VscoIcon=C:\Users\lucas\AppData\Local\Programs\Microsoft VS Code\Code.exe"
set "registryKeyName=WSL VSCode"
set "ContextMenuCommandName=Open with WSL VS Code"

set "OpenSpecifiedFolderKey=HKCR\Directory\shell\%registryKeyName%"
set "OpenSpecifiedFolderKeyValue= "\"%windir%\system32\wscript.exe\" \"%scriptLocation%\" "\"%%1\""

REG ADD "%OpenSpecifiedFolderKey%" /v "Icon" /t REG_EXPAND_SZ /d "%VscoIcon%"
REG ADD "%OpenSpecifiedFolderKey%" /ve /t REG_EXPAND_SZ /d "%ContextMenuCommandName%"
REG ADD "%OpenSpecifiedFolderKey%\command" /ve /t REG_EXPAND_SZ /d %OpenSpecifiedFolderKeyValue%

set "OpenCurrentFolderKey=HKCR\Directory\Background\shell\%registryKeyName%"
set "OpenCurrentFolderKeyValue= "\"%windir%\system32\wscript.exe\" \"%scriptLocation%\" "\"%%V\""

REG ADD "%OpenCurrentFolderKey%" /v "Icon" /t REG_EXPAND_SZ /d "%VscoIcon%"
REG ADD "%OpenCurrentFolderKey%" /ve /t REG_EXPAND_SZ /d "%ContextMenuCommandName%"
REG ADD "%OpenCurrentFolderKey%\command" /ve /t REG_EXPAND_SZ /d %OpenCurrentFolderKeyValue%

pause>nul
exit /b

The only thing you should change in the above script is the open in WSL VS Code script and the Windows VS Code paths, as it is shown:

set "scriptLocation=C:\scripts\open In WSL VSCode.vbs"
set "VscoIcon=C:\Users\lucas\AppData\Local\Programs\Microsoft VS Code\Code.exe"

After you place the correct paths, make sure to run it as Administrator. Then, you should see a screen telling you that the keys were successfull added to registry and if you click the right button inside or on a folder, you should see the brand new option.

👉 you can also find the above mentionated code in this repository
👉 See also all my projects
👉 See also all my tutorials

DEV Community: Lucas Vieira

Add an one way sync from ticktick and github to google calendar

Why

Solution

Requirements

Usage

Final words

Related

How to easily manage your boilerplates and quickstart your projects

How to use it

How to use it with my onw boilerplates?

Final words

Related

Easily modify your most used websites with this extension

Examples

CONCLUSION

RELATED

How to set .env variables to Heroku dynamically with a .sh script

Code to send .env variables to heroku

Configuration if you’re using Windows

How to use

RELATED

How to add “Open with Windows Terminal” option to the context menu

RELATED

How to add a .bashrc equivalent to the windows cmd terminal

RELATED

How to add “Open with WSL VS Code” to Windows Context Menu

How to add “Open with WSL VS Code” to Windows Context Menu

Introduction

Requirements

Open with WSL VS Code script

Add Open with WSL VS Code to context menu script

RELATED