Forem: Sebastian Korotkiewicz

Why is everyone writing tutorials about GIT?

Sebastian Korotkiewicz — Tue, 06 Feb 2024 10:46:22 +0000

After all, everyone probably already knows how GIT works, and new tutorials are constantly being created that show the same thing over and over again.

Why?

Generating Globally Unique IDs in Distributed Systems

Sebastian Korotkiewicz — Tue, 06 Feb 2024 10:10:23 +0000

In today's distributed systems, one of the key challenges is generating unique identifiers (IDs) in highly concurrent and distributed environments. Snowflake, a tool commonly used in distributed systems to generate globally unique IDs with a timestamp component. Discover why Snowflake IDs are a valuable asset for your project.

This library is only inspired by the existing Snowflake project, but is written by me.
So if you find an error, let me know.

Also added a promise to ensure that the ID is never repeated.

Generating Unique IDs in Any Context

Snowflake IDs ensure uniqueness in distributed and multi-threaded environments.

You can also decode any ID to object, here is a example:

import { Snowflake, decodeSnowflake } from "@skorotkiewicz/snowflake-id";

(async () => {
  const machineId = 1; // machine ID (0-1023)
  const snowflake = new Snowflake(machineId);

  const id1 = await snowflake.generate();
  console.log("encodeID", id1);
  // output: 7160521316708126720

  const decoded = decodeSnowflake(id1);
  console.log("decodeID", decoded);
  // output: { timestamp: '2024-02-06T05:12:47.730Z', machineId: '1', sequence: '0' }
})();

skorotkiewicz / snowflake

Are you ready to implement Snowflake IDs in your project? Let me know what ideas you have for their use!

I hope this article has been helpful to you. I look forward to your comments and questions on this topic!

My npm package for simple state management in React

Sebastian Korotkiewicz — Mon, 21 Aug 2023 07:01:19 +0000

Welcome dev community!

Today I would like to introduce you to my npm package, which can be useful for any beginner or advanced JavaScript developer.

To check it out, just install it quickly and easily via npm

$ npm install react-atomize-store
# or
$ yarn add react-atomize-store

A lightweight state management library that simplifies state handling in your applications. Easily manage and update your app's state with minimal code. With built-in support for IndexedDB, it provides a seamless way to persist your state, making it perfect for storing login tokens or other sensitive information securely.

Only two lines to begin with and already on the entire application you can use your state.

import { useAtom } from "react-atomize-store";
const App = () => {
  const [count, setCount] = useAtom("count");
}

Best of all, it also works with React DevTools, where you can enable or disable it from the user's need.

import { useStore } from "react-atomize-store";

const App = () => {
  useStore(
    {
      count: 0,
      username: "adam",
      feeds: [],
      keypair: {},
    },
    true, // enable Redux DevTools
    ["keypair"] // atoms to store in IndexedDB
  );

  return <div>App</div>;
};

There's even no need to add a useStore if you don't need to modify default values and settings, because useAtom already works by itself on your entire React application.

import { useAtom } from "react-atomize-store";

const Dashboard = () => {
  const [feeds, setFeeds] = useAtom("feeds");
  const [count, setCount] = useAtom("count");

  // Adding a new item to the 'feeds' array
  setFeeds((prev) => [...prev, feed]);

  // Overwriting the 'feeds' array with an empty array
  setFeeds([]);

  // Removing an element from the 'feeds' array
  setFeeds((prev) => prev.filter((item) => item.id !== feedId));

  setCount((prev) => prev + 1);

  console.log(feeds, count);

  return <div>Dashboard</div>;
};

skorotkiewicz / react-atomize-store

A lightweight state management library that simplifies state handling in your applications. Easily manage and update your app's state with minimal code.

I invite you to test and write a few opinions what you think about the package.
I will gladly accept PR!

Licom – browser plugin for comments on every webpage

Sebastian Korotkiewicz — Sat, 23 Apr 2022 06:45:05 +0000

Hello!

I would like to show you my little project, which I have been working on for the last few days.

It is a simple plugin for your browser, which adds the possibility of commenting literally every web page.

The project is created in React and the server is created in Restify + Prisma.

