DEV Community: HasOne

RAID Server commands | tw_cli | MegaCli | mdadm

HasOne — Thu, 21 Dec 2023 06:30:26 +0000

Basic terms

RAID: Redundant Array of Independent Disks. It's a data storage virtualization technology.
Controller: The hardware that manages the RAID array.
Unit: A virtual drive that consists of one or more physical drives.
Drive: A physical hard drive or SSD.
Rebuild: The process of recreating lost data on a new drive.
Parity: A mathematical method to recreate data lost from a disk in the array.
Striping: Data is split across multiple disks.
Mirroring: Data is duplicated on two or more disks.

Debugging

When debugging, it's important to check the status of your RAID controller and units regularly. If you see a status of DEGRADED, this means one or more drives have failed. If you see a status of REBUILDING, this means the RAID is currently rebuilding data on a new drive.

MegaCli Commands

View Adapter Information:
```
MegaCli -AdpAllInfo -aALL
```
View the Configuration of the Controller:
```
MegaCli -CfgDsply -aALL
```
List All Drives:
```
MegaCli -PDList -aALL
```

View the Physical Disk Information:

MegaCli -PDInfo -PhysDrv [Enclosure:Slot] -aALL

Check the Virtual Drive (Logical Drive) Information:
```
Copy codeMegaCli -LDInfo -Lall -aALL
```
View the Battery Backup Unit (BBU) Status:
```
MegaCli -AdpBbuCmd -aALL
```
Check for Consistency of RAID Configuration:
```
MegaCli -LDCC -aALL
```

Rebuild a Drive:

MegaCli -PDRbld -Start -PhysDrv [Enclosure:Slot] -aALL
MegaCli -PDRbld -Stop -PhysDrv [Enclosure:Slot] -aALL
MegaCli -PDRbld -ShowProg -PhysDrv [Enclosure:Slot] -aALL

Identify a Failed Drive:

MegaCli -PDList -aALL | grep -E 'Slot Number|Firmware state'

# OR
MegaCli -CfgDsply -aALL | awk '/Physical Disk:/{print ""; print; next} /Slot Number|Firmware state|Enclosure Device ID:|Inquiry Data|Device Id/{print}'

Replace a Failed Drive:

MegaCli -PDOffline -PhysDrv [Enclosure:Slot] -aALL
MegaCli -PDMarkMissing -PhysDrv [Enclosure:Slot] -aALL
MegaCli -PDPrpRmv -PhysDrv [Enclosure:Slot] -aALL

View Event Log:

MegaCli -AdpEventLog -GetEvents -f events.log -aALL

Silence Alarm:

MegaCli -AdpSetProp AlarmSilence -aALL

mdadm commands

To create a RAID 5 array:

mdadm --create --verbose /dev/md0 --level=5 --raid-devices=3 /dev/sda1 /dev/sdb1 /dev/sdc1

To view the status of the RAID:

cat /proc/mdstat

To stop a raid array:

mdadm --stop /dev/md0

To remove a failed disk:

mdadm --manage /dev/md0 --remove /dev/sda1

To add a new disk to the array:

mdadm --manage /dev/md0 --add /dev/sdd1

Please note these commands are general and your RAID setup and commands may differ.

tw_cli Commands

tw_cli is a command line tool for managing 3ware RAID controllers. Here are some basic commands:

To check the status of the RAID controller:

tw_cli info c0

To check the status of a unit:

tw_cli /c0/u0 show

To check the status of a drive:

tw_cli /c0/p0 show

To silence an alarm:

tw_cli /c0 silence

To rebuild a unit:

tw_cli /c0/u0 start rebuild disk=1

To delete a unit:

tw_cli /c7/u2 del

To disable a drive:

tw_cli /c0/p1 remove

To enable a drive:

tw_cli /c0/p1 add

To show events:

tw_cli /c0 show events

To show all physical drives:

tw_cli /c0 show phy

Conclusion

Understanding the RAID server and different command tools is important to manage, maintain, and monitor the RAID Server controllers and units to prevent data loss and smooth operation.

About me

I was recently hired as a System Administrator to handle a variety of RAID servers. My job involves a mix of analyzing and setting up these servers, keeping an eye on their performance, writing scripts to make things run smoother, and putting together dashboards to keep everything easy to track and manage.

My Email: hi@ericgit.me

Generate JWT Token for Apple Store Connect API using Python

HasOne — Mon, 06 Feb 2023 10:18:54 +0000

The Apple store Connect APIs is REST API that enables user to perform any task that you do in Apple developer website. Calling API requires JWT Token for authorization and you need to generate a JWT Token yourself based on few parameters.

API Key

To generate an API key for App Store Connect API,
1) log in to App Store Connect and select "Users and Access".

2) Click on the API Keys tab and Add (+) button to generate

Enter a name for the key, and select a role for the key under Access and click generate.

you will a new key's information, including its name, key ID and download link

Download the Private key and store it in safe place as it's available for download a single time.

Generating JWT

