teleren/devto huggingface dataset:
Segurança e eficiência: por que evitar incluir o arquivo .env no processo de build do projeto
Tags: javascript, segurança
Published: 2023-03-27 03:00:13

---
title: Segurança e eficiência: por que evitar incluir o arquivo .env no processo de build do projeto
published: true
description: 
tags: 
 - javascript
 - segurança
# Use a ratio of 100:42 for best results.
# published_at: 2023-03-27 02:48 +0000
---

O arquivo .env é um componente importante de muitos projetos, especialmente aqueles que dependem de variáveis de ambiente para funcionar corretamente. No entanto, em alguns casos, pode ser uma má prática incluir o arquivo .env no processo de build do projeto.

A principal razão para não incluir o arquivo .env no processo de build é a segurança. O arquivo .env geralmente contém informações sensíveis, como senhas, chaves de API e outras credenciais. Se essas informações forem incluídas no processo de build, elas podem ser acessadas por qualquer pessoa com acesso ao código fonte ou ao pacote compilado. Isso pode levar a graves problemas de segurança, como invasões de sistemas, roubo de dados e comprometimento de credenciais.

Além disso, incluir o arquivo .env no processo de build pode tornar o processo mais complexo e demorado. Se o arquivo .env contiver muitas variáveis de ambiente ou informações sensíveis, ele pode aumentar significativamente o tamanho do pacote final e, consequentemente, o tempo de compilação e implantação. Isso pode afetar negativamente o desempenho e a eficiência do projeto.

Uma solução para evitar incluir o arquivo .env no processo de build é separá-lo do restante do código fonte e manter as informações sensíveis em um local seguro, como um servidor seguro ou um cofre de segredos. Em vez de incluir as informações diretamente no arquivo .env, é possível fazer referência a elas por meio de variáveis de ambiente definidas no sistema operacional ou em outro lugar seguro. Isso permite que o projeto seja compilado e implantado sem expor informações sensíveis a usuários não autorizados.

Em resumo, incluir o arquivo .env no processo de build pode ser uma má prática de segurança e pode tornar o processo mais complexo e demorado. É importante considerar cuidadosamente a melhor maneira de gerenciar informações sensíveis em projetos que dependem de variáveis de ambiente e tomar medidas para garantir a segurança e eficiência do processo de build.
AWS S3 - Bucket, Objects, Versioning
Tags: webdev, beginners, tutorial, aws
Published: 2023-03-27 02:55:12