If you find some time, you can test my plugin and write what you think about it :)
Of course the project is open-source :)

Interesting fact to add here is that I use ED25519 keys to sign every comment, the key is generated at registration and used to login.
So save your generated private key to be able to login again ;)

skorotkiewicz / Licom

Write and read comments on every page with a simple plug-in for your browser

Website: https://licom.fly.dev

New npm package that may help you with JavaScript

Sebastian Korotkiewicz — Mon, 12 Jul 2021 04:06:38 +0000

Welcome dev community!

Today I would like to introduce you to my npm package, which can be useful for any beginner or advanced JavaScript developer.

It's a collection of functions inspired from Python and rewritten for JavaScript, so now you can easily e.g. capitalize a string or display e.g. last 4 characters from a string.

To check it out, just install it quickly and easily via npm

$ npm install simhok
# or
$ yarn add simhok

Now all we have to do is import the package into JS project

// Import what you need
import { len, log } from "simhok"

// Import all functions
import * as Sim from "simhok"

// In node.js
const { len, log } = require("simhok");

Available functions

const user = "sebastian";
const users = ["sebastian", "klaudia"];
const hello = "hello world";

len(user);             // number:9
len(users);            // number: 2
capitalize(hello);     // string: Hello world
capitalizeAll(hello);  // string: Hello World
upper(user);           // string: SEBASTIAN
lower(user);           // string: sebastian

startsWith(user, "s"); // boolean: true
startsWith(user, "S"); // boolean: false
endsWith(user, "n");   // boolean: true

rstrip(user, "an");    // string: sebasti
lstrip(user, "s");     // string: ebastian

split(user, [0]);      // string: s
split(user, [0, 2]);   // string: se
split(user, [3, 0]);   // string: astian
split(user, [0, -3]);  // string: ian

let james_bond = 7;
zfill(james_bond, 2);  // string: 007

count([1,2,1,3,1], 1); // number: 3
compareIgnoreCase("Sebastian", "sebastian"); // boolean: true

abs(42);              // number: -42
abs(-42);             // number: 42

n("1_000_000")        // number: 1000000

log("This is pretty awesome 🎉"); // "This is pretty awesome 🎉"

Example in React

import { len, upper } from "simhok"; 

const App = () => {
  let name = upper("Sebastian");
  let users = len(["Sebastian", "Klaudia"]);

  return <div>{users > 0 && name}</div>;
};

import * as Sim from "simhok"; 

const App = () => {
  let name = Sim.upper("Sebastian");
  let users = Sim.len(["Sebastian", "Klaudia"]);

  return <div>{users > 0 && name}</div>;
};

skorotkiewicz / SimHok

A lightweight and easy-to-use library for features you probably use every day

I invite you to test and write a few opinions what you think about the package.
I will gladly accept PR!

Post edited at: 16/06/2021

Merge multiple CSV files and remove duplikats (e.g. Keepass)

Sebastian Korotkiewicz — Tue, 01 Jun 2021 22:30:23 +0000

I would like to present you a simple script which I wrote when I needed to merge the passwords database from LastPass to my current KeepassXC database.

Let's start with my example, you want to migrate from LastPass but you already have existing passwords in Keepass.
You can use merge tool built in Keepass but unfortunately it adds new records without checking if there is already one, which causes duplikats in the database.

That's why I wrote this script which will merge multiple databases exported in CSV and remove duplikats automatically.
But don't worry, if even one column differs, it does not remove it but adds it as a new one. This way you will not lose any entries.

ProHint: If you are esporting a database from LastPass (or other services), add the exported CSV first to the new Keepass database and set the columns you have on your other Keepass database and export as new CSV file. This will make sure you have the same columns in the current database and the new one.

Usage

To install and start the CSV database merge you can easily install from npmjs.com

$ npm install merge-csv-keepass -g
or
$ yarn global add merge-csv-keepass

It is very easy to use, after installation you have access to a new command merge-csv-keepass where you just need to add few arguments and you are done!

Example, we have a database db1.csv and db2.csv we want to merge them into a file merged_db.csv to do this we run the command:

merge-csv-keepass -source db1.csv db2.csv -output merged_db.csv