In order to generate JWT token, we need 3 things as shown in the above last image.
1) Private key
2) Key ID
3) Issuer ID

1) JWT Header

Now we need to create a Header for JWT:

Algorithms: ES256 encryption (used to sign jwt)
KEY ID: 2X9R4HXF34 (replace with your)
TYPE: JWT ```json

{
"alg": "ES256",
"kid": "2X9R4HXF34",
"typ": "JWT"
}


#### 2) Payload
The final and most important step is to configure the payload correctly:
- issuer id:(Your issuer_id)
- iat: creating time of token in UNIX format
- exp: expiration time UNIX format
- aud: "appstoreconnect-v1"
- scrop: (optional) A list of operation you want apple store connect to allow for this JWT Token

```json


{
    "iss": "69a6de95-023f-47e3-e053-12ljleio3kajvzbv",
    "iat": 1528407600,
    "exp": 1528408800,
    "aud": "appstoreconnect-v1",
    "scope": [
        "GET /v1/apps"
    ]
}

Let's generate one

Here you would need to replace the priave_key with your own file (which you downloaded) and it will give you the JWT token for 19Min validity.

Note: however, if the token expiration time is above >= 20Min, you will get 401 Status Code



from datetime import datetime, timedelta
from time import time, mktime
import jwt

dt = datetime.now() + timedelta(minutes=19)

headers = {
    "alg": "ES256",
    "kid": "2X9R4HXF34", 
    "typ": "JWT",
}


payload = {
    "iss": "69a6de95-023f-47e3-e053-12ljleio3kajvzbv",
    "iat": int(time()),
    "exp": int(mktime(dt.timetuple())),
    "aud": "appstoreconnect-v1",
}


with open("AuthKey_2X9R4HXF34.p8", "rb") as fh: # Add your file
    signing_key = fh.read()

gen_jwt = jwt.encode(payload, signing_key, algorithm="ES256", headers=headers)

print(f"[JWT] {gen_jwt}")
# Output:
# eyJhbGciOiJFUzI1NiIsImvtpZCI6IlZaVjcxyOFdRMkEiLCJ0eXAiOiJKV1QifQ.eyJpc3MiOiI2vWE2ZGU5NS0wMjNmLTQ3ZTMtZTA1My01YjhjxN2MxMWE0ZDEiLCJpYXQiOjENzU2Njc4NTgsImV4cCI6MTY3NTY2OTA1OCwiYXVkIjoiYXBwc3RvcmVjb25uZWO0LXYxIn0.w_lBLz3UxZUbnXaydkRierf5tY92meyTKmVU1wBt5zJzJGp2UigLMwc9ZIMQEJ4Ns0IqpWIU2FJH4R0AZGxTzbQ

let's test it by queries all the apps in your apple store:



try:

    r = requests.get("https://api.appstoreconnect.apple.com/v1/apps", headers=gen_jwt)

    print(f"[R] {r.json()}")

except Exception as e:

    logging.info(f"❌ Error occurred: {e}")

Conclusion

With the Apple Store Connect API, You can do all:

In-App Purchases and Subscriptions. Manage in-app purchases and auto-renewable subscriptions for your app.
TestFlight. Manage beta builds of your app, testers, and groups.
Xcode Cloud. Read Xcode Cloud data, manage workflows, and start builds.
Users and Roles. Send invitations for users to join your team. Adjust their level of access or remove users.
Provisioning. Manage bundle IDs, capabilities, signing certificates, devices, and provisioning profiles.
App Metadata. Create new versions, manage App Store information, and submit your app to the App Store.
App Clip Experiences. Create an App Clip and manage App Clip experiences.
Reporting. Download sales and financial reports.
Power and Performance Metrics. Download aggregate metrics and diagnostics for App Store versions of your app.
Customer Reviews and Review Responses. Get the customer reviews for your app and manage your responses to the customer reviews.

get started and take control of your app.

I hope it made your day a little brighter. Thank you so much && Happy Coding!!

Prompt Engineer GPT-3

HasOne — Wed, 01 Feb 2023 07:43:06 +0000

Prompt Engineering GPT-3

Learn GPT-3 Prompt engineering step by step

Playground to test

text-davinci-002

Text-davinci-002 is Instruct Model which is fine-tune to follow the instruction in order to give you the result, so we'll be looking at a few examples:

Summarization/Paraphrasing
Classification
Rewriting
Keyword extraction, named entity recognition, dates, etc..

1) Summarization/Paraphrasing

let's start with the first task which is summarization or paraphrasing. we need to give an imperative verb (Command, request word), so I'll just write summarize at the beginning which tells what to do with the instruction, and then put the actual article.

if you capitalize something, it is a different set of tokens which kinda tells the model like pay attention to it, it's not a normal language and not a part of the article. so we will aslo add ARTICLE before the article.

and at the end just write SUMMARY:

Note: we need to turn the temperature down to 0(zero), so zero makes the model deterministic which means we'll get the same output every time.

Syntax Example:

Summarize the following article:

ARTICLE
<Your article here>

SUMMARY:

Real Example:

Summarize the following article:

ARTICLE

The Irish Bee Conservation Project is a charitable organisation in Ireland that seeks to conserve all native Irish bee species. It has four "pillars of support" in its work: providing habitats, increasing biodiversity, holding education events and performing research into the decline of bee species.[1] Species of bee in Ireland include the honeybee (Apis mellifera), 21 species of bumblebee and 78 species of solitary bee.[2]

History

The Irish Bee Conservation Project (IBCP) grew out of a research project looking at honeybees and the Varroa mite and was formed in 2019 as a not for profit private company limited by guarantee. That same year it designed and installed its first honeybee "lodges" in Fota Wildlife Park, County Cork.[1]

In 2021, the Irish Bee Conservation Project registered as a charity with the Charities Regulator of Ireland.[3]

SUMMARY:

OUTPUT:

The Irish Bee Conservation Project is a charitable organisation that seeks to conserve all native Irish bee species. It has four "pillars of support" in its work: providing habitats, increasing biodiversity, holding education events and performing research into the decline of bee species. The organisation was formed in 2019 and registered as a charity in 2021.

*** sometimes the temperature no longer has the same impact. and you'll get different output each time.***

You can modify the instruction with adjectives like very concisely and CONCISE, so it will activate the different part of GPT-3 model, it says what CONCISE mean, make it smaller.
Syntax Example:

Summarize the following article very concisely:

ARTICLE
<Your article here>

CONCISE SUMMARY:

You'll get shorter output.

But if you increase the temperature, you also need to remove the word CONSICE and very concisely in order to get a completely different output.

3) Rewrite

rewrite an article to be more interesting for reader.

Syntax Example:

Rewrite the following Wikipedia article so that it's more interesting for an online news article:

ARTICLE
<Your article here>

REWRITE TO BE INTERESTING:

Real Example:

Rewrite the following Wikipedia article so that it's more interesting for an online news article:  

ARTICLE  
The Irish Bee Conservation Project is a charitable organisation in Ireland that seeks to conserve all native Irish bee species. It has four "pillars of support" in its work: providing habitats, increasing biodiversity, holding education events and performing research into the decline of bee species.[1] Species of bee in Ireland include the honeybee (Apis mellifera), 21 species of bumblebee and 78 species of solitary bee.[2]  History  The Irish Bee Conservation Project (IBCP) grew out of a research project looking at honeybees and the Varroa mite and was formed in 2019 as a not for profit private company limited by guarantee. That same year it designed and installed its first honeybee "lodges" in Fota Wildlife Park, County Cork.[1]  In 2021, the Irish Bee Conservation Project registered as a charity with the Charities Regulator of Ireland.[3]  

REWRITE  TO BE INTERESTING:

OUTPUT


The Irish Bee Conservation Project (IBCP) is a charitable organisation in Ireland that seeks to conserve all native Irish bee species. It has four "pillars of support" in its work: providing habitats, increasing biodiversity, holding education events and performing research into the decline of bee species.  

The IBCP was formed in 2019 as a not for profit private company limited by guarantee, and registered as a charity with the Charities Regulator of Ireland in 2021. The organisation's work is based on four pillars: providing habitats, increasing biodiversity, holding education events and performing research into the decline of bee species.  

The IBCP's first project was to design and install honeybee "lodges" in Fota Wildlife Park, County Cork. The lodges provide a habitat for wild bees, and also help to increase biodiversity by providing a home for a range of bee species. The IBCP also holds education events to raise awareness of the importance of bees, and performs research into the decline of bee populations.  

The IBCP's work is important in conserving Ireland's native bee species and helping to reverse the decline of bee populations.

For Children
it will simplify the languge for the children to be understandable

Rewrite the following Wikipedia article so that it's more ccessible to children:

ARTICLE
<Your article here>

REWRITE FOR CHILDREN:

OUTPUT

The Irish Bee Conservation Project is a charity that helps bees in Ireland. It has four parts to its work: providing habitats, increasing biodiversity, holding education events and researching why bee populations are declining.  

There are three different types of bees in Ireland- the honeybee, the bumblebee and the solitary bee.  

The Irish Bee Conservation Project started in 2019 when some people decided they wanted to help bees. That same year, they designed and installed the first bee habitats in Fota Wildlife Park.  

In 2021, the Irish Bee Conservation Project became an official charity. This means that it is registered with the Charities Regulator of Ireland.

You can also translate it into a different language like German, Spanish..

Rewrite the following Wikipedia article in german:

ARTICLE
<Your article here>

REWRITE IN GERMAN:

OUTPUT

Das Irish Bee Conservation Project ist eine gemeinnützige Organisation in Irland, die sich der Erhaltung aller in Irland vorkommenden Bienenarten widmet. Es hat vier Säulen in seiner Arbeit: die Bereitstellung von Lebensräumen, die Erhöhung der Artenvielfalt, die Durchführung von Bildungsveranstaltungen und die Durchführung von Forschungen zum Rückgang der Bienenarten. [1] Arten von Bienen in Irland umfassen die Honigbiene (Apis mellifera), 21 Arten von Hummeln und 78 Arten von Einsiedlerbienen. [2]  

