teleren/devto huggingface dataset:
Removing code from Mozilla
Tags: opensource, mozilla
Published: 2021-11-18 02:32:45

Last month I wrote about a [contribution](https://dev.to/menghif/contributing-to-mozilla-45l2) I made to [Mozilla/bedrock](https://github.com/mozilla/bedrock) (The repo for [mozilla.org](https://www.mozilla.org/en-US/)) and today I would like to continue that discussion with a new issue I worked on.


The [issue](https://github.com/mozilla/bedrock/issues/10731) was a simple one: remove old unused code while making sure not to break the current functionality of the two links **"See what Firefox has blocked for you"** on this [page](https://www.mozilla.org/en-US/firefox/privacy/products/).

![Firefox Privacy Page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/817z69j7v66qzjn9svu8.png)

This link is only visible when using the **Firefox Browser** and it redirects to `about:protections`: the dashboard that provides information on how many trackers Firefox automatically blocks for you. If the page is viewed from another browser, of course the link is replaced with a download button to get the latest version of Firefox.

### The Details
When hovering the link we can see this href: https://support.mozilla.org/en-US/kb/enhanced-tracking-protection-firefox-desktop/?utm_source=mozilla.org-privacy-products&utm_medium=referral&utm_campaign=privacy-products&entrypoint=mozilla.org-privacy-products

I was intrigued on how clicking the link could redirect me to `about:protections` so, after looking through the code, I noticed that the line responsible for it was this:
```js
Mozilla.UITour.showProtectionReport();
```

I tried to run this locally and it did not work so I asked for help on the issue page. I quickly received some really useful information and a link to the [docs](https://bedrock.readthedocs.io/en/latest/uitour.html#local-development) explaining how to set up `Mozilla.UITour` locally:
>To develop or test using Mozilla.UITour locally you need to create some custom preferences in about:config.
>browser.uitour.testingOrigins (string) (value: local address e.g. http://127.0.0.1:8000)
>browser.uitour.requireSecure (boolean) (value: false)

Basically, for security reasons, Firefox only allows a few [specific domains](https://searchfox.org/mozilla-central/source/browser/app/permissions) to work with the **Mozilla.UITour** JS library and only over **https**.


### Small Lessons
After getting my setup to work, I was finally able to confirm that the code I removed did not interfere with the link redirection and did not break any of the tests. The [PR](https://github.com/mozilla/bedrock/pull/10775) was quickly merged.

There is a lot I still don't know about the repo itself but I am happy that this issue led my to the discovery of a little piece of the browser's functionality that I wasn't aware of.

Note to self: the answer to your question is probably already somewhere in the **docs**!
Getting started with Actions
Tags: javascript, actionshackathon21, github
Published: 2021-11-18 02:31:19

For this year's Actions Hackathon, I intend to learn how to write custom actions.  I will start small by creating a simple action that will automatically update a CONTRIBUTORS.md document with the top contributors list.

Because I do not yet know how actions work, this will be a multi-step process.

1. Create a simple "Hello-World" style action to get a feel for things.
2. Use the Github API to pull and update the contributors data
3. Figure out how to write and save a file
4. Figure out how to commit back to the repo, or start a pull request


### My Workflow
You can view the project here: https://github.com/risadams/contributors-update, And feel free to leave comments or suggestions, everything is MIT license



### Submission Category:  Maintainer Must-Haves


### Yaml File or Link to Code
`https://github.com/risadams/contributors-update`
Learning Workflows: Learn About Workflow Building Blocks
Tags: nocode, workflows
Published: 2022-02-16 23:10:52

---
title: Learning Workflows: Learn About Workflow Building Blocks
published: true
date: 2021-11-18 02:28:30 UTC
tags: NoCode,Workflows
canonical_url: https://maxkatz.org/2021/11/17/learning-workflows-learn-about-workflow-building-blocks/
---

This video goes over the three building blocks of a workflow: App Action card, Function card and Notes card.

[![Adding App Action card](https://katzmax.files.wordpress.com/2021/11/learningworkflows_action_function_overview.png?w=1024)](https://katzmax.files.wordpress.com/2021/11/learningworkflows_action_function_overview.png)

{% youtube XpyInKJg5lo %}



Want to learn more? Watch other videos in the [Learning Workflows series](https://www.youtube.com/playlist?list=PLSAWywyhniCM6CKkp5vIiD0-pxSbdX71y).
App and Game Hosting
Published: 2021-11-18 02:22:35

Hi, let me recommend that you use Uploadfiles to host your app. It will make your app download and storage easy and straightforward.
Our encrypted cloud storage uses the latest security techniques to keep your data safe and protected at all times.

Learn more here: https://ufile.io

Upload game files for free & share them without registration.
Upload, host and share games for free.
Upload game files, mirror them and transfer them – Uploadfiles is a free and easy way to share your games.

Uploadfiles makes game sharing and storage easy and straightforward.
Our encrypted cloud storage uses the latest security techniques to keep and host your games safe and protected at all times. Create a link to share games, or automatically sync with our desktop app to upload all the games seamlessly.
There are no restrictions on the type of game you can upload to our free filesharing platform. The only limit we put in place is a 5GB max filesize for free users and up to as much as 100GB for business users.
We put our users in control, which is one of the reasons why Uploadfiles is in the most popular game sharing sites in the world.
Uploadfiles deploys a wide range of data centres located in various regions across the world. This enables us to ensure lightning fast game file sharing capabilities to our customers at all times. 
Fed up of pop-up ads, push notifications, malware, bitcoin miners and ‘quizzes’ that could infect your laptop or desktop with malware? So are we, which is why you will never see any of these on Uploadfiles. Too many game hosting platforms are driven by profit, which means your safety comes a distant second. For us it’s the other way round, giving you the confidence that you can remain safe no matter how long you spend on our game hosting site.
Drop the games you want to transfer here or click to upload files (Max 10 game files at once, 5GB per file)
HTML Tag <base>
Tags: html, tutorial, webdev, beginners
Published: 2021-11-18 01:50:32

`<base>`

*Utilidades:*

* Definir a URL base para os caminhos relativos da página;

* Estabelecer a propriedade target dos links, sem que precise especificar em cada tag.

*Características:*

A tag `<base>` só pode ser utilizada 1 vez dentro do HTML e deve ser inserida dentro da tag `<head>`.
Ela deve ter necessariamente o atributo `href` ou o atributo `target`, mas pode ter os dois também.


*Forma(s) de aplicar:*

Com `href` (para estabelecer a URL base):
```
  <head>
    <base href="https://www.site.com/">
  </head>

  <body>
    <a href="login">Login</a>
  </body>
```
Com `target` (para definir que todos os links abram em nova página, por exemplo):
```
  <head>
    <base target="_blank">
  </head>

  <body>
    <a href="https://www.site.com/login">Login</a>
  </body>
```

Com `href` e `target` (para definir a URL base e a forma que vai abrir os links):

```
  <head>
    <base href="https://www.site.com/" target="_blank">
  </head>

  <body>
    <a href="login">Login</a>
  </body>
```

*Por que usar a tag `<base>`?*

Pra simplificar o código, já que acaba deixando o código um pouco menor, sem tantas repetições da URL e fica mais legível também.

****
*Fontes:*
[Tag Base - MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base)
Help me to grow up
Published: 2021-11-18 01:45:36

Hi, Dev community. 
I am Rahul, a software developer having 1YOE in MERN stack development. 


I built a website [@dsabyte](www.dsabyte.com) few days back. As of now i am a single author of the website, and i am looking for contribution.

## How can you contribute
- writing tech blogs
- suggesting features
- reporting bugs
- as you wish

## Thank You
Day 1 - 100DaysOfCode 
Tags: 100daysofcode, git, management
Published: 2021-11-18 01:14:47

17NOV2021 

Administrar el repositorio de [WaltCommerce](https://github.com/shift-dominicana/WaltCommerce)

Hoy se Definio como se separaran los branch del repositorio para el proyecto. Se por el momento identificaron 4 flujos de trabajo.

1. Documentation = Docu

2. App Web = FrontWeb

3. BackEnd API = CoreAPI
4. App Mobile = FrontMobile

Cada una de las ramas se dividirán en Development , Qa y Production.

Ejemplo: branch: Docu-Development 
En este branch estará el trabajo de la documentación. Si alguien quiere agregar o modificar un elemento de documentación tendrá que hacer un branch a partir de **Docu-Development**, este sería un feature-branch el cual se llamara Docu-[feature], se trabajaría en este feature branch todo y al terminar se hace un pull request a **Docu-Development**, este request se revisa, se valida y si todo esta correcto se aprobaría llevando los cambios al branch.

Cuando en **Docu-Development** exista un incremento palpable se procede a llevar los cambios a Qa al branch llamado **Docu-Quality**, una vez en Quality se revisan los cambios y si esta todo correcto se lleva a **Docu** que es la de producción.

Este flujo aplica para las demás áreas FrontWeb, CoreAPI, FrontMobile.
how to install flutter on google cloud shell service along with app build
Published: 2021-11-18 01:05:15

## what is flutter?
Flutter is an open source mobile application framework created by Google. Flutter is used in application development for Android, iOS, Windows, Linux, MacOS operating systems, as well as being the main method for creating Google Fuchsia applications.

## what is shell cloud google?

Google Cloud Shell is an online bash shell based on Debian. The free tier includes 1.7 gigabytes of random-access memory and a persistent 5 gigabyte home directory. Except for the home and root directories, the Cloud Shell environment is volatile. The editor in Google Cloud Shell is based on Eclipse Theia.

### Steps
first open [shell-cloud-google](https://shell.cloud.google.com/) on your browser, and open terminal and do the steps below.

- Make folder android sdk
    ```bash
    mkdir "$HOME/Android" && mkdir "$HOME/Android/Sdk" && cd "$HOME/Android/Sdk"
    ```
- download cmd line
    replace url with [cmdline-latest](https://developer.android.com/studio#command-tools)
    ```bash
    wget https://dl.google.com/android/repository/commandlinetools-linux-7583922_latest.zip
    ```
- extrak cmd line
    ```bash
    unzip commandlinetools* && cd cmdline-tools && mkdir latest && mv * latest/
    ```
- delete cmd line zip
    ```bash
    cd .. && rm -r *.zip
    ```
- export environment
    ```bash
    export ANDROID_SDK="$HOME/Android/Sdk"
    export ANDROID_SDK_ROOT="$HOME/Android/Sdk"
    export ANDROID_HOME="$HOME/Android/Sdk"
    export PATH="$ANDROID_SDK:$ANDROID_HOME/platform-tools/:$ANDROID_HOME/emulator/:$ANDROID_HOME/cmdline-tools/latest/:$ANDROID_HOME/cmdline-tools/latest/bin/:$PATH"
    ```
- sdkmanager
    -   run sdkmanager first
    ```bash
    sdkmanager
    ```
    - install package replace android level latest eg ```platform;android-31``` if you like latest version
    ```
    sdkmanager "platforms;android-30"
    ```
    - Install platform tools
    ```
    sdkmanager "platform-tools"
    ```
    - Install patcher
    ```
    sdkmanager "patcher;v4"
    ```
    - install build tools
    ```
    sdkmanager "build-tools;30.0.2"
    ```
    - Accept licenses sdkmanager
    ```
    sdkmanager --licenses
    ```
- Flutter
    - run flutter first
    ```bash
    flutter
    ```
    - accept licenses
    ```bash
    flutter doctor --android-licenses
    ```
    - run flutter doctor
    if output not ok on android toolchain you can use another email and go to shell cloud again install from 0 again
    ```bash
    flutter doctor
    ```
- make app first in flutter
    run in terminal replace example for your app name
    ```bash
    flutter create example
    ```
    - build release for android
    ```bash
    cd example && flutter build apk --release
    ```
    if after run command result output like this, you succes build android and you can download file and test on your smartphone
    ```bash
    ✓  Built build/app/outputs/flutter-apk/app-release.apk (15.5MB).
    ```


if you like this post please do as below, (I'm not forcing: V)

Follow my [github](https://github.com/azkadev) account:V
100 días de código: 15, volviendo a diseñar mi sitio web.
Tags: spanish, html, 100daysofcode, webdev
Published: 2021-11-18 00:58:15

¡Hey, hey, hey!

Hoy he decidido volver a fijar la mira en el diseño de mi pagina web personal. No se si les ha pasado que cuando creen estar orgullosos de su diseño a veces tienen que volver a retocar cada cierto tiempo porque se les ocurre una mejor forma de hacerlo.

Pues yo estoy en ese momento.
![Desarrollador cuando hacen un cambio](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oyj5m4wxjd9izzuy1yrj.png)
Estoy seguro que mi yo del pasado se sentirá asi...

Pero bien comencemos con la sección de siempre.

### Ayer: 
- Casi termino con la sección de Css de The Odin Project, solo me falta el proyecto final.
- Practique **touch typing** durante **30 minutos**.
- Termine los ejercicios de Css de The odin project.
- Practique un poco mas de Flexbox para mejorar mis habilidades.

### Hoy:
- Realice cambios en el diseño de mi pagina web principal.
- Avance en el curso de The odin project hasta la sección `Introducción a javascript`.
- Practique 30 min de touch typing.
- Termine el proyecto de la sección de CSS de The odin project, realice una landing page de frutas que puedes visitar [aqui](https://darito97.github.io/landingpage/). aunque aun no la hago responsiva para no avanzar de mas en el curso.
- Hice un repaso de todos los métodos de Strings que hay en Javascript.
- Pensé en realizar algunos programas para organización personal con control de voz que funcionen con electronJs pero creo que debo centrarme en las tareas que me fije para esta semana.

¡Y eso es todo por hoy! Espero que les vaya super bien con sus proyectos y animo.
Adiós mundo!

#### Links de referencias:
- [The Odin project](https://www.theodinproject.com/)
- [Pagina para practicar touch typing](https://www.typingstudy.com/)
- [Pagina de proyecto de frutas](https://darito97.github.io/landingpage/)
Can someone with some experience help me?
Published: 2021-11-18 00:37:46

Hello, world! My name is Luiz and I'm a Brazilian lawyer who is trying to be a self-taught software engineer. So, I’m studying have one year now, and I’ve decided to give the leap of faith to focus all my efforts on getting a tech job because I’m really in need. That said, I’m doing the CodeNewbie challenge and I need one or two of you to help me out with my first mission. So, if possible, I want some sincere feedback on my [GitHub](https://github.com/LuizDMM) (#roastme).
How to add an icon for an iOS app
Tags: apple, swift, reactnative, ios
Published: 2021-11-18 00:35:07

Link to the story: https://blog.devgenius.io/how-to-add-an-icon-for-an-ios-app-built-using-swift-or-react-native-202337bc4df7

Get the basic app: https://github.com/mmafrar/swift-ios-wkwebview-demo

This tutorial shows how to add an icon using Xcode for an iOS app built with Swift or React Native. In order to get started with this video you need to have an app, if you don't have one clone the app from GitHub repository in the description.

Cover Image: Photo by [William Hook](https://unsplash.com/@williamtm) on [Unsplash](https://unsplash.com)
100 Dias de Código
Tags: 100daysofcode
Published: 2021-11-18 00:22:00

Hoy decido iniciar el reto de codear por 100 días de manera **ininterrumpida** y decido hacerlo con un proyecto que vengo trabajando desde el inicio de este año y es el de **Ecommerce**.

Una tienda en línea personalizable como si fuera [Shopify](https://www.shopify.com/) o mas bien [WooCommerce](https://woocommerce.com/), este es el marco por el que me rijo.

Por exigencia del reto me comprometo a postear el progreso del sistema durante los 100 días en la cuenta [juanlhiciano](https://twitter.com/juanlhiciano).
Se trabajara todo el ciclo de vida del proyecto públicamente posteando el progreso por los medios de comunicación.
Creating a Custom Connector – Part I
Tags: development, connectors, flow, powerautomate
Published: 2022-06-15 17:22:54

---
title: Creating a Custom Connector – Part I
published: true
date: 2021-11-18 00:10:00 UTC
tags: Development,connectors,flow,PowerAutomate
canonical_url: https://barretblake.dev/2021/11/creating-a-custom-connector-part-i/?utm_source=rss&utm_medium=rss&utm_campaign=creating-a-custom-connector-part-i
---

For those with the higher tier licenses, along with being able to use the premium connectors, you also have the ability to create your own custom connectors that you can use to connect to just about any API on the web.

The post [Creating a Custom Connector – Part I](https://barretblake.dev/2021/11/creating-a-custom-connector-part-i/) first appeared on [Barret Codes](https://barretblake.dev).
Hình ảnh ván mdf tại kho TPHCM
Tags: vanmdf
Published: 2021-11-17 23:43:27

Hình ảnh kho ván mdf tại tphcm của MDF Trần Lai. Chúng tôi có nhiều loại ván công nghiệp ứng dụng phù hợp nhiều phong cách nội thất hiện đại, sang trọng...
Lab 8: TESTING !!!!
Tags: opensource, javascript, typescript, beginners
Published: 2021-11-17 23:22:05

We are on our way completing our project piece by piece. This week, we will adding test to our project. You might have wonder why would we need a test if our program is running and not crashing? From my point of view, testing not only figure it out the bugs, make sure very branches is tested but also help you with the designing of your software. When making test for this week, I have to actually refactor my code a bit more so as to be able to test it out such as exposing proccessMarkdown() in `html-maker` so as to test it out

```ts
module.exports.processingFile = processingFile;
module.exports.processMarkdown = processMarkdown;
```

The test I have written is very simple since my program is still very small.

## Jest installation

To be able to use [Jest](https://jestjs.io/docs/getting-started) proficiently with Typescript, we will need help from [ts-jest](https://github.com/kulshekhar/ts-jest)

```bash
npm i -D jest 
npm i -D ts-jest @types/jest
npx ts-jest config:init
```
`jest.config.js` will give you an option to customize Jest. But when I was writting test using Jest. Eslint always warn me about `describe` and `it` or `test` is not defined and that is because Typescript is not know about these exposed objects yet so I need to add a few change in my `.eslintrc.json` to tunr off those warnings from Eslint

```json
 "env": {
    "browser": true,
    "es2021": true,
    "node": true,
    "jest/globals": true
  },
```
## Unit test
I got 2 modules to do unit test and they are pretty simple where I test my `html-maker` to see if I have the right output for the markdown and whether if it will return a blank string if I inpout the wrong file type
```typescript
const { processingFile, processMarkdown } = require('../html-maker');

describe('testing HTML generator', () => {
  it('should return blank with invalid file extension', () => {
    const fileName = 'test.dat';
    expect(processingFile(fileName)).toEqual('');
  });``

  it('should return correct markdown for mock content', () => {
    const mockData = '## Testing testing';
    expect(processMarkdown(mockData)).toMatch('<h2>Testing testing</h2>');
  });
});


```

I have a difficulty when try `toEqual(string)` but when I check how they would test a [string](https://jestjs.io/docs/using-matchers#strings). It turn out that I need to use `toMatch(string)`

Another point of testing is to make sure your code work with a define set of inputs (When you expand your project, users or testers might inject, discover more invalid inputs by accident)
HIRING! Looking for developers for a web 3 application
Tags: blockchain, javascript, python, hiring
Published: 2021-11-17 23:07:18

Hey there,

We are looking for developers and we need alot of support at the moment. We are a Web3 on Polkadot Substrat based project and we are hiring. 

We invite anyone with developing experience any level to apply for a spot in our project. 

You can dm me on Telegram @knacker65 for more details and a possible interview.

Iam very happy to talk to and welcome you to our team, we really have a shortage and can promise mid-level or beginners even a chance to get experience.


Feel free to contact me
Killing a defunct process
Tags: devops, dev
Published: 2021-11-17 22:40:32

<!-- TOC -->

- [What happened:](#what-happened)
- [What this means](#what-this-means)
- [What to do](#what-to-do)
- [References](#references)

<!-- /TOC -->

-----

Encountered this when I was trying to install htop on one of my test-RHEL EC2 instances. I was following the steps in this [link.](https://www.cyberciti.biz/faq/how-to-install-htop-on-rhel-8-using-yum/)

I've also learned that defunct processes are almost similar with zombie processes, but there's also some differences which you can read [here.](https://stackoverflow.com/questions/47977402/zombie-vs-defunct-processes)

---

## What happened:
- Two terminals opened, both connected to same instance
- installed the package on second terminal while update was running on first

Got this message on second terminal when trying to install package and update simultaneously:
```bash
Running transaction check
Waiting for process with pid 5941 to finish.
```

Checking which process is that
```bash
$ ps -ef |grep 5941
root        5941    5939 18 06:00 pts/0    00:01:42 yum update -y
root       36173   36153  0 06:09 pts/2    00:00:00 grep --color=auto 5941

```

Since it was taking some time, I had to cancel the update running on the first terminal so I can install some packages first and then run the update again.

When I try install the packages again, it still returned same messaged about the same pid. Checking the processes again, it now showed "defunct"
```bash
$ ps -ef |grep 5941
root        5941    5939 18 06:00 pts/0    00:01:42 [yum] <defunct>
```

I tried killing by running <code>kill -9 5941</code> but it still appear as a "defunct" process.

## What this means
Based on one of the link I found online:
> From your output we see a "defunct", which means the process has either completed its task or has been corrupted or killed, but its child processes are still running or these parent process is monitoring its child process. To kill this kind of process, kill -9 PID doesn't work. You can try to kill them with this command but it will show this again and again.

## What to do
Determine which is the parent process of this defunct process and kill it. To know this run the command:
```bash
$ sudo ps -ef|grep defunct
UID          PID    PPID  C    
root        5941    5939  6 06:00 pts/0    00:01:42 [yum] <defunct>
eden       36210    6097  0 06:24 pts/2    00:00:00 grep --color=auto defunct

```
Then run the sigkill cmmand again but this time include both the PID and PPID.
```bash
$ sudo kill -9 5941 5939
$ sudo kill -9 36210 6097
```
Verify the defunct process is gone by ps -ef | grep defunct

---

## References
- [How to install htop on RHEL 8 using yum](https://www.cyberciti.biz/faq/how-to-install-htop-on-rhel-8-using-yum/)
- [What is a <defunct> process, and why doesn't it get killed?](https://askubuntu.com/questions/201303/what-is-a-defunct-process-and-why-doesnt-it-get-killed)
- [Zombie vs Defunct processes?](https://stackoverflow.com/questions/47977402/zombie-vs-defunct-processes)

----