Done! Simple, isn't it?

Keep in mind that the script does not check if the output file exists! If it exists it will overwrite it!

Of course you can add more databases than just two to merge, or even just one database to only remove duplikats from it.

The whole project is open source and available on Github.

skorotkiewicz / merge-csv-keepass

Merge multiple databases and remove duplikats from CSV files (e.g. Keepass)

Enjoy your merging! :)

Getting started with IRC and Weechat

Sebastian Korotkiewicz — Mon, 24 May 2021 12:11:32 +0000

Hi, first of all I would like to tell you what IRC is, I will explain it in simple words so that even non-technical people can start playing with IRC.
In very simple terms, IRC is a server with rooms where each user can create their own room and chat with others.
Each room can have its own rules, where you can set for example if unregistered users can access the room, if everyone can change the room title etc...

Today I will describe how to start chat with IRC with my favorite IRC Weechat client, it's a terminal client, but don't worry, it's very easy to configure and use on a daily basis, and if you have your own server you can even set it up in screen -S weechat :)

Shall we get started? Here we go!

Install Weechat

First we need to install our new IRC client, there are many ways to install it, depending on which system you use.
On Archlinux you just need pacman -S weechat and on macOS brew install weechat.
Today I will focus on compiling Weechat, so everyone can run it on any system.

No worries as you saw the word compile, weechat is very easy to compile :)

You can skip the compilation step and download the finished weechat from weechat.org. But what fun is that?

For those who didn't skip the compilation step, here's a small and quick tutorial.

$ mkdir build
$ cd build
$ cmake .. -DCMAKE_INSTALL_PREFIX=/path/to/directory
$ make
$ make install

If you are root, you can remove "-DCMAKE_INSTALL_PREFIX=/path/to/directory"

Configuration

That's it! We now have Weechat, you can run it with a command, guess what? Of course "pigchat", just kidding, we use the weechat command to launch our new IRC client.

There's nothing interesting at the beginning, so it's a good idea to add an IRC server so you can connect and enter the room.

To do this, type /server add <any name> <server address> into weechat

/server add libera irc.libera.chat

Remember to save your settings after each command, otherwise you will have to set weechat again each time, which is not convenient.

So run it:

/save

Connecting

We have our server, it would be nice to connect to it, to do this you can type /connect libera, simple, but do you want to type the command every time to connect? No!
That's why it makes sense to do an autoconnect!
Weechat wants to help us to use IRC quickly and comfortably, so we set it to:

/set irc.server.libera.autoconnect on

And don't forget to /save!

From now on, it will automatically connect to the IRC server. You can enter rooms anonymously and talk.
To enter a room, type /join #<room name>

/join #libera

Remember to always connect via SSL if your server allows it, our libera.chat server supports SSL, so set it up:

/set irc.server.libera.addresses "irc.libera.chat/6697"
/set irc.server.libera.ssl on
/save

Nickname

But you will probably want to have your own permanent nickname on an IRC server, and NickServ can help you with that (not every server has it, but most do)

Let's start with a simple configuration of your data:
Set up your username and your real name in Weechat. (optional step)

/set irc.server.libera.username "My user name"
/set irc.server.libera.realname "My real name"
/save

To register your nickname with NickServ enter:

/nick <your nickname>
/msg NickServ REGISTER YourPassword youremail@example.com

Be sure to enter your real e-mail address, as a confirmation code will be sent to your mailbox.
Check your mailbox, you should receive an e-mail with such a message:

/msg NickServ VERIFY REGISTER <your nickname> 4vH6x28BXrgT7E

Type this message into weechat and you are now properly registered and verified!

/msg nickserv identify xxxxxxx

To avoid having to manually log into your account all the time, add your login details to the configuration!

/set irc.server.libera.sasl_mechanism plain
/set irc.server.libera.sasl_username "mynick"
/set irc.server.libera.sasl_password "xxxxxxx"
/save

Exit weechat /quit and run weechat again to see if you automatically connect to the server and are automatically logged in, if you did everything right, you are properly logged in.

You are now ready to begin.

Chat

But Now I'll give you a quick explanation on how to use the weechat interface first enter multiple channels:

/join #libera
/join #linux
/join #hswaw

You can navigate between them by pressing ALT+up arrow/down arrow

If you want it to automatically enter your favorite rooms when you start weechat, type it:

/set irc.server.freenode.autojoin "#libera,#hswaw"
/save

To leave the room channel:

/close

To write a private message to someone:

/query <user> message

And go to the buffer with ALT+arrows

Bonus

Quite useful information:
You have probably noticed that all the time the IRC server is "spamming" you with messages that someone has joined or left, for this you can set a "smart filter" where it will only show you information about someone leaving if they have recently texted something.
Very useful!

/set irc.look.smart_filter on
/filter add irc_smart * irc_smart_filter *
/save

Conclusion

You know how to...
- ...install, compile weechat.
- ...connect to the server.
- ...enter the room.
- ...register and log in.
- ...automate the connection and login process.
- ...send messages.
- ...navigate through the.

You are ready!

For more detailed information about Weechat please visit official Weechat documentation, I highly recommend Weechat intergration with ZNC or custom interface!

ChanServ

If you want to register your own channel and set up ChanServ Guard, I recommend my older blog post.

Boger - my new React project, an alternative to Omegle

Sebastian Korotkiewicz — Wed, 05 May 2021 12:21:21 +0000

Hello, dev comunity! :)
Today I wanted to show my new project created in React, Redux and NodeJS, it's a quite unusual alternative to the popular Omegle.

You can not only talk via text or video chat, but you can also randomize the topic of conversation by pressing the "Break the Ice" button or send each other photos.

The site always tries to choose first a random stranger who speaks the same language as you, you can change the language in the settings.

Recently I added also creation of Space rooms, where you can talk with chosen person after giving link, as well as creation of Space groups, where there can be many strangers in one group.

In settings you can also change displaying messages style from text to bubbles or turn off automatic changing of smileys to Emoji :)

Both photo and video chat are sent via WebRTC, which means that no server is affected.

What do you think about my little project?
Any suggestions what I can change, add or improve?
If you have found a bug, please report it to me here, or in the form on the site.

My project can be found at: boger.js.org

If anyone wants to help translate the site, they can do so via Pull Request to GitHub:
https://github.com/skorotkiewicz/Boger-Translations

HashChat - Chat with person with same interests as you

Sebastian Korotkiewicz — Tue, 20 Apr 2021 06:59:10 +0000

I created a chat room where you can meet people with the same interests as you.

Check it out at hashchat.js.org

The most interesting thing about HashChat is that every message before sending to server is encrypted with public key of your partner, where after receiving message only he can decrypt the message with his private key.

I haven't seen any site yet which encrypts messages with bitcoin and this seems like a really interesting way to do it.
The bitcoin address with the keys is generated in your browser each time you access the site.
Only the public key and address is sent to your chat partner.

While writing this I got the idea that I could add importing own bitcoin keys.
TODO: Import your bitcoin key.

To generate user avatars I use a site that has pretty much the same name as HashChat, it's robohash.org, and it generates a unique avatar based on the given name, so when you type your nickname on HashChat, you'll always have the same avatar.

Feel free to test HashChat, the whole project is completely OpenSource, you can be a member of the project, every line of code counts :)

skorotkiewicz / HashChat

Simple chat with person with same tags as you!

How do you like the idea and implementation?
Write in the comments what you think about HashChat.

My GPG setup for developing and more

Sebastian Korotkiewicz — Sun, 19 Jul 2020 00:09:47 +0000

Generating a new GPG key

If you don't have your own GPG key yet, it's time to generate one for yourself, you can find a great guide on the GitHub website.

Enter a valid email address!

$ gpg --full-generate-key

Telling Git about your GPG key

Git supports signing your commits with GPG, we already have our generated key, so we can add it to our Git client so that every new commit is signed with our key.

We must first check our GPG key ID, in our case, our key has an ID EC9494C3BEC89171

$ gpg --list-secret-keys --keyid-format LONG
sec   rsa4096/EC9494C3BEC89171 2020-07-18 [SC]
uid                 [ultimate] Gnu Exampler (My GPG Key) <example@example.com>
ssb   rsa4096/98E78B644E6D2336 2020-07-18 [E]

