teleren/devto huggingface dataset:
How to perform Bulk Actions on Postman's Collection Sidebar
Tags: postman, api, collectionsorganizing
Published: 2022-07-11 13:53:50

If you frequently use APIs as a consumer, you may have chained together Requests, Folders, and Collections depending on the situation, such as when creating test suites or automating processes. When adding requests to folders or collections, each request must first be added before being dragged up to the proper drop location, which makes it a tedious process. 

> To address this, Postman released a new functionality that makes it much easier to perform Bulk Actions on multi selected items. Be sure to update client to version 9.22+ in order to see these features.

## Bulk Actions

Let's see how to perform Bulk Actions on Requests pertaining to Folders & Collections.

If using Windows, use Ctrl+Left Click to grab the relevant items, or choose the first item while holding down the Shift key, then choose Last to perform various actions on the entities you have chosen, such as

### # Move

![Move](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bduc7nfhk7t73ygw92z2.gif)
 

### # Copy & Paste

![Copy & Paste](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5rylol2mmgrtre4gk1i9.gif)

### # Cut

![Cut](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x39ww4rrk7fsiwy7u54z.gif)
 
### # Delete

![Delete](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/otja8hw2zyga47dwi0uh.gif)
 

> When you delete a collection, any associated monitors, integrations, and mock servers will also be deleted and deactivated. Collections can, however, be recovered from trash.

### # Restore

  * **Step 1** :

![Step 1](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9rmjlcfxjgm8rr2ypq4x.jpg)

  * **Step 2** :
![Step 2](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qwcjbelcgwqlhzt5omty.jpg)
 

  * **Step 3** :
![Step 3](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6d12766dxqgpx26r580c.jpg)
 

  * **Step 4** :
![Step 4](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/prvoh8z4d48g87ab91a4.jpg)
 

  * **Step 5** :
![Step 5](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/imd022u9af3n09vfowah.jpg)
 

  * **Step 6** :
![Step 6](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a8s3tbc9bj01st90t4q1.jpg)
 

  * **Step 7** :
![Step 7](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wq3ug8p0i93nenxrecor.jpg)

### # Undo

![Undo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e5nklokky2z5c3di1qgh.gif)
 

## Conclusion

Hopefully you found it interesting to learn how to move, copy, delete, and undo multiple items at once with Postman's Collection Sidebar. Both Web and Postman Client (9.22+) versions have access to this functionality.
Chess Board
Tags: codepen
Published: 2022-07-11 13:53:35

<p>Chess board generated entirely in Jquery.</p>

<p>Check my comments in the JS for more info.</p>

<p>Added a player icon for lolsies. </p>

<p>If you're using chrome and the red icon keeps distorting or disappearing on move, that means you have chrome GPU acceleration disabled (default in chrome). View in another browser or enable it. </p>