[![IMAGE ALT TEXT HERE](http://img.youtube.com/vi/cHGuYb6KzRQ/0.jpg)](http://www.youtube.com/watch?v=cHGuYb6KzRQ)

Follow these steps to use the Amazon S3 console to see the different versions of an object.

To see multiple versions of an object
Sign in to the AWS Management Console and open the Amazon S3 console at https://console.aws.amazon.com/s3/.

In the Buckets list, choose the name of the bucket that contains the object.

To see a list of the versions of the objects in the bucket, choose the Show versions switch.

For each object version, the console shows a unique version ID, the date and time the object version was created, and other properties. (Objects stored in your bucket before you set the versioning state have a version ID of null.)

To list the objects without the versions, choose the List versions switch.

You also can view, download, and delete object versions in the object overview pane on the console. For more information, see Viewing an object overview in the Amazon S3 console.
Solar PV Panels • Solar Panel Installers • Renewables Ireland
Tags: solar, solarpanel, pvpanels
Published: 2023-03-27 02:40:05

Renewables Ireland offers Ireland’s most comprehensive Solar PV panel installation service. Installing **[solar PV panels](https://renewables-ireland.ie/solar-pv-panels/)** will save you up to 50% on your electricity bill whilst dramatically reducing your carbon footprint. Read on to find out more about how solar panels can improve your home and save you money.

Key Benefits Of Solar PV Panels
- Reduce your electricity bills by up to 50%.
- No maintenance or cleaning costs.
- Hot water diverter add-on will give you up to 50% of your year round hot water.
- Add value to your property.
- Renewables Ireland offers a 25 year warranty on solar pv panels.
- Reduce your carbon footprint and need for fossil fuels.
- Save Up to €2,400 with a SEAI government grant.
- Safely and professionally installed by Renewables Ireland experts.
Starchart: Milestone 0.7
Published: 2023-03-27 02:37:23

This past week, I worked on a bunch of small issues for starchart to improve our UI experience, fix some bugs, and update test configuration:

- We needed some new scripts to setup a test database to use when running automated tests. This basically involved copying the existing setup script and changing the database url ([PR](https://github.com/DevelopingSpace/starchart/pull/398/files))

- Some updates were needed for our vitest configuration. These were mostly small changes, and also another script to add a coverage report for unit tests. This also raised some discussion on [adding coverage for out end to end tests](https://github.com/DevelopingSpace/starchart/issues/420). ([PR](https://github.com/DevelopingSpace/starchart/pull/410))

- A UI change to hide the DNS Records table if none exist for the logged in user. Instead, a create button is displayed in the center. ([PR](https://github.com/DevelopingSpace/starchart/pull/429))

- Another UI for the DNS Records table to disable the renew record button if the DNS record expiry date 6 months from now or beyond. ([PR](https://github.com/DevelopingSpace/starchart/pull/431))

- A change to improve the accessibility of some links on the landing page. This was needed as the light blue color didn't provide enough contrast. ([PR](https://github.com/DevelopingSpace/starchart/pull/430))

Another issue that I have been working on but was not able to finish the last week is to handle the fact that [users can be deactivated](https://github.com/DevelopingSpace/starchart/issues/394). This involves checking for a user being deactivated in multiple places throughout the code as a user could be deactivated while a some jobs are running to update  DNS Records, etc.
10 Benefits of using Distributed Tracing
Tags: devops, devjournal, programming, benefits
Published: 2023-03-27 02:31:00

Distributed tracing is a technique for tracking the end-to-end flow of requests through a distributed system. 

Some of the benefits of using distributed tracing include:

## 1. Improved visibility: 
Distributed tracing provides a comprehensive view of how requests flow through a distributed system, allowing you to easily identify and troubleshoot performance issues and errors.

## 2. Better performance analysis:
Distributed tracing allows you to measure each component's response time and other performance metrics in a distributed system, giving you a clearer picture of where bottlenecks may be occurring.

## 3. Improved observability: 
Distributed tracing provides a wealth of data about the behavior of a distributed system, allowing you to monitor and observe the system more effectively.

## 4. Easier root cause analysis:
By providing a complete view of the flow of requests through a distributed system, distributed tracing makes it easier to identify the root cause of performance issues and errors.

## 5. Better debugging:
Distributed tracing provides detailed information about the behavior of a distributed system, allowing you to quickly identify and debug problems.

## 6. Enhanced collaboration: 
Distributed tracing makes it easier for teams to work together and share information about the performance and behavior of a distributed system.


## 7. Simplified testing: 
Distributed tracing provides detailed information about the behavior of a distributed system, making it easier to test and validate the performance and reliability of your system.


## 8. Enhanced scalability: 
Distributed tracing allows you to monitor and analyze the performance of a distributed system at scale, making it easier to identify and address issues as your system grows.


## 9. Reduced mean time to resolution: 
By providing detailed information about the flow of requests through a distributed system, distributed tracing can help reduce the time it takes to identify and resolve performance issues and errors.

## 10. Improved customer experience: 
By providing insights into the performance and behavior of a distributed system, distributed tracing can help improve the quality and reliability of the services that your customers rely on.



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




In conclusion, the benefits of distributed tracing include improved performance, better visibility into the behavior of an application and the ability to make more informed decisions about optimization.

Thanks for reading this.

If you have an idea and want to build your product around it, schedule a call with [me](https://calendly.com/pragyanatvade).

If you want to learn more about DevOps and Backend space, [follow me](https://dev.to/pragyanatvade).

If you want to connect, reach out to me on [Twitter](https://twitter.com/pragyanatvade) and [LinkedIn](https://www.linkedin.com/in/pragyanatvade/).
IST 256 Badge Dashboard Post 1 Development
Published: 2023-03-27 01:38:06

## Repo Link 
https://github.com/NewJerkey/city-card

## Writing Part 
For Project 2, we are going to make and display the different types of badges for different types of learning awards through a Dashboard. The users should be able to search up the different types of badges that they could obtain. Users can  also filter out the badges according to the topics and hardest to newest. 

Icon
Badge Title
Creator
Badge Header
Badge Color*


*maybe

The properties that we will need is the images logo, the title of the badge, the color scheme of the badge, the creator, and the topic of the badge. 

The information we will need from the backend to make this work is to have everything that is consider an adjustable variable that can be manipulated. In the context of this project, the icon of the badge, the creator of the badge, and the title of the badge.

![image](https://user-images.githubusercontent.com/75030964/226233175-76b648ef-a8b6-42f1-8805-0a2096c05844.png)

![image](https://user-images.githubusercontent.com/75030964/226232433-b1fc4649-996d-46d7-a180-e7b6e50c20e1.png)

As you can see here, for the city card, we are rendering the variables form the card to the json file that supplies the information of the variables when map is being called to list the card out. So for Project two, we will need to set up variables that we think that will make the badage different from other badages and create a json file to store and supply the different elements of each variables and maping other different unique copies.
IST 256 Badge Dashboard Post 2 Development
Published: 2023-03-27 01:34:56

Git Repo: 
https://github.com/NewJerkey/badge-dashboard

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

How did you start? 
To kick start our creation of the badge dashboard, we decided to look at the current state of Penn State Digital Badges Explore Page and base it off our own dashboard. We inspected the page and recon what elements we wanted to use and copy into our own project. 
 
What did you decide to attack first? 
We decided to attack the visual aspect of the badge dashboard first like the HTML and the CSS. We implemented the search bar as a web component. We implemented the magnify icon, and the structure of what the badge looks like and the styling elements of it.
 
What issues have you had? 
One of our laptops unfortunately suffered an LCD failure so he was limited in working capability since all of his code is not backup separately. The other developer has a immune system failure and was sick for the past 2 weeks. He was limited in how much he can work as well due to him slowly recovering from his illness.  

What concepts translated from Project 1's card? What's your next priority?

The concepts that we took from project 1 was the general web components design like putting in the html tags and the CSS styling. Our next priority is to make the search function functionable and it can search the specific badges the uses want. Then we want to create the backend to store all of the different types of badges.   

What problems are you unsure of how to solve?

The problems we have difficulty solving is renaming one of the web component files to something else but for some reason it broke everything in our code and made the badge list not show up visibility on the web page. We need to research more on how to implement the actual search function to query the badges we want. We have no idea how to make a backend either so more research is required.
External plugins in draw.io
Tags: diagrams, drawio
Published: 2023-03-27 01:30:51

[draw.io](https://drawio-app.com/) is an app that helps you create diagrams. There are different ways to access the app, but I will be talking about the desktop app specifically.

Sometimes the default functionality isn't enough, and so there is a mechanism to add more abilities through plugins.

Plugins can be accessed through the Extras>Plugins... menu. The modal that pops up shows the plugins that are enabled.

![Plugin pop up](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f7i35cvsesnrr6fmwqae.PNG)

If you want to add more plugins you can select the Add button and pick from some built-in plugins.

![External plugins disabled](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ja8pnf91xuwetjonsgvj.PNG)

By default external (custom) plugins are not allowed. To allow external plugins you need to start the app with an option that enables them. Here is an example of the command I used in Windows:

``` bash
./draw.io.exe --enable-plugins
```

After starting the app again, going to the plugin modal, and clicking the Add button; the ui should have a drop down to select a local plugin file.

![External plugins enabled](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r9pptfh6zz09cilzlaok.PNG)

[Here](https://github.com/jgraph/drawio-desktop/releases/tag/v19.0.3) is the release that disabled the external plugins by default.
NBA Encyclopedia
Published: 2023-03-27 01:12:51

**How did we start?**
We started by initiating a web app through vercel using open wc. We began by figuring out how to use the map function to apply elements from a json file that we made to one of our cards from project 1. We then used this as a basis for our code for project 2, where the "cards" are NBA teams with drop down information. We also added a search bar at the top. 

**What did you decide to attack first?** 
We chose to first figure out how to use the map function as well as getting our search bar up. We wanted to understand a lot of the code that we were going to be using before implementing it. 

**What issues have you had?**
We had issues with using a js file through api rather than a json file. We also have had issues trying to make the page as a whole resemble the model given. Issues also came with making the search bar function. 

**What concepts translated from project 1?**
The idea of creating a card and then using that as an element on the web page, and creating multiple of them from there. Creating and having two different looking cards with different information show up on the page. 

**What's your next priority?**
Figuring out how to make the search bar function and making our "cards" look like "badges"/improve css as a whole. 

**What issues are you unsure of how to solve?**
Search bar filtering function.
Few underlying code issues/errors.
First check-in for project 2
Published: 2023-03-27 01:01:59

Our current progression of project 2 can be found [here](https://github.com/pjstrauss12/badge-list).  We are currently working on getting the individual badge to represent the badge that can be found in the comp linked [here](https://user-images.githubusercontent.com/329735/219682742-b9f88703-7255-481a-8c14-9e8b37e9568c.png).  To begin the project, we created a badge called badge-element, where we are currently styling it to look like the prompt.  One issue we are having in implementing the simple-icons for the project.  Wiring the API of our element is the next step we want to tackle after getting the badge element correct.  The plan for that is to populate each badge with information from a JSON file and use the search function to look up different pieces of information that match the data populated in the badges and display only those badges.  This process is similar to the first project for this class, as we will populate the data for each badge in a similar way.
WK 11 HW Blog Post
Published: 2023-03-27 00:57:11

**How did you start?**
I mostly started by looking at the general structure of the web page and figuring out what elements I would need in order to properly replicate it. I also tried thinking about how I would split up the pieces that would end up forming the entire page.

**What did you decide to attack first?**
I decided to create the general front-end of the page and do a lot of the styling, in order to make it somewhat resemble the page. In other words, I was mostly focused on the html/css aspect of my element (the badge list). I also implemented the search bar properly below the description, though it doesn't actually work.

**What issues have you had?**
I tried making the search bar actually take in and render the text with an input event, but it doesn't seem to work right now. A lot of the general styling is also pretty difficult to replicate. I also tried implementing the search icon in the search bar, but I wasn't able to do that either. 

**What concepts translated from Project 1's card?**
I've implemented a lot of stateful variables, by defining them in the properties/constructor and then drilling them down into the actual card. Doing most of the styling also came pretty naturally as that was a large component of project 1.

**What's your next priority?**
My next priority is to clean up the CSS styling of my element, as the html side is pretty much finished at this point. I also want to get the icon working in my application. 

**What problems are you unsure of how to solve?**
I'm unsure of how to properly get the search function and the input event to work properly, so that's something I'll need to figure out. 


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/su46uankskv1mzhim4ph.JPG)
Homework 11
Published: 2023-03-27 00:41:14

My assignment is to create the web component "badge-card" for our project.


**How did you start?**

I started by creating a drawing and mapping out the parts of the card, I then decided on what type each part of the card should be. 

**What did you decide to attack first?**

I decided to attack the front end and visual aesthetic of the card, and have been working on making everything compatible with different length titles and different categories of courses.

**What issues have you had?**

Placing divs side by side was a little tough at first but I got it figured out. I had to restart the card recently after discovering that we have to use an Icon and not an Image type for the logo on the side, I am trying to figure out how to utilize an icon library.

**What concepts translated from Project 1's card?**

Many concepts have been applicable, the idea of creating a reusable web component, slots, using user input, and the card layout in general.

**What's your next priority?**

After figuring out icon libraries, I'd like to figure out how to make a different background color for different categories of courses.

**What problems are you unsure of how to solve?**

I'm quite confident that I will be able to figure out the overall task, I am just unsure of how icon libraries work at the moment.
My takes on EsLint and Prettier against TypeScript
Tags: typescript, javascript, eslint, prettier
Published: 2023-03-27 00:33:17

As a developer, I've always been a strong advocate for using Eslint and Prettier for type safety in JavaScript, even over 
TypeScript programming language. I know this might be a bit controversial, but hear me out.

## Number 1
First of all, Eslint and Prettier offer a lot of flexibility and customization options when it comes to enforcing coding standards and style. This not only improves code readability and consistency but also helps catch potential errors and bugs before they become a problem. With Typescript, while it offers type safety, it can be more rigid and may limit the ability to customize and enforce coding standards in the same way.

## Number 2
Secondly, Eslint and Prettier are very easy to integrate into any JavaScript project, regardless of the framework or libraries being used. This can save a lot of time and effort, especially when working on multiple projects with different setups. With Typescript, there can be a steeper learning curve and more effort required to integrate it properly into a project.

## Number 3
Finally, Eslint and Prettier have a large and active community, constantly updating and improving the tools with new features and fixes. This ensures that the tools remain up to date with the latest best practices and can adapt to changing development trends. While Typescript also has a large community, it may not be as active in updating and improving the language as frequently.


Of course, this is just my personal preference and I understand that different developers have different opinions and experiences. However, I believe that Eslint and Prettier provide a great solution for type safety in JavaScript and should be considered as a viable option, even over Typescript.


What are your thoughts on this? Do you prefer Eslint and Prettier or Typescript for type safety in JavaScript? Let's start a conversation in the comments!


![What ever you say guys](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lmyzrvm8mykq6jph0a94.gif)
Welcome to Martha AI
Published: 2023-03-27 00:32:27

👋 Hey there, we're [Martha AI](https://usemartha.com), a company which uses advanced, intelligent artificial intelligence which assists people in everyday tasks such as booking reservations, scheduling appointments, and performing many other functions without requiring a human to speak to someone.

## Why?

Martha AI is becoming the next revolutionary AI product to hit the market. We're helping people with telephobia complete everyday tasks using AI.

Everyone knows someone with anxiety — be social anxiety, or the one that almost everyone has, phone anxiety. This type of anxiety is called telephobia.

In a study done by Face for Business UK, at least 76% of millennials and 40% of baby boomers have a fear of talking on the phone. Our product helps those who are anxious on the phone make those fear-enduing calls without actually having to talk to anyone.

We're not just helping people that are anxious, but we're also helping people who are unable to speak on the phone due to physical disabilities. We're helping people with disabilities talk over the phone to book appointments, book tables at a restaurant and more — all using artifical intelligence.

## Where can I visit your website?

You can check out our website at https://usemartha.com/

## Is your product available?

Martha AI is not currently a publicly available solution. We are currently in the process of building Martha AI and will be releasing it to the public in the near future. If you would like to be notified when Martha AI is available, please sign up for our newsletter.