Geschichte  Das Irish Bee Conservation Project (IBCP) entstand aus einem Forschungsprojekt zu Honigbienen und der Varroamilbe und wurde 2019 als gemeinnützige Gesellschaft mit beschränkter Haftung

I have no idea what it's writing :)

Also try for BBC pidgin
Syntax Example:

Rewrite the following Wikipedia article in West African Pidgin:

ARTICLE
<Your article here>

REWRITE IN PIDGIN:

OUTPUT

De Irish Bee Conservation Project na im wan charity organisation wey dey Ireland wey dey try conserves all de native Irish bee species. E get four "pillars of support" for e work: Providing habitats, increasing biodiversity, holding education events and performing research into de decline of bee species.1 Species of bee wey dey Ireland na honeybee (Apis mellifera), 21 species of bumblebee and 78 species of solitary bee.2  

History  De Irish Bee Conservation Project (IBCP) grow from wan research project wey dey look into honeybees and de Varroa mite and e form in 2019 as wan not for profit private company wey dey limited by guarantee. Dat same year, e design and install e first honeybee "lodges" for Fota Wildlife Park, County Cork.1  

In 2021, de Irish Bee Conservation Project register as wan charity with de Charities Regulator of Ireland.3

it converts some words like the to de and so on...

4) Keyword extraction, named entity recognition, dates

let's extract named entity and dates

Syntax Example:

Perform NER and date extraction from the following article:

ARTICLE
<Your article here>

LIST ALL NAMED ENTITIES AND DATES:

Real Example:

Perform NER and date extractio from the following article:  

ARTICLE  
The Irish Bee Conservation Project is a charitable organisation in Ireland that seeks to conserve all native Irish bee species. It has four "pillars of support" in its work: providing habitats, increasing biodiversity, holding education events and performing research into the decline of bee species.[1] Species of bee in Ireland include the honeybee (Apis mellifera), 21 species of bumblebee and 78 species of solitary bee.[2]  History  The Irish Bee Conservation Project (IBCP) grew out of a research project looking at honeybees and the Varroa mite and was formed in 2019 as a not for profit private company limited by guarantee. That same year it designed and installed its first honeybee "lodges" in Fota Wildlife Park, County Cork.[1]  In 2021, the Irish Bee Conservation Project registered as a charity with the Charities Regulator of Ireland.[3]  

LIST ALL NAMED ENTITIES AND DATES:

OUTPUT

The Irish Bee Conservation Project, Ireland, Apis mellifera, Varroa mite, 2019, Fota Wildlife Park, County Cork, 2021

Tutorial to follow up: https://www.youtube.com/watch?v=67Ugw_l1md8&t=581s
Learn about Zero-Shot, One-Shot, and a Few-Shot: https://www.youtube.com/watch?v=v2gD8BHOaX4&list=RDCMUCvKRFNawVcuz4b9ihUTApCg&index=2
Link to repo: https://github.com/lifeeric/prompt-engineering

ChatGPT

prompt 1:

Write a sales letter for SAAS Product That Edits Video Using AI

promt 2, Based on Topics and strategies:

Topic: SAAS Product That Edits Video Using AI

You are a professional copywriter, create a one page sales letter about the topic above using these strategies:

- Use strong persuasive language
- Use short sentences and simple terms, make it easy to read
- Ask questions to transition between paragraphs
- Back up main points with figures, evidences and examples
- Speak directly to reader, make it personal

The goal and call to action for this content is to: Sign up for the newsletter

prompt 3:

can you rewrite this in a more informal tone and add some humour

Tutorial: https://www.youtube.com/watch?v=bBiTR_1sEmI

P.S. As I followed the above tutorial, I wanted to document my process in order to help clarify my understanding. If you spot any mistakes, please let me know.

installing Python3 alongside the default python2 on CentOS (RHEL)

HasOne — Sat, 18 Jun 2022 19:12:22 +0000

if you're thinking of installing Python3 without replacing the default System python, it's for you!

Prerequisites

installing python from the source, We're gonna need to ensure that some prerequisites packages are installed on our system:

[root@centos7 ~]# yum install gcc openssl-devel bzip2-devel libffi-devel -y

Installation

We'll be using Source installation as we want the latest version of python above 3.6 as the yum give us python3.6, look for the version you intended to install https://www.python.org/ftp/python/, in my case I'm gonna install 3.9 so here is the URL https://www.python.org/ftp/python/3.9.13/Python-3.9.13.tgz. make sure to select the tgz extension from the list.

Download Python

let's download it by curl:

[root@centos7 ~]# curl -O https://www.python.org/ftp/python/3.9.13/Python-3.9.13.tgz

once the download is done, extract the file:

[root@centos7 ~]# tar -xzf Python-3.9.13.tgz

Now change to directory to the new file created:

[root@centos7 ~]# cd Python-3.9.13

let's prepare to compile Python from source:

[root@centos7 Python-3.9.13]# ./configure --enable-optimizations

