teleren/devto huggingface dataset:
Dockside (Open Source) - Provision dev containers and staging environments with IDEs
Tags: programming, opensource, docker, ide
Published: 2021-12-15 17:03:45

We're excited to announce the open-source release of Dockside, a development tool for provisioning lightweight access-controlled development containers, staging environments and sandboxes - aka ‘devtainers’ - on local machines, on-premises (raw metal or VM) or in the cloud.

**Github:** https://github.com/newsnowlabs/dockside

Dockside is a tool for provisioning lightweight access-controlled IDEs, staging environments and sandboxes - aka ‘devtainers’ - on local machines, on-premises (raw metal or VM) or in the cloud.

**Who is Dockside for?**
→ Developers: Work from anywhere (it is browser-based) in a clone of your production environment. Switch between/hand over tasks instantly. No more laborious branch switching, or committing code before it’s ready. ‘git stash’ will be a thing of the past!

→ Code Reviewers: Access your colleagues’ devtainers directly. No longer must you stare at their code wondering what it does, or waste time on setup, when their code is already running. Comment on and correct code in-place.

→ Product Managers, Stakeholders & Clients: Access always-on but secure staged versions of the dev team’s work and works-in-progress, from wherever you are in the world.

Dockside has been built in-house by the team at NewsNow - one of the most popular news websites in the UK - and has been relied upon over the past few years for all our daily development, product review, staging and testing needs.

**To learn more and try Dockside, check out** https://github.com/newsnowlabs/dockside

Dockside is stable, but under active development, so any ideas, suggestions, or feedback would be gratefully appreciated. Also, if you’d like to be paid to work on Dockside, among our other projects, we’re hiring: https://www.newsnow.co.uk/careers/.
Release 0.2 - Update
Tags: opensource, programming
Published: 2021-12-15 16:58:36

## Instruction

Hello everyone, this blog post will be about my update regarding to Release 0.2. What problem did I face, and how to resolve them.

## Process

