open-index/open-npm huggingface dataset:
npm package: @marcom16/platzom
Description: Traductor de Idiomas Platzom
Author: 'Marco
Latest version: 0.1.0

# Platzom

Platzom es un idioma inventado para el [Curso de Fundamentos de JavaScript](https://platzi.com/js) de [Platzi](https://platzi.com), el mejor lugar de educación online

## Descripción del idioma

- Si la palabra termina con "ar", se le quitan esas dos letras
- Si la palabra inicia con Z, se le añade "pe" al final
- Si la palabra traducida tiene 10 o más letras, se debe partir en dos por la mitad y unir con un guión medio
- Por último, si la palabra original es un palíndromo, ninguna regla anterior cuenta y se devuelve la misma palabra pero intercalando letras mayúsculas y minúsculas

## Instalación

```
npm install platzom
```

## Uso

```
import platzom from 'platzom'

platzom("Programar") // Program
platzom("Zorro") // Zorrope
platzom("Zarpar") // Zarppe
platzom("abecedario") // abece-dario
platzom("sometemos") // SoMeTeMoS
```

## Créditos
- [Marco Montilla](https://instagram.com/@marcoprograma)

## Licencia

[MIT](https://opensource.org/licenses/MIT)
npm package: @marcom16/validateit
Description: Package Fot Form Data Validation
Author: 'Marco
Latest version: 0.1.0

[![github.com/marcom16](https://avatars2.githubusercontent.com/u/25273655?v=4&s=120)](https://github.com/marcom16/)

### Getting Started

There are two methods for getting started with this repo.

#### Install -> Put on your terminal:
```sh
> npm install --save ValidateIt
```

#### Usage -> 
```js
const ValidateIt = require('ValidateIt')
 // ValidateIt(Type, String or Data) => return True or False
 
 ValidateIt("name", /*Name*/),
 ValidateIt("fullName", /*Full Name*/),
 ValidateIt("email", /*Email*/),
 ValidateIt("password", /*Password*/),
 ValidateIt("phone", /*Phone Number*/),
 ValidateIt("zipCode", /*US Zip Code*/),
 ValidateIt("image", /*dataImg*/),
 ValidateIt("doc", /*dataDoc*/)
```


#### Familiar with Git?
Checkout this repo, install dependencies, then start the gulp process with the following:

```sh
> git clone https://github.com/marcom16/ValidateIt.git
> cd ValidateIt
> npm install
> npm start
```

#### Not Familiar with Git?
Then download the .zip file.  Extract the contents of the zip file, then open your terminal, change to the project directory, and:

```sh
> npm install
> npm start
```

#### Are there old dependecies?
npm-check-updates is a command-line tool that allows you to upgrade your package.json or bower.json dependencies to the latest versions, regardless of existing version constraints. 
#### github: https://github.com/tjunnone/npm-check-updates

```sh
> npm install -g npm-check-updates

 express           4.12.x  →   4.13.x
 multer            ^0.1.8  →   ^1.0.1
 react-bootstrap  ^0.22.6  →  ^0.24.0
 react-a11y        ^0.1.1  →   ^0.2.6
 webpack          ~1.9.10  →  ~1.10.5

Run with -u to upgrade your package.json

> ncu -u
```
npm package: @marcom16/weightconverter
Description: A Weight converter
Author: 'Marco
Latest version: 0.3.0

# Weight Converter

## Description

Use this to convert a mesure

## Instalation

```
npm install weightConverter
```

## Use

```
import convertWeight from 'weightConverter'

convertWeight('from','to','weight')


convertWeight("oz", "oz", 1000)
convertWeight("oz", "lb", 1000)
convertWeight("oz", "g", 1000)
convertWeight("oz", "kg", 1000)

convertWeight("lb", "oz", 1000)
convertWeight("lb", "lb", 1000)
convertWeight("lb", "g", 1000)
convertWeight("lb", "kg", 1000)

convertWeight("g", "oz", 1000)
convertWeight("g", "lb", 1000)
convertWeight("g", "g", 1000)
convertWeight("g", "kg", 1000)

convertWeight("kg", "oz", 1000)
convertWeight("kg", "lb", 1000)
convertWeight("kg", "g", 1000)
convertWeight("kg", "kg", 1000)
```

## Credits
- [Marco Montilla](https://instagram.com/@marcoprograma)

## Licence

[MIT](https://opensource.org/licenses/MIT)
npm package: @marcomafessolli/rick-and-morty-gql-files
Description: Types and operations for Rick and Morty Graphql API so you don't have to write them every time
Author: Marco Antônio Mafessolli
Latest version: 1.0.4

<p>
  <a href="https://www.npmjs.com/package/@marcomafessolli/rick-and-morty-gql-files" target="_blank">
    <img alt="Version" src="https://img.shields.io/npm/v/@marcomafessolli/rick-and-morty-gql-files.svg">
  </a>
</p>

Types and operations for Rick and Morty Graphql API so you don't have to write them every time. Powered by [graphql-code-generator](https://github.com/dotansimha/graphql-code-generator)

### Install

```sh
npm install @marcomafessolli/rick-and-morty-gql-files
```

### Documentation:

[Go to documentation](https://marcomafessolli.github.io/rick-and-morty-gql-files/)

### Examples:

_@urql/core_

[creating urql requester with getSdk](https://github.com/marcomafessolli/remix-graphql-loader-example/blob/main/app/utils/urql.server.ts)<br>
[query characters using urql requester](https://github.com/marcomafessolli/remix-graphql-loader-example/blob/main/app/routes/index.tsx#L12)<br>
[query chatacter using urql requester](https://github.com/marcomafessolli/remix-graphql-loader-example/blob/main/app/routes/characters/%24id.tsx#L27)

Check [getSdk](https://marcomafessolli.github.io/rick-and-morty-gql-files/modules.html#getSdk) documentation for more information.

### Contributing

Contributions, issues and feature requests are welcome!

<br>

_This README was generated with ❤️ by [readme-md-generator](https://github.com/kefranabg/readme-md-generator)_
npm package: @marcomessa/tailwind-modal
Description: A simple modal for Tailwind css
Latest version: 1.0.12
Deprecated: false

# Tailwind Modal
![npm (scoped)](https://img.shields.io/npm/v/@marcomessa/tailwind-modal.svg)
Simple modal with ready-to-use Tailwind css's markup.

## Install

```
$ npm install @marcomessa/tailwind-modal
```

## Usage

###### HTML
```html
<a href="#" data-open="exampleModal">Click me</a>
<div id="exampleModal" class="modal">
    <div class="modal__inner">
        Test Modal

        <button class="modal__button">
            close
        </button>
    </div>
</div>
```

###### JS
```js
import Modals from "@marcomessa/tailwind-modal";

...

const modals = new Modals();
modals.init();
```

###### SCSS
```scss
@import '~@marcomessa/tailwind-modal/modal';
```
npm package: @marcon2n/nexusti
Description: Các phần cần hoàn thành của Package Security
Author: MaR
Latest version: 1.0.12

Các phần cần hoàn thành của Package Security

1. Chuyển sang Typescript

2. Sử dụng rollup để gói dữ liệu và mã hóa thông tin

3. Tiến hành tìm giải pháp để sinh secret-key sử dụng mã hóa trong local ==> OK
npm package: @marcopardes/nestjs-package-starter
Description: NestJS npm package starter
Author: Marco Paredes
Latest version: 1.0.2

<h1 align="center"></h1>

<div align="center">
  <a href="http://nestjs.com/" target="_blank">
    <img src="https://nestjs.com/img/logo_text.svg" width="150" alt="Nest Logo" />
  </a>
</div>

<h3 align="center">NestJS npm Package Starter</h3>

<div align="center">
  <a href="https://nestjs.com" target="_blank">
    <img src="https://img.shields.io/badge/built%20with-NestJs-red.svg" alt="Built with NestJS">
  </a>
</div>

### Installation

1. Clone the repo
2. Run npm/yarn install

```bash
cd nestjs-package-starter
npm install
```

## Change Log

See [Changelog](CHANGELOG.md) for more information.

## Contributing

Contributions welcome! See [Contributing](CONTRIBUTING.md).

## Author

**John Biundo (Y Prospect on [Discord](https://discord.gg/G7Qnnhy))**

## License

Licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
npm package: @marcoparrone/appwithtopbar
Description: App container element with material TopAppBar react component.
Author: Marco Parrone
Latest version: 1.0.2

# appwithtopbar

App container element with a material TopAppBar react component.

## Installation

```sh
npm install @marcoparrone/appwithtopbar
```

## Usage

```js
import AppWithTopBar from '@marcoparrone/appwithtopbar';
```

Read further for more information.

## Creating a container element with material TopAppBar

For creating a container element with a materia Top App Bar, you can use the AppWithTopBar component.  It accepts these properties:

 * id: and identifier for the element, its default value is zero;
 * refprop: a reference created with React.createRef(); it will be an anchor for finding all the contained elements
 * lang: the language code (for example: 'en')
 * appname: the name of the app (for example: 'Notes')
 * icons: an array of objects, every object must cotain the label property which is a string describing the icon, an icon property containing the id of some material icon (see https://material.io/resources/icons/ for more details), and a callback property containing a function which will be activated when the user will click on the icon.

 Here is an example:


```js
<AppWithTopBar refprop={this.notesListRef} lang={this.i18n.language} appname={this.i18n.text['text_appname']}
  icons={[{label: this.i18n.text['text_add_label'], icon: 'add', callback: () => this.addNote()},
          {label: this.i18n.text['text_settings_label'], icon: 'settings', callback: () => open_dialog(this.notesListRef, 'settings')},
          {label: this.i18n.text['text_importexport_label'], icon: 'import_export', callback: () => open_dialog(this.notesListRef, 'impexp')},
          {label: this.i18n.text['text_help_label'], icon: 'help', callback: () => open_dialog(this.notesListRef, 'help')},
          {label: this.i18n.text['text_about_label'], icon: 'info', callback: () =>  open_dialog(this.notesListRef, 'about')}]} >
...
... other content of the app ...
...
</AppWithTopBar>
```

It is important to include the material icons in the HTML page. I usually include them directly in the static HTML page:

```html
<!DOCTYPE html>
<html lang="en">
  <head>
...
  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
...
  </head>
  <body>
...
  </body>
</html>
```
npm package: @marcoparrone/iconbutton
Description: A material react component implemeting a button with an icon.
Author: Marco Parrone
Latest version: 1.0.1

# iconbutton

 A Material React component implemeting a button with an icon.

## Installation

```sh
npm install @marcoparrone/iconbutton
```

## Usage

The IconButton React component accepts there properties:

 * label: a short description of the purpose of the button
 * icon: the Material icon name, see https://material.io/resources/icons/ for the full collection
 * callback: the function to call when the button is pressed


```js
import IconButton from '@marcoparrone/iconbutton';

// ...

<IconButton label="Add a bookmark" icon='add' callback={event => this.props.addNode(this.props.id)} />

```

It is important to include the material icons in the HTML page. I usually include them directly in the static HTML page:

```html
<!DOCTYPE html>
<html lang="en">
  <head>
...
  <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
...
  </head>
  <body>
...
  </body>
</html>
```
npm package: @marcoparrone/nodes
Description: Implementation of nodes of a tree structure where the nodes are either folders or final nodes.
Author: Marco Parrone
Latest version: 1.0.4

# nodes

Implementation of nodes of a tree structure where the nodes are either folders or final nodes (documents for example).

## Installation

```sh
npm install @marcoparrone/nodes
```

## Usage

```js
import {
  all_nodes_have_all_fields_p,
  add_node, get_node, change_node_field, delete_node, swap_nodes_values,
  move_node_backward, move_node_forward, move_node_upward, move_node_downward,
  load_nodes, save_nodes, export_nodes, import_nodes
} from '@marcoparrone/nodes';
```

See the src/nodes.js file for informations about the functions provided by this library.
npm package: @marcoparrone/snackbar
Description: Snackbar material react component.
Author: Marco Parrone
Latest version: 1.0.3

# snackbar

Snackbar material react component.

## Installation

```sh
npm install @marcoparrone/snackbar
```

## Usage

```js
import {Snackbar, open_snackbar} from '@marcoparrone/snackbar';
```

Read further for more information.

## Creating a snackbar

For creating a snackbar now you can use the Snackbar react component. It accepts just the "id" property:

 * id: a string containing an identifier for the snackbar;

Here is an example of a snackbar:

```js
<Snackbar id="mustBeNum">{this.i18n.text['text_snack_mustbenum']}</Snackbar>
```

In the above example, this.i18n.text['text_snack_mustbenum'] contains the localized message to show in the snackbar.

## Showing a snackbar

The snackbars are hidden, to show them you can use the open_snackbar function.

The function accepts two parameters: a reference to some element containing the snackbar (it could be a reference to the top element of the react app), created with React.createRef(), and a string containing the id of the snackbar.

Here is an example:

```js
// ...
class NotesList extends React.Component {
// ...
  constructor(props) {
// ...
    this.notesListRef = React.createRef();
// ...
  handleSettingsChange(e) {
    let tmpint = 0;
// ...
      case 'textarearows':
        if (isNaN(e.target.value) || e.target.value === "") {
          open_snackbar (this.notesListRef, 'mustBeNum');
        } else {
// ...
  render() {
// ...
    <AppWithTopBar refprop={this.notesListRef} lang={this.i18n.language} appname={this.i18n.text['text_appname']} /* ... */ >
      <Snackbar id="mustBeNum">{this.i18n.text['text_snack_mustbenum']}</Snackbar>
...
```
npm package: @marcoparrone/translate-json
Description: Command line tool to translate a JSON file by using Google Translation
Author: Marco Parrone
Latest version: 1.0.6

# translate-json

A command line tool to translate a JSON file by using Google Translation.

## Prerequisites

translate-json needs Node.js and NPM, Node Package Manager.

To use the tool, a Google Cloud Platform account and API key is needed.

The translations will be eventually billed on your account, check with Google for terms and conditions: https://cloud.google.com/translate/pricing

## Installation

You can install translate-json locally, in this way npx doesn't have to download it and all of its dependencies every time that you need to update the translations.

```sh
npm i -D @marcoparrone/translate-json
```

## Usage

```sh
npx @marcoparrone/translate-json --infile=<INPUTFILE> --outdir=<OUTPUTDIR> --target=<language-code|all>
```

## Example usage

```sh
npx @marcoparrone/translate-json --infile=src/en.json --outdir=public/i18n/ --target=all
```

In this example, the list of the supported languages would be saved in public/i18n/languages.json (it is saved only with the option --target=all), the src/en.json file would be translated in all the supported languages, and the translations would be saved in public/i18n/languagecode.json (for example, public/i18n/it.json, etc...).

## Example JSON input file

```sh
$ cat  src/en.json
{
    "text_appname": "Tic Tac Toe",
    "text_restart_label": "restart game",
    "text_settings_label": "settings",
    "text_help_label": "help",
    "text_about_label": "about",
    "text_close_label": "close",
    "text_youwon": "You Won!",
    "text_youlost": "You Lost!",
    "text_drawn": "The game was drawn!"
}
```
npm package: @marcopeg/deeplog
Description: Console logs formatted JSON
Author: Marco Pegoraro
Latest version: 1.13.0

# deeplog

Console logs formatted JSON:

```js
import deeplog from '@marcopeg/deeplog';
deeplog({ foo: 123 });

import { deepLog, deepInfo, deepWarn, deepError } from '@marcopeg/deeplog';
deepLog({ foo: 123 });
deepInfo({ foo: 123 });
deepWarn({ foo: 123 });
deepError({ foo: 123 });
```
npm package: @marcopeg/dotted
Description: Extract data from an object using a dotted notation
Author: Marco Pegoraro
Latest version: 1.12.0

# @marcopeg/dotted

Extract data from an object using a dotted notation:

```js
import dotted from '@marcopeg/dotted'

const data = {
    name: 'marco',
    surname: 'pegoraro',
    family: {
        father: { name: 'piero' },
        mother: { name: 'teresa' },
        siblings: [
            { name: 'giulia' },
            { name: 'elisa' },
        ]
    }
}

dotted(data, 'name')
// -> marco

dotted(data, 'family.father.name')
// -> piero

dotted(data, 'family.siblings.$0.name')
// -> giulia

dotted(data, 'family.siblings.$LENGTH')
// -> 2

dotted(data, 'family.siblings.$FIRST.name')
// -> giulia

dotted(data, 'family.siblings.$LAST.name')
// -> elisa
```

Set data into an object using a dotted notation:

```js
import dotted from '@marcopeg/dotted'

dotted.set({}, 'foo', 1)
// -> { foo: 1 }

// Fills missing layers
dotted.set({}, 'foo.faa.fii', 1)
// -> { foo: { faa: { fii: 1 } } }

const source = { foo: 1 }
const result = dotted.set.immutable(source, 'foo', 2)
// -> source !== result (true)
// -> result.foo === 2 (true)
```
npm package: @marcopeg/hooks
Description: A small plugin / hooks library for NodeJS 
Author: Marco Pegoraro
Latest version: 0.2.3

# hooks

**This project has moved to ForrestJS:**<br>
https://github.com/forrestjs/forrestjs/tree/master/packages/hooks#readme

New versions with improved features are available in NPM at:<br>
https://www.npmjs.com/package/@forrestjs/hooks
npm package: @marcopeg/react-ssr
Description: Server Side Rendering for CRA 2.x (with redux, router, code splitting, ...)
Author: Marco Pegoraro
Latest version: 0.3.7

# react-ssr

**!!! DEPRECATED !!!***

Please visit [ForrestJS](https://forrestjs.github.io) instead.



## LICENCE

Copyright 2019 Marco Pegoraro

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
npm package: @marcopeg/spawn
Description: An async wrapper around child_process.spawn with a rich API to control the spawned process
Latest version: 1.12.0

# @marcopeg/spawn

An async wrapper around `child_process.spawn` with a rich API to control the spawned process.

```js
const spawn = require("@marcopeg/spawn");
const p1 = spawn("echo 123");
const r1 = await p1;
console.log(r1.stdout[0]);
// -> 123
```

For more examples take a look at [the unit tests](./index.test.js)
npm package: @marcopeg/template
Description: Minimalist variable substitution utility
Author: Marco Pegoraro
Latest version: 1.12.0

# @marcopeg/template

Minimalist variable substitution utility inspired by 
[mustache](https://www.npmjs.com/package/mustache) that implements just
few **variable substitution** features.

- no loops
- no conditionals
- no filters

> If you need a full template engine, use `mustache` :-)

```js
import template from '@marcopeg/template'

const data = {
    name: 'marco',
    surname: 'pegoraro',
    family: {
        father: { name: 'piero' },
        mother: { name: 'teresa' },
        siblings: [
            { name: 'giulia' },
            { name: 'elisa' },
        ]
    }
}

template('name', name)
// -> marco

template('{{ name }} {{ surname }}', data)
// -> marco pegoraro

template('{{ name }} {{ surname }} has {{ family.siblings.$LENGTH }} siblings', data)
// -> marco pegoraro has 2 siblings
```
npm package: @marcopns/gulp-concat
Description: Concatenates files
Author: Contra
Latest version: 2.6.1

![status](https://secure.travis-ci.org/contra/gulp-concat.svg?branch=master)

## Installation

Install package with NPM and add it to your development dependencies:

`npm install --save-dev gulp-concat`

## Information

<table>
<tr>
<td>Package</td><td>gulp-concat</td>
</tr>
<tr>
<td>Description</td>
<td>Concatenates files</td>
</tr>
<tr>
<td>Node Version</td>
<td>>= 0.10</td>
</tr>
</table>

## Usage

```js
var concat = require('gulp-concat');

gulp.task('scripts', function() {
  return gulp.src('./lib/*.js')
    .pipe(concat('all.js'))
    .pipe(gulp.dest('./dist/'));
});
```

This will concat files by your operating system's newLine. It will take the base directory from the first file that passes through it.

Files will be concatenated in the order that they are specified in the `gulp.src` function. For example, to concat `./lib/file3.js`, `./lib/file1.js` and `./lib/file2.js` in that order, the following code will create a task to do that:

```js
var concat = require('gulp-concat');

gulp.task('scripts', function() {
  return gulp.src(['./lib/file3.js', './lib/file1.js', './lib/file2.js'])
    .pipe(concat('all.js'))
    .pipe(gulp.dest('./dist/'));
});
```

To change the newLine simply pass an object as the second argument to concat with newLine being whatever (`\r\n` if you want to support any OS to look at it)

For instance:

```js
.pipe(concat('main.js', {newLine: ';'}))
```

To specify `cwd`, `path` and other [vinyl](https://github.com/wearefractal/vinyl) properties, gulp-concat accepts `Object` as first argument:

```js
var concat = require('gulp-concat');

gulp.task('scripts', function() {
  return gulp.src(['./lib/file3.js', './lib/file1.js', './lib/file2.js'])
    .pipe(concat({ path: 'new.js', stat: { mode: 0666 }}))
    .pipe(gulp.dest('./dist'));
});
```

This will concat files into `./dist/new.js`.

### Source maps

Source maps can be generated by using [gulp-sourcemaps](https://www.npmjs.org/package/gulp-sourcemaps):

```js
var gulp = require('gulp');
var concat = require('gulp-concat');
var sourcemaps = require('gulp-sourcemaps');

gulp.task('javascript', function() {
  return gulp.src('src/**/*.js')
    .pipe(sourcemaps.init())
      .pipe(concat('all.js'))
    .pipe(sourcemaps.write())
    .pipe(gulp.dest('dist'));
});
```
npm package: @marcopns/lite-vimeo
Description: A faster vimeo embed.
Author: Wesley Luyten
Latest version: 0.4.0

# What does this fork do:
- Add dnt parameter to the iframe
- Add hash parameter to the iframe
- Add option to include more parameters to the iframe (https://github.com/luwes/lite-vimeo-embed/pull/24)

## How to use it instead of the OG Version?
Remove the OG version from your project and install the package like this and you're good to go.
```bash
npm install @marcopns/lite-vimeo
```

# OG Readme: Lite Vimeo Embed

> #### Renders faster than a sneeze.

Provide videos with a supercharged focus on visual performance.
This custom element renders just like the real thing but approximately 224X faster.

## Comparison

| Normal `<iframe>` Vimeo embed |  `lite-vimeo` |
|---|---|
|  ![Screen Shot 2019-11-03 at 5 23 50 PM](https://user-images.githubusercontent.com/39191/68095560-5c930d00-fe5f-11e9-8104-e73e77a21287.png)   ![Screen Shot 2019-11-03 at 5 21 05 PM](https://user-images.githubusercontent.com/39191/68095562-5d2ba380-fe5f-11e9-8b5f-18f451b0716d.png)  ![Screen Shot 2019-11-03 at 5 19 35 PM](https://user-images.githubusercontent.com/39191/68095565-5d2ba380-fe5f-11e9-835d-85d37df71f52.png)  | ![Screen Shot 2019-11-03 at 5 23 27 PM](https://user-images.githubusercontent.com/39191/68095561-5d2ba380-fe5f-11e9-9393-e2206a64c8bf.png) ![Screen Shot 2019-11-03 at 5 20 55 PM](https://user-images.githubusercontent.com/39191/68095563-5d2ba380-fe5f-11e9-8f9a-f5c4a774cd56.png)  ![Screen Shot 2019-11-03 at 5 20 16 PM](https://user-images.githubusercontent.com/39191/68095564-5d2ba380-fe5f-11e9-908f-7e12eab8b2ad.png) |

## Basic usage

To use the custom embed you will need to:

1. Include the script
1. Use the element `lite-vimeo` markup and scripting
1. Be happy that you're providing a better user experience to your visitors

```html
<!-- Include the custom element script -->
<script type="module" src="https://cdn.jsdelivr.net/npm/lite-vimeo-embed/+esm"></script>

<!-- Use the element. You may define uses before the scripts are parsed and executed. -->
<lite-vimeo videoid="357274789"></lite-vimeo>
```

## Pro-usage

Use this as your HTML, load the script asynchronously, and let the JS progressively enhance it.

```html
<lite-vimeo videoid="357274789" style="background-image: url('https://i.vimeocdn.com/video/810965406.webp?mw=1600&mh=900&q=70');">
  <div class="ltv-playbtn"></div>
</lite-vimeo>
```
npm package: @marcopollacci/debouncing
Description: Simple debounce utility function
Author: Marco Pollacci
Latest version: 1.0.7

# @marcopollacci/debouncing

A simple debounce utility function with **cancel**, **cancelAndExecute**, and **pending** support.

## Installation

```bash
npm install @marcopollacci/debouncing
```

## Usage

```js
import { debouncing } from "@marcopollacci/debouncing";

// Basic usage
const log = debouncing(() => console.log("Hello"));
log(); // waits 500ms before printing 'Hello' to the console

// Custom wait time
const log2 = debouncing(() => console.log("Hello after 1s"), 1000);
log2(); // waits 1000ms before printing
```

## Extra features

- Support for **cancel**, **cancelAndExecute**, and **pending** methods

```js
const log = debouncing(() => console.log("Hello"), 1000);

log(); // schedules execution in 1s

// Cancel the pending execution
log.cancel();

// Check if execution is pending
console.log(log.pending()); // false (because we canceled)
```

```js
const log = debouncing(() => console.log("Hello"), 1000);

log(); // schedules execution in 1s

// Cancel the pending execution and execute immediately
console.log(log.cancelAndExecute()); // Hello
```

## Running tests

This project uses [Bun](https://bun.com/docs/cli/test) as the test runner.

```bash
npx bun test index.test.js
```

## License

MIT
npm package: @marcorieser/tailwindcss-breakpoints-hint
Description: A Tailwind CSS plugin that shows the active breakpoint.
Author: Marco Rieser
Latest version: 2.0.1

# Tailwind CSS Breakpoints Hint
A Tailwind CSS plugin that shows the active responsive breakpoint.

## Install

Requires **Tailwind v4.0** or higher.

1. Install the plugin:

```bash
npm install @marcorieser/tailwindcss-breakpoints-hint --save-dev
```

2. Include it in your tailwind configuration file:

```css
@plugin('@marcorieser/tailwindcss-breakpoints-hint')
```

## Usage
Build your project. The hint is only visible during development.
npm package: @marcos-acosta/blah
Description: ![A screenshot of the CLI, where there are six rows of dated journal entry previews](/media/cover.png)
Latest version: 1.2.0

# blah

![A screenshot of the CLI, where there are six rows of dated journal entry previews](/media/cover.png)

A CLI for journaling.

## Installation

Global install:

```sh
npm install -g @marcos-acosta/blah
blah
```

Or run with `npx`:

```sh
npx @marcos-acosta/blah
```

I personally find an alias useful, as I run it every day:

```sh
alias b=blah
```

## Configuration

When run for the first time, `blah` will prompt you for a location to store your entries. The configuration file is stored at `.blah.toml` in your home directory and can be modified any time. Journal entries are stored in newline-delimited JSON (`blah.ndjson`).

## Usage

- `a` to add a journal entry
  - `esc` to return home
  - `enter` to submit
- `e` to browse entries
  - `esc` to return home
  - `up/down` or `j/k` to go back/forward
  - `w/W` to go forward/backward one week
  - `m/M` to go forward/backward thirty days
  - `y/Y` to go forward/backward one year
  - `enter` to enter entry view (`esc` to return to list view)
    - Navigation commands can still be used in entry view
  - `/` to grep
    - `esc` to cancel grep
    - `enter` to confirm grep
- `q` or `esc` to quit