Now let's finish off the installation without replacing the default System Python on our system, if your system is using any version of python it won't get replaced.

[root@centos7 Python-3.9.13]# make altinstall

Cheer you did it! now verify the version:

[root@centos7 Python-3.9.13]# python3.9 --version
Python 3.9.13

let's create alias for python3.9, open up the ~/.bashrc or ~/.zshrc and put the below line the end of file and save it:

alias python3="python3.9"

Now refresh the current session:

[root@centos7 Python-3.9.13]# source ~/.bashrc

after it, you can just use python3:

[root@centos7 Python-3.9.13]# python3 --version
Python 3.9.13

Pip TLS/SSL Error

If you got error by using pip "WARNING: pip is configured with locations that require TLS/SSL, however the ssl module in Python is not available."

then you have to do a little modification to Modules/Setup file and re-compile python & re-install, so let's open the file in vim:

[root@centos7 Python-3.9.13]# vim Modules/Setup

Now look for the these four lines and uncomment it:

#SSL=/usr/local/ssl
#_ssl _ssl.c \
#    -DUSE_SSL -I$(SSL)/include -I$(SSL)/include/openssl \
#    -L$(SSL)/lib -lssl -lcrypto

and re-install it

[root@centos7 Python-3.9.13]# ./configure --enable-optimizations
[root@centos7 Python-3.9.13]# make altinstall

Final thought

I had to install python3.9 alongside python2.7 as there was an application which was using python2.7 so I hadn't to replace the default System python version with the lastest. I tried to install it by yum but the yum was giving me the python3.6 version so I had to install it from the source.

Hope you find it helpful and thank you so much for reading!

Stay blessed
Stay safe

Validation made easy in Javascript

HasOne — Mon, 30 May 2022 12:49:52 +0000

In past we were handling validation by creating our own logic and some extra function, if the user is null or empty, throw an error and same for email, password and son on. in today's article we'll be learning about a cool package which do everything for us, we just need to create a schema, it saves a lot of time and boost your development process. isn't it cool? yeah

let's do it, first we'll be installing Joi:

# Yarn
$ yarn add joi

# NPM
$ npm install joi

Now let's create our first schema:

const Joi = require("joi");

const schema = Joi.object({
   username: Joi.string().alphanum().min(3).max(8).required()
})

Username: we want username to be validated

Joi.string(): it should be string and alphanum()[a-zA-Z0-9]
should be minimum 6 and maximum 8 characters
and this fields is required

Now let's test it:

const userData = {
  username: 'ericgit'
}
const isValid = schema.validate(userData)
console.log(isValid) // Output: { value: { username: 'ericgit' } }

if there is any error, it will throw an error with the corresponding message.

let's do the real world example:

const Joi = require("joi");

const schema = Joi.object({
  username: Joi.string().alphanum().min(3).max(8).required(),
  email: Joi.string().email({ minDomainSegments: 2, tlds: false }),
  phone: Joi.string().length(10).pattern(new RegExp('/^[0-9]+$/')),
  birth_day: Joi.date(),
  password: Joi.string().pattern(new RegExp("^[a-zA-Z0-9]{3,30}$")),
  repeat_password: Joi.ref('password'),
  access_token: [Joi.string(), Joi.number()]
}).with('username', 'birth_day')
    .xor('password', 'access_token')
    .with('password', 'repeat_password');



// Validating data
const isValid = schema.validate({
    username: "ericgit",
    birth_day: '01/01/1999',
})

with('username', 'birth_day'): you have to pass birth_day property along with user, so username field make it requried.
xor('password', 'access_token'): we either pass password or access_token. so one of them, not two these two properties at the same time.

Example two:

const isValid =  schema.validate({
    username: "ericgit",
    birth_day: '01/01/1999',
    password: 'test12',
    repeat_password: 'test12',
    email: 'hi@ericgit.me'
});

you can also do it in try-catch:

try {
    const isValid = await schema.validateAsync({
        username: "ericgit",
        birth_day: '01/01/1999',
        password: 'test12',
        repeat_password: 'test12',
        email: 'hi@ericgit.me'
    });
} catch (error) {
    console.log(error)
}

Final word

I was recently implementing the realtime changes feature in flask + React app, I came across this library, thought to share it with the community and I personally loved it as it's time saving and more advanced things we can control in it. we can use it React, Node and any framework.

I hope you will find it helpful and thank you for reading it
Stay blessed && Stay safe, Happy coding.

Migrate Material-UI 4 to Mui-5

HasOne — Sat, 09 Oct 2021 12:07:38 +0000

Liquid syntax error: Variable '{{%20border:%20">codemod:
{% raw %}' was not properly terminated with regexp: /\}\}/

remove all the node_modules directories from machine | Free Up Space

HasOne — Sat, 02 Oct 2021 11:57:20 +0000

we as developer have hundred of project in the machine, but have you've ever wondered how much space node_modules takes on single project and what happens when you're running out of free space. this will help you to make some free space safely.

List All the node_modules/ folders