{% codepen https://codepen.io/harunpehlivan/pen/vYRKrbL %}
JavaScript by Example: Palindrome Permutations (functional)
Tags: javascript, programming, tutorial, beginners
Published: 2022-07-11 13:44:06

"Javascript by Example" is a series of posts in which we are going to implement common coding interview & LeetCode-style problems and general utils - preferably in a minimal and elegant (but still learning-friendly) way, and compare different implementations.

---

Unlike classical palindrome (checking only if the string reads the same way from the left to right as from the right to left), this exercise is about finding out whether any permutation of the string is a palindrome.

For example, our function should return true for the string "racecar" because the word is a palindrome. But it should also return true for the string "aab" because it has a permutation "aba" (which is a palindrome).

Let's see first if we can implement this as a short, (relatively) functional one-liner.

## Understanding the problem

If we think about palindromes for a moment, we'll see that they are either fully symmetric (the left half of the string fully matches the right one), or they have one central, unmatched character (as with our "racecar" example).

So, if we keep the track of unmatched characters, this should get us very close to where we want to be.

Since we're dealing with a collection of unique characters, I'm going to use Set as a data structure. So, let's try to reduce our string to a set containing only unmatched characters:
```javascript
const palindromePerm = s => [...s].reduce(
  (xs, x) => (xs.delete(x) || xs.add(x), xs),
  new Set()
)

palindromePerm('carerac') // Set(1) { 'e' }
palindromePerm('abab') // Set(0) {}
```

In case it's not clear what's going on - we're first turning the string into an array by using ES6+ spread syntax. Then we're reducing the array into a set containing only unmatched characters by using Set.delete() method which returns `true` if the value was in the set (otherwise we're adding it to the set).

And this brings us very close to the first working solution - we just need to check if we have 0 or 1 items in our set (to cover both above-mentioned scenarios):

```javascript
const palindromePerm = s => [...s].reduce(
  (xs, x) => (xs.delete(x) || xs.add(x), xs),
  new Set()
).size < 2

palindromePerm('carerac') //true
palindromePerm('word') //false
```

It will fail if we try something like this:
```javascript
palindromePerm('Race car') //false
```

But we can easily add support for uppercase characters and spaces:
```javascript
s.toLowerCase().replaceAll(' ', '')
```

Or more generally, with regex:
```javascript
s.replace(/[^A-Za-z0-9]/g, '')
```


I'm going to also add an imperative version in a new post.

--- 

Note: I'm using the term "functional" in a relative sense here - JS is not a purely functional language, and using the purely functional, immutable approach here would make these examples more cumbersome.

If you find these type of posts interesting, please let me know (with reactions and/or comments).
Create a fullstack book app: Introduction
Tags: nextjs, trpc, webdev, devjournal
Published: 2022-07-11 12:48:49

Hello! In this series of posts, I'd like to document my journey of creating a fullstack app as a frontend dev. Don't get me wrong, I love frontend, but there is something cool about fullstack. Therefore, I decided to create this series to share how I go about creating and learning new stuff, and maybe hopefully you, as a reader, will get something from it. If not or you feel like there is something I explained wrong or could be done better, feel free to hop in the comments 😄

## Main goal
Have you ever read a book, but then forgotten about the concepts it had, or you've been told to make notes, so it will be easier to comprehend the material? Well, I've been there (no this is not a commercial), but I never stuck with the classic paper notebook. So, I had this idea that instead of creating another To-Do app, I'd make an app that will fetch books from an external API and each book can be given notes. The app would also have authentication, so each user has their own set of notes to a particular book. This way, I'll work with multiple different fullstack concepts.

## The stack
The stack I'll use is the one Theo from [Theo - ping.gg](https://www.youtube.com/c/TheoBrowne1017) YouTube channel recommends. Mainly, because I like the promise of end-to-end type-safety and also [Jack Herrington](https://www.youtube.com/c/JackHerrington) said it is easy to grasp for beginners. So, in my projects directory I ran:

```
npx create-t3-app@latest
```

This command helped me bootstrap the project. The command also lets you pick technologies. I chose everything (tailwind, prisma, trpc), but the next-auth. I thought by creating my own login system I'd learn a lot, and boy was I right, more on that in the next part of this series, **Authentication**.
Getting used to my new codebase!
Tags: devjournal, python, programming
Published: 2022-07-11 13:22:01

## So the first 3 days are over,
And I have to focus on school for the next 5 days.
<br>
### Little progress so far,
 I've done a little error handling and refactoring of some old socket code I'm reusing. I've also researched quite thoroughly on server making so you guys from USA can access my server in Asia. So I've bookmarked some tabs about SSH and ready to do more next weekend! ([Raindrop.io is pretty cool... (unsponsered)](https://raindrop.io))
<br>
### Snapshots!
![Screenshot](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f0emn3nobbaqxqvus8na.png)
Thanks VSCode <3
CSS Game - Coin Collector
Tags: codepen
Published: 2022-07-11 13:01:42

<p>A CSS Only playable game (Chromium only)</p>

<p>Hover the coins to collect them. There is a timer so try to be as fast as possible!!</p>

<p>✔️ No Javascript
✔️ No SVG
✔️ No Image
✔️ No Inputs</p>

{% codepen https://codepen.io/harunpehlivan/pen/Barzxey %}
#Fix – Azure CustomVision Exported to Docker – ImportError: cannot import name ‘soft_unicode’ from ‘markupsafe’
Tags: englishpost, azure, azurecustomvision, customvi
Published: 2022-07-14 14:45:21

---
title: #Fix – Azure CustomVision Exported to Docker – ImportError: cannot import name ‘soft_unicode’ from ‘markupsafe’
published: true
date: 2022-07-11 13:00:00 UTC
tags: EnglishPost,Azure,AzureCustomVision,CustomVi
canonical_url: 
---

Hi !

In the past days I found a weird error when I export a model created with CustomVision.ai to docker. The docker image build ok, however, I found this error when I try to run the container.

```

❯ docker run -p 8090:8090 squirrelscv
Traceback (most recent call last):
  File "app.py", line 7, in <module>
    from flask import Flask, request, jsonify
  File "/usr/local/lib/python3.7/site-packages/flask/ __init__.py", line 14, in <module>
    from jinja2 import escape
  File "/usr/local/lib/python3.7/site-packages/jinja2/ __init__.py", line 12, in <module>
    from .environment import Environment
  File "/usr/local/lib/python3.7/site-packages/jinja2/environment.py", line 25, in <module>
    from .defaults import BLOCK_END_STRING
  File "/usr/local/lib/python3.7/site-packages/jinja2/defaults.py", line 3, in <module>
    from .filters import FILTERS as DEFAULT_FILTERS # noqa: F401
  File "/usr/local/lib/python3.7/site-packages/jinja2/filters.py", line 13, in <module>
    from markupsafe import soft_unicode
ImportError: cannot import name 'soft_unicode' from 'markupsafe' (/usr/local/lib/python3.7/site-packages/markupsafe/ __init__.py)

```

![error running the docker image exported from custom vision](https://brunocapuano.files.wordpress.com/2022/07/error-running-the-docker-image-exported-from-custom-vision.jpg?w=1024)

And hey, it took me sometime to understand and find a way to solve the error. If you want to avoid searching and reading, you only need to read this Issue

[[Python] Release 4.21.0 broke multiple Google Cloud client libraries (“TypeError: Descriptors cannot not be created directly.”) #10051](https://github.com/protocolbuffers/protobuf/issues/10051)

And hey, the solution is to make a downgrade to some packages in the docker image definition. The following docker definition, adds the 2 necessary packages to make it work.

```

FROM python:3.7-slim

RUN pip install -U pip

# custom packages version to avoid custom vision error
RUN pip install markupsafe==2.0.1
RUN pip install protobuf==3.20.1

RUN pip install --no-cache-dir numpy~=1.17.5 tensorflow~=2.0.2 flask~=1.1.2 pillow~=7.2.0
RUN pip install --no-cache-dir mscviplib==2.200731.16

COPY app /app

# Expose the port
EXPOSE 8090

# Set the working directory
WORKDIR /app

# Run the flask server for the endpoints
CMD python -u app.py

```

And, now we can run the images !

![docker image running](https://brunocapuano.files.wordpress.com/2022/07/docker-image-running.jpg?w=1024)

Happy coding!

Greetings

El Bruno

More posts in my blog [ElBruno.com](https://www.elbruno.com).

* * *
Do you contribute to OSS (& if so/not why?)
Tags: programming, discuss, productivity, opensource
Published: 2022-07-11 12:56:11

You use OSS projects everyday. VS Code, TensorFlow, React-Native, most NPM packages etc.

And as it is in the name, is changeable (within reason obviously) by anyone. Report bugs, solve bugs, new features, suggest new features...

All for the common good of improving software. 

I personally don't have as much time as I use to therefore do not contribute anymore, but I use to!

**So do you contribute to OSS and if so/not why?**
Kill Internet Explorer but don't touch Chrome (Chromium only)
Tags: codepen
Published: 2022-07-11 12:47:36

<p>A CSS only game where you need to Kill Internet Explorer !! without touching Chrome</p>

<p>✔️ No Javascript 
✔️ No Image
✔️ No Inputs
⚠️  Chrome only</p>

<p>Best experience at full screen</p>

{% codepen https://codepen.io/harunpehlivan/pen/ExEyLpw %}
Callback functions (🔖)
Tags: javascript, beginners, programming, webdev
Published: 2022-07-11 12:42:20

When you call a function in another function, it is known as a `callback function`.

Easy example would be:

```
function hellojs(){
    console.log("Hi Javascript callback");
}

function call(hello){
    console.log("Hi user!")
    hello();
}

call(hellojs)
```
Simply prints "Hi user!" and then "Hi Javascript callback". This is a **synchronous callback.** 
As a developer, an API call with .then is generally where *[async callbacks](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/then)* come to play.
### Why are they important though?

Web APIs like `setTimeout()` are used to time particular callback functions without blocking the main call stack. **Like this, there is no function just idle and sitting in call stack and blocking it.**


Another example if adding an event handler on any object, let's say an image here:

```
document.getElementById("random")
.addEventListener('mouseover', function(){
console.log("Hovered on image")
});
```
Here the function is called when there is hovering on the image (random is the id given to the img tag). This function then appears on the call stack and is executed. 

Web APIs, aynchronous Javascript, event listeners, there are a lot of keywords that have been mentioned here which will be discussed in the upcoming posts!

>[⭐Callback functions with event listeners yt video](https://youtu.be/cNjIUSDnb9k)
>
Common Ninja Platform News: New Dashboard | Store Details API | Summer Hackathon
Tags: ecommerce, dashboard, api, webdev
Published: 2022-07-11 12:32:33

We are very excited to share with you recent news and updates related to our [developer platform](https://www.commoninja.com).

This month we announced our summer hackathon for e-commerce app developers, a couple of new commerce APIs, and a brand new dashboard where you can see statistics and important information about your app.

Just to remind you, Common Ninja is a developer platform for building and monetizing universal e-commerce apps. We provide a universal e-commerce API that allows developers to build apps once and launch them across multiple platforms. In addition, Common Ninja provides integrations with popular payment platforms - helping developers to monetize their apps very easily.

---

🎉 What’s New:

- New dashboard (!)
- APIs
   - Store details API
   - Orders' range filter
   - Proxy API
- Summer hackathon

---

![Common Ninja's Developer Dashboard](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pzyszn8rjmbrtnlxtkpv.png)
 
## New Dashboard (!)

The new dashboard was released this month and introduce some important information and useful statistics about your app.

The new dashboard gives you an overall snapshot of your app's performance, how many stores are using your app, and how many active subscriptions your app has. In addition it will show you information about your app's revenue and installations based on data from multiple platforms.

---

## New APIs

We added support for 3 new APIs:

- [Store details API](https://docs.commoninja.com/apis/e-commerce/store/get-store-details): An endpoint for getting the store's basic details such as `name`, `url`, `currency`, and `country`.
- [Orders' range filter](https://docs.commoninja.com/apis/e-commerce/orders/get-orders): We've added support for fetching a list of store's orders with a time range filter.
- [Proxy API](https://docs.commoninja.com/apis/proxy): An endpoint proxies requests to the relevant resource on a **specific platform**.

---

![Common Ninja's Summer Hackathon](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1wa7bv7ydxrldi7l7rkb.png)

## Summer Hackathon for E-Commerce App Developers

As [announced](https://dev.to/commonninja/common-ninjas-summer-hackathon-build-e-commerce-apps-and-win-awesome-prizes-1f8j) earlier this month, our summer hackathon was officially launched last week with more than **180 developers** who signed up to participate and develop e-commerce apps.

Learn more about the hackathon: 
[https://www.commoninja.com/hackathon-2022/](https://www.commoninja.com/hackathon-2022/)

---

If you have any specific requests or ideas, we'll be more than happy to [hear them](mailto:contact@commoninja.com) 🙂


## 📚 Learn more

You can use the following resources to learn more and get help:

📜 [Common Ninja Docs](https://docs.commoninja.com)
💬 [Discord Community](https://discord.com/invite/cxqUTbvMNd)
Movinnza dedicated Web development and SEO company in India
Tags: seo, seoagencycompany, seoagencyinpune
Published: 2022-07-11 12:26:28

[Movinnza](https://www.movinnza.in/) is a dedicated Web development and SEO company in India. We are based in Pune, and we offer complete web development and SEO Solutions. Take benefit of Movinnza's proven process to get ever more customers, web traffic, and profits. Movinnza is a well-known [Professional SEO Service](https://www.movinnza.in/seo-company-pune) and software company.

Our expert team is filled with experts in different fields of 

Web Development

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

Web Development

Best SEO Services 

Software development

E-commerce solutions

and many other Technology services such as:

Word Press Development

React JS Development

Node JS Development
From API First to API Only
Published: 2022-07-11 12:24:28

---
title: From API First to API Only
published: true
description: 
tags: 
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kbe0is12suuwrrpfa98z.png
# Use a ratio of 100:42 for best results.
canonical_url: 'https://kevwe.com/weekly/202228'
---
From API First to API Only


The fact that most of the business in the software industry revolves around data processing should give an idea of how important it is to build systems that talk to each other.


Api are central in this scenario, good Api are critical and scale cutting complexity to a minimum.


Api need to be secure and usable, this is pretty obvious.

Not always obvious is how to achieve that.


https://kevwe.com/weekly/202228
How do you mass like comments on TikTok?
Tags: tiktok, socialmedia, marketing, tutorial
Published: 2022-07-11 12:23:36

As a TikTok creator, especially a popular one, it is beneficial to interact with viewers, and one such element is to like their comments.

Manually clicking the likes for each comment is not a fun task, especially if you have hundreds or even thousands of them.

## One weird tool for mass-liking all TikTok comments

The use of additional tools, such as bots, allows for mass likes on comments. Social Media Bot is one of the best on the market.

How does it work?

1. You install the [Social Media Bot](https://www.pelock.com/products/social-media-bot), which is a browser extension (for Chrome, Firefox, Opera)
2. You open your TikTok vid
3. You click the bot icon 🤖 in the web browser toolbar
4. You set the number of comments to like
5. You click **"Like comments"**
6. The bot will like all the comments for you!

![Mass like comments on TikTok with Social Media Bot](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v6rnslqi0jj3raafforf.png)

The bot is highly customizable, you can set time intervals between clicking likes for individual comments, you can set to skip a random number of comments when leaving likes.

One of its features is comment liking, and a yearly license is only $19.

It is also compatible with numerous other social media platforms, including Twitter, Gab, LinkedIn, SoundCloud, Gettr, and Sina Weibo. A video tutorial on how to use it to gain Twitter followers is available here:

Because the bot is a browser extension, you can use it with Chrome, Firefox, Opera, and any other browser that supports it:

Install Social Media Bot

https://www.pelock.com/products/social-media-bot/install
Training tabular data models with TabTransformer and Amazon SageMaker
Tags: machinelearning, transformers, aws, tutorial
Published: 2022-07-12 09:25:59

---
title: Training tabular data models with TabTransformer and Amazon SageMaker
published: true
date: 2022-07-11 12:15:49 UTC
tags: machinelearning,transformers,aws,tutorial
canonical_url: https://julsimon.medium.com/training-tabular-data-models-with-tabtransformer-and-amazon-sagemaker-47d1e85f185e
---

Training Transformers on tabular data is quickly becoming a thing.

That’s all the excuse I needed to look at the new TabTransformer algo in Amazon SageMaker, and sneak around a bit to learn what it’s actually built with.

{% youtube iu1JnVHA7CU %}
Configurable Objects in JS?
Tags: webdev, javascript, beginners
Published: 2022-07-11 12:12:26

Have you ever felt like your objects in JavaScript just aren't configurable enough? I mean, sure, you can give them properties and methods and all that jazz, but sometimes you just want a little more control over how those properties behave. That's where configurable object properties come in.

Let's say you have an object called "dog" that represents, well, a dog. You might have properties like "name", "breed", and "age". But what if you want to make sure that no one can change the value of the "breed" property once it's been set? That's where configurable object properties come in handy.

Here's an example of how you can use the Object.defineProperty() method to create a configurable object property:

```js
const dog = {
  name: "Buddy",
  breed: "Golden Retriever",
  age: 5,
};

Object.defineProperty(dog, "breed", {
  configurable: false,
});
```

Now, if anyone tries to change the value of the breed property, they'll get an error saying that the property is not configurable.

But wait, there's more! You can also use the writable property to make a property not only non-configurable, but also non-writable. This means that the value of the property cannot be changed at all, even if you try to do so with assignment like dog.breed = "Labrador".

Here's how you would do that:

```js
const dog = {
  name: "Buddy",
  breed: "Golden Retriever",
  age: 5,
};

Object.defineProperty(dog, "breed", {
  configurable: false,
  writable: false,
});
```

Now, if anyone tries to change the value of the breed property, they'll get an error saying that the property is not writable.

But wait, there's even more! You can also use the get and set properties to define custom getters and setters for a property. This can be useful if you want to do some extra processing every time the property is accessed or modified.

Here's an example of how you can use getters and setters:

```js
const dog = {
  name: "Buddy",
  breed: "Golden Retriever",
  age: 5,
  get description() {
    return `${this.name} is a ${this.age} year old ${this.breed}.`;
  },
  set birthday(age) {
    this.age = age;
  },
};

console.log(dog.description); // "Buddy is a 5 year old Golden Retriever."
dog.birthday = 6;
console.log(dog.description); // "Buddy is a 6 year old Golden Retriever."
```

So there you have it! Configurable object properties are a great way to give your objects a little extra oomph and make sure that they behave exactly the way you want them to. Just don't get too carried away with all the configurability, or you might end up with an object that's more rigid than a Popsicle stick.