open-index/open-npm huggingface dataset:
npm package: @gueno_/device-behavior-script
Description: Device Behavior Script Repository
Author: Gueno
Latest version: 1.9.0

# device-behavior-script
Device Behavior Script Repository


### Install

#### NPM

```
npm install @gueno_/device-behavior-script
```

#### CDN async
```html
<script>
  (function(g,u,e,n,d) {
    g=g[d]=g[d]||{q:[],onReady:function(c){g.q.push(c)}}
    d=u.createElement(e);d.async=1;d.src=n
    n=u.getElementsByTagName(e)[0];n.parentNode.insertBefore(d,n)
  })(window,document,'script','/gueno-tracker.js','gueno')
  window.gueno.onReady(function() {
    window.gueno.init({
      applicationId: '00000-00000-00000-00000',
      clientToken: 'yyyy-yyyy-yyyy',
    });
  })
</script>
```

#### CDN sync
```html
<script src="/gueno-tracker.js" type="text/javascript"></script>
<script>
  window.gueno &&
    window.gueno.init({
      applicationId: '00000-00000-00000-00000',
      clientToken: 'yyyy-yyyy-yyyy',
    });
</script>
```
npm package: @guerrero7/matching-scripts
Description: A node CLI for create assets with exif information
Latest version: 0.4.1

# Matching scripts

