teleren/devto huggingface dataset:
Bright Light — SaaS Multipage theme.
Tags: astro, tailwindcss, design, webdev
Published: 2023-09-13 08:26:03

Bright Light — SaaS Multipage theme.'

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i5t7b2w6vjwp75tb1w73.png)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j9reeji3508l91cjq1l8.png)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mz65m27yp6brr2p7u7h7.png)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x0hmnqgd6f0shgnyba47.png)Built with Astro & Tailwind CSS

Includes:
Pages 36+
Sections 80+
Components 100+

See it live and learn more about Bright Light:
https://lexingtonthemes.com/info/brightlight/
How to bypass Cloudflare captcha
Published: 2023-09-13 08:25:18


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fnj830ruxedzm163l2ca.png)
| [2captcha.com](https://share.kz/g5Dv)

Cloudflare is a popular security service used by many websites to protect against malicious bots and automated attacks. One of the security features offered by Cloudflare is the Turnstile captcha, which is designed to be easy for humans to complete, but difficult for bots and automated scripts to solve. However, solving the Turnstile captcha manually can be time-consuming and frustrating. Fortunately, 2Captcha offers an effective solution to bypass the Cloudflare Turnstile captcha.

2Captcha is a captcha solving service that provides an API for developers to programmatically solve captchas. The service uses real humans to solve captchas, which ensures a high success rate and accuracy. With 2Captcha, developers can easily integrate captcha solving into their applications and automate the process of solving the Cloudflare Turnstile captcha.

**Here are the steps to bypass the Cloudflare Turnstile captcha using 2Captcha:**

1. Get the site key and page URL: To bypass the Cloudflare Turnstile captcha, you need to get the site key and page URL from the website where the captcha is located.

2. Send the captcha to 2Captcha: Once you have the site key and page URL, you can send the captcha to 2Captcha using their API. The service will then use real humans to solve the captcha and return the solution in the form of a token.

3. Submit the token: Finally, you need to submit the token to the website where the captcha is located. This will prove that you are human and allow you to access the website's services.

2Captcha offers a variety of example scripts and video tutorials to help developers integrate their API into their applications. The service also supports a wide range of programming languages, including PHP, Python, C++, Java, C, Ruby, and Go.

**In conclusion**, the Cloudflare Turnstile captcha can be easily bypassed using 2Captcha's API. The service provides an effective and reliable solution to automate the process of solving captchas, which saves time and effort for developers. With 2Captcha, developers can easily integrate captcha solving into their applications and improve the user experience for their customers.
Thin-edge.io 0.11 Release Demo
Tags: video, cumulocity, iot, edge
Published: 2023-09-27 13:30:30

---
title: Thin-edge.io 0.11 Release Demo
published: true
date: 2023-09-13 08:05:54 UTC
tags: Video, cumulocity, iot, edge
canonical_url: https://tech.forums.softwareag.com/t/thin-edge-io-0-11-release-demo/283376
---
{% embed https://www.youtube.com/watch?v=1l1S-IyicvY %}


## About the video

Explore the latest enhancements and features in [thin-edge.io](http://thin-edge.io) with the release of version 0.11.0, delivering cutting-edge IoT capabilities to elevate your projects. Dive into the future of edge computing with this exciting update!


[Read full topic](https://tech.forums.softwareag.com/t/thin-edge-io-0-11-release-demo/283376)
Breaking News: FULL React Live Program Released!
Tags: react, typescript, programming, webdev
Published: 2023-09-13 08:04:25

🔥Join us **29th September** in Amsterdam with your team for a full day of **React** & **TypeScript** Education🔥!

⚠️ **LAST CHANCE** to buy your [React Live](https://reactlive.nl/) Ticket and get a [JSWorld](https://jsworldconference.com/) **ONE DAY** Ticket for **FREE✨!**

👉Check out the full program [**HERE!**](https://reactlive.nl/program) 

[reactlive.nl](https://reactlive.nl/)
Efficient Data Handling: Storing Items in Laravel Parent Tables Before Creating Parent Row
Tags: laravel, model, tempdata, webdev
Published: 2023-09-13 07:58:32

Some time we need to create items for the parent before creating the parent row creates. So you can use this formula for doing that action.

add a new column on your child table named `temp_id` . After that when you are going to **store** that item, do like this -

```
public function storeChildData(Request $request){
        $attribute = new ChildModel();
        $attribute->temp_id = rand(1111,9999); // Add a random value to the attribute
        ...
        ...
        $attribute->created_by = Auth::id();
        $attribute->save();

        // Store value on session as a array
        $tempArray = session('attributeTempId', []);
        $tempArray[] = $attribute->temp_id;
        session(['tempId' => $tempArray]);

       ...
       ...
    }
```

Then go to your parent **store** method and add like this -

```
public function storeParentData(Request $request)

        $parent = new ParentModel;
        ...
        ...
        $parent->created_by = Auth::id();
        $parent->save();

        // Add this for update parent id on child
        ChildModel::whereIn('temp_id', session()->get('tempId'))->where('created_by', Auth::id())->update(['temp_id' => null, 'parent_id'=> $parent->id]);
        session()->flash('tempId');

        ...
        ...
    }
```
Roadmap For GSOC-24 (5 month RoadMap)
Tags: gsoc, gsoc24
Published: 2023-09-13 07:35:58

**
Hi , i know this year gsoc going to be so competitive . So considering that i am also going to participitate in gsoc 2024 .
So here i have made a plan how will i going to attempt gsoc . 
Many students were getting so confused how we have to start , infact in the beginning i was also confused but i did research. so here is my future plan hope this might help to you all . 
Also this is going to my First attempt in gsoc .



So here i am assuming that you are interested in web development And you already know basic html ,css ,javascript






## Month 1: September

Week 1-2: Project Research and Selection

Learning-Express,Nodejs 

Spend time researching GSoC organizations and their project ideas.
Identify a project that aligns with your skills and interests.
Week 3-4: Community Engagement , Learning MongoDB

Join the organization's communication channels (forums, mailing lists, chat, etc.).
Start introducing yourself to the community, ask questions, and contribute to discussions.


## Month 2: October

Week 5-6: Skill Enhancement related to the organization that you have selected before


Identify any gaps in your knowledge related to the chosen project.
Take online courses, read documentation, or follow tutorials to strengthen your skills.
Week 7-8: Contribution to the Project

Begin contributing to the project in small ways, such as fixing documentation issues or minor bugs.
Start getting familiar with the project's codebase.



## Month 3: November

Week 9-10: Proposal Preparation

Start drafting your GSoC project proposal. Include a detailed project plan and timeline.
Describe why you're the right candidate for this project.
Week 11-12: Seek Feedback

Share your draft proposal with the mentors and community for feedback.
Revise and improve your proposal based on the feedback you receive.


## Month 4: December

Week 13-14: Finalize Proposal

Polish and finalize your GSoC proposal, ensuring it adheres to the organization's guidelines.
Double-check your timeline and milestones.
Week 15-16: Coding Samples

If the organization requires coding samples, work on them and submit them along with your proposal.
These samples should demonstrate your coding skills and familiarity with the project's technology stack.




## Month 5: January

Week 17-18: Proposal Submission

Submit your GSoC proposal before the application deadline.
Make sure all required documents and information are included.
Week 19-20: Interview Preparation

Prepare for interviews or discussions with potential mentors. Revisit your proposal and project details.
Be ready to explain your project plan and answer technical questions.
Week 21-22: Continue Contributions

Stay engaged with the organization's community by contributing to the project.
Showcase your commitment and passion for the project.




Remember that GSoC is highly competitive, so putting in the effort to prepare a strong proposal, actively engaging with the open-source community, and continuously improving your technical skills can significantly enhance your chances of being accepted. Best of luck with your GSoC journey!**
🤖This prompt turns ChatGPT into AutoGPT.
Tags: chatgpt, autogpt
Published: 2023-09-13 07:16:56

🤖This prompt turns ChatGPT into AutoGPT.

No plugin needed.

The ultimate assistant is here (a true gem)🤖:

[Try it out](https://anakin.ai/apps/auto-gpt-14747?utm_source=dev)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wy49m32d534mavesbwd1.png)

#### AutoGPT - Powerful AI Assistant App
AutoGPT is an AI assistant app that provides personalized task assistance and problem-solving solutions. Whether it's business decision-making, content creation, or academic research, AutoGPT can meet your needs.

#### Key Features
- Personalized task support: Based on the information you provide, AutoGPT generates tailored content using its built-in "Prompt Template."
- Expert agent on demand: By initializing "Synapse COR," AutoGPT can access expert agents to help you achieve your goals.
- Advanced reasoning engine: AutoGPT offers state-of-the-art reasoning technology to provide accurate and fast solutions.

#### Use Cases
- Business decision assistance: Provides top-quality business decision advice.
- Content creation aid: Helps you find inspiration and generate high-quality content.
- Academic research support: Offers assistance in quickly obtaining knowledge and analysis results in relevant research areas.

#### Best Practices
- Specify clear goals and background.
- Provide specific questions and requirements.
- Reason and experiment step by step.
- Utilize the help of expert agents.

##### Usage Steps
1. Input your questions and requirements.
2. Provide background information and goals.
3. Choose suitable tool assistance to complete the task.
4. The system generates a personalized solution based on your information.
5. Reason and experiment gradually using the recommended content, selecting the best course of action.
6. Provide feedback for continuous improvement and optimization after completing the task.
Resolving "connect ECONNREFUSED 0.0.0.0:5173" Error When Running Vite-React on Code-Server
Tags: vite, react, coderserver, troubleshooting
Published: 2023-09-13 07:15:46

Are you encountering the "connect ECONNREFUSED" error with the address "0.0.0.0:5173" while trying to run a Vite-React project on code-server? Don't worry; we've got you covered with a step-by-step solution.

## Understanding the Error

The error message "connect ECONNREFUSED" indicates that your Vite-React project is struggling to establish a network connection to a specific IP address and port, specifically "0.0.0.0:5173." This issue commonly arises due to misconfigured settings or network-related problems.

Solution
Let's resolve this issue together by following these simple steps:

1. Configure Your `vite.config.js` File

Begin by confirming that your `vite.config.js` file is properly set up. This file houses the configuration settings for your Vite project, including server options. If it's not already in place, create or update the `vite.config.js` file in the root directory of your project.

```js
export default defineConfig({
  plugins: [react()],
  server: {
    host: '0.0.0.0', // Change this to a valid IP address if needed
    port: 5173, // Optional otherwise your app will start on default port
  },
})
```

Start Your Vite-React Project
Now, restart your Vite-React project by running the following commands in your project directory:
```bash
   # Start the development server
   npm run dev
```
4. Access Your Application
To access your Vite-React application on code-server, open your web browser and navigate to the following URL:
```url
http://<code-server-host>:<code-server-port>/proxy/<project-port>/
```
<code-server-host>: Replace this with the IP or hostname of your code-server instance.
<code-server-port>: Replace this with the port number your code-server is running on.
<project-port>: Replace this with the port number your Vite-React project is using (e.g., 5173).
For example, if your code-server is running on http://<code-server-ip>:9090, and your Vite-React project is using port 5173, you would access it at:

```bash
    http://<code-server-ip>:<code-server-port>/proxy/5173/
```

5. Verify Your Application
You should now have access to your Vite-React project via code-server without encountering the "connect ECONNREFUSED" error. Confirm that your project is functioning as expected.

## Error: 
if you're getting this type of error-

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

Then Access your running application on this `url`
```bash
http://<code-server-ip>:5173/
```

Conclusion
By ensuring the correct configuration in your `vite.config.js` file, confirming network settings, and accessing your project through the provided URL, you can successfully resolve the "connect ECONNREFUSED 0.0.0.0:5173" error. Now, you're ready to develop your Vite-React application seamlessly on code-server.

Happy coding!
10 popular ways to query Amazon S3 directly
Tags: s3, athena, presto, hive
Published: 2023-09-13 07:14:15

## Part 2 of "Querying Amazon S3" series

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5mg3l4whmitm1uwcz4vv.jpeg)

There are several popular ways to query data directly from Amazon S3. Here are some of the most commonly used methods:

**1. Amazon S3 Select**: S3 Select is a feature that allows you to run SQL queries on data stored in S3 objects. This can be a good option if you need to query small amounts of data or if you need to filter the results of a query.

**2. Amazon Athena**: Amazon Athena is a serverless query service that allows you to run SQL queries directly on data stored in Amazon S3. It supports various data formats and provides an interactive query experience with minimal setup and management.

**3. Amazon Redshift Spectrum**: Amazon Redshift Spectrum is an extension of Amazon Redshift, a data warehousing service. It enables you to run complex queries that join data stored in S3 with data in your Redshift cluster. This service is suitable for analytical workloads.

**4. AWS Glue**: AWS Glue is a fully managed extract, transform, and load (ETL) service that also provides a way to define and execute SQL-like queries on data stored in S3. It can be used to prepare and transform data before querying.

**5. Presto**: Presto is an open-source distributed SQL query engine that can be configured to query data in Amazon S3. It's highly customizable and can handle large-scale, interactive queries across various data sources.

**6. Apache Hive**: Hive is another open-source data warehousing and SQL-like query language that can be used to query data in S3. It provides a familiar SQL interface for querying and managing large datasets.

**7. Spark SQL**: If you're using Apache Spark for data processing, Spark SQL allows you to execute SQL queries on your Spark DataFrame, which can include data stored in Amazon S3. This is useful for combining data processing and querying.

**8. PrestoDB**: Similar to Presto, PrestoDB is an open-source distributed SQL query engine that can be deployed on your infrastructure. It's designed for high-speed querying of large datasets, including those in S3.

**9. EMR (Elastic MapReduce)**: Amazon EMR is a managed Hadoop and Spark service that allows you to process and query large datasets. You can configure EMR to read data from S3 and use Hive or Spark SQL for querying.

**10. Custom Applications**: You can develop custom applications using SDKs like the AWS SDK for Python (Boto3) or AWS SDK for Java. These applications can directly access and process data from S3 using APIs, enabling you to build tailored querying solutions.

Each of these methods has its own advantages and use cases. Your choice will depend on factors such as the complexity of your queries, the size of your datasets, the desired level of management, and the tools or platforms you're already using for data processing and analytics.
Git stash cmd
Tags: webdev, github, git
Published: 2023-09-13 07:09:25

**1. Git stash command list**
Git stash with auto random name given by git:

```
git stash
```

Git stash with name -  keep file without commiting code and push locally.

```
git stash -m "old code"
```

Check changes list in stash

```
git stash list
```
Apply stash changes: `git stash apply` :-  its apply the latest stash changes.

Apply specefic changes according to stash list

```
git stash apply stash@{0}
```

Delete latest stash: it delete the latest (last) form stash list.

```
git stash pop
```
Delete particular stash: it delete the particular stash from list

```
git stash drop stash@{1}
```
Delete all stash

```
git stash clear
```

Create new stash branch with existing stash list. Its also delete the stash@{0}.

```
git stash branch "branch_name" stash@{0}
```

2. Check remote url: to see the current remote URL.

```
git remote -v
```

## How to know the git username and email saved
To know the username, type:

```
git config user.name
```
To know the email, type:

```
git config user.email
```

## Configuring Git username and email.

```
git config --global user.name "My Name"
```

```
git config --global user.email "myemail@example.com"
```
Speed up your Jest test suite with Bun
Published: 2023-09-13 07:07:04

## Adding Bun to your existing Jest project

Probably the most impressive performance gains you can get with **Bun right now** (some days after 1.0.0 release) is the speed of its test runner. You can make your Jest based test suite 10x faster or even more. This is some pretty mind boggling performance that we were not used to in _JS community_.

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

If you already have an existing mature project, you can start integrating Bun gradually. Change the suffix of the files you are going to test with Bun from eg. `.test.` to `.spec.` (or vice versa) and keep testing the others with Jest. You can start testing pure functions, utilities, etc, everything that does not depend on module mocking or some native platform api with Bun. The `jest.mock` support might be coming as well, track the progress [here](https://github.com/oven-sh/bun/issues/1825).

For Bun create an npm script `"test:bun": "bun test .test."`. For Jest - `"test:jest": "jest --config {pathToConfigFile}"`, and add the following line to jest config `testPathIgnorePatterns: ['.test.'],` to exclude `.test.` files from execution. Simple. Now you can run both commands one after another.

## Installing Bun on Node Alpine docker image for CI

If you use Gihub Actions, just get [oven-sh/setup-bun](https://github.com/oven-sh/setup-bun), nothing else needed.

Bun also ships official [docker image](https://hub.docker.com/r/oven/bun), however its pure Bun, not slim or alpine based, and not very optimised yet.

To install Bun on your existing Node container, check [one of their dockerfiles](https://github.com/oven-sh/bun/tree/main/dockerhub) (most of them WIP). On Alpine you will just need to pre-install `unzip` and `glibc`. 

```
# prepare environment
WORKDIR /tmp
RUN apk --no-cache add unzip

# get bun
ADD https://github.com/oven-sh/bun/releases/latest/download/bun-linux-x64.zip bun-linux-x64.zip
RUN unzip bun-linux-x64.zip

# get glibc
ARG GLIBC_RELEASE
RUN wget https://alpine-pkgs.sgerrand.com/sgerrand.rsa.pub && \
    wget https://github.com/sgerrand/alpine-pkg-glibc/releases/download/${GLIBC_RELEASE}/glibc-${GLIBC_RELEASE}.apk


### IMAGE ###
FROM alpine:latest

# install bun
COPY --from=get /tmp/bun-linux-x64/bun /usr/local/bin

# prepare glibc
ARG GLIBC_RELEASE
COPY --from=get /tmp/sgerrand.rsa.pub /etc/apk/keys
COPY --from=get /tmp/glibc-${GLIBC_RELEASE}.apk /tmp

# install glibc
RUN apk --no-cache add /tmp/glibc-${GLIBC_RELEASE}.apk && \

# cleanup
    rm /etc/apk/keys/sgerrand.rsa.pub && \
    rm /tmp/glibc-${GLIBC_RELEASE}.apk && \

# smoke test
    bun --version
```

## Side notes
Drop `nodemon` and `ts-node`. Replace with `bun --watch index.ts` / `bun --hot index.ts` / `bun index.ts`.

## Repo with examples

... coming soon ...
Getting Started with Cisco CLI: A Beginner's Guide
Tags: ccna, cisco, course, network
Published: 2023-09-13 07:06:58

**Introduction:**  
If you're diving into the world of Cisco networking, you'll quickly encounter the Cisco Command Line Interface (CLI). Unlike many modern systems that rely on graphical user interfaces, Cisco's robust CLI remains a staple for configuring and managing their devices. In this guide, we'll walk you through the basics of getting started with the Cisco CLI.

---

**What is Cisco CLI?**  
CLI stands for Command Line Interface. It's a text-based interface used for configuring and managing Cisco devices, such as routers and switches. For decades, the CLI has been an integral part of Cisco certification exams and is essential for anyone aiming to become a Cisco Certified Network Associate (CCNA).

---

**Accessing the Cisco CLI:**  
1. **Physical Access:** When you purchase a Cisco device, it typically comes with a power cable and a console cable. The older console cables have a serial interface, but newer devices might just use a standard USB cable. This cable connects to the console port on the device, allowing direct access to the CLI.
2. **Remote Access:** You can also access the CLI remotely across a network, which is especially useful for managing devices in distant locations.

---

**Navigating the Cisco CLI:**  
1. **User Mode:** When you first access the CLI, you'll be in 'user mode', indicated by the '>' symbol. This mode allows you to view configurations but not modify them.
2. **Privileged Mode:** By typing 'enable', you can enter the 'privileged mode', indicated by the '#' symbol. This mode provides more access and allows you to make changes to the device's configuration.
3. **Global Configuration Mode:** To configure the entire device, use the 'configure terminal' command. This mode is indicated by '(config)' in the prompt.
4. **Interface Configuration:** To configure a specific interface, use the 'interface' command followed by the interface type and number, e.g., 'interface fastethernet 0/1'.

---

**Basic Configuration Commands:**  
1. **Hostname:** Set the device's name using the 'hostname' command followed by the desired name.
2. **Show Version:** Use the 'show version' command to view the software version of your Cisco device.

---

**Tips for Using the Cisco CLI:**  
- **Autofill:** Use the 'tab' key to autofill commands.
- **History:** Use the 'up' and 'down' arrow keys to navigate through previously entered commands.
- **Help:** If you're unsure about a command, use the '?' key to display possible commands or parameters.

---

**Conclusion:**  
The Cisco CLI is a powerful tool for network professionals. While it might seem daunting at first, with practice, you'll find it an efficient and effective way to manage your Cisco devices. Whether you're studying for a certification or managing a network, mastering the CLI is essential for anyone working with Cisco equipment.