DEV Community: Swastik Dwivedi

Setting up Code Formatting with ESLint, TypeScript, and Prettier in Visual Studio Code

Swastik Dwivedi — Wed, 25 Oct 2023 13:40:44 +0000

Ensure your code is consistently formatted in Visual Studio Code by following these steps.

1. Install VS Code Extensions

To enhance your development experience, install the following extensions in Visual Studio Code:

Prettier - Code formatter : Prettier will help format your code automatically.
Format on auto save : This extension enables code formatting on auto-save.

2. Configure VS Code for Auto Formatting

You can configure Visual Studio Code for auto-formatting by following these steps:

Open your command palette (Command + Shift + P) or Ctrl+Shift+P.

Look for "Preferences: Open User Settings (JSON)" and paste the following key value pairs at the end:

  "editor.codeActionsOnSave": {
    "source.fixAll": true
  },
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnSave": true,
  "files.autoSave": "afterDelay",

3. Install dependencies in the source folder

npm i -D @typescript-eslint/eslint-plugin @typescript-eslint/parser eslint eslint-config-prettier prettier typescript

4. Create new file `.eslintrc` with the below config

{
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
    "ecmaVersion": 12,
    "sourceType": "module"
  },
  "plugins": ["@typescript-eslint"],
  "extends": [
    "eslint:recommended",
    "plugin:@typescript-eslint/recommended",
    "prettier"
  ],

  "rules": {
    "@typescript-eslint/no-unused-vars": "error",
    "@typescript-eslint/consistent-type-definitions": ["error", "type"]
  },

  "env": {
    "browser": false,
    "es2021": true
  }
}

5. Create new file `.prettierrc` with the below config

{
    "singleQuote": true,
    "tabWidth": 4,
    "semi": true,
    "trailingComma": "all",
    "useTabs": false
}

6. Restart vscode to load changes

Switching to Pipewire-Opensuse[GUIDE]

Swastik Dwivedi — Fri, 24 Sep 2021 15:22:59 +0000

I recently switched to pipewire on my Opensuse build and I'm loving it so far. I switched over to pipewire because it fixes a lot of pulseaudio issues which I've faced in the past. Pipewire is really new and still in the works and its more upto date for recent hardwares and bluetooth peripherals.

Automatic way

I've made a script which has does other stuff but has an option for switching to pipewire without much hassle. Clone it and run it and enter the correct option.

git clone https://github.com/drunckj/Asus-ESS
cd Asus-ESS/
./setupscript.sh

Manual way

First we need to install all the necessary files

sudo zypper install pipewire pipewire-pulseaudio pipewire-alsa

It will show and errors about conflicts you should select option 1 to fix the issue which reads de-installation.
After doing so we successfully managed to install pipewire on our device.
Now we need to start pipewire and its sockets on boot.

systemctl --user enable --now pipewire.{service,socket}
systemctl --user enable --now pipewire-pulse.{service,socket}

After running the above commands, you should reboot.
To check if pipewire is up and running, run the following command.

pactl info

Look for server name in output. If it shows
Server Name: PulseAudio (on PipeWire)
congratulations your pipewire is working.
If it still shows pulseaudio, look into troubleshooting.

Troubleshooting

Sometimes pipewire doesn't generate config files so we have to move them to the right location. This can cause the bluetooth to not work too. Follow the below steps for fixing it.

If your having errors check if the below directory exists

/etc/pipewire
~/.config/pipewire

If they don't exist, do the following and reboot and check again by running pactl info again.

sudo cp -r /usr/share/pipewire /etc/

The above command will move the config files to their default locations.

Fix No Video and Sound Output Through HDMI In Linux

Swastik Dwivedi — Tue, 31 Aug 2021 17:34:34 +0000

The other day, I connected my Asus Rog G531-GT running Opensuse Tumbleweed with my TV to watch a movie. To my surprise, there was no output through HDMI in TV. The laptop couldn't detect any connected HDMI output device. After fixing the HDMI output device detection, my HDMI sound device showed as unplugged. So I decided to write a blog about it as I had to search a lot to find the fix for it.

