teleren/devto huggingface dataset:
The build failed because the process exited too early.
Tags: react, webdev, errors, vercel
Published: 2023-06-27 13:27:00

HOW TO SOLVE THIS ERROR I GOT THIS ERROR WHILE DEPOLOY
MY REACT PROJECT ON VERCEL

[11:39:55.591] The build failed because the process exited too early. This probably means the system ran out of memory or someone called `kill -9` on the process.
[11:39:55.608] Error: Command "npm run build" exited with 1
[11:39:55.908] BUILD_UTILS_SPAWN_1: Command "npm run build" exited with 1
THE BEST GIFT I EVER RECEIVED
Published: 2023-06-27 13:12:52

Elyse NIYOMWUNGERE is my full name I ever received the interested gift for me I remember it was in 2021, always I have ever asked my self why I like photographic while I can't buy at least a mini camera, I didn't understand how can I get it because it is very expensive. and why it is best gift me, that gift is related to my dream I ever wished to reach.

That gift was the Camera called Canon 5D mark II is very expensive, that was my possibility to open my future dream, that why will never forget some one gave me that gift. without beating around the bush , that is the best gift I ever received in my life.
thank you`!!

thank you
Erlang for Web (setup env + hello world)
Tags: erlang, n2o
Published: 2023-06-27 13:11:06

Why Erlang?
https://serokell.io/blog/introduction-to-erlang

Which web framework?
https://www.linuxlinks.com/free-open-source-erlang-web-frameworks/

Let's try N2O.
https://sample.n2o.dev/
https://github.com/synrc/sample

It seems it works better with Linux/OSX. I do not have experience neither with Linux nor OSX, so setup and configuration process might be ugly.

Let's install Erlang to WSL (Ubuntu-22.04).

We need build tool
https://rebar3.org/docs/getting-started/
it requires Erlang https://adoptingerlang.org/docs/development/setup/
https://www.erlang.org/downloads
https://docs.riak.com/riak/ts/1.5.2/setup/installing/source/erlang/index.html

```
> configure: error: no acceptable C compiler found in $PATH

// might be not strictly required
> sudo apt install libncurses5-dev

> sudo apt install build-essential
> configure: error: No dtrace utility found.

// might be useless
> sudo apt install systemtap

> sudo apt install systemtap-sdt-dev

WARNING: It appears that a required development package 'libssl-dev' is not installed.
WARNING: It appears that a required development package 'automake' is not installed.
WARNING: It appears that a required development package 'autoconf' is not installed.
APPLICATIONS DISABLED (See: /home/foo/.kerl/builds/26.0.1/otp_build_26.0.1.log)
 * crypto         : No usable OpenSSL found
 * jinterface     : Java compiler disabled by user
 * odbc           : ODBC library - link check failed
 * ssh            : No usable OpenSSL found
 * ssl            : No usable OpenSSL found

APPLICATIONS INFORMATION (See: /home/foo/.kerl/builds/26.0.1/otp_build_26.0.1.log)
 * wx             : No OpenGL headers found, wx will NOT be usable
 * No GLU headers found, wx will NOT be usable
 * wxWidgets was not compiled with --enable-webview or wxWebView developer package is not installed, wxWebView will NOT be available
 *         wxWidgets must be installed on your system.
 *         Please check that wx-config is in path, the directory
 *         where wxWidgets libraries are installed (returned by
 *         'wx-config --libs' or 'wx-config --static --libs' command)
 *         is in LD_LIBRARY_PATH or equivalent variable and
 *         wxWidgets version is 3.0.2 or above.

DOCUMENTATION INFORMATION (See: /home/foo/.kerl/builds/26.0.1/otp_build_26.0.1.log)
 * documentation  :
 *                  xsltproc is missing.
 *                  fop is missing.
 *                  xmllint is missing.
 *                  The documentation cannot be built.
