teleren/devto huggingface dataset:
Increase coverage on every feature with Karma/Jest and Husky
Tags: testing, programming, webdev, javascript
Published: 2023-02-23 16:43:59

**Table of content**
- [Check your coverage percentage](#check-your-coverage-percentage)
- [Execute tests before pushing](#execute-tests-before-pushing)

---

Have you ever add new features and after some time, coverage seems to be decreasing, even if you are creating or updating some tests? 

I'm going to explain how we can always be sure that coverage increase and not the opposite. It's a combination of two things:

## Check your coverage percentage

First, we need to be sure that coverage **does not decrease** over a certain percentage.

This is an example for those using [Karma](https://github.com/karma-runner/karma):

```javascript
// karma.conf.js
module.exports = function (config) {
  config.set({
    ...
    coverageReporter: {
      ...
      check: {
        global: {
          statements: 42.7,
          lines: 44.0,
          branches: 41.4,
          functions: 26.0,
        },
      },
    },
    ...
};
```

Or if you are using [Jest](https://jestjs.io/docs/configuration#coveragethreshold-object):

```javascript
// jest.config.js
{
...
"jest": {
  "coverageThreshold": {
    "global": {
      "branches": 50,
        "functions": 50,
        "lines": 50,
        "statements": 50
    }
  }
}
```

This will provoke the command to **fail** (usually npm test or equivalent), if **at least** one of them does not reach the minimum required.

## Execute tests before pushing

The second thing you have to do, is to run all your tests just **before** pushing changes to the repository.
This is just an idea, maybe you want to do it before you commit those changes, I leave it to you.

To do that, I'm going to use [husky](https://github.com/typicode/husky). You just need to install it, and then create your first hook like this:

```javascript
// .husky/pre-push
#!/bin/sh
. "$(dirname "$0")/_/husky.sh"

[ -n "$CI" ] && exit 0

npm run test
```

You have an angular app where you can find this examples which is using karma and husky in [this repo](https://github.com/Ismaestro/angular-example-app).

I hope you have learned something new. If you think this might help other people, please hit the like button so that others can read it. ❤️

If you have any thoughts or questions, feel free to leave a comment!
error after installing and trying to compile react.js
Tags: react
Published: 2023-02-23 16:42:43

after installing react using npx method to create my-app and trying to run it this error came up on browser as well as console,
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zid4lg1yvuapiympdkmj.JPG)
i dont understand what to do as its saying that there are two folders with same path and i cant find these two folders location itself even though the path is given in error,
thanks
Video: Training Transformers with AWS Trainium and the Hugging Face Neuron AMI
Tags: nlp, deeplearning, huggingface, transformers
Published: 2023-04-03 10:01:47

---
title: Video: Training Transformers with AWS Trainium and the Hugging Face Neuron AMI
published: true
date: 2023-02-23 16:39:20 UTC
tags: nlp,deeplearning,huggingface,transformers
canonical_url: https://julsimon.medium.com/video-training-transformers-with-aws-trainium-and-the-hugging-face-neuron-ami-f6fcc5695116
---

In this video, I show you how to accelerate Transformer training with AWS Trainium, a new custom chip designed by AWS, and the brand new Hugging Face Neuron Amazon Machine Image (AMI).

First, I walk you through the setup of an Amazon EC2 trn1.32xlarge instance, equipped with 16 Trainium chips. Then, I run a natural language processing job, accelerating a BERT model to classify the Yelp review datatset on 32 Neuron cores.

{% youtube 0Y5E8RI_D2E %}
O que são Componentes de Ordem Superior(HOCs)?
Tags: react, beginners
Published: 2023-02-23 16:33:19

Quando estamos criando um componente em uma função, muitas vezes precisamos adicionar novas "funções"(não exatamente criar uma function, mas adicionar mais possibilidades naquela function). Para que não seja necessário reescrever o código, e prezando pela estrutura organizada, foi se criado o HOC,ou Higher-Order Component em inglês, mas para nós Componentes de ordem superior).Mas o que são esses Componentes? O que os diferencia dos Componentes clássicos e exemplos de HOC? 

**O que é um Componente de Ordem Superior -**

Um HOC é um componente `React` que recebe um componente como argumento e retorna outro componente. A ideia é que o HOC forneça funcionalidades adicionais ao componente recebido, sem alterar sua estrutura ou comportamento original. Os HOCs são uma técnica poderosa para criar componentes compostos e reutilizáveis e retornar um novo componente sem mexer ao componente já criado.



**Como  usar o HOC -**

Para criar um HOC em React, primeiro você precisa de uma função que receba um componente como argumento e retorne outro componente. A assinatura básica dessa função seria a seguinte:

```
function withHOC(WrappedComponent) {
  return class extends React.Component {
    render() {
      return <WrappedComponent {...this.props} />;
    }
  };
}
```

withHOC recebeu como argumento o WrappedComponent e retornou uma classe React Componente no método `render` o mesmo componente. A estrutura de um Componente de Ordem Superior funciona dessa forma.

Outro exemplo que podemos ver, seria por meio de um contador:

```
function withContador(WrappedComponent) {
  return class extends React.Component {
    constructor(props) {
      super(props);
      this.state = { contador: 0 };
      this.incrementar = this.incrementar.bind(this);
    }

    incrementar() {
      this.setState({ contador: this.state.contador + 1 });
    }

    render() {
      return (
        <WrappedComponent
          contador={this.state.contador}
          incrementar={this.incrementar}
          {...this.props}
        />
      );
    }
  };
}
```
Acima, o HOC `withContador` adiciona um estado contador e um método incrementar a um componente. Ele também passa o estado e o método como propriedades para o componente envolvido.


Vimos neste artigo que com os HOCs, é possível encapsular funcionalidades comuns em um componente e aplicá-las a outros componentes sem ter que reescrever o mesmo código várias vezes.
Visual Studio 2022 Rollback
Tags: programming, dotnet, tutorial, productivity
Published: 2023-02-23 16:13:59

[Rolling back](https://devblogs.microsoft.com/visualstudio/introducing-visual-studio-rollback/) will return Visual Studio to the version installed prior to the last applied update.

Having the option to roll back to a prior version is great although there are somethings to be aware of if Visual Studio is stable.

## Preparation/Restore after rollback

### Visual Studio extensions
If there are Visual Studio **extensions** installed they will be removed. If there are many and the installation files are not available, install [Extension Manager](https://marketplace.visualstudio.com/items?itemName=Loop8ack.ExtensionManager2022) extension. This extension allows you to export a list of extensions and importing them back into Visual Studio 2022. After the rollback reinstall this extension and use the restore option.

Some extensions will still be on the developer box but will not show up under the extensions menu like Jetbrains Resharper or RedGate SQL-Prompt. 

- Jetbrains [toolbox](https://www.jetbrains.com/toolbox-app/) can assist in resolving Resharper.
- RedGate SQL-Prompt will still work but will not have a menu option when in a .sql file. This means live with it or uninstall and reinstall.

### External Tools

If there are [external tools](https://learn.microsoft.com/en-us/visualstudio/ide/managing-external-tools?view=vs-2022) then they will be wiped out. To get them back, from Visual Studio menu select Tools, Import Export settings which saves all or selection of settings. Once the rollback has completed import the setting back in.

## Custom themes
Custom themes will not be there after a rollback, they need to be reinstalled.

## Default project solution locations
If you have set the default location for projects under Options, Projects and Solutions, Location, this will revert back to the default so this needs attention.

## ASP.NET Core/Razor Pages hot reload
This may revert to not reloading on file save, run a project and check Hot Reload on File save.


![hot reload menu options](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f9addmajirbz2rasubak.png)

## Toolbox

Text/code can be placed into the toolbox, after a roll back any text that resided in the toolbox will be gone.


![Visual Studio tool-box](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2nxkb49mhuoewk1wzd4u.png)

## Be prepared now

Taking steps mentioned above today can save you if when a roll back is needed and Visual Studio is unstable.

- For each Visual Studio extension installed, place them in a folder so that if needed they are easily accessed after a roll back.

- Export settings as indicated above now and perhaps set a reminder in you calendar to remind you to export say once a month
Apache Doris and Airbyte's Doris Connector Helps You Replicate Data from Google Ads into Doris
Tags: database, opensource, bigdata, devops
Published: 2023-02-23 16:13:52

Apache Doris and Airbyte's Doris Connector offers you the ability to replicate data from Google Ads into Apache Doris. View from the link below and learn more:

https://airbyte.com/connections/google-ads-to-apache-doris
Apache AGE & PostgreSQL | Working with Databases
Tags: apacheage, postgres, c
Published: 2023-02-23 16:13:12

Hello Guyz!

We are going to see how we can use create and manipulate databases in postgres and apache AGE using terminal.

So the first step is to run the following command from inside the postgres directory.

bin/initdb demo

Where "demo" is our database name. You can use any name you want.

This command will create a new directory with the database name, in this case "demo". All the tables and other stuff like indexes for this database will be stored in this directory.

This is all for creating a new database.

Stay tuned for configuration and manipulation of databases in the next blog.

https://age.apache.org/
https://github.com/apache/age

Good Bye!
It is Time to Migrate All Your Data from ClickHouse to Doris with Airbyte Now
Tags: opensource, database, datascience, programming
Published: 2023-02-23 16:12:07

Apache Doris is now with Airbyte. It is possible to migrate all your data from ClickHouse to Doris with Airbyte. Don't hesitate to migrate to Doris if you want to get rid of the high maintenance cost and get away from the low concurrency and failure in scaling when you using ClickHouse! Check out the link below:

https://airbyte.com/connections/clickhouse-to-apache-doris
My hackoctoberfest 2022 gifts has arrived
Tags: hackoctoberfest2022
Published: 2023-02-23 16:07:25

---
title: My hackoctoberfest 2022 gifts has arrived
published: true
description: My hackoctoberfest 2022 gifts has arrived
tags: hackoctoberfest2022
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/acksrh2t3nfodkithzta.jpg
---

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/acksrh2t3nfodkithzta.jpg)
Apache AGE Installation Process Part 4
Tags: apacheage, postgres, c
Published: 2023-02-23 16:04:38

Welcome Back!

Let's get down to setting up Apache AGE.

First of all clone the repository from github. But be careful to clone the right branch for your postgreSQL version.

After cloning, move into the age directory and run the following command in the terminal.

sudo make PG_CONFIG=~/<path_to_postgres_directory>/bin/pg_config install

After installation, we have to check it. For this run the following command.

make PG_CONFIG=~/<path_to_postgres_directory>/bin/pg_config installcheck

Finally, we have to run regression tests using the following command.

cat regress/regression.diffs

That's all for the setup process. In the new blogs, we shall learn how to make and use databases in postgres using terminal.

https://age.apache.org/
https://github.com/apache/age

Take Care!
mm88bet เว็บพนันตอบโจทย์ทุกรุ่นทุกวัย โปรโมชั่นเครดิตฟรีเพียบ
Published: 2023-02-23 16:03:03

เช่นเดียวกับบาคาร่าทั่วไป เวอร์ชันที่เรียกว่าเวอร์ชัน 'Mini Baccarat' นั้นตรวจสอบและเล่นได้ง่ายมาก ในความเป็นจริงมันเป็นหนึ่งในวิดีโอเกมที่ง่ายที่สุดในคาสิโนออนไลน์ ไม่ต้องการทักษะหรือความรู้เฉพาะ มินิบาคาร่าเล่นโดยใช้นโยบายที่เท่าเทียมกับบาคาร่าแบบคลาสสิก โดยมีความแตกต่างของขั้นตอนเล็กน้อยที่ง่ายที่สุด นโยบายการเล่นเกมคงที่เหมือนกันในทุกคาสิโน การประชุมที่เคร่งครัดกำหนดว่าจะตีหรือยืน และใครก็ตามที่ปฏิบัติตามองค์ประกอบที่เท่าเทียมกัน
**_[mm88bet เว็บพนันตอบโจทย์ทุกรุ่นทุกวัย โปรโมชั่นเครดิตฟรีเพียบ](https://hotz24.com/mm88bet/)_**

และยิ่งไปกว่านั้น บาคาร่ามีอัตราต่อรองที่มีคุณภาพตามแบบฉบับของเกมคาสิโนใดๆ ก็ตาม โดยมีแง่มุมหลักด้านล่าง เช่นเดียวกับโป๊กเกอร์ คาสิโนไม่ได้สร้างรายได้ด้วยความช่วยเหลือของการเอาชนะผู้เล่นอีกต่อไป แต่โดยการเรียกเก็บค่าคอมมิชชั่นจากผู้ชนะ

มินิบาคาร่ามีความพิเศษอย่างไร? มีหลายปัจจัย:

ในแง่ของวิธีการเล่นกีฬา ความแตกต่างหลักอยู่ในตำแหน่งของเจ้ามือ ในการพักผ่อนหย่อนใจแบบดั้งเดิม ผู้เล่นจะผลัดกันเป็นนายธนาคารและรองเท้าจะถูกส่งผ่านระหว่างพวกเขา แต่ในมินิบาคาร่าเจ้ามือจะเป็นเจ้ามือตลอดเวลาและผู้เล่นจะไม่แตะไพ่
มินิบาคาร่ามักจะจัดการจากไพ่หกสำรับ ในขณะเดียวกันกับบาคาร่าคลาสสิกที่เล่นไพ่แปดสำรับ
การมีสำรับน้อยจะเปลี่ยนอัตราเดิมพันเล็กน้อยที่ต้องการบ้านในการเดิมพันแบบเสมอกัน สำหรับกีฬา 6 เด็ค อัตราส่วนที่อยู่อาศัยคือ 1.06% สำหรับการเดิมพันเจ้ามือ 1.24% สำหรับการเดิมพันผู้เล่น และ 14.44% สำหรับเสมอ ในขณะที่ในรุ่นแปดสำรับ ฝั่งที่อยู่อาศัยคือ 1.06% สำหรับการเดิมพันเจ้ามือ 1.24% สำหรับการเดิมพันของผู้เข้าร่วม และ 14.36% สำหรับเสมอ
เทคนิคการซื้อขายที่แท้จริงนั้นเร็วกว่า ในมินิบาคาร่า เจ้ามือจะดูแลไพ่ทั้งหมดและวางไพ่ด้านขวาบนโต๊ะ ในบาคาร่ายอดนิยม นักพนันจะจั่วไพ่จากรองเท้าแล้ววางผิดทางบนโต๊ะก่อนจะทำพิธีพลิกไพ่
ในมินิบาคาร่า ผู้ให้บริการที่ไม่ได้แต่งงานจะจัดการเกมทั้งหมด รวมถึงแจกไพ่ ในขณะที่โมเดลโต๊ะขนาดใหญ่สามารถมีผู้ขายได้หลายราย
ในขณะที่เข้าใจบาคาร่าทุกวันสำหรับการเดิมพันจำนวนมาก การเดิมพันขั้นต่ำและสูงสุดมักจะต่ำกว่าในมินิเกม ค่าต่ำสุดอาจอยู่ที่ $2 - $5 และสูงสุดประมาณ $500
มีนักเล่นเกมน้อยลงและโต๊ะเล็กลง แทนที่จะเป็นโต๊ะขนาดใหญ่และผู้เล่นเกมบาคาร่าคลาสสิกจำนวนมาก โต๊ะ Mini Baccarat ก็เหมือนกับโต๊ะแบล็กแจ็ก โดยมีตำแหน่งสำหรับผู้เล่นเพียงเจ็ดหรือเก้าแห่ง
รุ่นมินิดำเนินการในระบบนิเวศที่เป็นทางการน้อยกว่าและสะดวกสบายกว่า เกมทั่วไปสามารถมีสภาพแวดล้อมที่ค่อนข้างน่ากลัว โดยมีเดิมพันสูง ผู้เล่นที่แต่งตัวดี ดีลเลอร์หลายคนในชุดทักซิโด้ และตำแหน่งบาคาร่าอันเขียวชอุ่มที่แยกออกจากวิดีโอเกมทางเลือก มินิบาคาร่าเป็นส่วนหนึ่งของพื้นคาสิโนทั่วไป ไม่มีบรรยากาศแบบโรลเลอร์โค้ดและการแต่งกายที่มากเกินไป และด้านล่างมีขีดจำกัดการเดิมพันที่ทำให้ทุกคนสามารถเข้าถึงได้
สรุปแล้ว ความเร็วของมัน สภาพแวดล้อมที่สบายกว่า และเงินเดิมพันที่ต่ำกว่า ทำให้ Mini Baccarat เป็นวิธีที่ยอดเยี่ยมในการตรวจสอบกีฬา และผู้เล่นหลายคนจะไม่หมุนเวียนไปที่โมเดลโต๊ะขนาดใหญ่
Turn your react + vite app into a PWA
Tags: pwa, react, vite, webdev
Published: 2023-02-23 16:01:43

## Introduction
A Progressive Web Application (PWA) is a web application that has a _native_ app-like experience. PWAs are designed to be fast, reliable, and work offline. In this post, we'll look at how to turn a React + Vite project into a PWA.

## Step 1: Adding necessary dependencies to your project
We need two dependencies to make our app into a PWA. The first one is **Workbox**. Workbox is a library that makes it easy to add offline support to your application. The latter is a vite plugin - **vite-plugin-pwa**. Feel free to copy the command below and paste it in your terminal

```
npm install -D workbox-window vite-plugin-pwa
```
## Step 2: Updating vite config file
Import the plugin we have installed using at the top of your `vite.config.ts` file.

```
import { VitePWA } from "vite-plugin-pwa";
```
Now in your _plugins_ array add **VitePWA** with an object as an argument. The object must look like this 👇


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

```
// https://vitejs.dev/config/
export default defineConfig({
	base: "./",
	plugins: [react(), VitePWA(manifestForPlugin)],
});

```

**NOTE**: manifest _key_ must be identical to your manifest.json
Also, don't forget to add an icon with role maskable because it is used as the icon for your app when a person _installs_ your PWA.

Don't have a _maskable icon_ for your app ? Use [pwa-asset-generator](https://www.npmjs.com/package/pwa-asset-generator) to create  maskable icon and splash screens for your app.

At this point of time if you open dev tools and generate a [lighthouse](https://developer.chrome.com/docs/lighthouse/overview/) report for progressive web app you should get a result which is similar to this 👇
![Lighthouse report](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tmbt31ecw08aqd0xplg4.png)

Don't get panicked by looking at those errors. They will go away once you have deployed your app.
## Step3: Deploying your app
Now, deploy your React app using platforms like [netlify](https://www.netlify.com/) or [vercel](https://vercel.com/).

Once you have finished deploying your app visit your app in your browser and run a lighthouse audit again.

![Lighthouse report after deploying](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9s7eexqxxf2w951reoy1.png)

That's it folks! Now you know how to turn your React app into a Progressive Web App (PWA) 🥳🎉. If you have any doubts I am happy to help in the _comments_. I have turned one of my React app into a PWA. Check it [here](https://weatherups.vercel.app/). 

If you enjoyed reading this post and want to stay connected, make sure to check out my [Linktree](https://linktr.ee/jyothikrishna22).

**Happy Hacking**
Electronjs ActiveX printing controls chrome based. Help needed.
Tags: webdev, javascript, programming, beginners
Published: 2023-02-23 15:30:01

Edge has a new future to use IE components like ActiveX with the new update:


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

Because edge is build on chromium and use a plugin from MeadCo ScriptX


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



**I want to build this for chrome as well, because we have a older version of printing that use the ActiveX Printing.**

its a hybrid application that is made on chromium / chrome.

With node node js and electronjs I know it is posible but how is the qeustion !

please give me some directions to get it rolling !


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



Don't immediately criticize my question still learning.
Do you want programming for a website?
Tags: webdev, beginners, programming, tutorial
Published: 2023-02-23 15:27:39

Do I want to code my website? Simple answer: no. While every body used to be manually coding their websites of [Lemon Cucumber Recipes](https://testirecipe.com/10-easy-wonderful-lemon-cucumber-recipes-everyone-must-try/) in the early days of the internet, many web sites are now constructed with a content material administration machine (CMS). A CMS gets rid of the want to code by way of presenting of [desert riding safari](https://drt.ae/) a visible interface to construct net pages and shape your site.
Introducing 🔥ChatGPT🔥 Browser Extension for Chrome🚀
Published: 2023-02-23 15:18:57

🔹 Step one ➔ open chrome browser.
🔸 step two ➔ press customize and control google chrome.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/q2u7sofhsd1dat2lsdpo.PNG)

🔹 step three ➔ select more tools and also select Extensions.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qrjmwr6km1jmbmtj3gzm.png)
 
🔸 step four ➔ here you can see all extensions which you using.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z7rjzb3e8pzzrmmoybtb.png)
🔹 step five ➔ open chrome web store.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mi87ugwj995m5d57f37e.PNG)
🔸 last one is ➔ search extension name👉🏾👉🏾 ChatGPT for Search Engines and another ChatGPT for Google.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gedlzeqehlhi4vfypsw5.PNG)

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

### ChatGPT Extension's direct link ⟹ [ChatGPT for Search Engines](https://chrome.google.com/webstore/detail/chatgpt-for-search-engine/feeonheemodpkdckaljcjogdncpiiban?hl=en-US)
### Or 2nd extension link ⟹ [ChatGPT for Google](https://chrome.google.com/webstore/detail/chatgpt-for-google/jgjaeacdkonaoafenlfkkkmbaopkbilf/related?hl=en-US)
---
### ❄️🌞❄️Both are amazing❄️🌞❄️
TIL: How to make a Synced Sandbox from a GitHub repository
Tags: codesandbox, productivity, webdev, programming
Published: 2023-02-23 15:06:28

"Some features work like magic. Some features are just Magic!" - Some human. 


![Magic gif](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/281ltn0s65k8xtpn39x5.gif)

Today I learned about a really helpful feature on CodeSandbox that automatically allows you to create Sandboxes that stay synced with changes you make to your GitHub repositories. 

> TIL means Today I learned. 😉

## Synced sandboxes 

From my understanding, Synced sandboxes are sandboxes that stay up to date with the latest changes you have pushed to a GitHub project using your `.git` file.

Their main advantage is that they allow you to create sandboxes from specific sub-folders within your GitHub projects without importing the whole repo. 

### Make a Synced Sandbox in CodeSandbox

First, open your project on GitHub and then edit the URL to start with `codesandbox.io/p/sandbox/` prefix before the `github.com` the remove `.com` from `github.com`. 

For example, let's use the demo project from my last blog post on [Content collection in Astro](https://dev.to/obinnaspeaks/how-to-use-content-collection-in-astro-43j2). 

The GitHub URL: https://github.com/Ekwuno/content-collecttion-api-example will become 
https://codesandbox.io/p/sandbox/github/Ekwuno/content-collecttion-api-example 

{% embed https://youtu.be/5sLbdm4gsEY %}

## Why does this need to exist? 

When changes are made to your GitHub projects or your example subfolders, you have to do the stressful task of updating all other replicas across platforms, but with synced sandboxes, they all stay up to date because they are "synced" to the source.

Once you push a change to GitHub, your sandbox also has those changes.  

### Use case for Open source projects.

Another use case I see is for Open-source projects that have example folders. Most frameworks have a repo with example folders which are usually sub-folders that get harder to maintain. By making these example folders synced sandboxes, each update is added automatically, allowing maintainers or contributors to share specific folders as sandboxes so they can be viewed as individual projects. 

### Use case for Embedding Cloud sandbox to docs.

The final use case I  see for this feature is embedding your GitHub repository in the documentation and ensuring it is always up to date. So when people come to docs, they can create sandboxes from the embeds.  

I recently made one of these for a project [Joe Previte](https://twitter.com/jsjoeio) made and now whenever Joe makes an update, this sandbox I made gets the changes. 

{% embed https://twitter.com/Obinnaspeaks/status/1627819277267894272?s=20 %}

That's all, folks!
mouseover Leaflet gives small text
Tags: leaflet
Published: 2023-02-23 14:49:52

marker.on('mouseover', function(e) {
                    this.openPopup();
                });

Laravel 9 project.
Occurs after upgrade to Leaflet 1.9.3

Gives this:
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/p81i84e5lwaw2axl126u.png)
Used to be this:
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i1846chcjvhy3d8l7vzo.png)
What has happened?