Why this happens:

For Video

This usually happens in optimus systems(Has two GPUs: Integrated intel gpu and dedicated Nvidia gpu)
In such machines, the HDMI port is connected directly to the dedicated GPU. Therefore, when u turn off your D-GPU either from the BIOS or using gfx tools such as bb-switch, pop-graphics-switch, asusctl, optimus-manager etc, the HDMI port gets turned off. Therefore, no output device is detected.

For Sound

This happens due to an old set of rules for Dynamic power management of Nvidia audio device. The latest kernel now manages those parts fine and doesn't need the explicit rule anymore.

Fix

For Video

To fix no video output you need to turn on your D-GPU either from BIOS(if your motherboard supports it) or using any gfx tool that you use to switch to hybrid or dedicated GPU mode.

For Sound

The rule file would exist either here :



/usr/lib/udev/rules.d/90-nvidia-udev-pm-G05.rules



/etc/udev/rules.d/90-nvidia-udev-pm-G05.rules

Open this file with your favourite editor and search for these entries:



# Remove NVIDIA USB xHCI Host Controller devices, if present
ACTION=="add", SUBSYSTEM=="pci", ATTR{vendor}=="0x10de", ATTR{class}=="0x0c0330", ATTR{remove}="1"

# Remove NVIDIA USB Type-C UCSI devices, if present
ACTION=="add", SUBSYSTEM=="pci", ATTR{vendor}=="0x10de", ATTR{class}=="0x0c8000", ATTR{remove}="1"

# Remove NVIDIA Audio devices, if present
ACTION=="add", SUBSYSTEM=="pci", ATTR{vendor}=="0x10de", ATTR{class}=="0x040300", ATTR{remove}="1"

Comment these lines by adding a "#" infront of these lines like this :



# Remove NVIDIA USB xHCI Host Controller devices, if present
#ACTION=="add", SUBSYSTEM=="pci", ATTR{vendor}=="0x10de", ATTR{class}=="0x0c0330", ATTR{remove}="1"

# Remove NVIDIA USB Type-C UCSI devices, if present
#ACTION=="add", SUBSYSTEM=="pci", ATTR{vendor}=="0x10de", ATTR{class}=="0x0c8000", ATTR{remove}="1"

# Remove NVIDIA Audio devices, if present
#ACTION=="add", SUBSYSTEM=="pci", ATTR{vendor}=="0x10de", ATTR{class}=="0x040300", ATTR{remove}="1"

Save the file and reboot. After reboot open settings and go into sound and select HDMI from output devices

And you should have both video and sound output through your HDMI.

Hope it helps someone.

Want to buy me a coffee : Paypal || Crypto(preferred)

I created Pycowin: An app which alerts you when vaccine slots are available in your area

Swastik Dwivedi — Tue, 31 Aug 2021 16:04:46 +0000

Indian Government is providing free vaccines to all of its citizens. India is very densely populated and its very hard to vaccinate everyone at once. Therefore, Indian government created Cowin portal through which you can book a slot for your vaccination. But due to the high demand its very tough to book a slot because the slots are updated throughout the day and are booked within seconds.

I too had to book a vaccination appointment for myself and had to check the website every now and then. I got tired of doing this, then I decided to create Pycowin.

Pycowin

Pycowin searches for slots every ten minutes and alerts you whenever vaccination slots are available at the selected location. It sends a desktop notification as well as plays an audio track "Vaccines found" on successful searches.

The app is written using Cowin apis, Python and Qt libraries and is completely opensource. You can either download the binary executable or just run it from source. The app is packaged for Linux and Windows with all of its dependencies included.

Github : Pycowin

Screenshots

Windows

Linux

Notifications

Windows

Linux

Installation

Windows and Linux

Download the respective zip file from releases.Extract and directly run from there.

Running from terminal

cd <extracted_folder_name>
./pycowin

Running from source

Requirements

Windows

pip install pyqt5 requests win10toast playsound

Linux

Requirements

spd-say : it is usually found in all distros by default. If not found install from your package manager