before removing let's show all the node_modules directories and its memory. cause the removing process is irrevisable so we need to make sure. first cd into a specific directory where most of the projects are:

LINX/MACOS

$ cd Dev/
$ find . -name "node_modules" -type d -prune | xargs du -chs

WINDOW

$ cd Dev 
$ FOR /d /r . %d in (node_modules) DO @IF EXIST "%d" echo %d"

Remove all the node_modules/

now let's remove all the node_modules directories from all the projects. make sure that you're inside a directory where you're comfortable removing all the node_modules cause this action is irereversable:

LINUX

$ cd Dev
$ find . -name "node_modules" -type d -prune -exec rm -rf '{}' +

WINDOW

$ cd Dev 
$ FOR /d /r . %d in (node_modules) DO @IF EXIST "%d" rm -rf "%d"

Final Word

a single node_modules took about 400MB - 90MB in my cases and total space it took around 10gigabyte - 15gigabyte. it will help you to free up some space in your machine if you have limited SSD, but if you've removed from all the directories, you have to install it again for the project you're working on, keep this in mind.

I hope you enjoyed this article and learnt something valuable, thank you all and stay blessed!

Me: https://ericgit.me

Storybook in ReactJs

HasOne — Tue, 28 Sep 2021 07:09:23 +0000

Storybook is javascript package that helps developer to create organize UI that's self documented, make the developing and building process efficient. once we have created component and we add it to story, so we have example of how our component looks like and the features we can add and help us improve the component. if other developer working on the same team, in case her/she need search component, and you have already made search component, so he can use it and can change according he/her need. it helps to stop recreate same component. so let's get started;

installation

let's install the storybook in our in react project, assuring you already have installed react.

$ npx sb init

once it's done you will see a stories directory insdie src/, this is where we will create our stories. now let's spin up the storybook:

$ yarn storybook

it will open up a new tab similar like this

Button Component Code

great, now let's create a button component:

import React from 'react'
import { makeStyles } from '@material-ui/core/styles';
import PropTypes from 'prop-types';
import CustomButton from '@material-ui/core/Button';
import GridItem from '@material-ui/core/Grid';
import LoopIcon from '@material-ui/icons/Loop';

const Button = (props) => {

    const {
        styleContainer,
        value,
        onClick,
        color,
        variant,
        fullWidth,
        disabled,
        classNameContainer,
        isLoading,
        startIcon,
 } = props;

    const classes = useStyles();

    return (
        <GridItem item lg={lg} md={md} sm={sm} xs={xs} className={classNameContainer}>
            <CustomButton
                onClick={onClick}
                color={color}
                variant={variant}
                fullWidth={fullWidth}
                disabled={disabled}
                className={classes.button}
                startIcon={startIcon}>
                {isLoading ? <LoopIcon className={classes.icon} /> : value}
            </CustomButton>
        </GridItem>
    )
}

const useStyles = makeStyles((theme) => ({
    button: {
        marginBottom: 10
    },
    icon: {
        animation: '$rotateIcon 1s infinite linear',
    },
    '@keyframes rotateIcon': {
        '0%': {
            transform: 'rotate(0)',
        },
        '100%': {
            transform: 'rotate(359deg)',
        },
    }
}));

Button.propTypes = {
    onClick: PropTypes.func,
    color: PropTypes.string,
    variant: PropTypes.string,
    fullWidth: PropTypes.bool,
    disabled: PropTypes.bool,
    className: PropTypes.object,
    value: PropTypes.string,
};
Button.defaultProps = {
    color: "secondary",
    variant: "contained",
    fullWidth: false,
    disabled: false,
    className: [],
    value: "...",
}

export default Button

Story Code

Now exciting moment, let's create story inside stories directory with the same name as component's name and plus .stories, so it becomes like Button.stories.js. we should put stories.js after name: x.stories.js:

import React from "react";

import { Button } from "../components/";

export default {
  title: "Example/Button",
  component: Button,
};

const Template = (args) => <Button {...args} />;

export const Primary = Template.bind({});
Primary.args = {
  value: "Login",
};

The default export metadata controls how the Storybook lists your stories.
Use the named exports of a CSF (Component Story Format) file to define your story. args is argument (props) pass in to component.

in-depth

let's create some advance story, where we do everything

import React from "react";
import { action } from "@storybook/addon-actions";
import AddIcon from "@material-ui/icons/Add";

import { Button } from "../components/";

export default {
  title: "Example/Button",
  component: Button,
  argTypes: {
    onClick: { action: "clicked" },
    color: {
      defaultValue: "primary",
      description: "type description",
      control: {
        type: "select",
        options: ["primary", "secondary"],
      },
    },
    disabled: {
      defaultValue: false,
    },
    fullWidth: { defaultValue: false },
    variant: {
      defaultValue: "contained",
      control: {
        type: "select",
        options: ["contained", "outlined"],
      },
    },
  },
};

const Template = (args) => <Button {...args} />;

export const Primary = Template.bind({});
Primary.args = {
  value: "Login",
};