![npm bundle size](https://img.shields.io/bundlephobia/min/@guerrero7/matching-scripts?style=flat-square)
![npm](https://img.shields.io/npm/dw/@guerrero7/matching-scripts?style=flat-square)
![npm](https://img.shields.io/npm/v/@guerrero7/matching-scripts?style=flat-square)

A NodeJS CLI for creating JPG files with specific EXIF information that speeds up the testing process on uploading flow.

# Getting started

## Requirements

- Node JS >= v14.15.1

- NPM >= v6.14.8 or Yarn v1.22.5

## Installation

Install with Yarn

`$ yarn global add @guerrero7/matching-scripts`

Install with npm

`$ npm i -g @guerrero7/matching-scripts`

## Commands

### init

Generate the necessary folder structure to use the CLI.

**Use**: `matching-scripts init`

### calibrate

Generate a calibration image with the current date-time. The result will be placed on `/pictures/build/calibration.jpg`

**Use**: `matching-scripts calibrate`

### match

Generate new pictures which match with random photoshoots. The results will be placed on `/pictures/build/pictures`.

The name of the generated images will be a combination of the photoshoot id and a 6-length random characters.

**Option**: `--photoshoots, -p` The list of photoshoot IDs for matching with the pictures.

**Use**: `matching-scripts match`

## Folder structure

smiler-scrips requires a specific folders to work.

> images/
>
> > base/
> >
> > > calibration.jpg
> >
> > pictures/
>
> models/
>
> > photoshoots.json

**images**: Contains all the pictures related assets. The generated photos will be placed here inside a `build` folder.

**images/base**: Contains all the images that will be used for generating the pictures

**images/base/calibration_image_base.jpg**: Is the picture that will be used for generating the calibration picture

**images/base/pictures**: Must contain all the pictures that can be used to generate new matched ones.

**images/build**: Contains all the generated pictures. The ones not related to calibration process will be placed inside a `pictures` folder.

**models/photoshoot.json**: An array with all the photoshoots that can be used for matching pictures.

## Contributing

All the critics and help are welcome, be free to create a new [pull request](https://github.com/Guerrero25/matching-scripts/pulls).
npm package: @guesant/marech-transformer-html-minifier
Description: This package source code can be found in <https://github.com/guesant/marech/tree/dev/packages>.
Author: Gabriel Rodrigues
Latest version: 0.0.2

# @guesant/marech-\*\*

This package source code can be found in <https://github.com/guesant/marech/tree/dev/packages>.

---

This package was made for be used with [marech](https://www.npmjs.com/package/marech-core).

Learn more about marech in our [Official Github repository](https://github.com/guesant/marech).

## License

- MIT - see [LICENSE.mit.txt](LICENSE.mit.txt) or <https://opensource.org/licenses/MIT>

## Author

- Gabriel Rodrigues - <https://github.com/guesant>
npm package: @guesant/marech-transformer-html-modules
Description: This package source code can be found in <https://github.com/guesant/marech/tree/dev/packages>.
Author: Gabriel Rodrigues
Latest version: 0.0.2

# @guesant/marech-\*\*

This package source code can be found in <https://github.com/guesant/marech/tree/dev/packages>.

---

This package was made for be used with [marech](https://www.npmjs.com/package/marech-core).

Learn more about marech in our [Official Github repository](https://github.com/guesant/marech).

## License

- MIT - see [LICENSE.mit.txt](LICENSE.mit.txt) or <https://opensource.org/licenses/MIT>

## Author

- Gabriel Rodrigues - <https://github.com/guesant>
npm package: @guesant/marech-transformer-prettier
Description: This package source code can be found in <https://github.com/guesant/marech/tree/dev/packages>.
Author: Gabriel Rodrigues
Latest version: 0.0.2

# @guesant/marech-\*\*

This package source code can be found in <https://github.com/guesant/marech/tree/dev/packages>.

---

This package was made for be used with [marech](https://www.npmjs.com/package/marech-core).

Learn more about marech in our [Official Github repository](https://github.com/guesant/marech).

## License

- MIT - see [LICENSE.mit.txt](LICENSE.mit.txt) or <https://opensource.org/licenses/MIT>

## Author

- Gabriel Rodrigues - <https://github.com/guesant>
npm package: @guesant/react-dsgov
Description: Componentes React do DSGov (Padrão Digital do Governo).
Author: cosis-stn
Latest version: 0.7.2-beta.2

# Sobre a biblioteca

Biblioteca de componentes React baseada no DSGov (https://www.gov.br/ds).

O Padrão Digital de Governo apresenta os padrões de interface que devem ser seguidos por designers e desenvolvedores para garantir a experiência única na interação com os sistemas interativos.

A documentação pode ser encontrada em https://cosis-stn.github.io/react-dsgov/styleguide/

# Componentes
A seguinte lista de componentes foi implementada:

- [Avatar](src/components/Avatar/Readme.md)
- [Breadcrumb](src/components/Breadcrumb/Readme.md)
- [Button](src/components/Button/Readme.md)
- [Card](src/components/Card/Readme.md)
- [Carousel](src/components/Carousel/Readme.md)
- [Checkbox](src/components/Checkbox/Readme.md)
- [Col](src/components/Col/Readme.md)
- [Container](src/components/Container/Readme.md)
- [DateTimePicker](src/components/DateTimePicker/Readme.md)
- [Divider](src/components/Divider/Readme.md)
- [Footer](src/components/Footer/Readme.md)
- [Group](src/components/Group/Readme.md)
- [Header](src/components/Header/Readme.md)
- [Input](src/components/Input/Readme.md)
- [Item](src/components/Item/Readme.md)
- [List](src/components/List/Readme.md)
- [Loading](src/components/Loading/Readme.md)
- [MagicButton](src/components/MagicButton/Readme.md)
- [Menu](src/components/Menu/Readme.md)
- [Message](src/components/Message/Readme.md)
- [Modal](src/components/Modal/Readme.md)
- [Notification](src/components/Notification/Readme.md)
- [Radio](src/components/Radio/Readme.md)
- [Row](src/components/Row/Readme.md)
- [Select](src/components/Select/Readme.md)
- [SkipLink](src/components/SkipLink/Readme.md)
- [Step](src/components/Step/Readme.md)
- [Switch](src/components/Switch/Readme.md)
- [Table](src/components/Table/Readme.md)
- [Tab](src/components/SkipLink/Tab.md)
- [Tag](src/components/Tag/Readme.md)
- [Textarea](src/components/Textarea/Readme.md)
- [Upload](src/components/Upload/Readme.md)
- [Wizard](src/components/Wizard/Readme.md)

# Licença
MIT License
npm package: @guestbell/jsftp-lsr
Description: Recursively get nested directories with jsftp, like ls -R
Author: Peter Kottas
Latest version: 1.0.0

# jsftp-lsr [![Build Status](https://travis-ci.org/firerap/jsftp-lsr.svg?branch=master)](https://travis-ci.org/firerap/jsftp-lsr)

> Recursively get nested files with [jsftp](https://github.com/sergi/jsftp), like ls -R

> Each directory has a property 'children' with nested files.

## Install

```
$ npm install --save jsftp-lsr
```


## Usage

```js
var JSFtp = require('jsftp');

// decorate `JSFtp` with a new method `lsr`
JSFtp = require('jsftp-lsr')(JSFtp);

var path = 'public_html/deploy/foo';

ftp.lsr(path, function (err, data) {
	console.log('File structure', JSON.stringify(data, null, 2));
});
```

## Return example
```json
[
  {
    "name": "bar",
    "type": 1,
    "time": 1462024620000,
    "size": "102",
    "owner": "ivan",
    "group": "staff",
    "userPermissions": {
      "read": true,
      "write": true,
      "exec": true
    },
    "groupPermissions": {
      "read": true,
      "write": false,
      "exec": true
    },
    "otherPermissions": {
      "read": true,
      "write": false,
      "exec": true
    },
    "children": [
      {
        "name": "test.txt",
        "type": 0,
        "time": 1462024620000,
        "size": "4",
        "owner": "ivan",
        "group": "staff",
        "userPermissions": {
          "read": true,
          "write": true,
          "exec": false
        },
        "groupPermissions": {
          "read": true,
          "write": false,
          "exec": false
        },
        "otherPermissions": {
          "read": true,
          "write": false,
          "exec": false
        }
      }
    ]
  },
  {
    "name": "baz",
    "type": 1,
    "time": 1462024620000,
    "size": "68",
    "owner": "ivan",
    "group": "staff",
    "userPermissions": {
      "read": true,
      "write": true,
      "exec": true
    },
    "groupPermissions": {
      "read": true,
      "write": false,
      "exec": true
    },
    "otherPermissions": {
      "read": true,
      "write": false,
      "exec": true
    },
    "children": []
  }
]
```


## API

### JSFtp.lsr(path, callback)

#### path

*Required*  
Type: `string`

Path of the directory which you want to see.


## License

MIT © [Ivan Drondov](http://github.com/firerap)
npm package: @guestbell/react-page-plugins
Description: Plugins we use in GuestBell for working with amazing react-page package
Latest version: 2.0.8

# GuestBell react-page plugins

Plugins used for react-page @GuestBell.

## Demo

Check out [online demo](https://guestbell.github.io/react-page-plugins)

or

Clone this repo and

```
npm install
npm start
```

## Created and sponsored by

- [GuestBell](https://guestbell.com/) - Customer centric online POS for Hotels and short terms stays.

## License

MIT
npm package: @guestbell/slate-edit-blockquote
Description: [![npm version](https://badge.fury.io/js/%40guestbell%2Fslate-edit-blockquote.svg)](https://badge.fury.io/js/%40guestbell%2Fslate-edit-blockquote)
Author: Peter Kottas
Latest version: 0.3.3

# @guestbell/slate-edit-blockquote

[![npm version](https://badge.fury.io/js/%40guestbell%2Fslate-edit-blockquote.svg)](https://badge.fury.io/js/%40guestbell%2Fslate-edit-blockquote)

A Slate plugin to handle keyboard events in blockquotes. Blockquotes can contain blocks.

### Install

```
yarn add slate-edit-blockquote
```

### Features

Natural keybindings:

- Pressing <kbd>Enter</kbd> in an empty block of a blockquote, exits the blockquote
- Pressing <kbd>Backspace</kbd> at the start of a block in a blockquote, unwraps from the blockquote

### Simple Usage

```js
import EditBlockquote from '@guestbell/slate-edit-blockquote'

const plugins = [
  EditBlockquote()
]
```

#### Arguments

This plugin accepts options to redefine the following block types:

- ``[type: String]`` — type for blockquotes
- ``[typeDefault: String]`` — type for default block in blockquote.

### Utilities

`slate-edit-blockquote` exports utilities and changes:

#### `utils.isSelectionInBlockquote`

`plugin.utils.isSelectionInBlockquote(value: Value) => Boolean`

Return true if selection is inside a blockquote (and it can be unwrap).

#### `changes.wrapInBlockquote`

`plugin.changes.wrapInBlockquote(change: Change) => Change`

Wrap current block in a new blockquote.

#### `changes.unwrapBlockquote`

`plugin.changes.unwrapBlockquote(change: Change) => Change`

Unwrap from current blockquote if any.
npm package: @guestyorg/tokenization-js
Description: Guesty Tokenization SDK loading utility and types
Author: Guesty Inc.
Latest version: 1.1.1

# [Guesty Tokenization JS SDK](https://github.com/guestyorg/tokenization-js/wiki)

There are two ways to integrate the SDK:

### Manually include a script tag

Add a script tag to your application `head` or `body`.
This loads `guestyTokenization` object to the global `window` scope of the browser

```html
<script src="https://pay.guesty.com/tokenization/v1/init.js"></script>
```

### Use it as an ES module

Advantages of loading the SDK as a module:

- loads script asynchronously to ensure page rendering isn't blocked
- returns a Promise to know when script loading is complete
- resolves to `null` if called in a server environment

#### Note: To be PCI-compliant, you must load the SDK directly from https://pay.guesty.com (either by adding a script tag or using the ES module). You cannot include it in a bundle or host it yourself.

## Installation

Use `npm` to install the Guesty Tokenization JS module:

```sh
npm install @guestyorg/tokenization-js
```

## Usage

Import the `loadScript` function for asynchronously loading the Guesty Tokenization JS SDK

### loadScript(options?)

- accepts an `options` object to configure script URL and attributes
- returns a Promise that resolves with `window.guestyTokenization` after the SDK is finished loading

#### options

- `sandbox` - load the SDK in a sandbox mode
- `version` - SDK version to load (default: `v1`)

```js
loadScript({ sandbox: true });
```

This is equivalent to the following script:

```html
<script
  src="https://pay.guesty.com/tokenization/v1/init.js"
  data-env="sandbox"
></script>
```

#### Async/Await

```js
import { loadScript } from '@guestyorg/tokenization-js';

try {
  const guestyTokenization = await loadScript();
  // Guesty Tokenization JS SDK is loaded and ready to use
} catch (error) {
  console.error('Failed to load the Guesty Tokenization JS SDK script', error);
}
```

#### Promises

```js
import { loadScript } from '@guestyorg/tokenization-js';

loadScript()
  .then((guestyTokenization) => {
    // Guesty Tokenization JS SDK is loaded and ready to use
  })
  .catch((error) => {
    console.error(
      'Failed to load the Guesty Tokenization JS SDK script',
      error
    );
  });
```

## TypeScript Support

This package includes TypeScript type definitions for the Guesty Tokenization JS SDK. This includes types for the `window.guestyTokenization` namespace. We support projects using TypeScript versions >= 3.8.
npm package: @guesung/ui
Description: React 19 컴포넌트 라이브러리 - Select와 Modal 컴포넌트를 제공하는 TypeScript 기반 UI 라이브러리
Latest version: 0.0.3

# 커넥팅더닷츠 프론트엔드 과제

React 19와 TypeScript를 사용한 프로젝트입니다.

## 프로젝트 세팅 및 스토리북 실행 방법

1. Node.js 버전 설정

   ```bash
   nvm use v22.17.0
   ```

2. pnpm 설치 (pnpm이 설치되어 있지 않다면)

   ```bash
   npm i -g pnpm
   ```

3. 의존성 설치

   ```bash
   pnpm install
   ```

4. Storybook 실행
   ```bash
   pnpm run storybook
   ```

## 컴포넌트 문서

### [배포된 스토리북 링크](https://69241e33c399e0a7b2dc458c-quqjuffvmw.chromatic.com/)

### [Select](./src/components/Select/README.md)

### [Modal](./src/components/Modal/README.md)

## 기술 스택

- **Runtime**: Node 22.17.0, pnpm 10.12.1
- **Framework**: React 19 + TypeScript 5.9
- **Build**: Vite 7 with SWC
- **Styling**: Tailwind CSS 4
- **Testing/Docs**: Storybook 10, Vitest

## 프로젝트 구조

```
src/
├── components/
│   ├── Select/          # Select 컴포넌트
│   │   ├── README.md    # Select 문서
│   │   └── ...
│   └── Modal/           # Modal 컴포넌트
│       ├── README.md    # Modal 문서
│       └── ...
├── hooks/               # 커스텀 훅
└── utils/               # 유틸리티 함수
```
npm package: @gugadev/lottie
Description: Stencil Component Starter
Latest version: 0.1.1

![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)

[Demo here (mobile/desktop)](https://determined-perlman-823ba1.netlify.com/)

# Lottie

This is a Web Component wrapper for [lottie-web](https://airbnb.io/lottie/#/) library from [AirBnB](https://airbnb.io). Currently exposes just a limited API from the original library (this can be change in the future according to needs).

> **Note**: just SVG animation is supported for now.

## Get started

First step is to install the library:

```bash
npm install @gugadev/lottie
````

Then, you need to bootstrap it according with the framework you are with.

If you uses only JavaScript, then:

```html
<script type="module">
  import { applyPolyfills, defineCustomElements } from 'https://unpkg.com/@gugadev/lottie/loader';
  applyPolyfills().then(() => {
    defineCustomElements(window);
  });
</script>
<script nomodule src="https://unpkg.com/@gugadev/lottie/latest/dist/lottie.js"></script>
```

If you're using frameworks, please see [Stencil documentation](https://stenciljs.com/docs/overview).

## How to use

There are four **attributes**:

- `data`: the URL that points to the bodymovin JSON.
- `infinite`: makes a loop for the animation.
- `autoplay`: if the animation should start automatically.
- `progressive`: if the animation is too big/slow, consider render it progressively.
- `aspectRatio`: to change the aspect ratio of the SVG. See [](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/preserveAspectRatio).

There are three methods exposed too:

- `pause`: pause the animation.
- `resume`: resume the animation.
- `destroy`: ditch the animation to create a new one.

## Roadmap

- Expose the complete lottie's API.
- Expose lottie's custom events.
- Accept other rendering types (Canvas, etc.).
npm package: @guggugit/eslint-config
Description: > Make sure you've all the peer dendencies menthined below are in your project, otherwise install the packages with the exact version specified bellow
Author: guggu.git@gmail.com
Latest version: 1.0.1

## Installation
> Make sure you've all the peer dendencies menthined below are in your project, otherwise install the packages with the exact version specified bellow

|Packages|version|
|-|-|
prettier | 2.2.1
eslint | 7.22.0
eslint-config-airbnb | 18.2.1
eslint-config-prettier | 8.1.0
eslint-plugin-import | 2.22.1
eslint-plugin-jsx-a11y | 6.4.1
eslint-plugin-react | 7.21.5
eslint-plugin-react-hooks | 4.2.0
*eslint-plugin-react-native | 3.10.0


```sh
yarn add \
  prettier@2.2.1 \
  eslint@7.22.0 \
  eslint-plugin-import@2.22.1 \
  eslint-plugin-jsx-a11y@6.4.1 \
  eslint-plugin-react@7.21.5 \
  eslint-plugin-react-hooks@4.2.0 \
  eslint-config-prettier@8.1.0 \
  eslint-config-airbnb@18.2.1 --dev
```

> *Note: Install eslint-plugin-react-native only if you're using react-native
```sh
yarn add eslint-plugin-react-native@3.10.0 --dev
```

> Install the stable version:

```sh
yarn add @guggugit/eslint-config --dev --exact
```

## Configuration
> In `.eslintrc`
```js
{
  "extends": [
    "@guggugit"
  ],
  "plugins": [
    "react",
    "react-native" // if you're using react-native
  ],
  ...,
  "rules": {
  }
}
```
npm package: @guggugit/prettier-config
Description: To install the stable version: ```sh yarn add @guggugit/prettier-config --dev --exact ```
Author: guggu.git@gmail.com
Latest version: 1.0.0

## Installation

To install the stable version:
```sh
yarn add @guggugit/prettier-config --dev --exact
```

## Usage
> In `package.json`

```js
{
  "name": "my-app",
  ...,
  "prettier": "@guggugit/prettier-config",
  "dependencies": {
    "prettier": "x.y.z"
  },
  ...,
}
```
npm package: @guggugit/rest-reducer
Description: Restfull reducer for redux
Author: Sandeep Gunduboyina
Latest version: 1.0.2-alpha.12

# Redux Rest Reducer

### Make sure your project has these peer dependencies
```json
{
  "peerDependencies": {
    "uuid": "^3.3.2",
    "query-string": "^6.2.0"
  }
}
```