pip3 install requests PyQt5

Running

git clone https://github.com/drunckj/Pycowin.git
cd Pycowin/src/<windows or linux>
python3 pycowin.py

Want to buy me a coffee : Paypal || Crypto(preferred)

Asus-ESS : Easy setup script for setting up laptops after GNU/Linux installs

Swastik Dwivedi — Sat, 28 Aug 2021 17:53:22 +0000

Github : Asus-ESS

I Distrohop a lot and I found myself doing all this stuff manually which eventually got tiresome. So I created this script to help other Distrohoppers and new Linux users for easy setup and fixing of common issues.

Features of script

It takes backup before manipulating stuff for easy recovery

Supported Package managers

On running the script for the first time, it will ask for your package manager.

Asusctl: only for Asus laptops

It will install Asusctl which is a tool developed for Asus laptops as an alternative of Armourycrate which used in Windows. It manages CPU profiles, fans, RGBs and a lot more. So if you have never heard about Asusctl, here is a link for it : Asusctl

Mic not working option

Many a times some Linux Distros have an issue of determining your codec. This option prints your codec and gives u a link to check what codec you would require for proper functioning of your microphone.

Mount Ntfs partitions at boot

Dual booting a laptop has its own issues. Many a times Windows causes issues with mounting NTFS partitions under Linux. This option gives you an easy approach to mount your partitions at boot without going through the wiki.

Squeeze Maximum Battery life

Most Linux distros ship with Tlp by defaullt as it helps save power and minimize heating up under loads. This options installs a Tlp configuration file which is customized for saving power on laptops with an igpu and dgpu. It also installs a systemctl service file which puts pci to powersaving mode.

Cache and unused dependencies

I love Linux but sometimes I find myself in dependency hell when things don't uninstall along with their dependencies. This option helps take care of that. It uninstalls dependency packages left after removal of applications.

Pulseffects presets

Audio under Linux can be a lot customizable which might overwhelm some people. This script installs the most useful and generic presets for getting good quality sound output from your machines.

Mic input key not working

This option is only for Asus laptops. The issue is that the current keycode being emitted by the driver is only recognised by Wayland. X11 and desktops using X11 require F20 to be emitted. This option creates a new key and registers it in the hardware database.

Nvidia modules not loading in opensuse after update

Due to opensuse's rolling nature the kernel gets updated regularly but the nvidia kernel modules are not loaded up with the new kernel. This option re-installs the kernel modules.

DEV Community: Swastik Dwivedi

Setting up Code Formatting with ESLint, TypeScript, and Prettier in Visual Studio Code

1. Install VS Code Extensions

2. Configure VS Code for Auto Formatting

3. Install dependencies in the source folder

4. Create new file .eslintrc with the below config

5. Create new file .prettierrc with the below config

6. Restart vscode to load changes

Switching to Pipewire-Opensuse[GUIDE]

Automatic way

Manual way

Troubleshooting

Fix No Video and Sound Output Through HDMI In Linux

Why this happens:

For Video

For Sound

Fix

For Video

For Sound

Want to buy me a coffee : Paypal || Crypto(preferred)

I created Pycowin: An app which alerts you when vaccine slots are available in your area

Pycowin

Github : Pycowin

Screenshots

Windows

Linux

Notifications

Windows

Linux

Installation

Windows and Linux

Running from terminal

Running from source

Requirements

Windows

Linux

Requirements

Running

Want to buy me a coffee : Paypal || Crypto(preferred)

Asus-ESS : Easy setup script for setting up laptops after GNU/Linux installs

Github : Asus-ESS

Features of script

It takes backup before manipulating stuff for easy recovery

Supported Package managers

Asusctl: only for Asus laptops

Mic not working option

Mount Ntfs partitions at boot

Squeeze Maximum Battery life

Cache and unused dependencies

Pulseffects presets

Mic input key not working

Nvidia modules not loading in opensuse after update

Want to buy me a coffee : Paypal || Crypto(preferred)

4. Create new file `.eslintrc` with the below config

5. Create new file `.prettierrc` with the below config