I have to say that looking for issues takes me forever. I want to further have more practice with JavaScript, so I head into [this page](https://github.com/search?l=JavaScript&q=issue&type=issues) to find any issues with JavaScript related. And I found that [this project](https://github.com/redxzeta/Awesome-Adoption) interested me, and the reason why is because it is a "full-stack" projects. I want to contribute to "small" full-stack project first, then further expand my knowledge, which enables me to build the fundamental.

The [issue](https://github.com/redxzeta/Awesome-Adoption/issues/255) I found in this project is about when user has a long email address, it will go over the box, which makes it look not good for user interface. The issue is found, but I have to spend some times to see the code structure of this project, as well as knowing the functionalities of each `.js` file. And I found one interesting concept, and it is also new to me because I have never heard or using it before, which is **supabase**. it is an open source Firebase alternative, and provides all the backend services that we need to build a product. I usually use MongoDB to save the data before, but never know about supabase.

When I try to run the project locally, I face this problem and I have no idea what I am missing ![missing supabase url](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/08466d2d12y08aa66qlu.png)

The [maintainer](https://github.com/redxzeta) just asked me to create `.env` file for the API key the `client_secret` key. When I try to run the project locally, I face this problem because the project is using supabase, but I did not include the `supabaseUrl`, so it does not allow the project to create a client. I researched what **supabase** is and why I encountered that problem, and I need to add the key in order to run this project successfully on my machine
```
REACT_APP_SUPABASE_URL= https://vuxohlizzevgcsxlrggf.supabase.co
REACT_APP_SUPABASE_URL_KEY_PUB= eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJyb2xlIjoiYW5vbiIsImlhdCI6MTYzMzg4NzYwNCwiZXhwIjoxOTQ5NDYzNjA0fQ.fxjuENwSq1mulGqA4OOnrbcZu-sW3EVVfHNQjOU0vOs
```

When trying to resolve the issue, I encountered error that not related to the issue I am doing. New things come in my mind, the maintainer is so friendly, we had a private chat and he answered all my questions I have in his project. And my pull request can be found [here](https://github.com/redxzeta/Awesome-Adoption/pull/263).

I made some changes in `PetInfo.js` file, and `PetInfo.css` file
![pet info](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lezf0ak25wc0hb4v5v07.png)

![pet info css](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/56v6bdupfc4z8ol90fof.png)
 
Thank you for reading.
Apama Advent Calendar - 15 Dec 2021 - EPL in Cumulocity IoT
Tags: apama, iot, cumulocity, streaminganalytics
Published: 2021-12-17 12:57:49

---
title: Apama Advent Calendar - 15 Dec 2021 - EPL in Cumulocity IoT
published: true
date: 2021-12-15 16:52:18 UTC
tags: apama, iot, cumulocity, streaminganalytics
canonical_url: https://tech.forums.softwareag.com/t/apama-advent-calendar-15-dec-2021-epl-in-cumulocity-iot/253939
---


_This is Day #15_ _of a short series of brief tips, tricks, hints and reminders of information relating to the Apama Streaming Analytics platform, both from Software AG as well as from the community._  

Previously, Day #6 of the Advent Calendar dealt with the fundamentals of Apama EPL (Event Processing Language) and Day #10 touched on Cumulocity IoT as one of several development environments. Today we deal with the Cumulocity IoT environment in more detail.

Regardless of how each Apama component is presented within the Cumulocity IoT UI, the underlying functionality will be written in EPL and run within an instance of the correlator. This is most obvious with the Streaming Analytics component “EPL Apps”, which provides a developer UI for direct code development.

The same is also true of the companion component “Analytics Builder” that was covered in Day #3. The UI for the Analytics Builder is graphical, composed of various functional blocks which can be wired together to compose complex analytics easily without needing any programming knowledge. However, under the hood, each block is written in EPL along with the framework which checks and wires the entire network together. Custom blocks can also be added, and these will be written using EPL. The details of this will be covered tomorrow.

Even more abstracted are the smart rules, available via the Cockpit application. These provide pro-forma rules via simple dialogs to carry out common, basic tasks. Nevertheless, the underlying execution of those rules is again EPL running in an Apama correlator instance.

Today we take a closer look at EPL Apps, the app that exposes you to EPL directly, so check out the original post in the [Software Ag Tech Community](https://tech.forums.softwareag.com/t/apama-advent-calendar-15-dec-2021-epl-in-cumulocity-iot/253939).

_Note that some posts may be published a day or two early or late (e.g. Mon-Fri) so you may find you have bonus days with more than one post!_
Can You Run Copilot on the Raspberry pi, Answer is Surprisingly YES.
Tags: html, ai, javascript
Published: 2021-12-15 16:33:08

In order to get GitHub Copilot on VSCode first you have to ins tall it with the package manager apt or recommended software from raspberry pi

```
$ sudo apt install code
```
or

![where to install VSode](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/go5wxsy4jcumean1qnal.png)

After you install VSCode go an open it up and go to the extension tab or use "Ctrl+Shift+X" (Keyboard shortcut). Go type in GitHub Copilot into the search bar and install the extension.
 

![installing the copilot extension](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/odidsr81ojqrtabskcfo.png)


Copilot is currently in beta, but you can sign up for the waiting list to potentially get access to it. I did nothing special to get copilot 
except joining the wait list and having a GitHub Account. All I had to do was wait and I got access to it.

You will know if copilot is working when the bottom of the screen has the copilot icon.


![copilot in the bottom corner](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eiqshcy3soi40ooh4pn5.png)


Here is a showcase showing of copilot working.



{%youtube pK4gESoSU7w%}
How to use onclick event in angular?
Tags: typescript, angular
Published: 2021-12-15 16:20:15


`let htmlcssArrow = document.querySelector(".htmlcss-arrow");
htmlcssArrow.onclick = function() {
 navLinks.classList.toggle("show1"); 
}`

I would like to add above code in typescript angular, to add toggle style to my menu, I have used this code in javascript, it was working fine.

`let navLinks = document.querySelector(".nav-links");
    let htmlcssArrow = document.querySelector(".htmlcss-arrow");
    htmlcssArrow.addEventListener("onclick", ()=>{
      navLinks.classList.toggle("show1");
    }) `

below code used in type script and it's not working.
What is the difference between Amazon RDS Read Replicas vs Multi AZ
Tags: aws, database, readreplica, multiaz
Published: 2021-12-15 16:16:52

## What is Relational Database Service (RDS)

Amazon Relational Database Service (Amazon RDS) makes it easy to set up, operate, and scale a relational database in the cloud. 
It provides cost-efficient and resizable capacity while automating time-consuming administration tasks such as hardware provisioning, database setup, patching and backups. 
It frees you to focus on your applications so you can give them the fast performance, high availability, security, and compatibility they need.


`Here is the full dedicated video on this topic👇👇`
[![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2qljo37ti42q0k7at1ni.png)](https://www.youtube.com/watch?v=70EJ-qSBBXQ)

## What is Amazon RDS Read Replicas?

The read replica operates as a DB instance that allows only read-only connections. Applications connect to a read replica the same way they do to any DB instance. Amazon RDS replicates all databases in the source DB instance. The Oracle DB engine supports replica databases in mounted mode.

## What is Amazon RDS Multi AZ?

RDS Multi-AZ. Amazon RDS Multi-AZ deployments provide enhanced availability for database instances within a single AWS Region. With Multi-AZ, your data is synchronously replicated to a standby instance in a different AZ.

---

▬▬▬▬▬▬ WANT TO LEARN MORE? ▬▬▬▬▬▬
Full Terraform tutorial ► [https://bit.ly/2GwK8V2](https://bit.ly/2GwK8V2)
DevOps Tools, like Ansible ► [https://bit.ly/3iASHuP](https://bit.ly/3iASHuP)
Docker Tutorial ► [https://bit.ly/3iAT9Jx](https://bit.ly/3iAT9Jx)
AWS Tutorial ► [https://bit.ly/3iAT9Jx](https://bit.ly/3iAT9Jx)
GCP Tutorial ► [https://bit.ly/3mwh412](https://bit.ly/3mwh412)
Jenkins Tutorials ► [https://bit.ly/3iHnfv4]
LaTeX: The include Command
Tags: codenewbie, latex
Published: 2021-12-15 16:03:56

Hello, how are you? :) 

In this post I talk about
- The `\include` command

## Introduction

The last posts of this blog have been about *Macros* we have checked some variants of macros and we have seen that these are declared in the preamble of our document, so, if we want to declare a new macros we must go to the preamble, declare them there and then go back to our document, everything is fine. 

But what happens if we need to declare the same macros in another document, and in another and so on, it will be a headache because we need to declare them in each document that we create. There must be an easy way to do it, and this is the main topic, or purpose, of this post is to teach you a very useful instruction, the `\include` command 

## The `include` command

> Here we are going to use this command to include the macros and other environments that we will see in the following posts, but this command has another functionalities, which are not related with this topic

- This command is declared in the preamble

As its name suggest it *includes* the content of other `.tex` (The extension of the `LaTeX` document) document into our current document, the command is simple 

```LaTeX
\include{pathOfFile/nameOfFile}
```

## Including a file with `include`

> Do not forget to add the extension of the file, in this case, it is `.tex` If you do not add it you will get an error

We have seen that the command to include a file is `\include{}` but we need to give the `pathOfFile` it is the **location** of our file that we want to import to our current file, and there are three possibilities 

- **File in the same location where we are working** We just need to put the name of the file 
```LaTeX
\include{myFile.tex}
```

- **File in the same location but inside another folder** We need to put the route to the file, indicating the name of the folder in the path.

Let's suppose my folder's name is `myFolder`

```LaTeX
\include{myFolder/myFile.tex}
```

> If it is inside multiple folders we just put the name of all the folders where it is and then the name of the file 

```LaTeX
\include{myFolder/.../myFile.tex}
```
Where the `...` is the short for all the folders, but you **must** put the name of all the folders 

- **File in a different location** Here we need to put the specific route where the file is. In the last point we see that to go _deeper_ we need to put the name of the folders, now to go _backward_ we need to use `..`

```LaTeX
\include{../myFolder/myFile.tex}
```

This is all for today, thanks 

Do not forget to follow me on twitter `@latexteada`

Greetings :)
JMeter 5.4.1 fix for Security CVE-2021-44228 issue
Tags: jmeter, cve202144228, security
Published: 2021-12-15 15:59:31

In case you installed on Windows, JMeter 5.4.1 from the Github repo: [install-jmeter-windows](https://github.com/sebiboga/install-jmeter-windows), by now you should know that you are impacted by Security issue CVE-2021-44228 because JMeter is a JAVA application

Here you can find an automatic tool that will fix your vulnerability by downloading the log4j version 2.16

STEPS:


> 1. STOP JMeter GUI

> 2. download Release v01 from here: https://github.com/sebiboga/jmeter-fix-cve-2021-44228-windows/releases/tag/v01

> 3. unzip the Release

> 4. double click on cve-2021-44228.bat


In case you didn't installed JMeter in C:\JMeter\apache-jmeter-5.4.1, you'll have to:
*  EDIT the bat file and on row 2, update your location where JMeter is installed;
* then update all copy commands with correct destination folder

Here is the batch file:

```
@echo off
cd C:\JMeter\apache-jmeter-5.4.1\lib
del log4j*.*
md C:\JMeter\cve-2021-4428

powershell -command "Invoke-WebRequest   -Uri 'https://dlcdn.apache.org/logging/log4j/2.16.0/apache-log4j-2.16.0-bin.zip' -OutFile 'C:\JMeter\cve-2021-4428\apache-log4j-2.16.0-bin.zip'"
powershell -command "Expand-Archive -Force 'C:\JMeter\cve-2021-4428\apache-log4j-2.16.0-bin.zip' 'C:\JMeter\cve-2021-4428'"
copy C:\JMeter\cve-2021-4428\apache-log4j-2.16.0-bin\log4j-1.2-api-2.16.0.jar  C:\JMeter\apache-jmeter-5.4.1\lib\*.*
copy C:\JMeter\cve-2021-4428\apache-log4j-2.16.0-bin\log4j-api-2.16.0.jar  C:\JMeter\apache-jmeter-5.4.1\lib\*.*
copy C:\JMeter\cve-2021-4428\apache-log4j-2.16.0-bin\log4j-core-2.16.0.jar  C:\JMeter\apache-jmeter-5.4.1\lib\*.*
copy C:\JMeter\cve-2021-4428\apache-log4j-2.16.0-bin\log4j-slf4j-impl-2.16.0.jar  C:\JMeter\apache-jmeter-5.4.1\lib\*.*
```


Have a nice day!
Natural Sounding Text to Speech in Ubuntu?
Tags: ubuntu
Published: 2021-12-19 13:51:25

---
title: Natural Sounding Text to Speech in Ubuntu?
published: true
date: 2021-12-15 15:53:00 UTC
tags: Ubuntu
canonical_url: https://stackallflow.com/ubuntu/natural-sounding-text-to-speech-in-ubuntu/
---

![](https://eadn-wc01-5196795.nxedge.io/cdn/wp-content/uploads/2021/12/natural-sounding-text-to-speech-in-ubuntu_11691-300x225.png)

<header>
<p><span style="font-size: 1.2em;">software-recommendation</span><span style="font-size: 1.2em;">text to speech</span></p>
</header>

I am looking for some easy to install text to speech software for Ubuntu that sounds natural. I’ve installed `Festival`, `Gespeaker`, etc., but nothing sounds very natural. All very synthetic and hard to understand.

Any recommendations out there?

#### Accepted Answer

## SVOX pico2wave

A very minimalistic TTS, a better sounding than espeak or mbrola (to my mind). Some information [here](https://launchpad.net/ubuntu/precise/+source/svox/).

I don’t understand why pico2wave is, compared to espeak or mbrola, rarely discussed. It’s small, but sounds really good (natural). Without modification you’ll hear a natural sounding female voice.

AND … compared to Mbrola, it recognise Units and speaks it the right way!  
For example:

- 2°C → two degrees
- 2m → two meters
- 2kg → two kilograms

After installation I use it in a script:

```
#!/bin/bash
pico2wave -w=/tmp/test.wav "$1"
aplay /tmp/test.wav
rm /tmp/test.wav

```

Then run it with the desired text:

```
<scriptname>.sh "hello world"

```

or read the contents of an entire file:

```
<scriptname>.sh "$(cat <filename>)"

```

That’s all to have a lightweight, stable working TTS on Ubuntu.

The post [Natural Sounding Text to Speech in Ubuntu?](https://stackallflow.com/ubuntu/natural-sounding-text-to-speech-in-ubuntu/) appeared first on [Stack All Flow](https://stackallflow.com).
Day 91/100 Color for UI
Tags: 100daysofcode, programming, design, motivation
Published: 2021-12-15 15:51:55


Selecting the appropriate colors for your designs must first know the common aspects and keys to convey.

![banner](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qg06tvzubr7y6ugknfyc.png)

## **Different types of color blindness**

- **red-green**, where users have a difficult time differentiating between the red and green colors.

- **blue-yellow**, where the blues tend to appear greener

- **monochromatic**, when users can’t see color at all.

## **The keys to designing for UI**

- Select a dominant brand color and supporting accent colors.

- Use contrast to define sections and differentiate actions.

- Use semantic colors for error and success messages.

- Incorporate default colors for text and backgrounds where needed.

- Neutral colors can provide good contrast.


## Code Snippets

```
if (false) {
  console.log('The code in this block will not run.');
} else {
  console.log('But the code in this block will!');
}

// Prints: But the code in this block will!
```

## Summary
I'm counting my days, and exploring my imagination. Extracting all the information I learned on this challenge. Now , I have to expand my motivation to become better in writing proper blogs.
[![resource](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/aryopg99b220podt2eq0.png)](https://medium.com/@kentbeck_7670/fast-slow-in-3x-explore-expand-extract-6d4c94a7539)
A couple things to think about when changing domains
Published: 2021-12-15 15:45:24

My business is B2B and I was using the domain overdue.io for a while but wanted a .com.  overdue.com is for sale but the owner wants like $100k, I'd rather donate that to charity when I'm at the place where I can afford to drop that much on a domain name.  Regardless here are a couple things to think about when changing names.

Are you keeping the old domain name and redirecting to the new one?  You're going to want to set that up to report a permanent redirect which I ended up doing in nginx.  

But even before that think about the services that send information to your site.  Do you host an API?  Do you receive webhooks from Stripe, Postmark, or somewhere else?  Update those before you start redirecting as it will cause errors.  Stripe and many others will re-send the webhooks if they're unsuccessful.
SPO600 - Project Stage 3
Published: 2021-12-15 15:43:29

## Introduction
Hello everyone, my name is Dustin. Today I'd like to talk about my last stage of spo600 project.

In my previous blog, I had a little discussion about `ffmpeg` and how it is important to us. So for this stage, I'm going to give some suggestions on how `ffmpeg` should be extended to support Scalable Vector Extensions v2(SVE2)


## About SVE2
Speaking about SVE2, it is a superset of SVE and Neon. SVE2 gives more function domains, because it inherits its previous concepts including vector registers, and operation principles. So people are able to opt for hardware with a maximum of 2048 bits. Refer [here](https://developer.arm.com/documentation/102340/0001/Introducing-SVE2)

## Recommendation
Because ffmpeg focuses much on process multimedia content such as audio, video, subtitles and related metadata, which are considered to be quite heavy as it involves a lot of decoding, encoding,... So SVE2 would bring a huge benefit in terms of options, flexibility. The good old SIMD instructions to do some color conversions or scaling routines can be improved by a library which is called `libswscale`. This library will tremendously bring `ffmpeg` to a whole new level as it help improve the process time. Apart from that, `ffmpeg` is using Neon in order to do some vector thing which can be improved by switching to SVE2 in order to utilize its benefits as it allows vector code to adapt to a wide range of vector lengths during execution time. 

## Wrap up
SVE2 has 32 scalable vector registers which ranges from Z0 to Z31 and it can be implemented from 128 bits up to 2045 bits with 128 increment which is amazing so by taking advantage of SVE2, people can actually maximize the usage of `ffmpeg`. This is a powerful tool but when given an add-on, it will offer more strength that facilitates users.
Improve your brand startegy using ::Selection pseudo-element
Tags: css, webdev, design, productivity
Published: 2021-12-15 15:34:24

Hey Gang, Feel lucky to see you again in my post. I'm sure while reading the title, your thought's be like how a single pseudo element improve my brand🤔🤔!?. But, The answer is <b>YES</b>.



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

This pseudo element will do a small job for your project or for your client project. However, That small thing build an impression with your end-user or your client. Uh, Can't wait and get this show on the road🎉.

<h3>Then what's the job of <code>::selection</code>?</h3>
The CSS pseudo-element <code>::selection</code> changes the styling that is highlighted by the user (<em>means allows you to style how selected text looks</em>), such as when you highlight the text using a mouse or another pointing device. 

```css
::-moz-selection{
  background: #E04550;
  color: white;
}
::selection {
  background: #E04550;
  color: white;
}
```
Seems tiny piece syntax and outcome may be beyond the belief😍. 

> Note: <em>convert <b>default color to brand color</b>, while user hightlight the text in your webpage</em>.

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

Hey still travel with me, Then it's my pleasure to show you the codepen demo. Start to play in codepen for more understanding.

{% codepen https://codepen.io/preethi-dev/pen/KKXpKPB %}

Cheers, You reached the climax of this subtle blog. I close my window with bonus info. only a subset of CSS properties are allowed:

- <code>color</code>
- <code>background-color</code> but <b>not <code>background-image</code></b>
- <code>text</code> properties.

> <em>Be consious with above points, while using <code>::selection</code> pseudo element</em>

<h3>Browser Support</h3>
<code>::selection</code> pseudo element did fine job in most of the browser(except Opera mini and safari on ios).

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

It's really a subtle work for maintain the brand and I am sure which definitely impress your client. If you loved this subtle blog, Then give a endearing heart💝 which really lot to me. I love the discussion with you, If you feel not good at styling concept or any doubts.

Thanks for Reading!!
<b>Preethi</b>
<em>- Make your CSS life easier</em>