export const Icon = Template.bind({});
Icon.args = {
  value: "Add New Item",
  startIcon: <AddIcon />,
};

argTyps Component Level args will apply to all stories, unless it's overwritten.
DefaultValue you can provide default value by defaultValue: 'some value' inside object and assign it to props's name.
onClick if you want to detect the onClick listener, you have to import the action addon import { action } from "@storybook/addon-actions";, and the the story it's action. now you will see logs when you click on the button.
control if you have multiple value and you want to render it in dropdown, control object comes into play. control object takes: type property which type it should be. we need "select" and options property where we have multiple values in array.

color: {
   control: {
      type: 'select',
      options: ['primary', 'secondary']
   }
}

Conclusion

Storybook is new way to create component and share across the team, you can see how your component looks like and what the improve you need to add. making the re-usable component easy and maintainable. Storybook becomes important part of front-end developer.

I hope you learnt some today. Thank you so much for reading my article, if you have anything let me know.

https://storybook.js.org/docs/react/get-started/introduction

create geofencing in react | computeDistanceBetween & containsLocation

HasOne — Sat, 04 Sep 2021 18:16:12 +0000

You may find a situation where you need to create a google map and google place autocomplete and limit your service to 5KM radius from a specific address like 5KM around Miami we offer our service, let's learn how we can achieve this

Radius

We'll be using react-google-autocomplete to show autosuggest address while you type, but we need google-place api to get it to work. now create a radius and check if the address contain inside that radius or not.

import Autocomplete from "react-google-autocomplete";


const onPlaceSelectedHandler = (place) => {
    const newAddress = {
      lat: place.geometry.location.lat(),
      lng: place.geometry.location.lng(),
    };

    // create center point; Miami
    const center = new window.google.maps.LatLng(25.4844904, -80.4616389);

    // user selected address
    const to = new window.google.maps.LatLng(
      place.geometry.location.lat(),
      place.geometry.location.lng()
    );

    // now check the distance between two address, is it inside 50Miles 
    const contains =
      window.google.maps.geometry.spherical.computeDistanceBetween(
        center,
        to
      ) <= 8046.72; // meters it's 5Miles

   if (contains) { console.log('go ahead how can we help you') }
   else { console.log('Sorry we do not offer our service yet') }

  }


return (
 <Autocomplete
      apiKey={process.env.REACT_APP_MAP_API}
      className={classes.autocomplete}
      onPlaceSelected={onPlaceSelected}
      componentRestrictions={{ country: "us" }}
      options={{
        types: ["geocode", "establishment"],
      }}
    />
)

computeDistanceBetween(from, to) each argument need latitude and longitude, provide the lat and lng of center and the selected address lat and lng it will return the distance between two point in meters now you make a condition if the retuned meter is less than your 8046.72 (5KM). that's it

Polygon

this is how you can create polygon, you need to collect the lat and lng from all the points and then check it the user selected address contains inside that polygon.

const onPlaceSelectedHandler = (place) => {
        const newAddress = {
            lat: place.geometry.location.lat(),
            lng: place.geometry.location.lng(),
        };

        var polygonCoords = [
            { lat: -33.83585327701507, lng: 151.2809005901216 },
            { lat: -33.73335715102409, lng: 150.8744770943904 },
            { lat: -33.82163832733159, lng: 150.8404448193081 },
            { lat: -33.9974469167501, lng: 151.247420749521 },
            { lat: -33.83585327701507, lng: 151.2809005901216 },
        ];

        var polygon = new window.google.maps.Polygon({
            paths: polygonCoords,
        });

        const contains = window.google.maps.geometry.poly.containsLocation(
            new window.google.maps.LatLng(newAddress.lat, newAddress.lng),
            polygon
        );

       if (contains) { console.log('go ahead how can we help you') }
       else { console.log('Sorry we do not offer our service yet') }
    }

return (
 <Autocomplete
      apiKey={process.env.REACT_APP_MAP_API}
      className={classes.autocomplete}
      onPlaceSelected={onPlaceSelected}
      componentRestrictions={{ country: "us" }}
      options={{
        types: ["geocode", "establishment"],
      }}
    />
)

Thank you for making it to here.

I hope it helped, helpful links:
1) http://jsfiddle.net/5wrejxnm/
2) http://jsfiddle.net/qy7yr/
3) https://developers.google.com/maps/documentation/javascript/reference/geometry#spherical.computeDistanceBetween
4) https://stackoverflow.com/questions/46762911/how-to-use-computedistancebetween
5) https://stackoverflow.com/questions/36640449/google-maps-api-a-lat-is-not-a-function-error

Polygon
6) http://jsfiddle.net/mrummler/x942cyg6/
7) https://developers.google.com/maps/documentation/javascript/examples/polygon-simple
8) https://jsfiddle.net/geocodezip/yqLvjf8z/2/
9) https://jsfiddle.net/iselwin/pcduogka/
10) https://stackblitz.com/edit/react-gvavr9?file=Map.js

JWTManager object has no attribute token_in_blacklist_loader