```


We need proxy browser requests to wsl and back https://jwstanly.com/blog/article/Port+Forwarding+WSL+2+to+Your+LAN/

Other:
https://phoenixnap.com/kb/linux-export-command
Rubyist Hangout Thread
Tags: discuss, ruby, watercooler
Published: 2023-06-27 13:00:00

Hey folks, this is a weekly hangout thread.

This is an area for **Rubyists to discuss _Ruby_**, but since Ruby is 28 years old, and things don't change so quickly, this is also just **a hangout thread for Rubyists to share whatever you feel like** within our community guidelines.

So what's up this week?
My dream job
Published: 2023-06-27 12:48:34

hello!!!
my name is Mugisha Ghad 
I want to share with you my dream job

when I was younger, I dreamed of being a travel or food blogger, as I have always had a passion for cooking and traveling. I always desired a job that would not require me to work in a single location because I did not want a monotonous work life. Therefore, I desired to become an international travel or cuisine blogger.
I didn't know how My dream can be achieved, because just now I'm studying coding and web design, but for the grace of God, nothing can not be possible when you believe.
Thank you!!
Calling for Software Developers: Join the Quest for a Worthy Successor to Settlers 4 Game!
Tags: csharp, unity3d, gamedev, job
Published: 2023-06-27 12:46:33

Hi there,
We are seeking support in the development of a "worthy" successor to Settlers 4. We are part of the community of Settlers 3 & 4. Since the last Game was unfortunately not the anticipated successor hit, we have come together to develop our own successor under the project name "HGLG." Currently, this is purely a hobby project, with the hope of eventually gaining some profit from it. Thanks to Maurice Weber* from GameStar, we have already been able to assemble a team of around 30 people. This includes a strong graphics department with a professional concept artist and many 3D artists with experience in smaller titles. We have also managed to recruit a professional composer for our sound department. Our team is rounded out by Robin, aka UltimateSpinDash, who has been working on a game design document for a successor for years.

Our coding department also includes some individuals who have already developed small games. However, we have realized in recent months that achieving our high goals requires a lot of learning and familiarization. Therefore, we are seeking assistance. We are currently working with Unity for development.

Initially, we had made some progress on certain aspects (such as world generation). Unfortunately, we encountered problems related to performance or inaccurate grids. Additionally, we couldn't find anything suitable in the asset store. As a result, we are currently working on developing many things ourselves.

If you have any questions or are interested in hearing more details in a conversation, please feel free to email us at mitmachen@projekt-hglg.de.
*https://clips.twitch.tv/FairObeseJackalMrDestructoid-2GjMoMoxUtlnNIM3

Here are some links to give you an insight:

https://media.discordapp.net/attachments/1039315077704204318/1120303293021818920/Skizze06-korr_WEB.jpg?width=954&height=676
https://media.discordapp.net/attachments/1039315077704204318/1118933450343333888/T3-Soldat.png?width=676&height=676
https://media.discordapp.net/attachments/1039315077704204318/1100388832748249088/Simulation-Platzierung_oGrid.jpg?width=901&height=676
https://onedrive.live.com/?authkey=%21AEEi2MtKnUXxmic&id=2AB1BF027ECE484D%21268692&cid=2AB1BF027ECE484D&parId=root&parQt=sharedby&o=OneUp
https://youtu.be/xyD8eGXEzdg
Integrate Jplayer in HTML5 Video Player ▶️
Published: 2023-06-27 12:41:57

> Article under Review
---
You can integrate JWPlayer 8 into your HTML5 video player using a JavaScript CDN (Content Delivery Network) instead of downloading the library. Here's how you can do it:

1. Include the JWPlayer library from a CDN:
   - Open your HTML file in a text editor.
   - In the `<head>` section of your HTML file, add the JWPlayer library by including the JavaScript file from a CDN. Use the following code:
     ```html
     <script src="https://cdn.jsdelivr.net/jwplayer/8.5.4/jwplayer.js"></script>
     ```

2. Add a container for the video player:
   - In your HTML file, create a `<div>` element to serve as a container for the JWPlayer video player. Give it an id attribute to reference it later, for example:
     ```html
     <div id="my-video-player"></div>
     ```

3. Initialize JWPlayer and configure the player:
   - After the `<div>` container, add a `<script>` block to initialize and configure the JWPlayer. This script should be placed before the closing `</body>` tag.
     ```html
     <script>
       jwplayer("my-video-player").setup({
         file: "/path/to/video.mp4", // Specify the path to your video file
         // Add additional configuration options as needed
         // For example:
         width: 640,
         height: 360,
       });
     </script>
     ```

   - Inside the `setup()` function, you can specify various configuration options for your video player. Refer to the JWPlayer documentation for a comprehensive list of available options and their usage.

4. Replace `/path/to/video.mp4` with the actual path to your video file.

5. Save the HTML file and open it in a web browser to test the integration of JWPlayer into your HTML5 video player using the JavaScript CDN.

By following these steps and including the JWPlayer library from a CDN, you can integrate JWPlayer 8 into your HTML5 video player without the need to download the library or sign up for an account.
Bubble Sort
Tags: bubblesort, sort, cpp, sorting
Published: 2023-06-27 12:35:56

## Bubble Sort:

It is the simplest sorting algorithm that works by repeatedly swapping the adjacent elements if they are in the wrong order. 

In this algorithm, 

1. Traverse from left and compare adjacent elements and the higher one is placed at right side. 
2. In this way, the largest element is moved to the rightmost end at first. 
3. This process is then continued to find the second largest and place it and so on until the data is sorted.

## C++ Code

```

