teleren/devto huggingface dataset:
Increased productivity with IntelliJs Issue Navigation
Tags: productivity, tooling, intellij, tips
Published: 2022-05-26 10:06:59


Today I want to present you a handy feature within [IntelliJ IDEA](https://www.jetbrains.com/idea/) that will make your everyday work easier when trying to understand specific code parts.

It enables you to navigate directly from the *Version Control* or *Annotate-Sidebar* to the corresponding JIRA-Page by simply clicking at the ticket-id, when the id-pattern is detected.


![IntelliJ, Issue Navigation](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/649qvdodkubvfjv7uf3f.png)

## Use Case

When working in a corporate environment, bigger team or project, you probably use an **Issue Tracking Software** like [Atlassian JIRA](https://www.atlassian.com/software/jira). Depending on how strict your commit rules are, you will have to write the ticket number within the commit messages. This common practice will help other people to understand the context of the change better. Furthermore, when looking at a ticket, there is a detailed description and maybe a discussion within the comment section,  which will help to understand why certain decisions were made.

During software development, you will stumble across code that you want to understand in more detail. Therefore you are probably using the *Annotate with Git Blame* feature to get more insights of the current line or section. When there is a ticket number in the commit message, you probably copy it out, navigate manually to JIRA, and paste the ticket number into the search bar.
IntelliJ´s [**Issue Navigation**](https://www.jetbrains.com/help/idea/settings-version-control-issue-navigation.html) feature is the solution for this manual and annoying process. It maps the ticket-id with the JIRA page and makes the ticket-ids clickable across the whole IDE.

- Improves your productivity
- Well integrated into the IDE
- It makes the everyday work easier


## Configuration
You can enable and configure the issue navigation within the settings menu.
It is possible to check if your expression is working by entering your ticket-id in the *Example* section and you will see if the issue link is generated correctly.

**Expression:** `[A-Za-z\d]+-\d+`

**Link:** `https://example.atlassian.net/browse/$0`


![IntelliJ, Configure Issue Navigation](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/deme87u45mn685c0acdy.png)

***


Thank you for reading! If you know other less-known tips or have feedback to share, feel free to write it in the comments.
You’re also welcome to share this guide with other friends and colleagues. Thanks!
How does RustDesk work? OpenSource TeamViewer Alternative.
Published: 2022-05-26 10:03:26

https://github.com/rustdesk/rustdesk/wiki/How-does-RustDesk-work%3F
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mkv3t02yvl1o43plijr0.png)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a1a0yx2r6957bo6ej3gv.png)
Electron application is checking read/write access from root directory to current directory
Tags: electron
Published: 2022-05-26 09:32:32

Hey we are launching electron application from D:Common/Application/ElectronForAP for user1. 

While launching ElectronForAP application, it is checking write/read access in D:, D:Common/, D:Common/Application/ and D:Common/Application/ElectronForAP path (From root directory to current directory).

User1 has read/write access to D:Common/Application/ElectronForAP path but user1 does not have read/write access to D:, D:Common/, D:Common/Application/ directory .So ElectronForAP  application is not launching.

Can we change configuration in electron application to stop checking read/write access in D:, D:Common/, D:Common/Application/ directory ?
Do not learn programming...
Tags: beginners, programming, tutorial, codenewbie
Published: 2022-05-26 09:05:55

A lot of people will not initially agree with the title of my post but they will agree eventually.

So imagine you want to be a football player. All you do is to read about football from books and mostly watch players play on television. You have mastered each and every skill either by reading or watching someone else.  You have also watched some of the most skillful players play during live matches so much so that you can even predict the opponent's next move.  After sometime, you think you are ready to go pro. By some mystery, you get called up by one of the top football clubs to come justify yourself. So you go to the training field very confident that you can do better than all the other players. Then training start and you are watching from the bench. Whenever someone makes a wrong pass or tackle, in your head, you'd be like, "I can do better than this guy 😒". You couldn't wait to be on the pitch. Then the coach points to you to get ready. You got up all dressed and warmed up. Now you are thrown into the battle field (the football pitch) and all of a sudden you froze 🥶. You've forgotten all those skills that you've read and watched other people do. You can't string a single pass to your nearest team member. You can't stop an opponent from scoring. Worst you can even shoot to score from 2 yards. In summary, you are a complete flop. You are nothing but a liability to the team. Well by then, the coach has seen enough and pulls you out. That's it for you. You didn't make it. You didn't get that contract you so 'worked hard for'. And you start to ask yourself, 'What went wrong? 😢'.
Well it's simple. You failed to learn how to play football. Football is a game that requires you to practice day in day out. There are times you'll learn things from books and videos but you need to go out on the pitch and put it into practice. 

So enough about football (hope you get the analogy by now). If you want to good at programming,  you need to practice all that you read and watch. A lot of beginners think they will just watch YouTube videos and that will make them the next big coding star. If you want to be a good software engineer, you need to practice more. Do not ever think that the videos are enough to make you that good.
Do not learn programming by just reading and watching videos. Turn on your computer, follow the tutorials and start building your own projects. You will definitely make mistakes but its all part of the learning process. Mistakes will make you learn new things that probably was never mentioned in the tutorials. Do not give up. Focus on getting better. You can seek help from various communities and platforms. And hey, Google is always there for you 😉.
And I bet now you'll agree with me.
See you on the next one 👋.
How css calculate units(%, em, rem) to absolute px
Published: 2022-05-26 08:59:28


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k10o7krnlaleof14e8oo.png)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o4f2eu38fbn1opp8fszo.png)
Vue 3 Composition API + socket.io
Tags: vue, socketio, javascript, webdev
Published: 2022-05-26 08:48:32