Now we can add our GPG key ID to Git.

$ git config --global user.signingkey EC9494C3BEC89171

From that moment on, each of our new commits will be signed with our GPG key.

Adding a new GPG key to your GitHub/GitLab/Gitea account

GitHub, GitLab or Gitea support displaying signed commits, just add your PUBLIC GPG key to GitHub, GitLab or Gitea.

To display your public key:

$ gpg --export -a "EC9494C3BEC89171"

-----BEGIN PGP PUBLIC KEY BLOCK-----

mQINBFR7CqsBEAC8PymJ5IrL3ZFgPtFXdrzwVa1fsKQ51/vaxQbPdamIyIzxRGH8
...
-----END PGP PUBLIC KEY BLOCK-----

To add a public GPG key to the GitHub/GitLab/Gitea you need to enter your account settings and click on the SSH and GPG keys tab.

Your Git is ready to use GPG!

More...

But it's not over, you can do even more with GPG e.g. encrypt Mail or XMPP messages! Or sign your own posts, for example on a blog posts.

I use the Mail Thunderbird client with the free Enigmail plugin to encrypt/decrypt emails.
For chat I use PSI+ communicator to encrypt messages on XMPP, but almost every XMPP communicator already has GPG support, (such as Dino and Gajim).

Here you can see more interesting programs that support GPG encryption, Software.

Confirmation of identity

We live in an era where we have many accounts, where everyone can steal our identity, but with GPG, this problem can also be solved.
For example, Keyoxide can come to your support, where you can easily create your trusted profile and confirm that the accounts belongs to you.

Nobody without your private key is able to add anything to your public key.

First, we need to get to know our GPG fingerprint:

$ gpg -k "EC9494C3BEC89171"
pub   rsa4096 2020-07-18 [SC]
      367EE902C81248482C3214DFEC9494C3BEC89171
sec                 [ultimate] 2020-07-18 [SC]
uid                 [ultimate] Gnu Exampler (My GPG Key) <example@example.com>
ssb                 [ultimate] 2020-07-18 [E]

In our case, it's 367EE902C81248482C3214DFEC9494C3BEC89171.

But step by step, e.g. we have our Twitter account, we want to confirm that only this account belongs to us.

To do this, go to Keyoxide Twitter page and open a guide on how to confirm your Twitter account and step by step do what is written in the guide! :)

1) Post a Twitter proof message

2) Log in to twitter.com and compose a new tweet with the following text (make sure to replace FINGERPRINT):

This is an OpenPGP proof that connects my OpenPGP key to this Twitter account. For details check out https://keyoxide.org/guides/openpgp-proofs

[Verifying my OpenPGP key: openpgp4fpr:FINGERPRINT]

3) After posting, copy the link to the tweet.

4) First, edit the key (make sure to replace FINGERPRINT):

$ gpg --edit-key FINGERPRINT

5) Add a new notation:

notation

6) Enter the notation (make sure to update with the link to the tweet copied above):

proof@metacode.biz=https://twitter.com/USERNAME/status/1234567891234567891

7) Save the key:

save

8) Upload the key to the server (make sure to replace FINGERPRINT):

$ gpg --keyserver hkps://keys.openpgp.org --send-keys FINGERPRINT

And you're done! Go to your profile page, https://keyoxide.org/FINGERPRINT it should now show a verified Twitter account.

Remember to use Keyoxide you must first send your GPG public key to the key server (keys.openpgp.org) and verify the email!

Here is my trusted profile on Keyoxide.org

OpenPGP identity proof

Sebastian Korotkiewicz — Thu, 16 Jul 2020 17:28:17 +0000

This is an OpenPGP proof that connects my OpenPGP key to this dev.to account. For details check out https://keyoxide.org/guides/openpgp-proofs

[Verifying my OpenPGP key: openpgp4fpr:b498e2e410902f8aec108f4f5bdc557b496bdb0d]

1998 vs 2020

Sebastian Korotkiewicz — Mon, 13 Jul 2020 21:56:38 +0000

1998:

Don't get into strangers's cars

Don't meet people from the internet

2020:

Literally summon strangers from the internet to get into their car