#include <bits/stdc++.h>
using namespace std;

void bubbleSort(int arr[], int n)
{
	int i, j;
	bool swapped;
	for (i = 0; i < n - 1; i++) {
		swapped = false;
		for (j = 0; j < n - i - 1; j++) {
			if (arr[j] > arr[j + 1]) {
				swap(arr[j], arr[j + 1]);
				swapped = true;
			}
		}
		if (swapped == false)
			break;
	}
}

void print(int arr[], int size)
{
	int i;
	for (i = 0; i < size; i++)
		cout << " " << arr[i];
}

int main()
{
	int arr[] = { 23, 45, 65, 23, 57, 88 };
	int N = sizeof(arr) / sizeof(arr[0]);
	bubbleSort(arr, N);
	cout << "Sorted array: \n";
	print(arr, N);
	return 0;
}
```
**Time Complexity: O(N2)
Auxiliary Space: O(1)**
Reflection
Tags: beginners, charp
Published: 2023-06-27 11:45:10

**What is Reflection:**
Imagine you have a box, and inside that box, there's a really cool toy car. But you can't open the box to see the car directly. However, you have a special tool called "reflection."

When you use reflection on the box, it's like using the magic mirror on the toy car. Reflection allows you to learn things about the car without actually opening the box. You can find out the color of the car, how many wheels it has, and even what sounds it can make when you push it.

Similarly, in programming, sometimes programmers have objects (like the toy car) that they can't see directly. But with the help of reflection, they can still learn a lot about those objects. They can find out their names, what they can do, and even change their behaviors, all without having to open the box (or directly access the object in their code).

Reflection is like a special tool that lets programmers explore and manipulate objects in their computer programs, just like you can explore and learn about the toy car inside the box using the magic mirror.

 How to use reflection to find the two date fields in an employee object and assign today's date to those fields
**Code:**
```
using System;
using System.Reflection;

public class Employee
{
    public string Name { get; set; }
    public int Age { get; set; }
    public DateTime JoiningDate { get; set; }
    public decimal Salary { get; set; }
    public DateTime BirthDate { get; set; }
    // ...other properties
}

public class Program
{
    public static void Main()
    {
        Employee employee = new Employee();

        UpdateDateFields(employee);

        // Print the updated values
        Console.WriteLine("Joining Date: " + employee.JoiningDate);
        Console.WriteLine("Birth Date: " + employee.BirthDate);
    }

    public static void UpdateDateFields(object obj)
    {
        PropertyInfo[] properties = obj.GetType().GetProperties();
        foreach (PropertyInfo property in properties)
        {
            if (property.PropertyType == typeof(DateTime))
            {
                property.SetValue(obj, DateTime.Today);
            }
        }
    }
}