Migrating from Vue 2 to Vue 3, you might want to start using Composition API.

If you want to use socket.io you can search 'vue 3 socket.io' and find [`vue-3-socket.io`](https://www.npmjs.com/package/vue-3-socket.io). You will see following in it's readme:

```js
this.sockets.subscribe('EVENT_NAME', (data) => {
    this.msg = data.message;
});
```

But Vue 3 Composition API is about to use `setup()` or `<script setup>` and there's no `this`.

So you have to use socket.io directly, without Vue plugin:

`socket.io.js`

```js
export const useSocketIO = () => {
	const socket = io('ws://localhost:3000')
	return {
		socket,
	}
}
```

`MyComponent.vue`

```vue
<script>
import { defineComponent } from 'vue'
export default defineComponent({
	setup() {
		const { socket } = useSocketIO()
		socket.on('welcome', () => { console.log('welcome') })
	}
})
</script>
```

But why not just export `socket` from `socket.io.js` and import it in a component? If I do that, I can emit events but cannot subscribe on them. Maybe it's because I use Quasar 2 with SSR mode.
Create Azure Container Apps with terraform
Tags: azure, terraform, cloudnative
Published: 2022-05-26 08:33:58

Microsoft announced at Microsoft Build that [Azure Container Apps](https://azure.microsoft.com/en-us/services/container-apps/) are now generally available (GA).

If you're not familiar with Azure Container Apps (ACA) I suggest you to go and check out the documentation [here](https://docs.microsoft.com/en-us/azure/container-apps/?ocid=AID3042118). 

> Fully managed serverless container service for building and deploying modern apps at scale

This is how Microsoft itself markets the product.

I think it's a very interesting platform and it offers some of the benefits of Kubernetes, abstracting a lot of concepts and complexity.

In order to start playing around with it, I usually create a repo with some terraform code so I can spin up a set of resources, play with them and then destroy all of them when I'm done.

As you may know not all Azure resources are available in terraform azure provider(s) from day 1, but for a month or so we have the awesome **AzApi** provider for terraform.

Follow [this](https://github.com/hashicorp/terraform-provider-azurerm/issues/14122) github issue that tracks adding support for it in the **azurerm** official provider.

>The AzAPI provider enables you to manage any Azure resource type using any API version.

Thanks to this provider it is very easy to create an Azure Container App with terraform.

Here's how you configure the provider:
{% gist https://gist.github.com/ilmax/11817b6c0e00df9237ae54e2c5fcef84 file=provider.tf %}

Here you can see how you can use **azapi_resource** to create an Azure Container App
{% gist https://gist.github.com/ilmax/11817b6c0e00df9237ae54e2c5fcef84 file=containerapp.tf %}

## Tips
In order to discover the properties, I first make the changes it in the Azure portal, then I'm running the following **az-cli** command:

`az containerapp list`

and then you need to transform the json to the terraform equivalent.

You can also install [Terraform AzApi Provider Visual Studio Code Extension](https://marketplace.visualstudio.com/items?itemName=azapi-vscode.azapi) VS Code extension that should provide completion support.

> Kudos to [piizei](https://github.com/piizei) for coming up with the suggestion [here](https://github.com/hashicorp/terraform-provider-azurerm/issues/14122#issuecomment-1101561028)

If you want to see a more advanced example, you can give a look at my repo [here](https://github.com/ilmax/container-apps-sample/blob/main/infra/container-app.tf). 

Hope you find this helpful, if you have any question/suggestion, don't hesitate to comment!
My Dream Desk Setup, that I don't have (As a Non-Millionaire)
Tags: discuss, productivity, showdev, career
Published: 2022-05-26 08:29:46

So today I am going to show you what would be on my dream desk-setup. 

**_NOTICE, I DON'T CURRENTLY I DON'T HAVE THIS DESK SETUP BECAUSE I AM BROKE. THIS IS MY DREAM DESK SETUP THAT I HOPE TO HAVE ONE DAY_**

[IKEA Bekant standing desk](https://www.ikea.com/us/en/p/bekant-desk-sit-stand-black-stained-ash-veneer-black-s59281814/)
They look cool and I don't want to visit Dr.Mike when I am old

[IKEA LOBERGET chair](https://www.ikea.com/us/en/p/loberget-malskaer-swivel-chair-pad-white-black-dark-gray-s09331939/#content)
It was the cheapest one

[LG Ultrawide Monitor](https://www.lg.com/us/monitors/lg-34wn780-b-ultrawide-monitor)
It's Made for programming 

[LG 27" Monitor (Will be using it vertically)](https://www.lg.com/us/monitors/lg-27un850-w-4k-uhd-led-monitor)
Cause u can see your code without scrolling

[Keychron K2 Mechanical Keyboard](https://www.keychron.com/products/keychron-k2-wireless-mechanical-keyboard?variant=31063869587545)
Cause how will people know you are coding if u don't have a mechanical keyboard

[Logitech MX Mini](https://www.logitech.com/en-us/products/keyboards/mx-keys-mini.920-010388.html)
When u just want peace

[Logitech MX Master 3](https://www.logitech.com/products/mice/mx-master-3.910-005698.html)
It is the most popular mouse

[Sony WH-1000XM5 Headphones](https://electronics.sony.com/audio/headphones/all-headphones/p/wh1000xm5-b)
Have u ever heard them, they sound better then listening other people cry over the bugs in their code that u caused in the first place

[Grovemade Desk Mat/Pad](https://grovemade.com/product/wool-felt-desk-pad/)
The texture and feeling is so good

[Grovemade Headphone Stand](https://grovemade.com/product/wood-headphone-stand/)
If I can afford all of this, why not a headphone stand too

[IKEA Table Lamp](https://www.ikea.com/us/en/p/svallet-work-lamp-with-led-bulb-dark-gray-white-10358490/)
I like the lamp's shape and it is cheap 

[IKEA Koppla Power Outlet](https://www.ikea.com/us/en/p/koppla-6-way-adaptor-plug-grounded-white-70085345/)
Cause otherwise how the hell am I going to plug in all of this

[Satechi USB-C Adapter](https://satechi.net/products/slim-multi-port-adapter-with-ethernet)
What's wrong with a few extra ports and a few extra dollars gone out of your wallet

[Logitech Z207 SPEAKERS](https://www.logitech.com/en-us/products/speakers/z207-stereo-speakers-bluetooth.980-001294.html)
They are just for show, I am never going to use them.

[Logitech Brio-4k webcam](https://www.logitech.com/en-us/products/webcams/brio-4k-hdr-webcam.960-001105.html)
I want people to see my ugly face in 4k
What is the importance of API security for businesses today?
Tags: blst, startup, api, security
Published: 2022-05-26 08:26:14

**Hi everyone,** 😊

Before I go and explain why API security is important for businesses world wide, I want to let you know that we at [BLST Security](https://www.blstsecurity.com/) launched our SaaS solution and were excited about it. You can also sign up for a free account and easily start securing your API today.

API security becomes increasingly important as APIs are increasingly used to connect applications and data. APIs can be secured in several different ways, such as authentication, authorization, encryption, and rate limiting. Businesses should secure APIs to **protect sensitive data**, and APIs should be used by consumers with awareness of risks.

Since APIs are increasingly being used to connect applications and data, API security is crucial for businesses today. APIs are also being used more and more to expose data and functionality to third parties. It is very important, then, that APIs are safe and that unauthorized users can't get to the data and functions they expose.

APIs can be secured in a number of ways, including using authentication and authorization, ensuring that data is encrypted, and implementing rate limiting. In addition to authentication and authorization, encryption can protect data from being accessed by unauthorized users. Rate limiting can also help stop **DoS attacks** and keep APIs from getting too busy.

API security is important for both businesses and consumers. APIs can be used to **access sensitive data,** including financial and health information. If an API is not properly protected, this information could be accessed by people who shouldn't be able to and used for identity theft or fraud.

API security is an important issue for both businesses and consumers. Businesses should properly secure APIs, and API users should be aware of the **risks associated** with using APIs.
Due to the ability for APIs to access sensitive data, API security is essential for businesses. If an API is not properly secured, unauthorized users could access this data and use it for identity theft or fraud. Consumers should be aware of the risks of API usage.

Before we end, you should check out our **open source API security tool** designed by developers for developers ⭐ -
https://github.com/blst-security/cherrybomb

In conclusion, secure your API today and start it early in the SDLC pipeline where it’s easier and more cost-effective to mitigate any missing validation and avoid these crucial bugs hitting production.


**Thank you for reading!**
Choose your preferred major version on all open-source managed software!
Tags: opensource, elestio, version
Published: 2023-10-11 12:14:19

---
title: Choose your preferred major version on all open-source managed software!
published: true
date: 2022-05-26 08:15:13 UTC
tags: opensource, elestio, version
canonical_url: https://elestio.hashnode.dev/choose-your-preferred-major-version-on-all-open-source-managed-software
---

Security patches, new features, bug fixes, and performance improvements are all goods reason to always stay up-to-date. But, it can be really time-consuming for the DevOps team.  
This is why we have developed an automated update system on Elestio.

When creating a new service, choose your preferred version, and it will take care of updating your service automatically.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1697005660119/614086e1-35ae-43b1-8755-71d8c38b60ae.png)

When your service is deployed, we will automatically apply minors updated in the configured maintenance window.  
You can also change the major version from your service overview.

_Originally published at_ [_https://blog.elest.io_](https://blog.elest.io/choose-your-preferred-major-version-on-all-open-source-managed-software/) _on May 26, 2022._
Laravel queues with supervisor - Docker Configuration
Tags: laravel, php, docker, webdev
Published: 2022-05-26 08:13:55

I am writing this blog for those people who are facing difficulties for setting up the queues with supervisor using docker. 

So we'll going to create a separate service of docker for supervisor to do better performance.

first we need to configure the main `docker-compose.yml` :

```
supervisor:
    build:
      context: .
      dockerfile: {path to file}/supervisor.dockerfile
    container_name: supervisor
    volumes:
      - ./src:/var/www/html
    networks:
      - laravel

```

then need to create a separate dockerfile for supervisor `supervisor.dockerfile` 

```
FROM php:7.4-fpm-alpine // I'm using 7.4 you can use php-version as per your application.

RUN docker-php-ext-install pdo pdo_mysql

RUN apk update && apk add --no-cache supervisor

RUN mkdir -p "/etc/supervisor/logs"

COPY {path to file}/supervisord.conf /etc/supervisor/supervisord.conf

CMD ["/usr/bin/supervisord", "-n", "-c",  "/etc/supervisor/supervisord.conf"]

```

after that we need to create a `supervisord.conf` configuration file and set the logs directory and etc... in it.

```
[supervisord]
logfile=/etc/supervisor/logs/supervisord.log ; main log file; default $CWD/supervisord.log
logfile_maxbytes=5MB         ; max main logfile bytes b4 rotation; default 50MB
logfile_backups=10           ; # of main logfile backups; 0 means none, default 10
loglevel=info                ; log level; default info; others: debug,warn,trace
pidfile=/tmp/supervisord.pid ; supervisord pidfile; default supervisord.pid
nodaemon=false               ; start in foreground if true; default false
minfds=1024                  ; min. avail startup file descriptors; default 1024
minprocs=200                 ; min. avail process descriptors;default 200

[rpcinterface:supervisor]
supervisor.rpcinterface_factory = supervisor.rpcinterface:make_main_rpcinterface

[supervisorctl]
serverurl=unix:///tmp/supervisor.sock ; use a unix:// URL  for a unix socket

[program:laravel-worker]
process_name=%(program_name)s_%(process_num)02d
command=php /var/www/html/artisan queue:work
autostart=true
autorestart=true
stopasgroup=true
killasgroup=true
numprocs=1
redirect_stderr=true
stdout_logfile=/var/www/html/storage/logs/worker.log
stopwaitsecs=3600
stdout_logfile_maxbytes=5MB
```

and that's it.

now run & rebuild the docker container and it's worked like a boom 💥

Thanks for reading.

** If you have any question so you can ask in comment section
PHP COOKIE 🍪 PACKAGE
Tags: php, opensource, c4rl3, devjournal
Published: 2022-05-26 08:02:43

I just made a simply package to handle Cookie 🍪 in PHP.

Look at [Twitter](https://twitter.com/CarleDev/status/1529733984099393541?t=5wXeiYNvOiojIGoj2uNsiQ&s=19) please
Enjoy Programming-Themed Humor? Here's today's daily developer joke!
Tags: jokes, dailydeveloperjokes
Published: 2022-05-26 08:00:29

---
title: "Enjoy Programming-Themed Humor? Here's today's daily developer joke!"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
published: true
tags: #jokes, #dailydeveloperjokes
---

Hi there! Here's today's Daily Developer Joke. We hope you enjoy it; it's a good one.

![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e12596739999.png)

---

For more jokes, and to submit your own joke to get featured, check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/). We're also open sourced, so feel free to view [our GitHub Profile](https://github.com/dailydeveloperjokes).

### Leave this post a ❤️ if you liked today's joke, and stay tuned for tomorrow's joke too!

_This joke comes from [Dad-Jokes GitHub Repo by Wes Bos](https://github.com/wesbos/dad-jokes) (thank you!), whose owner has given me permission to use this joke with credit._

<!--
Joke text:
___Q:___ Why couldn't the React component understand the joke?

___A:___ Because it didn't get the context.
 -->
What is the use of Proxy and Reflect in JavaScript?
Tags: help, javascript, programming, codenewbie
Published: 2022-05-26 07:54:48

I have read the documentation for [Proxy](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy) and [Reflect](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Reflect) on MDN but didn't understand much. Can anyone please explain or mention the real world use of these `ES6` features.

- One of the good use of proxy I found is that we can declare our object values as private - 

```javascript
const object = {
    name: "Rajesh Royal",
    Age: 23,
    _Sex: "Male"
}

const logger = {
    get(target, property){
        if(property.startsWith("_")){
            throw new Error(`${property} is a private property.`);
        }
        
        console.log(`Reading the property ${property}`);
        return target[property];
    }
}

const Logger = new Proxy(object, logger);

// now if you try to access the private property it will throw an error
Logger._Sex

Uncaught Error: _Sex is a private property.
    at Object.get (<anonymous>:4:19)
    at <anonymous>:1:8
```