HasOne — Thu, 12 Aug 2021 11:48:16 +0000

If you're using this error:

AttributeError: 'JWTManager' object has no attribute 'token_in_blacklist_loader'

it because you're using flask-jwt-extended version 4 and alot changed in version 4 you can see here. the token_in_blacklist_loader changed to token_in_blocklist_loader

how to overcome this issue

the recent migration to flask-jwt-extended made alot of improving and the following function now takes two arguments (jwt_header, jwt_payload):

@jwt.needs_fresh_token_loader
@jwt.revoked_token_loader
@jwt.user_lookup_loader
@jwt.user_lookup_error_loader
@jwt.expired_token_loader
@jwt.token_in_blocklist_loader
@jwt.token_verification_loader
@jwt.token_verification_failed_loader

now you can fix the error and the jti is exist in jwt-payload:

@jwt.token_in_blocklist_loader
def check_if_token_in_blacklist(jwt_header, jwt_payload):
    jti = jwt_payload['jti']
    token_in_redis = jwt_redis_blacklist.get(jti)
    return token_in_redis is not False

Thank you so much for reading! If you still see any issue, let me know!

Accessing EC2 Linux instance without .pem file

HasOne — Wed, 21 Apr 2021 14:41:31 +0000

you may find a situation where you want to access your Linux instance from someone's else machine, but your Linux need the .pem key file and you don't want to carry your .pem file to other's machine. why not just create a password for ssh, so let's create it

1) first you have to log in to your Linux box using .pem

$ ssh -i your_pem_file.pem ubuntu@ec2-________.compute-1.amazonaws.com

2) create a user that will access the instance using a password

$ sudo useradd -s /bin/bash -m -d /home/USERNAME  -g root USERNAME

3) create a strong password for the new created user

$ sudo passwd USERNAME
Enter new UNIX password:
Retype new UNIX password:

4) Add user to the sudoers file by using sudo visudo command

USERNAME  ALL=(ALL:ALL) ALL

5) Enable password authenticating by editing /etc/ssh/sshd_config file. and look for PasswordAuthentication

PasswordAuthentication no 
# change it to yes
PasswordAuthentication yes

6) restart ssh demaon

$ sudo systemctl restart ssh

You're done, let's login by password

$ ssh USERNAME@hostname

BOOM you dit it. Make sure to create a strong password as it's less secure using a password rather than .pem file.

Thank you so much for reading my article, I hope you got something to learn today. stay positive and happy coding.

anybody can succeed on the space, so don't listen to nay-sayer.

The 7 Habits of hight effective people!

HasOne — Tue, 09 Mar 2021 08:35:15 +0000

7 HABITS to win the WORLD

1 Be Proactive

Be worried about these things you can control yourself like your day, study…. Just don’t give a shit about which you can’t like Rain, other emotions. What If I fail in something, should I blame others for my failure (Reactive), of course not cause I didn’t work the way expected for something. In simple words, blame yourself for everything you’ve missed in the past. So work your ass off next time.

2 Begin With the End In End

We should be grateful for the live we’ve been gifted but how do we use it? To live the life in this World you should script everything to yourself. What the last word you want to hear from the folks around you after your death. I myself want Good words like “he is an amazing guy, he helped thousand people” but well do I work for that or it’s just dream, do I behave that way. So ask yourself What the heck I’m doing. Keep goals, daily goals, monthly goals, yearly goals like by the end of the year, I’ve to work on the 5 projects. Be effective for your life and go for it!

3 Put First Thing First

We have a thousand things to get it done but there must be one main goal or thing like you want to work for Big Company, so you should first give more time for it. It may be skills to learn, communication, experience. do other things in your spare time like playing games, Facebook, But unfortunately we waste our priceless time in using Social media, uploading images. And in the end, you will end-up nothing. I’m grateful I don’t have any Social Media Accounts, I invested my time in learning instead. And now Tik Tok is ruining your Life, remember those who use it, stealing your data and sell it to third party companies!

4 Think Win-Win

Don’t defeat others for your ego or success, go help him/her, or at least don’t demotivated him/her. if you succeed I will definitely succeed. Falling down someone for your role up, it’s not essential, so change your world!

5 Seek first to understand and then be understood

Have you ever tried to understand someone? Instead, we keep telling the same shit every time what we surround ourselves and criticizing others. if we started being polite and understanding someone's feelings, probably next time our feeling be understood. We need to get down our ego!

6 Synergies

Collaboration changes the world, collaboration founded Google, Facebook, Github. Collaboration makes our Live. We need to collaborate with everybody rather than doing it alone. Make a team then start working and watch the result.

7 Sharpe the Saw

Get yourself some time to be more productive of the next move, if you plan to study 8hours a day without break, you may feel bad after few hours and ovßerloaded, what if you walk for 5min every hour, you would be more productive for the next hours, I bet you!

If you don’t understand these things, you may lost your destination. Find your Clear Vision and then go for it!

Work Hard in Silence, let your success be your noise!

A Special Thanks to @Alton, HATS OFF TO YOU, SIR!