```
Quizy – Quiz and Earn Full App in Flutter with Admin Panel + Admob Ad + OneSignal Push Notification + Referral System
Published: 2023-06-27 11:41:41

**Key features**

- Control full app with admin panel
- Admob Ad
- OneSignal Push Notification
- Referral System
- Powerful nodeJS Admin Panel
- 50/50 Option
- Minus Grading (Control from admin panel)

Admin URL - https://quizandearn.in/
Email - demo@gmail.com
Password - demo

Android Demo APK : [Android](https://drive.google.com/file/d/1owiKw4ZAuYD_P6sjncAYS8zc1RutXuNw/view)

iOS Testflight : [iOS](https://testflight.apple.com/join/DZFY66W5)

You can Buy Full App from Here : [Quizy](https://1.envato.market/VmbyRJ)
Unlocking Passkey Potentials: A Glimpse at KAYAK's Innovative Approach
Tags: webdev, passkey, kayak, login
Published: 2023-06-27 11:31:04

*This is part 3/X of our ongoing analysis of passkey implementations. We already analyzed *[*several password managers*](https://dev.to/corbado_tech/will-passkeys-kill-password-managers-2l79)* and *[*Apple's iOS 17*](https://dev.to/corbado_tech/ios-17-apple-goes-all-in-with-passkeys-2nda)

In an era where cybersecurity is of paramount importance, KAYAK, a renowned travel company, offers valuable insights into how passkeys can revolutionize user authentication.

**User centricity**
KAYAKs user-centric approach towards passkeys is the cornerstone of their success. The crux of their strategy is based on a concept seemingly simple, yet powerful - making security user-friendly. By allowing customers to create their own memorable passkeys, they elevate user experience while simultaneously strengthening their platform's security. You can delve deeper into their technique [here](https://www.corbado.com/blog/kayak-passkeys-best-practices-analysis).

**Integration**
Notably, the seamless integration of passkey authentication within KAYAK's system truly stands out. The smooth, intuitive process is a testament to the platform's dedication to user experience. This enhances customer confidence and engagement, showing that robust security doesn't have to come at the expense of usability.

**Transparency**
Transparency is another key aspect of KAYAK's strategy. They maintain open channels of communication about their passkey usage and benefits, fostering a sense of trust among their users. This transparency underlines the importance of passkeys as a crucial tool for securing user data, a matter of utmost importance in the current digital age.

**Intuitiveness**
Finally, it's noteworthy to mention KAYAK's focus on optimizing the user journey for passkey creation and use. From initiation to completion, the process is not only user-friendly, but also engaging, illustrating the beauty of an intuitive design. 

**Conclusion**
KAYAK's implementation of passkeys presents a compelling model of how user-friendly security can be achieved. Their best practices offer valuable insights for any company seeking to leverage passkeys as an effective authentication method. While we've outlined the basics, the complete picture of KAYAK's success story can be found [here](https://www.corbado.com/blog/kayak-passkeys-best-practices-analysis)
Will passkeys kill password managers?
Tags: webdev, security, passwordmanager, passkey
Published: 2023-06-27 11:29:53

Will passkeys kill password managers? As we move towards a passwordless future, the role of password managers is being questioned. Let's explore the relationship between password managers and passkeys and how they are shaping the future of digital security.


Technology in transition:
=========================

From passwords to passkeys Passwords have been the primary authentication method, but passkeys are now emerging as a revolutionary alternative. How do password managers fit into this paradigm shift? Let's delve into the relationship between password managers and passkeys.


Unpacking the basics:
=====================

The difference between password managers and passkeys Password managers are secure digital lockboxes that store and manage your online credentials, while passkeys offer biometric-based authentication. Passkeys provide a seamless user experience and enhanced security.


Tech fusion: Why password managers are integrating passkeys
==========================================================

Despite their differences, many password managers plan to integrate passkeys into their offerings. Passkeys offer improved security, productivity, and a passwordless experience. It's a necessary step for password managers to remain relevant.


A surprising symbiosis: Passkey providers and password managers
===============================================================

Password managers and passkey providers need to work together to ensure a smooth transition. They can create a seamless user experience while maintaining a strong security framework.


Progress snapshot: Password managers' evolution towards passkeys
================================================================

Leading password managers like LastPass, Bitwarden, Keeper Security, Dashlane, 1Password, and NordPass are adapting to the passkey revolution. They are incorporating passkeys into their products and enhancing their offerings. 


The future blueprint:
=====================

Password managers in a passwordless landscape Even in a passwordless future, password managers will play a key role. By managing both passwords and passkeys, they bridge the past and the future of online authentication methods. They enhance the user experience and increase security.

*To learn more about the future of digital security and the relationship between password managers and passkeys, read the full article on our website: *[*https://www.corbado.com/blog/will-passkeys-kill-password-manager*](https://www.corbado.com/blog/will-passkeys-kill-password-managers)
A super fast style sheet language for cool kids! (WIP)
Tags: frontend, css, node, performance
Published: 2023-06-27 11:21:21

[This is Bro](https://github.com/openpeeps/bro) &mdash; A super fast style sheet language, alternative to SassC, DartSass, SassJS and Less.

> **Warning!** Bro is still under development. Expect bugs and incomplete features.

## Key features
- 🍃 Lightweight, tiny executable
- 🐱 Dependency Free / **No Virtual Machine**
- 🌍 Works on **Linux**, **macOS**, **Windows**
- 💪 **Strong Typed** = Perfect **Cascading Style Sheets** 🤩
- 🎁 **CSS Minifier**
- 🗺 **CSS SourceMap Generator**
- 🔄 **CSS Reload** & **Browser sync** [Setup info](https://github.com/openpeeps/bro/wiki/Index#css-reload--browser-syncing)
- 🖌 `JSON` / `YAML` stream to Stylesheet
- 🌴 **Abstract Syntax Tree** binary serialization via **MessagePack**
- 🎉 Built-in `HTML` Documentation Generator
- 🔥 Works with **NodeJS** & **BunJS** via `NAPI`
- 🎩 Open Source | [LGPLv3 license](https://github.com/openpeeps/bro/blob/main/LICENSE)
- 👑 Written in **Nim language**
- 😋 **Made for Cool Kids**

## What makes Bro fast?

First of all, Bro is fully [written in Nim](https://nim-lang.org), a state-of-the-art programming language well-suited for systems and application programming. It offers high performance with type and memory safety while keeping the source code short and readable. Wanna know more about it? [Check "Computer Programming with Nim"](https://ssalewski.de/nimprogramming.html#_why_nim) written by Dr. Stefan Salewski.

## Benchmark

1.572.876 lines of
```sass
button_0
  background: yellow
```

```
Benchmark 1: ./dart sass.snapshot big.sass:big.css --no-source-map --style=compressed
  Time (abs ≡):         5.009 s               [User: 6.379 s, System: 0.278 s]
 
Benchmark 2: sassc big.sass big.css --style=compressed
  Time (abs ≡):         6.448 s               [User: 5.881 s, System: 0.564 s]
 
Benchmark 3: bro big.sass --minify
  Time (abs ≡):         1.066 s               [User: 0.697 s, System: 0.367 s]
 
Benchmark 4: node bro.js
  Time (abs ≡):         1.598 s               [User: 1.226 s, System: 0.373 s]
 
Benchmark 5: bun bro.js
  Time (abs ≡):         1.396 s               [User: 1.088 s, System: 0.308 s]
 
Benchmark 6: node sass.js
  Time (abs ≡):        14.910 s               [User: 22.484 s, System: 1.483 s]
 
Benchmark 7: bun sass.js
  Time (abs ≡):        11.963 s               [User: 20.004 s, System: 1.236 s]
 
Summary
  'bro big.sass --minify' ran
    1.31 times faster than 'bun bro.js'
    1.50 times faster than 'node bro.js'
    4.70 times faster than './dart sass.snapshot big.sass:big.css --no-source-map --style=compressed'
    6.05 times faster than 'sassc big.sass big.css --style=compressed'
   11.22 times faster than 'bun sass.js'
   13.98 times faster than 'node sass.js'
```

## Learn Bro in 5 minutes
https://github.com/openpeeps/bro/wiki/Learn-Bro-in-5-minutes

Follow us on GitHub for more!
https://github.com/openpeeps/bro
Display in CSS
Tags: css, webdev, tutorial, beginners
Published: 2023-06-27 11:04:54

In this article, we would discuss the three ways that elements can be displayed on the web page. The three methods are:

- Inline
- Block
- Inline-block

# Table of contents

- [Inline display in CSS](#inline-display-in-css)
- [Block display in CSS](#block-display-in-css)
- [Inline-block display in CSS](#inline-block-display-in-css)

## Inline display in CSS

`span` by default has the `inline` display. This means that a `span` element would stay on the same line where it was declared. Two spans declared together, would always stay on the same line.

Other html elements such as a `div` are block level elements by default. This means that each `div` goes to a separate line and takes full width of the screen.

You can make a `div` inline like this:

```css
div {
    
    display: inline;
}

```

Almost all other elements besides `span` are `block` by default.

Note that, you cannot set the height and width of inline elements. they take the space as much as the content inside needs.


## Block display in CSS

Block elements take full width of the page. Block elements force the next element to go to the next line.

```css
element{
   display: block;
}
```


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

You can make them appear on the same line using this CSS:

```css
.blue {
  display: inline;
}

.yellow {
  display: inline;
}
```

Result:


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




## Inline-block display in CSS

An `inline-block` uses the powers of both- `inline` and `block` displays:

`block` allows us to set the height and width.
`inline` allows us to position elements in the same line.

You can use `inline-block` like this:

```css
element{
   display: inline-block;
}
```